/************************************************* Header ********************************************************************/
.TopLink{padding:12px 0px 12px 0px; line-height:1.2; font-size:20px; min-height:50px;}
.TopLink a{color:#fff;} .TopLink a:hover{color:#22BAA7;}
 
.rounded{ border-radius: 30px !important;}
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:70px; line-height:1.1; letter-spacing:-0.02em;}
.rounded-4 img{border-radius:20px;}
 .form-control::file-selector-button {  height: 50px;
  margin-left: 0px;
}
.fs-26{font-size:26px;}
.wp-block-cover .wp-block-cover__image-background {
  
  border-radius: 20px;
}
.menu-item-has-children > a::after {
display: inline-block;
margin-left: 0px;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.wpcf7-list-item {
  margin-left: 0;
}
form .text-blue {
  color: #22baa7 !important;
}
.image-container {
    position: relative;
    width: 100%; /* Adjust size */
    height: 100%;
    perspective: 1000px;
}

.image-container .front,
.image-container .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transition: transform 0.5s;
}

.image-container .front {
    transform: rotateY(0deg);
}

.image-container .back {
    transform: rotateY(180deg);
    background: #000;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    font-size: 16px;
	height: 400px;
}

.image-container:hover .front {
    transform: rotateY(180deg);
}

.image-container:hover .back {
    transform: rotateY(0deg);
}

.spin-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  transition: transform 0.6s ease-in-out;
}

/* Floating Up Effect */
.spin-image:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}


.wpcf7-file.form-control{padding-left:0px !important;}
/************************************************* Content ********************************************************************/
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item{color:#000; font-size:17px; font-weight:500;}
.dropdown-item:focus, .dropdown-item:hover {color#000;background-color:transparent;}
.List ul{margin:0px; padding:0px;}
.List li{list-style:none;}
.SerArea{background: linear-gradient(180deg, #22BAA7 0%, #FFFFFF 100%);}
.BgImg{background: url(../images/bg.jpg) no-repeat top center; background-size:cover; min-height:796px;}

.BgImg .container-fluid{min-height:796px; position:relative;} .BgImg a{text-transform:uppercase; color:#fff;}.BgImg a:hover{color:#000;}
.BgImg1{background:url(../images/rimg1.png) no-repeat bottom; width:914px; min-height:352px; padding:30px 30px; position:absolute; bottom:0px; left:15px;}
.BgImg2{background:url(../images/rimg2.png) no-repeat bottom; width:551px; min-height:273px; padding:30px 30px; position:absolute; top:0px; right:15px;}
.custom-h2 {font-size:30px;}
/************************************************* Content ********************************************************************/
.TestiBox{line-height:1.4; padding:0px 5px;}  
   
 
/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:19px;}
#Footer li.active a {color:#22BAA7;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .list-inline a:hover{color:#22BAA7;}
#Footer h4{font-size:30px;}
.CopyText{font-size:16px; line-height:1.4;}

#Footer .form-control{background:#fff; border-color:#fff; height:60px; color:#000;}
#Footer .btn{min-height:60px; font-size:20px; padding:7px 10px; min-width:unset;border-left:solid 1px #000 !important} 

.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/icon.png) no-repeat 0.1em 0.43em; padding:1px 0 1px 30px; margin:0px;}


#ContactPage .form-control{font-size:16px; background:#fff; border-color:#fff; border-radius:0px; height:50px; color:#000;}
#ContactPage textarea.form-control{height:150px; padding-top:15px;border-radius:0px;}

/*************************************************************************************************************/
@media (min-width:992px) {
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:999; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
#Footer .Copytext{letter-spacing:0.1em;}
.BigImg img {
    height:700px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
}
}
@media (min-width: 1920px){.container {max-width:1780px !important;} body {font-size:23px;}.btn{font-size:22px;padding:16px 30px;}
.Homebnr img {height:902px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:right;}
}

@media (min-width: 1600px) {.container {max-width:1560px;} #Footer h4{font-size:32px;} 
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
.navbar .navbar-nav .nav-link {font-size:21px;} .navbar-nav>li+li {margin-left:30px;}.MainBanner h1{font-size:110px !important;} 
h1, .h1 {font-size:42px;}h2, .h2 {font-size:39px;} h3, .h3 {font-size:30px;}.lh-llg{line-height:55px !important;}.fs-60{font-size:60px !important;}.fs-45{font-size:45px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){ .lh-llg{line-height:45px !important;}}
/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.MainBanner h1{font-size:60px;}}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.MainBanner h1{font-size:50px;} }
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.MainBanner h1{font-size:40px;} .MainBanner .carousel-caption {font-size:24px;}
.BgImg1,.BgImg2{border-radius:50%; background: linear-gradient(180deg, rgba(15, 121, 165, 0.9) 0%, rgba(34, 186, 167, 0.9) 100%); width:300px; min-height:300px; padding:50px 35px;} .fs-60{font-size:40px !important;}
.BgImg,.BgImg .container-fluid{min-height:596px;}

}

@media (max-width: 767.98px) {.MainBanner h1{font-size:30px;} .MainBanner .carousel-caption {font-size:20px;}
.BgImg1,.BgImg2{border-radius:50%; background: linear-gradient(180deg, rgba(15, 121, 165, 0.9) 0%, rgba(34, 186, 167, 0.9) 100%); width:300px; min-height:300px; padding:50px 35px;} .fs-60{font-size:40px !important;}
.BgImg,.BgImg .container-fluid{min-height:596px;}#Footer h4{font-size:26px;}#Footer{font-size:16px;}

}
@media (max-width: 575.98px){
.MainBanner .Homebnr img,.MainBanner img {
    height:220px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
} .MainBanner h1{font-size:22px !important;}.MainBanner .carousel-caption {font-size:16px;} .fs-60{font-size:34px !important;}h1, .h1 {font-size:30px;}
.slick-prev{left:-10px !important;}
.slick-next{right:-10px !important;}
.BgImg1{width:310px; height:220px; min-height:310px; padding:80px 24px;} .BgImg,.BgImg .container-fluid{min-height:650px;}
.image-container .back {
        transform: rotateY(0deg);
        opacity: 1;
        visibility: visible;
    }
    .image-container .front {
        
    }
	.image-container .front, .image-container .back {
  position: static ;
 }
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}