.bannerlanding img{
        width: 100%;
}
.landingcss {
    background-color: #000;
    padding: 40px 0;
}
.landingcss .mainheading h1{
        color: #fff;
}

.landingcss .work_list_nav .nav-link{
    padding: 8px 35px;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    cursor: pointer;
}
.landingcss .work_list_nav .nav-link.active{
    background: linear-gradient(to right, #ff512f, #f09819); 
    color: white;
    /*border-color: transparent;*/

}
.landingcss .work_list_nav{
    gap: 15px;
}
.list_tab_area{
    margin-top: 3pc;
    
}
.list_tab_area .list_img img{
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 10px;
}
.work_list_slider .owl-item:nth-child(even) {
  margin-top: 30px;
}
.connect_btn{
    padding: 10px 40px;
    display: inline-block;
    background: linear-gradient(to right, #ff512f, #f09819);
    color: #fff !important;
    font-size: 28px;
    border-radius: 52px;
    text-decoration: none !important;
}
.bradn_expersection2{
    padding: 60px 0;
}
.bradn_expersection2 .headingtab h3{
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
}
.bradn_expersection2 .headingtab h6{
    font-size: 50px;
    font-weight: 600;
    color: #fede67;
}
.accordiontest .card{ 
    margin-bottom: 1pc;
    border: 2px solid #fff;
    padding: 4px;
    background-color: #000;
    border-radius: 20px;
}
.accordiontest .card-header{
    padding: 0;
}
.accordiontest .card-header .btn.btn-link{
    background: linear-gradient(to right, #ff512f, #f09819);
    text-align: center;
    color: #fff;
    text-decoration: none !important;
    display: block;
    width: 100%;
    padding: 16px;
    font-size: 20px;
    border-radius: 50px;
}

.accordiontest .card-header .btn.btn-link.collapsed{
    background: #000;
    text-align: center;
    color: #fff;
    padding: 13px 10px;
    font-size: 20px;
    border-radius: 50px;
    box-shadow: none !important;
}

.accordiontest .card-body{
    text-align: center;
    color: #fff;
}

.success_section3{
    padding: 60px 0;
}
.success_section3 .bradncard img{
        width: 80px;
        height: 80px;
        object-fit: contain;
}
.success_section3 .bradncard h4{
    font-size: 50px;
    color: #fede67;
    font-weight: 600;
    margin-bottom: 0;
}
.success_section3 .bradncard h5{
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 300;
}
.bradncard{
    gap: 10px;
    align-items: center;
}
.pgr{
    /*text-align: center;*/
    font-size: 18px;
    color: #fff;
    
}


.form_section4 {
    background-image: url(../img/video_banner_one.png);
    width: 100%;
    object-fit: cover;
    padding: 40px 0px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.form_section4 h3{
    text-align: center;
    color: #fff;
    font-size: 50px;
    margin-bottom: 0;
    font-weight: 600;
}

.form_section4 .form-control{
       height: 55px;
    padding: 10px 15px;
    border-radius: 10px !important;

}
.form_section4 .form-control::placeholder{
    color: #7a7a7a !important;
    font-weight: 400;
    
}
.form_section4 .btn_submit{

    background-color: #fdde72;
    color: #000000;
    padding: 8px 40px;
    border: none;
    display: inline-block;
    font-size: 23px;
    border-radius: 8px;
    font-weight: 600;
    margin-top: 30px;
    
}


.budget-options {
  display: flex;
  gap: 10px;
  /*justify-content: center;*/
  align-items: center;
}

.budget-label {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3); /* Light transparent effect */
  padding: 12px 20px;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s ease;
  color: white;
  font-size: 14px;
}

/* Hide default radio button */
.budget-label input {
  display: none;
}

/* Active (selected) effect */
.budget-label input:checked + span {
  background: linear-gradient(to right, #ff512f, #f09819);
  color: white;
}

/* Submit button styling */
.submit-btn {
  background: linear-gradient(to right, #ff512f, #f09819);
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-left: 15px;
  transition: 0.3s ease;
}

.submit-btn:hover {
  opacity: 0.8;
}
.form_section4 h6{
    font-size: 19px;
    color: #fff;
}
.brand_section5{
    padding: 60px 0;
}
.brand_section5 h1{
    color: #fff;
    font-size: 40px;
}
.brand_section5 h1 span{
    color: #fede67;
    font-weight: 600;
}

.brand_logo img{
    width: 150px !important;
    height: 90px;
    object-fit: contain;
}





/*---------------------------------- video section css---------------------------------- */
.bradn_growsection5{
    padding-bottom: 60px;
}
.bradn_growsection5 h5{
    font-size: 25px;
    color: #fff;
}
.bradn_growsection5 h2{
        font-size: 50px;
    color: #fede67;
    font-weight: 600;
    
}
/*.video-section {*/
/*    display: flex;*/
/*    gap: 20px;*/
/*    padding: 20px;*/
/*}*/

/* Left Side: Main Video */
.main-video {
    flex: 2;
    background: white;
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    color: black;
}
.main-video #videoTitle{
    color: #000 !important;
}

.main-video video {
    width: 100%;
    border-radius: 15px;
}

.main-video h2 {
    font-size: 20px;
    margin: 10px 0;
}

/* Right Side: Video List */
.video-list {
    flex: 1;
    display: flex;
    /*flex-direction: column;*/
    gap: 10px;
    max-height: 560px;
        overflow-y: scroll;
    flex-wrap: wrap;
    padding-right: 10px;
}

/* Scrollbar Customization */
.video-list::-webkit-scrollbar {
    width: 5px;
}

.video-list::-webkit-scrollbar-track {
    background: #fff;
}

.video-list::-webkit-scrollbar-thumb {
    background: #f14a1f;
    /*border-radius: 10px;*/
}

.video-item {
    /*display: flex;*/
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s ease;
    width: 47%;
    border: 2px solid transparent;
}

.video-item img {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    object-fit: cover;
}

.video-item p {
    font-size: 16px;
    margin: 0;
    color: #fff;
    padding: 10px 0;
}

/* Active Video Effect */
.video-item.active {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
}
.video-item.active img{
    opacity: 0.7;
}
/*.video-item.active p {*/
/*    font-weight: bold;*/
/*    color: gold;*/
/*}*/

.video-item.active::before {
    content: "NOW PLAYING";
    position: absolute;
    top: 48%;
    
    font-size: 12px;
    color: gold;
    font-weight: bold;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
}





/*-----------*/
.whychosse_section7{
 padding-bottom: 60px;   
}

.whychosse_section7 h2{
    color: #fff;
    font-size: 40px;
    text-align: center;
    font-weight: 500;
}
.whychosse_section7 h2 span{
   color: #fede67;
    font-weight: 600
}
.choose_card{
   background-color: #262626;
    padding: 30px;
    border-radius: 16px;
    color: #fff;
    margin-bottom: 30px;
    height: 468px;
}
.choose_card h3{
    font-size: 35px;
    color: #fff;
    margin-bottom: 20px;
}
.choose_card ul{
    margin-top: 15px;
    padding-left: 16px;
}
.choose_card li{
    margin-bottom: 10px;
    font-size: 15px;
}




.differnt_section8{
    padding-bottom: 60px;
}
.differnt_section8 h2{
    color: #fff;
    text-align: center;
        font-size: 40px;
    
    font-weight: 500;
}
.diffrent_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    list-style: none;
}
.diffrent_list li{
    background-color:#444444;
    padding: 15px;
    border-radius: 15px;
    /*margin-bottom: 10px;*/
    width: 32%;
}
.diffrent_list .bradncard img{
    width: 90px !important;
    height: 90px;
    object-fit: contain;
}
.diffrent_list .bradncard h4{
    color: #fede67;
    font-size: 22px;
}
.diffrent_list .bradncard h5{
    font-size: 14px;
    color: #fff;
}
.Get_touch_section{
    background-color: #262626;
    border-radius: 20px;
    padding: 25px;
    color: #fff;
}
.Get_touch_section h5{
    font-weight: 700;
        color: #fede67;
    font-size: 35px;
    margin-bottom: 0;
}
.Get_touch_section p{
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}
.Get_touch_section .btn_connect{
    padding: 10px 40px;
    display: inline-block;
    background: linear-gradient(to right, #ff512f, #f09819);
    color: #fff !important;
    font-size: 20px;
    border-radius: 52px;
    text-decoration: none !important;
}

.faq_section9{
    padding: 60px 0;
}

.faq_section9 h5 {
    font-size: 25px;
    color: #fff;
}
.faq_section9 h2 {
    font-size: 50px;
    color: #fede67;
    font-weight: 600;
}

/*-------------------------------faq section */

.faq-section h5 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 0;
}
.faq-section h2 {
   font-size: 50px;
    color: #fff;
    font-weight: 600;
}


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

.faq-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}

.faq-question {
    background: #000;
    color: white;
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-arrow {
    transition: transform 0.3s ease;
}

.faq-answer {
    display: none;
    padding: 15px;
    background: #f9f9f9;
    font-size: 16px;
    color: #333;
}

.faq-item.active .faq-arrow {
    transform: rotate(180deg);
}




.active-center {
    transform: scale(1.1) !important;
    transition: transform 0.3s ease;
}

.list_muliderslider .item img{
    height: 350px;
     transform: scale(0.9) translateX(-13px) rotateY(15deg) !important;
    opacity: 0.6 !important;
    z-index: 5 !important;
}
.list_muliderslider .owl-item.active.center{
     transform: scale(1.2) translateZ(50px) !important; /* Bigger & Forward */
    z-index: 10 !important;
    opacity: 1 !important;
}
.list_muliderslider .owl-item.active.center item img{
    height: 400px;
}


.list_muliderslider .owl-carousel .owl-stage-outer{
        
        margin-top: 2pc;
       
}



/*.list_muliderslider {*/
   
/*}*/

/*.list_muliderslider .owl-item {*/
/*    transition: transform 0.5s ease, opacity 0.5s ease !important;*/
/*    transform-origin: center !important;*/
/*} */

/*.list_muliderslider .owl-item.center-slide {*/

/*    z-index: 10 !important;*/
/*    opacity: 1 !important;*/
/*}*/

/*.list_muliderslider .owl-item.prev-slide {*/
/*    transform: scale(0.9) translateX(-40px) rotateY(15deg) !important;*/
/*    opacity: 0.6 !important;*/
/*    z-index: 5 !important;*/
/*}*/

/*.list_muliderslider .owl-item.next-slide {*/
/*    transform: scale(0.9) translateX(40px) rotateY(-15deg) !important;*/
/*    opacity: 0.6 !important;*/
/*    z-index: 5 !important;*/
/*}*/


/*------------------------------------------------------------- responsive css ---------------------------------------------------------*/
/*------------------------------------------------------------- responsive css ---------------------------------------------------------*/
@media(max-width: 768px){
    
    .landingcss .work_list_nav{
        flex-wrap: nowrap;
        overflow-x: scroll;
        justify-content: flex-start !important;
    }
    .landingcss .work_list_nav .work_list{
         min-width: fit-content;
    }
    .list_tab_area{
        margin-top: 2pc;
    }
    .list_tab_area .list_img img{
        height: 210px;
    }
    .budget-options{
        flex-wrap: wrap;
        
    }
    .budget-label{
        width: max-content;
            padding: 12px 27px;
    }
    .budget-options .submit-btn{
        margin-left: 0;
    }
    .success_section3 .bradncard h4{
        font-size: 16px;
    }
    .success_section3 .bradncard h5{
        font-size: 14px;
    }
    .success_section3 .bradncard img{
        width: 45px;
        height: 45px;
    }
    .landingcss .mainheading h1{
        font-size: 30px;
    }
    .landingcss .work_list_nav .work_list{
        padding: 5px 17px;
        font-size: 14px;
    }
    .bradn_expersection2 .headingtab h3{
        font-size: 22px;
    }
    .bradn_expersection2 .headingtab h6{
        font-size: 30px;
    }
    .accordiontest .card-header .btn.btn-link{
        font-size: 16px;
    }
    .accordiontest .card-body{
        font-size: 14px;
    }
    .form_section4 h3{
        font-size: 30px;
    }
    .brand_section5 h1{
        font-size: 30px;
    }
    .brand_logo img {
        width: 93px !important;
        height: 36px;
        object-fit: contain;
    }
    .bradn_growsection5 h2 {
        font-size: 30px;
        color: #fede67;
        font-weight: 600;
    }
    .main-video{
        margin-bottom: 1.5pc;
    }
    .video-item img {
        width: 100%;
        height: 112px;
        border-radius: 8px;
        object-fit: cover;
    }
    .video-item p{
        font-size: 14px;
    }
    .whychosse_section7 h2{
        font-size: 30px;
    }
    .choose_card{
        height: unset;
        padding: 15px;
    }
    .choose_card h3{
        font-size: 25px;
    }
    .differnt_section8 h2{
        font-size: 30px;
    }
    .diffrent_list ul{
        gap: 10px;
    }
    .diffrent_list li{
        width: 48%;
    }
    .diffrent_list .imgleft{
        display: none;
    }
    .diffrent_list .bradncard h4{
        font-size: 24px;
    }
      .diffrent_list ul li:last-child{
        width: 100%;
    }
    .Get_touch_section h5{
        font-size: 30px;
    }
    .Get_touch_section p{
        margin-bottom: 1pc;
        font-size: 14px;
    }
    .btn_connect{
        width: 100%;
    }
    .faq-section h2{
        font-size: 30px;
    }
    .faq-section h5{
        font-size: 20px;
    }
    .faq-question{
        font-size: 14px;
    }
    .list_muliderslider .item img{
        height: 180px;
    }
}
@media(max-width: 400px){
    .success_section3 .bradncard h4{
        font-size: 14px;
    }
    .success_section3 .bradncard h5{
        font-size: 12px;
    }
    .success_section3 .bradncard img{
        width: 37px;
        height: 37px;
    }
}





.select_price.budget-options{
        flex-wrap: wrap;
}
.select_price.budget-options .budget-label{
    width: 30%;
}
#enquiryForm2 .btn_submit{
        background-color: #fdde72;
    color: #000000;
    padding: 8px 40px;
    border: none;
    display: inline-block;
    font-size: 23px;
    border-radius: 8px;
    font-weight: 600;
    margin-top: 30px;
}