*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:Bahnschrift;
	/* Variables for storing colors */
	--card-clr: #ffffffb6;
	--body-clr: #ffffff;
	--primary-clr: rgb(130, 196, 8);
	--heading-clr: #dadada;
	--text-clr: #767a86;
}
html{
    scroll-behavior: smooth;
}
::selection{
	background:teal;
	color:hotpink;
} 
/* Nav start */
:root {
            --primary-color: #2e7d32;
            --secondary-color: #4caf50;
            --accent-color: #ff9800;
            --text-dark: #1b5e20;
            --text-light: #ffffff;
            --bg-light: #f1f8e9;
            --nav-bg: #ffffff;
            --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        body {
            background-color: var(--bg-light);
            color: #333;
            line-height: 1.6;
        }

        .top-bar {
            background-color: var(--primary-color);
            color: var(--text-light);
            padding: 0.5rem 5%;
            display: flex;
            justify-content: space-between;
            font-size: 0.9rem;
        }

        .top-contact {
            display: flex;
            gap: 1.5rem;
        }

        .top-contact span {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .top-social {
            display: flex;
            gap: 1rem;
        }

        .top-social a {
            color: var(--text-light);
            text-decoration: none;
            transition: color 0.3s;
        }

        .top-social a:hover {
            color: var(--accent-color);
        }

        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 5%;
            background-color: var(--nav-bg);
            box-shadow: var(--shadow);
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        .nav_logo{
            display: flex;
            align-items: center;
            gap: 0.8rem;
            text-decoration: none;
        }
        .nav_logo img{
             width: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;

        }
       
        .nav-links {
            display: flex;
            list-style: none;
            align-items: center;
        }

        .nav-links li {
            margin: 0 0.8rem;
            position: relative;
        }

        .nav-links > li > a {
            text-decoration: none;
            color: var(--text-dark);
            font-weight: 500;
            font-size: 1rem;
            padding: 0.5rem 0;
            display: flex;
            align-items: center;
            transition: color 0.3s;
        }

        .nav-links > li > a:hover {
            color: var(--primary-color);
        }

        .nav-links > li > a i {
            margin-left: 0.3rem;
            font-size: 0.9rem;
        }

        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            background: white;
            width: 200px;
            box-shadow: var(--shadow);
            border-radius: 4px;
            padding: 1rem 0;
            display: none;
            z-index: 1000;
        }

        .dropdown li {
            margin: 0;
            padding: 0;
        }

        .dropdown a {
            display: block;
            padding: 0.7rem 1.5rem;
            text-decoration: none;
            color: var(--text-dark);
            transition: background 0.3s;
        }

        .dropdown a:hover {
            background: var(--bg-light);
            color: var(--primary-color);
        }

        .nav-links li:hover .dropdown {
            display: block;
        }

        .nav-btns {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .search-box {
            display: flex;
            align-items: center;
            background: var(--bg-light);
            border-radius: 4px;
            padding: 0.5rem;
        }

        .search-box input {
            border: none;
            background: transparent;
            padding: 0.3rem;
            outline: none;
            width: 0;
            transition: width 0.3s;
        }

        .search-box:hover input {
            width: 150px;
        }

        .search-btn {
            background: transparent;
            border: none;
            color: var(--primary-color);
            cursor: pointer;
            font-size: 1.1rem;
        }

        .cart-btn {
            background: transparent;
            border: none;
            color: var(--primary-color);
            cursor: pointer;
            font-size: 1.3rem;
            position: relative;
        }

        .cart-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background-color: var(--accent-color);
            color: white;
            font-size: 0.7rem;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .btn {
            padding: 0.6rem 1.2rem;
            border-radius: 4px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s;
            font-size: 0.9rem;
            border: none;
        }

        .btn-primary {
            background: var(--primary-color);
            color: var(--text-light);
        }

        .btn-primary:hover {
            background: var(--secondary-color);
        }

        .hamburger {
            display: none;
            cursor: pointer;
            background: none;
            border: none;
            font-size: 1.5rem;
            color: var(--text-dark);
        }

        /* Mobile Menu */
        .mobile-menu {
            position: fixed;
            top: 0;
            left: -100%;
            width: 80%;
            height: 100vh;
            background: white;
            z-index: 1001;
            padding: 2rem;
            box-shadow: var(--shadow);
            transition: left 0.3s ease;
            overflow-y: auto;
        }

        .mobile-menu.active {
            left: 0;
        }

        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
        }

        .close-menu {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-dark);
        }

        .mobile-nav-links {
            list-style: none;
        }

        .mobile-nav-links li {
            margin-bottom: 1rem;
        }

        .mobile-nav-links a {
            text-decoration: none;
            color: var(--text-dark);
            font-weight: 500;
            font-size: 1.1rem;
            display: block;
            padding: 0.7rem 0;
            border-bottom: 1px solid #eee;
        }

        .mobile-dropdown {
            padding-left: 1rem;
            display: none;
        }

        .mobile-dropdown.active {
            display: block;
        }

        .mobile-dropdown a {
            font-size: 1rem;
            padding: 0.5rem 0;
        }
        .logo-text img{
            width: 180px;
        }
        .dropdown-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .dropdown-toggle i {
            transition: transform 0.3s;
        }

        .dropdown-toggle.active i {
            transform: rotate(180deg);
        }

        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            display: none;
        }

        .overlay.active {
            display: block;
        }

        @media screen and (max-width: 900px) {
            .top-bar {
                flex-direction: column;
                align-items: center;
                gap: 0.5rem;
                padding: 0.5rem;
            }
            
            .nav-links, .nav-btns {
                display: none;
            }

            .hamburger {
                display: block;
            }

            .search-box:hover input {
                width: 120px;
            }
        }

        @media screen and (min-width: 901px) {
            .mobile-menu, .overlay {
                display: none !important;
            }
        }
/* Nav end */

/* slider */

/* Home start */
.Home {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px;
    margin-top: 15px;
    min-height: 530px;
    gap: 20px;
    background: url("../../../project/images/farm/6.jpg") no-repeat center center/cover  ;
    border-radius: 10px;
}

/* Text */
.text {
    flex: 1 1 45%;
    padding: 20px;
    border-radius: 10px;
}
.text h1 {
    font-size: 75px;
    line-height: 1.1;
    color: rgb(130, 196, 8);
}
.text span { color:#FFA500; }
.text h4 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
    color:#FFA500;
}
.text p {
    font-size: 14px;
    color: #000000d2;
    margin-top: 10px;
    line-height: 1.5;
}
.text button {
    margin-top: 20px;
    background-color: rgb(130, 196, 8);
    display: inline-block;
    padding: 10px 37px;
    color: white;
    font-size: 17px;
    font-weight: 600; 
    border: 2px solid transparent; 
    border-radius: 5px;
    transition: all .50s ease;
    cursor: pointer;
}
.text button:hover {
    transform: translateX(15px);
    border: 2px solid #000;
    background: transparent;
    color: black;
}

/* Slider */
.slider {
    flex: 1 1 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 60vh;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
}
.slides { display: flex; transition: transform 0.3s ease-in-out; }
.slide { min-width: 100%; box-sizing: border-box; }
.slide img { width: 100%; display: block; }

/* Arrows */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.5);
    color: #000;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 20%;
    font-size: 18px;
    transition: background 0.3s;
}
.prev:hover, .next:hover { background: rgba(255,255,255,0.8); }
.prev { left: 15px; }
.next { right: 15px; }

/* Dots */
.dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}
.dot {
    height: 10px;
    width: 10px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    cursor: pointer;
}
.dot.active {
    background: white;
    width: 25px;
    border-radius: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .Home {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .text {
        flex: 1 1 100%;
        background: rgba(255,255,255,0.8);
    }
    .text h1 {
        font-size: 42px;
    }
    .slider {
        flex: 1 1 100%;
        width: 90%;
    }
}
/* Home end */

/* Organic_Products start */
    .products{
    margin-top: 9%;
    width: 100%;
    height: 140vh;
    padding: 5px 25px;
}

.products h1{
    margin: 60px 0;
    font-size: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: rgb(130, 196, 8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.products h4{
    margin: 40px 0;
    font-size: 50px;
    display: flex;
    margin-left:45px;
    text-transform: uppercase;
    background: rgb(244, 187, 68); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.products .box{
    width:93%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:50px 50px;
}

.products .box .card{
    width: 370px;
    height:490px;
    box-shadow: 0 0 5px #000;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    background: #f6f6f6;
}

.products .box .card .small_card{
    display: flex;
    flex-flow: column;
    position: absolute;
    margin: 10px 0;
    transform: translateX(-20px);
    transition: 0.3s;
}

.products .box .card .image{
    display: flex;
    align-items: center;
    justify-content: center;
}

.products .box .card .image img{
    height: 243px;
    width: 238px;;
    margin: 6px 0;
    transition: 0.3s;
}

.products .box .card .small_card i{
    width: 45px;
    height: 45px;
    border-radius: 5px;
    font-size: 18px;
    margin: 3px 0;
    margin-left: 12px;
    line-height: 40px;
    border: 2px solid #999999;
    transition: 0.2s;
}

.products .box .card .small_card i:hover{
    color: #c72092;
}
.products .box .card .products_text h2{
    font-size: 30px;
}

.products .box .card .products_text p{
    color: #91919191;
    font-size: 20px;
    line-height: 21px;
    margin: 8px 0;
}

.products .box .card .products_text h3{
    margin: 7px 0;
    font-size: 22px;
} 

.products .box .card .products_text h3 span{
    color: red;
    font-size: 18px;
}
.products .box .card .products_text .products_star{
    color: orange;
    margin-bottom: 11px;
    cursor: pointer;
}

.products .box .card .btn-box {
   margin-top: -11px;
   margin-left: 1px;
   display: flex;
   gap: 19px;
   align-items: center;
   justify-content: center;
   }

.products .box .card .cart-btn {
   border: 1px solid #ddd;
   background: #f8f8f8;
   padding: 8px 30px;
   cursor: pointer;
   transition: 0.3s;
   font-size: 19px;
   }

.products .box .card .cart-btn:hover {
   background: #e6e6e6;
   }

.products .box .card .buy-btn {
  background: #c98900;
   color: white;
   border: none;
   padding: 11px 25px;
   font-size: 16px;
   cursor: pointer;
   transition: 0.3s;
   }

.products .box .card .buy-btn:hover {
  background: #cc9a2e;
   }
   
/*other products start*/

    .products1{
    margin-top: 9%;
    width: 100%;
    height: 140vh;
    padding: 5px 25px;
}

.products1 h4{
    margin: 40px 0;
    font-size: 50px;
    display: flex;
    margin-left:45px;
    text-transform: uppercase;
    background: rgb(244, 187, 68); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.products1 .box1{
    width:93%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:50px 50px;
}

.products1 .box1 .card1{
    width: 370px;
    height:490px;
    box-shadow: 0 0 5px #000;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    background: #f6f6f6;
}

.products1 .box1 .card1 .small_card1{
    display: flex;
    flex-flow: column;
    position: absolute;
    margin: 10px 0;
    transform: translateX(-20px);
    transition: 0.3s;
}

.products1 .box1 .card1 .image1{
    display: flex;
    align-items: center;
    justify-content: center;
}

.products1 .box1 .card1 .image1 img{
    height: 243px;
    width: 238px;;
    margin: 6px 0;
    transition: 0.3s;
}

.products1 .box1 .card1 .small_card1 i{
    width: 45px;
    height: 45px;
    border-radius: 5px;
    font-size: 18px;
    margin: 3px 0;
    margin-left: 12px;
    line-height: 40px;
    border: 2px solid #999999;
    transition: 0.2s;
}

.products1 .box1 .card1 .small_card1 i:hover{
    color: #c72092;
}
.products1 .box1 .card1 .products_text1 h2{
    font-size: 30px;
}

.products1 .box1 .card1 .products_text1 p{
    color: #91919191;
    font-size: 20px;
    line-height: 21px;
    margin: 8px 0;
}

.products1 .box1 .card1 .products_text1 h3{
    margin: 7px 0;
    font-size: 22px;
} 

.products1 .box1 .card1 .products_text1 h3 span{
    color: red;
    font-size: 18px;
}
.products1 .box1 .card1 .products_text1 .products_star1{
    color: orange;
    margin-bottom: 11px;
    cursor: pointer;
}
.products1 .box1 .card1 .btn-box1 {
   margin-top: -11px;
   margin-left: 1px;
   display: flex;
   gap: 19px;
   align-items: center;
   justify-content: center;
   }

.products1 .box1 .card1 .cart-btn1 {
   border: 1px solid #ddd;
   background: #f8f8f8;
   padding: 8px 30px;
   cursor: pointer;
   transition: 0.3s;
   font-size: 19px;
   }

.products1 .box1 .card1 .cart-btn1:hover {
   background: #e6e6e6;
   }

.products1 .box1 .card1 .buy-btn1 {
  background: #c98900;
   color: white;
   border: none;
   padding: 11px 25px;
   font-size: 16px;
   cursor: pointer;
   transition: 0.3s;
   }

.products1 .box1 .card1 .buy-btn1:hover {
  background: #cc9a2e;
   }

/*other products end*/

/* Mosambi  */

.products2{
    width: 100%;
    height: 140vh;
    padding: 5px 25px;
    margin-top: 145%;
    margin-bottom: -136rem;
  }
.products2 h4{
    margin: 40px 0;
    font-size: 50px;
    display: flex;
    margin-left:45px;
    text-transform: uppercase;
    background: rgb(244, 187, 68); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.products2 .box2{
    width:93%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:50px 50px;
}

.products2 .box2 .card2{
    width: 370px;
    height:490px;
    box-shadow: 0 0 5px #000;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    background: #f6f6f6;
}

.products2 .box2 .card2 .small_card2{
    display: flex;
    flex-flow: column;
    position: absolute;
    margin: 10px 0;
    transform: translateX(-20px);
    transition: 0.3s;
}

.products2 .box2 .card2 .image2{
    display: flex;
    align-items: center;
    justify-content: center;
}

.products2 .box2 .card2 .image2 img{
    height: 200px;
    width: 200px;;
    margin: 15px 0;
    transition: 0.3s;
}

.products2 .box2 .card2 .small_card2 i{
    width: 45px;
    height: 45px;
    border-radius: 5px;
    font-size: 18px;
    margin: 3px 0;
    margin-left: 12px;
    line-height: 40px;
    border: 2px solid #999999;
    transition: 0.2s;
}

.products2 .box2 .card2 .small_card2 i:hover{
    color: #c72092;
}

.products2 .box2 .card2 .products_text2 h2{
    font-size: 30px;
    margin-top: 15px;
}

.products2 .box2 .card2 .products_text2 p{
    color: #91919191;
    font-size: 20px;
    line-height: 21px;
    margin: 8px 0;
}

.products2 .box2 .card2 .products_text2 h3{
    margin: 7px 0;
    font-size: 22px;
} 

.products2 .box2 .card2 .products_text2 h3 span{
    color: red;
    font-size: 18px;
}
.products2 .box2 .card2 .products_text2 .products_star2{
    color: orange;
    margin-bottom: 19px;
    cursor: pointer;
}
.products2 .box2 .card2 .btn-box2 {
   margin-top: -11px;
   margin-left: 1px;
   display: flex;
   gap: 19px;
   align-items: center;
   justify-content: center;
   }

.products2 .box2 .card2 .cart-btn2{
   border: 1px solid #ddd;
   background: #f8f8f8;
   padding: 8px 30px;
   cursor: pointer;
   transition: 0.3s;
   font-size: 19px;
   }

.products2 .box2 .card2 .cart-btn2:hover {
   background: #e6e6e6;
   }

.products2 .box2 .card2 .buy-btn2 {
  background: #c98900;
   color: white;
   border: none;
   padding: 11px 25px;
   font-size: 16px;
   cursor: pointer;
   transition: 0.3s;
   }

.products2 .box2 .card2 .buy-btn2:hover {
  background: #cc9a2e;
   }


/* Responsive Design */
.products,
.products1,
.products2 {
    width: 100%;
    padding: 5px 25px;
    margin-top: 40px;   /* normal space */
    margin-bottom: 40px;
    height: auto;       /* auto height */
    align-items: center;
}
@media (max-width: 1024px) {
  .products .box,
  .products1 .box1,
  .products2 .box2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .products .box,
  .products1 .box1,
  .products2 .box2 {
    grid-template-columns: 1fr;
    
  }
  
}
/* Mobile view - Big centered cards */
@media (max-width: 768px) {
  .products, .products1, .products2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    margin: 20px 0;
  }

  /* Actual card ko target karna zaroori hai */
  .products .product-card,
  .products1 .product-card,
  .products2 .product-card {
    width: 90%;          /* bada card */
    max-width: 400px;    /* max size */
    margin: 0 auto;      /* center align */
  }
/* Mobile view - Big centered cards */
@media (max-width: 768px) {
  .products, .products1, .products2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    margin: 20px 0;
  }
  .button-container {
                flex-direction: column;
            }
            
            .btn, .btn1 {
                width: 100%;
                margin: 5px 0;
            }

  /* Mango section cards */
  .products .card {
    width: 95% !important;      /* bada card */
    max-width: 500px !important; /* zyada width allow */
    margin: 0 auto;
  }

  /* Products1 section cards */
  .products1 .card1 {
    width: 95% !important;
    max-width: 500px !important;
    margin: 0 auto;
  }

  /* Products2 section cards */
  .products2 .card2 {
    width: 95% !important;
    max-width: 500px !important;
    margin: 0 auto;
  }

  /* Headings responsive */
  .products h1, .products1 h1, .products2 h1 {
    font-size: 40px;
    text-align: center;
  }

  .products h2, .products1 h2, .products2 h2 {
    font-size: 20px;
    text-align: center;
  }
}

  /* Agar tumhare cards ka naam .card hai to ye use karo */
  .products .card,
  .products1 .card1,
  .products2 .card2 {
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
  }
  .products h1, .products1 h1, .products2 h1 {
    font-size: 28px;
    text-align: center;
  }

  .products h2, .products1 h2, .products2 h2 {
    font-size: 20px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .products h1,
  .products1 h1,
  .products2 h1{
    text-align: center;
  }
}

@media (max-width: 768px) {
  .products h4,
  .products1 h4,
  .products2 h4{
    text-align: center;
  }
}
/* Organic_Products end */

/* Customer review */
.testimonials-section{
    margin-top: 20%;
	width: 100%;
	padding: 0px 8%;
    text-align: center;
}
.testimonials-section .section-header{
	max-width: 700px;
	margin: 30px auto 40px;
}
.section-header h1{  
    text-align: center;
    position: relative;
	font-size: 60px;
	color: var(--primary-clr);
}
.testimonials-container{
	position: relative;
    margin-left: 5%;
}
.testimonials-container .testimonial-card{
    width: 90%;
}
.testimonial-card .test-card-body{
	background-color: var(--card-clr);
	box-shadow: 4px 4px 30px rgba(0,0,0,0.12);
	padding: 20px;
}
.test-card-body .quote{
	display: flex;
	align-items: center;
}
.test-card-body .quote i{
	font-size: 45px;
	color: var(--heading-clr);
	margin-right: 20px;
}
.test-card-body .quote h2{
	color: var(--heading-clr);
}
.test-card-body p{
	margin: 10px 0px 15px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--text-clr);
}
.test-card-body .ratings{
	margin-top: 20px;
}
.test-card-body .ratings i{
	font-size: 17px;
	color: var(--primary-clr);
	cursor: pointer;
    color: orange;
}
.testimonial-card .profile{
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.profile .profile-image{
	width: 55px;
	height: 55px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}
.profile .profile-image img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.profile .profile-desc{
	display: flex;
	flex-direction: column;
}
.profile-desc span:nth-child(1){
	font-size: 24px;
	font-weight: bold;
	color: var(--primary-clr);
}
.profile-desc span:nth-child(2){
	font-size: 15px;
	color: var(--text-clr);
}
.owl-nav{
	position: absolute;
	right: 250px;
	bottom: -10px;
}
.owl-nav button{
	border-radius: 50% !important;
}
.owl-nav .owl-prev i,
.owl-nav .owl-next i{
	padding: 10px !important;
	border-radius: 50%;
	font-size: 18px !important;
	background-color: var(--card-clr) !important;
	color: var(--primary-clr);
	cursor: pointer;
	transition: 0.4s;
}
.owl-nav .owl-prev i:hover,
.owl-nav .owl-next i:hover{
	background-color: var(--primary-clr) !important;
	color: #e9e9e9;
}
.owl-dots{
	margin-top: 15px;
}
.owl-dots .owl-dot span{
	background-color: #434753 !important;
	padding: 6px !important;
}
.owl-dot.active span{
	background-color: var(--primary-clr) !important;
}
/* Responsive changes for Customer Review */
@media (max-width: 991px) {
    .testimonials-section{
        margin-top: 15%;
        padding: 0 5%;
    }
    .section-header h1{
        font-size: 45px;
    }
    .testimonials-container .testimonial-card{
        width: 95%;
        margin: 0 auto;
    }
    .test-card-body p{
        font-size: 13px;
    }
    .profile-desc span:nth-child(1){
        font-size: 20px;
    }
    .profile-desc span:nth-child(2){
        font-size: 13px;
    }
    .owl-nav{
        right: 100px;
    }
}

@media (max-width: 600px) {
    .section-header h1{
        font-size: 35px;
    }
    .testimonials-container .testimonial-card{
        width: 100%;
    }
    .test-card-body .quote i{
        font-size: 35px;
        margin-right: 15px;
    }
    .test-card-body p{
        font-size: 12px;
    }
    .profile-desc span:nth-child(1){
        font-size: 18px;
    }
    .profile-desc span:nth-child(2){
        font-size: 12px;
    }
    .owl-nav{
        right: 50px;
    }
}

/* footer */
footer{
  margin-top: 10%;
  background: #e6e6e6;
  width: 100%;
  bottom: 0;
  left: 0;
}
footer::before{
  content: '';
  position: absolute;
  left: 0;
  top: 100px;
  height: 1px;
  width: 100%;
  background: #b6afaf;
}
footer .content{
  max-width: 1250px;
  margin: auto;
  padding: 30px 40px 40px 40px;
}
footer .content .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.content .top .logo-details img{
    width: 200px;
}
.content .top .logo-details{
  color: #ffffff;
  font-size: 30px;
}
.content .top .media-icons{
  display: flex;
}
.content .top .media-icons a{
  height: 40px;
  width: 40px;
  margin: 0 8px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.top .media-icons a:nth-child(1){
  background: #4267B2;
}
.top .media-icons a:nth-child(1):hover{
  color: #4267B2;
  background: #fff;
}
.top .media-icons a:nth-child(2){
  background: #1DA1F2;
}
.top .media-icons a:nth-child(2):hover{
  color: #1DA1F2;
  background: #fff;
}
.top .media-icons a:nth-child(3){
  background: #E1306C;
}
.top .media-icons a:nth-child(3):hover{
  color: #E1306C;
  background: #fff;
}
.top .media-icons a:nth-child(4){
  background: #0077B5;
}
.top .media-icons a:nth-child(4):hover{
  color: #0077B5;
  background: #fff;
}
.top .media-icons a:nth-child(5){
  background: #FF0000;
}
.top .media-icons a:nth-child(5):hover{
  color: #FF0000;
  background: #fff;
}
footer .content .link-boxes{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .content .link-boxes .box{
  width: calc(100% / 5 - 10px);
}
.content .link-boxes .box .link_name{
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}
.link-boxes .box .link_name::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 35px;
  background: #000000;
}
.content .link-boxes .box li{
  margin: 6px 0;
  list-style: none;
}
.content .link-boxes .box li a{
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.4s ease
}
.content .link-boxes .box li a:hover{
  opacity: 1;
  text-decoration: underline;
}
.content .link-boxes .input-box{
  margin-right: 55px;
}
.link-boxes .input-box input{
  height: 40px;
  width: calc(100% + 55px);
  outline: none;
  border: 2px solid #AFAFB6;
  background: #140B5C;
  border-radius: 4px;
  padding: 0 15px;
  font-size: 15px;
  color: #fff;
  margin-top: 5px;
}
.link-boxes .input-box input::placeholder{
  color: #AFAFB6;
  font-size: 16px;
}
.link-boxes .input-box input[type="button"]{
  background: #fff;
  color: #140B5C;
  border: none;
  font-size: 18px;
  font-weight: 500;
  margin: 4px 0;
  opacity: 0.8;
  cursor: pointer;
  transition: all 0.4s ease;
}
.input-box input[type="button"]:hover{
  opacity: 1;
}
footer .bottom-details{
  width: 100%;
  background: #0F0844;
}
footer .bottom-details .bottom_text{
  max-width: 1250px;
  margin: auto;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a{
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  opacity: 0.8;
  text-decoration: none;
}
.bottom-details .bottom_text a:hover{
  opacity: 1;
  text-decoration: underline;
}
.bottom-details .bottom_text a{
  margin-right: 10px;
}

/**/

.end{
    text-align: center;
    background: #e6e6e6;
    font-size: 20px;
}
/* Mobile & responsive changes for footer */
@media (max-width: 991px) {
  footer .content .top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  footer .content .link-boxes {
    flex-direction: column;
    gap: 30px;
  }

  footer .content .link-boxes .box {
    width: 100%;
    margin-right: 0;
  }

  .link-boxes .input-box input {
    width: 100%;
  }

  footer .bottom-details .bottom_text {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .bottom-details .bottom_text span,
  .bottom-details .bottom_text a {
    font-size: 13px;
  }
}

@media (max-width: 600px) {
  footer .content {
    padding: 20px;
  }

  footer .content .top .logo-details img {
    width: 150px;
  }

  footer .content .top .media-icons a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 15px;
  }

  .link-boxes .input-box input {
    font-size: 14px;
    padding: 0 10px;
  }

  .link-boxes .input-box input[type="button"] {
    font-size: 16px;
  }
}
 .video-wrapper {
            position: relative;
            max-width: 800px;
            margin: 0 auto 40px;
            border-radius: 15px;
            overflow: hidden;
            margin-top:5%;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .video-wrapper:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
        }
        
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            height: 0;
            overflow: hidden;
        }
        
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.7));
            pointer-events: none;
            border-radius: 15px;
        }
        
         @media (max-width: 768px) {
            h1 {
                font-size: 2rem;
            }
            
            .description {
                font-size: 1rem;
            }
            
            .instructions {
                padding: 15px;
            }
        }
/**/