/*font-family: "Open Sans", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*font-family: "Roboto", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*font-weight : 800*/
@font-face {
    font-family: 'SquarendonExtraBold';
    src: url('../fonts/SquarendonExtraBold.eot');
    src: url('../fonts/SquarendonExtraBold.eot') format('embedded-opentype'),
         url('../fonts/SquarendonExtraBold.woff2') format('woff2'),
         url('../fonts/SquarendonExtraBold.woff') format('woff'),
         url('../fonts/SquarendonExtraBold.ttf') format('truetype'),
         url('../fonts/SquarendonExtraBold.svg#SquarendonExtraBold') format('svg');
}

:root {
    --Green: #8BC441;
    --White: #fff;
    --Gray: #5D6163;
    --Gray-2: #707476;
    --Yellow:#FFC425;
    --Yellow-Gradient: radial-gradient(101.5% 66.17% at 47.82% 50%, #FFAB52 0%, #FFC425 48%, #FFEFC4 100%);
    --Yellow-Gradient-2: radial-gradient(98.87% 64.46% at 50% 50%, #FFAB52 0%, #FFC425 48%, #FFEFC4 100%);
    --sidebar-width : 302px;
    --hero-width: 100vw;
}

html{ scroll-behavior: inherit !important;}
html, body {    overflow-x: hidden;    width: 100%;}
body {margin:0; padding:0; background:#fff; font-size:16px; -webkit-text-size-adjust: 100%;  font-family: "Open Sans", serif; font-weight: 400; color:var(--Gray);}

.mobile { display: none;}
.desktop { display: block;}
.call-div { margin: 0 26px 0 22px; text-align: center;}
.call-div p {   margin: 0;}
ol, ul {    box-sizing: border-box;    list-style: none;    padding: 0; margin: 0;}
ul li { list-style:none; }


p{
    font-family: "Open Sans", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
}

h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{ 
    font-family: 'SquarendonExtraBold';
    color: var(--Gray-2);
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase; 
    letter-spacing: 0.01em;
}

h1 , .h1{
    font-size: 45px;
    line-height: 44px;
}

h2 , .h2{
    font-size: 34px;
    line-height: 36px;
}

h3 , .h3{
    font-size: 27px;
    line-height: 32px;
}

h4 , .h4{
    font-size: 20px;
    line-height: 25px;
}


.yellow-btn, .gform_button { 
    padding: 0 22px;
    min-width: 228px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    background: var(--Yellow-Gradient-2) !important;
    font-family: 'SquarendonExtraBold';
    text-transform: uppercase;
    font-size: 16px;
    line-height: 15px;
    box-shadow: 0px 0px 17.92px 0px #D1D1D199;
    transition: all 0.33s ease;
    overflow: hidden;
    border-radius: 2px;
    color: var(--Gray);
}

.yellow-btn::before {
    content: "";
    position: absolute;
    border-radius: 2px;
    background: var(--Green) !important;
    overflow: hidden;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -9;
    opacity: 0;
    transition: all 0.66s ease; 
    transition: all 0.5s ease;
}
.yellow-btn span {
    position: relative;
    z-index: 99;
    display: block;
    width: 100%;
    height: 100%;
}

.yellow-btn:hover{
    color: var(--Gray); 
} 
.yellow-btn:hover::before {
    z-index: 9;
    opacity: 1;
}

.arrow-btn{
    position: relative;
    max-width: 433px;
    margin: 0 auto;
    text-align: center;
}
.arrow-btn .yellow-btn {
    min-width: 367px;
    box-shadow: 0px 0px 17.92px 0px #D1D1D187;
    background: var(--Yellow-Gradient) !important;
}
.arrow-btn img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.arrow-btn img.left-arrow {
    left: 0;
    animation: bounce1 900ms infinite cubic-bezier(.445,.05,.55,.95);
}
.arrow-btn img.right-arrow {
    right: 0;
    animation: bounce2 900ms infinite cubic-bezier(.445,.05,.55,.95);
}

@keyframes bounce1 {
    50%{
        transform:translate(-10px , -50%);
    }
}

@keyframes bounce2 {
    50%{
        transform:translate(10px , -50%);
    }
}


::placeholder {  color:  var(--Gray-2);  opacity: 1;}
:-ms-input-placeholder {  color:  var(--Gray-2);  opacity: 1; }
::-ms-input-placeholder { color:  var(--Gray-2);  opacity: 1; }
::placeholder {   color: var(--Gray-2);   opacity: 1;} 



img{height:auto;max-width: 100%}
button:focus{outline:none}
textarea { resize:none; }
a{transition: all 0.33s linear;  text-decoration: none;}
a:focus{outline: none;}
a:hover { text-decoration:none; color: #131313;}

body{    overflow-x: hidden; } 
.lines-button { border-radius: 0.57143rem; cursor: pointer; padding: 16px 0px; position: absolute; right: 16px; top: 0; transition: all 0.3s ease; z-index:99; display:none; }
.lines-button:hover { opacity: 1; }
.lines { background: #fff; border-radius: 0.28571rem; display: inline-block; height: 2px; position: relative; transition: all 0.3s ease 0s; width: 40px; }
.lines:before, .lines:after { background: #fff; border-radius: 0.28571rem; content: ""; display: inline-block; height:2px; left: 0; position: absolute; transform-origin: 0.28571rem center 0; transition: all 0.3s ease 0s; width: 40px; }
.lines:before { top: 7px; }
.lines:after { top: -7px; }
.lines-button:hover .lines:before { top: 7px; }
.lines-button:hover .lines:after { top: -7px; }
.lines-button.x2.meanclose .lines:before, .lines-button.x2.meanclose .lines:after {-webkit-transform: none; transform: none; top: 0;}
.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after { -webkit-transform: none; transform: none; top: 0;  }
.main_menu {float: left;position: relative;text-align: center; z-index: 500;transition: all 0.3s ease 0s;}
.main_menu ul { padding:0px; margin:0px; }
.main_menu  > ul > li { float: left; list-style: outside none none; margin-left: 0px; position: relative;}
.main_menu > ul > li > a {  display: block; text-decoration: none;  /*transition: none; */   margin-bottom: 0px; position: relative;  color: var(--White) !important; font-size: 16px;   font-style: normal;  font-family: "Open Sans", serif ; font-weight: 700; line-height: 22px ;text-transform: uppercase;  letter-spacing: 0.02em; padding: 10px 10px;}
.main_menu > ul > li.menu-item-has-children > a{ padding-right:20px !important;padding-right:24px !important;  }
.main_menu > ul > li > ul li a {    padding: 10px 16px; color: var(--Gray);  font-size: 16px;  font-style: normal; font-weight: 700; line-height: 21.79px; letter-spacing: 0.02em; text-transform: uppercase;}

.main_menu > ul > li > ul li a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--Yellow-Gradient);
    transition: all 0.66s ease;
    opacity: 0;
    z-index: -1;
    margin: 0;
}
.main_menu > ul > li > ul li a:hover::before , .main_menu > ul > li > ul li:hover a::before{
    opacity: 1;
}

.main_menu  > ul > li > a:hover { text-decoration:none; }
.main_menu  > ul > li > a.last { border:none; }
.main_menu  > ul > li:hover > a { text-decoration:none; color: #1A1A1A; position: relative;z-index: 99;}
.main_menu  > ul > li:hover > a .sub { color:#000; }
.main_menu  > ul > li.current_page_item > a { text-decoration:none;  color:#fff;border-color:#fff}
.main_menu  > ul > li.current-menu-parent > a,.main_menu  > ul > li.current-menu-ancestor > a,.main_menu  > ul > li.current-menu-item > a   {color:#0093BB}
.main_menu  > ul > li.current_page_item > li.current_page_item > a,.main_menu  > ul > li.current-menu-ancestor > ul > li.current-menu-parent > a,.main_menu  > ul > li > ul > li > ul > li.current-menu-item > a {background:#0093BB;color:#fff;}
.main_menu  > ul > li.current-product_cat-ancestor > li.current-product_cat-ancestor > a,.main_menu  > ul > li.current-product_cat-ancestor > ul > li.current-product_cat-ancestor > a,.main_menu  > ul > li > ul > li > ul > li.current-product_cat-ancestor > a {color:#fff;}
.main_menu  > ul > li.current-product_cat-ancestor > a{color:#fff;background:#0093BB}

.main_menu  ul > li:hover > a, .main_menu > ul > li.current-menu-item > a {  transition: all 0.3s linear; color: #fff; }


/* submenus */
.main_menu ul ul {top:100%;    background: #fff; pointer-events: none; z-index: 1000;    min-width: 282px;  width: auto;border-radius: 2px;  position:absolute; padding:0px; margin:0px; visibility: hidden; display:block; text-align:left; opacity: 0; -webkit-transition: all .03s ease; -moz-transition: all .03s ease; -ms-transition: all .03s ease; -o-transition: all .03s ease; transition: all .03s ease; border: none; box-shadow: 0px 4px 40px 0px #35353533;}
.main_menu ul ul li { display:block; position:relative;}
.main_menu ul ul li a { padding:24px 34px; display:block;    font-size: 18px;    font-style: normal;    font-weight: 400;    line-height: normal;    text-transform: uppercase;}
.main_menu ul ul a:hover { text-decoration:none; }
.main_menu li:hover > ul { opacity: 1; visibility: visible; transition-delay: 0s; pointer-events: auto;}
.main_menu > ul > li > ul > li:first-child { border-top:0px; }
.main_menu > ul > li > ul > li:first-child li:first-child { border-top:0px; }
.main_menu ul ul ul { padding-top:0px; left:100%; top:0px;}
.main_menu ul ul li:first-child > ul { top:0px; border-top:0px; }
.main_menu > select { display:none; }
a.meanmenu-reveal { display: none; }
.mean-bar { float: left;  position: relative; width: 100%; z-index: 99; }
a.meanmenu-reveal {  position: absolute; top: 0; right: 0;  cursor: pointer;  color: #fff; text-decoration: none; font-size: 13px; text-indent: -9999em; line-height: 22px; font-size: 1px; font-weight: 700; display:none!important; }
a.meanmenu-reveal span { display: block;  }
.mean-nav { background: #fff; float: left; position: absolute; top: 29px; width: 100%; }
.mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none;  }
.mean-nav ul li { position: relative; float: left; width: 100%; }

.main_menu > ul > li > a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--Yellow-Gradient);
    transition: all 0.66s ease;
    opacity: 0;
    z-index: -1;
    margin: 0;
}

body .main_menu ul > li > a:hover, body .main_menu ul > li:hover > a, .main_menu > ul > li.current-menu-item > a {  color: var(--Gray) !important;  background-color: transparent; }
body .main_menu ul > li > a:hover::before, body .main_menu ul > li:hover > a::before, .main_menu > ul > li.current-menu-item > a::before{ opacity: 1; }

.main_menu > ul > li > ul > li.current-menu-item > a::before{
    opacity: 1;
}

header .main_menu ul.navbar-nav > li:hover > a, header .main_menu ul.navbar-nav > li > a:hover {  color: #131313 !important;}

.mean-nav ul li a { display: block; float: left; width: 100%; padding:10px 20px; margin: 0;color:#1A1A1A;font-size: 18px;line-height: 155.556%; min-height: 80px; display: grid;align-items: center;     text-transform: uppercase;}
.mean-nav ul li li a { width:100%; padding:8px 25px; opacity: 1; text-shadow: none !important; visibility: visible; letter-spacing: 0.54px; }
.mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
.mean-nav ul li li li a {padding: 7px 30px;width: 100%;}
.mean-nav ul li li li li a { width: 60%; padding: 14px 20%; }
.mean-nav ul li li li li li a { width: 50%; padding: 14px 25%; }
.mean-nav ul li a.mean-expand { width: 76px; height: 39px; border: none !important; padding: 6px 5px 3px 5px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; background-color: transparent;  box-shadow: none; font-size: 0!important; transition: all 0.5s ease;  box-shadow: none;}
/*.mean-nav  > ul > li.current_page_item > a, .mean-nav  > ul > li > ul > li > ul > li.current_page_item > a {  background: #FF0B2C !important; color: #1A1A1A !important; }*/
.mean-nav  > ul > li.current-menu-item > ul > li.current-menu-item > a {     background: #FF0B2C; color: #1A1A1A;box-shadow: 0px 1px 24px 0px rgba(26, 26, 26, 0.14); }
/*.mean-nav  > ul > li.current-menu-item > a {     background: #FF0B2C; color: #1A1A1A;box-shadow: 0px 1px 24px 0px rgba(26, 26, 26, 0.14); }*/
.main_menu  > ul > li.menu-item-has-children > a {display: grid; grid-template-columns: max-content max-content; align-items: center; /*menu down*//* grid-column-gap: 11px; */}
.main_menu > ul > li.menu-item-has-children > a::after {    background-image: url("../images/down.svg");    background-repeat: no-repeat;   background-position: center;    content: "";    width: 7px; height: 100%;   transition: all 0.5s ease;  border: none;   margin: 0;  right: 4px; position: absolute; background-size: contain; top: 0px; right: 12px;}
.main_menu  > ul > li.current-menu-item > a:after { background-image: url("../images/down2.svg") !important; background-repeat: no-repeat; background-position: center; transform: rotate(180deg);}
.main_menu  > ul > li.menu-item-has-children:hover > a:after{ background-image: url("../images/down2.svg"); background-repeat: no-repeat; background-position: center;}
/* .fixnav .main_menu  > ul > li.menu-item-has-children > a:after { transform:rotate(180deg); } */
.mean-nav ul li a.mean-expand.mean-clicked{transform: rotate(180deg);}  
header .navigation > ul { display: grid;grid-auto-flow: column;grid-column-gap: 0; }
body.transparent header {    background: transparent;}
body.fixnav header{   box-shadow: 0px 4px 28px 0px #C7C7C747; }
body:not(.remove-bar).fixnav header{
     transform: translateY(-50px);
}

header .logo img {    
    max-width: 197px;
    width: 100%;
    object-fit: contain;
}


header {      position: fixed;     transition: all 0.33s linear;   left: 0;    right: 0;    top: 0;    width: 100%;    z-index: 999; background: var(--Green) ; box-shadow: none;}

.price-list-wrp {  margin-top: 168px;}
.content{margin-top: 0;}
body.remove-bar .content {
    transition: all 0.3s linear;
}
body.remove-bar .price-list-wrp {
    margin-top: 118px;
    transition: all 0.3s linear;
}

footer {
    position: relative;
    padding: 46px 0 42px;
    background-color: var(--Green);
}
footer .container {
    max-width: 1048px;
}
footer h2 {
    font-size: 46px;
    line-height: 45px;
    color: var(--Yellow);
    margin-bottom: 0;
	color: var(--Gray-2);
}
footer h3 {
    font-family: "Open Sans", serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 45px;
    letter-spacing: -0.02em;
    color: var(--White);
    margin: 0;
}

footer .footer-row {
    column-gap: 15px;
    padding-top: 33px;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.footer-row2 ul li a,.footer-row2 p {
    font-family: "Open Sans", serif;
    font-weight: 600;
    font-size: 12.8px;
    line-height: 19.2px;
    letter-spacing: 0;
    color: var(--White);
    margin: 0;
    display: block;
}

footer .f-social-list a {
    position: relative;
    width: 28.57px;
    height: 28.57px;
    display: block;
    transition: 0.3s ease;
}
footer .f-social-list a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    visibility: visible;
}
footer .f-social-list a img.hover {
    display: block;
    opacity: 0;
    z-index: 2;
    visibility: visible;
    transition: 0.3s ease;
}
footer .f-social-list a:hover img.hover {
    opacity: 1;
    visibility: visible;
}

.f-logo {   max-width:182px;    margin: 0 auto 25px;}
footer ul.f-social-list {    display: flex;  justify-content: center;    grid-column-gap: 9px; }
.f-cnt p {
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-family: 'AeroportBold';
    font-size: 23px;
    line-height: 38px;
    letter-spacing: -0.05em;
}
.f-cnt a {
    color: #000000;
    /*width: 100%;*/
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.05em;
    text-align: center;
}

.f-cnt span {
    color: #131313;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.25px;
    font-weight: 500;
}
.f-cnt {
    text-align: center;
}
.col-in {
    text-align: left;
    max-width: 188px;
}
.col-in h5 {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 21px;
    color: var(--Yellow);
	color: var(--Gray-2);
}
.col-in ul li a {
   font-family: "Open Sans", serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: var(--White);
    display: block;
}
.col-in ul li a:hover, .footer-row2 ul li a:hover, .footer-row2 a.power-by:hover, .contact-ftr .contact:hover {
    color: var(--Yellow);
}
.col-in ul li {
    margin-bottom: 0;
}
.footer-row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 36px;
}
.footer-row2 ul {
    display: flex;
    gap: 20px;
}
.footer-row2 ul li{
    position: relative;
}
.footer-row2>ul li:not(:last-child)::after {
    position: absolute;
    content: "|";
    color: var(--White);
    top: -3px;
    right: -11px;
    line-height: normal;
    width: 5px;
}
.contact-ftr {
    display: flex;
    gap: 36px;
    align-items: center;
    margin-bottom: 5px;
}
.contact-ftr .contact {
    font-family: 'SquarendonExtraBold';
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 0;
    color: var(--White);
    display: block;
}



/* fixnav */
.logged-in #main__header {  top: 32px;}

.slick-slider .slick-next, .slick-slider .slick-prev {
    opacity: 1;
    z-index: 9;
}
.slick-slider .slick-next, .slick-slider .slick-prev {
    background: url(../images/slider-prev.svg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 24px;
    height: 48px;
}
.slick-slider .slick-prev {
    left: -53px;
}
.slick-slider .slick-next {
    transform: rotateY(-180deg) translate(0,-50%);
    right: -53px;
}
.slick-slider .slick-next:before, .slick-slider .slick-prev:before{
    display: none;
}


.form-wrp {
    background-color: var(--Green);
    border-radius: 2px;
    box-shadow: 0px 1px 11px 0px #92929287;
}
.gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address{
    display: grid;
    grid-template-columns: repeat(12, 1fr);    
}
.gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address span {
    grid-column: span 6;
}
.gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address .gf_clear{
    display: none;
}
.gform_wrapper.gravity-theme .gform_fields , .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address {
    grid-row-gap: 34px !important;
    grid-column-gap: 40px !important;
}
.gform_wrapper.gravity-theme .gfield input,.gform_wrapper.gravity-theme .gfield select,.gform_wrapper.gravity-theme .gfield textarea{
  background-color: #fff;
  color: var(--Gray-2);
  border: 2px solid #FFFFFF;
  border-radius: 2px;
  padding: 9px 21px 10px !important;
  box-shadow: none;
  font-family: "Open Sans", serif;
  font-weight: 400;
  font-size: 15px !important;
  line-height: 25px !important;
  letter-spacing: 0.16px;
  transition: all 0.33s ease;
}
.gform_wrapper.gravity-theme .gfield input:focus,.gform_wrapper.gravity-theme .gfield select:focus,.gform_wrapper.gravity-theme .gfield textarea:focus{
  outline: none;
  border-color: var(--Yellow);
  box-shadow: 0px 1px 27px 0px #E9E9E9BA;
}
.gform_wrapper.gravity-theme .gform_validation_errors{display:none!important}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0;
    text-align: left;
}
.form-wrp .gform_wrapper.gravity-theme .gfield--input-type-address label{
    display: none;
}

.form-wrp .gform_wrapper.gravity-theme .gfield textarea {
    height: 172px !important;
    display: block;
}
.form-wrp .gform_wrapper.gravity-theme .gfield_label{
   font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.06em;
    margin-bottom: 4px;
    color: var(--White);
    margin-top: -12px;
    display: block;
    text-transform: uppercase;
}
.form-wrp .gform_wrapper.gravity-theme .gfield--type-fileupload .gfield_label{
    display: inline-block;
}
.form-wrp .gform_wrapper.gravity-theme .gfield_label .gfield_required_text {
    display: none;
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    font-size: 12px !important;
    line-height: 1.2 !important;
}
.form-wrp .gform_wrapper.gravity-theme .gform_fileupload_rules{
    display: none;
}
.form-wrp .gform_confirmation_message {
    color: #fff !important;
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
}
.form .ginput_recaptcha div {
    z-index: 999999!important;
}
.form .gform_required_legend {
  display: none;
}
.form .gfield--type-captcha label,.form .instruction,.form .gform_wrapper.gravity-theme .gform_validation_errors {
    display: none!important;
}
.gform_wrapper.gravity-theme .gfield select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(../images/select-down.svg);
    background-repeat: no-repeat;
    background-position: center right 34px;
    background-size: 11px;
}
.form-wrp .gform_wrapper.gravity-theme .gfield input#input_3_11 , .form-wrp .gform_wrapper.gravity-theme .gfield input#input_2_17 {
    background-image: url(../images/upload-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left 18px center !important;
    background-size: 12px !important;
    padding-left: 39px !important;
    text-transform: capitalize;
}

.gform_wrapper.gravity-theme .gform_footer {
    justify-content: center;
    margin: 31px auto 0 !important;
    padding: 0 !important;
    position: relative;
    align-items: center;
    overflow: hidden;
    max-width: 255px;
    height: 42px;
    box-shadow: 0px 0px 17.92px 0px #D1D1D187;
}
.gform_wrapper.gravity-theme .gform_footer::before {
    content: "";
    position: absolute;
    background: var(--Yellow-Gradient-2) !important;
    overflow: hidden;
    height: 100%;
    width: 100%;
    top: 0;
    transition: all 0.66s ease;
}
.gform_wrapper.gravity-theme .gform_footer::after {
    content: "";
    position: absolute;
    background: #fff;
    height: 100%;
    width: 100%;
    top: 0;
    transition: all 0.3s ease;
    opacity: 0;
    transition: all 0.6s ease;
}
.gform_wrapper.gravity-theme .gform_footer:hover::after {
    opacity: 1;
}
body .gform_wrapper.gravity-theme .gform_footer:hover input{
     color: var(--Gray) !important;
}
body .gform_wrapper.gravity-theme .gform_footer:hover input::placeholder {
    color: var(--Gray) !important;
}
.gform_wrapper.gravity-theme .gform_footer .gform_button{
    border: none;
    margin-bottom: 0;
    background: transparent !important;
    z-index: 9;
    transition: all 0.66s ease ;
    min-width: 100%;
    line-height: 15px !important;
    min-height: 42px !important;
}

.form-wrp .gform_wrapper.gravity-theme .ginput_container_address {
    margin: 0 !important;
}
.form-wrp .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address span {
    margin: 0 !important;
    padding: 0 !important;
}

.form-sec .form-wrp .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address span.address_state , .form-sec .form-wrp .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address span.address_zip{
    grid-column: span 3;
}

.nav-link:focus, .nav-link:hover {
    color: #fff;
}


/*inner pages*/
.modal {
    z-index: 99999999;
}
.modal-dialog {
    max-width: 1099px;
    width: 100%;
    z-index: 99999999;
}
.modal-dialog .modal-content {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 21px 0px #C7C7C74D;
    border-radius: 4px;
    border: none;
    overflow: hidden;
}
.modal-dialog .modal-body {
    padding: 0px 0px;
}
.modal-dialog .close-btn {
    position: absolute;
    top: 8px;
    right: 9px;
    border: none;
    background: var(--Red-Gradient-2);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transition: 0.3s ease;
}
.modal-dialog .close-btn span{
    display: none;
}
.modal-dialog .close-btn:before {
    content: '';
    background: url(../images/modal-close-icon.svg) no-repeat center;
    background-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-dialog .close-btn:hover {
    box-shadow: 0px 0px 0px 3px rgba(237, 28, 36, 0.3);
}

body.modal-open header {
    z-index: 999 !important;
}



.pagination {
    justify-content: center;
    align-items: center;
    position: relative;
}
.pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.pagination ul li a, .pagination ul li span {
   font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0;
    padding: 5px 13px;
    display: block;
    color: var(--Green);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination ul li.active span {
    background: var(--Green);
    border-radius: 2px;
    color: #fff;
}
.pagination ul li.next-arrow {
    right: 0;
    position: absolute;
}
.pagination ul li.prev-arrow{
    left: 0;
    position: absolute;
}
.pagination ul li.next-arrow a , .pagination ul li.prev-arrow a{
    padding: 0;
    gap: 8px;
}
.pagination ul li.next-arrow a:hover , .pagination ul li.prev-arrow a:hover{
    text-decoration: underline;
}


.meta_social_btns {
    display: flex;
    gap: 13px;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.meta_social_btns a {
    position: relative;
    width: 31.36px;
    height: 31.36px;
    display: block;
    transition: 0.3s ease;
}
.meta_social_btns a img {
    filter: drop-shadow(0px 5.02px 42.65px #01072326);
}
.meta_social_btns a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    visibility: visible;
}
.meta_social_btns a img.hover {
    display: block;
    opacity: 0;
    z-index: 2;
    visibility: visible;
    transition: 0.3s ease;
}
.meta_social_btns a:hover img.hover {
    opacity: 1;
    visibility: visible;
}
.meta_social_btns a .copy-to-clipboard, .meta_social_btns a .copy-to-clipboard2 {
    position: absolute;
    left: 30px;
    top: 6px;
    min-width: 110px;
    font-size: 14px;
    margin-left: 10px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    text-align: left;
}
.meta_social_btns a .copy-to-clipboard2 {
    color: var(--Gray);
}


.cms-cnt {
    padding: 53px 0 42px;
}
.cms-cnt h1 {
    margin-bottom: 34px;
    text-transform: none;
}
.cms-cnt p , .cms-cnt li{
    font-family: "Open Sans", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.16px;
    color: var(--Gray);
}
.cms-cnt p{
    margin-bottom: 25px;
}
.cms-cnt a{
    color: inherit;
    word-break: break-all;
}
.cms-cnt a:hover{
    text-decoration: underline;
}
.cms-cnt strong, .cms-cnt b {
    text-transform: capitalize;
    font-weight: 800;
}
.cms-cnt ul, .cms-cnt ol {
    padding-left: 20px;
    margin-bottom: 25px;
}
.cms-cnt ul li {
    list-style: disc;
}


.page-not-found {
    padding: 143px 0 166px;
    background: url(../images/404.png) no-repeat;
    background-size: 80%;
    background-size: 1134px;
    background-position: top 67px center;
}
.page-not-found h1 {
    margin-bottom: 13px;
    text-transform: capitalize;
}
.page-not-found p {
    max-width: 732px;
    margin: 0 auto 13px;
}
.page-not-found ul {
    display: grid;
    column-gap: 33px;
    max-width: 808px;
    margin: 0 auto;
    grid-template-columns: max-content max-content max-content;
    justify-content: space-around;
    text-align: left;
}
.page-not-found ul li a {
    color: var(--Gray);
    text-decoration: underline;
    text-transform: uppercase;
    font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 44px;
    letter-spacing: 0.02em;
}
.page-not-found ul li a:hover{
    color: var(--Green) ;
}
.form-wrp .gform_ajax_spinner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: auto;
}




.main_menu ul li ul {
    overflow-y: auto;
    max-height: 75vh;
}
.main_menu ul li ul::-webkit-scrollbar {width: 12px;}

.main_menu ul li ul::-webkit-scrollbar-track {background: transparent}

.main_menu ul li ul::-webkit-scrollbar-thumb {background-color: white; border-radius: 6px; border: 2px solid #f0f0f0;}

#wpadminbar {
    z-index: 99999999999;
}



/*home page design */
.mean-nav .yellow-btn.mobile{
    display: none !important;
}

.announcement-bar {
    box-shadow: 0px 0px 10px 0px #91919157;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 23px 6px;
    column-gap: 8px;
}
.announcement-bar p {
    margin: 0;
    color: var(--White);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    max-width: 906px;
    margin-right: auto;
}
.announcement-bar img.close-icon {
    cursor: pointer;
}

header .top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 10px 0px #91919157;
    background-color: var(--White);
    padding: 5px 20px 7.33px;
}
header .top-header .contact {
    font-family: 'SquarendonExtraBold';
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 0;
    color: var(--Green);
    display: block;
    -webkit-text-stroke: 1px var(--Gray);
}
header .top-header .contact:hover{
    color: var(--Gray);
}

header .bottom-header .yellow-btn {
    min-width: auto;
    max-width: 226px;
    box-shadow: 0px 0px 17.92px 0px #82828233;
    border-radius: 0;
}
header .bottom-header .main_menu>ul {
    display: flex;
    gap: 32px;
    margin: 0 auto;
}
header .mean-nav .yellow-btn{
    display: none;
}

.hero-home {
    position: relative;
    padding: 0;
    text-align: center;
    overflow: hidden;
    padding-bottom: 41px;
}
.hero-home .container-fluid {
    padding: 0;
    margin: 0;
}
.hero-home .col-md-5 {
    width: 47.162%;
    align-items: center;
    display: flex;
}
.hero-home .col-md-7 {
    width: 52.838%;
}
.hero-home .left-wrp {
    max-width: 380px;
    margin: 0 auto;
    padding: 40px 0;
    max-width: 433px;
}
.hero-home h1 {
    margin-bottom: 20px;
}
.hero-home .pricing-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 7px;
}
.hero-home .pricing-wrp .pricing-in {
    border: 1.5px solid var(--Green);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 175px;
    width: 100%;
}
.hero-home .pricing-wrp .pricing-in h4 {
    background-color: var(--Green);
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 25px;
    margin: 0;
    padding: 3px 10px;
    color: var(--Gray);
    text-transform: capitalize;
}
.hero-home .pricing-wrp .pricing-in p {
    font-family: 'SquarendonExtraBold';
    font-size: 33px;
    line-height: 45px;
    letter-spacing: -0.02em;
    color: var(--Gray-2);
    margin: 0;
    padding: 12px 8px 9px;
}
.hero-home .pricing-wrp .pricing-in p span {
    font-family: "Open Sans", serif;
    font-weight: 800;
    font-size: 15px;
    line-height: 37px;
    letter-spacing: -0.03em;
    margin-left: 2px;
}
.hero-home .sml-txt , .hero-home .bottom-cnt span{
    font-family: "Open Sans", serif;
    font-weight: 800;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: var(--Gray-2);
    display: block;
}
.hero-home .bottom-cnt {
    max-width: 380px;
    margin: 0 auto;
}
.hero-home .bottom-cnt p {
    font-size: 9px;
    line-height: 15px;
    color: var(--Gray);
    margin: 0;
}
.hero-home .bottom-cnt p span{
    color: var(--Gray);
}
.hero-home .arrow-btn {
    margin-top: 38px;
    margin-bottom: 39px;
}
.hero-home .right-wrp {
    box-shadow: 0px 4px 40px 0px #35353533;
    border-radius: 2px;
    overflow: hidden;
}
.hero-home .right-wrp img {
    min-height: 639px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.page-intro{
    text-align: center;
    padding: 30px 0 23px;
}
.page-intro .container , .full-width-content .container{
    max-width: 838px;
}
.page-intro h2 {
    margin-bottom: 5px;
}
.page-intro .logo-wrp {
    margin-top: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.full-width-content .img-wrp {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
}
.full-width-content .img-wrp img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
}
.full-width-content .inner-wrp {
    padding: 60px 0 31px;
    text-align: center;
}
.full-width-content .inner-wrp h2 {
    margin-bottom: 6px;
}
.full-width-content .inner-wrp p {
    margin-bottom: 21px;
}

.features{
    padding: 55px 0px 35px;
}

.features.green-bg {
    padding: 164px 0 109px;
    position: relative;
    background-color: var(--Green);
}
.features.green-bg::after {
    position: absolute;
    content: "";
    background: url(../images/bg-rays.png) no-repeat;
    background-size: cover;
    background-position: top center;
    top: 15px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.features .row , .lcri-sec .row , .areas-we-service-sec .row , .why-choose-us .row , .dt-sec:not(.no-bg) .row{
    position: relative;
    z-index: 2;
}
.features.green-bg::before , .lcri-sec::before , .areas-we-service-sec::before , .why-choose-us::before , .dt-sec:not(.no-bg)::before{
    position: absolute;
    content: "";
    background: url(../images/green-shape-bg.png) no-repeat top;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-color: #fff;
    height: 300px;
    top: -1px;
}
.feature-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.feature-list .feature-item {
    box-shadow: 0px 1px 11px 0px #92929287;
    border-radius: 2px;
    text-align: center;
    position: relative;
    width: calc((100% - (15px* 4)) / 5);
    transition: all 0.3s linear;
    overflow: hidden;
    background-color: var(--White);
}
.feature-list .feature-item .feature-item-inn{
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 42px 12px 92px;
}
/*.feature-list .feature-item::after{
    position: absolute;
    content: "";
    background: var(--Yellow-Gradient);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
}*/
.feature-list .feature-item .icon-wrp {
    height: 63px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.feature-list .feature-item .icon-wrp img{
    object-fit: contain;
    object-position: center;
    transition: opacity 0.3s linear;
    position: absolute;
}
.feature-list .feature-item .icon-wrp img.hover-icn{
    opacity: 0;
}
/*.feature-list .feature-item:hover .icon-wrp img.hover-icn{
    opacity: 1;
}
.feature-list .feature-item:hover .icon-wrp img:not(.hover-icn){
    opacity: 0;
}*/
.feature-list .feature-item h4 {
    transition: all 0.3s linear;
    max-width: 88%;
    margin: 0 auto 6px;
    min-height: 75px;
}
.feature-list .feature-item p {
    transition: all 0.3s linear;
    font-weight: 600;
}
.feature-list .feature-item .yellow-btn {
    min-width: auto;
    width: 100%;
    bottom: 42px;
    position: absolute;
    max-width: 180px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 16px;
}
/*.feature-list .feature-item:hover::after{
    opacity: 1;
    visibility: visible;
}
.feature-list .feature-item:hover h4 , .feature-list .feature-item:hover p{
    color: var(--White);
}*/


.lcri-sec {
    padding: 83px 0 75px;
    position: relative;
    /*background: url(../images/rays-top.png) no-repeat center;
    background-size: cover;
    background-position: top 23px center;*/
    background-color: var(--Green);
    overflow: hidden;
}

.lcri-sec::after {
    position: absolute;
    content: "";
    background: url(../images/rays-top.png) no-repeat center;
    background-size: cover;
    background-position: top center;
    top: 15px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    top: 11px;
}

.lcri-sec .row {
    align-items: flex-end;
}
.lcri-sec h2.main-title {
    margin-bottom: 20px;
    color: var(--White);
}
.lcri-sec p {
    margin-bottom: 26px;
    color: var(--White);
    font-weight: 600;
}
.lcri-sec .left-wrp {
    max-width: 474px;
    margin-right: auto;
    margin-bottom: 21px;
}
.lcri-sec .img-wrp {
    max-width: 387.61px;
    margin-left: auto;
}
.lcri-sec .img-wrp img {
    object-fit: contain;
}
.lcri-sec .yellow-btn::before , .areas-we-service-sec .yellow-btn::before{
    background-color: var(--White) !important;
}


.cta {
    position: relative;
    padding: 33px 0 80px;
    text-align: center;
    background: #FFFFFFC2;
    overflow: hidden;
}
.testimonials-sec + .cta{
    margin-top: -102px;
    padding-top: 128px;
}
.cta::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.cta .cta-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.cta .cta-bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.cta .cta-bg img.mobile{
    display: none;
}
.cta .cta-wrp {
    max-width: 474px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.cta .cta-wrp img {
    margin-bottom: 19px;
    max-width: 329px;
    object-fit: contain;
}
.cta .cta-wrp h2 {
    margin-bottom: 16px;
}
.cta .cta-wrp p {
    font-weight: 600;
}
.cta .cta-wrp .yellow-btn {
    margin-top: 12px;
}

.areas-we-service-sec {
    position: relative;
    padding: 126px 0 71px;
    background-color: var(--Green);
}
.areas-we-service-sec::after {
    position: absolute;
    content: "";
    background: url(../images/area-rays.png) no-repeat;
    background-size: cover;
    background-position: top center;
    top: 6px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.areas-we-service-sec .location-list-wrp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    column-gap: 30px;
    margin-bottom: 46px;
}
.areas-we-service-sec h2{
    text-align: center;
}
.areas-we-service-sec .heading h2 {
    text-align: center;
    padding: 11px 30px 14px;
    color: var(--White);
    margin-bottom: 26px;
}
.areas-we-service-sec h2.call-title {
    color: var(--Gray);
    margin-bottom: 6px;
}
.areas-we-service-sec h4 {
    margin-bottom: 13px;
    color: var(--Yellow);
    -webkit-text-stroke: 1px var(--Gray-2);
    text-align: center;
}
.areas-we-service-sec .map-list-wrp {
    padding-top: 54%;
    position: relative;
    margin: 0 0 6px;
}
.areas-we-service-sec .map-preview {
    transition: all 0.3s linear;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.areas-we-service-sec .map-preview img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
/*.areas-we-service-sec .map-preview.active {
    transition: all 0.3s linear;
    opacity: 1;
}*/
.areas-we-service-sec ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 45px;
    row-gap: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
}
.areas-we-service-sec .location-wrp:first-child ul{
    column-gap: 61px;
}
.areas-we-service-sec .location-wrp:last-child ul{
    justify-content: flex-end;
}
.areas-we-service-sec ul li {
    max-width: 212px;
    width: 100%;
}
.areas-we-service-sec ul li a {
    display: inline;
    font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: var(--White) !important;
    text-transform: uppercase;
}
.areas-we-service-sec ul li a:hover{
    color: var(--Yellow) !important;
}
.areas-we-service-sec .action-btn {
    text-align: center;
}

.our-services{
    padding: 100px 0 40px;
}
.our-services .top-wrp {
    display: flex;
    align-items: flex-end;
    max-width: 1094px;
    margin: 0 auto;
    margin-bottom: 45px;
    gap: 53px;
}
.our-services .top-wrp .cnt {
    margin-bottom: 28px;
}
.our-services .top-wrp img {
    border-radius: 2px;
    max-width: 513px;
}
.our-services .top-wrp h2 {
    margin-bottom: 11px;
}
.our-services .top-wrp .cnt p:last-child{
    margin-bottom: 0;
}
.our-services .bottom-wrp {
    text-align: center;
}
.our-services .bottom-wrp .feature-list {
    margin-bottom: 41px;
}


.testimonials-sec{
    padding: 80px 0 30px;
    z-index: 2;
    position: relative;
}
.testimonials-sec .container-fluid {
    padding: 0;
}
.testimonials-sec h2 {
    text-align: center;
    margin-bottom: 19px;
    font-size: 38px;
}
.testimonials-sec .review-slider {
    padding-left: 100px;
}
.testimonials-sec .slick-track {
    display: flex;
}
.testimonials-sec .slick-list {
    padding-right: 100px;
    padding-right: 7.81vw;
}
.testimonials-sec .review-item {
    box-shadow: 0px 1px 11px 0px #92929287;
    background-color: var(--White);
    border-radius: 2px;
    margin: 10px 8.5px;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 88px 47px 35px 29px;
    transition: all 0.3s linear;
}
.testimonials-sec .review-item h3 {
    font-size: 34px;
    line-height: 36px;
    color: var(--Yellow);
    -webkit-text-stroke: 1px var(--Gray-2);
    margin-bottom: 5px;
    max-width: 334px;
}
.testimonials-sec .review-item p {
    font-weight: 700;
    transition: all 0.3s linear;
}
.testimonials-sec .review-item .star-wrp {
    max-width: 147px;
    margin-top: auto;
}
.testimonials-sec .review-item .star-wrp img{
    object-fit: contain;
    width: 100%;
}
.testimonials-sec .review-item .icon-wrp {
    position: absolute;
    right: 0;
    top: 0;
}
.testimonials-sec .review-item .icon-wrp img{
    object-fit: contain;
}
.testimonials-sec .slick-slider .slick-prev {
    left: 46px;
}
.testimonials-sec .slick-slider .slick-next{
    display: none !important;
}
.testimonials-sec .review-item:hover{
    background-color: var(--Green);
}
.testimonials-sec .review-item:hover p{
    color: var(--White);
}


body.macOS header .top-header .contact {
    margin-top: 6px;
}
.lcri-sec .img-wrp{
    position: relative;
    margin-bottom: 60px;
}
.lcri-sec .img-wrp img{
    z-index: 1;
    margin: 0 auto;
    display: block;
    position: relative;
    object-fit: contain;
    max-width: 276.28px;
}
.lcri-sec .img-wrp::after {
    position: absolute;
    content: "";
    background: url(../images/drop-back.svg) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 100%;
    transition: all 0.3s linear; 
    animation: rotate 8s infinite linear; 
    left: 0;
    right: 0;
    top: 80px;
}

@keyframes rotate {
    0%{ 
        transform: rotate(0deg); 
    }
    100%{ 
        transform: rotate(360deg); 
    }

}


/*inner pages start*/
/* price wrp start */
.price-list-wrp { 
    padding: 14px 0; 
    box-shadow: 0px 4px 20px 0px #3535351a;
    background-color: var(--White);
    text-align: center; 
    position: relative; 
    z-index: 2;
}
.price-list-wrp .container {
    max-width: 1204px;
}
.price-list-wrp .pricing-lists { 
    display: flex; 
    align-items: center; 
    justify-content: space-around; 
    gap: 26px;
}
.price-list-wrp .pricing-list { 
    display: flex; 
    align-items: center; 
    background-color: var(--Green); 
    border: 1.5px solid var(--Green); 
    border-radius: 2px; 
}
.price-list-wrp .pricing-list h4 {
    font-size: 17px; 
    line-height: 45px;
    color: var(--Gray); 
    margin: 0; 
    padding: 1px 20px;
    text-transform: capitalize; 
}
.price-list-wrp .pricing-list p { 
    font-family: 'SquarendonExtraBold'; 
    font-size: 33px; 
    line-height: 45px; 
    letter-spacing: -0.02em;  
    margin: 0; 
    background-color: #ffffff; 
    padding: 1px 8px;  
    color: var(--Gray-2);
}
.price-list-wrp .pricing-list span {
    font-family: "Open Sans";
    font-weight: 800;
    font-size: 15px;
    line-height: 37px;
    letter-spacing: -0.03em; 
}
.price-list-wrp .col-md-12 {
    align-items: center;
    justify-content: center;    
    display: flex;
    flex-wrap: wrap;
}
.price-list-wrp  .arrow-btn{
    width: 100%;
    margin-right: 0;
}

/* banner-wrp start */
.inner-hero {
    padding: 52px 0px 81px; 
    position: relative;    
    min-height: 282px;
    display: flex;
    align-items: center;
    justify-content: center; 
    border-bottom: 16px solid var(--Yellow);
    background-image: none !important;
    background-color: var(--Green) !important;
    margin-bottom: 63px;
    padding: 52px 0px 10px;
    min-height: 210px;
}
.inner-hero .row {
    position: relative;
    z-index: 2;
}


.inner-hero::before {
    content: "";
    display: block;
    position: absolute;
    border-color: var(--Yellow) transparent transparent transparent;
    border-style: solid;
    width: 0;
    height: 0;
    border-left-width: calc(var(--hero-width) / 2);
    border-right-width: calc(var(--hero-width) / 2);
    left: 0;
    right: 0;
    top: calc(100% + 16px);
    border-top-width: 60px;
}
.inner-hero::after {
    content: "";
    display: block;
    position: absolute;
    border-color: var(--Green) transparent transparent transparent;
    border-style: solid;
    width: 0;
    height: 0;
    border-left-width: calc(var(--hero-width) / 2);
    border-right-width: calc(var(--hero-width) / 2);
    border-top-width: 60px;
    top: 100%;
    left: 0;
    right: 0;
}
.inner-hero .bg-rays {
    background: url(../images/inner-rays.png) no-repeat ;
    background-size: cover ;
    background-position: center ;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;    
    width: 100%;
    z-index: 2;
    height: calc(100% + 13px);
    background-position: bottom;
    height: calc(100% + 5.39vw);
}

/*.inner-hero::after { 
    position: absolute; 
    content: ''; 
    background: url(../images/inner-rays.png) no-repeat; 
    background-size: cover; 
    background-position: bottom center; 
    top: 0; 
    right: 0; 
    left: 0; 
    bottom: 0; 
    z-index: 1; 
}*/
.inner-hero .banner-wrp { 
    text-align: center;
    max-width: 1019px; 
    margin: 0 auto;
}
.inner-hero .banner-wrp h1 { 
    color: var(--White);
    margin-bottom: 16px; 
}
.inner-hero .banner-wrp .yellow-btn {
    min-width: 255px;
}
.inner-hero .yellow-btn::before{
    background-color: var(--White) !important;
}


.dt-sec {
   /* background-position: top center !important;
    background-size: 100% !important; */
    background-image: none !important;
    position: relative;
    background-color: var(--Green) !important;
    padding: 150px 0 80px;
}
.dt-sec:not(.no-bg)::after {
    position: absolute;
    content: "";
    background: url(../images/area-rays.png) no-repeat;
    background-size: cover;
    background-position: top center;
    top: 6px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.dt-sec .container {
    max-width: 934px;
}
.dt-sec .banner-wrp {
    text-align: left;
    max-width: 533px;
    /*padding-top: 12px;*/
}
.dt-sec .banner-wrp *{
    color: var(--White);
}
.dt-sec .banner-wrp h2 {margin-bottom: 12px;}
.dt-sec .banner-wrp> p{
    font-weight: 600; 
    margin-bottom:40px;
}
.dt-sec .banner-wrp .list p {
    font-family: "Open Sans", serif ;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.01em; 
    margin: 0px;
    position: relative;
}
.dt-sec .banner-wrp .list p:after {
    content: "";
    background-image: url(../images/Line.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 556px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px;
}

.dt-sec .banner-wrp .list p:nth-child(2):after{width: 406px;}
.dt-sec .banner-wrp .list p:nth-child(3):after{width: 352px}
.dt-sec .banner-wrp .list p:nth-child(4):after{width: 266px}
.dt-sec .banner-wrp .list p:nth-child(5):after{width: 655px}
.dt-sec .banner-wrp .list p:nth-child(6):after{width: 480px}

.dt-sec .banner-wrp .list p:nth-child(1){margin-bottom: 2px;}
.dt-sec .banner-wrp .list p:nth-child(2){margin-bottom: 89px;}
.dt-sec .banner-wrp .list p:nth-child(3){margin-bottom: 84px;}
.dt-sec .banner-wrp .list p:nth-child(4){margin-bottom: 47px;}
.dt-sec .banner-wrp .list p:nth-child(5){margin-bottom: 40px;}

.dt-sec .ticket-wrp {
    box-shadow: 0px 1.55px 17.06px 0px #92929287;
}
.dt-sec .ticket-wrp img{
    object-fit: contain;
}
.dt-sec.no-bg {
    padding: 107px 0 30px;
    background-color: var(--White) !important;
}
.dt-sec.no-bg .banner-wrp * {
    color: var(--Gray-2);
}


.sph-hero { 
    position: relative; 
    padding:55px 0px 58px; 
    box-shadow: 0px 1px 11px 0px #92929247;
    background-color: var(--Gray-2);
    min-height: 260px;
    display: flex;
    align-items: center;
}
.sph-hero .bg-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.6;
    mix-blend-mode: soft-light;
}
.sph-hero h1 { color: var(--White); max-width: 995px; margin-bottom: 17px; }
.sph-hero img.fire-img {
    width: 204px;
    position: absolute;
    right: 40px;
    top: 20px;
    width: 208px;
    z-index: 2;
    object-fit: contain;
    top: auto;
    bottom: -72px;
}
.sph-hero .yellow-btn { min-width: 255px; }
.sph-hero.with-bar {
    padding: 38px 0 83px;
}
.sph-hero.with-bar img.fire-img {
    bottom: -40px;
}
.sph-hero .green-bar {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 9px 0 12px;
    background-color: var(--Green);
    top: auto;
    bottom: 0;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sph-hero .green-bar img {
    max-width: 26px;
    object-fit: contain;
    margin-right: 12px;
}
.sph-hero .green-bar p {
    font-weight: 600;
    font-size: 32px;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--White);
    margin: 0;
}

.full-width-content.gray-bg { background-color: var(--Gray-2); position: relative;}
.full-width-content.gray-bg::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/gray-bg.png) no-repeat center;
    background-size: cover;
}
.full-width-content.gray-bg .row {
    z-index: 2;
    position: relative;
}
.full-width-content.gray-bg h2 { color: #FFFFFF; margin-bottom: 14px; }
.full-width-content.gray-bg p { color: #FFFFFF; margin-bottom: 28px; }
.full-width-content.gray-bg .inner-wrp { padding: 81px 0px 90px; }  
.full-width-content.gray-bg .yellow-btn {min-width: 255px;}


.content-with-sidebar .row>div:first-child , .single-blog .row>div:first-child{
    width: 73.794%;
}
.content-with-sidebar .row>div:last-child , .single-blog .row>div:last-child{
    width: 26.206%;
}
.content-with-sidebar {
    background-color: var(--White);
    position: relative;
    padding: 30px 0 81px;
}
.sph-hero + .content-with-sidebar {
    padding-top: 46px;
}
.service-sidebar{
    max-width: var(--sidebar-width);
    position: absolute;
    width: 100%;
    right: 0;
    top: calc(30px + 54px);
}
.service-sidebar .top-bar {
    background-color: var(--Green);
    padding: 24px 0 10px;
    position: relative;
}
.service-sidebar .top-bar::after , .service-sidebar .cta-bottom::after{
    content: '';
    display: block;
    position: absolute;
    border-color: var(--Green) transparent transparent transparent;
    border-style: solid;
    width: 0;
    height: 0;
    border-left-width: calc(var(--sidebar-width)/2);
    border-right-width: calc(var(--sidebar-width)/2);
    border-top-width: 31px;
    top: 100%;
    left: 0;
}
.service-sidebar .top-bar , .service-sidebar .cta-bottom{
    border-bottom: 12px solid var(--Yellow);
}
.service-sidebar .top-bar::before , .service-sidebar .cta-bottom::before{
    content: '';
    display: block;
    position: absolute;
    border-color: var(--Yellow) transparent transparent transparent;
    border-style: solid;
    width: 0;
    height: 0;
    border-left-width: calc(var(--sidebar-width)/2);
    border-right-width: calc(var(--sidebar-width)/2);
    border-top-width: 56px;
    top: 100%;
    left: 0;
    top: calc(100% + 12px);
    border-top-width: 32px;
}
.service-sidebar h2 {
    text-align: center;
    color: var(--White);
    margin: 0 auto 18px;
    line-height: 32px;
}
.service-sidebar .top-bar .service a {
    padding: 12px 85px 10px 16px;
    font-family: 'SquarendonExtraBold';
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--White);
    display: block;
    text-transform: uppercase;
    background: url(../images/white-arrow.svg) no-repeat;
    background-size: 23px;
    background-position: center right 26px;
    background-color: transparent;
}
.service-sidebar .top-bar .service a:hover{
    background-color: var(--Yellow);
    background-position: center right 20px;
}
.service-sidebar .cta-bottom {
    background-color: var(--Green);
    position: relative;
    margin-top: 64px;
    padding: 27px 20px 28px;
    text-align: center;
}
.service-sidebar .cta-bottom .yellow-btn {
    width: 100%;
    min-width: 100%;
}
.service-sidebar .cta-bottom .yellow-btn::before{
    background-color: var(--White) !important;
} 

.content-with-sidebar .cnt-wrp , .single-blog .post-cnt-wrp{
    max-width: 886px;
    margin-right: auto;
    min-height: 850px;
}
.content-with-sidebar .cnt-wrp h2 {
    margin-bottom: 18px;
}
.content-with-sidebar .cnt-wrp h3 {
    font-size: 20px;
    line-height: 25px;
}
.content-with-sidebar .cnt-wrp p {
    margin-bottom: 20px;
}
.content-with-sidebar .cnt-wrp img {
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    box-shadow: 0px 1px 11px 0px #92929287;
    margin: 18px 0 24px;
}
.content-with-sidebar .cnt-wrp div>img:first-child {
    margin-top: 71px;
    margin-bottom: 28px;
}
.content-with-sidebar .cnt-wrp .yellow-btn {
    margin-bottom: 65px;
    min-width: 255px;
}
.content-with-sidebar .cnt-wrp .cnt>div:last-child .yellow-btn {
    margin-bottom: 0;
}

.content-with-sidebar .cnt-wrp p , .content-with-sidebar .cnt-wrp li ,.single-blog .post-cnt-wrp li ,.single-blog .post-cnt-wrp p{
    font-family: "Open Sans", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: var(--Gray);
}

.content-with-sidebar .cnt-wrp ul ,.single-blog .post-cnt-wrp ul{
    margin: 19px 0 73px 47px;
}
.content-with-sidebar .cnt-wrp ul li ,.single-blog .post-cnt-wrp ul li {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 12px;
}
.content-with-sidebar .cnt-wrp ul li::marker ,.single-blog .post-cnt-wrp ul li::marker{
    color: var(--Green);
}
.content-with-sidebar .cnt-wrp ol ,.single-blog .post-cnt-wrp ol{
    margin: 27px 0 71px 47px;
}
.content-with-sidebar .cnt-wrp ol li ,.single-blog .post-cnt-wrp ol li {
    list-style: number;
    padding-left: 20px;
    margin-bottom: 17px;
}
.content-with-sidebar .cnt-wrp ol li::marker ,.single-blog .post-cnt-wrp ol li::marker{
    color: var(--Green);
    font-family: 'SquarendonExtraBold';
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.01em;
}

.content-with-sidebar .cnt-wrp .bottom-cta , .single-blog .post-cnt-wrp .bottom-cta{
    background-color: var(--Green);
    padding: 26px 41px 23px 27px;
    gap: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.content-with-sidebar .cnt-wrp .bottom-cta h4 , .single-blog .post-cnt-wrp .bottom-cta h4{
    margin: 0;
    color: var(--White);
}
.content-with-sidebar .cnt-wrp .bottom-cta .yellow-btn , .single-blog .post-cnt-wrp .bottom-cta .yellow-btn{
    margin: 0;
    min-width: 255px;
}
.content-with-sidebar .cnt-wrp .bottom-cta .yellow-btn::before , .single-blog .post-cnt-wrp .bottom-cta .yellow-btn::before{
    background-color: var(--White) !important;
}


.full-width-content.gray-bg:has(+ .areas-we-service-sec) {
    margin-bottom: -70px;
    margin-bottom: -5.46vw;
    z-index: 1;
}

.full-width-content.gray-bg + .areas-we-service-sec::before{
    z-index: 2;
    background-color: transparent;
}
.full-width-content.gray-bg + .areas-we-service-sec::after{
    z-index: 3;
}
.full-width-content.gray-bg + .areas-we-service-sec .row{
    z-index: 4;
}

.lirc-sec{
    padding: 92px 0 30px;
}
.lirc-sec .lft-rgt-wrp {
    display: flex;
    flex-wrap: wrap;
}
.lirc-sec .lft-rgt-wrp .left-content {
    max-width: 51%;
    width: 100%;
    padding-right: 22px;
}
.lirc-sec .lft-rgt-wrp .right-content {
    max-width: 49%;
    width: 100%;
    padding-left: 22px;
    display: flex;
    align-items: center;
}
.lirc-sec .img-wrp {
    box-shadow: 0px 1px 11px 0px #92929287;
    border-radius: 2px;
    overflow: hidden;
}
.lirc-sec .img-wrp img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.lirc-sec .lft-rgt-wrp .right-content .cnt-wrp {
    max-width: 572px;
    margin-right: auto;
}
.lirc-sec .right-content h2 {
    margin-bottom: 11px;
}
.lirc-sec .right-content p {
    font-family: "Roboto", sans-serif;
    line-height: 25px;
    letter-spacing: 0.16px;
    color: var(--Gray);
}

.job-openings {
    padding: 31px 0 45px;
}
.job-openings h2.section-heading {
    padding: 29px 20px ;
    border-radius: 2px;
    background: var(--Green);
    box-shadow: 0px 1px 11px 0px #92929287;
    text-align: center;
    color: var(--White);
}
.job-openings .job-list-wrp {
    margin-top: 70px;
}
.job-openings .job-category:not(:last-child) {
    margin-bottom: 85px;
}
.job-openings .job-post-in {
    background-color: var(--White);
    box-shadow: 0px 1px 11px 0px #92929287;
    border-radius: 2px;
    margin-bottom: 18px;
}
.job-openings .job-post .job-post-in:last-child {
    margin-bottom: 0;
}
.job-openings .job-post-in h2 {
    margin: 0;
    position: relative;
    padding: 30px 120px 31px 28px;
    cursor: pointer;
    font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.05em;
}
.job-openings .job-post-in h2::after {
    position: absolute;
    content: "";
    background: url(../images/job-down.svg) no-repeat center;
    background-size: contain;
    width: 32px;
    height: 16px;
    top: 40px;
    transition: all 0.3s linear;
    right: 62px;
}
.job-openings .job-post-in.active h2::after{
    transform: rotate(180deg);
}
.job-openings .job-category h3.category-title {
    padding: 11px 10px 10px;
    text-align: center;
    color: var(--White);
    background-color: var(--Gray-2);
    box-shadow: 0px 1px 11px 0px #92929287;
    margin-bottom: 22px;
    border-radius: 2px;
    font-size: 20px;
    line-height: 25px;
}
.job-openings .job-post-in .job-cnt>div {
    padding: 17px 67px 17px 28px;
}
.job-openings .job-post-in .job-cnt h3 {
    font-size: 20px;
    line-height: 25px;
}
.job-openings .job-post-in .job-cnt li {
    font-family: "Open Sans", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: var(--Gray);
}
.job-openings .job-post-in .job-cnt ol {
    margin: 20px 0 23px 20px;
}
.job-openings .job-post-in .job-cnt ol li {
    list-style: number;
    padding-left: 22px;
    margin-bottom: 17px;
}
.job-openings .job-post-in .job-cnt ol li::marker {
    color: var(--Green);
    font-family: 'SquarendonExtraBold';
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.01em;
}
.job-openings .job-post-in .job-cnt ul.icon-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 80px;
    row-gap: 39px;
    margin: 35px 0 30px;
}
.job-openings .job-post-in .job-cnt ul.icon-list li {
    list-style: none;
    font-family: "Roboto", sans-serif;;
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0.16px;
    position: relative;
    padding-left: 20px;
    margin-left: 23px;
}
.job-openings .job-post-in .job-cnt ul.icon-list li::before {
    position: absolute;
    content: "";
    left: -23px;
    background: url(../images/list-icon.svg) no-repeat center;
    background-size: contain;
    top: -25px;
    bottom: auto;
    width: 35.85px;
    height: 55px;
}
.job-openings .job-post-in .job-cnt>.yellow-btn {
    min-width: 255px;
    margin-left: 28px;
    margin-bottom: 48px;
}
.job-openings .job-post-in .job-cnt p{
    color: var(--Gray-2);
}
.job-openings .job-post-in .job-cnt p strong {
    font-weight: 800;
}

.form-sec {
    padding: 54px 0 83px;
}
.form-sec .form-wrp {
    padding: 81px 68px 63px;
}
.form-sec .form-wrp h2 {
    text-align: center;
    color: var(--White);
    margin-bottom: 36px;
}
.form-sec .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 41px !important;
}
.form-sec .gform_wrapper.gravity-theme .gform_footer {
    margin: 47px auto 0 !important;
    max-width: 317px;
}

.form-wrp .gform_wrapper.gravity-theme .datepicker {
    width: 100%;
    background-image: url(../images/date-icon.svg);
    background-repeat: no-repeat;
    background-position: center right 30px;
    background-size: 16px;
}
.form-wrp .gform_wrapper.gravity-theme .ginput_container_date .ui-datepicker-trigger{
    display: none;
}

.why-choose-us {
    padding: 170px 0 142px;
    text-align: center;
    position: relative;
    background-color: var(--Green);
}
.why-choose-us::after {
    position: absolute;
    content: "";
    background: url(../images/area-rays.png) no-repeat;
    background-size: cover;
    background-position: top center;
    top: 6px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.why-choose-us *{
    color: var(--White);
}
.why-choose-us h2 {
    margin-bottom: 9px;
}
.why-choose-us h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
}
.why-choose-us .features-wrp {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 48px;
    row-gap: 50px;
    padding: 0 18px;
}
.why-choose-us .features-wrp .feature-in {
    max-width: calc((100% - (48px* 3)) / 4);
}
.why-choose-us .features-wrp .logo {
    margin-bottom: 20px;
}
.why-choose-us .features-wrp .logo img {
    object-fit: contain;
}
.why-choose-us .features-wrp h4 {
    margin-bottom: 7px;
}
.why-choose-us .features-wrp p {
    font-weight: 600;
}
.why-choose-us .features-wrp .feature-in p:last-child{
    margin-bottom: 0;
}


.content-with-form {
    padding: 116px 0 44px;
}
.content-with-form .row>div:first-child {
    width: 47%;
}
.content-with-form .row>div:last-child {
    width: 53%;
}
.content-with-form .form-wrp {
    padding: 69px 56px 76px;
    max-width: 633px;
    margin-left: auto;
}
.content-with-form .form-wrp h2 {
    color: var(--White);
    text-align: center;
    max-width: 420px;
    margin: 0 auto 25px;
}
.content-with-form .cnt-wrp{
    max-width: 525px;
    margin-right: auto;
}

.content-with-form .cnt-wrp iframe {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 316px;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 26px;
}
.content-with-form .cnt-wrp h2 {
    margin-bottom: 14px;
}

.content-with-form .cnt-wrp a , .content-with-form .cnt-wrp li , .content-with-form .cnt-wrp p{
    font-family: "Open Sans", serif;
    font-weight: 600;
    color: var(--Gray);
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.01em;
}
.content-with-form .cnt-wrp a:hover{
    color: var(--Yellow);
}
.content-with-form .cnt-wrp .green-box {
    background-color: var(--Green);
    box-shadow: 0px 1px 11px 0px #92929287;
    border-radius: 2px;
    padding: 26px 20px;
    margin: 27px 0;
}
.content-with-form .cnt-wrp .green-box *{
    color: var(--White);
}
.content-with-form .cnt-wrp .green-box a , .content-with-form .cnt-wrp .green-box li , .content-with-form .cnt-wrp .green-box p{
    font-weight: 700;
    margin-bottom: 0;
}
.content-with-form .cnt-wrp .green-box h3 {
    font-size: 34px;
    line-height: 36px;
    margin: 0;
}
.content-with-form .cnt-wrp .green-box h3:not(:first-child) {
    margin-top: 17px;
}
.content-with-form .cnt-wrp h4 {
    margin: 29px 0 11px;
}

.ctah-sec .cta-wrapper {
    background-color: var(--Green);
    padding: 29px 54px 28px 24px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.ctah-sec .cta-wrapper h3{
    color:#fff;
    margin:0;
    max-width: 75%;
}
.ctah-sec .cta-wrapper .yellow-btn {
    min-width: 255px;
}
.ctah-sec .cta-wrapper .yellow-btn::before{
    background-color: var(--White) !important;
}
.content-with-form + .ctah-sec {
    padding-top: 50px;
}

.page-title-wrp {
    position: relative;
    box-shadow: 0px 1px 11px 0px #92929247;
    background-color: var(--Gray-2);
    padding: 126px 0 146px;
    text-align: center;
}
.page-title-wrp .bg-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.6;
    mix-blend-mode: soft-light;
}
.page-title-wrp .row {
    align-items: center;
    position: relative;
    z-index: 2;
}
.page-title-wrp h1 {
    color: var(--White);
    margin-bottom: 22px;
}
.page-title-wrp .yellow-btn {
    min-width: 255px;
}


.post-list-sec {
    padding-bottom: 52px;
}
.post-list-sec .category-wrp {
    padding: 53px 0 0;
    text-align: center;
}
.post-list-sec .category-wrp h2 {
    margin-bottom: 29px;
}
.post-list-sec .category-wrp .category-dropdown {
    max-width: 886px;
    margin: 0 auto;
}
.post-list-sec .category-wrp .category-dropdown select {
    border-radius: 48px;
    border: 1.5px solid var(--Gray-2)!important;
    padding: 11px 33px!important;
    font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.06em;
    color: var(--Gray-2) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(../images/select-down.svg);
    background-repeat: no-repeat;
    background-position: right 33px center;
    background-size: 11px;
    background-color: #fff !important;
    width: 100%;
    text-transform: uppercase;
}
.post-list-sec .category-wrp .category-dropdown select option {
    text-transform: none;
}
.post-list-sec .category-wrp .category-dropdown select:focus , .post-list-sec .category-wrp .category-dropdown select:focus-visible{
    outline: none !important;
    box-shadow: none;
}
.post-list-sec .posts-row {
    padding-top: 51px;
}
.post-list-sec .posts-row .blog-lists {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 28px;
    grid-row-gap: 58px;
    padding-bottom: 60px;
}
.post-list-sec .posts-row .blog-lists .post-wrp {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .4s linear;
}
.post-list-sec .posts-row .blog-lists .post-wrp .img-wrp {
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0px 1px 11px 0px #92929287;
    min-height: 332px;
    max-height: 332px;
}
.post-list-sec .posts-row .blog-lists .post-wrp .img-wrp img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.post-list-sec .posts-row .blog-lists .post-wrp .cnt-wrp {
    padding: 16px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
.post-list-sec .posts-row .blog-lists .post-wrp .cnt-wrp h3 {
    line-height: 33px;
}
.post-list-sec .posts-row .blog-lists .post-wrp .cnt-wrp h3 a {
    color: inherit;
    display: block;
}
.post-list-sec .posts-row .blog-lists .post-wrp .cnt-wrp p{
    margin-bottom: 19px;
}
.post-list-sec .posts-row .blog-lists .post-wrp .cnt-wrp .btn-wrp {
    margin-top: auto;
}
.post-list-sec .posts-row .blog-lists .post-wrp .cnt-wrp .btn-wrp .yellow-btn {
    min-width: 214px;
}

.post-list-sec .ftr-post .blog-lists {
    padding: 64px 0 100px;
    position: relative;
}
.post-list-sec .ftr-post .blog-lists::after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    background-image: url(../images/blog-list-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-color: var(--Green);
    z-index: -1;
}
.post-list-sec .ftr-post .blog-lists h2 {
    text-align: center;
    margin-bottom: 22px;
    color: var(--White);
}
.post-list-sec .ftr-post .blog-lists .post-wrp {
    display: flex;
    flex-wrap: wrap;
}
.post-list-sec .ftr-post .blog-lists .post-wrp .img-wrp {
    max-width: 51%;
    width: 100%;
    padding-right: 22px;
}
.post-list-sec .ftr-post .blog-lists .post-wrp .img-wrp img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    box-shadow: 0px 1px 11px 0px #92929287;
    border-radius: 2px;
    overflow: hidden;
}
.post-list-sec .ftr-post .blog-lists .post-wrp .cnt-wrp {
    max-width: 49%;
    width: 100%;
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.post-list-sec .ftr-post .post-wrp h3 {
    line-height: 33px;
    color: var(--White);
}
.post-list-sec .ftr-post .post-wrp h3 a{
    display: block;
    color: inherit;
}
.post-list-sec .ftr-post .blog-lists .post-wrp .cnt-wrp p {
    font-family: "Roboto", sans-serif;;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.16px;
    margin-bottom: 23px;
    color: var(--White);
}
.post-list-sec .ftr-post .blog-lists .post-wrp .cnt-wrp .yellow-btn {
    min-width: 214px;
}
.post-list-sec .ftr-post .blog-lists .post-wrp .cnt-wrp .yellow-btn::before{
    background-color: var(--White) !important;
}

.single-blog-banner {
    position: relative;
    background-color: var(--Gray-2);
    box-shadow: 0px 1px 11px 0px #92929287;
    text-align: center;
    padding: 47px 0 60px;
}
.single-blog-banner .bg-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.8;
    mix-blend-mode: soft-light;
}
.single-blog-banner .row {
    align-items: center;
    position: relative;
    z-index: 2;
}
.single-blog-banner .blog-banner {
    max-width: 948px;
    margin: 0 auto;
}
.single-blog-banner .blog-banner h5.date {
    color: var(--White);
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    font-family: "Open Sans", serif;
    margin-bottom: 17px;
}
.single-blog-banner .blog-banner h1 {
    padding: 37px 20px 38px;
    margin: 0;
    background-color: var(--Green);
    color: var(--White);
    border-radius: 6px;
    text-transform: none;
}
.single-blog-banner .blog-banner .meta_social_btns {
    margin: 21px 0 26px;
}
.single-blog-banner .blog-banner .yellow-btn {
    min-width: 255px;
}

.single-blog{
    position: relative;
    padding: 12px 0 50px;
}
.single-blog a.back-to-blog {
   font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: inline-block;
    padding-left: 25px;
    position: relative;
    color: var(--Gray-2);
}
.single-blog a.back-to-blog::before {
    position: absolute;
    content: '';
    left: 0;
    background: url(../images/back-arrow.svg) no-repeat center;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 18px;
}
.single-blog a.back-to-blog:hover{
    text-decoration: underline;
}
.single-blog .post-cnt-wrp .ftr-img , .single-blog .post-cnt-wrp figure{
    box-shadow: 0px 1px 11px 0px #92929287;
    margin-bottom: 32px;
}
.single-blog .post-cnt-wrp .ftr-img img, .single-blog .post-cnt-wrp figure img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.single-blog .post-cnt-wrp p{
    color: var(--Gray-2);
}
.single-blog .post-cnt-wrp h2 {
    margin: 53px 0 25px;
}
.single-blog .post-cnt-wrp ul {
    margin-bottom: 20px;
}
.single-blog .post-cnt-wrp ol {
    margin-top: 36px;
    margin-bottom: 63px;
}
.single-blog .post-cnt-wrp h3 {
    font-size: 20px;
    line-height: 25px;
    margin: 30px 0 20px;
}
.single-blog .blog-single-footer .meta_social_btns {
    justify-content: flex-start;
    margin: 35px 0 43px;
}
.single-blog .blog-single-footer .meta_social_btns h3 {
    margin: 0;
}
.single-blog .service-sidebar {
    top: 52px;
}

.related-articles {
    padding: 38px 0 20px;
}
.related-articles .container-fluid {
    padding: 0;
}
.related-articles h2 {
    font-size: 38px;
    text-align: center;
    margin-bottom: 20px;
}

.related-articles .related-slider {
    padding-left: 100px;
}
.related-articles .slick-list {
    padding-right: 7.81vw;
}
.related-articles .slick-track {
    display: flex;
}
.related-articles .slick-slider .slick-prev {
    left: 46px;
}
.related-articles .slick-slider .slick-next {
    display: none !important;
}
.related-articles .related-item {
    box-shadow: 0px 1px 11px 0px #92929287;
    background-color: var(--White);
    border-radius: 2px;
    margin: 10px 8.5px;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all 0.3s linear;
}
.related-articles .related-item .img-wrp {
    border-radius: 2px;
    overflow: hidden;
    max-height: 269px;
    min-height: 269px;
}
.related-articles .related-item .img-wrp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.related-articles .related-item .cnt-wrp {
    padding: 22px 28px 35px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.related-articles .related-item .cnt-wrp>div {
    margin-bottom: 29px;
}
.related-articles .related-item .cnt-wrp h3 {
    margin-bottom: 9px;
}
.related-articles .related-item .cnt-wrp h3 a {
    display: block;
    color: inherit;
}
.related-articles .related-item .cnt-wrp p {
    font-weight: 500;
    transition: all 0.3s linear;
    max-width: 96%;
    margin-right: auto;
}
.related-articles .related-item .cnt-wrp>div p:last-child{
    margin-bottom: 0;
}
.related-articles .related-item .cnt-wrp .read-more{
    margin-top: auto;
    display: flex;
    align-items: center;
    font-family: "Open Sans", serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: var(--Gray);
}
.related-articles .related-item .cnt-wrp .read-more img{
    margin-left: 9px;
    object-fit: contain;
    transition: all 0.3s linear;
}

.related-articles .related-item:hover{
    background-color: var(--Green);
}
.related-articles .related-item:hover .cnt-wrp *{
    color: var(--White) !important;
}
.related-articles .related-item:hover .read-more img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(250%);
}
.related-articles .btn-wrp {
    text-align: center;
    margin-top: 30px;
}
.related-articles .btn-wrp .yellow-btn {
    min-width: 287px;
}

.plans-wrp {
    background-color: var(--Green);
    padding: 43px 0 42px;
}
.plans-wrp h2{
    color:#fff;
    margin-bottom:29px;
}
.plans-list-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 23px;
}
.plans-list-wrapper .plans-list {
    background-color: #fff;
    min-height: 380px;
    padding: 21px 27px 23px;
    box-shadow: 0px 1px 11px 0px #92929287;
    border: 4px solid transparent;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
}
.plans-list-wrapper .plans-list:hover{
    border: 4px solid var(--Gray-2);
    box-shadow: 0px 1px 71px 0px #92929287;
}
.plans-list-wrapper .plans-list .icon-wrp {
    min-height: 65.88px;
    margin-bottom:13px;
    display: flex;
    align-items: center;
}
.plans-list-wrapper .plans-list img{
    object-fit: contain;
    object-position: center;
}
.plans-list-wrapper .plans-list p {
    font-family: "Roboto", sans-serif;
    line-height: 25px;
    letter-spacing: 0.16px;
    margin-bottom: 0;
}

.parts-wrp{
    padding: 56px 0 26px;
}
.parts-wrp h2{margin-bottom: 31.67px;}
.parts-wrp .parts-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px 60px;
    justify-content: center;
    margin-bottom:64px;
    column-gap: 100px;
}
.parts-wrp .parts-list {
    /*min-width: 295px;
    max-width: 295px;*/
    display: flex;
    align-items: center;
    margin-bottom: 9px;
    max-width: calc((100% - (100px * 2)) / 3);
    width: 100%;
}
.parts-wrp .parts-list img{
    margin-right: 14.15px;
    max-width:35.85px;
}
.parts-wrp .parts-list span{ 
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0.16px;
    font-family: "Roboto", sans-serif;
}
.parts-wrp .bottom-cont h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom:16px;
}
.parts-wrp .bottom-cont p{
    font-family: "Roboto", sans-serif;
    line-height: 25px;
    letter-spacing: 0.16px;  
}

.gc-wrp{
    padding: 25px 0 51px;
}
.gc-wrp h2, .gc-wrp p:not(:last-child){
    margin-bottom:24px;
}
.gc-wrp p , .gc-wrp li {
    font-family: "Roboto", sans-serif;
    line-height: 25px;
    letter-spacing: 0.16px;
}
.gc-wrp ul{
    margin: 34px 0 34px;
    padding-left: 29px;
}
.gc-wrp ul li {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
}
.gc-wrp ul li:not(:last-child){
    margin-bottom:12px;
}
.gc-wrp ul li:before{
    content:"";
    width:7px;
    height:7px;
    background:var(--Green);
    border-radius: 30px;
    display: inline-block;
    margin-right:28px;
}

body.macOS .price-list-wrp .pricing-list p {
    padding-top: 4px;
    padding-bottom: 0;
}

header .lp-header {
    justify-content: center;
    box-shadow: 0 0 10px 0 rgba(145, 145, 145, 0.34);
}

.lptop-content{
     background-image: url('../images/lp-banner-bg.svg');
    background-size: cover;
    background-position: bottom;
    margin-top: 76px;
    text-align: center;
    min-height: 400px;
}

.lptop-content .text-wrap{
    max-width: 770px;
    margin: 0 auto;
    padding-top: 45px;
}

.lptop-content .text-wrap h1,
.lptop-content .text-wrap p,
.lptop-content .text-wrap h6{
    color: var(--White) !important;
}

.lptop-content .text-wrap p{
    margin-top: 16px;
}

.lptop-content .text-wrap p.sheading{
    font-size: 18px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 0.18px;
    text-transform: uppercase;
    padding-top: 17px;
    border-top: 3px solid var(--Yellow);
}

.lp-areas .wrap .location{
    padding-left: 88px;
}

.lp-areas .wrap .location h3{
    margin-bottom: 24px;
}

.lp-areas ul{
    column-count: 2;
    padding-top: 50px;
    max-width: 550px;
        margin: 0 auto;
}

.lp-areas .yellow-btn{
    min-width: 255px;
}

.lp-areas ul li{
    color: var(--Gray);
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.lp-areas .mlist h3{
        width: fit-content;
    margin-left: -20px;
}


section.lp-areas {
    padding: 58px 0;
}

.lp-footer {
    background: var(--White, #FFF);
    box-shadow: 0 0 10px 0 rgba(145, 145, 145, 0.34);
    padding: 11px 0 22px 0;
}