/* ----------------------------------------About page-------------------------------------------------------- */
@font-face {font-family: "Plus-b";
src: url('../font/plus/PlusJakartaSans-Bold');}

.banner{background: url('../img/about/banner.webp') center/cover no-repeat;
 min-height: 96vh;display:flex;flex-direction: column;justify-content:center; align-items:center;}
.banner .ban-sub1{display: flex;flex-direction: column;justify-content: center;padding-left: 105px;}
.banner .ban-sub1 h1{font-size: 4.5rem;color: #FFCD4F;}
.banner .ban-sub1 nav .breadcrumb-item, .banner .ban-sub1 nav .breadcrumb-item a{
 color: white;font-family: "Plus";text-decoration: none;}
.banner .ban-sub1 nav li.active{color: white;}
.breadcrumb-item + .breadcrumb-item::before{color: #fff !important;}
.about-bg, .about-bg1{position: relative;background: #F9FCF5;padding: 50px 0px;
 color: #ffff;z-index: 9;}
.about-bg::before, .about-bg1::before{content: "";position: absolute;inset: 0;
 background: url('../img/bg.webp');background-size: 100%;opacity: 0.08;z-index: -1;
 background-repeat: repeat-y;}
.abt-seca1{padding: 50px 0px;}
.abt-seca .seca1-sub1 h1{color:#347937;padding-bottom: 20px;font-family: "Inria-b";
 font-size: 3.8rem;padding-top: 15px;line-height: 59px;}
.abt-seca .seca1-sub1 h1 .small{font-size: 3rem;}
.abt-seca .seca1-sub2 p, .abt-seca .seca1-sub3 p{color: #0D2A0F;font-family: "Mont-m";
 font-size: 14px;line-height: 28px;text-align: left;}
.abt-seca .seca1-sub2 p::first-letter{font-size: 20px;}
.abt-secb1{padding: 50px 0px;}
.abt-secb1 .secb1-sub1 .f-img, .abt-secb1 .secb1-sub2 .f-img{height: 300px !important;
 width: 100%;object-fit: cover;border-radius: 20px;}
.about-bg1{background: linear-gradient(45deg, #0D2A0F 0%, #091B0A 100%);}
.about-bg1 .abt-secc::before{content: "";display: inline-block;width: 210px;
 height: 150px;background-image: url('../img/about/f.webp');
 background-repeat: no-repeat;background-size: cover;position: absolute;right: 3%;
 top: 0%;animation: sparkle 1.5s infinite ease-in-out;}
.secd1-sub1 .secd1-z::before{content: "";display: inline-block;width: 150px;
 height: 150px;position: absolute;bottom: -10%;left: 0%;background-image:url('../img/about/leaf.webp');
 background-repeat: no-repeat;background-size: contain;animation: sparkle 1.5s infinite ease-in-out;}
.about-bg1 .sec1-sub1 h2{font-family: "Mont-sb";text-transform: uppercase;
 padding: 0px 30px;padding-right: 150px;}
.about-bg1 .sec1-sub1 h2 span{font-family: "Inria-b";text-transform: capitalize;
 color: #FFCD4F;font-size: 45px;}
.about-bg1 .abt-secd{padding: 50px 0px;}
.about-bg1 .secd1-sub2{padding: 25px 20px;}
.about-bg1 .secd1-a .square, .about-bg1 .secd1-b .square, 
.about-bg1 .secd1-c .square, .about-bg1 .secd1-d .square{width: 50px;height: 50px;}
.about-bg1 .secd1-a .square img, .about-bg1 .secd1-c .square img, .about-bg1 .secd1-d .square img{padding: 8px 8px;}
.about-bg1 .secd1-b .square img{padding: 3px 10px;}
.about-bg1 .secd1-a, .about-bg1 .secd1-b, .about-bg1 .secd1-c, .about-bg1 .secd1-d{padding: 10px 30px;}
.about-bg1 .secd1-a h5, .about-bg1 .secd1-b h5, .about-bg1 .secd1-c h5, .about-bg1 .secd1-d h5{
  font-family: "Mont", sans-serif;color: #FFCD4F;padding-top: 10px;margin-bottom: 5px;
  font-weight: 600;letter-spacing: 0.6px;text-transform: uppercase;font-size: 14px;
  line-height: 28px;}
.about-bg1 .secd1-a p, .about-bg1 .secd1-b p, .about-bg1 .secd1-c p, .about-bg1 .secd1-d p{
  font-family: "Mont", sans-serif;font-size: 14px;letter-spacing: 0.6px;}
.foot-suba{position: relative;background: linear-gradient(45deg, #0D2A0F 0%, #091B0A 100%);
  color: #fff;z-index: 9;}
.foot-suba::before {content: "";position: absolute;inset: 0;background: url('../img/bg.webp');
background-size: 100%;opacity: 0.08;z-index: -1;background-repeat: repeat-y;}

@media (min-width: 1045px) and (max-width: 1100px){
body{overflow-x: hidden;}
.secd1-sub1 .secd1-z::before{bottom: -14%;}
.about-bg1 .sec1-sub1 h2{padding-right: 90px;}
.about-bg1 .secd1-sub2{padding: 0;}
.about-bg1 .secd1-a p:last-of-type, .about-bg1 .secd1-b p:last-of-type, .about-bg1 .secd1-c p:last-of-type, .about-bg1 .secd1-d p:last-of-type{font-size: 12px;}
.abt-seca .seca1-sub1 h1{font-size: 3.4rem;}
.about-bg1 .abt-secd a{width: 30% !important;}
}

@media (min-width: 1101px) and (max-width: 1299px){
body{overflow-x: hidden;}
}
@media (min-width: 1400px) and (max-width: 1800px){
body{overflow-x: hidden;}
}
@media (min-width: 1700px) and (max-width: 1800px){
.about-bg{min-height: 80vh;}
}
@media (min-width: 1801px) and (max-width: 2200px){
.about-bg{min-height: 60vh;}
}
@media (min-width: 992px) and (max-width: 1044px){
.top .head-nav .nav-link{padding: 15px 18px !important;}
.hdr .head-nav .nav-link{margin: 0px 1px;font-size: 10px;}
.abt-seca .seca1-sub1 h1{font-size: 3rem;}
.about-bg1 .secd1-sub2{padding: 0;}
.about-bg1 .sec1-sub1 h2{padding-right: 100px;}
.about-bg1 .secd1-a p:last-of-type, .about-bg1 .secd1-b p:last-of-type, .about-bg1 .secd1-c p:last-of-type, .about-bg1 .secd1-d p:last-of-type{
  font-size: 12px;}
.abt-seca .seca1-sub2 p, .abt-seca .seca1-sub3 p{font-size: 11px;}
.secd1-sub1 .secd1-z::before{bottom: -15%;}
}

@media (min-width: 768px) and (max-width: 991px){
.hdr .head{padding: 10px 30px;}
.banner .ban-sub1 h1{font-size: 3.6rem;}
.top .head-nav .nav-link{padding: 15px 6px !important;}
.abt-seca .seca1-sub1 h1{font-size: 2.6rem;padding-bottom: 20px;}
.abt-seca .seca1-sub1 h1 br{display: none;}
.abt-seca .seca1-sub1 h1 .small {font-size: 2.3rem;}
.about-bg1 .sec1-sub1 h2 {padding-right: 210px;}
.secd1-sub1 .secd1-z::before{bottom:-6%;}
.secd1-z img{display: block;margin: auto;}
.about-bg1 .secd1-sub2{padding: 25px 100px;}
.about-bg1 .secd1-a p:last-of-type, .about-bg1 .secd1-b p:last-of-type, .about-bg1 .secd1-c p:last-of-type, .about-bg1 .secd1-d p:last-of-type{
 font-size: 13px;}
.foot-sub1{justify-content: left;margin-bottom: 20px;}
.about-bg1 .abt-secd a {width: 38% !important;}
}

@media (min-width: 100px) and (max-width: 767px){
.hdr .head{padding: 10px 10px;}
.hdr .head-logo{justify-content: flex-start;}
.banner .ban-sub1 nav .breadcrumb-item, .banner .ban-sub1 nav .breadcrumb-item a{
 font-size: 12px;}
.banner .ban-sub1 h1 {font-size: 2.6rem;}
.banner{min-height: 0;}
.banner .ban-sub1{padding-left: 50px;}
.top .head{padding-top:0px !important;}
.top .head-logo img{transform: scale(1.5);}
.abt-seca .seca1-sub1 h1 {line-height: 34px;font-size: 2.5rem;}
.abt-seca .seca1-sub1 h1 .small{font-size: 2rem;}
.secb1-sub1{margin-bottom: 20px;}
.about-bg1 .sec1-sub1 h2{padding: 0;padding-right: 135px;}
.about-bg1 .abt-secc::before{width: 155px;}
.secd1-sub1 .secd1-z::before{display: none;}
.about-bg1 .abt-secd a{width: 40% !important;}
.abt-seca .seca1-sub1 h1 br{display: none;}
}

@media (min-width: 350px) and (max-width: 499px){
.banner .ban-sub1 h1 {font-size: 1.7rem;}
.about-bg1 .abt-secc::before{display: none;}
.about-bg1 .sec1-sub1 h2{padding: 0;}
.about-bg1 .secd1-a .square, .about-bg1 .secd1-b .square, .about-bg1 .secd1-c .square, .about-bg1 .secd1-d .square{
 display: block;margin: auto;}
}

@media (max-width:575px){
.about-bg1 .abt-secd a{text-align: left;}
}

.seca1-sub1{display: flex;justify-content:center;align-items:center;}
#read-m, #read-m1, #read-m2, #read-m3{display: none;}
#lk1, #lk1a,#lk1b,#lk1c{display: none;}
.about-bg1 .abt-secd  a{color:#fff;padding:0;text-decoration:underline;width: 30%;}
.banner{padding-top: 100px;}