/*---home page---*/

        /* Navigation bar */
        .navbar {
            font-size: 17px;
            padding: 10px 0;
            text-align: center;
            justify-content: flex-end;
            padding-top: 5%;
            left: 0%;
        }

        .navbar ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: inline-flex;
            gap: 30px;
        }

        .navbar ul li {
            display: inline;
        }

        .navbar ul li a {
            text-decoration: none;
            color: #333;
            font-weight: bold;
            transition: 0.3s;
        }

        .navbar ul li a:hover,
        .navbar ul li a.active {
            color: #146B3A;
            border-bottom: 2px solid #146B3A;
            padding-bottom: 5px;
        }

        .navbar-1 {
            font-size: 17px;
            padding: 10px 0;
            justify-content: flex-start;
            padding-top: 5%;

        }

        .navbar-1 ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: inline-flex;
            gap: 30px;
        }

        .navbar-1 ul li {
            display: inline;
        }

        .navbar-1 ul li a {
            text-decoration: none;
            color: #333;
            font-weight: bold;
            transition: 0.3s;
        }

        .navbar-1 ul li a:hover,
        .navbar-1 ul li a.active {
            color: #146B3A;
            border-bottom: 2px solid #146B3A;
            padding-bottom: 5px;
        }

        .top-header .row1{
            background-image: url('coconut11.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }
       .logo img{
            width: 200px; 
            height: auto;
            position: absolute; 
            left: 50%;
            transform: translateX(-50%);

        }
        .call-to-action{
            display: flex;
            justify-content: center;
            padding-top: 10%;
            padding-left: 10%;
            font-size: 20px;
        }
        .location{
            display: flex;
            justify-content: center;
            padding-top: 10%;
            padding-left: 10%;
            font-size: 20px;
        }

    
        /*mobile header*/
        .mobile-header .logo img{
            width: 85px;
            height: auto;
            padding-top: 50px;
            padding-right: 60x;

        }
        .mobile-header .call-to-action{
            justify-content: center;
            padding-top: 140px;
            padding-right: 10%;
            padding-left: 5%;
        }

        /*hero section*/
        .carousel-item img{
            height: 105vh;  
            object-fit: cover;
        }
        .hero{
            font-family: Verdana;
            font-size: 65px;
            font-weight: bold;
            
        }
        @media(max-width: 768px){
            .carousel-item img{
            height: 85vh;  
            object-fit: cover;
        }
        .hero{
            font-family: Verdana;
            font-size: 38px;
            font-weight: bold;
            
        }
        }

        /*about section*/
        .about-us-title{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 40px;
            font-weight: bold;
            color:#073c01;
            text-align: left;
            padding-top: 70px;
        }
        .about-us-1{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 17px;
            text-align: left;
            
        }
        .image-about img{
            width: 400px;
            height: auto;
            padding-top: 80px;
        }

        @media (max-width: 768px){
            .image-about img{
                width: 350px;
            }
        }
        .custom-hr {
            border: none;              
            height: 2px;                
            width: 80%;              
            background-color: #2E5339;  
            margin: 1.5rem auto; 
            margin-top: 5%;       
            border-radius: 2px;        
        }

        /*choose cocopeat section*/
        .choose-cocopeat-title{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 40px;
            font-weight: bold;
            color:#073c01;
            text-align: center;
            padding-top: 50px;
        }
        .card-body-coco .card-title,
        .card-body-coco .card-text{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }

        /*products section*/
        .products{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 40px;
            font-weight: bold;
            color:#073c01;
            text-align: center;
        }
        .card-title-1{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 26px;
            font-weight: bold;
            color: #688c3d;
            text-align: left;
        }
        .hover-card{
            transition: all 0.3s ease;
            cursor: pointer; 
        }
        .hover-card:hover{
            background-color: #083c02;
            transform: translateY(-10px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            color: white;
        }
        .products-card .card{
            width: 28rem;
        }

        @media (max-width: 768px) {
            .products-card .card {
                width: auto;
            }
        }

        /*choose us section*/
        .choose-us{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 40px;
            font-weight: bold;
            color:#073c01;
            text-align: center;
        }
        .card-title{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 26px;
            text-align: center;
        }
        .card-body .card-text{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 17px;
            text-align: center;
        }

        /*learn on section*/
        .container-learn-on{
            padding-top: 9%;
        }
        .row-learn-on{
            background-image: url('learn.jpg'); 
            height: 500px; 
            padding: auto;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        .learn-on{
           font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 40px;
            text-align: right;
            color: white;
            font-weight: bold;
            padding-right: 5%;
            padding-top: 6%;
            
        }
        .learn-on-2{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 27px;
            text-align: right;
            color: white;
            padding-right: 5%;
            
        }
        .learn-on-text{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 18px;
            text-align: right;
            color: white;
            padding-right: 5%;
        }

        @media (max-width: 768px) {
            .learn-on {
                font-size: 1.5rem;
            }

            .learn-on-2 {
                font-size: 1.2rem;
            }

            .learn-on-text {
                font-size: 0.95rem;
                text-align: right; 
                padding: 0 9px;
            }
        }

        /*footer section*/
        .row-footer{
            background-color: rgb(56, 53, 53); 
            padding-bottom: 5%; 
            padding-left: 3%;
            padding-right: 3%;
            padding-top: 5%;
        }

        .footer-about{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 30px;
            font-weight: bold;
            color: white;
            display: flex;
            justify-content: center;
        }
        .footer-about-text{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 18px;
            color: white;
            display: flex;
            justify-content: center;
        }
        .quick-links{
            font-family: Verdana, Geneva, Tahoma, sans-serif;;
            font-size: 30px;
            color: white;
            font-weight: bold;
            display: flex;
            justify-content: center;
        }
        .productss{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 30px;
            color: white;
            font-weight: bold;
            display: flex;
            justify-content: center;
        }
        .custom-bullets{
            list-style-type: none;
            color: white;
            line-height: 40px;
            text-align: center;
            padding-right: 10%;
        }
        .Taurus{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 25px;
            font-weight: bold;
            text-align: left;
            color: white;
            display: flex;
            justify-content: center;
        }
        @media (max-width: 768px){
            .Taurus{
            font-size: 20px;
            
        }
        }
        .address{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 18px;
            text-align: left;
            color: white;
            display: flex;
            justify-content: center;
        }
        .number{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 18px;
            text-align: left;
            color: white;
            display: flex;
            justify-content: center;
        }



        /*----about page----*/

        .hero-section .hero{
            padding-bottom: 90px;
        }

        /*About us section*/

        .text-title{
            font-family: Merriweather;
            font-size: 50px;
            text-align: left;
            padding-top: 120px;
            line-height: normal;

        }
        .text-title-1{
            font-family: Merriweather;
            font-size: 30px;
            text-align: left;
        }
        .text{
            font-family: Merriweather;
            font-size: 20px;
            text-align: justify;
        }
        .img-about img{
            width: 600px;
            height: auto;
            padding-top: 100px;
            padding-bottom: 50px;
        }

        @media (max-width: 768px) {
            .img-about img{
                width: 300px;
            }
        }

        .long-text-title{
            font-family: Merriweather;
            font-size: 26px;
            text-align: left;
        }
        .long-text{
            font-family: Merriweather;
            font-size: 18px;
            text-align: justify;
            padding-bottom: 50px;
        }

        
        /*images section*/

        .custom-row{
            padding-bottom: 50px;
            padding-left: 50px;
        }
       .image-1 img{
            border-radius: 20px;
       }

       .sample{
            font-family: Merriweather;
            font-size: 26px;
       }
       .custom-hr-1{
            border: none;              
            height: 4px;                
            width: 10%;              
            background-color: #2E5339;  
            margin: 1.5rem auto;       
            border-radius: 2px;    
       }

       @media (max-width: 768px) {
            .custom-row{
                padding-bottom: 20px;
                padding-left: 5px;
            }

            .image-1 img{
                width: 300px;
                padding-right: 10%;  
            }
        }