/*************** common classes starts ***************/
@media (min-width:1500px){.container{max-width:1440px!important;}}
body{font-family: 'Poppins', sans-serif; font-size:16px!important; font-weight:400!important; color:#676767!important;}
a{color:inherit; text-decoration:none !important;}
.fluid0{padding:0;}
.boxpadding{padding-bottom:22px;}
.bodybg{background-color:#ffffff;}
.bgwhite{background-color:#ffffff;}
.btn{font-weight:500; transition:.5s;}
.a:hover{color:none; text-decoration:none;}
.shadow-sm{box-shadow:none !important;}
ol, ul {padding-left: 0px;}

/******* gotop & whtsapp starts *******/
.gotopround{width:50px; height:50px; line-height:40px; background-color:#00B1F0; color:#ffffff; box-shadow:2px 2px 5px #3D3D3D;}
.gotopround:hover{background-color:#23436D; color:#FFFFFF; border:1px solid #00B1F0;}
.gotop{position:fixed; right:20px; bottom:78px; z-index:120;background-color:#00B1F0;color:#FFFFFF;}
.whtsapp-icon{width:55px; height:auto; position:fixed; right:75px; bottom:75px; z-index:120;}
/******* gotop & whtsapp ends *******/
/*************** common classes ends ***************/


/************************* DONT TOUCH ABOVE CLASSES *************************/

/*************** header classes starts ***************/
 #header {position: relative; background-color: rgba(44, 75, 116, 0.9); height: 134px;} /***logo height+14***/
 #header.fixed-nav { position: fixed!important; background-color: rgba(44, 75, 116, 0.9); height: 110px; padding-top:10px; padding-bottom:10px; -webkit-box-shadow: 0px 3px 10px 0px rgba(35, 67, 109,1);-moz-box-shadow: 0px 3px 10px 0px rgba(216,217,218,1); box-shadow: 0px 3px 10px 0px rgba(35, 67, 109,1);}
 .navbar-brand .logo {height: 120px;}
 .fixed-nav .navbar-brand .logo {height: 80px;  width: auto;}
 nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {background-color: #019FD9; color: #ffffff;}
 nav.navbar.bootsnav ul.nav > li > a {color: #FFFFFF;font-weight: 600;padding: 0px 0px 0px 70px;line-height: 16px;vertical-align: -webkit-baseline-middle;}
.fixed-nav nav.navbar.bootsnav ul.nav li > a {padding: 0px 0px 0px 70px;}
 nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active { background-color: transparent; color: #019FD9;}
 #header nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after{display:none;}
/*** main menu classes sub starts ***/
/*** main menu classes sub ends ***/

/*** drop down menu classes sub starts ***/
#header nav.bootsnav .megamenu-content {width: 1100px !important;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content, #header nav.navbar.bootsnav ul.dropdownnav-right li.dropdown ul.dropdown-menu {margin-top: 7px; margin-left: -451px;}
nav.bootsnav .megamenu-content .title{color:#000000; font-weight:500; text-transform:uppercase; font-size:16px; line-height:16px; margin-top:22px; border-bottom:1px dotted; padding-bottom:5px;}
nav.bootsnav .megamenu-content .title:hover{color:#019FD9; border-bottom:1px dotted #019FD9;}
nav.bootsnav .megamenu-content .titleactive{color:#000000; font-weight:500; text-transform:uppercase; font-size:16px; line-height:16px; margin-top:22px; border-bottom:1px dotted; padding-bottom:5px;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{border-right:solid 0px;}
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {color: #000000;font-size: 15px;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { color: #019FD9; font-size: 16px;}
.dropdown-menu{background-image: url(../img/dropdownbg.jpg) !important;background-repeat: no-repeat !important;background-position: bottom center !important;background-color: #FFFFFF !important;}

/*** drop down menu classes sub ends ***/
.downloadbtn .img-back {transition:0.9s ease all;}
.downloadbtn .img-top {display: none;transition:0.9s ease all;}
.downloadbtn:hover .img-top {display: inline;transition:0.9s ease all;}
.downloadbtn:hover .img-back {display: none;transition:0.9s ease all;}
.tgetaquotebtn{
 font-size: 15px;
 font-weight: 600;
 color: #FFFFFF;
 line-height: 15px;
 border:1px solid #FFFFFF;
 text-transform:uppercase;
 background-color:transparent;
 padding:11px 15px;
 vertical-align:middle;
 transition:0.9s ease all;
}
.tgetaquotebtn:hover{background-color:#00B1F0;transition:0.9s ease all;}
/*************** header classes ends ***************/

/******** banner starts ********/
.hbannerbg{ background-image:url(../img/hbannerbg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}
.video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 2; }
.video-overlay .overlay-off & {z-index: 0; }
.jquery-background-video {min-width: 100%;height:50%;display: block;}
.carousel {margin-top: -135px;}
.carousel-caption {
 position: absolute;
 left: 12.3%;
 right: 50%;
 transform: translate(-50%, -50%);
 text-align: left;
 z-index: 2;
 transition: opacity 0.5s ease-in-out;
 transition-delay: 0.1s;
 height: fit-content;top: 56%;transform: translateY(-50%);display: flex;flex-direction: column;justify-content: center;
}
.carouselhead{
 font-size: 64px;
 font-weight: 700;
 color: #FFFFFF;
 line-height: 74px;
 animation:fadeInUp 2s ease backwards;
}
.carouselsubhead{
 font-size: 64px;
 font-weight: 700;
 color: #FFFFFF;
 line-height: 74px;
 animation-delay: 0.3s;
 animation:fadeInUp 4s ease backwards;
}
.carouselsubhead01{
 font-size: 64px;
 font-weight: 700;
 color: #FFFFFF;
 line-height: 74px;
 animation-delay: 0.5s;
 animation:fadeInUp 6s ease backwards;
}
.carouseltext{
 font-weight: 500;
 color: #FFFFFF;
 line-height: 26px;
 letter-spacing:5px;
 animation-delay: 0.5s;
 animation:fadeInUp 8s ease backwards;
}
.carouselline{color: #79797B;}
.carousel-indicators [data-bs-target] {
 display: inline-block;
 width: 8px;
 height: 8px;
 margin: 2px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: #fff;
 border: 1px solid #fff;
 border-radius: 10px;
 background-color: #fff;
 opacity: .8;
 z-index: 2;
}
.carousel-indicators {
 position: absolute;
 display: inline;
 top: 46%;
 right: 80%;
 z-index: 2;
 padding-left: 116px;
 margin-left: 0%;
 text-align: center;
 list-style: none;
}
.carousel-indicators .active {
 display: inline-block;
 width: 8px;
 height: 8px;
 margin: 2px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: hsla(0, 18%, 95%, 0);
 border: 1px solid #00B1F0;
 border-radius: 10px;
 background-color: #00B1F0;
 opacity: .8;
 z-index: 2;
}  
@keyframes fadeInUp{0%{transform:translate(0px, 100px); opacity: 0;}100%{transform:translate(0px, 0); opacity: 1;}}
.bannerimg{ animation: zoom-in-zoom-out02 200s ease infinite alternate; width:100%;animation-duration:80s;}
@keyframes zoom-in-zoom-out02 {0% {transform: scale(1, 1);}50% {transform: scale(1.5, 1.5);}100% {transform: scale(1.5, 1.5);}}
/******** banner ends ********/

/******** welcome starts ********/
.welcomeimgsec{position:relative;}
.icon-welcomeimg{position: absolute;top: 35%;left: 34%;animation: zoomInOut 2s infinite ease-in-out;}
@keyframes zoomInOut {
 0% { transform: scale(1);}
 50% { transform: scale(1.2);}
 100% { transform: scale(1);}
}
.twelcomehead{font-size:15px;font-weight: 500;line-height: 25px;text-transform:uppercase;letter-spacing:3px;}
.twelcomesubhead{font-size: 48px;font-weight: 700;line-height: 58px;color: #23436D;}
.twelcomesubhead01{font-size: 48px;font-weight: 700;line-height: 58px;color: #23436D;}
.twelcometext{line-height: 26px;text-align:justify;}  
.welcomelist {list-style-type: none;margin: 0;padding-left: 0px;}
.welcomelist li {line-height: 16px;}
.welcomelisticon {font-size: 16px;color: #019FD9;}
.welcomebtn {
 position: relative;
 min-width: 180px;
 line-height: 22px;
 text-align: center;
 overflow: hidden;
 display: inline-block;
 padding: 15px 30px;
 border: 0px solid transparent;
 color: #FFFFFF;
 background-color: #23436D;
 letter-spacing: 4px;
}
.welcomebtn:before {
 position: absolute;
 width: 200%;
 height: 200%;
 content: "";
 top: -200%;
 left: 50%;
 background-color: #019FD9;
 border-radius: 50%;
 z-index: 1;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 -webkit-transition-duration: 800ms;
 transition-duration: 800ms;
}
.welcomebtn .btn-wrap .text-one {
 position: relative;
 display: block;
 transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}
.welcomebtn .btn-wrap .text-two {
 position: absolute;
 top: 100%;
 display: block;
 color:#FFFFFF!important;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.welcomebtn .btn-two {background-color:#23436D;}
.welcomebtn .btn-two:before {background-color: #FFFFFF;}
.welcomebtn .btn-wrap {
 position: relative;
 z-index: 1;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
}
.welcomebtn .btn-two .btn-wrap .text-one, .welcomebtn .btn-two .btn-wrap .text-two {color:#FFFFFF;}
.welcomebtn:hover .btn-two .btn-wrap .text-one, .welcomebtn:hover .btn-two .btn-wrap .text-two {
color: #23436D!important;}
.welcomebtn:hover:before {top: -40%;}
.welcomebtn:hover .btn-wrap .text-one {
 -webkit-transform: translateY(-150%);
 -ms-transform: translateY(-150%);
 transform: translateY(-150%);
}
.welcomebtn:hover .btn-wrap .text-two {
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
/******** welcome ends ********/

/******** services starts ********/
#servicesbg{
 background-image:url(../img/servicesbg.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 background-attachment:fixed;
}
.tservicehead{font-size: 48px;font-weight: 700;line-height: 58px;color: #FFFFFF;}
.card{border:none;border-radius: 20px;transition:0.9s ease all;display: flex;flex-direction: column;height: 100%;}
.card-header{padding: 0;border-bottom:none;border-radius:  20px 20px 0px 0px!important;background-color:#FFFFFF;transition:0.9s ease all;}
.card-header img{padding: 0;border-radius: 20px;}
.card-body{padding: 25px;transition:0.9s ease all;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;}
.tservicesubhead{font-size: 26px;font-weight: 700;line-height: 31px;color: #23436D;}
.tservicetext{line-height: 26px;color:#676767;}
.iconservicereadmore{padding: 6px 12px;background-color: #23436D;color: #FFFFFF;position:absolute;top: 57%;right: 10%;}
.card:hover, .card:hover .card-header{background-color:#23436D;border-radius: 20px!important;transition:0.9s ease all;}
.card:hover .tservicesubhead{color: #FFFFFF;transition:0.9s ease all;}
.card:hover .tservicetext{color: #FFFFFF;transition:0.9s ease all;}
.card:hover .iconservicereadmore{background-color: #FFFFFF;color: #23436D;transition:0.9s ease all;}
.mySwiper::part(button-prev),
.mySwiper::part(button-next){color: #23436d !important;
    width: 18px !important;
    height: 18px !important;
    background-color: #ffffff;
    padding: 12px;
    border-radius: 30px;}
/******** services ends ********/

/******** gallery starts ********/
.tgalleryhead{font-size: 48px;font-weight: 700;line-height: 58px;color: #23436D;}
.projectimg-wrapper{overflow: hidden;border-radius: 20px;}
.galleryimg{transition: transform 0.9s ease-in-out;}
.projectimg-wrapper:hover .galleryimg {transform: scale(1.2);}
/******** gallery ends ********/

/************** bottom starts *************/
.bottombg{background-color:#23436D;}
.tbottomhead{font-size: 24px;font-weight: 500;line-height: 34px;color: #FFFFFF;}
.tbottomlinks{line-height: 24px;color: #FFFFFF;}
.tbottomlinksactive{line-height: 24px;color: #00B1F0;}
.smGlobalBtn { display: inline-block; position: relative; cursor: pointer; width: 30px; height: 30px;border:0px solid #ddd; box-shadow: 0px #999; padding: 0px; margin-left: 0px; text-decoration: none;text-align: center; color: #dfd7d7; font-size: 27px; font-weight: normal;line-height: 33px;border-radius: 27px; -moz-border-radius:27px;-webkit-border-radius:27px;transition:0.7s ease all;margin-right:23px;}
.tbottomcontactlinks:hover{color:#ED1C24; transition-timing-function: ease-in-out;   transition-duration: 1s; }
/* facebook button class*/
.icon-social{color:#FFFFFF;}
.icon-social:hover{ color: #00B1F0;transition:1.5s ease all; }
.facebookBtn{color:#FFFFFF;}
.facebookBtn:before{  font-family: "FontAwesome"; content: "\f09a";}
.facebookBtn:hover{ color: #00B1F0;transition:1.5s ease all; }

/* linkedin button class*/
.linkedinBtn{color:#FFFFFF; }
.linkedinBtn:before{ font-family: "FontAwesome"; content: "\f0e1"; }
.linkedinBtn:hover{ color: #00B1F0;transition:1.5s ease all;}

/* instagram button class*/
.instagramBtn{color:#FFFFFF; }
.instagramBtn:before{ font-family: "FontAwesome";  content: "\f16d"; }
.instagramBtn:hover{ color: #00B1F0;transition:1.5s ease all; }

/* twitter button class*/
.twitterBtn{color:#FFFFFF; }
.twitterBtn:before{ font-family: "FontAwesome"; content: "\f099"; }
.twitterBtn:hover{ color: #00B1F0; transition:1.5s ease all;}

/* whatsapp button class*/
.twhatsappBtn{color:#FFFFFF; }
.twhatsappBtn:before{ font-family: "FontAwesome"; content: "\f232"; }
.twhatsappBtn:hover{ color: #00B1F0; transition:1.5s ease all;}

/* pinterest button class*/
.tpinterestBtn{color:#FFFFFF; }
.tpinterestBtn:before{ font-family: "FontAwesome"; content: "\f0d2"; }
.tpinterestBtn:hover{color: #00B1F0;transition:1.5s ease all;}
/******************** social icons ends ********************/
.bottomborder{border-bottom: 1px solid #456185;}
.tbottomcontactshead{font-size:14px;line-height:20px;color:#FFFFFF;letter-spacing:1px;}
.tbottomcontactslink{font-size:18px;font-weight:600;line-height:28px;color:#FFFFFF;}
.tbottomtext{font-size:18px;font-weight:600;line-height:28px;color:#FFFFFF;}
.footerbg{background-color:#00B1F0;}
.tdesignby {font-family: 'Roboto', sans-serif;font-size: 12px;line-height: 17px;color:#FFFFFF;}
.tcopyright {font-family: 'Roboto', sans-serif;font-size: 12px;line-height: 17px;color:#FFFFFF;}
.backtohome{position: fixed;right: 21px;bottom: 140px;font-size: 20px;z-index: 120;}
/************** bottom ends *************/

/**************************** INNER PAGES STARTS ***************************/
/************** common classes starts *************/
.theading{font-size: 28px;font-weight: 700;line-height: 38px;color: #23436D;}
.tsubheading{font-size: 25px;font-weight: 600;line-height: 35px;color: #23436D;}
.tsubheading01{font-size: 20px;font-weight: 500;line-height: 30px;color: #019FD9;}
.tsubheading02{font-size: 19px;font-weight: 700;line-height: 29px;color: #23436D;}
.ttext{line-height: 26px;text-align: justify;}
.ttext01{line-height: 26px;}
.ttextbold{line-height: 26px;font-weight:600;}
.ttextwhite{line-height: 26px;color:#FFFFFF;}
.innerpagebtn {
 position: relative;
 min-width: 180px;
 line-height: 22px;
 text-align: center;
 overflow: hidden;
 display: inline-block;
 padding: 15px 30px;
 border: 0px solid transparent;
 color: #FFFFFF;
 background-color: #23436D;
 letter-spacing: 2px;
 font-weight: 600;
}
.innerpagebtn:before {
 position: absolute;
 width: 200%;
 height: 200%;
 content: "";
 top: -200%;
 left: 50%;
 background-color: #000000;
 border-radius: 50%;
 z-index: 1;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 -webkit-transition-duration: 800ms;
 transition-duration: 800ms;
}
.innerpagebtn .btn-wrap .text-one {
 position: relative;
 display: block;
 transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}
.innerpagebtn .btn-wrap .text-two {
 position: absolute;
 top: 100%;
 display: block;
 color:#FFFFFF!important;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.innerpagebtn .btn-two {background-color:#000000;}
.innerpagebtn .btn-two:before {background-color: #FFFFFF;}
.innerpagebtn .btn-wrap {
 position: relative;
 z-index: 1;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
}
.innerpagebtn .btn-two .btn-wrap .text-one, .innerpagebtn .btn-two .btn-wrap .text-two {color:#FFFFFF;}
.innerpagebtn:hover .btn-two .btn-wrap .text-one, .innerpagebtn:hover .btn-two .btn-wrap .text-two {
color: #000000!important;}
.innerpagebtn:hover:before {top: -40%;}
.innerpagebtn:hover .btn-wrap .text-one {
 -webkit-transform: translateY(-150%);
 -ms-transform: translateY(-150%);
 transform: translateY(-150%);
}
.innerpagebtn:hover .btn-wrap .text-two {
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
.innerimganim01{border-radius: 20px;animation: movery 1s infinite alternate;}
@keyframes movery{
0% {transform: translateY(0);}
100% {transform: translateY(-10px);}
}
.innerimganim02{border-radius: 20px;animation: moverx 1s infinite alternate;}
@keyframes moverx{
0% {transform: translateX(0);}
100% {transform: translateX(-10px);}
}
.contentpaddingright{padding-right:88px;}
.contentpaddingleft{padding-left:88px;}
.innerpagelist {list-style-type: none;margin: 0;padding-left: 21px;}
.innerpagelist li {
 list-style: none;
 list-style-image: url(../img/icon-innerpagelist.png);
 text-align: left;
 line-height: 25px;
 padding-left: 10px;
}
.innerimgzoomanim{animation: zoom-in-zoom-out 2s ease-out infinite;}
@keyframes zoom-in-zoom-out {
 0% {transform: scale(1, 1);}
 50% {transform: scale(1.1, 1.1);}
 100% {transform: scale(1, 1);}
}
.tseperationlinetext {
 display: flex;
 align-items: center;
 text-align: center;
 font-size: 20px;
 color: #00b1f0;
}
.tseperationlinetext::after {
 content: "";
 flex: 1;
 height: 1px;
 background-color: #e7e7e7; 
 margin: 0 25px;
}
.innerpagecontactbg{
 background-image:url(../img/innerpagecontactbg.png);
 background-repeat:no-repeat;
 background-position:left bottom;
 background-size:cover;
 background-color:#00B1F0;
}
.tinnerpagecontacthead{font-size: 30px;font-weight: 600;line-height: 40px;color: #FFFFFF;}
.innerborderright{border-right: 1px solid #f3eeee;}
/************** common classes ends *************/
.corevaluesbg{
 background-image:url(../img/corevaluesbg.jpg);
 background-repeat:no-repeat;
 background-position:bottom center;
 background-size:cover;
}
.contacticon{padding-right: 25px;}
.tcontacticon{height: 60px;width: 60px;line-height: 60px;border: 1px solid #019FD9;border-radius: 5px;text-align: center;font-size: 30px;color: #019FD9;}
.contactimg{box-shadow: rgb(220 228 239) -14.6px 15.4px 0.2px;}
/**************************** INNER PAGES ENDS ***************************/

/******************************** Media Query Starts ********************************/
@media only screen and (min-device-width:320px) and (max-device-width: 991px){
#header {height: 100px;background-color: #23436D;}
#header.fixed-nav {height: 100px;width: -webkit-fill-available;padding-top: 0px;padding-bottom: 0px;}
#header nav.navbar.bootsnav .nav {background-color: #00B1F0;}
.navbox-collapse {margin-top: 8px;}
nav.navbar.bootsnav ul.nav > li > a {color: #FFFFFF;padding: 12px 5px !important;}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {background-color: transparent;color: #FFFFFF;}
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color: #FFFFFF!important;}
#header nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {padding: 0px !important;}
.dropdown-menu {background-color: #00B1F0!important;}
.tcategorylinkhead {color: #ffffff !important;border-bottom: unset !important;}
.carousel-indicators {top: 70%;padding-left: 347px;}
.carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding: 0;margin-right: 15%;margin-bottom: 1rem;margin-left: 15%;list-style: none;top: 94%;}
.carousel-indicators [data-bs-target] {background-color: #ffffff;border-radius: 50%;height: 8px !important;width: 8px !important; padding: 0 !important;border: 2px solid #FFFFFF;}
.carousel-indicators .active {border-radius: 50% !important;height: 8px !important;width: 8px !important;padding: 0 !important;border: 2px solid #FFFFFF;display: inline-block;text-indent: -999px;cursor: pointer;border: 2px solid #00B1F0;border-radius: 10px;background-color: #00B1F0;opacity: .8;}
}
@media only screen and (min-device-width:320px) and (max-device-width: 767px){
nav.navbar.bootsnav ul.nav > li > a {font-size: 17px;}
.dropdown-menu {background-image: none !important;}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a, nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {padding: 13px 8px 13px 0px !important;}
.carousel {margin-top: 0px;}
.jquery-background-video {height: 500px;}
.carousel-caption {left: 3%;right: -36%;top: 50%;}
.carouselhead {font-size: 30px;line-height: 40px;font-weight:500;}
.carouselsubhead {font-size: 30px;line-height: 40px;font-weight:500;}
.carouselsubhead01 {font-size: 30px;line-height: 40px;font-weight:500;}
.carouseltext {letter-spacing: 2px;}
.welcomebg {background-image:none!important;}
.twelcomesubhead {font-size: 28px;line-height: 38px;font-weight: 500;}
.twelcomesubhead01 {font-size: 28px;line-height: 38px;font-weight: 500;}
.twelcometext {text-align: left;}
.tservicehead {font-size: 28px;line-height: 38px;font-weight: 500;}
.tservicesubhead {font-size: 20px;line-height: 25px;font-weight: 500;}
.iconservicereadmore{top: 61%;}
.tgalleryhead {font-size: 28px;line-height: 38px;font-weight: 500;}
.tbottomhead {font-size: 22px;line-height: 30px;}
.whtsapp-icon {right: 18px;bottom: 168px;}
.gotop {bottom: 109px;}
.theading {font-size: 25px;font-weight: 500;line-height: 35px;}
.ttext {line-height: 26px;text-align: left;}
.contentpaddingright {padding-right: 10px;}
.contentpaddingleft {padding-left: 12px;}
.tinnerpagecontacthead {font-size: 28px;line-height: 38px;}
.innerborderright {border-right: none;}
.innerborderbottom {border-bottom: 1px solid #f3eeee;}
.hbannerbg{background-image:url(../img/hbannermobbg.jpg);}
.backtohome {right: 19px;bottom: 234px;}
}
@media only screen and (min-device-width:768px) and (max-device-width: 991px){
nav.navbar.bootsnav ul.nav > li > a {font-size: 17px;}
.dropdown-menu {background-image: none !important;}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a, nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {padding: 13px 8px 13px 0px !important;}
.carousel {margin-top: 0px;}
.jquery-background-video {height: 570px;}
.carousel-caption {top: 50%;left: 5%;right: -31%;}
.carouselhead {font-size: 45px;line-height: 55px;font-weight: 600;}
.carouselsubhead {font-size: 45px;line-height: 55px;font-weight: 600;}
.carouselsubhead01 {font-size: 45px;line-height: 55px;font-weight: 600;}
.welcomebg {background-image:none!important;}
.twelcomesubhead {font-size: 40px;line-height: 45px;}
.twelcomesubhead01 {font-size: 40px;line-height: 45px;}
.tservicehead {font-size: 28px;line-height: 38px;font-weight: 500;}
.card-body {padding: 27px;}
.tservicesubhead {font-size: 24px;line-height: 28px;font-weight: 500;}
.tservicetext {font-size: 14px;}
.iconservicereadmore{top: 56%;}
.tgalleryhead {font-size: 28px;line-height: 38px;font-weight: 500;}
.tbottomtext {font-size: 16px;line-height: 26px;}
.tbottomcontactslink {font-size: 16px; line-height: 26px;}
.whtsapp-icon {right: 21px;bottom: 178px;}
.gotop {bottom: 109px;}
.contentpaddingright {padding-right: 35px;}
.contentpaddingleft {padding-left: 37px;}
.tinnerpagecontacthead {font-size: 28px;line-height: 38px;}
.tseperationlinetext {font-size: 16px;}
.tseperationlinetext::before, .tseperationlinetext::after {margin: 0 3px;}
.backtohome {right: 19px;bottom: 238px;}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1199px){
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 10px 0px 0px !important;font-size: 15px;}
.navbar-brand .logo {height: 90px;}
#header {height: 105px;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu {width: 856px !important;}
.jquery-background-video {height: 570px;}
.carousel-caption {top: 59%;left: 7%;right: 0%;}
.carouselhead {font-size: 40px; line-height: 45px;}
.carouselsubhead {font-size: 40px; line-height: 45px;}
.carouselsubhead01 {font-size: 40px; line-height: 45px;}
.carouseltext {font-size: 14px;line-height: 24px;}
.twelcomesubhead {font-size: 40px;line-height: 45px;}
.twelcomesubhead01 {font-size: 40px;line-height: 45px;}
.icon-welcomeimg {top: 24%;}
.tservicesubhead {font-size: 23px;line-height: 27px;font-weight: 500;}
.iconservicereadmore{top: 49%;}
.card-body {padding: 15px;}
.tservicetext {font-size: 14px;line-height: 24px;}
.whtsapp-icon {bottom: 92px;}
.contentpaddingright {padding-right: 29px;}
.contentpaddingleft {padding-left: 45px;}
.tinnerpagecontacthead {font-size: 30px;line-height: 40px;}
.tgetaquotebtn {font-size: 14px;line-height:14px;padding: 11px 8px;}
}
@media only screen and (min-device-width:1200px) and (max-device-width: 1299px){
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 15px 0px 0px !important;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content, #header nav.navbar.bootsnav ul.dropdownnav-right li.dropdown ul.dropdown-menu {margin-left: -520px;}
#header nav.bootsnav .megamenu-content {width: 1090px !important;}
.jquery-background-video {height: 900px;}
.carousel-caption {top: 57%;left: 7%;right: 16%;}
.carouselhead {font-size: 40px; line-height: 45px;}
.carouselsubhead {font-size: 40px; line-height: 45px;}
.carouselsubhead01 {font-size: 40px; line-height: 45px;}
.carouseltext {font-size: 14px;line-height: 24px;}
.twelcomesubhead {font-size: 40px;line-height: 45px;}
.twelcomesubhead01 {font-size: 40px;line-height: 45px;}
.icon-welcomeimg {top: 33%;left: 36%;}
.card-body {padding: 29px;}
.tbottomtext {font-size: 16px;line-height: 26px;}
.whtsapp-icon {bottom: 92px;}
.contentpaddingright {padding-right: 40px;}
.contentpaddingleft {padding-left: 40px;}
.contacticon {padding-right: 15px;}
.tcontacticon {height: 50px;width: 50px;line-height: 50px;font-size: 25px;}
.tgetaquotebtn {font-size: 14px;line-height:14px;padding: 11px 8px;}
}
@media only screen and (min-device-width:1300px) and (max-device-width: 1399px){
.fixed-nav nav.navbar.bootsnav ul.nav li > a {padding: 0px 0px 0px 25px;}
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px 0px 25px;}	
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content, #header nav.navbar.bootsnav ul.dropdownnav-right li.dropdown ul.dropdown-menu {margin-left: -520px;}
#header nav.bootsnav .megamenu-content {width: 1090px !important;}
.jquery-background-video {height: 900px;}
.carousel-caption {top: 61%;left: 7%;right: 23%;}
.carouselhead {font-size: 40px; line-height: 45px;}
.carouselsubhead {font-size: 40px; line-height: 45px;}
.carouselsubhead01 {font-size: 40px; line-height: 45px;}
.carouseltext {font-size: 14px;line-height: 24px;}
.twelcomesubhead {font-size: 40px;line-height: 45px;}
.twelcomesubhead01 {font-size: 40px;line-height: 45px;}
.icon-welcomeimg {top: 35%;left: 36%;}
.iconservicereadmore{top: 59%;}
.card-body {padding: 30px;}
.tservicesubhead {font-size: 22px;}
.tservicetext {font-size: 14px;line-height: 24px;}
.tbottomtext {font-size: 16px;line-height: 26px;}
.whtsapp-icon {bottom: 92px;}
.contacticon {padding-right: 15px;}
.tcontacticon {height: 50px;width: 50px;line-height: 50px;font-size: 25px;}
}
@media only screen and (min-device-width:1400px) and (max-device-width: 1499px){
.carousel-caption {top: 55%;left: 7%;right: 23%;}
.carouselhead {font-size: 50px; line-height: 60px;}
.carouselsubhead {font-size: 50px; line-height: 60px;}
.carouselsubhead01 {font-size: 50px; line-height: 60px;}
.carouseltext {font-size: 15px;line-height: 25px;}
.tservicesubhead {font-size: 25px;line-height: 28px;}
.iconservicereadmore{top: 55%;}
.card-body {padding: 19px;}
.tservicetext {font-size: 14px;line-height: 24px;}
.contentpaddingright {padding-right: 0px;}
.contentpaddingleft {padding-left: 0px;}
}
@media only screen and (min-device-width:1500px) and (max-device-width: 1599px){
.carousel-caption {top: 55%;left: 7%;right: 23%;}
.carouselhead {font-size: 50px; line-height: 60px;}
.carouselsubhead {font-size: 50px; line-height: 60px;}
.carouselsubhead01 {font-size: 50px; line-height: 60px;}
.carouseltext {font-size: 14px;line-height: 24px;}
.iconservicereadmore{top: 57%;}
.card-body {padding: 26px;}
.contentpaddingright {padding-right: 0px;}
.contentpaddingleft {padding-left: 0px;}
}
@media only screen and (min-device-width:1600px) and (max-device-width: 1699px){
.carouselhead {font-size: 50px; line-height: 60px;}
.carouselsubhead {font-size: 50px; line-height: 60px;}
.carouselsubhead01 {font-size: 50px; line-height: 60px;}
.carouseltext {font-size: 16px;line-height: 26px;}
.tservicesubhead {font-size: 20px;line-height: 25px;}
.iconservicereadmore {top: 63%;}
.contentpaddingright {padding-right: 0px;}
.contentpaddingleft {padding-left: 0px;}
}
@media only screen and (min-device-width:1700px) and (max-device-width: 1799px){
.carousel-caption {right: 34%;}
.iconservicereadmore {top: 63%;}
.card-body {padding: 22px;}
.contentpaddingright {padding-right: 0px;}
.contentpaddingleft {padding-left: 0px;}
}
@media only screen and (min-device-width:1800px) and (max-device-width: 1899px){
.carousel-caption {right: 36%;}
.iconservicereadmore {top: 56%;}
.contentpaddingright {padding-right: 40px;}
.contentpaddingleft {padding-left: 40px;}
}