/*==================================
* Author        : "Rohan"

==================================== */

/*==================================
font-family: 'Poppins', sans-serif;
font-family: 'Rufina', serif;
==================================== */


/*=========== TABLE OF CONTENTS ===========
1.  General css (Reset code)
2.  Top-area
3.  Welcome-hero
4.  Model-search
5.  Service
6.  New-cars
7.  Featured-cars
8.  Client-say
9.  Brand
10. Blog
11. Contact
==========================================*/

/*-------------------------------------
		1.General css (Reset code)
--------------------------------------*/
*{
    padding: 0;
    margin: 0;
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

body{
	/* font-family: 'Poppins', sans-serif; */
    font-family: Georgia;
	font-size:16px;
	color:#818998;
    text-transform:initial;
    max-width:1920px;
    margin:0 auto;
	overflow-x:hidden;
}

a,a:hover,a:active,a:focus {
	display:inline-block;
	text-decoration:none;
	color: #444a57;
    font-weight: 500;
    text-transform: capitalize;
}
h1,h2,h3,h4,h5,h6 { 
	margin: 0;
	color:#444a57;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
p {
	margin: 0;
	/*color:#818998;*/
	font-size:16px;
    line-height: 1.8;
    text-transform: initial;
}
img{border:none;
     max-width:100%; 
     /* height:auto; */
    }
ul{
	padding: 0;
    margin: 0 auto;
    list-style: none;
}
ul li {
	list-style: none;
    display: inline-block;
	
}
select,input,textarea,button,.form-control{box-shadow:none;outline:0!important;}
button {background: transparent;border: 0;font-size: 16px;text-transform: capitalize;}

html,body{height: 100%;}

[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.3s ease; 
  -moz-transition: opacity 0.3s 0.3s ease; 
  -ms-transition: opacity 0.3s 0.3s ease; 
  -o-transition: opacity 0.3s 0.3s ease; 
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;
}
.owl-carousel {z-index: 0;}
.section-header{
    position: relative;
    text-align: center;
}
.section-header h2{
    background: #000;
    color: #ffffff;
    position: relative;
    font-size: 27px;
    font-weight: 500;
    padding-top: 40px;
    padding-bottom: 30px;
    /* font-family: 'Poppins', sans-serif; */
    font-family: Georgia;

}
.section-header h2:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -42px;
    background: #4e4ffa;
}
.section-header p{color: #444a57;text-transform: capitalize;margin-bottom:10px;}
.section-header h2 span,.section-header p span{text-transform: lowercase;}

/* section-header */

/*=============Style css=========*/


/*-------------------------------------
        2. Top-area
--------------------------------------*/
nav.navbar.bootsnav {
    background-color: transparent;
    border-bottom: transparent;
}
.wrap-sticky nav.navbar.bootsnav.sticked {background-color: #000;box-shadow: 0 2px 5px rgba(0,0,0,.2);}

.navbar-header a.navbar-brand,.navbar-header a.navbar-brand:hover,.navbar-header a.navbar-brand:focus{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    letter-spacing: 3px;
    /* font-family: 'Rufina', serif; */
    font-family: Georgia;
    font-weight: 700;
    padding: 45px 0px;
    text-transform:uppercase;
}
@media (max-width: 768px) {
    .navbar-header a.navbar-brand {
        font-size: 20px; 
        padding: 20px 0px; 
        text-align: center; 
    }

    .navbar-header a.navbar-brand span {
        color: #fff;
        text-transform: capitalize;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 15px 10px; 
    }

    .wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand {
        padding: 20px 0px; 
    }
}

@media (max-width: 480px) {
    .navbar-header a.navbar-brand {
        font-size: 18px; 
        padding: 15px 0px; 
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 12px 8px; 
    }
}
.navbar-header a.navbar-brand span{display: inline-block;color:#fff;text-transform:capitalize;}

.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:hover,.wrap-sticky nav.navbar.bootsnav.sticked .navbar-header a.navbar-brand:focus {padding:30px 0px;}

nav.navbar.bootsnav ul.nav > li > a {
    color: #f5f7fa;
    font-size: 16px;
    font-weight: 500;
    text-transform:uppercase;
    -webkit-transition: 0.3s linear; 
    -moz-transition: 0.3s linear; 
    -ms-transition: 0.3s linear; 
    -o-transition: 0.3s linear; 
    transition: 0.3s linear;
}
nav.navbar.bootsnav ul.nav > li > a {padding: 48px 21px;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li > a:focus{color:#4e4ffa;}
nav.navbar.bootsnav ul.nav > li.active>a {color: #4e4ffa;}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
    content: "";
}
nav.navbar.bootsnav ul.nav > li.dropdown span {
    font-size: 8px;
    margin-left: 15px;
}
.wrap-sticky nav.navbar.bootsnav.sticked ul.nav > li > a{padding:30px 25px;}

.menu-ui-design{overflow-y:scroll;height: 350px;}
.menu-ui-design::-webkit-scrollbar {
    width:5px;
}
.menu-ui-design::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #000;
}
.menu-ui-design::-webkit-scrollbar-thumb {
  background-color: #4e4ffa;
}

/*.menu-ui-design*/

/* RRRRRRRRR  EVENT */
/* Dropdown menu styling */
.nav-item .dropdown-menu {
    min-width: 220px; 
    padding: 0;
    background-color: rgb(0, 0, 0);
}

.nav-item .dropdown-item {
    font-size: 16px;
    padding: 10px 20px; 
    text-align: center; 
}
.nav-item .dropdown-item:hover {
    background-color: transparent; 
    color: blue; /
}


.nav-item .dropdown-item:last-child {
    border-bottom: none;
}

.nav-item .dropdown-toggle .caret {
    margin-left: 5px;
    font-size: 12px;
}

.nav-item .dropdown-toggle {
    font-weight: 500;
    padding: 10px;
    text-decoration: none;
}

/* RRRRRRRRRR */

/* ssssssssssssss weding */

/* Center-align items in the dropdown */
.centered-dropdown {
    min-width: 220px;
    border: none;
    padding: 10px 0;
    text-align: center; 
    list-style-type: none; 
}

.centered-dropdown .dropdown-item {
    display: block;
    font-size: 16px;
    color: #fff; 
    padding: 10px 20px;
    text-decoration: none;
}

.centered-dropdown .dropdown-item:not(:last-child) {
    margin-bottom: 5px; 
}

.centered-dropdown .dropdown-item:hover {
    background-color: #111; 
    color: #fff;
}

.dropdown-item {
    color: #fff;
}
/* ssssssssssssss */

/*.navbar-toggle */
nav.navbar.bootsnav .navbar-toggle {
    position: relative;
    background-color: transparent;
    border: 1px solid #4e4ffa;
    padding: 10px;
    top: 0;
}
nav.navbar.bootsnav .navbar-toggle i{color: #4e4ffa;}


.welcome-hero {
    position: relative;
    overflow: hidden;
    height: 100vh; 
    width: 100%;
}


.welcome-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;  
    height: auto;
    object-fit: cover; 
    transform: translate(-50%, -50%);
    z-index: 0;
}

/* Header area */
.header-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

/* Hero text */
.welcome-hero-txt {
    text-align: center;
    padding: 290px 0 372px;
}
.welcome-hero-txt h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 45px;
}
.welcome-hero-txt p {
    font-size: 18px;
    text-transform: initial;
    color: #fff;
    font-weight: 500;
    max-width: 735px;
    margin: 0 auto;
}

/* Welcome button */
.welcome-btn {
    display: inline-block;
    width: 230px;
    height: 60px;
    background: #4e4ffa;
    color: #fff;
    border-radius: 3px;
    margin-top: 55px;
    transition: .3s linear;
}
.welcome-btn:hover {
    background: #0102fa;
}

/* Mobile Responsive Adjustments */


.header-area{position: absolute;top:0;left:0;width: 100%;z-index: 99;}

.welcome-hero-txt{text-align: center;padding:290px 0 372px;}
.welcome-hero-txt h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 45px;
}
.welcome-hero-txt p {
    font-size: 18px;
    text-transform: initial;
    color: #fff;
    font-weight: 500;
    max-width: 735px;
    margin: 0 auto;
}
.welcome-btn {
    display: inline-block;
    width: 230px;
    height: 60px;
    background: #4e4ffa;
    color: #fff;
    border-radius: 3px;
    margin-top: 55px;
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
}
.welcome-btn:hover{
    background: #0102fa;
}

.welcome-hero {
    position: relative;
    overflow: hidden; 
    height: 100vh;
    width: 100%;
}

.welcome-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    height: 100%; 
    object-fit: cover; 
    transform: translate(-50%, -50%); 
    z-index: 0; 
}



/* Adjustments for Mobile Devices */
@media (max-width: 768px) {
    .welcome-hero {
        height:60vh;
        padding: 0;
        background-color: #000;

    }

    .welcome-hero video {
        color: #000;
        width: 101%; 
        height: auto; 
        object-fit: contain; 
    }
}

/* banner css  start*/

/* Hero Banner */
.hero-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background-color: #000; 
    text-align: center;
}

/* Hero Image */
.hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Hero Content */
.hero-content {
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 0 20px;
    text-align: center;
}

/* Hero Title */
.hero-title {
    font-size: 4.5rem;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    line-height: 1.2;
}

/* Hero Description */
.hero-description {
    font-size: 2rem;
    margin-top: 1rem;
    max-width: 900px;
    line-height: 1.5;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .hero-banner {
        height: 70vh;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-description {
        font-size: 1.5rem;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 1.8rem;
    }

    .hero-description {
        font-size: 1rem;
    }
}


/* baneer css end */


/*.welcome-hero-txt*/

/*-------------------------------------
        4. Model-Search
--------------------------------------*/
.model-search-content .col-sm-12 {padding: 0;}
.model-search-content {
    padding: 40px 0;
    background: #fff;
    box-shadow:0 10px 40px 0px rgba(38,40,64,.2);
    position: absolute;
    bottom: -150px;
    width: 100%;
    border-radius: 3px;
}

/*.single-model-search*/
.single-model-search{margin-bottom: 30px;}
.single-model-search:last-child {margin-bottom: 0;}

.single-model-search h2 {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 20px;
}
/*model-select-icon*/
.model-select-icon{
    position:relative;
}
.model-select-icon .form-control {
    outline: 0!important;
    box-shadow: none;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
    height: 60px;
}
.model-select-icon select {
    font-size: 16px;
    color: #888f9d;
    text-transform: capitalize;
}
.model-select-icon:after{
    position: absolute;
    content: "\f103";
    right: 0px;
    top: 0;
    font-size: 10px;
    color: #888f9d;
    background: #f8f8f8;
    height: 60px;
    line-height: 60px;
    width: 50px;
    text-align: center;
    /* font-family: "Flaticon"; */
    font-family: Georgia;
    pointer-events: none;
    border: transparent;
}/*model-select-icon*/
.welcome-btn.model-search-btn {
    width: 160px;
    margin-top: 80px;
    margin-left: 53px;
}

/*.single-model-search*/




.single-service-item{
    text-align: center;
    /* padding:55px 30px 60px; */
    border-radius: 3px;
    margin-bottom: 30px;
    border: 1px solid #dadfe9;
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
}

.web{
    margin-top: -10px;
    /* z-index: 9; */
    position: relative;
}

.single-service-icon {
    display: inline-block;
    color: #000;
}
.single-service-item h2 a {
    font-size:20px;
    color: #eeeff6;

    margin: 35px 0 20px;
}
.single-service-item h2 a span {text-transform:  lowercase;}
.single-service-item p {padding-bottom: 35px;text-transform: initial;position: relative;}
.single-service-item p:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 3px;
    background: #000;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}

.single-service-icon [class^="flaticon-"]:before,.single-service-icon[class*=" flaticon-"]:before,.single-service-icon [class^="flaticon-"]:after,.single-service-icon [class*=" flaticon-"]:after {font-size:60px;}
/* .single-service-item:hover .single-service-icon [class^="flaticon-"]:before,.single-service-item:hover .single-service-icon [class*=" flaticon-"]:before,.single-service-item:hover .single-service-icon [class^="flaticon-"]:after,.single-service-item:hover .single-service-icon [class*=" flaticon-"]:after {color:#000;} */


.single-service-item:hover h2 a,.single-service-item:hover p{color: #fff;}
.single-service-item:hover  p:before {background: #fff;}
.single-service-item:hover{box-shadow: 0 12px 30px 0px rgba(0,1,193,.2);background: #000;border: 1px solid #000;}


/*-------------------------------------
        6. New-cars
--------------------------------------*/
.new-cars{
    background: #000;
   
}
.new-cars-content{padding-top:50px;}
/*.new-cars-txt*/
.new-cars-txt {margin-left: 29px;margin-bottom: 30px;}
.new-cars-txt h2 a {
    color: #ffffff;
    font-size:  30px;
    font-weight:  500;
    margin-bottom: 26px;
}
.new-cars-txt h2 a span {text-transform:  uppercase;
 color: #e2dfdf;
}
.new-cars-para2 {
    margin-top: 30px;
    color: #ffffff;
}
.welcome-btn.new-cars-btn {
    width: 176px;
    margin-top: 32px;
}
/*.new-cars-txt*/

/*.owl-dots */
.new-cars .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 4px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 50%;
}
.new-cars .owl-theme .owl-dots .owl-dot.active span,.new-cars .owl-theme .owl-dots .owl-dot:hover span {background: #ffffff;}
.new-cars .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 62px;}




/*.owl-dots */

/*-------------------------------------
        7. Featured-cars
--------------------------------------*/
.featured-cars{
    padding:40px 0 100px;
    background-color: #000;
}
.featured-cars-content{padding-top:96px;}

/*.single-featured-cars*/
.featured-img-box {
    border: 1px solid #000;
}
.featured-cars-img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    height: 220px;
    border-bottom: 1px solid #000;
}
.featured-model-info{padding:12px 7px;}
.featured-model-info p {
    font-size: 12px;
    color: #8c92a0;
    text-transform: capitalize;
}
.featured-mi-span{display: inline-block;margin:0 10px;}
.featured-hp-span{display: inline-block;margin-right: 10px;}
.featured-cars-txt{margin:21px 0 47px;}
.featured-cars-txt h2 a{font-size: 16px;margin-bottom: 15px;}
.featured-cars-txt h2 a span{text-transform: uppercase;}
.featured-cars-txt h3{margin-bottom: 10px;}
.featured-cars-txt h3,.featured-cars-txt p{font-size: 13px;}
/*.single-featured-cars*/

/*-------------------------------------       
        8. Clients-say 
--------------------------------------*/

.clients-say {
    background: #000;
}

/* single-testimonial-box */


/* testimonial-description */
.clients-say .testimonial-carousel .col-sm-3,
.clients-say .testimonial-carousel .col-xs-12 {
    width: 100%;
    height: auto;
}

/* testimonial-info */
.testimonial-img {
    margin-right: 5px;
}

.testimonial-person h2 a,
.testimonial-person h4 {
    font-size: 16px;
    color: #5e6778;
    font-weight: 600;
}

.testimonial-person h4 {
    margin-top: 10px;
}

/* testimonial-comment */
.testimonial-comment p {
    font-size: 16px;
    color: #e1e3e6;
    margin-top: 30px;
    margin-bottom: 25px;
}
.single-testimonial-box:hover h2 a,
.single-testimonial-box:hover h4,
.single-testimonial-box:hover p {
    color: #fff;
}

.clients-say .owl-carousel .owl-stage {
    position: relative;
    padding: 50px 0 40px;
}


.clients-say .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 50%; 
    margin: 0 auto; 
    border-radius: 0; 
}


/*-------------------------------------
        9. Brand
--------------------------------------*/
.brand{
    padding:70px 0;
    background: #000;
}
.brand-area {
    position:relative;
}
.brand-area .item {
    padding: 0 40px 0;
}

.brand .brand-area .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height:100px;
    border-radius:0;
    background-color: #ffffff;

}
/*-------------------------------------
        10. Blog
--------------------------------------*/

/*-------------------------------------
        12. Contact
--------------------------------------*/

/*.footer-copyright */

/*===============================
    Scroll Top
===============================*/
#scroll-Top  .return-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background:#4e4ffa;
	border:1px solid #4e4ffa;
	border-radius:50%;
	-webkit-transition: .5s; 
	-moz-transition:.5s; 
	-ms-transition:.5s; 
	-o-transition:.5s;
    transition: .5s;
	z-index: 2;
}
#scroll-Top  .return-to-top:hover {
    background:#fff;
    color: #4e4ffa;
	border:1px solid #4e4ffa;
}

#scroll-Top  .return-to-top i{
    position:relative;
    bottom:0;

}



#scroll-Top  .return-to-top i{
    position: relative;
    animation-name: example;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-duration:1s;
}
@keyframes example {
    0%   {bottom:0px;}
    100%  {bottom:7px;}
}
/*========================Thank you=================*/




/* Owl carousel styling */
.video-gallery .owl-carousel .owl-stage {
    position: relative;
    padding: 100px 0 40px;
}

.video-gallery .owl-carousel .owl-item img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
}

.video-gallery {
    padding: 1px 0;
    background-color: #000;
}

.gallery-title {
    color: #e2dfdf;
    font-size: 24px;
    padding: 15px;
    margin-bottom: 30px;
}

.pb-video-container {
    padding-top: 20px;
    background: #000;
    font-family: Georgia;

}

.pb-video {
    padding: 10px;
    margin-bottom: 20px;
}

.single-video-box {
    background: #000;
    padding: 5px;
    transition: all 0.3s ease;
}


.pb-video-frame {
    width: 100%;
    height: 230px;
}

.label-warning {
    background-color: #000;
    color: #bbb5b5;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

/* Hide video gallery on mobile devices */
@media screen and (max-width: 768px) {
    .video-gallery {
        display: none;
    }
}



/* image over US section */
/* over like event and wedding  start*/

/* General styles */
.hover-section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.hover-card {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.hover-card-img img {
    width: 100%;
    height: auto;
    display: block;
}

.hover-card-overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 10px;
    text-align: center;
}

.hover-card-overlay {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    transition: left 0.4s ease;
}

.hover-card:hover .hover-card-overlay {
    left: 0;
}

.hover-card:hover .hover-card-overlay-text {
    display: none;
}

.hover-card-content {
    text-align: left;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

.hover-card-content h1 {
    /* font-family: "Montserrat"; */
    font-family: Georgia;
    color: white;
    margin: 0;
    font-size: 25px;
    text-decoration: underline;
    text-decoration-color: white;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    padding: 20px;
    text-align: justify;
}

.hover-card-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    padding: 20px;
    text-align: justify;
}

.arrow-icon {
    font-size: 30px;
    position: absolute;
    bottom: 20px;
    right: 40px;
    transition: transform 0.4s ease;
    color: white;
}

.hover-card:hover .arrow-icon {
    transform: translateX(10px);
}

.service {
    background-color: #000;
}

.ss .section-header {
    padding-bottom: auto;
}

/* Hide video gallery CHECK OUT OUR WORK on mobile devices */
@media screen and (max-width: 768px) {
    .hover-section {
        display: none;
    }
}

/* Hide video gallery DESTINATION WEDDING on mobile devices */
@media screen and (max-width: 768px) {
    .hover-section {
        display: none;
    }
}

/* Mobile Responsiveness */
/* @media (max-width: 768px) {
    .hover-section {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }

    .hover-card {
        max-width: 100%;
        margin: 10px 0;
    }

    .hover-card-content h1 {
        font-size: 22px;
        padding: 15px;
    }

    .hover-card-content p {
        font-size: 14px;
        padding: 10px;
    }

    .arrow-icon {
        font-size: 25px;
        right: 20px;
        bottom: 10px;
    }

    .hover-section {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .hover-card-overlay {
        padding: 15px;
    }

    .hover-card:hover .hover-card-overlay-text {
        display: block;
    }
}

@media (max-width: 480px) {
    .hover-card-content h1 {
        font-size: 20px;
        text-align: center;
    }

    .hover-card-content p {
        font-size: 14px;
        text-align: center;
        padding: 10px;
    }

    .arrow-icon {
        font-size: 25px;
        right: 10px;
        bottom: 10px;
    }
} */

/* Hide hover-card-overlay on mobile devices */
/* Ensure .hover-card-overlay is hidden on mobile */




/* new header for mobile */

/* Styles for rohannnn */
.rohannnn {
    background: #000;
    color: #ffffff;
    position: relative;
    font-size: 27px;
    font-weight: 500;
    padding-top: 40px;
    padding-bottom: 30px;
    /* font-family: Georgia; */
}

@media (min-width: 1024px) {
    .rohannnn {
        display: none; 
    }
}

@media (max-width: 768px) {
    .rohannnn {
        padding-bottom: 15px; 
    }

    .gallery-title {
        font-size: 27px;
    }
}

/* rrrrrrrrrrrrrr end new why choose us */
/* General styling */
.container-fluid.stats {
    background-color: #000000;
    color: #000000;
    padding: 50px 0;
}

.section-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.stat-item h1 {
    font-size: 48px;
    color: hsla(69, 32%, 92%, 0.925);
    display: inline;
    letter-spacing: 1px;
}

.stat-item span {
    font-size: 32px;
    color: #eeebe9ef;
    margin-left: 5px;
}

.stat-item .label {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 10px;
}

.stat-item {
    margin: 0 45px;
    padding: 35px;
}

.divider {
    width: 1px;
    height: 40px;
    background-color: #d7a58e;
}

.stats-container {
    text-align: center;
    padding: 20px;
    background-color: #111;
}

.stats-container h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.stats {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.stat-item {
    text-align: center;
}

.stat-item h3 {
    font-size: 36px;
    margin: 0;
}

.stat-item p {
    font-size: 18px;
    color: #bbb;
    letter-spacing: 1px;
    font-weight: bold;
}

.divider {
    width: 1px;
    height: 100px;
    background-color: #f1eae6d8;
}

.rohan1 .section-header {
    background-color: #000;
    padding-bottom: 60px;
}

@media (max-width: 768px) {
    .container-fluid.stats {
        padding: 30px 0;
    }

    .section-title {
        font-size: 20px;
    }

    .stat-item h1 {
        font-size: 36px;
    }

    .stat-item span {
        font-size: 24px;
    }

    .stats-container h2 {
        font-size: 20px;
    }

    .stats {
        flex-direction: column;
        gap: 20px;
    }

    .divider {
        height: 30px;
    }

    .stat-item {
        margin: 0;
        padding: 20px;
    }

    .stat-item p {
        font-size: 16px;
    }

    .divider {
        height: 50px;
    }

    .rohan1 .section-header {
        padding-bottom: 30px;
    }
}


/* 
new */

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
       display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
       display: block;
    }
 }

 .carousel-inner .carousel-item.active,
 .carousel-inner .carousel-item-next,
 .carousel-inner .carousel-item-prev {
    display: flex;
 }

 /* display 3 */
 @media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
       transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
       transform: translateX(-33.333%);
    }
 }

 .carousel-inner .carousel-item-right,
 .carousel-inner .carousel-item-left{ 
 transform: translateX(0);
 }
 .carousel-item.active .col-md-4:nth-child(3){
 transform:scale(1.2);
 
 }

 .rohan_div2 {

    padding-top: 50px;
 } 

 .ro-line {
    background-color: white; 
    height: 1px;
    width: 100%; 
}
 /* |||||footer||||||| */


 /* event page like img and name */

.destination-section {
    /* font-family: Arial, sans-serif; */
    font-family: Georgia;
    background-color: #000;
}

.destination-section .row {
    min-height: 400px;
}

.destination-section img {
    margin-left: -2%; 
    margin-right: -2.5%;
    width: 101%;
    height: 100%;
    object-fit: cover;
}

.destination-section h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #f8f8f8;
    margin-top: 20px;
    line-height: 1.2;
}

.destination-section .lead {
    font-size: 2rem;
    color: #f8f8f8;
    margin-bottom: 20px;
    line-height: 1.5;
}

.destination-section .destination-list {
    list-style-type: none;
    padding: 0;
    font-size: 2.2rem;
    color: #f8f8f8;
    line-height: 1.8;
}

.destination-section .destination-list li {
    margin-bottom: 12px;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .destination-section h2 {
        font-size: 2rem;
    }

    .destination-section .lead {
        font-size: 1.2rem;
    }
}

@media (max-width: 992px) {
    .destination-section .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .destination-section .content-box {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .destination-section h2 {
        font-size: 1.75rem;
    }

    .destination-section .lead {
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .destination-section h2 {
        font-size: 1.5rem;
    }

    .destination-section .lead {
        font-size: 1rem;
    }

    .destination-section .destination-list {
        font-size: 1rem;
    }

    .destination-section img {
        border-radius: 5px;
    }
}


 /* event page like img and name end */



/* engagement*/

.engagement-section {
    background-color: #111;
    color: white;
    text-align: center;
    padding: 55px;
  }
  
  .engagement-heading {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  
  .engagement-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: white;
    text-decoration: none;
    border: 2px solid white;
    border-radius: 5px;
  }
 

  /* engagement end*/


  /*Wedding destination start*/

.destination-section {
    padding: 20px 0;
}

.image-container {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.image-container img {
    width: 100%;
    height: auto; 
    display: block; 
    transition: transform 0.3s ease, filter 0.3s ease;
}

.image-container:hover img {
    transform: scale(0.97);
    filter: brightness(0.9);
}

.image-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); 
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .overlay {
    opacity: 1;
}

.image-container .overlay h2 {
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); 
    font-size: 20px;
}

@media (max-width: 576px) { 
    .destination-section {
        padding: 10px 0;
    }

    .image-container {
        margin-bottom: 15px;
    }

    .image-container img {
        width: 100%;
        height: auto;
    }

    .image-container .overlay h2 {
        font-size: 16px;
    }
}

  /* Wedding destination End*/




  /* contact form start */
  .form-container {
    max-width: 1300px;
    margin: 20px auto 0;
    padding: 20px;
    border: 1px solid #ddd;
    /* font-family: Arial, sans-serif; */
    font-family: Georgia;

}

.form-header {
    text-align: center;
    margin-bottom: 20px;
    color: white;
}

.form-header h4 {
    font-size: 1.5em;
    color: white;
}

.form-header p {
    color: #555;
    font-size: 0.9em;
    color: white;
}

.form-section {
    margin-bottom: 15px;
}

.form-section h5 {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: white;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    color: white;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 8px 10px;
    font-size: 0.9em;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.submit-button {
    width: 100%;
    padding: 10px;
    font-size: 1em;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}



.form-note {
    text-align: center;
    margin-top: 10px;
    font-size: 0.8em;
    color: red;
}


.styled-form {
    max-width: 800px;
    margin: auto;
    /* font-family: Arial, sans-serif; */
    font-family: Georgia;

}

.form-row {
    display: flex;
    justify-content: space-between;
    gap: 45px;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-group.full-width {
    flex: 100%;
}

.form-group label {
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input,
.form-group textarea {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

textarea {
    resize: none;
}

textarea#message {
    height: 150px;
}

.submit-button {
    display: inline-block;
    background-color: #007BFF;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
}

.submit-button:hover {
    background-color: #0056b3;
}

.form-note {
    font-size: 14px;
    color: red;
    margin-top: 10px;
}

.required {
    color: red;
    font-weight: bold;
}

.yrs {
    background-color:#000;
}

@media (max-width: 768px) {
.form-row {
flex-direction: column;
}

.form-group {
flex: 100%;
margin-bottom: 10px;
}

.submit-button {
font-size: 14px;
padding: 8px 16px;
}

.form-header h4 {
font-size: 1.3em;
}

.form-header p {
font-size: 0.8em;
}
}

@media (max-width: 480px) {
.form-container {
padding: 15px;
}

.form-header h4 {
font-size: 1.2em;
}

.form-header p {
font-size: 0.7em;
}

.submit-button {
font-size: 12px;
padding: 8px 12px;
}
}

@media (max-width: 768px) {
.form-row {
gap: 4px; 
}
}
 /* contact form End*/


 /* loder :start */

  #loader-container {
    text-align: center;
  }
  
  #netflix-loader {
    font-size: 5rem;
    font-weight: 900;
    letter-spacing: 10px; 
    display: flex;
    gap: 10px;
    /* font-family: 'Arial', sans-serif; */
    font-family: Georgia;

    color: #e50914;
    text-transform: uppercase;
  }
  
  #netflix-loader span {
    color: #333;
    opacity: 0;
    transition: color 0.3s ease, opacity 0.3s ease;
  }
  
  #load {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #141414;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  

@media screen and (max-width: 768px) {
    #netflix-loader {
        font-size: 3.5rem;
        letter-spacing: 3px;
        gap: 5px;
        line-height: 1.2;
        padding: 0 0px;
    }

    #netflix-loader span {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 480px) {
    #netflix-loader {
        font-size: 2rem;
        letter-spacing: 4px;
        gap: 3px;
        line-height: 1.3;
        padding: 0 0px;
    }

    #netflix-loader span {
        font-size: 2rem;
    }
    
    #load {
        padding: 0px; 
    }
}

  /* Loader Container  End*/

  /* Our Story VIDEOS Start */

 .video-section {
    padding: 20px 10px;
    background: #000;
}

.video-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    margin: 0 20px; 
}

.video-card {
    flex: 1 1 calc(30% - 10px);
    max-width: calc(30% - 10px); 
    overflow: hidden;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.video-card video {
    width: 100%;
    height: 250px; 
    display: block;
    transition: transform 0.3s ease, filter 0.3s ease;
}


@media (max-width: 768px) {
    .video-card {
        flex: 1 1 calc(48% - 20px); 
        max-width: calc(48% - 20px);
    }

    .video-card video {
        height: 200px; 
    }
}

@media (max-width: 576px) {
    .video-card {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .video-card video {
        height: 180px; 
    }
}

  /* Our Story VIDEOS End */


  /* Introduction styles for the section start */
.intro-section {
    padding: 40px 20px;
    background-color: #111;
    text-align: center;
  }
  
  .intro-description {
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    margin: 0 auto;
    text-align: justify;
  }
  
  @media (max-width: 768px) {
    .intro-description {
      font-size: 16px;
      padding: 0 15px; 
    }
  }
  
  @media (max-width: 480px) {
    .intro-description {
      font-size: 14px; 
      line-height: 1.6;
      padding: 0 10px; 
      text-align: justify; 
    }
  }

/* .intro-description  End*/


/*header all  banner  start*/

.responsive-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background-color: black;  
    text-align: center;
}

.responsive-image {
    width: 100%; 
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.responsive-title {
    position: relative;
    color: white;
    font-size: 4rem;
    font-weight: bold;
    z-index: 1;
    margin: 0 10px;
}

.responsive-description {
    position: relative;
    color: white;
    font-size: 2rem;
    max-width: 80%;
    z-index: 1;
    margin: 0 10px;
}

@media (max-width: 768px) {
    .responsive-title {
        font-size: 2.5rem; 
    }

    .responsive-description {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .responsive-title {
        font-size: 2rem; 
    }

    .responsive-description {
        font-size: 1rem;
    }
}

.rohan {
    margin-top: -56px;
    height: 100%;
    position: relative;  
    width: 100%;  
    object-fit: cover;  
}

/* header all banner End*/


/* gallary image all start*/

.eventss {
    padding: 30px 0;
    background-color: #000;
}

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    background-color: #000;
}

.rohan2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.column {
    flex: 1;
    min-width: 280px;
    max-width: 500px; 
    box-sizing: border-box;
}

.img-fluid {
    width: 100%;
    height: auto;
    display: block;
}


@media (min-width: 1024px) {
    .column {
        max-width: 700px; 
    }

   
}

@media (min-width: 1200px) {
    .column {
        max-width: 900px;
    }

   
}
/* gallary image all End*/


/* Navbar header Logo   start*/
.navbar-brand {
    display: flex;
    align-items: center;
    margin-left: -50px;
    text-decoration: none;
}

.navbar-brand img {
    height: 100px;
    width: auto;
    margin-top: -40px;
}

@media screen and (max-width: 768px) {
    .navbar-brand {
        margin-left: 0;
    }

    .navbar-brand img {
        height: 100px;
        margin-top: -40px;
    }
}

/* Navbar Brand Logo  */

/* introduction head star*/

.yes {
    background-color: #000;
}

.wrapper {
    background-color: #000;
    padding-bottom: 20px;
}
.section-header {
    background-color: #000;
}

/* introduction heder end */

/* mobile responsive events start */
#box {
    display: none;
}

@media (max-width:768px) {
    #box {
        display: block !important;
    }
}

#box {
    background-color: #000;

}

#box .card {
    color: white;
}

#box .card-body a.text-dark {
    color: white !important;
}

#box .card-body p {
    color: #d3d3d3;
}
/* mobile responsive events end */


/*new*/

#scrollTopBtn {
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: none; /* Initially hidden */
      background-color: #007BFF;
      color: white;
      border: none;
      border-radius: 100%;
      padding: 10px 18px;
      font-size: 18px;
      cursor: pointer;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      z-index: 1000;
    }
    #scrollTopBtn:hover {
      background-color: #0056b3;
}

/*new*/



/* about us */
 /* who we are  start*/

 .who-we-are-section {
    background-color: #111;
    color: #fff;
    padding: 60px 100px;
    font-family: 'Georgia', serif;
    display: flex;
    align-items: center;
    position: relative;
}

.who-we-are-heading {
    /* font-family: 'Playfair Display', serif; */
    font-family: Georgia;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: left;
}

.who-we-are-description {
    font-size: 2rem;
    line-height: 1.8;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1%;
}

@media (max-width: 768px) {
    .who-we-are-section {
        padding: 40px 20px;
        flex-direction: column;
        text-align: center;
    }

    .who-we-are-heading {
        font-size: 2.5rem;
        margin-bottom: 30px;
        text-align: center;
    }

    .who-we-are-description {
        font-size: 1.6rem;
        line-height: 1.6;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1%;
    }
}

@media (max-width: 480px) {
    .who-we-are-section {
        padding: 30px 15px;
    }

    .who-we-are-heading {
        font-size: 2rem;
        margin-bottom: 20px;
    }

    .who-we-are-description {
        font-size: 1.4rem;
        line-height: 1.5;
    }
}

/* who we are  end*/

/* porfolio  exhibition all images start */

.custom-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.custom-col-6 {
    flex: 1 1 45%;
    max-width: 45%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .custom-col-6 {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.image-box-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.image-box {
    padding: 10px;
}

/* porfolio  exhibition all images end */


/* mission, .vision, .values start */
.mission-vision-values {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.containers {
    display: flex;
    flex-direction: row;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.image {
    flex: 1;
    padding: 20px;
}

.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content {
    flex: 2;
    color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

h2 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

p {
    font-size: 1.6rem;
    line-height: 1.5;
}

.mission,
.vision,
.values {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .containers {
        flex-direction: column;
    }

    .image {
        padding: 10px;
    }

    .content {
        flex: 1;
        padding: 20px;
    }

    h2 {
        font-size: 1.8rem;
    }

    p {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .mission,
    .vision,
    .values {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .mission-vision-values {
        padding: 20px 0;
    }

    .image img {
        height: 250px;
    }

    h2 {
        font-size: 1.6rem;
    }

    p {
        font-size: 1.3rem;
        line-height: 1.3;
    }

    .mission,
    .vision,
    .values {
        margin-bottom: 15px;
    }
}


/* mission, .vision, .values  end*/


/* Entertainment Events start */
.event-section {
    background-color: #111;
    color: white;
    padding: 50px 20px;
    text-align: center;
}

.event-section h1 {
    font-size: 3rem;
    margin-bottom: 20px;
}

.event-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 70px;
}

.event-content img {
    width: 700px;
    height: 500px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.event-list {
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    max-width: 400px;
}

.event-list ul {
    list-style-type: none;
    padding: 0;
}

.event-list li {
    margin: 10px 0;
}

.event-list li::before {
    content: '◆';
    margin-right: 10px;
    color: #ffd700;
}

@media (max-width: 768px) {
    .event-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .event-content img {
        width: 100%;
        height: auto;
        max-width: 600px;
    }

    .event-list {
        font-size: 1.3rem;
        max-width: 90%;
        margin-top: 20px;
    }

    .event-section h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .event-section {
        padding: 30px 10px;
    }

    .event-content img {
        width: 100%;
    }

    .event-list {
        font-size: 1.2rem;
    }

    .event-section h1 {
        font-size: 2rem;
    }

    .event-list li::before {
        margin-right: 5px;
    }
}


/* Entertainment Events end */



/* We Take Charge of  start*/


.rkdf {
    background: #000;
    color: white;
    padding: 50px 20px;
    text-align: center;
}

.rkdf h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    /* font-family: 'Georgia', serif; */
    font-family: Georgia;
}

.rkdf-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.rkdf-list {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.5);
    flex: 1 1 calc(50% - 40px);
    max-width: 600px;
}

.rkdf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.rkdf-list li {
    margin: 15px 0;
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
}

.rkdf-list li::before {
    content: '◆';
    color: #ffd700;
    margin-right: 10px;
    font-size: 1.2rem;
}


@media (max-width: 768px) {
    .rkdf-list {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .rkdf h1 {
        font-size: 2rem;
    }

    .rkdf-list li {
        font-size: 1.4rem;
    }
}

@media (max-width: 480px) {
    .rkdf {
        padding: 30px 10px;
    }

    .rkdf h1 {
        font-size: 1.8rem;
    }

    .rkdf-list {
        padding: 15px;
    }

    .rkdf-list li {
        font-size: 1.2rem;
    }
}

/* We Take Charge of end*/


/* portfolio-section start*/

.portfolio-section {
    background-color: #000;
    padding: 50px 20px;
    position: relative;
    overflow: hidden;
    height: auto;
}

.portfolio-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.portfolio-content {
    text-align: center;
    margin-bottom: 20px;
}

.portfolio-content h1 {
    font-size: 4rem;
    /* font-family: 'Georgia', serif; */
    font-family: Georgia;
    color: white;
    margin: 0;
}

.portfolio-image {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.portfolio-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

@media (max-width: 768px) {
    .portfolio-content h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .portfolio-content h1 {
        font-size: 2rem;
    }

    .portfolio-container {
        flex-direction: column;
        align-items: center;
    }

    .portfolio-image img {
        max-width: 90%;
    }
}

/* portfolio-section end*/

/* thank you start */

.thank-you {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
}

.thank-you img {
    width: 90%;
    height: 800px;
    display: block;
    object-fit: contain;
}

@media (max-width: 768px) {
    .thank-you img {
        width: 90%;
        height: auto;
    }
}

/* thank you end */


/* clients logo start*/
.fauzi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
}

.fauzi img {
    width: 100px;
    margin: 2px;
}

@media (max-width: 768px) {
    .fauzi img {
        width: 80px;
    }
}

@media (max-width: 480px) {
    .fauzi img {
        width: 60px;
    }
}

/* clients logo end*/

/*all page contetn */

/* General Styling */
.btce-wrapper,
.btce-intro-section,
.btce-what-we-offer,
.btce-call-to-action {
    text-align: center;
    margin: 0 auto;
    padding: 50px 20px;
}

.btce-wrapper {
    background-color: #000;
}

.btce-section-header h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    color: #fff; 
    line-height: 1.2;
}

/* Intro Section */
.btce-intro-section {
    background-color: #111;
    padding: 40px 20px;
}

.btce-intro-description {
    font-size: 20px;
    line-height: 1.8;
    max-width: 1200px;
    margin: 0 auto 30px;
    color: #fff; 
}

/* What We Offer Section */
.btce-what-we-offer {
    padding: 40px 20px;
    text-align: left; 
    color: #fff; 
    max-width: 1200px;
    margin: 0 auto;
}

.btce-what-we-offer h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    /* text-align: center; */
    color: #fff;
}

.btce-what-we-offer ul {
    list-style: none;
    padding: 0;
}

.btce-what-we-offer li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}

.btce-what-we-offer li::before {
    content: '◆'; 
    color: #f39c12; 
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
}

.btce-what-we-offer li strong {
    font-size: 20px; 
    font-weight: bold; 
    display: block; 
    margin-bottom: 5px; 
}

.btce-call-to-action {
    background-color: #000;
    color: #fff; 
    padding: 40px 20px;
    max-width: 1200px; 

}

.btce-call-to-action p {
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff; 
    line-height: 1.8;
    max-width: 1200px;

}

.btce-cta-highlight {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .btce-wrapper,
    .btce-intro-section,
    .btce-what-we-offer,
    .btce-call-to-action {
        padding: 30px 15px;
    }

    .btce-section-header h2 {
        font-size: 32px;
    }

    .btce-intro-description,
    .btce-what-we-offer li {
        font-size: 18px;
    }

    .btce-cta-highlight {
        font-size: 22px;
    }
}



/*all page content end*/