/*---------------

COLOR : #74c209;

--------------*/


.swal2-container {
    z-index: 10000 !important;
  }
  
  *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }
  
  *:focus {
      outline: 0 !important;
  }
  
  
  @font-face {
      font-family: epilogue-semibold;
      src: url(../fonts/Epilogue-SemiBold.ttf);
  }
  
  @font-face {
      font-family: epilogue-medium;
      src: url(../fonts/Epilogue-Medium.ttf);
  }
  
  
  @font-face {
      font-family: epilogue-regular;
      src: url(../fonts/Epilogue-Regular.ttf);
  }
  
  @font-face {
      font-family: epilogue-variable;
      src: url(../fonts/Epilogue-Variable.ttf);
  }
  
  @font-face {
      font-family: cera-pro-medium;
      src: url(../fonts/cera_pro_medium.otf);
  }
  
  
  
  
  html, 
  body {
      font-family: 'epilogue-medium', serif;
      scroll-behavior: smooth;
      margin: 0!important;
      padding: 0!important;
    width: 100%;
      font-smoothing:antialiased;
  }
  
  body{
      overflow-x: hidden;
  }
  
  a{
      text-decoration: none !important;
      cursor: pointer;
  }
  
  .cont{
      max-width: 1320px;
      margin: 0 auto;
    }
    
    @media (max-width: 650px) {          /*---------------MOBILEs-----------------*/
      .cont{
        max-width: 100%;
        width: 100%;
      }
    
    }
  

    .green-dot {
      z-index: 1000;
      position: absolute;
      left: -5px;
      top: -5px;
      width: 10px;
      height: 10px;
      background-color: green;
      border-radius: 50%;
      pointer-events: none; /* Ensures the dot doesn't interfere with clicks */
      transition: transform 0.05s ease-out; /* Smooth movement */
    }

    #goTopBtn {
      z-index: 1000;
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: none;
      background-color: #F7AB1E;
      color: white;
      border: none;
      cursor: pointer;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }

    #goTopBtn img{
      width: 25px;
      height: 25px;
      object-fit: contain;
    }
    
    #goTopBtn:hover {
      background-color: #bf8522;
      transition: 0.5s;
    }
  
  
    .navbar{
      background: #ffffff !important;
      padding-top: 15px;
      padding-bottom: 10px;
      padding-left: 300px;
      padding-right: 300px;
    }

    .navbar .navbar-logo{
      width: 200px;
    }

    .sticky-navbar {
      position: sticky;
      top: 0;
      z-index: 1000; /* Ensures it stays above other content */
      }
      
      .navbar.scrolled {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 1px;
      }
  
    .navbar .nav-link{
      font-size: 18px;
      color:#293039 !important;
      margin-right: 20px;
    }
  
    .navbar .nav-item .active{
      background: #F4FCFA;
      color: #8aaa78 !important;
      border-radius: 10px;
      font-weight: bold;
    }
  
    .navbar .telephone{
      font-size: 18px;
      font-weight: bold;
      color: #000000;
    }
  
    .navbar .telephone:hover{
      transition: 0.5s;
      color: #8aaa78;
    }
  
    .navbar .telephone img{
      width: 35px;
      margin-right: 8px;
      margin-top: -5px;
      animation: ring 2s .7s ease-in-out infinite;
    }
  
  
    @keyframes ring {
      0% { transform: rotate(0); }
      5% { transform: rotate(30deg); }
      10% { transform: rotate(-28deg); }
      15% { transform: rotate(34deg); }
      20% { transform: rotate(-32deg); }
      25% { transform: rotate(30deg); }
      30% { transform: rotate(-28deg); }
      35% { transform: rotate(26deg); }
      40% { transform: rotate(-24deg); }
      45% { transform: rotate(22deg); }
      50% { transform: rotate(-20deg); }
      55% { transform: rotate(18deg); }
      60% { transform: rotate(-16deg); }
      65% { transform: rotate(14deg); }
      70% { transform: rotate(-12deg); }
      75% { transform: rotate(10deg); }
      80% { transform: rotate(-8deg); }
      85% { transform: rotate(6deg); }
      90% { transform: rotate(-4deg); }
      95% { transform: rotate(2deg); }
      100% { transform: rotate(-1deg); }
    }
  
  
    #Banner{
      padding-top: 100px;
      padding-bottom: 250px;
      position: relative;
    }
  
    #Banner .leaf-img{
     position: absolute;
     width: 350px;
     left: 0px;
     top: 20px;
    }
  
    #Banner h1{
      font-family: 'epilogue-variable', serif;
      font-weight: 1000;
      font-size: 50px;
      width: 20ch;
    }
  
    #Banner .main-p{
      color: #444444;
      width: 48ch;
      font-size: 18px;
      margin-top: 15px;
    }
  
    #Banner .get-btn{
      font-family: 'epilogue-variable', serif;
      font-size: 18px;
      font-weight: 700;
      color: #ffffff;
      background: #8aaa78;
      border: 2px solid #8aaa78;
      margin-top: 25px;
      padding: 12px 40px 12px 40px;
      border-radius: 30px;
      margin-right: 20px;
    }
  
    #Banner .get-btn:hover{
      color: #8aaa78;
      background: #FFFFFF;
      transition: 0.5s;
    }
  
    #Banner .learn-btn{
      font-family: 'epilogue-variable', serif;
      font-size: 18px;
      font-weight: 700;
      color: #F7AB7C;
      background: #FFFFFF;
      border: 2px solid #F7AB7C;
      margin-top: 25px;
      padding: 12px 40px 12px 40px;
      border-radius: 30px;
    }
  
    #Banner .learn-btn:hover{
      color: #FFFFFF;
      background: #F7AB7C;
      transition: 0.5s;
    }
  
    #Banner .inner{
      margin-top: 120px;
    }
  
    #Banner .inner h2{
      font-family: 'epilogue-variable', serif;
      font-weight: 1000;
      color: #F7AB7C;
      font-size: 40px;
    }
  
    #Banner .inner p{
      color: #444444;
      width: 18ch;
      font-size: 18px;
      margin-top: 5px;
    }
  
    #Banner .right{
      position: relative;
    }
  
    #Banner .banner-img{
      position: absolute;
      width: 90%;
      z-index: 100;
      right: 0px;
      border-radius: 150px 0px 150px 0px;
    }
  
    #Banner .orange-div{
      position: absolute;
      background: #FEF3DE;
      width: 90%;
      height: 650px;
      top: -60px;
    }
  
    #Banner .green-div{
      position: absolute;
      background: #A1BB93;
      width: 90%;
      height: 650px;
      bottom: -80px;
      right: -60px;
    }
  
  
    #Offer{
      padding-top: 140px;
      padding-bottom: 140px;
      background-color: #f3f7ef;
    }
  
    #Offer h1{
      font-family: 'epilogue-variable', serif;
      font-weight: 1000;
      font-size: 40px;
    }
  
    #Offer .main-p{
      color: #444444;
      width: 44ch;
      font-size: 18px;
      margin: 0 auto;
      margin-top: 15px;
    }
  
    #Offer .item{
      background: #ffffff;
      margin-top: 40px;
      padding: 50px;
      border-radius: 20px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
      min-height: 460px;
    }
  
    #Offer .item:hover{
      transition: 0.5s;
      margin-top: 20px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
      cursor: pointer;
    }
  
    #Offer .item .icon{
      width: auto;
      height: 70px;
    }
  
    #Offer .item h2{
      font-family: 'epilogue-variable', serif;
      font-weight: 700;
      font-size: 26px;
      margin-top: 30px;
    }
  
    #Offer .item p{
      color: #444444;
      font-size: 18px;
      margin-top: 15px;
      margin-bottom: 40px;
    }
  
    #Offer .item a{
      font-family: 'epilogue-variable', serif;
      font-weight: 700;
      color: #8aaa78;
      font-size: 18px;
    }
  
    #Offer .item a:hover{
      text-decoration: underline;
      transition: 0.5s;
    }
  
    #Offer .item a img{
      width: 20px;
      margin-top: -4px;
    }
  
    #Offer .all-btn{
      font-family: 'epilogue-variable', serif;
      font-size: 18px;
      font-weight: 700;
      color: #ffffff;
      background: #8aaa78;
      border: 2px solid #8aaa78;
      margin-top: 50px;
      padding: 12px 60px 12px 60px;
      border-radius: 30px;
    }
  
    #Offer .all-btn:hover{
      color: #8aaa78;
      background: #FFFFFF;
      transition: 0.5s;
    }
  
  
    #About{
      padding-top: 250px;
      padding-bottom: 250px;
    }
  
    #About h1{
      font-family: 'epilogue-variable', serif;
      font-weight: 1000;
      font-size: 40px;
    }
  
    #About h1 span{
      color: #8aaa78;
    }
  
    #About p{
      color: #444444;
      width: 52ch;
      font-size: 18px;
      margin-top: 15px;
    }
  
    #About ul{
      list-style-type: none;
    }
  
    #About ul li{
      font-size: 18px;
      font-weight: bold;
      margin-top: 10px;
    }
  
    #About ul li img{
      width: 20px;
      margin-top: -4px;
      margin-right: 5px;
    }
  
    #About .learn-btn{
      font-family: 'epilogue-variable', serif;
      font-size: 18px;
      font-weight: 700;
      color: #ffffff;
      background: #8aaa78;
      border: 2px solid #8aaa78;
      margin-top: 30px;
      padding: 12px 60px 12px 60px;
      border-radius: 30px;
    }
  
    #About .learn-btn:hover{
      color: #8aaa78;
      background: #FFFFFF;
      transition: 0.5s;
    }
  
    #About .right{
      position: relative;
    }
  
    #About .about-img{
      position: absolute;
      width: 90%;
      z-index: 100;
      top: -150px;
      right: 0px;
      border-radius: 150px 0px 150px 0px;
    }
  
    #About .green-div{
      position: absolute;
      background: #A1BB93;
      width: 90%;
      height: 650px;
      bottom: -100px;
      right: -60px;
    }
  
    #About .play-btn{
      position: absolute;
      z-index: 200;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 8px solid transparent;
      background: #FEF2DD;
      left: 0px;
      top: 150px;
    }
  
    #About .play-btn:hover{
      transition: 0.5s;
      border: 8px solid #F7AB1E;
    }
  
    #About .play-btn img{
      width: 30px;
      
    }
  
  
    #Pricing{
      padding-top: 140px;
      padding-bottom: 140px;
      background-color: #f3f7ef;
      position: relative;
    }

    #Pricing .left-leaf{
      width: 350px;
      position: absolute;
      left: 0px;
      bottom: 40px;
    }

    #Pricing .right-leaf{
      width: 350px;
      position: absolute;
      right: 0px;
      top: 40px;
    }
  
    #Pricing h1{
      font-family: 'epilogue-variable', serif;
      font-weight: 1000;
      font-size: 40px;
    }
  
    #Pricing .main-p{
      color: #444444;
      width: 44ch;
      font-size: 18px;
      margin: 0 auto;
      margin-top: 15px;
    }
  
    #Pricing .tab-outer{
     padding-left: 430px;
     padding-right: 430px;
    }
  
    #Pricing .tab-inner{
     margin-top: 40px;
     padding: 15px 10px 1px 10px;
     background: #FFFFFF;
     width: auto;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
     border-radius: 10px;
    }
  
    #Pricing .nav-link{
      font-family: 'epilogue-variable', serif;
      background: #ffffff;
      font-size: 20px;
      font-weight: 700;
      border: none;
      color: #000000;
      border: none;
      padding: 12px 40px 12px 40px;
    }
  
    #Pricing .nav-link span{
      color: #f7ab1e !important;
    }
  
    #Pricing .nav-item .active{
      background: #8aaa78;
      color: #FFFFFF;
    }
  
    #Pricing .item{
      margin-top: 50px;
      background: #ffffff;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
      border-radius: 25px;
      padding: 40px 50px 60px 50px;
  
      border-top: 40px solid transparent;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid transparent;
    }
  
    #Pricing .item:hover{
      transition: 0.5s;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
      cursor: pointer;
    }
     
    #Pricing .item h2{
      font-family: 'epilogue-variable', serif;
      font-weight: 800;
      font-size: 28px;
    }
  
    #Pricing .item h3{
      font-family: 'epilogue-variable', serif;
      font-weight: 1000;
      font-size: 60px;
      margin-top: 30px;
      color: #8aaa78;
    }
  
    #Pricing .item p{
      font-size: 18px;
      margin-top: -20px;
    }
  
    #Pricing .item ul{
      list-style-type: none;
      margin-top: 30px;
      padding-left: 50px;
    }
  
    #Pricing .item ul li{
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 10px;
    }
  
    #Pricing .item ul li img{
      width: 20px;
      margin-top: -4px;
      margin-right: 8px;
    }
  
    #Pricing .buy-btn{
      font-family: 'epilogue-variable', serif;
      font-size: 18px;
      font-weight: 700;
      color: #ffffff;
      background: #8aaa78;
      border: 2px solid #8aaa78;
      margin-top: 30px;
      padding: 12px 60px 12px 60px;
      border-radius: 30px;
    }
  
    #Pricing .buy-btn:hover{
      color: #8aaa78;
      background: #FFFFFF;
      transition: 0.5s;
    }
  
    #Pricing .middle{
      position: relative;
      border-top: 40px solid #8aaa78;
      border-left: 5px solid #8aaa78;
      border-right: 5px solid #8aaa78;
      border-bottom: 5px solid #8aaa78;
    }
  
    #Pricing .middle h5{
      color: #FFFFFF;
      font-size: 18px;
      position: absolute;
      text-transform: uppercase;
      font-weight: bold;
      position: absolute;
      top: -15px;
      left: 50%;
      transform: translate(-50%,-50%);
    }


    #Say{
      padding-top: 110px;
      padding-bottom: 110px;
    }

    #Say h1 {
      font-family: 'epilogue-variable', serif;
      font-weight: 1000;
      font-size: 40px;
  }

  #Say .main-p {
    color: #444444;
    width: 44ch;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 15px;
}

#Say .checked {
  color: orange;
}

#Reviews{
  margin-top: 50px;
}

#Reviews .item{
  padding: 50px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

#Reviews .item:hover{
  transition: 0.5s;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

#Say .owl-carousel .owl-stage {
  padding-top: 20px;
  padding-bottom: 20px;
}

#Reviews .profile{
  position: relative;
}

#Reviews h2{
 font-weight: 600;
 font-size: 22px;
 margin-left: 80px;
}

#Reviews h3{
  font-weight: 600;
  font-size: 20px;
  margin-top: -5px;
  color: #8aaa78;
  margin-left: 80px;
 }

 #Reviews img{
  width: 65px;
  height: 65px;
  border-radius: 50%;
  object-fit: cover;
  position: absolute;
  top: -8px;
  left: 0px;
 } 

 #Reviews p{
  margin-top: 20px;
  font-size: 16px;
 }


 #Consultation{
  padding-top: 50px;
  padding-bottom: 50px;
 }

 #Consultation .cont{
  background: #f3f7ef;
  overflow: hidden;
  padding: 120px 260px 120px 260px;
  border-radius: 175px 0 175px 0;
  position: relative;
 }

 #Consultation .left-leaf{
  width: 350px;
  position: absolute;
  left: 0px;
  bottom: -60px;
}

#Consultation .right-leaf{
  width: 350px;
  position: absolute;
  right: 0px;
  top: -60px;
}

 #Consultation h1 {
  font-family: 'epilogue-variable', serif;
  font-weight: 1000;
  font-size: 40px;
  margin-bottom: 40px;
}

#Consultation label{
  font-size: 16px;
  margin-left: 25px;
}

#Consultation input{
  font-size: 18px;
  height: 55px;
  border-radius: 30px;
  padding-left: 30px;
  margin-bottom: 30px;
}

#Consultation select{
  font-size: 18px;
  height: 55px;
  border-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px;
}

#Consultation .consultation-btn{
  font-family: 'epilogue-variable', serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  background: #8aaa78;
  border: 2px solid #8aaa78;
  margin-top: 15px;
  padding: 15px 60px 15px 60px;
  border-radius: 30px;
}

#Consultation .consultation-btn:hover{
  color: #8aaa78;
  background: #FFFFFF;
  transition: 0.5s;
}


 /*Loader for Consultation form*/
   .loader {
       display: none;
       border: 4px solid #f3f3f3;
       border-top: 4px solid #3498db;
       border-radius: 50%;
       width: 30px;
       height: 30px;
       animation: spin 1s linear infinite;
       margin-left: 10px;
   }

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

.disabled-btn {
       background: #ccc !important;
       cursor: not-allowed !important;
   }

   .consultation-hp {
       position: absolute;
       left: -9999px;
       width: 1px;
       height: 1px;
       overflow: hidden;
       opacity: 0;
   }

   .consultation-hp input {
       width: 1px;
       height: 1px;
       border: 0;
       padding: 0;
       margin: 0;
       background: transparent;
   }


#Blogs{
  padding-top: 120px;
  padding-bottom: 80px;
}

#Blogs h1{
  font-family: 'epilogue-variable', serif;
    font-weight: 1000;
    font-size: 40px;
}

#Blogs .read-btn{
  font-family: 'epilogue-variable', serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  background: #8aaa78;
  border: 2px solid #8aaa78;
  padding: 15px 60px 15px 60px;
  border-radius: 30px;
  float: right;
  margin-top: -20px;
}

#Blogs .read-btn:hover{
  color: #8aaa78;
  background: #FFFFFF;
  transition: 0.5s;
}

#Blogs .item{
  margin-top: 50px;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  border-radius: 25px;
  overflow: hidden;
}

#Blogs .item .img-div{
  position: relative;
  overflow: hidden;
}

#Blogs .item .img-div img{
  position: relative;
  width: 100%;
  height: 250px;
  object-fit: cover;
  z-index: 50;
}

#Blogs .item .content{
 padding: 30px;
}

#Blogs .item .content .main-p{
  font-size: 18px;
}

#Blogs .item .content h2{
  font-family: 'epilogue-variable', serif;
  font-weight: 1000;
  font-size: 25px;
}

#Blogs .item .content .desc{
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#Blogs .item .content a {
  font-family: 'epilogue-variable', serif;
  font-weight: 700;
  color: #8aaa78;
  font-size: 18px;
}

#Blogs .item .content a img {
  width: 20px;
  margin-top: -4px;
}




#FAQ{
  padding-top: 120px;
  padding-bottom: 120px;
}

#FAQ h1 {
  font-family: 'epilogue-variable', serif;
  font-weight: 1000;
  font-size: 40px;
}

#FAQ .left{
  padding-right: 50px;
}

#FAQ .faq-img{
  width: 100%;
  margin-top: -80px;
}

.faq-section{
  margin-top: 10px;
}

.faq-item{
  border-bottom: 1px solid grey;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq-question {  
  cursor: pointer;  
  position: relative;  
  padding-right: 30px;  
  font-size: 24px;
  font-weight: bold;
}  
.faq-question::after {  
  content: "+";  
  position: absolute;  
  right: 10px;  
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 40px;  
  color: #8aaa78;  
  transition: transform 0.2s ease;  
}  
.faq-question.active::after {  
  content: "-";  
}  

.faq-answer {  
  display: none;  
  padding: 10px 0;  
  font-size: 18px;
}  


#Contact{
  padding-top: 100px;
  padding-bottom: 150px;
}

#Contact .left{
  padding-right: 100px;
}

#Contact h1{
  font-family: 'epilogue-variable', serif;
  font-weight: 1000;
  font-size: 40px;
  margin-top: 100px;
}

#Contact .main-p{
  font-size: 18px;
  margin-top: 10px;
}

#Contact .item{
  margin-top: 30px;
  position: relative;
}

#Contact .item button{
  border: none;
  background: #F7AB1E;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
}

#Contact .item button img{
  width: 30px;
  height: 30px;
  object-fit: contain;
}

#Contact .item p{
  font-size: 16px;
  margin-left: 75px;
}

#Contact .item h2{
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  margin-top: -10px;
  margin-left: 75px;
}


#Contact .working-div{
 background: #f3f7ef;
 border-radius: 80px 0 80px 0;
 padding: 60px;
 margin-top: 40px;
}

#Contact .working-div h3{
  font-family: 'epilogue-variable', serif;
  font-weight: 1000;
  font-size: 28px;
  margin-bottom: 30px;
}

#Contact .working-div p{
  font-size: 18px;
}

#Contact .working-div h4{
  font-size: 20px;
  font-weight: bold;
  float: right;
  margin-top: -40px;
}



.footer {
  background-color: #8aaa78; /* Footer background color */
  color: white;
  padding: 100px 0;
  position: relative;
}

.footer .footer-logo{
  width: 250px;
  margin-top: -15px;
}

.footer .nav {
  justify-content: center;
  margin-bottom: 10px;
}

.footer .nav a {
  color: white;
  font-size: 18px;
  margin: 0 15px;
  text-decoration: none;
}

.footer hr{
  border-top: 2px solid #FFFFFF;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer .social button{
 width: 50px;
 height: 50px;
 border-radius: 50%;
 border: none;
 background: #F7AB1E;
 margin-right: 10px;
 margin-top: -10px;
}

.footer .social button img{
  width: 25px;
  height: 25px;
  object-fit: contain;

}


.footer .copyright {
  margin-top: 10px;
  color: white;
  font-size: 20px;
}



.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.pagination a {
  display: inline-block;
  padding: 10px 15px;
  margin: 0 5px;
  text-decoration: none;
  color: #8aaa78;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: background-color 0.3s, color 0.3s;
}

.pagination a.active {
  background-color: #8aaa78;
  color: white;
  border-color: #8aaa78;
}

.pagination a:hover {
  background-color: #8aaa78;
  color: white;
  border-color: #8aaa78;
}


.blog-outer {
  padding-top: 100px;
  padding-bottom: 60px;
  background: linear-gradient(360deg, #f3f7ef 0%, #A1BB93 100%);
}

.blog .blog-img {
  border-radius: 10px;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.blog h1 {
  font-family: 'epilogue-variable', serif;
  font-weight: 1000;
  font-size: 57px;
  color: #000000;
  word-wrap: break-word;
  line-height: 63px;
}

.blog p{
  font-size: 18px;
}

.content {
  padding-top: 50px;
  padding-bottom: 60px;
}

.content h2 {
  font-size: 30px;
  line-height: 40px;
}

.content p {
  margin-top: 0;
  margin-bottom: 1rem;
}