body{ padding: 0px; margin: 0px; list-style: none;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, em{ display: inline-block;}
body{ font-family: 'Lexend'; font-size: var(--font-18); line-height: var(--line-18); font-weight: 400; background: #fffeef;}


:root
{
    /* colors */
    --c-Blk: #000;
   	--c-888: #888;
   	--c-Wh: #fff;
   	--c-Grn: #417D57;

    /* font-family */
    --font1: 'Lexend';
    
    --font-100:100px;
    --line-100:120px;
    
    --font-60:60px;
    --line-60:70px;
    
    --font-36:36px;
    --line-36:40px;
    
    --font-30:30px;
    --line-30:40px;
    
    --font-24:24px;
    --line-24:30px;
    
    --font-18:18px;
    --line-18:24px;
    
    --font-16:16px;
    --line-16:26px;
    
    --font-14:14px;
    --line-14:16px;
    
    
    --container:1440px;
    
    --r-40: 40px;
	--r-30: 30px;
}
.butns{ font-size: var(--font-16); line-height: var(--line-16); color: #fff; font-weight: 500; background:#417D57; min-width: 280px; line-height: 50px; text-align: center; border-radius: var(--r-40); border: 1px solid #417D57; padding: 0 36px;}
.butns:hover{ background: #fff; color: #417D57;}

.whBtn{  background: #fff; color: #417D57; border-color: #fff;}
.whBtn:hover{ background: none; color: #fff;}


.whBrd{  background: none; color: #fff; border-color: #fff;}
.whBrd:hover{ background: #fff; color: #417D57;}




p{ font-weight: 300;}

.container{max-width: var(--container);}

.darkbg, .lightbg, .tophead{ padding: 80px 0; width: 100%; position: relative;}
.darkbg{ color: #fff; background: #417D57; }
.lightbg{ color: #000;}
.whTxt{ color: #fff; }

.pt-6{ padding-top: 100px !important;}


.tophead h2{ font-weight: 300; font-size: var(--font-60); line-height: var(--line-60); }
.tophead h2 strong{ font-weight: 700;}

.tophead h3{ font-weight: 300; font-size: var(--font-30); line-height: var(--line-30); }
.tophead h3 strong{ font-weight: 700;}

.tophead h4{ font-weight: 300; font-size: var(--font-36); line-height: var(--line-36); }
.tophead h4 strong{ font-weight: 700;}

.tophead h5{ font-weight: 300; font-size: var(--font-24); line-height: var(--line-24); }
.tophead h5 strong{ font-weight: 700;}

.tophead h6{ font-weight: 300; font-size: var(--font-18); line-height: var(--line-18);text-transform: inherit;  letter-spacing: 0px; }
.tophead h6 strong{ font-weight: 700;}

.font-16{ font-weight: 300; font-size: var(--font-16); line-height: var(--line-16);}






.h1heading{ font-size: var(--font-100); line-height: var(--line-100); font-weight: 700;}




.header_sec{ width: 100%; position: absolute; top:0px; left: 0px; z-index: 11;}
.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 200px;}
.menu_sec li{font-size: var(--font-16); line-height: var(--line-16); font-weight: 400; color: #fff; padding: 25px 20px; transition: all 0.5s ease-in-out;}
.menu_sec li a{ color: #fff; padding: 10px 0; position: relative; }
.menu_sec li a:before{ width:0px; height: 3px; background: #fff; border-radius: 10px; transition: all 0.5s ease-in-out; position: absolute; bottom: 0px; left: 0px; content: "";}
.menu_sec li a:hover:before, .menu_sec li.actv a:before{ width: 100%;}

.header_sec.fixed{ background: #417D57; position: fixed; top: 0px; left: 0px; z-index: 222;}
.header_sec.fixed .menu_sec li{ padding-top: 15px; padding-bottom: 15px;}




.container{ position: relative;z-index: 1;}

.bannerSec:before{ width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; content: ""; background: url(../images/ovl1.png) no-repeat bottom center; background-size: 100%;}

.bannerSec{ width: 100%; position: relative; color: #fff; padding: 200px 0 0; background: #417D57;}
.imgBx{ width: 100%; background: #fff; padding: 18px; border-radius: var(--r-30); overflow: hidden; box-shadow: 0px 0px 40px 0px #00000033;}
.imgBx img{ border-radius: var(--r-30); }
.bannerSec h1{ font-size: var(--font-100); line-height: var(--line-100); font-weight: 700;}
.banTxt{ width: 100%; padding: 40px 0;}
.banTxt p{ max-width: 560px;}




.imgBx1{ width: 100%; background: #fff; padding: 10px; border-radius: var(--r-30); overflow: hidden; box-shadow: 5px 5px 30px 0px #00000026;}
.imgBx1 img{ border-radius: var(--r-30); }




.promisBox{ width: 100%; margin: 30px 0; background: #fff; border-radius: var(--r-30); overflow: hidden; box-shadow: 0px 0px 20px 0px #0000001A;}
.grnHed{ width: 100%; background: #417D57; border-radius: var(--r-30); min-height: 110px; color: #fff; align-items: center; justify-content: center; display: flex;}
.grnHed h3{ padding-bottom: 0px;}
.prTxt{ padding: 30px 20px 16px; }

.prTxtMid{ width: 100%; padding: 20px 0; border-top: 1px solid #000; margin-top: 20px;}

.prTxtMid p, .prTxtMid li{ font-size: var(--font-16); line-height: var(--line-16); font-weight: 300;}
.prTxtMid ul li{ list-style: disc; margin: 5px 0;}
.prTxtMid ol li{ list-style: decimal;}
.prTxtMid ul, .prTxtMid ol{ padding-left: 20px;}

.requLink {
  width: 100%;
  padding: 15px 0 1px;
  text-align: left;
}
.requLink a{ font-size: var(--font-16); line-height: var(--line-16); font-weight: 300; color:#000; }
.requLink a i{ margin-right: 4px; color: #417D57;}

.prTxtIn{ width: 100%; min-height: 480px; border-bottom: 1px solid #000;}
.prTxtIn h4, .prTxtIn h6, .prTxtIn h5{ padding-bottom: 3px;}




.why-old-ful .col-md-3{width: 20%;text-align: center; margin-top: 40px; }

.image h5{ margin-top: 20px;}

.gracefulBox{ box-shadow: 0px 0px 20px 0px #0000001A; background: #fff; border-radius: var(--r-30); overflow: hidden; margin: 12px 0;}
.gracefulTxt{ width: 100%; padding: 20px;}
.gracefulTxt h3 a{ color: #000;}
.gracefulTxt p, .botmLink a{ font-weight: 300; font-size: var(--font-16); line-height: var(--line-16);}

.botmLink {
  border-top: 1px solid #000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; padding: 10px 0 0 0;
}
.botmLink a{ color: #000;}
.botmLink a i{ color: #417D57;}
.botmLink a:hover{ color: #417D57;}
.gracefulTxt p{ min-height: 110px;}
.arrowcaro .owl-nav button {
  width: 60px;
  height: 60px;
  background: #D9D9D9 !important;
  color: #000;
  font-size: 22px !important;
  border-radius: 60px;
  margin: 0 10px;
}
.arrowcaro .owl-nav button:hover{ background: #417D57 !important; color: #fff !important;}

.why-old-ful:before{
  width: 100%;
  height: 220px;
  position: absolute;
  top: -220px;
  left: 0px;
  content: "";
  background: url(../images/ovl2.png) no-repeat bottom center;
  background-size:100% 100%;
}

/*.beyondprofl{ padding-bottom: 180px;}*/
.why-old-ful{ padding-bottom: 180px; padding-top: 60px !important;}

.thubmlCaro .item{ padding: 10px 15px;}



.daily-living:before{
  width: 100%;
  height: 220px;
  position: absolute;
  top: -220px;
  left: 0px;
  content: "";
  background: url(../images/ovl3.png) no-repeat bottom center;
  background-size:100% 100%;
}


.testeSec:before{
  width: 100%;
  height: 220px;
  position: absolute;
  top: 0;
  left: 0px;
  content: "";
  background: url(../images/ovl4.png) no-repeat bottom center;
  background-size:100% 100%; z-index: 1;
}
.testeSec{ background-size: cover !important; padding-top: 290px;}
.testeSec:after{ background: #00210CB2; width: 100%; position: absolute; top: 0px; left: 0px;content: ""; height: 100%;}

.testeSec .banTxt p {
  max-width: 100%;
}


.contactInfo li{ margin-top: 35px; width: 100%; align-items: center;}
.contactInfo li img{ margin-right: 21px;}
.contactInfo li p{ padding-bottom: 0px;}
.contactInfo li p a{color: #fff;}


.inputFld{ margin: 10px 0;}
.inputFld .form-control {
  border-radius: 0px;
  border: 1px solid #fff;
  background: none !important;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  height: 55px;
  padding: 0 20px;font-size: var(--font-16); line-height: var(--line-16);
}
.inputFld .form-control::placeholder{ color: #fff;}
textarea.form-control{ padding: 20px !important; height: 120px !important; resize: none !important;}

.inputFld input{ border-radius: 0px;}


.contactSec::after {
  width: 100%;
  height: 220px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  content: "";
  background: url(../images/ovl3.png) no-repeat bottom center;
    background-size: auto;
  background-size: 100% 100%;
}











.footerSec{ width: 100%;}
.footLogo{ max-width: 204px;}
.footLogo img{ max-width: 100%;}



.footTop{ width: 100%; padding: 45px 0 60px;}
.ftLogo{ text-align: right;}

.footSos{ display: flex; flex-wrap: wrap;}
.footSos li a{ width: 50px; height: 50px; color: #fff; background: #417D57; border-radius: 100%;display: flex;
  align-items: center;
  justify-content: center; border: 1px solid #417D57;}
.footSos li{ margin-right: 7px;}
.footSos li a:hover{ background: #fff; color: #417D57;}


.foot-menu{ width: 100%; display: flex; flex-wrap: wrap;}
.foot-menu li{ width: 20%;}
.foot-menu li a{ width: 100%; color: #417D57; font-weight: 400; font-size: var(--font-16); line-height: var(--line-16); padding: 5px 0;}
.foot-menu li a:hover{ text-decoration: underline !important;}


.footBotm{ width: 100%; background: #417D57; color: #fff; padding: 15px 0;}
.footBotm p{ padding-bottom: 0px; font-size: var(--font-14); line-height: var(--line-14);}
.footBotm .container{  display: flex; flex-wrap: wrap;justify-content: space-between;}
.footBotm p a{ color: #fff;}

.wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff; margin: 15px 0 0 !important; }.invalid .wpcf7-response-output{ background:#dc3232; }.sent .wpcf7-response-output{ background:#84c426; }span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif; border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1;}span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232; content: ""; }.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}.wpcf7-form-control-wrap {  position: relative; width: 100%;}span.wpcf7-not-valid-tip {  top: 100%;}.rechfrmmain iframe {  transform: scale(0.77);  -webkit-transform: scale(0.77);  transform-origin: 0 0;  -webkit-transform-origin: 0 0;}.wpcf7-form p{ padding-bottom: 0px !important;}
.gracefulBox .w-100 img{ width: 100%; height: 220px;}

/* ===== Custom Scrollbar (Webkit Browsers) ===== */.prTxtMid::-webkit-scrollbar {    width: 6px;                /* Scrollbar width */}.prTxtMid::-webkit-scrollbar-track {    background: #e3e3e3;       /* Track color */    border-radius: 10px;}.prTxtMid::-webkit-scrollbar-thumb {    background: #e3e3e3;          /* Scrollbar color */    border-radius: 10px;}.prTxtMid::-webkit-scrollbar-thumb:hover {    background: #f7f7f7;}/* ===== Firefox Scrollbar ===== */.prTxtMid {  scrollbar-width: thin;  scrollbar-color: #f7f7f7 #e3e3e3;  height: 428px;  overflow: auto;}
.hedTxrt{ min-height: 120px;}
.fullcontn ul li {  list-style: disc;  margin: 5px 0;}
.bannerSec::before {height: 600px;background-size: 100% 100%;}
.bannerSec{ padding: 146px 0 0;}
.innerban .imgBx img {  border-radius: var(--r-30);  height: 368px;  object-position: top;}
.abutRows .row:nth-child(even){ flex-direction: row-reverse;}.abutRows .row:nth-child(2n) .ps-5 {  padding-right: 3rem !important;  padding-left: calc(var(--bs-gutter-x) * .5) !important;}
.abutRows .imgBx1 img{ height: 100%;}/*.abutRows .col-md-5{ height: 100%;}*/
.abutRows .imgBx1{ height: 100%;}.abutRows .row + .row{ margin-top: 70px;}
.visnMsnBox{ width: 100%; margin-top: 40px;}
.aboutVision{ width: 100%; padding-bottom: 90px;}
.list2_50 ul{  display: flex;  flex-wrap: wrap;padding: 0 20px;}.list2_50 ul li{ width: 50%; list-style: disc;padding: 0 2px; margin: 5px 0;}
.visnMsnBox i{ display: block; margin-bottom: 20px;}
.contactpage:before, .contactpage:after{ display: none;}.contactpage .darkbg{ border-radius: var(--r-30); height: 100%;}.header_sec{ background: #417D57;}.cmslist ul{ padding-bottom: 15px;}.cmslist ul li {  font-weight: 300;  position: relative;  padding-left: 24px;  margin: 10px 0;}.cmslist ul li::before {  content: "\e1a1";  font-family: "Font Awesome 7 Pro";  position: absolute;  left: 0px;  top: 0px;  font-weight: 900;  color: #417d57;}





.why-old-ful::before{ display: none;}
.contactSec{
  background: #000;
}
.grnHed{ background: #000;}


.headwhatsApp{ width: 39px;
  height: 39px;
  background: #22ce5a;
  border-radius: 100%;font-size: 21px;
  line-height: 39px;
  text-align: center;
  color: #fff !important;
  z-index: 111;}




.fixedwhatsApp {
  width: 45px;
  height: 45px;
  background: #22ce5a;
  border-radius: 100%;
  box-shadow: 0 0 8px #c2c2c2;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 28px;
  line-height: 45px;
  text-align: center;
  color: #fff !important;
  z-index: 111;
  animation: whatsapp-bounce 2.2s infinite;
  will-change: transform;
  transition: box-shadow .5s,transform .5s;
}






@keyframes whatsapp-bounce {
  0% {
    transform:translateY(0)
  }
  20% {
    transform:translateY(-6px)
  }
  40% {
    transform:translateY(0)
  }
  60% {
    transform:translateY(-3px)
  }
  80% {
    transform:translateY(0)
  }
  to {
    transform:translateY(0)
  }
}


.part2{ margin: 20px 0 0;}
.part2 h4 {
  text-align: left;
  font-family: var(--font1);
  font-size: var(--font-30);
  line-height: var(--line-30); font-weight: 700;
}

.listing-1 ul {
  display: flex;
  flex-wrap: wrap;
}

.listing-1 li {
 
  color: #fff;
  font-size: var(--font-18);
  line-height: var(--line-18);
  font-family: var(--font1);
  padding: 10px 0px;
}

.daily-living h4{  font-weight: 700;}
.listdot ul {
  list-style: disc;
  padding-left: 20px;
}

.listdot li {
  padding: 10px 0px;
}


.careerform h5{ padding-bottom: 0px;}
.bg-primary{ background: #417d57 !important;}

.fullcontn ul {
  padding-left: 15px;
}


.gt_selector{
  word-wrap: normal;
  width: 115px;
  height: 38px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #fff;
}

.voiceBxblg.gracefulBox .w-100 img{height: 400px;}


  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}

.listing-1 li{  width: 50%;}




}


@media only screen and (max-width: 1799px) {


:root
{
    --font-100:90px;
    --line-100:100px;
    
    --font-60:55px;
    --line-60:65px;
    
    --font-36:33px;
    --line-36:40px;
    
    --font-30:28px;
    --line-30:37px;
    
    --font-24:23px;
    --line-24:30px;
    
    --font-18:17px;
    --line-18:24px;
    
    --font-16:15px;
    --line-16:26px;
    
    --font-14:14px;
    --line-14:16px;
    
    
    --container:1440px;
    
    --r-40: 30px;
	--r-30: 20px;

}



}


@media only screen and (max-width: 1599px) {

:root
{
    --font-100:80px;
    --line-100:90px;
    
    --font-60:50px;
    --line-60:60px;
    
    --font-36:30px;
    --line-36:40px;
    
    --font-30:26px;
    --line-30:37px;
    
    --font-24:22px;
    --line-24:30px;
    
    --font-18:17px;
    --line-18:24px;
    
    --font-16:15px;
    --line-16:26px;
    
    --font-14:14px;
    --line-14:16px;
    
    
    --container:1340px;
    
    --r-40: 30px;
	--r-30: 20px;

}


}   





@media only screen and (max-width: 1399px) {


:root
{
    --font-100:70px;
    --line-100:80px;
    
    --font-60:40px;
    --line-60:50px;
    
    --font-36:25px;
    --line-36:35px;
    
    --font-30:22px;
    --line-30:33px;
    
    --font-24:20px;
    --line-24:30px;
    
    --font-18:16px;
    --line-18:21px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:16px;
    
    
    --container:1170px;
    
    --r-40: 60px;
	--r-30: 10px;

}


.prTxtIn{ min-height: 400px;}

.bannerSec::before {height: 158px; background-size: 100% 100%;} 

.pt-6 {
  padding-top: 70px !important;
}
.darkbg, .lightbg, .tophead {
  padding: 55px 0;}
.grnHed{ min-height: 85px;}
/*.beyondprofl {
  padding-bottom: 85px;
}*/
.why-old-ful::before, .daily-living::before { top: -180px; height: 180px;}

.image img{ max-width: 88px; object-fit: inherit;}
.why-old-ful {
  padding-bottom: 145px !important;
  padding-top: 55px !important;
}
.gracefulTxt p {
  min-height: 83px;
}
.arrowcaro .owl-nav button {
  width: 50px;
  height: 50px;}
.testeSec::before, .contactSec::after { height: 180px;}

.testeSec{ padding-top: 237px !important;}






} 


@media only screen and (max-width: 1199px) {


:root
{
    --font-100:60px;
    --line-100:70px;
    
    --font-60:35px;
    --line-60:45px;
    
    --font-36:22px;
    --line-36:32px;
    
    --font-30:20px;
    --line-30:30px;
    
    --font-24:18px;
    --line-24:26px;
    
    --font-18:15px;
    --line-18:19px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:16px;
    
    
    --container:950px;
    
    --r-40: 60px;
	--r-30: 10px;

}
.navbar-brand{ width: 165px;}

.menu_sec li{padding-left: 15px;padding-right: 15px;}

.imgBx{ padding: 10px;}

.butns{min-width: 215px; line-height: 45px;}

 .why-old-ful::before, .daily-living::before {
    top: -150px;
    height: 150px;
  }

 .testeSec::before, .contactSec::after {
    height: 150px;
  }
.foot-menu li {
  width: 33.333%;
}
.imgBx1{ padding: 7px;}



}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(0,0,0,0.9); width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
        





:root
{
    --font-100:50px;
    --line-100:60px;
    
    --font-60:35px;
    --line-60:45px;
    
    --font-36:22px;
    --line-36:32px;
    
    --font-30:20px;
    --line-30:30px;
    
    --font-24:18px;
    --line-24:26px;
    
    --font-18:15px;
    --line-18:19px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:16px;
    
    
    --container:720px;
    
    --r-40: 60px;
	--r-30: 10px;

}
.nav_top .navbar-toggler{ padding: 25px 0;}

 .navbar-collapse {
    position: fixed;
    top: 0;
    left: -240px;
    background: rgba(0,0,0,0.9);
    width: 240px;
    z-index: 11;
    display: block !important; transition: all 0.3s ease; height: 100%; overflow: auto;
  }
 .navbar-collapse.show{ left: 0px;}
.menu_sec li a{ padding: 9px 15px !important;}
.menu_sec li{ padding: 10px !important;}
.menu_sec li a:before{ display: none !important;}


.bannerSec{ padding: 110px 0 0;}
.bannerSec::before {
    height: 115px;
    background-size: 100% 100%;
  }
.darkbg, .lightbg, .tophead {
    padding: 50px 0;}
.pt-6 {
    padding-top: 45px !important;
  }
.ps-5 {
  padding-left: 1rem !important;
}
.prTxt {
  padding: 17px 15px 13px;
}
.prTxtIn {
    min-height: 440px;
  }
.why-old-ful::before, .daily-living::before {
    top: -120px;
    height: 120px;
  }
.why-old-ful .col-md-3 {
  width: 33.333%;
  text-align: center;
  margin-top: 25px;
}

.why-old-ful {
    padding-bottom: 79px !important;
    padding-top: 37px !important;
  }
 .testeSec::before, .contactSec::after {
    height: 100px;
  }
.testeSec {
    padding-top: 140px !important;
  }
.contactInfo li img {
  margin-right: 13px;
  width: 36px;
}
.ftLogo {
  text-align: center;
}


.headwhatsApp {
    position: absolute;
    top: 15px;
    right: 68px;
  }










}

 
@media only screen and (max-width: 767px){
:root
{
    --font-100:40px;
    --line-100:50px;
    
    --font-60:35px;
    --line-60:45px;
    
    --font-36:22px;
    --line-36:32px;
    
    --font-30:20px;
    --line-30:30px;
    
    --font-24:18px;
    --line-24:26px;
    
    --font-18:15px;
    --line-18:19px;
    
    --font-16:14px;
    --line-16:20px;
    
    --font-14:13px;
    --line-14:16px;
    
    
    --container:100%;
    
    --r-40: 60px;
	--r-30: 10px;

}

.bannerSec::before {
    height: 49px;}
 .ps-5 {
    padding-left: 1rem !important;
    padding-top: 20px;
  }

.promisBox{ margin: 12px 0;}
.prTxtIn {
    min-height: auto;
  }
 .why-old-ful::before, .daily-living::before {
    top: -100px;
    height: 100px;
  }
.footSos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footSos li{ margin: 6px;}

.prTxtMid{ height: 300px;}
.promisBox{ box-shadow: 0px 0px 0px 0px #0000001A;}


}




@media only screen and (max-width: 640px){ 
.why-old-ful .col-md-3 {
    width: 50%;
    text-align: center;
    margin-top: 25px;
  }
.gracefulBox{ margin: 12px 0;}  
.thubmlCaro .item {
  padding: 10px 9px;
}

.footTop {
  width: 100%;
  padding: 38px 0 30px;
}
 .testeSec::before, .contactSec::after {
    height: 57px;
  }


} 

@media only screen and (max-width: 480px){ 
 .why-old-ful::before, .daily-living::before {
    top: -65px;
    height: 65px;
  }
 .foot-menu li {
    width: 50%;
  }

}
@media only screen and (max-width: 400px){ 
 .why-old-ful .col-md-3 {
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }



}