@font-face { font-family: 'RobotoBold';  font-weight: bold;  font-style: normal;  src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');}
@font-face { font-family: 'RobotoRegular';  font-weight: normal; font-style: normal;  src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');}
@font-face { font-family: 'RobotoMedium';  font-weight: 500; font-style: normal;  src: url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff');}

@media (min-width: 1500px){ .container{ max-width:1440px!important;} }
/********** Template CSS **********/

/*** Back-to-top ***/
.gotop {
 border-radius: 15%;
 color: #ffffff;
 background-color: #253D7F ;
 border-color: #253D7F ;
 box-shadow: rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;
}
.back-to-top {
 position: fixed;
 display: none;
 right: 20px;
 bottom: 35px;
 z-index: 99;
}
.topicon {
 line-height: 2.5!important;
 vertical-align: -9px !important;
}
/*---------------- whatsapp chat icon starts ----------------*/
.whtsapp-icon { position: fixed; right: 80px; bottom: 32px; z-index: 120; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: 250ms color; -webkit-transition: 250ms color; -moz-transition: 250ms color; -ms-transition: 250ms color; -o-transition: 250ms color; animation-name: wave; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite;}
@keyframes wave {
 0% {box-shadow: 0 0 0px 0px rgba(85, 150, 108, 0.5);}
 100% {box-shadow: 0 0 0px 15px rgba(85, 150, 108, 0);}
}
/*---------------- whatsapp chat icon ends ----------------*/
.fluid0{}
/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}
/*** Boxpadding ***/
.boxpadding {padding-bottom: 30px;}
/*** Button ***/
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none;text-decoration: none;}
.btn.btn-primary,
.btn.btn-outline-primary:hover {
 color:#FFFFFF;
 background-color:#01AEF2!important;
 border-color:#01AEF2!important;
}
.btn-square {
 width: 38px;
 height: 38px;
}
.btn-sm-square {
 width: 32px;
 height: 32px;
}
.btn-lg-square {
 width: 48px;
 height: 48px;
}
.btn-square,
.btn-sm-square,
.btn-lg-square {
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: normal;
}
.btn-socialicon {
 width: 38px;
 height: 38px;
}
.btn-sm-socialicon {
 width: 32px;
 height: 32px;
}
.btn-lg-socialicon {
 width: 48px;
 height: 48px;
}
.btn-socialicon,
.btn-sm-socialicon,
.btn-lg-socialicon {
 padding: 0px 0px 0px 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: normal;
}

/************ topbar starts ****************/
/**** logo and menu without dropdown desktop Starts ****/
.shadow-sm {
  box-shadow: none !important; 
}
.topcontactbg{background-color:#253D7F;}
.ttopcontacts {
 font-family: 'Poppins', sans-serif;
 font-size: 14px;
 color: #6BD1F7;
 font-weight: 400;
 vertical-align: middle;
}
.ttopcontacts:hover {color: #FFFFFF;transition: all 0.9s ease;}
.navbar.sticky-top {top: -100px;transition: .5s;}
.navbar .navbar-brand,.navbar a.btn {height: 75px;}
.navbar{padding:0px!important;}
.navbar .navbar-nav .nav-link {
 padding: 23px 70px 20px 0px;
 color:#253D7F;
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight:500;
 text-transform: uppercase;
 outline: none;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
 color:#69CDF5 !important;transition: all 0.9s ease;
}
.dropdown-menu{border-radius:0;border-color:#253D7F;padding: 17px 24px;width:345%!important;}
.dropdown-menu .dropdown-item{
 color: #000000;
 border-bottom: 1px dashed #253D7F;
 padding: 5px!important;
 line-height: 40px;
 font-size: 16px;
 font-family: 'poppins',sans-serif; 
}
.dropdown-menu .dropdown-item:hover{
 color: #69CDF5!important;
 background-color:#FFFFFF!important;transition: all 0.8s ease;
}
.dropdown-menu.active, .dropdown-item:active {
 color: #69CDF5;
 text-decoration: none;
 background-color:#FFFFFF!important;
}
.navbar .dropdown-toggle::after {
 border: none;
 content: "";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 vertical-align: middle;
 margin-left: 8px;
}
.shadow-sm {box-shadow: none !important;}

.navbar-expand-lg .navbar-collapse {
 display: flex !important;
 flex-basis: auto;
 vertical-align:middle!important;
}
.navbar .nav-item .dropdown-menu {
 display: block!important;
 margin-top:0;
 left:0!important;
 top:150%;
 opacity:0;
 visibility:hidden;
 transition:0.5s;
 z-index:1;
}
.navbar .nav-item:hover .dropdown-menu {
 top: 100%;
 visibility: visible;
 transition: .5s;
 opacity: 1;
 background-color:#FFFFFF;
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.topcontactlinks {
 padding-left: 29%;
}	
.ttopcontacts {
 font-size: 14px;
}
.ttopcontactstext {
 font-size: 14px!important;
}
.navbar .navbar-nav .nav-link {
 padding: 0px 0px 0px 55px;
 font-size: 15px;
}
.dropdown-menu .dropdown-item {
 padding: 0px!important;
 line-height: 40px;
 font-size: 14px;
}
.dropdown-menu {padding: 14px 18px;}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1399px) {
.topcontactlinks {
    padding-left: 28%;
}
.ttopcontacts {
 font-size: 15px;
}
.ttopcontactstext {
 font-size: 15px!important;
}	
.navbar .navbar-nav .nav-link {
 padding: 0px 0px 0px 60px;
 font-size: 17px;
}
.dropdown-menu .dropdown-item {
 padding: 0px!important;
 line-height: 40px;
 font-size: 15px;
}
.dropdown-menu {padding: 14px 18px;}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {
.topcontactlinks {
 padding-left: 35%;
}
.ttopcontacts {
 font-size: 16px;
}
.ttopcontactstext {
 font-size: 16px!important;
}	
.navbar .navbar-nav .nav-link {
 padding: 0px 0px 0px 48px;
}
.dropdown-menu .dropdown-item {
 padding: 0px!important;
 line-height: 40px;
 font-size: 15px;
}
.dropdown-menu {padding: 14px 18px;}
}
@media only screen and (min-device-width : 1500px) and (max-device-width : 1699px) {
.dropdown-menu{width:312%!important;}
.dropdown-menu .dropdown-item {line-height: 40px;font-size: 15px;}
}

/**** logo and menu without dropdown desktop ends ****/
/************ mobile nav starts ***********/
.sticky-top{position: sticky;top: 0;z-index: 1020;}
.mobilelogo{background-color:#ffffff;}
.liststyle a,label{
 cursor: pointer;
 &:focus;
 outline: none;
 text-align: left!important;
 display: block;
 top:10px;
 padding: 0 20px;
 line-height: 50px;
 text-decoration: none;
 &:hover;
 font-family: 'Poppins', sans-serif;
 font-size: 15px;
 color: #FFFFFF;
 font-weight: 400;
} 
.menu{
 position: absolute;
 top: 0;
 left: 0;
 background:#253D7F;
 width: 240px;
 height:1000px;
 transform: translate3d(-240px, 0, 0);
 transition: transform 0.35s;
 z-index:2;
}
label.menu-toggle { 
 position: absolute ;   
 right: -60px;
 width: 60px;
 height: 61px;
 top: 0;
 line-height: 0px  ;  
 display: block;
 padding: 0;
 text-indent: -9999px;
 background: #fff url(../img/icon-hamburger.png) 50% 50% / 25px 25px no-repeat;
}
ul
 li
   >  label{
  background: url(../img/icon-mobarrow.png) 95% 50% / 16px 16px no-repeat;
}
.liststyle{
 list-style-type:none;
 padding-left: 0rem;
}
.menuhead{
 font-family: 'Poppins', sans-serif;
 font-size:16px;
 text-align:center;
 padding-top:10px;
 color:#FFFFFF;
 font-weight: 400;
}
/* hide inputs */    
.menu-checkbox{display: none;}
/* hide navigation icon for sublabels */ 
.menu .menu label.menu-toggle{background: none;} 
/* fade in checked menu */ 
.menu-checkbox:checked + .menu{
  transform: translate3d(0, 0, 0);
}
/************ mobile nav starts ***********/
/************ topbar ends ****************/
/********* Banner starts ************/
.carouselhead{
 font-family: 'Poppins', sans-serif;
 font-size:86px;
 font-weight:500;
 color:#FFFFFF;
 animation-delay: 0s;
 text-transform:uppercase;
 letter-spacing: 7px;
}
.carouselsubhead{
 font-family: 'Poppins', sans-serif;
 font-size:86px;
 font-weight:500;
 color:#FFFFFF;
 animation-delay: 0.9s;
 text-transform:uppercase;
 letter-spacing: 12px;
}
.carouselsubhead1{
 font-family: 'Poppins', sans-serif;
 font-size:86px;
 font-weight:500;
 color:#FFFFFF;
 animation-delay: 0.9s;
 text-transform:uppercase;
 letter-spacing: 12px;
}
.carouselsubhead2{
 font-family: 'Poppins', sans-serif;
 font-size:86px;
 font-weight:500;
 color:#FFFFFF;
 animation-delay: 0.9s;
 text-transform:uppercase;
 letter-spacing: 12px;
}
.carouselsubhead3{
 font-family: 'Poppins', sans-serif;
 font-size:86px;
 font-weight:500;
 color:#FFFFFF;
 animation-delay: 0.9s;
 text-transform:uppercase;
 letter-spacing: 12px;
}
.seafreighttext{
 position: absolute;
 bottom: 50%;
 left: 45%;
}
.seafreightsubtext{
 position: absolute;
 bottom: 37%;
 left: 40%;
}
.airfreighttext{
 position: absolute;
 bottom: 50%;
 left: 45%;
}
.airfreightsubtext{
 position: absolute;
 bottom: 37%;
 left: 39%;
}
.landtransformationtext{
 position: absolute;
 bottom: 50%;
 left: 42%;
}
.landtransformationsubtext{
 position: absolute;
 bottom: 37%;
 left: 25%;
}
.projecttext{
 position: absolute;
 bottom: 50%;
 left: 30%;
}
.projectsubtext{
 position: absolute;
 bottom: 34%;
 left: 35%;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.carouselhead {
 font-size: 16px!important;
 left: 20%!important;
}
.carouselsubhead {
 font-size: 16px!important;
 letter-spacing: 9px!important;
 bottom: 35%!important;
 left: 17%!important;
}
.carouselsubhead1 {
 font-size: 16px!important;
 letter-spacing: 9px!important;
 bottom: 35%!important;
 left: 23%!important;
}
.carouselsubhead2 {
 font-size: 16px!important;
 letter-spacing: 9px!important;
 bottom: 35%!important;
 left: 20%!important;
}
.carouselsubhead3 {
 font-size: 16px!important;
 letter-spacing: 9px!important;
 bottom: 35%!important;
 left: 25%!important;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.carouselhead {
 font-size: 52px!important;
 bottom: 50%!important;
 left: 20%!important;
}
.carouselsubhead {
 font-size: 52px!important;
 bottom: 34%!important;
 left: 16%!important;
}
.carouselsubhead1 {
 font-size: 52px!important;
 bottom: 34%!important;
 left: 22%!important;
}
.carouselsubhead2 {
 font-size: 52px!important;
 bottom: 34%!important;
 left: 18%!important;
}
.carouselsubhead3 {
 font-size: 52px!important;
 bottom: 34%!important;
 left: 27%!important;
}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.carouselhead {
 font-size: 55px!important;
 bottom: 50%!important;
 left: 27%!important;
}
.carouselsubhead {
 font-size: 55px!important;
 bottom: 34%!important;
 left: 23%!important;
}
.carouselsubhead1 {
 font-size: 55px!important;
 bottom: 34%!important;
 left: 29%!important;
}
.carouselsubhead2 {
 font-size: 55px!important;
 bottom: 34%!important;
 left: 26%!important;
}
.carouselsubhead3 {
 font-size: 55px!important;
 bottom: 34%!important;
 left: 33%!important;
}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
.carouselhead {
 font-size: 55px!important;
 bottom: 50%!important;
 left: 31%!important;
}
.carouselsubhead {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 27.5%!important;
}
.carouselsubhead1 {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 32.5%!important;
}
.carouselsubhead2 {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 29.5%!important;
}
.carouselsubhead3 {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 35%!important;
}
}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {
.carouselhead {
 font-size: 55px!important;
 bottom: 50%!important;
 left: 32%!important;
}
.carouselsubhead {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 29%!important;
}
.carouselsubhead1 {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 33.5%!important;
}
.carouselsubhead2 {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 31%!important;
}
.carouselsubhead3 {
 font-size: 55px!important;
 bottom: 38%!important;
 left: 36.5%!important;
}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {
.carouselhead {
 font-size: 60px!important;
 bottom: 50%!important;
 left: 33%!important;
}
.carouselsubhead {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 29%!important;
}
.carouselsubhead1 {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 34.5%!important;
}
.carouselsubhead2 {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 31%!important;
}
.carouselsubhead3 {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 37%!important;
}
}
@media only screen and (min-device-width : 1500px) and (max-device-width : 1599px) {
.carouselhead {
 font-size: 60px!important;
 bottom: 50%!important;
 left: 35%!important;
}
.carouselsubhead {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 32%!important;
}
.carouselsubhead1 {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 36.5%!important;
}
.carouselsubhead2 {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 34.5%!important;
}
.carouselsubhead3 {
 font-size: 60px!important;
 bottom: 38%!important;
 left: 39%!important;
}
}
@media only screen and (min-device-width : 1600px) and (max-device-width : 1799px) {
.carouselhead {
 font-size: 65px!important;
 bottom: 50%!important;
 left: 34%!important;
}
.carouselsubhead {
 font-size: 65px!important;
 bottom: 38%!important;
 left: 32%!important;
}
.carouselsubhead1 {
 font-size: 65px!important;
 bottom: 38%!important;
 left: 35.5%!important;
}
.carouselsubhead2 {
 font-size: 65px!important;
 bottom: 38%!important;
 left: 33%!important;
}
.carouselsubhead3 {
 font-size: 65px!important;
 bottom: 38%!important;
 left: 38%!important;
}
}
@media only screen and (min-device-width : 1800px) and (max-device-width : 1899px) {
.carouselhead {
 font-size: 80px!important;
 bottom: 50%!important;
 left: 32%!important;
}
.carouselsubhead {
 font-size: 80px!important;
 bottom: 38%!important;
 left: 30%!important;
}
.carouselsubhead1 {
 font-size: 80px!important;
 bottom: 38%!important;
 left: 33.5%!important;
}
.carouselsubhead2 {
 font-size: 80px!important;
 bottom: 38%!important;
 left: 31.5%!important;
}
.carouselsubhead3 {
 font-size: 80px!important;
 bottom: 38%!important;
 left: 37%!important;
}
}
/********* Banner ends ************/
/********* About us **********/
.iwelcomebg{
 background-image: url(../img/iwelcomebg.jpg);
 background-repeat: no-repeat;
 background-position: center right!important;
 background-color: #FFFFFF;
 container: cover; 
}
.bgblue {background-color: #FFFFFF;}
.twelcomehead{
 font-family: 'Poppins', sans-serif;
 font-size: 40px;
 font-weight:500;
 color: #6BD1F7;
 line-height: 56px;
 text-transform:uppercase;
}
.twelcomesubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 40px;
 font-weight:500;
 color: #253D7F;
 line-height: 45px;
 text-transform:uppercase;
}
.twelcometext{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight:400;
 color: #6F6F6F;
 line-height: 30px;
 text-align:justify;
}
.btnreadmore  {
 position: relative;
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color:#253D7F;
 padding: 10px 40px;
 display: inline-block;
 border:1px solid #253D7F;
}
.btnreadmoretext  {
 position: relative;
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color:#253D7F;
 display: inline-block;
 font-style:initial!important;
}
.btnreadmore:hover{
 color: #FFFFFF!important;
 background-color:#253D7F;transition: all 0.9s ease;
}
.btnreadmore:hover .btnreadmoretext{
 color: #FFFFFF!important;
}
.bi-arrow-right::before {
 content: "\F138";
 font-family: 'bootstrap-icons !important';
 position: absolute;
 left: 12px;
 font-size: 22px;
 font-weight: 400;
 color: #FFFFFF;
 transition: all 0.9s ease;
}
.btnreadmore:hover .bi-arrow-right::before {
 left: calc(100% - 34px);
}
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {	
.twelcomehead {
 font-size: 22px;line-height: 33px;
}
.twelcomesubhead {
 font-size: 22px;line-height:28px;
}
.twelcometext {font-size: 16px;line-height: 24px!important;text-align:left}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 991px) {	
.twelcomehead {
 font-size: 30px;
}
.twelcomesubhead {
 font-size: 30px;line-height: 14px;
}
.twelcometext {line-height: 28px;}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.twelcomehead {
 font-size: 35px;
}
.twelcomesubhead {
 font-size: 35px;line-height: 18px;
}	

}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
.twelcomehead {
 font-size: 35px;
}
.twelcomesubhead {
 font-size: 35px;line-height: 18px;
}	
.twelcometext {
 line-height: 26px;
}

}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1599px) {
.twelcomehead {
 font-size: 35px;
}
.twelcomesubhead {
 font-size: 35px;line-height: 14px;
}	
.twelcometext {
 line-height: 26px;
}

}
@media only screen and (min-device-width : 1600px) and (max-device-width : 1699px) {
.twelcomehead {
 font-size: 35px;
}
.twelcomesubhead {
 font-size: 35px;line-height: 18px;
}	
.twelcometext {
 line-height: 26px;
}
}
@media only screen and (min-device-width : 1700px) and (max-device-width : 1799px) {
.twelcomehead {
 font-size: 35px;
}
.twelcomesubhead {
 font-size: 35px;line-height: 18px;
}	
.twelcometext {
 line-height: 26px;
}
}
@media only screen and (min-device-width : 1800px) and (max-device-width : 1899px) {
.twelcomehead {
 font-size: 38px;
}
.twelcomesubhead {
 font-size: 38px;line-height: 18px;
}	
.twelcometext {
 line-height: 26px;
}
}
/*****************************/
/************** Services slider hover effect Starts ***************/
.servicesbg{background-color:#253D7F;}
.slide-item{
 width:auto!important;
}
.box1{
 font-family: 'Poppins', sans-serif;
 overflow: hidden;
 position: relative;
}
.box1:before,
.box1:after,
.box-content1:before,
.box-content1:after{
 content: '';
 background: linear-gradient(to bottom,#00000005,rgb(0 0 0 / 4%),transparent,rgb(0 0 0 / 48%),#00000080);
 height: 100%;
 width: 25.1%;
 opacity: 0;
 position: absolute;
 left: 0;
 top: 0;
 transition: all 0.3s ease-in-out;
}
.box1:before{
 top: -100%;
 left: -25%;
}
.box1:after{ left: 50%; }
.box-content1:before{ left:25%; }
.box-content1:after{
 left:100%;
 top:100%;
}
.box1:hover:before,
.box1:hover:after,
.box1:hover .box-content1:before,
.box1:hover .box-content1:after{opacity: 1;}
.box1:hover:before{
 top: 0;
 left: 0;
}
.box1:hover .box-content1:after{
 top: 0;
 left: 75%;
}
.box1:hover .box-content1:before{
 left: 50%;
 transition-delay: 0.1s;
}
.box1:hover:after{
 left: 25%;
 transition-delay: 0.1s;
}
.box1 img{
 width: 100%;
 height: auto;
}
.box1 .box-content1{
 color: #fff;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 transition: all 0.3s ease 0s;
}
.box1 .content1{
 position: absolute;
 left: 45px;
 bottom: 35px;
 z-index: 1;
}
.box1 .title1{
 font-family: 'Poppins', sans-serif;
 font-size: 34px;
 font-weight: 500;
 color: #FFFFFF;
 text-transform: uppercase;
 letter-spacing: 1px;
 margin: 0 0 22px 0px;
 opacity: 1;
 transform: translateY(100%);
 transition: all 0.3s ease;
 line-height:25px;
}
.box1 .post1{
 font-family: 'Poppins', sans-serif;
 font-size: 34px;
 color: #FFFFFF;
 font-weight: 500;
 text-transform: uppercase;
 opacity: 1;
 transition: all 0.3s ease 0.1s;
 line-height: 55px;
}
.box1 .tviewmore{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 300;
 color: #FFFFFF;
 letter-spacing: 1px;
 opacity: 0;
 transition: all 0.3s ease 0.1s;
}

.box1:hover .title1{
 opacity: 1;
 transform: translateY(0);
 margin: 0px 0px -0.9px 0px;
}
.box1:hover .post1{ opacity: 1; }
.box1 .icon1{
 padding: 0;
 margin: 0;
 list-style: none;
 position: absolute;
 left: 20px;
 top: 20px;
}
.box1:hover .tviewmore{opacity: 1;}
.box1 .icon1 li{
 display: inline-block;
 opacity: 0;
 transition:all 0.3s;
}
.box1 .icon1 li:first-child{ transform:translateY(80px); }
.box1 .icon1 li:last-child{ transform:translateY(-80px); }
.box1:hover .icon1 li{
 opacity: 1;
 transform:translateY(0);
}
.box1 .icon1 li a{
 color: #fff;
 background-color: #01AEF0;
 font-size: 22px;
 text-align: center;
 line-height: 40px;
 width: 40px;
 height: 40px;
 margin-right: 5px;
 border-radius: 50% 0;
 display: block;
 position: relative;
 z-index: 1;
 transition: all 0.3s;
}
.box1 .icon1 li a:hover{
 text-shadow: 0 0 6px #555;
 border-radius: 50%;
}
@media only screen and (max-width:990px){
 .box1{ margin-bottom: 30px; }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.box1 .content1 {
 left: 30px;
 bottom: 15px;
}
.box1 .title1{ 
 font-size: 20px;
 line-height: 18px; 
}	
.box1 .post1{ font-size: 20px;line-height: 26px;}
.box1 .tviewmore{ font-size: 14px; } 	
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.box1 .content1 {
 left: 35px;
 bottom: 30px;
}
.box1 .title1{ 
 font-size: 30px;
 line-height: 29px;
}	
.box1 .post1{ font-size: 30px; }
.box1 .tviewmore{ font-size: 14px; } 	
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.box1 .content1 {
 left: 25px;
 bottom: 25px;
}
.box1 .title1{ 
 font-size: 25px;
 line-height: 25px; 
}	
.box1 .post1{ font-size: 25px;line-height: 44px;}
.box1 .tviewmore{ font-size: 14px; } 	
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
.box1 .content1 {
 left: 30px;
 bottom: 30px;
}
.box1 .title1{font-size: 29px;}	
.box1 .post1{ font-size: 29px; }
.box1 .tviewmore{ font-size: 14px; } 	
}
@media only screen and (min-device-width : 1500px) and (max-device-width : 1599px) {
.box1 .content1 {
 left: 31px;
 bottom: 23px;
}
.box1 .title1{ 
 font-size: 29px;
}	
.box1 .post1{ font-size: 29px; }
}
/************* Services slider hover effect  Ends **************/
/*********** our services starts ************/
#ourservicesbg{
 background-image: url(../img/ourservicesbg.jpg);
 background-position: left bottom;
 background-size: cover;
 background-attachment: fixed; 
 background-repeat: no-repeat;
}
.fastdeliveryicon {
 background-image: url(../img/icon-superfastservice.png);
 background-repeat: no-repeat;
 background-position: center;
 -webkit-animation: mover 2s infinite  alternate;
 animation: mover 1s infinite  alternate;
}
.servicesheight {height: 250px;}
.safedeliveryicon{
 background-image: url(../img/icon-safedelivery.png);
 background-repeat: no-repeat;
 background-position: center;
 -webkit-animation: mover 2s infinite  alternate;
 animation: mover 1s infinite  alternate;
}
.servicesicon{
 background-image: url(../img/icon-support.png);
 background-repeat: no-repeat;
 background-position: center;
 -webkit-animation: mover 2s infinite  alternate;
 animation: mover 1s infinite  alternate;
}
.tserviceshead{
 font-family: 'Poppins', sans-serif;
 font-size:28px;
 font-weight:700;
 color:#FFFFFF;
 line-height: 25px; 
}
.tservicestext {
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 color: #FFFFFF;
 font-weight: 400;
 line-height: 25px;
}
@-webkit-keyframes mover {
 0% { transform: translateY(0); }
 100% { transform: translateY(-10px); }
}
@keyframes mover {
 0% { transform: translateY(0); }
 100% { transform: translateY(-10px); }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.tserviceshead {
 font-size: 23px;
 line-height: 0px;
}
.tservicestext {
 font-size: 14px;
 line-height: 22px;
}
.fastdeliveryicon {
 background-size: 150px 150px!important;
}
.safedeliveryicon {
 background-size: 150px 150px!important;
}
.servicesicon {
 background-size: 150px 150px!important;
}
.servicesheight {
 height: 169px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.fastdeliveryicon {
 background-size: 150px 150px!important;
}
.safedeliveryicon {
 background-size: 150px 150px!important;
}
.servicesicon {
 background-size: 150px 150px!important;
}
.servicesheight {height: 170px;}
.tserviceshead {font-size: 20px;}
.tservicestext {
 font-size: 14px;
 line-height: 19px;
}
}
@media only screen and (min-device-width : 992px) and (max-device-width :1199px) {
.fastdeliveryicon {
 background-size: 150px 150px!important;
}
.safedeliveryicon {
 background-size: 150px 150px!important;
}
.servicesicon {
 background-size: 150px 150px!important;
}
.servicesheight {height: 170px;}
.tserviceshead {font-size: 23px;}
.tservicestext {
 font-size: 14px;
 line-height: 19px;
}
}
@media only screen and (min-device-width : 1200px) and (max-device-width :1299px) {
.servicesheight {height: 230px;}
.tserviceshead {font-size: 25px!important;}
.tservicestext {
 font-size: 14px;
 line-height: 19px;
}
}
@media only screen and (min-device-width : 1300px) and (max-device-width :1399px) {
.servicesheight {height: 230px;}
.tserviceshead {font-size: 25px!important;}
.tservicestext {
 font-size: 15px;
 line-height: 22px;
}
}
@media only screen and (min-device-width : 1400px) and (max-device-width :1499px) {
.servicesheight {height: 230px;}
.tserviceshead {font-size: 24px!important;}
.tservicestext {
 font-size: 15px;
 line-height: 22px;
}
}
/*********** our services starts ************/
/******************** bottom starts ****************/
.bottombg { 
 background-image: url("../img/bottombg.png"), linear-gradient(to top,#FFFFFF 0%,#FFFFFF 27%,#6BD1F8 23%, #6BD1F8 100%);
 background-repeat: no-repeat;
 background-position: top right;
}
.bottomhead {
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight:500;
 color: #253D7F;
 line-height: 45px;
}
.bottomlinks{
 font-family: 'Poppins', sans-serif;
 font-size: 14px;
 font-weight:500;
 color: #253D7F;
 line-height: 37px;
 text-transform:uppercase;
 font-style: initial!important;
}
.bottomlinks:hover{
 font-family: 'Poppins', sans-serif;
 font-size: 14px;
 font-weight:500;
 color: #FFFFFF!important;
 line-height: 37px;
 text-transform:uppercase;
 font-style: initial!important;
 transition: all 0.5s ease;
}
.bottomlinksactive {
 font-family: 'Poppins', sans-serif;
 font-size: 14px;
 color: #FFFFFF!important;
 font-weight: 500; 
 text-transform:uppercase; 
 line-height: 37px;
 font-style: initial!important;
}
.tbottomcircleicon{ font-size: 8px; line-height:18px; padding-right:6px;color: #253D7F;}
.bottomlinks:hover .tbottomcircleicon{ 
 font-size: 8px; 
 line-height:18px; 
 padding-right:6px;
 color: #FFFFFF; 
 transition: all 0.5s ease;
}
.bottomlinksactive .tbottomcircleicon{ 
 font-size: 8px; 
 line-height:18px; 
 padding-right:6px;
 color: #FFFFFF; 
 transition: all 0.6s ease;
}
.quicklink ul {
 list-style-image: url(../img/bottombullet.jpg);
} 
.bottomborder{
 color: #1070B8;
}
.borderleft{border-right: 1px solid #1070B8;} 
.tbottomcontactstext{
 font-family: 'Poppins', sans-serif;
 font-size: 14px;
 color: #253D7F;
 font-weight: 300; 
 text-transform:uppercase; 
 line-height: 25px;	
}
.tbottomcontacts{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 color: #253D7F;
 font-weight: 500; 
 line-height: 30px;	
}
.tbottomcontacts01{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 color: #253D7F;
 font-weight: 500; 
 line-height: 30px;	
}
.tbottomcontacts01:hover{cursor:default;}
.tbottomcontacts:hover{
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 color: #FFFFFF;
 font-weight: 500; 
 line-height: 30px;	
 transition: all 0.9s ease;
}
.icopyright {
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 font-weight: 400;
 color: #515151;
 line-height: 17px;	
}
.tfollowtext{
 font-family: 'Poppins', sans-serif;
 font-size: 12px;
 font-weight: 400;
 color: #515151;
 line-height: 17px;	
 display:inline-block; 
}
.smGlobalBtn { 
 display: inline-block; 
 position: relative; 
 cursor: pointer; 
 width: 30px; 
 height: 30px;
 border:0px solid #ddd; 
 box-shadow: 0px #999; 
 padding: 0px; 
 margin-left: 10px; 
 text-decoration: none;
 text-align: center; 
 color: #fff; 
 font-size: 14px; 
 font-weight: normal; 
 line-height: 30px!important;
 border-radius: 27px;
 -moz-border-radius:27px;
 -webkit-border-radius:27px;
}
/* facebook button class*/
.facebookBtn{ background: #4060A5; }
.facebookBtn:hover{ color: #4060A5; background: #6bd1f896; border-color: #4060A5; }

/* instagram button class*/
.instagramBtn{ background: #c32aa3; }
.instagramBtn:hover{ color: #c32aa3; background: #6bd1f896; border-color: #405DE6; }

/* twitter button class*/
.twitterBtn{ background: #00ABE3; }
.twitterBtn:hover{ color: #00ABE3; background: #6bd1f896; border-color: #00ABE3;}
.idesignby {
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 text-transform: lowercase!important;
 line-height: 17px;
 color: #515151;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.bottomhead {line-height: 24px;}
.bottomlinks {line-height: 33px;}
.bottomlinks:hover {line-height: 33px;}
.bottomlinksactive {line-height: 33px;}
.bottombg {
background-image: url(../img/bottombg.png), linear-gradient(to top,#FFFFFF 0%,#FFFFFF 2%,#6BD1F8 0%, #6BD1F8 100%);}
.tbottomcontacts {font-size: 16px;line-height: 28px;}
.tbottomcontacts01{font-size: 16px;line-height: 28px;}
.tbottomcontacts:hover {font-size: 16px;line-height: 28px;}
.tfollowtext{display:block;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.tbottomcontacts {font-size: 18px;line-height: 18px;}
.tbottomcontacts01{font-size: 18px;line-height: 18px;}
.bottombg {
    background-image: url(../img/bottombg.png), linear-gradient(to top,#FFFFFF 0%,#FFFFFF 20%,#6BD1F8 19%, #6BD1F8 100%);
}	
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
.bottombg {
    background-image: url(../img/bottombg.png), linear-gradient(to top,#FFFFFF 0%,#FFFFFF 22%,#6BD1F8 0%, #6BD1F8 100%);
}
.tbottomcontacts {
 font-size: 20px;
 line-height: 26px;
}

.tbottomcontacts01{font-size: 20px;line-height: 26px;}
.tbottomcontacts:hover {
 font-size: 20px;
 line-height: 26px;
}
.tbottomcontactstext {line-height: 17px!important;}

}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1299px) {
 .tbottomcontacts {font-size: 14px;line-height: 15px;}
 
.tbottomcontacts01{font-size: 14px;line-height: 15px;}
  .tbottomcontacts:hover {font-size: 14px;line-height: 15px;}
}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1399px) {
 .tbottomcontacts {font-size: 14px;line-height: 15px;}
 
.tbottomcontacts01{font-size: 14px;line-height: 15px;}
  .tbottomcontacts:hover{font-size: 14px;line-height: 15px;}
 .bottombg {
    background-image: url(../img/bottombg.png), linear-gradient(to top,#FFFFFF 0%,#FFFFFF 31%,#6BD1F8 23%, #6BD1F8 100%);
}
}
@media only screen and (min-device-width : 1400px) and (max-device-width : 1499px) {
 .tbottomcontacts {font-size: 16px;line-height: 22px;}
 
.tbottomcontacts01{font-size: 16px;line-height: 22px;}
 .tbottomcontacts:hover {font-size: 16px;line-height: 22px;}
}
/******************** bottom ends ****************/

/***************** Inner pages starts **********************/
.borderdashed {
 border-bottom: 1px dashed #016CB8;
}
.btnsubmit  {
 position: relative;
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #253D7F;
 padding: 10px 40px;
 display: inline-block;
 border: 1px solid #253D7F;
 background: #fff;
}
.btnsubmittext  {
 position: relative;
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color:#253D7F;
 display: inline-block;
 font-style:initial!important;
}
.btnsubmit:hover{
 color: #FFFFFF!important;
 background-color:#6bd1f8;transition: all 0.9s ease;
}
.btnsubmit:hover .btnsubmittext{
 color: #FFFFFF!important;
}
.bi-arrow-right::before {
 content: "\F138";
 font-family: 'bootstrap-icons !important';
 position: absolute;
 left: 12px;
 font-size: 22px;
 font-weight: 400;
 color: #FFFFFF;
 transition: all 0.9s ease;
}
.btnsubmit:hover .bi-arrow-right::before {
 left: calc(100% - 195px);
}

/***************** profile **********************/
.theading{
 font-family: 'Poppins', sans-serif;
 font-size: 33px;
 font-weight:600;
 line-height:36px;
 color:#6BD1F7;
 }
.tsubheading{
 font-family: 'Poppins', sans-serif;
 font-size: 33px;
 font-weight:600;
 line-height:36px;
 color:#253D7F;
 } 
.ttext{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight:400;
 line-height:30px;
 color:#6F6F6F;
 }
 
/***************** network **********************/
.networkbg{
 background-image: url(../img/networkbg.jpg);
 background-position:right;
 background-repeat: no-repeat;
 position: relative;
 }
.agencies{list-style:none;}
.agencyicon{font-size:20px;}

/***************** services **********************/
.listtitle {
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 600;
 line-height: 25px;
 color: #fff;
}
.agencies{list-style:none;}
.servicelisting li {list-style: none; list-style-image: url(../img/nvoccdot.png); font-weight: 700;}
#servicebg {
 background-image: url(../img/servicebg.jpg);
 background-position: left bottom;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 }
 .nvoccbg{
 background-image: url(../img/nvoccbg.jpg);
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 background-size: cover;
}
 .nvoccleftbg{
 background-image: url(../img/nvoccimg.png);
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 background-size: cover;
}
.nvocchead{
 font-family: poppins;
 font-size: 34px;
 font-weight: 300;
 color: #69CDF5;
 line-height: 40px;
}
.nvoccheadwhite{
 font-family: poppins;
 font-size: 34px;
 font-weight: 300;
 color: #fff;
 line-height: 40px;
}
.tnvocctextwhite {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #fff;
}

.colorblue{color:#69CDF5;display:inline-block;}
/* contact  */
.ttextwhite{ font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight:400;
 line-height:30px;
 color:#fff;
 }
.tsubheadingwhite{
 font-family: 'Poppins', sans-serif;
 font-size: 33px;
 font-weight:600;
 line-height:36px;
 color:#fff;
 } 
.tcontacthead{
 font-family: 'Poppins', sans-serif;
 font-size: 24px;
 font-weight:500;
 line-height:30px;
 color:#303b79;
 }	
.contactdetailsbox:hover .tcontacthead{ color:#fff!important;}
.tcontactsubhead{
 font-family: 'Poppins', sans-serif;
 font-size: 17px;
 font-weight:500;
 line-height:23px;
 color:#303b79!important;
 }
.contactdetailsbox:hover .tcontactsubhead{ color:#fff!important;} 
.contactdetailsbox{
 background: #fff;
 padding: 45px 30px;
 gap: 20px;
 transition: 0.4s;
 box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
 text-align: center;
}
.contactdetailsbox-icon {
 width: 90px;
 height: 90px;
 line-height: 90px;
 display: inline-block;
 background:#6bd0f7;
 text-align: center;
 border-radius: 50%;
 transition: 0.4s;
 }
.contactdetailsbox-icon img {max-width: 35px;transform: rotateY(0);}
.contactdetailsbox-content h4 {transition: 0.4s;}
.contactdetailsbox-content p {
 font-size: 16px;
 line-height: 26px;
 font-weight: 500;
 transition: 0.4s;
 }
.contactdetailsbox:hover {background:#303b79;transform: translateY(-5px);} 
.contactdetailsbox:hover .contactdetailsbox-icon img {-webkit-animation: rotateY 0.6s;
 animation: rotateY 0.6s;}
.contact__three-left-map iframe {
 width: 100%;
 height: 640px;
 display: block;
 filter: grayscale(1);
 }
.contact-area {
 position: relative;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 position: relative;
 }
.contactbg {
 background-image: url("../img/contactbg.jpg"); 
 background-position: left bottom;
 background-repeat: no-repeat;
 background-size: contain;
 }
.contact-area:before {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: #303b79;
 }
.contact-area #contactForm {
 position: relative;
 z-index: 1;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 }
.contact-area #contactForm .section-title { text-align: center;margin-bottom: 30px;}
.contact-area #contactForm .section-title h2 {color: #fff;margin-top: -12px;}
.contact-area #contactForm .form-group { margin-bottom: 30px;}
.contact-area #contactForm .form-group .form-control {
 height: 50px;
 padding-left: 20px;
 font-size: 15px;
 border: 0;
 border-radius: 0;
 }
.contact-area #contactForm .form-group .form-control:focus {  -webkit-box-shadow:none;
 box-shadow:   none; border: 0;}
.contact-area #contactForm textarea {
  padding-top: 13px;
  height: auto !important;
 }
.contact-area #contactForm .common-btn {
 width: 100%;
 display: block;
 text-align: center;
 border-radius: 0;
 border: 0;
 opacity: 1;
 }
.contact-area #contactForm .list-unstyled {
 margin-top: 10px;
 color: #fff;
 }
.contact-area #contactForm .text-danger {
 margin-bottom: 0;
 margin-top: 10px;
 font-size: 25px;
 color: #fff !important;
 }
.contact-area #contactForm .text-success {
 margin-bottom: 0;
 margin-top: 10px;
 font-size: 25px;
 color: #28a745 !important;
 }
.common-btn {
 border: none;
 position: relative;
 display: inline-block;
 text-align: center;
 overflow: hidden;
 z-index: 1;
 background-color: #189650;
 color: #fff;
 -webkit-transition: 0.5s all ease;
 transition: 0.5s all ease;
 border-radius: 5px;
 opacity: 1;
 font-weight: 600;
 padding: 12px 25px;
}
.contactbtn:hover {
 cursor: pointer;
 background-image:linear-gradient(to right, #6bd1f7, #253d7f, #253d7f, #253d7f, #6bd1f7);
}
.tcontacthead01{
 font-family: 'Poppins', sans-serif;
 font-size: 35px;
 font-weight: 500;
 color: #FFFFFF;
 text-transform: uppercase;
 line-height: 40px;
}


/******************user form ***********************/
.user-form-area .form-item {
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
.user-form-area .form-item form {
 margin-bottom: 25px;
}
.user-form-area .form-item form h2 {
 font-size: 38px;
 padding-bottom: 10px;
 margin-bottom: 40px;
 position: relative;
 margin-top: -10px;
}
.user-form-area .form-item form h2:before {
 position: absolute;
 content: '';
 width: 50px;
 height: 3px;
 left: 0;
 right: 0;
 bottom: 0;
 margin-left: auto;
 margin-right: auto;
 background-color: #e93c05;
}
.user-form-area .form-item form h2:after {
 position: absolute;
 content: '';
 width: 40px;
 height: 3px;
 left: 0;
 right: 0;
 bottom: -6px;
 margin-left: auto;
 margin-right: auto;
 background-color: #e93c05;
}
.user-form-area .form-item form .form-group {margin-bottom: 30px;}
.user-form-area .form-item form .form-group .form-control {
 height: 50px;
 border: 0;
 border-radius: 0;
 background-color: #fafafa;
 padding-left: 20px;
 font-size: 15px;
}
.user-form-area .form-item form .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
   box-shadow: none;
}
.user-form-area .form-item form .common-btn { padding: 12px 70px;}
.user-form-area .form-item .user-btn h3 {
 font-weight: 400;
 font-size: 16px;
 margin-bottom: 30px;
 font-family: "Open Sans", sans-serif;
}
.user-form-area .form-item .user-btn h3 a {
 display: inline-block;
 color: #e93c05;
 font-weight: 600;
 margin-left: 5px;
}
.user-form-area .form-item .user-btn h3 a:hover {color: #011a41;}
.user-form-area .form-item .user-btn span {
 display: block;
 font-size: 15px;
 position: relative;
 margin-bottom: 25px;
}
.user-form-area .form-item .user-btn span:before {
 position: absolute;
 content: '';
 width: 40%;
 height: 1px;
 left: 0;
 top: 11px;
 background-color: #dbdbdb;
}
.user-form-area .form-item .user-btn span:after {
 position: absolute;
 content: '';
 width: 40%;
 height: 1px;
 right: 0;
 top: 11px;
 background-color: #dbdbdb;
}
.user-form-area .form-item .user-btn ul li {
 list-style-type: none;
 display: inline-block;
 margin-left: 3px;
 margin-right: 3px;
}
.user-form-area .form-item .user-btn ul li:nth-child(2) a {background-color: #00acee;}
.user-form-area .form-item .user-btn ul li:nth-child(3) a { background-color: #C13584;}
.user-form-area .form-item .user-btn ul li:nth-child(4) a { background-color: #E60023;}
.user-form-area .form-item .user-btn ul li a {
 display: block;
 width: 30px;
 height: 30px;
 color: #fff;
 background-color: #3b5998;
 border-radius: 50%;
}
.user-form-area .form-item .user-btn ul li a i {line-height: 30px;}
.user-form-area .form-item .user-btn ul li a:hover {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}
.contactbtn {
 font-family: 'Poppins', sans-serif;
 font-size: 14px;
 font-weight: 500;
 background-image: linear-gradient(to right, #4167cb, #0085dc, #009ac4, #6bd1f7, #6bd1f7);
 color: #ffffff!important;
 line-height: 50px;
 padding: 12px 35px;
 }

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.theading {font-size: 25px; line-height: 30px;}
.tsubheading {font-size: 25px; line-height: 30px;}
.tcontacthead01 {font-size: 25px;line-height: 30px;}
.tcontacthead { font-size: 19px;line-height: 25px;}
.tcontactsubhead { font-size: 14px;line-height: 20px;}
.contactdetailsbox{display: block;text-align: center;padding: 45px 0px;!important}
.btnsubmit:hover .bi-arrow-right::before {left: calc(100% - 50px);}
.listtitle {font-size: 14px;line-height: 19px;}
.nvocchead {font-size: 25px;line-height: 30px;}
.nvoccheadwhite {font-size: 25px;line-height: 30px;}
.tnvocctextwhite {font-size: 14px;}}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
.theading { font-size: 28px;line-height: 33px;}
.tsubheading { font-size: 28px;line-height: 33px;}
.tcontactsubhead {font-size: 15px;line-height: 21px;}
.tcontacthead { font-size: 22px;line-height: 28px;}
.btnsubmit:hover .bi-arrow-right::before {left: calc(100% - 250px);}
}
@media only screen and (min-device-width : 1200px) and (max-device-width : 1399px) {
.contactdetailsbox {gap: 9px;}
}
/***************** Inner pages ends **********************/