@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: "Montserrat", sans-serif;;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: "Poppins", sans-serif;}
a{font-size: 16px; font-family: "Poppins", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: "Poppins", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box; font-family: "Poppins", sans-serif;}
span{padding: 0px; margin: 0px; font-family: "Poppins", sans-serif;}
:root{ --main-color: #004774;  --second-color: #016baf; --third-color: #016baf;}
/*css*/
.site-header {    position: relative;    z-index: 999;}
.site-header ul,.site-header ol {    margin-bottom: 0;}
.nav-wide .container {    width: 100%;}
.nav-wide .container {    padding: 0px 50px;}
.nav-full-banner .container {    max-width: 1440px;    width: 100%;    padding: 0px !important;}
@media only screen and (max-width:991px) {
.nav-wide .container {        padding: 0px 70px;    }
.nav-full-banner .container {padding: 0px 15px !important;}
}
@media only screen and (max-width:768px) {
.nav-wide .container {padding: 0px 15px;}
}
.extra-nav {    display: table;    float: right;    height: 70px;    position: relative;    z-index: 13;}
.extra-nav .extra-cell {    display: table-cell;    padding-left: 10px;    vertical-align: middle;}
@media only screen and (max-width:480px) {
.extra-nav.header-2-nav {        padding-left: 0px;    }
.extra-nav.header-2-nav::after {        display: none;    }
.extra-nav.header-2-nav .extra-cell {       padding-left: 0px;    }
.extra-nav.header-2-nav .site-menu-share {        font-size: 0px;    }
.extra-nav.header-2-nav .site-search-btn {        font-size: 0px;        padding: 0px; }
}
#header-part.fix-map-header {    height: 90px;}
#header-part.fix-map-header .main-bar {    position: fixed;    top: 0;    left: 0;   z-index: 1;}
@media only screen and (max-width:480px) {
#header-part.fix-map-header {        height: 160px;    }
}
.logo-header {    display: table;    float: left;    width: 190px;    height: 70px;    vertical-align: middle;    padding: 0;    font-size: 36px;    color: #1bbce8;    margin-top: 0;    margin-bottom: 0;    margin-left: 0;    margin-right: 0;    position: relative;    z-index: 11;}
.logo-header-inner {    display: table-cell;    vertical-align: middle;    height: 100%;}
@media only screen and (max-width:640px) {
.header-style-2 .logo-header {        width: 120px;    }
}
.logo-footer {    margin-bottom: 35px;    margin-left: 0;    margin-right: 0;    position: relative;    z-index: 9;}
.logo-footer-inner {   display: table-cell;    vertical-align: middle;    height: 100%;}
.logo-footer-inner img {    max-width: 100%;    max-height: 100%;}
.nav-wide .container {    padding: 0px 15px;    max-width: 100%;}
.site-menu-share {    background: none;    border: none;    outline: none;    color: #000;    font-size: 16px;    display: inline-block;    font-weight: 600;    text-align: center;}
.top-bar {    padding: 10px 0px;    font-size:14px;}
.social-bx li a{    color:#ffffff;    font-size:12px;}
.wt-topbar-left {    float: left;}
.wt-topbar-right {    float: right;}
.wt-topbar-center {    text-align: center;}
.wt-topbar-info li{display:inline-block; margin-right:10px; padding:12px 0px;}
.wt-topbar-info li span{display:inline-block; padding-right:10px;}
.wt-topbar-info li i{margin-right:10px;}
.login-controls li{display:inline-block;margin-right:10px;}
.login-controls li:last-child{margin-right:0px;}
.login-controls li a{color:#00173c;}
.social-bx li{margin-right:15px;}
.social-bx li:last-child{margin-right:0px;}
.login-controls{margin-left:30px;}
@media only screen and (max-width: 991px) {
.top-bar .d-flex.justify-content-between{display:block !important;}
.login-controls{margin-left: 10px;text-align: left;display: inline-block;}
.login-controls li:last-child {display: inline-block; margin-right: 0px;}
.social-bx{text-align: left;display: inline-block !important;}
.social-bx li {margin-right: 15px;  display: inline-block;}
}
@media only screen and (max-width: 480px) {
.header-style-2 .wt-topbar-left{display: none !important;}
}
@media only screen and (max-width: 991px) {
.header-top-info .wt-topbar-right {        padding-left: 0px;        padding-right: 0px;    }
.header-top-info .social-bx {        margin-left: 0px;    }
}
@media only screen and (max-width:480px) {
.header-top-info { display: none;}
}
.main-bar {    position: relative;    width: 100%;    padding: 10px 0px;    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
.main-bar::after,.main-bar::after {    clear: both;    content: "";    display: table;}
@media only screen and (max-width: 480px) {
.main-bar {        padding-left: 0px;        padding-right: 0px;    }
}
.header-info {    float: right;}
.header-info>ul {    list-style: none;    display: table;}
.header-info>ul li {    display: table-cell;    padding: 0px 10px;    vertical-align: middle;}
.header-info>ul li .icon-md {    float: left;    margin-right: 15px;}
.header-info>ul li strong {    display: block;    font-size: 32px;    line-height:32px;    color:#111;   font-weight: 300;}
.header-info .icon-content{    text-align:right;   padding-top: 10px;}
.header-botton {    background-color: #1a1a1a;}
.header-botton .header-nav .nav {    float: none;}
.header-botton .header-nav .nav>li>a {    padding: 20px 12px;    color: #fff;}
.header-botton .extra-nav {    padding: 13px 0;}
.header-botton .extra-nav .site-search-btn {    color: #fff;    padding: 7px 15px;}
.header-botton .extra-nav .wt-cart .woo-cart-count {    border: 2px solid #fff;    color: #fff;    min-width: 36px;    padding: 5px 5px 5px;}
.header-botton .extra-nav .wt-cart .woo-cart-count::before {    border-color: #fff;}
@media only screen and (max-width:991px) {
.header-botton .navbar-toggler {        float: left;        margin: 9px 0;    }
.header-botton .navbar-toggler span {        background-color: #fff;    }
.header-botton .header-nav .nav>li>a {        padding: 12px 12px;        color: #777;}
}
@media only screen and (max-width:640px) {
.header-middle .logo-header { float: none;   margin: 9px auto;}
}
.navbar-toggler {    border: none;    margin-top: 24px;    margin-bottom: 24px;    margin-left: 15px;    margin-right: -10px;    padding: 12px 10px;}
.navbar-toggler .icon-bar {    background:#111111;    height: 3px;    border-radius: 0;   -webkit-border-radius: 0;    display: block;    width: 22px;}
.navbar-toggler .icon-bar + .icon-bar {    margin-top: 4px;}
.header-style-2 .navbar-toggler .icon-bar {    background:#000;    height: 3px;    border-radius: 0;    -webkit-border-radius: 0;    display: block;    width: 22px;}
.header-style-2 .navbar-toggler .icon-bar + .icon-bar {    margin-top: 4px;}
@media only screen and (max-width:480px) {
 .navbar-toggler {        margin-left: 10px;    }
}
.is-fixed .navbar-toggler {    margin-top: 14px;    margin-bottom: 14px;}
.header-nav {    position: relative;    padding: 0px;    z-index: 10;}
.header-nav .nav {    display: flex;    justify-content: flex-end;    flex-direction: inherit;}
.header-nav .nav i {    font-size: 15px;    margin-left: 3px;    margin-top: -3px;    vertical-align: middle;    opacity: 0.7;}
.header-nav .nav>li {    font-weight: 500;    position: relative;    margin: -10px 0;    padding: 10px 0;    font-family: 'Roboto', sans-serif;}
.header-nav .nav>li>a {    border-radius: 0;    -webkit-border-radius: 0;   -moz-border-radius: 0;    color: #fff;    font-size: 15px;    padding: 28px 10px;    cursor: pointer;    margin: -10px 0;}
.header-nav .nav>li>a:hover {    background-color: transparent;    color: #212427;}
.header-nav .nav>li>a:active,.header-nav .nav>li>a:focus {    background-color: transparent;}
.header-nav .nav>li.active>a,.header-nav .nav>li.current-menu-item>a {    background-color: transparent;    color: #0f1221;}
.header-nav .nav>li:hover>a {    color: #0f1221;}
.header-nav.nav-animation .nav>li:hover>ul.sub-menu li:hover>a {    padding-left: 25px;}
.header-style-1 .header-nav .nav>li:hover>a {    color:#fff;    background-color:#00a6d0;}
.header-nav .nav>li:hover>.sub-menu,.header-nav .nav>li:hover>.mega-menu {    opacity: 1;    visibility: visible;   margin-top: 0;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease;}
.header-nav .nav>li .sub-menu {    background-color: #ffffff;    display: block;    left: 0;    box-shadow: 0px 0 5px 0 #ccc;    top: 100%;    list-style: none;    margin: 20px 0 0;   opacity: 0;    padding: 0px;    position: absolute;    visibility: hidden;    width: 400px;    z-index: 10;}
.header-nav .nav>li .sub-menu li {    border-bottom: 1px solid #f4f4f4;    position: relative;    text-transform: none;}
.header-nav .nav>li .sub-menu li a {    color:#000;    display: block;    font-size: 14px;    padding: 10px 20px;}
.header-nav .nav>li .sub-menu li a:hover {    color: #000;    text-decoration: none;}
.header-nav .nav>li .sub-menu li:hover>a {    color: #004774;}
.header-nav .nav>li .sub-menu li:last-child {    border-bottom: 0px;}
.header-nav .nav>li .sub-menu li .fa {        color: #004774;    display: block;    float: right;    position: absolute;    left: 6px;    top: 16px;    font-size: 15px;}
.header-nav .nav>li .sub-menu li>.sub-menu {    left: 220px;    margin: 0 0 0 20px;    -webkit-transition: all 0.1s ease;    -moz-transition: all 0.1s ease;    -ms-transition: all 0.1s ease;    -o-transition: all 0.1s ease;    transition: all 0.1s ease;}
.header-nav .nav>li .sub-menu li:hover>.sub-menu {    left: 220px;    margin: 0px;   opacity: 1;   top: -1px;  visibility: visible;}
.header-nav .nav>li .sub-menu li:hover>.sub-menu:before {    background-color: transparent;    bottom: 0px;    content: '';    display: block;    height: 100%;    left: -6px;    position: absolute;    top: 0px;    width: 6px;}
.header-nav .nav>li.has-mega-menu {    position: inherit;}
.header-nav .nav>li .mega-menu li a>i {    font-size: 13px;    margin-right: 5px;    min-width: 20px;}
.header-nav .nav>li .mega-menu {    background-color: #ffffff;    border: 1px solid #e9e9e9;    display: table;    left: 0px;    list-style: none;    opacity: 0;    position: absolute;    right: 0px;    visibility: hidden;    width: 100%;    margin-top: 20px;    z-index: 10;}
.header-nav .nav>li .mega-menu>li {    display: table-cell;    padding: 10px 0;    position: relative;    vertical-align: top;    width: 25%;    text-transform: none;}
.header-nav .nav>li .mega-menu>li:after {    content: "";    background-color: rgba(204, 204, 204, 0.4);    position: absolute;    right: 0px;    top: 0px;    display: block;    width: 1px;    height: 100%;}
.header-nav .nav>li .mega-menu>li:last-child:after {    display: none;}
.header-nav .nav>li .mega-menu>li>a {    color: #555555;    display: block;    font-size: 14px;    padding: 0 20px;}
.header-nav .nav>li .mega-menu>li ul {    list-style: none;    margin: 10px 0px 0px 0px;   padding: 0px;}
.header-nav .nav>li .mega-menu>li ul a {    color: #474747;    display: block;    font-size: 13px;   line-height: 34px;    padding: 2px 20px;}
.header-nav .nav>li .mega-menu>li ul a:hover {    color: #1BBCE8;    background-color: #F2F2F2;}
.header-nav .nav>li.menu-item-has-children:before {    content: "\f078";    display: block;   font-family: "FontAwesome";    right: 4px;    position: absolute;    top: 50%;    color: #999;    margin-top: -8px;   font-size: 8px;}
.header-nav .nav>li.submenu-direction .sub-menu {    left: auto;    right: 0;}
.header-nav .nav>li.submenu-direction .sub-menu li>.sub-menu {    left: auto;    right: 220px;    margin: 0 20px 0 0;}
.header-nav .nav>li.submenu-direction .sub-menu li:hover>.sub-menu {    left: auto;   right: 220px;    margin: 0 0 0 0;}
.has-child .submenu-toogle {    position: absolute;    right: 4px;    top: 4px;    color: #000;    background-color: transparent;    z-index: 900;    cursor: pointer;    padding: 10px;    font-size: 14px;    display: none;}
.header-nav .has-child li .submenu-toogle {    opacity: 0.9;}
.header-nav .has-child.nav-active>a+.submenu-toogle.glyphicon-chevron-right:before {    content: "\e114";}
.header-nav .has-child.nav-active>a+.submenu-toogle.glyphicon-plus::before {    content: "\2212";}
@media only screen and (max-width:1200px){
.header-style-1 .container{    padding: 0px 50px;    max-width: 100%;}
}
@media only screen and (max-width:777px){
.header-style-1 .container{    padding: 0px 15px;}
}
@media only screen and (max-width: 991px) {
header .logo {        display: block;        padding: 4px 0;    }
.header-nav .nav i {        margin-top: 6px;    }
.header-nav .nav li.has-child.nav-active>a {        color: #000;    }
.header-style-1 .header-info>ul li strong {        font-size: 24px;        line-height: 32px;        font-weight: 400;    } 
.header-style-1 .header-info>ul li .icon-md i{        font-size: 34px;}
.header-style-1 .header-info>ul li .icon-md {  margin-right: 0px; margin-top: 10px;}   
}

@media only screen and (max-width:640px){
.header-style-1 .header-info{display:none;}
}
@media only screen and (max-width: 991px) {
.navbar-header {        float: none;    }
.navbar-toggler {        display: block;        margin-top: 14px;        margin-bottom: 14px;        float: right;        outline: none !important;    }
.header-nav {        clear: both;        margin: 0 -15px;        border-bottom: 1px solid #E9E9E9;    }
.header-nav .nav {        float: none;        margin: 0;        background:#fff;        display: block;        width: 100%;        position: absolute;        top: 0px;    }
.header-nav .nav li {        float: none;    }
.header-nav .nav>li .sub-menu>li,    .header-nav .nav>li .mega-menu>li {        float: none;        display: block;        width: auto;    }
.header-nav .nav li .sub-menu>li a {        padding-left: 30px;    }
.header-nav .nav>li>a {        padding: 12px 15px;        border-top: 1px solid #E9E9E9;        color: #777;  }
.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a {        color: #000;    }
.header-nav .nav i {        float: right;    }
.header-nav .nav>li>a:hover,    .header-nav .nav>li>a:active,    .header-nav .nav>li>a:focus {        background-color: #f0f0f0;        text-decoration: none;    }
.header-nav .nav>li .mega-menu>li:after {        display: none;    }
.header-nav .nav>li ul,
.header-nav .nav>li .sub-menu,
.header-nav .nav>li .mega-menu {        display: none;        position: static;        visibility: visible;        width: auto;        background: #f9f9f9;   }
.header-nav .nav>li ul.mega-menu ul {        display: block;    }
.header-nav .nav>li .mega-menu>li {        padding: 0px;    }
.header-nav .nav>li ul.mega-menu li:hover ul {        display: block;    } 
.header-nav .nav li.has-child {        position: relative;    }
.header-nav .nav li .sub-menu,    .header-nav .nav li .mega-menu {        opacity: 1;        margin: 0 !important;    }
.has-child .submenu-toogle {        display: block;    }
.header-nav .has-child.nav-active > a + .submenu-toogle.fa.fa-angle-right::before {        content: "\f107";    }
}
.header-nav.nav-animation .nav>li>a {position: relative;}
.header-nav.nav-animation .nav>li>ul.sub-menu li>a {    -webkit-transition: all 0.5s ease-out;    -moz-transition: all 0.5s ease-out;    -o-transition: all 0.5s ease-out;    -ms-transition: all 0.5s ease-out;    transition: all 0.5s ease-out;    position: relative;    z-index: 1;}
@media only screen and (max-width: 991px) {
.is-fixed .header-nav .nav,    .header-fixed .header-nav .nav{        overflow: auto;        height: 390px;    }
.is-fixed .header-nav .nav>li>a,    .header-fixed .header-nav .nav>li>a{        padding: 12px 15px;    }
.is-fixed#header-part .navbar-toggler,    .header-fixed .navbar-toggler {        margin: 15px 0;    }
.header-nav.nav-animation .nav>li>a:before {    left: 30px;}  
}
.header-style-2 .header-nav .nav>li:hover>a:before { text-shadow: 0px 0 #00173c, -10px 0 #00173c, 10px 0 #00173c;}
.header-style-2 .top-bar {  padding: 0px 0px;   font-size: 14px;    display: flex;  align-content: center;  flex-wrap: wrap;}
.header-style-2 .top-bar .wt-topbar-info li{display: inline-block; margin-right: 0px; padding: 9px 15px 5px 15px; border-right: 1px solid rgba(255,255,255,0.6);}
.header-style-2 .top-bar .wt-topbar-info li:first-child{    position: relative;    z-index: 1; font-size: 16px; font-weight: 500;}
.header-style-2 .top-bar .wt-topbar-info li:first-child:before{content:''; position: absolute; right: 0px; top: 0px; background-color: var(--second-color); z-index: -1; width: 6000px; bottom: 0px;}
.header-style-2 .top-bar .wt-topbar-info li span{display:inline-block; padding-right:10px;}
.header-style-2 .top-bar .wt-topbar-info li i{margin-right:10px; font-size: 20px;}
.header-style-2 .top-bar .wt-topbar-right .wt-topbar-info-2 li{display: inline-block; margin-right: 0px; padding: 10px 15px 10px 15px; border-right: 1px solid rgba(255,255,255,0.6); font-family: "Poppins", sans-serif;;
}
.header-style-2 .top-bar .wt-topbar-right .wt-topbar-info-2 li span{display:inline-block; padding-right:10px;}
.header-style-2 .top-bar .wt-topbar-right .wt-topbar-info-2 li i{margin-right:10px; font-size: 20px;}
.header-style-2 .social-icons{display: flex; align-content: center; flex-wrap: wrap;}
.header-style-2 .social-icons li{padding-left: 10px;}
.header-style-2 .social-icons li a{color:#fff; font-size: 15px;}
.header-style-2 .header-search{display: block; text-align: center; position: relative; float:left; width: 48px;height: 40px; background-color: var(--main-color);}
.header-style-2 .header-search-icon{display: block; color:#fff; line-height: 40px;}
.header-style-2 .header-search-icon.close {    position: absolute;    top: 0px;    right: 0px;    color: #fff;    width: 48px;  height:40px;    bottom: 0px;    opacity: 1 !important;}
.header-style-2 .header-search-icon.close  i{display:none;}
.header-style-2 .header-search-icon.close {position: absolute; top: 0px; right: 0px; font-size: 0px; color:#fff; width: 48px; bottom: 0px; opacity: 1 !important;}
.header-style-2 .header-search-icon.close:after, 
.header-style-2 .header-search-icon.close:before{content: ""; position: absolute; width: 2px; height: 18px; background-color:#fff; right: 24px; top: 12px;}
.header-style-2 .header-search-icon.close:after{    -ms-transform: rotate(45deg); /* IE 9 */    -webkit-transform: rotate(45deg); /* Safari */  transform: rotate(45deg);}
.header-style-2 .header-search-icon.close:before{   -ms-transform: rotate(-45deg); /* IE 9 */   -webkit-transform: rotate(-45deg); /* Safari */ transform: rotate(-45deg);}
.header-style-2 .header-search-icon.close:hover:after ,#search .close:hover:before{ cursor: pointer;}
.header-style-2 .header-search-icon i{margin:0px auto;}
.header-style-2 .main-bar { border-top:1px solid #ddd;  position: relative; width: 100%;    padding:0px 0px;    -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease;transition: all 0.5s ease; background-color: #fff;}
.header-style-2 .main-bar .container{   position:relative;}
.header-style-2 .header-nav .nav > li > a {color:#111; display: block;     text-transform: uppercase;}
.header-style-2 .header-nav .nav > li > a:hover {color:#002861;}
.header-style-2 .header-nav-request{float:right;}
.header-style-2 .header-nav-request a{ background-color: var(--third-color); display: block;color:#fff; text-transform:uppercase; padding: 8px 10px;}
.header-style-2 .header-nav-request a i{margin-left: 10px;}
.header-style-2 .is-fixed.color-fill .main-bar {background:#fff;}
.header-style-2 .header-nav .nav > li {font-weight: 500;   position: relative;   margin: 0px 0px;   padding: 10px 0px;}
@media only screen and (max-width:991px){
.header-style-2 .header-2-nav{padding-top:0px;}
.header-style-2 .logo-header { padding-top:0px; }
.header-style-2 .social-icons{display:none;}  
.header-style-2 .wt-topbar-right{float:right;}
.header-style-2 .top-bar .wt-topbar-right .wt-topbar-info-2 li{font-size:12px; padding: 9px 10px 9px 15px;}
.header-style-2 .top-bar .wt-topbar-right .wt-topbar-info-2 li:last-child{border-right:0px; padding-right:0px;} 
.header-style-2 .top-bar .wt-topbar-info li:first-child{font-size:12px;}
.header-style-2 .header-nav .nav > li {padding: 0px;}
}
@media only screen and (max-width:767px){
.header-style-2 .wt-topbar-left{display:none !important;}
.header-style-2 .wt-topbar-right{float:left;}
}
@media only screen and (max-width:640px){
.header-style-2 .header-nav-request a{font-size:0px;}
.header-style-2 .header-nav-request a i{font-size: 24px; margin: 0px; width: 20px; text-align: center;}
}
@media only screen and (max-width:480px){
.header-style-2 .top-bar .wt-topbar-right .wt-topbar-info-2 li{display: block;   padding-right: 0px; padding-bottom: 0px; border: none; padding-left: 0px;}
.header-style-2 .top-bar .wt-topbar-right .wt-topbar-info-2 li:last-child {padding-bottom:10px;}
}
.site-bg-secondry {background-color: var(--main-color); height: 30px;}
.about-content span{color: #ff0763; font-size: 18px;}
.about-content p{line-height: 25px; font-size: 16px;     color: #5a5a5a;}
.about-content h1{color: #000;     font-size: 28px;}
p.only-border {    border-left: 3px solid #0064b7 !important;}
/* Shutter In Horizontal */
.all-btn a {  padding: 12px 25px 12px 25px;    background: linear-gradient(to right, #016baf 0%, #004774 100%); transition: 0.5s;}
.carousel-indicators{z-index: -9;}
.ts-facts .ts-facts-img {    display: inline-block;    vertical-align: top;    margin-right: 25px;}
.ts-facts .ts-facts-content {    display: inline-block;}
.ts-facts .ts-facts-content .ts-facts-num {   font-size: 36px;    margin: 0;}
.ts-facts .ts-facts-content .ts-facts-title {    font-size: 18px;    font-weight: 500;    margin: 10px 0 0;}
.facts-wrapper .ts-facts {     border-right: 1px solid #dedede;    margin-right: 20px;    text-align: center;}
.bg-calling{background: var(--third-color); background-attachment: fixed;  background-size: cover;     background-position: 50% 50%;}
.bg-calling span{color: #f6af08; }
.bg-calling h2{margin: 0px auto;}
.title span{ color: #004774;    font-size: 18px;}
.title h2{color: #3b1d82;}
.elementor-widget-wrap>.elementor-element {    width: 100%;}
.elementor-element .elementor-widget-container {    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;}
.elementor-1615 .elementor-element.elementor-element-e9a71a4 .ts-single-outcome {    background-color: transparent;    background-image: linear-gradient(110deg,#384959 0%,#384959 100%);}
.ts-single-outcome {text-align: center;    border-radius: 50%;    -webkit-border-radius: 50%;    -ms-border-radius: 50%;    width: 250px;    height: 250px;    background-image: -webkit-linear-gradient(340deg,#384959 0%,#384959 100%);    background-image: -o-linear-gradient(340deg,#384959 0%,#384959 100%);    background-image: linear-gradient(340deg,#004774 0%,#004774 100%);    -webkit-box-shadow: 0 20px 30px 0 rgba(0,0,0,.12);    box-shadow: 0 20px 30px 0 rgba(0,0,0,.12);    padding: 45px 0;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;    -webkit-transition: all 0.4s ease;    -moz-transition: all 0.4s ease;    -ms-transition: all 0.4s ease;}
.ts-single-outcome i {    font-size: 70px;    color: #fff;    display: block;    margin-bottom: 12px;}
.ts-single-outcome .ts-title {    color: #fff;}
span.ts-title {    font-size: 20px;    font-weight: 500;}
.ts-single-outcome:hover{ -ms-transform: rotate(360deg);transform: rotate(360deg);}
.elementor-1615 .elementor-element.elementor-element-e39894f .ts-single-outcome {    background-color: transparent;    background-image: radial-gradient(at center center,#b1aff0 0%,#836df0 100%);}
.purple-color{    background-color: transparent;    background-image: radial-gradient(at center center,#016baf 0%, #016baf 100%);}
.green-color{background-color: transparent;  background-image: linear-gradient(100deg,#004774  0%,#004774  100%);}
.blue-color{background-color: transparent; background-image: linear-gradient(100deg,#016baf 0%,#016baf  100%);}
.about-section{position: relative; }
/*.about-section::after {    position: absolute;    right: 0px;    background: url(images/slide-element1.png)no-repeat;    content: '';    top: 49px;    width: 100%;    height: 478px;    opacity: 0.2;     z-index: -9999;}*/
.four-point{position: relative;}
.front-img img{position: absolute; right: 0; opacity: 0.1;}
img.small-this {left: 0; width: 38% !important; top: -50px;}
.our-services{ position: relative;}
.img-text-item img{position: absolute; right: 0px;     z-index: -9; opacity: 0.5;}
.speaker-block-three .inner-box{    position: relative;    background-color: #ffffff;    overflow: hidden;    padding-bottom: 30px;    margin: 0 auto;    overflow:hidden;    box-shadow: 0 20px 30px rgba(0,0,0,0.10);    -webkit-transition: all 300ms ease;    -moz-transition: all 600ms ease;    -ms-transition: all 600ms ease;    -o-transition: all 600ms ease;    transition: all 600ms ease;}
.speaker-block-three .inner-box:hover{    box-shadow: 0 0px 5px rgba(0,0,0,0.10);}
.speaker-block-three .image-box{    position: relative;    display: block;    text-align: center;    padding: 50px 0;}
.speaker-block-three .image-box:before{    position: absolute;    left: -10px;    right: -10px;    top: -4px;    height: 100%;    background-image: url(images/shape-5.png);    -webkit-transform: scale(-1);    -moz-transform: scale(-1);    -ms-transform: scale(-1);    -o-transform: scale(-1);    transform: scale(-1);    background-repeat: no-repeat;    background-position: right top;    background-size: cover;    content: "";}
.speaker-block-three .image-box .image{    position: relative;    display: inline-block;    overflow: hidden;    border: 4px solid #00a9cd;    box-shadow: 0 0 20px rgba(0,0,0,0.30);    border-radius: 50%;    z-index: 9;    margin-bottom: 0;    -webkit-transition:all 600ms ease;    -ms-transition:all 600ms ease;    -o-transition:all 600ms ease;    -moz-transition:all 600ms ease;    transition:all 600ms ease;}
.speaker-block-three .inner-box:hover .image-box .image{    border-radius:0px;}
.speaker-block-three .image-box .image img{    display: block;    width: 100%;    -webkit-transition: all 300ms ease;    -moz-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;    transition: all 300ms ease;}
.speaker-block-three .inner-box:hover .image img{    -webkit-transform: scale(1.1);    -moz-transform: scale(1.1);    -ms-transform: scale(1.1);  -o-transform: scale(1.1);    transform: scale(1.1);}
.speaker-block-three .info-box{position: relative;    display: block;    padding: 10px 19px;    padding-right: 10px;    background-color: #002a5e;    width: 86%;}
.speaker-block-three .info-box:before{    position: absolute;    left: 0;    right: -30px;    background-color:  #002a5e;    content:"";    top: 0;    height: 100%;    -webkit-transform: skew(-30deg);    -moz-transform: skew(-30deg);    -ms-transform: skew(-30deg);    -o-transform: skew(-30deg);    transform: skew(-30deg);    border-radius: 0 14px 14px 0;}
.speaker-block-three .info-box .name{    position: relative;    font-size: 18px;    line-height: 1.2em;    color: #ffffff;    font-weight: 500;}
.speaker-block-three .info-box .name a{    color: #ffffff;    -webkit-transition: all 300ms ease;    -moz-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;   transition: all 300ms ease;}
.speaker-block-three .info-box .name a:hover{    color: #ffffff;}
.speaker-block-three .info-box .designation{    position: relative;    display: block;    font-size: 14px;    line-height: 20px;    color: #ffffff;    font-weight: 400;}
.speaker-block-three .social-box{    position: absolute;    top: 90px;    transform:translateX(-50px);    -webkit-transition:all 600ms ease;    -ms-transition:all 600ms ease;   -o-transition:all 600ms ease;    -moz-transition:all 600ms ease;    transition:all 600ms ease;}
.speaker-block-three .social-box .social-links li{    margin-bottom:4px;}
.speaker-block-three .inner-box:hover .social-box{    transform:translateX(10px);}
.speaker-block-two .social-links li{    position: relative;    display: inline-block;    margin-bottom: 10px;}
.speaker-block-three .social-links li a i{    position: relative;    display: block;    width: 32px;    height: 32px;    border: 1px solid #eeeeee;    font-size: 16px;    line-height: 30px;    background-color: #ffffff;    text-align: center;    -webkit-transition: all 300ms ease;    -moz-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;    transition: all 300ms ease;}
.speaker-block-three .social-links li a:hover i{    color: #ffffff;}
.speaker-detail{    position: relative;    padding: 120px 0 70px;}
.speaker-detail .image-column{    position: relative;    margin-bottom: 50px;}
.speaker-detail .image-column .image-box{    position: relative;    padding-right: 20px;}
.speaker-detail .image-column .image{    position: relative;    margin-bottom: 30px;    overflow: hidden;   border: 10px solid #ffffff;    box-shadow: 0 0 30px rgba(0,0,0,0.10);}
.speaker-detail .image-column .image img{    display: block;    width: 100%;}
.speaker-detail .info-column{    position: relative;}
.speaker-detail .info-column .inner-column{    position: relative;}
.speaker-detail .info-column h1{position: relative; font-size: 50px;    line-height: 1em;    font-weight: 700;    margin-bottom: 20px;}
.speaker-detail .info-column h3{position: relative; display: block;    font-size: 40px;    line-height: 1em;    font-weight: 600;    margin-bottom: 20px;    color: #101130;}
.speaker-detail .info-column h4{position: relative; display: block;    font-size: 24px;    line-height: 1em;    font-weight: 500;    margin-bottom: 20px;    color: #222222;}
.speaker-detail .info-column h5{position: relative; display: block;    font-size: 18px;    line-height: 1em;    font-weight: 500;    margin-bottom: 10px;    color: rgba(68,16,102,1);}
.speaker-detail .info-column .text-box{    position: relative;}
.speaker-detail .info-column p{ position: relative;    font-size: 16px;    line-height: 1.6em;    color: #888888;    margin-bottom: 30px;}
.speaker-detail .speaker-session-info{    position: relative;    margin-bottom: 30px;}
.speaker-detail .speaker-session-info p{    margin-bottom: 0;    color: rgb(247,0,104);}
.speaker-detail .bottom-box{position: relative;    padding-left: 80px;    min-height: 50px;    margin-bottom: 30px;}
img.left-side-img {position: absolute;    left: 0;    bottom: 0; opacity: 0.5;}
img.left-side-img-new {    position: absolute;    left: 0;    bottom: 0;    top: 0; opacity: 0.5;}
img.left-side-bottom-img-new {    position: absolute;    right: 0;    bottom: 0; opacity: 0.5;}
img.right-side-bottom-img-new {    position: absolute;  left: 0;    bottom: 0; opacity: 0.5;}
.schedule-section{	position: relative;	background-repeat: no-repeat;	background-position: center;	background-size: cover; overflow: hidden;}
.schedule-section::before{    position: absolute;    background: url(images/icon-dots-2.png)no-repeat;    opacity: 0.1;    content: '';    width: 100%;    height: 900px;    top: 0;    right: 0;    /* left: 0; */    z-index: -99;}
.schedule-section .icon-circle-4{	right: -200px;	bottom: 160px;}
.schedule-section .icon-circle-3{	left: -375px;	top: 340px;	opacity: .30;}
.tabs-box{	position: relative;}
.tabs-box .tab{	display: none;}
.tabs-box .tab.active-tab{	display: block;}
.schedule-tabs{	position: relative;}
.schedule-tabs .btns-box{	position: relative;	display: block;	margin-bottom: 40px;}
.schedule-tabs .tab-buttons{	position: relative;	text-align: center;}
.schedule-tabs .tab-buttons li{	position: relative;    display: inline-block;    height: 135px;    width: 160px;    border-radius: 20px;    background-color: #ffffff;    font-size: 16px;    line-height: 20px;    color: #222222;    font-weight: 600;    text-align: left;    padding: 15px 15px;   padding-top: 70px;    padding-left: 90px;	cursor: pointer;	margin: 0 15px 20px;	border: 1px solid #dddddd;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.schedule-tabs .tab-buttons li .day{    position: absolute;    left: 0px;    top: 30px;    padding: 5px 20px;    background-color: #222222;    font-size: 14px;    line-height: 20px;    font-weight: 600;    color: #ffffff;    border-radius: 0 15px 15px 0;}
.schedule-tabs .tab-buttons li .date{	position: absolute;    left: -0;    top: 80px;    width: 100px;    text-align: center;    font-size: 38px;    line-height: 20px;    font-weight: 600;    color: #222222;}
.schedule-tabs .tab-buttons li .month{	display: block;    font-size: 20px;    line-height: 1em;    font-weight: 600;    color: #222222;    text-transform: uppercase;}
.schedule-tabs .tab-buttons li .year{	font-size: 30px;}
.schedule-tabs .tab-buttons li.active-btn{	box-shadow: 0 20px 30px rgba(0,0,0,.10);}
.schedule-tabs .tab-buttons li:nth-child(4n + 1) .day{	background-color: #ffc20b;}
.schedule-tabs .tab-buttons li:nth-child(4n + 2) .day{	background-color: #40cbb4;}
.schedule-tabs .tab-buttons li:nth-child(4n + 3) .day{	background-color: #4c35a9;}
.schedule-tabs .tab-buttons li:nth-child(4n + 4) .day{	background-color: #e6275a;}
.schedule-tabs .tab-buttons li:nth-child(4n + 1) .month,.schedule-tabs .tab-buttons li:nth-child(4n + 1) .date{	color: #ffc20b;}
.schedule-tabs .tab-buttons li:nth-child(4n + 2) .month,.schedule-tabs .tab-buttons li:nth-child(4n + 2) .date{	color: #40cbb4;}
.schedule-tabs .tab-buttons li:nth-child(4n + 3) .month,.schedule-tabs .tab-buttons li:nth-child(4n + 3) .date{	color: #4c35a9;}
.schedule-tabs .tab-buttons li:nth-child(4n + 4) .month,.schedule-tabs .tab-buttons li:nth-child(4n + 4) .date{	color: #e6275a;}
.schedule-tabs .tab-buttons li:nth-child(4n + 1).active-btn{	box-shadow: 0 0px 30px rgba(255,194,11,.30);border: 1px solid #ffc20b;}
.schedule-tabs .tab-buttons li:nth-child(4n + 2).active-btn{	box-shadow: 0 0px 30px rgba(64,203,180,.30);	border: 1px solid #40cbb4;}
.schedule-tabs .tab-buttons li:nth-child(4n + 3).active-btn{	box-shadow: 0 0px 30px rgba(76,53,169,.30);	border: 1px solid #4c35a9;}
.schedule-tabs .tab-buttons li:nth-child(4n + 4).active-btn{	box-shadow: 0 0px 30px rgba(230,39,90,.30);	border: 1px solid #e6275a;}
.schedule-timeline{	position: relative;}
.schedule-block{	position: relative;	margin-bottom: 30px;	}
.schedule-block:after{	display: table;	clear: both;	content: "";}
.schedule-block .inner-box{	position: relative;	float: right;	width: 50%;	text-align: left;}
.schedule-block .inner-box .inner{	position: relative;	padding: 20px 30px 20px;	background-color: #ffffff;	border: 1px solid #dddddd;	box-shadow: 0 0 30px rgba(0,0,0,0.05);	margin-left: 80px;	border-radius: 20px;}
.schedule-block .inner:before{	position: absolute;    top: 0;    bottom: -30px;    right: 100%;    border-left:2px dashed #dddddd;    content: "";    margin-right: 80px;}
.schedule-block .inner:after{	position: absolute;	right: 100%;	top: 35px;	border-top: 15px solid transparent;	border-right: 20px solid #ffffff;	border-bottom: 15px solid transparent;	content: "";}
.schedule-block .date{    position: absolute;    left: -132px;    width: 100px;    top: 0px;    height: 100px;    background-color: #ffffff;    text-align: center;    font-size: 14px;    line-height: 18px;    color: #212639;    font-weight: 500;    padding: 30px 15px 0;    border-radius: 50%;    border:2px dashed #dddddd;    box-shadow: 0 0 30px rgba(0,0,0,0.05);}
.schedule-block .speaker-info{	position: relative;	padding-left: 80px;	padding-top: 10px;	min-height: 60px;}
.schedule-block .speaker-info .thumb{	position: absolute;	left: 0;	top: 0;	width: 60px;	border-radius: 50%;	overflow: hidden;}
.schedule-block .speaker-info .name{	font-size: 16px;	color: #212639;	font-weight: 500;	line-height: 1.2em;}
.schedule-block .speaker-info .designation{	font-size: 13px;}
.schedule-block span{	position: relative;    font-size: 22px;    line-height: 1.2em;    color: #0f1925;    font-weight: 600;    margin-bottom: 8px;    padding-top: 8px;}
.schedule-block span{	color: #212639;	display: inline-block;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.schedule-block span:hover{	color: #3b1d82;}
.schedule-block .text{	position: relative;	font-size: 16px;	line-height: 25px;	color: #000;	margin-bottom: 15px;     font-family: 'Roboto', sans-serif;}
.schedule-block .btn-box{	position: relative;	padding: 6px 0;}
.schedule-block .btn-box a{	padding: 10px 20px;	line-height: 20px;	font-size: 14px;	background-color: #444444;	color: #ffffff;	border-top:2px solid transparent;	border-bottom:2px solid transparent;	border-radius: 5px;}
.schedule-block .btn-box a:hover{	color: #ffffff;}
.schedule-block.even .inner-box{	float: left;	text-align: right;}
.schedule-block.even .inner-box .inner{	margin-left: 0;	margin-right: 80px;}
.schedule-block.even .inner:before{	right: auto;	left: 100%;	margin-left: 80px;	margin-right: 0;}
.schedule-block.even .inner:after{	right: auto;	left: 100%;	border-right: 0;	border-left: 20px solid #ffffff;}
.schedule-block:last-child .inner:before{	display: none;}
.schedule-block.even .date{	left: auto;	right: -132px;}
.schedule-block.even .speaker-info{	padding-left: 0;	padding-right: 80px;}
.schedule-block.even .speaker-info .thumb{	left: auto;	right: 0;}
.schedule-block:nth-child(4n + 1) .date,
.schedule-block:nth-child(4n + 1) .inner:before{	border-color: var(--main-color);}
.schedule-block:nth-child(4n + 2) .date,.schedule-block:nth-child(4n + 2) .inner:before{border-color: var(--main-color);}
.schedule-block:nth-child(4n + 3) .date,.schedule-block:nth-child(4n + 3) .inner:before{	border-color: var(--main-color);}
.schedule-block:nth-child(4n + 4) .date,.schedule-block:nth-child(4n + 4) .inner:before{	border-color: var(--main-color);}
.schedule-block:nth-child(4n + 1) .btn-box a{	background-color:#ffc20b;}
.schedule-block:nth-child(4n + 1) .btn-box a:hover{	color:#ffc20b;	border-radius:0px;	background: none;	border-color:#ffc20b;}
.schedule-block:nth-child(4n + 2) .btn-box a{	background-color: #40cbb4;}
.schedule-block:nth-child(4n + 2) .btn-box a:hover{	border-radius:0px;	color: #40cbb4;	background:none;	border-color: #40cbb4;}
.schedule-block:nth-child(4n + 3) .btn-box a{	background-color: #4c35a9;}
.schedule-block:nth-child(4n + 3) .btn-box a:hover{	border-radius:0px;	color: #4c35a9;	background:none;	border-color: #4c35a9;}
.schedule-block:nth-child(4n + 4) .btn-box a{	background-color: #e6275a;}
.schedule-block:nth-child(4n + 4) .btn-box a:hover{	border-radius:0px;	color: #e6275a;	background:none;	border-color: #e6275a;}
.schedule-section.style-three .schedule-block:nth-child(4n + 1) .date,
.schedule-section.style-two .schedule-block:nth-child(4n + 1) .date,
.schedule-block:nth-child(4n + 1) h4 a:hover{	color: #ffc20b;}
.schedule-section.style-three .schedule-block:nth-child(4n + 2) .date,.schedule-section.style-two .schedule-block:nth-child(4n + 2) .date,.schedule-block:nth-child(4n + 2) h4 a:hover{	color: #40cbb4;}
.schedule-section.style-three .schedule-block:nth-child(4n + 3) .date,
.schedule-section.style-two .schedule-block:nth-child(4n + 3) .date,
.schedule-block:nth-child(4n + 3) h4 a:hover{	color: #4c35a9;}
.schedule-section.style-three .schedule-block:nth-child(4n + 4) .date,.schedule-section.style-two .schedule-block:nth-child(4n + 4) .date,.schedule-block:nth-child(4n + 4) h4 a:hover{	color: #e6275a;}
.schedule-section.style-two{	position: relative;}
.schedule-section.style-two .schedule-block .date{	position: relative;	left: 0;	top: 0;	margin: 0;	padding: 0;	border: 0;	box-shadow: none;	height: auto;	width: auto;	margin-bottom: 20px;	text-align: left;	font-size: 16px;}
.schedule-section.style-two .schedule-block .inner-box{	width: 100%;}
.schedule-section.style-two .schedule-block .inner-box .inner{	margin: 0;	padding: 50px 50px 40px;	box-shadow: 0 0 30px rgba(0,0,0,0.10);}
.schedule-section.style-two .schedule-block .inner:before,.schedule-section.style-two .schedule-block .inner:after{	display: none;}
.schedule-section.style-two .schedule-timeline {    position: relative;    max-width: 900px;    margin: 0 auto;}
.schedule-section.style-three{	position: relative;}
.schedule-tabs.style-three .tab-buttons li{	float: left;	width: 25%;	margin: 0;	box-shadow: none;	border-radius: 0;	border-color: transparent;}
.schedule-tabs.style-three .tab-buttons li.active-btn{	z-index: 2;}
.schedule-section.style-three .schedule-block .date{	position: relative;	left: 0;	top: 0;	margin: 0;	padding: 0;	border: 0;	box-shadow: none;height: auto;	width: auto;	margin-bottom: 20px;	text-align: left;	font-size: 16px;}
.schedule-section.style-three .schedule-block .inner-box{	width: 100%;}
.schedule-section.style-three .schedule-block .inner-box .inner{	margin: 0;	padding: 50px 50px 40px;	box-shadow: 0 0 30px rgba(0,0,0,0.10);}
.schedule-section.style-three .schedule-block .inner:before,.schedule-section.style-three .schedule-block .inner:after{	display: none;}
.schedule-section.style-three .schedule-timeline {    position: relative;}
.date img {    position: relative;    bottom: 15px;}
.footer-widget .widget_media_image img {    width: auto;}
.footer-bg {    background-size: cover;  background-position: center;     position: relative;    border-bottom: 5px solid #384959; background: linear-gradient(to right, #016baf 0%, #004774 100%) ;}
/*.footer-bg::before {    position: absolute;    content: "";    background: url(images/f-overly.png);    width: 100%;    height: 100%;    top: 0;	 background-size: cover;}*/
.f-cta-area.gray-bg {	background: #f4f4fe;	border-top: 3px solid #ff007a;}
.footer-text p {	color: #ddd;	margin-bottom: 0;}
.footer-social span {	font-size: 14px;	color: #fff;	font-weight: bold;	font-family: 'Montserrat', sans-serif;	display: inline-block;	margin-right: 20px;}
.footer-link li {  line-height: 28px;  display: inline-block;}
.footer-link li::after {    content: "|";    color: #bad3ed;    margin: 0 10px;}
.footer-link li:last-child::after {	display:none;}
.footer-link li a {    color: #fff;    font-size: 16px;}
.footer-link li a:hover{	color:var(--main-color);}
.footer-social a {	font-size: 16px;	color: #ffff;	margin-right: 15px;	display: inline-block;	width: 50px;	height: 50px;	line-height: 47px;	border: 2px solid #fff;	border-radius: 50%;}
.footer-social a:hover{color: #fff;border: 2px solid #004774;background:#004774;}
.footer-widget .widgettitle {	color: #fff;	font-size: 20px;	margin-bottom: 30px;	padding-bottom: 25px;	position: relative;}
footer .widget{  margin-top: 50px;  margin-bottom: 50px;}
footer .redux-footer .widget{  margin-top: 0;  margin-bottom: 0;}
.footer-widget .menu-main-container{    margin-bottom: 50px;}
.footer-widget .widgettitle::before {	content: "";	position: absolute;	left: 0;	bottom: 0;	height: 2px;	width: 40px;	background: #fff;}
.footer-widget .widget ul li a {	color: #ddd;	font-size: 14px;	display: inline-block;}
.footer-widget .widget ul li a:hover{padding-left: 5px;color: #ff007a;}
.footer-widget .widget ul li {	margin-bottom: 10px;}
.footer-widget .widget ul li:last-child{margin-bottom: 0;}
.footer-widget .gallery-item,.sidebar-widget .gallery-item {    float: left;    padding: 0 10px 0 0;}
.rpwwt-post-title {    font-weight: bold;    font-size: 16px;    color: #252525;    height: 50px;    overflow: hidden;    display: block;}
.f-insta ul li {	display: inline-block;	margin-bottom: 10px;	margin-left: 7px;}
.f-insta ul li a{display: block;position: relative;}
.f-insta ul li a::before {	content: "\e035";	font-family: "dripicons-v2" !important;	position: absolute;	top: 40%;	left: 50%;	transform: translate(-50%,-50%);	font-size: 24px;	color:#ff007a;	transition: .3s;	opacity: 0;	z-index: 9;}
.f-insta ul li a::after {	content: "";	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;	background: #ff007a;	opacity: 0;	transition: .3s;}
.f-insta ul li:hover a::before{top: 50%;opacity: 1;}
.f-insta ul li:hover a::after{opacity: .6;}
.copyright-text {    border-top: 1px solid #ffffff38;    padding-top: 50px;}
.copyright-text p {	margin-bottom: 0;	color: #ddd;}
.footer-text {    width: 80%;    margin: 0 auto 30px;}
.footer-widget .tag-cloud-link, .footer-widget p {    color: #fff;    font-size: 20px;}
.copyright-wrap p {	    z-index: 999;}
.home-form{padding: 115px 0 100px;}
.form-section{	position:relative;}
.form-section .image-layer{position:absolute;	left:0px;	top:100px;	width:240px;	height:482px;}
.form-section .image-column{	position:relative;}
.form-section .image-column .inner-column{	position:relative;}
.form-section .image-column .image{	position:relative;	z-index:1;}
.form-section .form-column{	position:relative;}
.form-section .form-column .inner-column{	position:relative;}
.form-section .form-column .sec-title{	margin-bottom:15px;}
.form-section .form-column .text{	position:relative;	color:#777777;	font-size:16px;	margin-bottom:35px;}
.default-form{	position:relative;}
.default-form .form-group{	position:relative;	margin-bottom:20px;}
.default-form .form-group input[type="text"],.default-form .form-group input[type="address"],.default-form .form-group input[type="tel"],.default-form .form-group input[type="email"],.default-form .form-group select{	position:relative;	display:block;	width:100%;	line-height:26px;	padding:10px 20px;	height:50px;	font-size:16px;	border-radius:0px;	border:1px solid #f0f0f0;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	-moz-transition:all 300ms ease;	outline: none;	transition:all 300ms ease;     font-family: 'Roboto', sans-serif;}
.default-form .form-group textarea{	position:relative;	display:block;	width:100%;	line-height:26px;	padding:10px 20px;	outline: none;height:160px;	font-size:16px;	    margin-bottom: 15px;	resize:none;	border-radius:3px;border:1px solid #ececec;	-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	    font-family: 'Roboto', sans-serif; -moz-transition:all 300ms ease;	transition:all 300ms ease;}
.sec-title h2 {    position: relative;    color: #222222;    font-weight: 700;    font-size: 30px;    line-height: 1.2em;}
.btn-style-three {    position: relative;    display: inline-block;     outline: none !important;    font-size: 16px;    line-height: 30px;    color: #ffffff;    padding: 14px 40px;    font-weight: 700;    overflow: hidden;    border-radius: 50px;    overflow: hidden;    background: linear-gradient(to right, #016baf 0%, #004774 100%);   text-transform: capitalize; cursor: pointer;}
.default-form .form-group {    position: relative;    margin-bottom: 10px;}
.form-section .form-column .text {    position: relative;    color: #777777;    font-size: 16px;    margin-bottom: 35px;}
.title{font-family: 'Roboto', sans-serif; }
.gallery-temrary span{color: #ff0763; font-size: 18px;}
.gellery-design img {     position: absolute;    left: 0px;    width: 45%;    opacity: 0.5;    z-index: -9;    top: 0;}
.owl-img-bg{position: relative;}
.our-gallery{background: url(images/gallery-bg.jpg)no-repeat; background-position: right top; position: relative;}
/*.our-gallery::after{background: url(images/gallery-bg.jpg)no-repeat; background-position: right top; position: absolute; width: 100%; height: 300px; content: '';}*/
/*effect-romeo*/
figure.effect-romeo {	-webkit-perspective: 1000px;	perspective: 1000px;}
figure.effect-romeo img {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,0,300px);	transform: translate3d(0,0,300px);}
figure.effect-romeo:hover img {	opacity: 0.6;	-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-romeo figcaption::before,figure.effect-romeo figcaption::after {	position: absolute;	top: 50%;	left: 50%;	width: 80%;	height: 1px;	background: #fff;	content: '';	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(-50%,-50%,0);	transform: translate3d(-50%,-50%,0);}
figure.effect-romeo:hover figcaption::before {	opacity: 0.5;	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);	transform: translate3d(-50%,-50%,0) rotate(45deg);}
figure.effect-romeo:hover figcaption::after {	opacity: 0.5;	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);	transform: translate3d(-50%,-50%,0) rotate(-45deg);}
figure.effect-romeo span,figure.effect-romeo p {	position: absolute;	top: 50%;	left: 0;	width: 100%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}
figure.effect-romeo span {	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);}
figure.effect-romeo p {	padding: 0.25em 2em;	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);	transform: translate3d(0,-50%,0) translate3d(0,150%,0);}
figure.effect-romeo:hover span {	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);}
figure.effect-romeo:hover p {	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);	transform: translate3d(0,-50%,0) translate3d(0,100%,0);}
.grid {	position: relative;	margin: 0 auto;	padding: 1em 0 4em;	max-width: 100%;	list-style: none;	text-align: center;}
.grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%;	width: 100%;	background-image: linear-gradient(to right, #3b1d82 , #e5125b);	text-align: center;	cursor: pointer; margin-bottom: 0;}
.grid figure img {	    position: relative;    display: block;    min-height: 100%;    max-width: 100%;    opacity: 0.9;}
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure span,.grid figure p {	margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 68.5%;}
figure.effect-romeo span { color: #fff;    font-weight: 700; font-family: 'Roboto', sans-serif;}
.wdith-fixed{width: 100px; height: 100px; background: red;}
.sticky-wrapper.fixed {position: fixed; top: 0; box-shadow: 5px 0px 5px #ccc; background-color: #fff; z-index: 99; width: 100%;}
#toTop{position:fixed; bottom:20px; right:25px; cursor:pointer; transition: 0.5s; z-index: 99999; border-radius: 5px; height: 45px;}
.effect-box{    text-align: center;    border: 10px solid #fff;    box-shadow: 1px 1px 2px #e6e6e6;    overflow: hidden;    position: relative;}
.effect-box:hover{ box-shadow: 13px 13px 15px rgba(0, 0, 0, 0.3); }
.effect-box:before{    content: "";   background: linear-gradient(to left top,#8c2ce2,#e5125b);    height: 100%;    width: 100%;    opacity: 0;    position: absolute;    left: 0;    top: 0;    transition: all 0.4s linear;}
.effect-box:hover:before{ opacity: 1; }
.effect-box img{    width: 100%;    height: auto;    transition: all 0.4s linear;}
.effect-box:hover img{    opacity: 0.5;    transform: scale(3);}
.effect-box .box-content{    color: #fff;    width: 100%;    transform: translateY(-50%) scale(0);    position: absolute;    top: 50%;    left: 0;    transition: all 0.4s linear;}
.effect-box:hover .box-content{ transform: translateY(-50%) scale(1); }
.effect-box .title{    font-size: 25px;    font-weight: 600;    letter-spacing: 1px;    text-transform: uppercase;    margin: 0;}
.effect-box .post{    font-size: 16px;    text-transform: capitalize;}
.effect-box .icon{    padding: 0;    margin: 0;    list-style: none;    position: absolute;    right: 8px;    bottom: 10px;}
.effect-box .icon li{    display: inline-block;    margin: 0 1px;    opacity: 0;    transform: scale(1.3);    transition: all 0.3s ease 0.4s;}
.effect-box:hover .icon li{    opacity: 1;    transform: scale(1);}
.effect-box:hover .icon li:nth-child(2){ transition: all 0.3s ease 0.2s; }
.effect-box .icon i{    color: #8c2ce2;    background: #fff;    font-size: 16px;    line-height: 33px;    height: 33px;    width: 33px;    border-radius: 50%;    display: block;    transition: all 0.5s ease;}
.effect-box .icon i:hover{color: #fff;    background-color: #e5125b;    box-shadow: 0 0 5px #000;}
@media only screen and (max-width:990px){
.effect-box { margin: 0 0 30px; }
}
div#owl-demo .owl-buttons {left: 102%;}
.partner {    background-image: linear-gradient(to right, #016caf5b 0%, #00487482 100%), 
                    url('img/123.jpg');    background-attachment: fixed;    background-size: cover;}
.client-logo img {    background: rgba(255, 255, 255, 0.6) !important;}
.midd-center {    margin: 0px auto; }


/*Call Me*/

.phone_lefts-side {    position: relative;}

.phone_lefts-side a {    position: fixed;    bottom: 180px;    color: white;    background-color: #384959;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    color: white;    padding: 9px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}

.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;    -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate;}

@-webkit-keyframes glow {

from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}

to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}

}

@keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}

.bounce {animation: bounce 965 1.6s ease infinite; transform-origin: 50% 50%;}

@keyframes bounce {

0% {transform: translateY(0);}

12.5% {transform: translateY(0);}

25% {transform: translateY(0);}

50% {transform: translateY(-15px);}

62.5% {transform: translateY(0);}

75% {transform: translateY(-15px);}

100% {transform: translateY(0);}

}

/*Whatsapp-popup*/

#whatsapp .wtsapp:focus {    border: none;    outline: none;}

#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0,0,0,0.15);    /* margin: 0; */    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 100px;    left: 20px;    border: 0;    z-index: 99;    width: 50px;    height: 50px;    line-height: 48px;}

#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}

@keyframes pulse-border {

0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}

100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}

}

.enquiry {    position: fixed;    z-index: 1000;    bottom: 20px;    left: 25px;    height: 50px;    color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;    cursor: pointer;}

.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;    line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background: #0064b7;    transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}

.enquiry strong {    background: #f69a1d;    line-height: 28px;    color: #fff;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}

.enquiry i:hover {    color: #fff;}

.enquiry strong:hover {    color: #000;    background: #eee;}

.modal-header {    padding: 0 15px;    color: #fff;    background: linear-gradient(to right, #016baf 0%, #004774 100%);;    height: 46px;}

.send_p { line-height: 22px;    text-align: center;    margin-bottom: 20px; color: #333;}

.modal-body form input {        font-family: 'Roboto', sans-serif; border: 1px solid #ccc;    border-radius: 0px !important;    height: 35px;}

.modal-body form input:focus {    outline: none;}

.modal-body form textarea:focus {    outline: none;}

.modal-body form textarea {      font-family: 'Roboto', sans-serif;  border: 1px solid #ccc;    border-radius: 0px !important;    resize: none;}

.modal-header button span {  font-size: 40px;    position: relative;    bottom: 0px;}

#homepopupenquiry-form button[type=submit] { line-height: 0px;    background: linear-gradient(to right, #016baf 0%, #004774 100%);;    outline: none;    color: #fff;    font-weight: 600;    border: none;    letter-spacing: 1px;    text-transform: uppercase;    cursor: pointer;    width: 35%;    border-radius: 10px;    transition: 0.5s all;    -webkit-transition: 0.5s all;    -o-transition: 0.5s all;    -moz-transition: 0.5s all;    -ms-transition: 0.5s all;   padding: 20px;}

.modal-header > p {    font-size: 18px;    margin-top: 8px;}


.mobile-three-item li {    display: inline-block;    margin-right: 0;   padding: 5px 0px;    width: 32%;}
.mobile-three-item {    text-align: center}
.mobile-three-item li:first-child {    background-color: #0066b2;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: #384959;}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;   z-index: 999;    bottom: 0;    width: 100%;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    border-radius: 4px;    box-shadow: 0 0 2px 1px white;    z-index: 1000;       background-image: linear-gradient(to right, #393286 , #0457b2);}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
.mobile-three-item ul li a {    color: #fff;}


.faqs .title h5{padding: 0 0 0;    font-size: 28px; color: #333;  position: relative;    overflow: visible;}
.faqs .title h5:after{        background: #fff;    bottom: -10px;    content: "";    height: 2px;    left: 0;    right: 0;    margin: 0 auto;    position: absolute;   width: 50px;}
.responsive-accordion {margin: 15px 0 20px 0;padding: 0;list-style-type: none;}
.responsive-accordion li {margin: 0 0 10px 0;padding: 0;}
.responsive-accordion li:last-child { margin-bottom: 0; }
.responsive-accordion li .responsive-accordion-head { cursor: pointer; }
.responsive-accordion li .responsive-accordion-head.active { font-weight: bold; }
.responsive-accordion-default.responsive-accordion li .responsive-accordion-head {padding: 12px 30px 12px 10px;  border: 1px solid #ccc;  color: #fff;line-height: normal;position: relative; font-weight: 600; font-size: 18px;     border-radius: 10px; background-color: var(--main-color);}
.responsive-accordion-default.responsive-accordion li .responsive-accordion-head i { position: absolute;    top: 13px;    right: 17px;   width: 20px;    height: 20px;    line-height: 20px;    font-size: 30px; transition: 0.2s; }
.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel { border:1px solid #384959;  border-radius: 10px; border-top: 0; background: #FFF;     padding: 1rem 1.25rem;}

.responsive-accordion-panel p {    color: #333; text-align: justify;}
/*.responsive-accordion-default.responsive-accordion li:hover{}*/
.responsive-accordion-head:hover{background-color: #f69a1d; border-radius: 5px;}
.info-box h4 a {    font-size: 14px;}

.page-title{	position:relative;	text-align: center;	overflow: hidden;	z-index: 1;	padding: 80px 0;	background-repeat: no-repeat;	background-position: center bottom;	background-size: cover;}

.page-title h1{	position:relative;	display: block;	font-size:30px;	color:#ffffff;	line-height: 1em;	font-weight: 700;	margin-bottom: 20px; }

.page-title .bread-crumb {	position: relative;}

.page-title .bread-crumb li{	position: relative;	display: inline-block;	font-size: 18px;	line-height: 30px;	color: #ffffff;	font-weight: 500;	cursor: default;	padding-right:  15px;	margin-right: 15px;}

.page-title .bread-crumb li:before{	position: absolute;	right: -3px;	font-size: 18px;	line-height: 30px;	color: #ffffff;	font-weight: 400;	content: "|";}

.page-title .bread-crumb li:last-child{	padding-right: 0;	margin-right: 0;}

.page-title .bread-crumb li:last-child:before{display: none;}

.page-title .bread-crumb li a{	color:#ffffff;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}

.page-title .bread-crumb li a:hover{	color:#f0c52e;	}

div#contact-frm {  background: linear-gradient(to right, #016baf 0%, #004774 100%);; padding: 15px 15px;}
.contact-filed input {    outline: none;    border: none;    height: 42px;    padding-left: 32px;    font-family: 'Roboto', sans-serif;    margin-bottom: 15px;}
.contact-filed-btn button {    border: none;    outline: none;    font-family: 'Roboto', sans-serif;    cursor: pointer;    background: var(--second-color);    color: #fff;    padding: 8px 20px 8px 20px;}
.contact-text p {    font-size: 28px;    font-weight: 800;}
.contact-filed i {    position: absolute;    top: 12px;    left: 24px;}
.contact-filed i {    position: absolute;    top: 12px;    left: 24px;}
.contact-filed textarea {    outline: none;    border: none;    height: 200px;    padding-left: 35px;    font-family: 'Roboto', sans-serif;    border-radius: 5px;    padding-top: 10px;}
.contact-detail .inner-box {    position: relative;    border: 1px solid #ccc;    padding: 25px 10px;    background-color: #fff;    min-height: 227px; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.contact-detail .inner-box .text {    font-size: 15px;    color: #000;    font-weight: 400;    margin-top: 5px;    text-align: center;    margin-bottom: 16px; ;}
.contact-detail .inner-box h3 {    position: relative;    color: var(--main-color);    font-size: 20px;    font-weight: 600;}
.contact-detail li {    margin-bottom: 10px;}
.contact-detail ul li a {    color: #000; font-weight: 400;}
.color-site {    background: linear-gradient(to right, #016baf 0%, #004774 100%);}
.skin-color {    background: #0066b2;}
.black-color {background: #000;}
.white-wrap {    background-color: var(--third-color);}
.white-wrap span {    font-size: 25px;}
.white-wrap input{    font-family: 'Roboto', sans-serif;}
.white-wrap textarea{    font-family: 'Roboto', sans-serif;}
.submit-btn button {    font-family: 'Roboto', sans-serif;  width: 100%;    background: #000;    border: none;}
.submit-btn button:hover {background-color: #000;}
.parent-divison span {    font-size: 25px;}
.sitema-links-item span{font-size: 25px;}
ul.coloring li a {    background: #09429f;    padding: 15px;    color: #fff;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {      background: #e5125b;   padding: 15px;    color: #fff;        font-size: 18px;}
.full-width-type { background: linear-gradient(to right, #016baf 0%, #004774 100%); margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left; padding-bottom:11px;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {    color: #fff;}
.inner-left-side-product h3{padding-bottom: 20px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
.hvr-radial-in{display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;    overflow: hidden;    background-color: #0066b2;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}    
.inner-states a {    width: 100%;    text-align: center;}
.padding {    border: 1px solid #0066b2;    min-height: 352px;}
.mission-boxes h2 {    font-size: 25px;    margin-bottom: 15px;}
.mission-boxes h3 {    font-size: 25px;    margin-bottom: 15px;}
.mission-boxes h4 {    font-size: 25px;    margin-bottom: 15px;}
.box-listing {    border-bottom-left-radius: 10px;    border-bottom-right-radius: 10px;   border-bottom: 20px solid #acab5b;}
.box-listing h4 {    color: #fff;    background-image: linear-gradient(to right, #024b83 , #afad5a);    padding: 10px 20px;    font-size: 20px;    font-weight: 700;    border-top-left-radius: 10px;    border-top-right-radius: 10px;}
.box-listing ul {    position: relative;    background-color: #fff;}
.box-listing ul li:hover {    opacity: 0.2;}
.box-listing ul li {    list-style: none;    padding: 10px;    width: 100%;    background-color: #fff;    box-shadow: 0px 5px 25px rgba(0,0,0,0.1);    transition: transform 0.5s;    margin-bottom: 10px;}
.box-listing ul li:hover {    transform: scale(1.1);    z-index: 100;    background-color: #024b83;    box-shadow: 0 5px 25px rgba(0,0,0,0.2);    color: #fff;    opacity: 1;}
.box-listing ul li span {    width: 20px;    height: 20px;    text-align: center;    line-height: 20px;    background-color: #afad5a;    color: #fff;    display: inline-block;    border-radius: 50%;    margin-right: 10px;    font-size: 12px;    font-weight: 600;    transform: translateY(0px);}
.box-listing ul li:hover span {    background-image: linear-gradient(to right, #024b83 , #afad5a);    color: #fff;}
.box-listing a {    color: #333;    transition: 0.5s;}
.box-listing a:hover {    color: #fff;    display: block;}
.box {    background: #384959;    overflow: hidden;    position: relative;    transition: all 0.3s;}
.box:hover {    box-shadow: 0 0 20px -5px rgba(247,126,56,0.5);    border-radius: 10px;}
.box:before {    content: "";    background: rgba(255,255,255,0.5);    width: 100%;    height: 100%;    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition: all 0.5s;}
.box:hover:before {    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.box img {    width: 100%;    height: auto;    opacity: 0.95;    transition: all 0.5s;}
.box:hover img {    opacity: 0.6;    transform: rotate(10deg) scale(1.5);}
.box .box-content {    color: #fff;    background: linear-gradient(to right,transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.2));    text-align: right;    border-right: 3px solid #fff;    padding: 5px 10px;    opacity: 0;    transform: scaleX(0);    transform-origin: right center;    position: absolute;    bottom: 10px;    right: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .box-content {    opacity: 1;    transform: scaleX(1);}
.box .title {    font-size: 22px;    font-weight: 700;    text-transform: uppercase;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    margin: 0;}
.box .post {    font-size: 20px;    font-style: italic;    text-transform: capitalize;    letter-spacing: 1px;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    color: #fff;}
.box .icon {    padding: 0;    margin: 0;    list-style: none;    opacity: 0;    transform: scale(0);    position: absolute;    top: 15px;    left: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .icon {    opacity: 1;    transform: scale(1);}
.box .icon li {    margin: 0 0 10px;}
.box .icon li a {    color: #fff;    font-size: 18px;    text-align: center;    line-height: 33px;    height: 35px;    width: 35px;    border: 2px solid #fff;    border-radius: 50px;    box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    display: block;    transition: all 0.3s;   position: absolute;}
.box .icon li a:hover {    background: #f77e38;    border-radius: 0;}
@media only screen and (max-width: 990px) {
.box {  margin: 0 0 30px; }
}
.final-products p {    line-height: 25px;}
.cover-product {    padding-left: 0px;    min-height: 250px;    width: 280px;    float: left;    margin-right: 20px;}
.cover-product-this p {    line-height: 24px;    margin-bottom: 16px;    text-align: justify;}
.only-product h2 {    font-size: 32px;}
.zoom-effect img {    width: 100%;}
.cover-product-this p {    line-height: 28px;    color: #000;}
.products-fill {    border-right: 1px solid #ccc;}
.zoom-effect img {    border: 1px solid #ccc;}
.final-list-product h4 {    font-size: 25px;}
.final-list-product ul li {    background: url(images/tick.png)no-repeat;    padding-left: 25px;    background-position: 0% 50%;    line-height: 32px;}
figure.effect-jazz {    background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);    background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);}
figure.effect-jazz img {    opacity: 1;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-top: 1px solid #fff;    border-bottom: 1px solid #fff;    content: '';    opacity: 0;    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);    -webkit-transform-origin: 50% 50%;   transform-origin: 50% 50%;}
figure.effect-jazz h2,figure.effect-jazz p {    opacity: 1;    -webkit-transform: scale3d(0.8,0.8,1);    transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {    padding-top: 26%;    -webkit-transition: -webkit-transform 0.35s;    transition: transform 0.35s;}
figure.effect-jazz p {   text-transform: none;    font-size: 0.85em;    opacity: 0;}
figure.effect-jazz:hover img {    opacity: 0.1;    -webkit-transform: scale3d(1.05,1.05,1);    transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {    opacity: 1;    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {    opacity: 1;    -webkit-transform: scale3d(1,1,1);    transform: scale3d(1,1,1);}
.grid {    position: relative;    clear: both;    margin: 0 auto;    padding: 1em 0 4em;    max-width: 1000px;    list-style: none;    text-align: center;}
.grid figure {    position: relative;    float: left;    overflow: hidden;    margin: 0;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;    background-image: linear-gradient(to right, #fbd35b , #df8927);    text-align: center;    cursor: pointer;}
.grid figure img {    position: relative;    display: block;    min-height: 100%;    max-width: 100%;}
.grid figure figcaption {    padding: 1em;    color: #fff;    text-transform: uppercase;    font-size: 1.25em;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {    pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.grid figure figcaption > a {    z-index: 1000;    text-indent: 200%;    white-space: nowrap;    font-size: 0;    opacity: 0;}
.grid figure h2 {    word-spacing: -0.15em;    font-weight: 300;}
.grid figure h2 span {    font-weight: 800;}
.grid figure h2,.grid figure p {    margin: 0;}
.grid figure p {    letter-spacing: 1px;    font-size: 16px;    margin-top: 10px;}

.full-width-content {    margin: 0px auto;}
p.related-heading{    background: linear-gradient(to right, #016baf 0%, #004774 100%);   width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}
.read-btn a {    background: var(--second-color);    padding: 7px 15px; }
span.text-theme-colored {    font-size: 20px; font-weight: bold;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
span.text-theme-colored {    font-size: 30px;}

.content-text> a {    background: #0066b2;    display: block;    padding: 5px 0;}
.plain-text p {    line-height: 25px;}
.service-box {    padding-bottom: 55px;    text-align: center;    background-color: #ffffff;    overflow: hidden;   position: relative;}
.service-box .service-img {    position: absolute;    left: 0;    top: 0;    width: 101%;    height: 101%;    visibility: visible;    opacity: 1;    -webkit-transform-origin: bottom;    -ms-transform-origin: bottom;    transform-origin: bottom;    -webkit-transform: rotateX(-90deg);    transform: rotateX(-90deg);    -webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 0.3s;    transition: all cubic-bezier(0.4, 0, 1, 1) 0.3s;}
.service-box .service-img:before {    content: '';    position: absolute;    top: 0;    left: 0;    height: 100%;    width: 100%;    opacity: 0.7;    z-index: 1;    background-color: rgba(0, 0, 0, 0.7);}
.service-box .service-img img {    width: 100%;}
.service-box .service-icon {    width: 80px;    height: 80px;    display: inline-block;    line-height: 80px;    background-color: #0046e2;    font-size: 38px;    color: #ffffff;    box-shadow: 0 5px 29px -10px #0046e2;    margin-bottom: 30px;    border-radius: 50%;    z-index: 3;    position: relative;   -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;    -webkit-animation: cscale 3s infinite alternate;    animation: cscale 3s infinite alternate;}
.service-box .bottom-icon {    font-size: 16px;    margin-bottom: 0;    position: absolute;    bottom: -70px;   left: 50%;    margin-left: -40px;    line-height: 10px;    padding-top: 13px;    background-color: #00a9cd;    box-shadow: none;    opacity: 0;    visibility: hidden;   -webkit-animation: none;    animation: none;}
.service-box .bottom-icon:hover {    background-color: #ffffff;    color: #00a9cd;}
.service-box .service-content {    position: relative;    z-index: 1;    padding: 0 40px;}
.service-box .service-content .title {    font-size: 22px;    font-weight: 500;    margin-bottom: 20px;    letter-spacing: 0.5px;    -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;}
.service-box .service-content p {    margin-bottom: 0;    -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;    padding-left: 15px;    padding-right: 15px; text-align: justify;}
.service-box:hover .service-img {    opacity: 1;    visibility: visible;    -webkit-transform: rotateX(0);   transform: rotateX(0);}
.service-box:hover .service-icon {    background-color: #002a5e;    box-shadow: none;}
.service-box:hover .bottom-icon {    opacity: 1;    visibility: visible;   bottom: -40px;}
.service-box:hover .service-content .title {    color: #ffffff;}
.service-box:hover .service-content p {    color: #ffffff;}
.service-box .shape-bg {    opacity: 0.92;    -webkit-animation: upDown 10s infinite alternate;    animation: upDown 10s infinite alternate;}
.service-box {    margin-bottom: 30px;}

.service-box:before {    content: '';    position: absolute;    top: 0;   left: 50%;    width: 100%;    height: 100%;    max-width: 300px;    max-height: 300px;    border-radius: 50%;    -webkit-transform: translate(-50%, -65%);    -ms-transform: translate(-50%, -65%);    transform: translate(-50%, -65%);    background-color: #0046e2;    opacity: 0.15;    visibility: visible;   -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;}
.service-box:hover:before {    top: -100%;    opacity: 0;    visibility: hidden;}
.service-box .shape-bg {    top: -10px;   left: 0;}
.service-box .shape-bg img {    -webkit-animation: upDown 15s alternate infinite;    animation: upDown 15s alternate infinite;}
.service-box {    padding: 0 0;    margin-bottom: 30px;}
.service-box .service-img {    position: relative;    top: 0;    left: 0;    -webkit-transform: rotateX(0deg);    transform: rotateX(0deg);    opacity: 1;    visibility: visible;    width: 100%;    height: 100%;    overflow: hidden; border: 1px solid #ccc;}
.service-box .service-img img {    width: 100%;    -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;   -webkit-transform: scale(1.01);    -ms-transform: scale(1.01);    transform: scale(1.01);}
.service-box .service-img:before {    background-color: #030d23;   opacity: 0;    visibility: hidden;    -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;}
.service-box .service-img .service-icon {    margin-bottom: 0;    -webkit-animation: none;    animation: none;    position: absolute;    left: 50%;    top: 50%;    background-color: #004774;    font-size: 31px;    width: 60px;    height: 60px;    line-height: 60px;    box-shadow: none;    margin-top: -30px;    margin-left: -30px;    opacity: 0;    visibility: hidden;    -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;    -webkit-transform: scale(1.5);    -ms-transform: scale(1.5);    transform: scale(1.5);}
.service-box .service-img .service-icon i {    width: 100%;    height: 100%;    border-radius: 50%;    color: inherit;    background: linear-gradient(to right, #016baf 0%, #004774 100%);    -webkit-transition: all ease 0.4s;    transition: all ease 0.4s;    z-index: 1;    display: inline-block;   line-height: inherit;}
.service-box .service-img .service-icon .ripple {    background-color: #ef0f3a;}
.service-box .bottom-icon {    bottom: -40px;    visibility: visible;    opacity: 1;    border: 1px solid transparent;}
.service-box .service-content {    overflow: hidden;    border: 1px solid #f0f0f0;    border-top: none;    padding: 25px 0;  background-color: #fbfbfb;}
.service-box .service-content .title:hover {    color: #ef0f3a !important;}
.service-box:hover .service-img img {    -webkit-transform: scale(1.04);    -ms-transform: scale(1.04);    transform: scale(1.04);}
.service-box:hover .service-img .service-icon {    opacity: 1;    visibility: visible;    -webkit-transform: scale(1);    -ms-transform: scale(1);   transform: scale(1);}
.service-box:hover .service-img:before {    opacity: 0.59;    visibility: visible;}
.service-box:hover .service-content .title {    color: #01133c;}
.service-box:hover .service-content p {    color: #696e78;}
.service-box:hover .bottom-icon {    border-color: #e08927;}
.service-content a {    font-size: 17px;    display: block;    margin-bottom: 10px;}

/*Home*/
.homesection2 {   background: linear-gradient(to right, #016baf 0%, #004774 100%);;    color: #ffffff;    background-position: top center;    background-repeat: no-repeat;    background-size: cover; background-attachment: fixed;}
.div-center-col {    width: 100%;    margin: 0px auto;}
.div-center-col ul {    list-style: none;    width: 100%;  padding: 0px; display: flex;}
.div-center-col ul li{ margin-left: 10px;}
.div-center-col ul li:nth-of-type(1) {  min-height: 285px; background-color: #fff;    color: #000;   background-position: top center;    background-repeat: no-repeat;    background-size: cover; background-attachment: fixed;}
.div-center-col ul li {    width: 50%;}
.div-center-col ul li div {    width: 100%;    position: relative; }
.div-center-col ul li:nth-of-type(2) {       color: #ffffff;    background-position: top center;    background-repeat: no-repeat;    background-size: cover;   float: left; background-color: var(--main-color);}
.div-center-col ul li:nth-of-type(3) {   background-color: var(--main-color);;    color: #ffffff;    background-position: top center;    background-repeat: no-repeat;    background-size: cover;   float: left;}
.div-center-col ul li div p {    height: auto;    padding: 0px 0px;    font-size: 17px;    font-weight: 300;}
.div-center-col-a1 {    background: var(--third-color);    color: #fff;    font-size: 17px;    padding: 5px 0px;    border: 2px solid #fff;    font-family: 'Roboto', sans-serif;    display: block;    width: 150px;    margin: 0px auto; transition: 0.5s;}
a.div-center-col-a1:hover {    color: #fff; background-color: #384959;}
nav.mobile-menu {    display: none;}
.div-center-col h3 {    font-size: 21px;}
.logo-header-inner img{ width: 100%;}
.footer-link ul{
    text-align: center;
}

.footer-link ul span{ color: #fff;}
.map iframe {
    width: 100%;
    height: 300px;
}
.home-form .img-side img {
    width: 100%;
}

.our-products{ background: #f2f2f3;}
.partner h5{ color: #fff;}

.about-content p {    margin-bottom: 25px;    line-height: 25px;}
.cover-product-this ul li {    list-style-type: disc;}
.cover-product-this ul {    margin-top: 20px; padding-left: 15px;}
.related_content p {    text-align: justify;    line-height: 25px;}
.full-width-content .row {    padding-bottom: 50px !important;}
.footer-link ul li a:hover {    color: #fff;}
.location-content ul li {  font-size: 16px;  line-height: 30px;    list-style-type: disc; color: #5a5a5a;}
.location-content ul {    padding-left: 15px;    margin-bottom: 22px;}

.details-product h2 {    font-size: 25px;}
.details-product h3 {    font-size: 25px;}
.details-product h4 {    font-size: 25px;}
.details-product h5 {    font-size: 25px;}
.details-product h6 {    font-size: 25px;}