/************************************************* Header ********************************************************************/
#Header {} 
#Header .TopLink{background:url(../images/bgtp.png) no-repeat top center; width:298px; height:68px; font-size:16px;letter-spacing:0.34px;}
#Header .TopLink a{display:inline-block; width:38px; height:38px; background:#3A4774; color:#fff; text-align:center; border-radius:50%; line-height:38px;}
#Header .TopLink a:hover{color:#3A4774;background:#fff;}
 
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption h1{font-size:75px; line-height:1;}

.ImgShade{margin-left:30px;}
 .ImgShade::after {
  content: '';
  position: absolute;
  left: -44px;
  top: -30px;
  right:0px;
  z-index: -1;
  bottom: -30px;
   width:516px;background: linear-gradient(180deg, #32BF28 0%, #0EAC93 100%);
}
.TextMrg{margin:0 20px 0px 40px; text-align:justify;}

.SerText{padding:37px; font-size:18px;}
.Heading{font-size:38px; background:#32BF28; padding:5px 15px;}
.PhnArea{background: linear-gradient(180deg, #32BF28 0%, #0EAC93 100%); font-size:25px; min-height:140px;}
.PhnArea a{color:#fff;}.PhnArea a:hover{color:#000;}

/**** Additional CSS ***/

.InnerContactForm .form-control {
    background: none;
    border: none;
    border-bottom: solid 1px #B4B4B4;
    border-radius: 0px;
    height: 60px;
    color: #5A5A5A;
    padding-left: 0px;
}
.InnerContactForm textarea.form-select {
   /* height: 130px;*/
    padding-top: 15px;
    background: none;
    border: none;
    border-radius: 0px;
    border-bottom: solid 1px #B4B4B4;
    color: #5A5A5A;
    padding-left: 0px;
}

.WhatDoArea .service-thumb{height:280px;object-fit:cover;}
.source-txt {font-size: 12px;}
.post-9.page img {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.WhatDoAreaText {display: block;min-height: 125px;}
#HomeMainBanner {line-height:20px!important;}
.wp-element-caption code {color: #575757 !important;font-weight: 400;font-size: 12px;font-family: 'Sofia Sans', sans-serif;}
#Innerpages .wp-block-image figcaption {text-align: left!important;}

/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:17px;}
#Footer a{color:#fff;}#Footer a:hover,#Footer .active a{color:#35c12e;}
#Footer .form-control{border-color:#fff; background:#fff; border-radius:10px; height:50px; color:#767676;}
#Footer textarea.form-control{height:160px;} #Footer label {color:#767676;}
.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
  background-color:#fff;}
.CopyText{font-size:15px; color:#898FA6;}  

.container-fluid {max-width:1920px;}   
 
/*************************************************************************************************************/
@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%;}
.lh-2{line-height:40px;}}

@media (min-width: 1920px){.container {max-width:1520px;} .TextMrg{margin:0 200px 0px 100px; text-align:justify;}body {font-size:20px; line-height:1.7;}
MainBanner .Homebnr .carousel-item  img {height:900px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center;}
.ImgShade::after {width:816px;}
}

@media (min-width: 1600px) and (max-width: 1919.98px) {.container {max-width:1520px;} .TextMrg{margin:0 50px 0px 20px;}body {font-size:18px; line-height:1.7;}
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){.TextMrg{margin:0 50px 0px 20px;} .WhatDoArea h4{font-size:16px!important;}
.PhnArea{font-size:22px;min-height: 130px;}
.WhatDoAreaText {display: block;min-height: 145px;}
.content-align.who-we-are-sec .wp-block-column.is-vertically-aligned-center {flex-basis: 25% !important;}
.content-align.who-we-are-sec .wp-block-column {flex-basis: 75% !important;}
.WelcomeText {font-size:35px;}
.ImgShade::after {top: -24px!important;bottom: -24px!important;}
	
}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.WhatDoArea h4{font-size:18px!important;}.SerText{padding:20px;}
.PhnArea {font-size: 22px;min-height: 130px;}
.WelcomeText {font-size:35px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
#Header .TopLink{display:none !important;}.MainBanner .carousel-caption h1{font-size:60px; line-height:1;}.MainBanner .carousel-caption {font-size:30px; line-height:35px;} .ImgShade::after {width:400px;}
.WhatDoArea h4{font-size:18px!important; height:40px;}.SerText{padding:20px; font-size:17px;}.PhnArea{font-size:41px;}
.WhatDoAreaText {min-height: 135px;display: block;}
.content-align.wp-block-columns{flex-wrap: wrap !important;}
.content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
.content-align {text-align: center;}
.ImgShade::after {top: -24px!important;bottom: -24px!important;}
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header .TopLink{display:none !important;}.MainBanner .carousel-caption h1{font-size:44px; line-height:1;}.MainBanner .carousel-caption {font-size:26px; line-height:32px;} .ImgShade::after {width:350px;}
.WhatDoArea h4{font-size:18px!important; height:unset;}.SerText{padding:20px; font-size:17px;} /*.ImgShade{margin-bottom:80px;}*/.PhnArea{font-size:30px;}
h2, .h2 {font-size:34px;}h3, .h3 {font-size:24px;}h4, .h4 {font-size:20px;}.TextMrg{margin:0 20px;}
.WhatDoAreaText {display: block;min-height: 115px;}
.content-align.wp-block-columns{flex-wrap: wrap !important;}
.content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
.content-align {text-align: center;}
.ImgShade::after {top: -24px!important;bottom: -24px!important;}
}

@media (max-width: 767.98px) {	
.container {max-width:100%;}
#Header .TopLink{display:none !important;}.MainBanner .carousel-caption h1{font-size:34px; line-height:1;}.MainBanner .carousel-caption {font-size:18px; line-height:24px;} .ImgShade::after {width:316px;}
.WhatDoArea h4{font-size:18px; height:unset;}.SerText{padding:20px; font-size:17px;} .ImgShade{margin-bottom:-9px;}.PhnArea{font-size:25px;}.TextMrg{margin:0 5px;}
h1, .h1 {font-size:40px; line-height:1.2;}h2, .h2 {font-size:34px;}h3, .h3 {font-size:24px;}h4, .h4 {font-size:20px;}
.team-images .wp-block-image .alignleft, .team-images .wp-block-image .alignright {float:unset;}
#Innerpages .wp-block-image .alignright {float: unset!important;margin: .5em 1em .5em 1em!important;}
	
}

@media (max-width: 575.98px){
.MainBanner .Homebnr .carousel-item  img {
    height:180px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.PhnArea{font-size:19px; min-height:unset;} 
.PhnArea.p-4 {padding:0.5rem!important;}

.ImgShade{margin-left:14px;}
 .ImgShade::after {
  content: '';
  position: absolute;
  left: -14px;
  top: -24px;
  right:0px;
  z-index: -1;
  bottom: -24px;
   width:216px;background: linear-gradient(180deg, #32BF28 0%, #0EAC93 100%);}
.MainBanner .carousel-caption h1{font-size:22px; line-height:1;}.MainBanner .carousel-caption {font-size:14px; line-height:20px;}
}

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