@charset "utf-8";
/* CSS Document */
@media all{

:root{
  --PrimaryClr  :#5ab48f;
  --AboutBG     : #1b895c;
  --SectionBg   : #f7fbf9;
  --BorderClr   : #ececec;
  --WhiteClr    :#ffffff;
  --BlackClr    :#000000;

  --SectionSpace  : 100px;
}

      
figure,h1,h2,h3,h4,p{padding:0;margin:0}h4,ol,ul,ul ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:focus,body a,body a:active,input[type=text]:focus,textarea:focus{outline:0}article,aside,dialog,figure,footer,header,hgroup,nav,ol,p,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup{outline:0;vertical-align:baseline}figure,p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}ol{list-style-type:decimal}a img,img{vertical-align:middle}a img{border:0}body a:focus{-mos-outline-style:none;outline:0}body:-moz-any-link:focus{outline:0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}

html {-webkit-text-size-adjust:none;}
div{vertical-align:top;}
img{max-width:100%; width:auto; height:auto;}
a{cursor:pointer; transition:all 0.2s ease; text-decoration:none;}
a:hover, a:focus{text-decoration:none;}
html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html {position:relative; min-height:100%;}
aside, .right-side, .navbar-collapse{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
button:focus {outline:0px dotted; outline:0px auto -webkit-focus-ring-color;}
.btn.focus, .btn:focus {outline:0; box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);}

/*Typekit*/
html, body{font-family: "Poppins", serif; font-size:16px; line-height: 28px; color:var(--BlackClr); font-weight:400; padding:0px; margin:0px;}
p{margin-bottom:15px}

p:last-child{margin-bottom:0px;}
.form-control:focus{box-shadow:0 0 0 0rem rgba(0,123,255,.25);}
.row:before, .row:after {display:none !important;}

h1, h2, h3, h4, h5, h6{font-family: "Poppins", serif;}
h1{font-size:53px;}
h2{font-size:42px; font-weight:600;}
h3{font-size:46px; line-height: 60px; font-weight: 600;}
h4{font-size:22px;}
h5{font-size:18px;}
dt,h6{font-size:15px}


/*Typekit END*/
.hero-left *,
.abt-section-info *{margin-bottom: 0px;}

.btn-primary{border-radius:30px; border:solid 2px var(--WhiteClr); font-size:1rem; font-weight:500; letter-spacing:0.5px; color:var(--WhiteClr); padding:0.7rem 2rem;min-width:200px; 
  transition:all 0.5s ease;
}

.lines {width: calc(100% - 200px); margin: 0 100px; z-index: -1;}
.lines .line {width: 1px; background-color: var(--BorderClr);}

.have-bottom-shape:before,
.have-bottom-shape:after {position: absolute; content: url('../images/plus.webp'); width: 30px; height: 30px; background-color: var(--WhiteClr); border-radius: 50%; bottom: 0;
left: 100px; transform: translate(-50%, 50%); z-index: 1; display: flex; justify-content: center; align-items: center }
.have-bottom-shape:after { left: auto; right: 100px; transform: translate(50%, 50%);}

.btn-outline{border: solid 1px var(--PrimaryClr);font-weight: 500;border-radius: 30px;padding: 0.6rem 3rem;color: var(--BlackClr);}
.btn-outline:hover{color: var(--WhiteClr); background: var(--PrimaryClr);}

.header{border-bottom: solid 1px var(--BorderClr); padding:25px 0px;}
.navbar-brand img{max-height:47px;}
.navbar-nav li a{font-size:15px; color:var(--BlackClr);transition:all 0.5s ease;}

.home-hero{padding: 50px 0px;}
.home-hero-main{display: grid; grid-template-columns:1fr 1fr; align-items: center; column-gap: 2rem;}

.hero-left{padding-left: 10%; row-gap:1.2rem;}
.hero-left h1{font-weight: 400;}
.hero-left h1 strong{font-weight: 700;font-size: 63px; display: block;}
.hero-left h1 span{color: var(--PrimaryClr); color:#2e815f; font-weight: 700;font-size: 63px; display: block;}
.hero-left p{max-width:83%; font-weight: 300;}

.home-hero-main.inner-hero{grid-template-columns: 1fr; margin-top: var(--SectionSpace); margin-bottom: var(--SectionSpace);}
.home-hero-main.inner-hero .hero-left{padding-left: 5%;}
.inner-hero h1 strong{color: var(--PrimaryClr); line-height:60px;}
.inner-hero .btn-outline{color: var(--PrimaryClr);}
.inner-hero .btn-outline:hover{color: var(--WhiteClr);}

.image-rotate{padding-top:75%; border-radius:30px; margin: 0 auto; max-width:450px; transform: skew(-13deg); overflow: hidden; background:var(--PrimaryClr);}
.image-rotate figure{inset: 0; transform: skew(13deg);}
.image-rotate figure img{transform: scale(1.26);}

.has-inner{display: grid; grid-template-columns:1fr 1fr; align-items: center; column-gap: 2rem; padding: 50px; background: var(--SectionBg);}
.has-right h2{max-width: 50%; margin-bottom: 1.4rem;}
.has-right p{max-width: 75%;}

.home-servies{background: var(--BlackClr); padding: 70px 0px; color: var(--WhiteClr);}
.hs-grid{display: grid; grid-template-columns:35% 1fr; column-gap:3rem; align-items: center;}
.home-product-list{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 2rem; margin-top: 80px;}
.hs-card figure{width: 50px; height: 50px; margin-bottom:30px; background: var(--WhiteClr); border-radius: 4px; padding: 0.5rem;}
.hs-card h3{font-size:18px; line-height: 26px; font-weight: 400; padding: 0px 2rem;}
.hs-card h3 a{color:currentColor;}
.hs-card h3 a:hover{color: var(--PrimaryClr);}

.section-t-space{margin-top:var(--SectionSpace);}
.section-b-space{margin-bottom:var(--SectionSpace);}

.cnt-sec-inner{display: grid; grid-template-columns:35% 1fr; column-gap:3rem; align-items: center;}
.cnt-sec-inner-blog{align-items: flex-start;}
.cnt-section-hd{column-gap: 35px;}
.cnt-section-hd span{width: 78px; height: 1px; display: inline-block; background:currentColor; margin-left: 35px; position: relative;}
.cnt-section-hd span::before{content: ''; height: 75px; width: 1px; position: absolute; right: 20px; bottom: -20px; background: currentColor;}
.cnt-section-hd h2{font-size: 16px; color: var(--BlackClr); font-weight: 400; letter-spacing: 0.5px;}
.cnt-sec-info{padding-right:8%; row-gap: 30px;}
.cnt-sec-info span{font-size: 14px;}

.home-blog-list{padding-bottom:40px; border-bottom: solid 1px var(--BorderClr); row-gap: 1rem;}
.home-blog-list h3{font-size:36px; line-height: 42px; color: var(--BlackClr);}
.home-blog-list h3 a{color: currentColor;}
.home-blog-list h3 a:hover{color: var(--PrimaryClr);}

.call-action{background: var(--BlackClr); padding: 80px 0px; color: var(--WhiteClr);}
.call-act-inner{display: grid; grid-template-columns:1fr 1fr; column-gap: 3rem;}
.cta-left h2{font-weight: 600; margin-bottom: 15px;}
.cta-left p{font-size: 14px; font-weight: 300; max-width:63%;}
.or-txt{margin:2rem 0px; color: var(--PrimaryClr); font-weight: 600;}
.or-txt::after{content: '';width: 7rem;height: 1px;display: inline-block;background: var(--PrimaryClr);margin-left: 10px;position: absolute;top: 48%;}

.cta-call-txt p{font-size: 1rem; font-weight: 600;}
.cta-call-txt a{font-size: 26px; font-weight: 300; color:currentColor; letter-spacing:1px;}
.cta-call-txt a:hover{color: var(--PrimaryClr);}

.cta-form{max-width: 500px;}
.cta-form .form-group{margin-bottom:0.5rem;}
.cta-form .form-control{color: var(--WhiteClr); border-bottom: solid 1px #4d4d4d!important; padding:20px 0px;}
.cta-form .form-control:focus{border-color: var(--PrimaryClr)!important;}
.cta-form textarea.form-control{resize: none; height:100px;}

.cta-form .form-control::-webkit-input-placeholder {color:var(--WhiteClr); opacity: 0.4;}
.cta-form .form-control::-moz-placeholder {color:var(--WhiteClr); opacity: 0.4;}
.cta-form .form-control:-ms-input-placeholder {color:var(--WhiteClr); opacity: 0.4;}
.cta-form .form-control:-moz-placeholder {color:var(--WhiteClr); opacity: 0.4;}
.cta-form .btn-outline{margin-top:30px; border-color:var(--WhiteClr); color: var(--WhiteClr); background: transparent;}
.cta-form .btn-outline:hover{background: var(--PrimaryClr); border-color: var(--PrimaryClr);}

.footer{padding: 50px 0px; border-top: solid 1px var(--BorderClr);}
.footer-bottom{border-top: solid 1px var(--BorderClr); padding: 1rem 0px;}

.fb-nav{column-gap:25px;}
.fb-nav a{font-size: 13px; color: var(--BlackClr); letter-spacing: 0px;}
.fb-nav a:hover{color: var(--PrimaryClr);}
.copy-txt{font-size: 13px;}

.footer-main{display: grid; grid-template-columns:30% 21% 25% 1fr; column-gap: 2rem;}
.fleft img{max-height: 60px;}
.fleft p{max-width: 80%; margin-top:25px;}
.footer-main h3{font-size: 18px; text-transform: uppercase; font-weight: 600;}
.footer-main ul{list-style:none; padding: 0px; margin: 0px;}
.footer-main ul li a{font-size:14px; color: var(--BlackClr); letter-spacing: 0.5px;}
.footer-main ul li a:hover{color: var(--PrimaryClr);}

.support-txt a{color: var(--BlackClr); margin-bottom: 5px;}
.support-txt a:hover{color: var(--PrimaryClr);}


/* About us page */
.about-sub{padding:100px 0px 100px 0px; background:var(--AboutBG); margin-top: 200px;}
.about-sec-grid{display: grid; grid-template-columns:50% 1fr; column-gap: 4rem;}
.about-img{padding-top: 75%; margin-top: -200px;}

.abt-section-info{color: var(--WhiteClr); row-gap:2rem;}
.abt-section-info h2{max-width: 80%; font-size: 32px; line-height: 48px;}
.abt-section-info p{max-width: 80%;}

.about-black-inner{display:grid; grid-template-columns: 35% 1fr;  column-gap: 3rem; background: var(--BlackClr); padding:50px; color: var(--WhiteClr); margin-bottom: var(--SectionSpace);}

.about-blk-right h3{margin-bottom:1.4rem;}
.about-blk-right p{max-width: 80%;}
.about-blk-right p a{color: var(--PrimaryClr);}
.about-blk-right p a:hover{color: var(--WhiteClr);}

.inner-content{margin: var(--SectionSpace) 0px;}

.icnt-main{display: grid; grid-template-columns: 35% 1fr;  column-gap: 3rem;}
.accordion-button{font-size: 32px; font-weight: 600;padding: 2rem 0px!important;}
.accordion-button:hover{color: var(--AboutBG); }
.accordion-button:not(.collapsed){background: transparent; border: 0px; box-shadow:none; color: var(--AboutBG);}
.accordion-button:focus{box-shadow: none;}

.accordion-body ul{margin: 0px; padding: 0px; list-style: none;}
.accordion-body ul li{position: relative; padding-left: 20px; padding-bottom:20px;}
.accordion-body ul li:last-child{padding-bottom: 0px;}
.accordion-body ul li:before{content: ''; width:6px; height:6px; background: var(--PrimaryClr); position: absolute; top:10px; left: 0px; }
.accordion-body h3{font-size:1.2rem;}

.cms-pages{padding-bottom:3rem;}
.cms-pages h2{font-size: 1.4rem; margin-bottom:10px; color: var(--AboutBG);}
.cms-pages h3{font-size: 1.4rem; margin-bottom:10px; line-height: inherit; margin-top: 2rem; color: var(--AboutBG);}
.cms-pages ul{list-style: none; padding: 0px; margin: 0px;}
.cms-pages ul li{position: relative; padding-left:20px; padding-bottom:10px;}
.cms-pages ul li:before{content: ''; position: absolute; left: 0px; top:10px; width:6px; height:6px; background: var(--AboutBG);}

.build-channel-grid{background: var(--SectionBg); padding: 4rem 0px;}
.build-grid-main{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap:2rem; row-gap: 2rem; text-align: center;}
.build-grid-main h3{font-size:1.4rem; max-width: 80%; margin: 0 auto; line-height: 2.2rem; min-height:77px; margin-bottom: 1.4rem; text-transform: uppercase;}

.do-not-sell-form {max-width: 500px; margin: 5rem auto 2rem auto; background: #f5f5f5; padding: 2rem;}
.do-not-sell-form .form-control{padding:0.7rem 1rem;}
.do-not-sell-form label span{color: red;}

.parsley-errors-list{list-style: none; padding: 0px; margin: 0px;}
.parsley-errors-list li{font-size:14px; color:#ff0000}

}


@media only screen and (max-width: 1919px) {
  .lines {width: calc(100% - 60px); margin: 0 30px;}
  .have-bottom-shape:before, .have-bottom-shape:after {left: 30px;}
  .have-bottom-shape:after {left: unset; right: 30px;}
  .about-img{padding-top:100%;}
}

@media all and (max-width: 1199px) {
  .lines,
  .have-bottom-shape:before, 
  .have-bottom-shape:after {display: none!important;}
}

@media all and (min-width:1400px){
  .container {max-width: 1320px;}
}

@media (min-width: 1600px) {
  .container {max-width: 1550px;}
}

@media (min-width:992px) {
  .navbar-nav .nav-link.active{color:var(--PrimaryClr);}
  .navbar-nav .nav-link:hover{color:var(--PrimaryClr);}
  .navbar-expand-lg .navbar-nav .nav-link {padding-right:0;padding-left:0;margin:0px 1rem 0px 0rem; font-size:14px;}  
  .dropdown-menu[data-bs-popper]{ background: var(--PrimaryClr); border-radius:0px; overflow:hidden; border:0;}
  .dropdown-menu[data-bs-popper] .dropdown-item{color:var(--WhiteClr); font-size:0.9rem; padding:0.5rem 1.4rem;}
  .dropdown-menu[data-bs-popper] .dropdown-item:hover{background:#6cc39f;}
  .navbar-expand-lg .navbar-nav .nav-link{position:relative;}
}

@media (min-width:1100px) {
  .navbar-expand-lg .navbar-nav .nav-link {padding-right:0;padding-left:0;margin:0px 3rem 0px 0rem;}  
}



@media all and (max-width:1550px){
  .has-right h2{max-width: 60%;}
}

@media all and (max-width:1400px){
  .container{max-width:90%;}
  .has-right h2{max-width: 80%;}
  .has-right p {max-width:100%}
  .hs-card h3 {font-size: 16px; padding: 0px 1rem;}
}

@media all and (max-width:1199px){
  .container{max-width:96%;}

  .about-sub{padding:50px 0px; margin-top: 100px;}
  .about-img{margin-top: -100px;}


}

@media all and (max-width:960px){
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show,
  .nav-link:focus, .nav-link:hover,
  .navbar-nav li a{color:var(--WhiteClr);}
  .navbar-nav{align-items:flex-start!important;}
  li.nav-item {border-bottom:solid 1px var(--BorderClr); width:100%; padding:0.5rem 0rem;}
  .navbar-nav .dropdown-menu {background:transparent; border:0;}

  .brand-wap{width: calc(100% - 200px);}

  .home-hero-main,
  .has-inner,
  .cnt-sec-inner,
  .icnt-main,
  .about-black-inner{grid-template-columns: 1fr; row-gap: 2rem;}
  .hero-left{padding-left: 0px;}

  .image-rotate{max-width: 100%;transform: skew(0deg);}
  .image-rotate figure{transform:skew(0deg);}
  .image-rotate figure img{transform: scale(1);}

  .hero-left p{max-width:100%;}
  .has-inner{padding: 2rem;}
  
  .cnt-section-hd{align-items: center!important;}
  .cnt-section-hd span:before{display: none;}
  .cnt-section-hd span{margin-left: 0px;}

  .call-act-inner{column-gap: 1rem;}
  .cta-left p{max-width:100%}
  .home-product-list {grid-template-columns: 1fr 1fr; column-gap: 2rem; margin-top: 80px; row-gap: 2rem;}
  .footer-main{grid-template-columns: 1fr 1fr;}

  .fb-nav {column-gap: 15px;}
  .fb-mob{flex-direction: column;}

  .about-sub{padding:0px; margin-top: 100px;}
  .about-img{margin-top:0px;}
  .about-sec-grid{grid-template-columns: 1fr;}
  .about-img {padding-top:76%;}
  .abt-section-info{padding: 2rem;}
  .abt-section-info h2, .abt-section-info p{max-width: 100%;}

  .accordion-button {font-size: 26px;}

}

@media all and (max-width:767px){  
  :root{
    --SectionSpace  : 50px;
  }
  
  h1,
  .hero-left h1 span,
  .hero-left h1 strong{font-size:40px;}
  h2{font-size: 36px;}
  h3{font-size:26px; line-height: normal;}
  
  .navbar-brand img {max-height:40px;}
  .navbar-toggler{border:0px;}
  .brand-wap {width: calc(100% - 0px);}
  .header{padding:10px 0px;}
  .home-hero {padding: 30px 0px;}

  .image-rotate{border-radius: 10px;}
  .has-inner {padding:1rem;}

  .has-right h2 {max-width: 100%;}

  .cnt-section-hd span{width: 50px;}
  .cnt-section-hd {column-gap: 15px;}
  .cnt-sec-info{padding-right: 0px;}
  .hs-grid{grid-template-columns:1fr; row-gap: 1rem;}

  .home-servies, .call-action{padding: 50px 0px;}
  .home-product-list {margin-top: 50px; column-gap: 1rem; align-items: flex-start !important;}
  .hs-card h3 {font-size: 14px; padding: 0px 0rem; line-height: normal;}

  .home-blog-list h3 {font-size: 26px; line-height: 33px;}

  .call-act-inner{grid-template-columns: 1fr; row-gap: 2rem;}
  .cta-left h2{font-size:30px;}
  
  .footer{padding: 30px 0px;}
  .footer-main {grid-template-columns: 1fr; row-gap:1.5rem;}
  .fb-nav {column-gap: 1rem;flex-wrap: wrap;justify-content: center;margin-bottom: 1rem;row-gap: 0;}
  .footer-main h3{margin-bottom: 0.5rem;}
  .fleft p {max-width: 100%; margin-top: 20px; font-size: 0.89rem; line-height: 1.6rem;}
  .footer-main ul{display: grid; grid-template-columns: 1fr 1fr;}

  .about-sub{margin-top: 80px;}
  .abt-section-info{row-gap: 1rem;}
  .abt-section-info h2 {font-size: 24px;  line-height: 34px;}

  .accordion-button {font-size: 18px; padding: 1.4rem 0px !important;}

  .about-black .container{max-width: 100%; padding: 0px;}
  .about-black-inner{padding: 1.4rem;}
  .about-blk-right h3{font-size: 24px;}
  .about-blk-right p{max-width: 100%;}

  .build-grid-main{grid-template-columns:1fr;}
  .build-grid-main h3{min-height: auto;}

}