@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --primary-color: #012345;
    --font-family: "Montserrat", sans-serif;
    --secondary-color:#ffffff;
    --font-size:18px;

}


body{
	margin: 0;
	padding: 0;
	    /*padding-bottom: 100px !important;*/
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background:#fff url(../img/big-bg.jpg) ;
    background-position: top;
    background-size: cover;
    background-attachment: fixed;


}
.video_icon {position: absolute;
    cursor: pointer;
    text-align: center;
    width: 100%;
    top: 41%;}
.video_icon img{    width: 50px !important;
    height: auto !important;}
.user_photo img{border-radius: 100px;
    width: 54px;
    height: 54px;}
h1{font-size: 16px; color: var(--color-primary); font-weight: 600;}
p{font-size: 10px; font-weight:600; margin:0;}

.mobileWrapper{background:#ffffff; min-height: 100%; position: relative;}
/*login css*/
.loigin_resgiterWrapper{min-height: 100vh; background:var(--primary-color);
    display: flex;
    flex-direction: column;}
    .cart_item_details ul{}
.login{background: var(--primary-color); text-align: center; padding: 35px 36px;  }
.login .form-input{text-align: left; color: var(--secondary-color); }
.login .form-input .form-control{padding: 0 25px; height: 64px; color: var(--primary-color); border-radius: 22px; background: var(--secondary-color)}
.login .forgotpassword a{color: var(--secondary-color); text-decoration: none; }
.login .forgotpassword{margin-bottom: 20px;}
.login .new_account_signup a{color: var(--secondary-color); text-decoration: none; }
.login .new_account_signup{margin: 20px 0; color: var(--secondary-color)}
.login .btn_login:hover{background:#46688a; color:#fff; }
.login .btn_login{background: #00bd9d; border-radius: 22px; width: 100%; padding: 0px; border: 0; color: var(--primary-color); font-size: var(--font-size);height: 64px; font-weight: 700}
.login .crteate_account_btn{ display: block;border-radius: 22px; border: #46688a solid 1px; background:transparent; width: 100%; padding: 0px; color: #46688a; font-size: var(--font-size);height: 64px; font-weight: 500; line-height: 61px;
    text-decoration: none;}
    .studios_rentals .nav-pills .nav-link.active .view_all_btn:hover{background: #46688a;
    color: #fff;
    border: #46688a solid 2px;}
.login .crteate_account_btn:hover{background:#00bd9d; color:#000; }
.create_account{background: var(--primary-color); text-align: center; padding: 35px 36px;  }
.create_account .form-input{text-align: left; color: var(--secondary-color); }
.create_account .form-input .form-control{padding: 0 25px; height: 64px; color: var(--primary-color); border-radius: 22px; background: var(--secondary-color)}
.create_account .forgotpassword a{color: var(--secondary-color); text-decoration: none; }
.create_account .forgotpassword{margin-bottom: 20px;}
.create_account .new_account_signup a{color: var(--secondary-color); text-decoration: none; }
.create_account .new_account_signup{margin: 20px 0; color: var(--secondary-color);}
.create_account .btn_login{background: #00bd9d; border-radius: 22px; width: 100%; padding: 0px; border: 0; color: var(--primary-color); font-size: var(--font-size);height: 64px; font-weight: 700}
.create_account .crteate_account_btn{ display: block; border-radius: 22px; border: var(--secondary-color) solid 1px; background:transparent; width: 100%; padding: 0px; color: var(--secondary-color); font-size: var(--font-size);height: 64px; font-weight: 500; line-height: 61px; text-decoration: none;}
.footer{margin-top: auto;}
.footer img{
  width: 100%;
}
.studios_produtions_tabs .nav{    flex-wrap: wrap;}
.post_production_categories_list{padding-bottom:100px;}
.cart_content_holder{/*padding-bottom:150px;*/}
.services_details_wrapper{padding-bottom:100px;}
.cartBlock{margin-right:15px;}
.loing_page_title{font-size: 26px; font-weight: 600; color: var(--secondary-color)}

.carousel-indicators {

    margin-bottom: 3px;
}
/*index css*/
.user_name{    width: auto;
    word-break: break-all;}
.main_header{background:var(--primary-color); display: flex; align-items: center; justify-content: flex-start; padding:18px 15px; color: #fff}
.main_header .user_info h3{margin: 0;}
.main_header .notifications .notifications_numbers{position: absolute; right: -7px; top:-7px; background: #FF6109; display: inline-block; font-size: 12px; font-weight: 600; width: 18px; height: 18px; text-align: center; line-height: 16px; border-radius: 4px;}
.main_header .notifications {position: relative;     display: flex;}
.main_header .notifications a{color: #fff; position:relative}


/*studios renstals css*/
.studios_rentals {
    background: var(--secondary-color);
    padding: 20px 15px;
}

.studios_rentals .nav-pills .nav-link img {

    height: 45px;
}

.studios_rentals .catagories_title {
    font-weight: 600;
    font-size: 20px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.studios_rentals .nav-pills .nav-link .catagories_name {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
}

.studios_rentals .nav-pills .nav-link p {
    font-size: 14px;
    margin: 0 17%;
    font-weight: 600;
    line-height: 18px;
    display: block;
    color: var(--primary-color);
}

.studios_rentals .nav-pills .nav-link .active {
    display: none;
}

.studios_rentals .nav-pills .nav-link .inactive {
    display: inline-block !important;
}

.studios_rentals .nav-pills .nav-link img {
    margin-bottom: 10px
}

.studios_rentals .nav-pills .nav-link .view_all_btn {
    font-weight: 600;
    color: var(--primary-color);
    text-decoration: none;
    padding: 6px 0;
    margin-top: 10px;
    border: var(--primary-color) solid 2px;
    border-radius: 10px;
    display: none;
}

.studios_rentals .nav-pills .nav-link {
    height:198px;
    color: #fff;
    background: #012345 !important;
}

.studios_rentals .nav-pills .nav-link {
    background: #012345;
    border: 0;
    padding: 30px 20px;
    margin: 0;
    border-radius: 22px;
}

.studios_rentals .nav-justified {
    margin: 0 -10px;
}

.studios_rentals .nav-justified .nav-item {
   margin: 0 6px 15px 6px;
   flex: revert-layer;
    width: 47%;
}

.studios_rentals .nav-pills .nav-link.active .catagories_name {
    font-size: 18px;
    color: var(--secondary-color);
    font-weight: 600;height: 42px;
}

.studios_rentals .nav-pills .nav-link.active p {
    font-size: 14px;
    margin: 0 2%;
    line-height: 18px;
    display: block;
    color: var(--secondary-color);
    font-weight: 600;
    display:none;
}

.studios_rentals .nav-pills .nav-link.active .active {
    display: inline-block;
}

.studios_rentals .nav-pills .nav-link.active .inactive {
    display: none !important;
}

.studios_rentals .nav-pills .nav-link.active img {
    margin-bottom: 10px
}

.studios_rentals .nav-pills .nav-link.active .view_all_btn {
    font-weight: 600;
    color: var(--secondary-color);
    text-decoration: none;
    padding: 6px 15px;
    margin-top: 10px;
    border: var(--secondary-color) solid 2px;
    border-radius: 10px;
    display: inline-block;
}

.studios_rentals .nav-pills .nav-link.active {
    color: #fff;
    background: var(--primary-color) !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--primary-color);
}
::-moz-placeholder { /* Firefox 19+ */
    color: var(--primary-color);
}
:-ms-input-placeholder { /* IE 10+ */
   color: var(--primary-color);
}
:-moz-placeholder { /* Firefox 18- */
   color: var(--primary-color);
}

/*studio Details*/
.studios_details .active-arrow{    position: absolute;
    top: -22px;
    right: 22%;}
.studios_details{background: #fff; position: relative; margin:0 -15px; padding: 15px 15px 100px 15px; margin-top: 30px;  border: var(--primary-color) solid 1px;}
.studios_details .example_list_controller{white-space: nowrap;
    overflow-x: auto;
    padding: 0 17px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    list-style: none; margin:0; padding:0;}
 .studios_details .example_list_controller .example-box img{opacity: .6; border-radius: 14px; height: 165px;}
 .studios_details .example_list_controller .example-box{ background: #696969; border-radius: 14px; display: inline-block; position: relative; margin-right: 10px;}
 .studios_details .example_list_controller .example-box  .play_icon img{opacity: 10;    width: auto !important; height: auto !important;}
 .studios_details .example_list_controller .example-box  .play_icon{position:absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);}
/* irfan css */
.production_details .example_list_controller{white-space: nowrap;
    overflow-x: auto;
    padding: 0 17px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    list-style: none; margin:0; padding:0;}
.production_details .example_list_controller .example-box img{opacity: .6; border-radius: 14px;}
.production_details .example_list_controller .example-box{ background: #696969; border-radius: 14px; display: inline-block; position: relative; margin-right: 10px;}
.production_details .example_list_controller .example-box  .play_icon img{opacity: 10}
.production_details .example_list_controller .example-box  .play_icon{position:absolute;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);}
/*irfan css ends */
  .global_title{font-size: 18px; color:#fff;}
  .how_it_works_section .videoSection {position: relative;}
  .how_it_works_section .videoSection img{width: 100%; border-radius: 14px; margin: 5px 0 10px 0}
   .how_it_works_section .videoSection .play_icon {position:absolute;
  bottom: 7%;
    left: 4%;}
  .whatsapp_float_icon{position: fixed;bottom: 100px; right: 10px;}
  .footer_menu{background: var(--primary-color); padding: 15px 0; z-index: 2; position: fixed; bottom: 0; left: auto; right: auto; width: 100%;}
  .footer_menu ul{margin:0; padding: 0; list-style: none;}
.footer_menu ul li{display: inline-block; text-align: center;}
.footer_menu ul li span{display: block; color: var(--secondary-color); font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 3px 0 0 0;}

.production_details {background: #fff; position: relative; margin:0 -15px; padding: 15px 15px 100px 15px; margin-top: 30px;  border: var(--primary-color) solid 1px;}
.production_details .active-arrow{    position: absolute;
    top: -22px;
    left: 21%;}

    .sub_header_inner_pages{ padding: 15px 20px; position: relative; display: flex; align-items: center; justify-content:center;}
    .sub_header_inner_pages .back_prevous_page{margin-right: auto;margin-right: auto;
    display: block;
    z-index: 10;
    position: relative; }
    .sub_header_inner_pages .title{text-align: center; width: 100%; font-size: 20px; color: var(--primary-color); margin-left: -30px}

    .rent_studio_wrapper_box{background: var(--secondary-color); margin: 0 20px;padding: 0 0 100px 0;}
    .rent_studio_wrapper_box .studiobox{background: #012345; border-radius: 20px; margin-bottom: 20px; padding: 20px;}
    .rent_studio_wrapper_box .studiobox a{text-decoration:none;}
    .rent_studio_wrapper_box .studiobox .studio_title{font-size: 20px; margin: 0; font-weight: 600}
    .rent_studio_wrapper_box .studiobox .location{color: #fff; padding: 0;}
    .rent_studio_wrapper_box .studiobox .ratings{color: #fff; padding:7px 0 10px 0;}
    .rent_studio_wrapper_box .studiobox .ratings i{color: #00bd9d}
    .rent_studio_wrapper_box .studiobox .ratings span{font-weight: 600}
    .rent_studio_wrapper_box .studiobox .studio_image_wrapper img{border-radius: 20px;
    height: 250px;
    object-fit: cover;}
    .rent_studio_wrapper_box .studiobox .studiobox_booking_pb{padding: 15px 0;}
    .rent_studio_wrapper_box .studiobox .studiobox_booking_pb .studio_price{ color: #fff; font-weight: 700 }
    .rent_studio_wrapper_box .studiobox .studiobox_booking_pb .booknow_btn{background: #46688a;
    color: #fff;
    border-radius: 12px;
    padding: 0;
    display: block;
    text-decoration: none;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 39px;}
.rent_studio_wrapper_box .studiobox .studiobox_booking_pb .booknow_btn:hover{background: #fff;
    color: #00bd9d;
    text-decoration: none;}
.studio_details_box{ margin: 10px 20px; padding: 0 0 100px 0;}
.studio_details_box .studio_image_wrapper img{border-radius: 20px;
    height: 250px;
    object-fit: cover;}
.studio_details_box  .studio_title{font-size: 20px; font-weight: 600; margin: 10px 0 0 0; color: var(--primary-color)}
.studio_details_box .location i{font-size: 20px;}
.location2{margin: 4px 0;
    padding: 0 !important;
    color: #fff;}
.studio_details_box .location{color: var(--primary-color); padding: 8px 0;}
.studio_details_box  .ratings{color: var(--primary-color); padding:0 0 10px 0;}
.studio_details_box  .ratings i{color: #00bd9d}
.studio_details_box  .ratings span{font-weight: 600}
.studio_details_box  .studio_details_text{color:var(--primary-color)}
.studio_details_box  .studio_image_wrapper img{width: 100%; border-radius:  14px;}
.studio_details_box .booking_time_price{display: flex; margin-top: 15px; color:var(--primary-color);  }
.studio_details_box .booking_time_price .price {margin-right: 20px;}
.studio_details_box .booking_time_price .price h3{font-size: 14px; margin:0; padding: 0; }
.studio_details_box .booking_time_price .time h3{font-size: 14px; margin:0; padding: 0;}

.studio_booking_form {color: var(--primary-color)}
.studio_booking_form .feilds_block label span{color: #00bd9d}
.studio_booking_form .feilds_block label{margin: 10px 0 6px 0; font-weight: 600; font-size: 16px;}
.studio_booking_form .feilds_block .form-control{height: 62px; border-radius: 14px; border: var(--primary-color) solid 1.4px; padding: 0 20px; background: var(--secondary-color); width: 100%;}
.studio_booking_form .available_time_slot .title2 i{font-size: 20px;}
.studio_booking_form .available_time_slot .title2{font-weight: 600; font-size: 16px;}
.studio_booking_form .available_time_slot {margin-top: 15px;}
.studio_booking_form .available_time_slot .morning_time_slot{background: #012345; border-radius: 20px; padding: 15px;}
.studio_booking_form .available_time_slot .morning_time_slot h2{font-weight: 600; color: #fff; font-size: 16px;  margin: 5px 0 15px 0;}
.studio_booking_form .available_time_slot .morning_time_slot .chooses_time{margin: 0; padding: 0; list-style: none; }
.studio_booking_form .available_time_slot .morning_time_slot .chooses_time li{display: inline-block; background: #ffffff; padding: 8px 22px; border-radius: 100px; margin: 5px; cursor: pointer;}
/*.studio_booking_form .available_time_slot .morning_time_slot .chooses_time li:hover{background: var(--primary-color); color: var(--secondary-color)}*/

.studio_booking_form .available_time_slot .evengin_time_slot{background: #012345; border-radius: 20px; padding: 15px; margin-top: 15px;}
.studio_booking_form .available_time_slot .evengin_time_slot h2{ color: #fff; font-weight: 600; font-size: 16px; margin: 5px 0 15px 0;;}
.studio_booking_form .available_time_slot .evengin_time_slot .chooses_time{margin: 0; padding: 0; list-style: none; }
.studio_booking_form .available_time_slot .evengin_time_slot .chooses_time li{display: inline-block; background: #ffffff; padding: 8px 22px; border-radius: 100px; margin: 5px; cursor: pointer;}
/*.studio_booking_form .available_time_slot .evengin_time_slot .chooses_time li:hover{background: var(--primary-color); color: var(--secondary-color)}*/

.studio_booking_form .available_time_slot .chooses_time li.active {
    background: #00bd9d;
    color: var(--secondary-color);
}

.studio_booking_form .feilds_block .form-drop-down{height: 62px; border-radius: 14px; border: var(--primary-color) solid 1.4px; padding-left:10px; color: #7C7B7B; background: var(--secondary-color); width: 100%;}
.studio_booking_form .feilds_block .choose_color_option{display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;}
.choose_color_option .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0 !important;
    margin-bottom: .125rem;
}
.studio_booking_form .feilds_block .choose_color_option  .form-check-input {
   width: 30px;
    height: 30px;
    margin: 0px !important;
    float: inherit !important; }

.studio_booking_form .feilds_block .choose_color_option {height: 62px;
    border-radius: 14px;
    border: var(--primary-color) solid 1.4px;
    padding: 0;}
.location_map  .title2{font-weight: 600; font-size: 16px;}
.location_map iframe{border: var(--primary-color) solid 1.4px !important; border-radius: 24px;}
.studio_booking_review_button:hover{background:#00BD9D; color:#fff;}
.studio_booking_review_button{bottom:20px; font-weight: 600; font-size: 18px; text-align: center; line-height: 55px;text-decoration: none; position: fixed; left: 15px; right: 15px; background: var(--primary-color); color: var(--secondary-color); height: 60px; border: 0; border-radius: 16px;}
.studio_booking_review_button:hover{color: var(--secondary-color)}

.bottomfixed_button {bottom:0px;  position: fixed; left: 0px; right: 0px; /*background: #012345; */padding: 16px; border-radius: 22px 22px 0 0; z-index:9999;}
.bottomfixed_button a{font-weight: 600; font-size: 18px; text-align: center; display: block; line-height: 55px;text-decoration: none;background: var(--primary-color); color: var(--secondary-color); height: 60px; border: 0; border-radius: 22px;}

.booknow_btn2{color: #fff;
    margin: 9px 0 0px 0;
    font-weight: 600;
    display: block;
}

.studio_price{color: #fff}
.review_detail_box{border: #012345 solid 2px; border-radius:22px; padding: 13px; margin: 15px 0;}
.review_detail_box ul{margin:0; padding: 0; list-style: none;}
.review_detail_box ul li i{margin-right: 5px; position: relative; top: -2px;     width: 18px; display: inline-block;}
.review_detail_box ul li{font-size: 14px; padding: 6px 0; color: var(--primary-color); font-weight: 600}
.review_detail_box ul li span{float: left; color: #7C7B7B}

.studio_details_box .studio_price_details{background: #012345; border-radius: 22px; padding: 15px; margin-top: 15px;}
.studio_details_box .studio_price_details .studio_title {
    font-size:20px;
    font-weight: 600;
    margin: 0;
    color: #fff;
}
.studio_details_box .studio_price_details .studio_subtitle {
    font-size:14px;
    font-weight: 600;
    color: #fff;
    margin:5px 0;
}
.studio_details_box .studio_price_details .price_d span{color: #fff}
.studio_details_box .studio_price_details .price_d{ font-size:20px;
    font-weight: 600;
    margin: 0;
   color: #fff
  }
  .thanks_page_wrapper{text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;}
  .thanks_page_wrapper .thanks_title{font-size: 26px; color:var(--primary-color); margin: 30px 0}
  .thanks_page_wrapper .back_home_button{ font-weight: 600; font-size: 18px; text-align: center; text-decoration: none;  background: var(--primary-color); color: var(--secondary-color);
      border: 0; border-radius: 16px; padding: 10px 60px 13px 60px; display: inline-block;}
.universal_bottom_icon{bottom: 0; position: fixed;}
.universal_bottom_icon img{width: 100%;}



/*servcies*/

.productions_servcies_wrapper{background: var(--secondary-color); padding: 20px 15px; }
.productions_servcies_wrapper .nav-pills .nav-link  img {height: 45px;}
.productions_servcies_wrapper .catagories_title{font-weight: 600; font-size: 20px; color: var(--primary-color); margin-bottom: 20px;}
.productions_servcies_wrapper .nav-pills .nav-link .catagories_name{font-size: 18px; color:var(--primary-color); font-weight: 600;}
.productions_servcies_wrapper .nav-pills .nav-link p{font-size: 14px; margin: 0 7%; font-weight: 600; line-height: 18px; display: block; color:var(--primary-color); }
.productions_servcies_wrapper .nav-pills .nav-link .active{display: none; }
.productions_servcies_wrapper .nav-pills .nav-link .inactive{display:inline-block !important; }
.productions_servcies_wrapper .nav-pills .nav-link img{margin-bottom: 10px}
.productions_servcies_wrapper .nav-pills .nav-link .view_all_btn{ font-weight: 600; color:var(--primary-color); text-decoration: none; padding: 6px 0; margin-top: 10px; border:var(--primary-color) solid 2px; border-radius: 10px; display: none; }
.productions_servcies_wrapper .nav-pills .nav-link{    height: 244px; color: #fff; background: #012345 !important;}
.productions_servcies_wrapper .nav-pills .nav-link.active .catagories_name{font-size: 18px; color:var(--secondary-color); font-weight: 600;}
.productions_servcies_wrapper .nav-pills .nav-link.active p{font-size: 14px; margin: 0 7%; line-height: 18px; display: block; color:var(--secondary-color); font-weight:600;}
.productions_servcies_wrapper .nav-pills .nav-link.active  .active{display: inline-block; }
.productions_servcies_wrapper .nav-pills .nav-link.active  .inactive{display:none !important; }
.productions_servcies_wrapper .nav-pills .nav-link.active img{margin-bottom: 10px}
.productions_servcies_wrapper .nav-pills .nav-link.active .view_all_btn{font-weight: 600; color:var(--secondary-color); text-decoration: none; padding: 6px 0; margin: 10px 8%; border:var(--secondary-color) solid 2px; border-radius: 10px; display: block; }
.productions_servcies_wrapper .nav-pills .nav-link.active{ color: #fff; background: var(--primary-color)  !important;}

.productions_servcies_wrapper  .nav-pills .nav-link {
    background:#012345;
    border: 0;
    padding: 30px 10px;
    margin: 0 ;
    border-radius:22px;
}
.productions_servcies_wrapper .nav-justified{margin:0 -10px; }
.productions_servcies_wrapper .nav-justified .nav-item{margin:0 6px;}

/*studio Details*/
.productions_servcies_wrapper .production_services_details .active-arrow{    position: absolute;
    top: -22px;
    left: 21%;}
.productions_servcies_wrapper .production_services_details{background: #fff; position: relative; margin:0 -15px; padding: 15px 15px 100px 15px; margin-top: 30px;  border: var(--primary-color) solid 1px;}
.productions_servcies_wrapper .production_services_details .example_list_controller{white-space: nowrap;
    overflow-x: auto;
    padding: 0 17px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    list-style: none; margin:0; padding:0;}
 .productions_servcies_wrapper .production_services_details .example_list_controller .example-box img{opacity: .6; border-radius: 14px;}
 .productions_servcies_wrapper .production_services_details .example_list_controller .example-box{ background: #696969; border-radius: 14px; display: inline-block; position: relative; margin-right: 10px;}
 .productions_servcies_wrapper .production_services_details .example_list_controller .example-box  .play_icon img{opacity: 10}
 .productions_servcies_wrapper .production_services_details .example_list_controller .example-box  .play_icon{position:absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);}

  .post_productions_servcies_wrapper {background: #fff; position: relative; margin:0 -15px; padding: 15px 15px 100px 15px; margin-top: 30px;  border: var(--primary-color) solid 1px;}
.post_productions_servcies_wrapper .active-arrow{    position: absolute;
    top: -22px;
    right: 22%;}
     .post_productions_servcies_wrapper .example_list_controller{white-space: nowrap;
    overflow-x: auto;
    padding: 0 17px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    list-style: none; margin:0; padding:0;}
.post_productions_servcies_wrapper .example_list_controller .example-box img{opacity: .6; border-radius: 14px;}
.post_productions_servcies_wrapper .example_list_controller .example-box{ background: #696969; border-radius: 14px; display: inline-block; position: relative; margin-right: 10px;}
.post_productions_servcies_wrapper .example_list_controller .example-box  .play_icon img{opacity: 10}
.post_productions_servcies_wrapper .example_list_controller .example-box  .play_icon{position:absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);}


  /*products catergory lilst*/
    .post_production_categories_list a{text-decoration: none; }
    .post_production_categories_list .category_Box:hover{background: var(--primary-color); color:#fff}
    .post_production_categories_list .category_Box:hover .category_title{color:#ffffff !important}
.post_production_categories_list .category_Box:hover .studio_price{color:#ffffff !important}
    .post_production_categories_list .category_Box{margin: 20px; border-radius: 20px; padding: 15px; background:#012345 }
    .post_production_categories_list .category_Box .slider img{border-radius: 20px;
    height: 250px;
    object-fit: cover;}
    .post_production_categories_list .category_Box .category_title{color: #fff; font-size: 22px; margin:20px 0 0 0; padding: 0  }
    .post_production_categories_list .category_Box p{color:#4F4F4F; font-size:14px; margin:0 0 10px 0;  }
    .post_production_categories_list .category_Box .studiobox_booking_pb .studio_price{ color:#fff; font-weight: 700 }
    .post_production_categories_list .category_Box .studiobox_booking_pb .booknow_btn{background: #46688a;
    color: #fff;
    border-radius: 12px;
    padding: 0;
    display: block;
    text-decoration: none;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 39px;}
    .post_production_categories_list .category_Box:hover .studiobox_booking_pb .booknow_btn{background: #fff; color: #00bd9d; text-decoration: none;}

    /*more details css*/
.services_details_wrapper .slider_controller {
    white-space: nowrap;
    overflow-x: auto;
    padding: 0 17px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    list-style: none;
    margin: 0 0 0 15px;
    padding: 0;
}
.services_details_wrapper .slider_controller .example-box img{opacity: .6; border-radius: 14px;}
.services_details_wrapper .slider_controller .example-box{ background: #696969; border-radius: 14px; display: inline-block; position: relative; margin-right: 10px;}
.services_details_wrapper .slider_controller .example-box  .play_icon img{opacity: 10}
.services_details_wrapper .slider_controller .example-box  .play_icon{position:absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);}
.services_details_wrapper .slider_controller .example-box a{display: block;}
.services_details_wrapper .more_content{margin: 20px;}
.services_details_wrapper .more_content h3{font-size: 22px;}
.services_details_wrapper .more_content .category_selected{display: flex; justify-content: space-between; align-items: center;}
.services_details_wrapper .more_content .category_selected h4{font-size: 16px; margin:0; }
.services_details_wrapper .more_content .category_selected span{font-size: 16px;}
.services_details_wrapper .more_content .category_selected{margin:15px 0}
.services_details_wrapper .more_content .information{font-size: 14px; color: #4F4F4F; font-weight: 600; padding: 14px 0; border-top: #BDBDBD solid 1px; border-bottom: #BDBDBD solid 1px;}
.services_details_wrapper .feilds_block .form-drop-down span{float: right; position: absolute;}
.services_details_wrapper .feilds_block .form-drop-down {
    height: 62px;
    border-radius: 14px;
    border: var(--primary-color) solid 1.4px;
    padding-left: 20px;
    color: #7C7B7B;
    background: var(--secondary-color);
    width: 100%;
}

.services_details_wrapper .feilds_block label {
  color: var(--primary-color);
    margin: 10px 0 6px 0;
    font-weight: 600;
    font-size: 16px;
}

/*cart css*/

.cart_content_holder {
    margin: 10px 20px;
}
.cart_content_holder .added_item  .cart_item_details ul li {

    color: #012345 !important;
}
.cart_content_holder .added_item  .cart_item_details ul li strong{    font-weight: 600;
    font-size: 12px;}
.cart_content_holder .added_item  .cart_item_details ul li span{

    color: #012345 !important;
}
.cart_content_holder .added_item  .cart_item_details {
    background:none;
    border-radius: 22px;
    padding: 20px 0;
    color:  var(--primary-color);
}
.cart_content_holder .added_item .trash{position: absolute; right: 14px;
    top: 13px;}
.cart_content_holder .added_item{ position: relative;    border: #012345 solid 2px;
    border-radius: 22px;
    padding: 24px 20px;
    margin: 15px 0;

}
.added_item_inner{  display: flex; width: 100%;
/*justify-content: space-between;*/}
.cart_content_holder .cart_item_img{width: 89px; margin-right: 15px;}
.cart_content_holder .cart_item_img img{width: 100%; border-radius: 10px;}
.cart_content_holder .items_details h2{font-size: 16px; font-weight: 600; margin:0 0 4px 0; padding: 0; color: var(--primary-color)}
.cart_content_holder .items_details p{font-size: 13px; margin:0 0 3px 0; padding: 0; line-height: 17px;  color: var(--primary-color)}
.cart_content_holder .items_details .final_price{font-weight: 700; font-size: 18px; color: var(--primary-color)}
.cart_content_holder .cart_item_details{background: var(--primary-color); border-radius: 22px; padding: 20px; color: var(--secondary-color)}
.cart_content_holder .cart_item_details ul{list-style: none; list-style: none; padding: 0; margin: 0; color: #012345}
.cart_content_holder .cart_item_details ul li {padding: 10px 0; font-weight: 600; color:#fff}
.cart_content_holder .cart_item_details ul li span{ color: #fff; float: left;font-weight: 400;}
.cart_content_holder .cart_item_details .items_cart{display: flex; justify-content: space-between; border-bottom: #376243 solid 1px; padding: 15px 0 15px 0;}

.recommendations .category_image {position: relative;}
.recommendations .category_image .offer{position: absolute;
    background: #fff;
    color: var(--primary-color);
    border-radius: 10px;
    padding: 3px 11px;
    font-weight: 600;
    left: 10px;
    font-size: 14px;
    top: 10px;}
    .recommendations .category_image .buy_package{position: absolute;
    background: #00bd9d;
    color: #fff;
    border-radius: 10px;
    padding: 3px 11px 5px 11px;
    font-weight:400;
    left: 10px;
    font-size: 14px;
    bottom: 10px;}
.recommendations .category_image img{border-radius: 19px;}

.recommendations {

    margin: 0 0 0 20px;
    padding: 0 0 100px 0;
}

.recommendations .booknow_btn {
    background: var(--primary-color);
    color: var(--secondary-color);
    border-radius: 12px;
    /*padding: 10px 28px 12px 28px;*/
    padding: 10px;
    display: block;
    text-decoration: none;
}

.recommendations .category_Box .slider img {
    border-radius: 20px;
    height: 250px;
    object-fit: cover;
}
.recommendations .category_Box {
    margin: 5px 20px 20px 0;white-space: initial;
    border-radius: 20px;    display: inline-block;
    padding: 15px;
    background: #012345;
}.recommendations a{text-decoration: none;}
.recommendations .category_Box .category_title {
    color: #fff;
    font-size: 22px;
    margin: 10px 0;
    padding: 0;
}
.recommendations .category_Box p {
    color: #4F4F4F;
    font-size: 14px;
    margin: 0 0 10px 0;
}

/*checkout*/
ul{margin: 0; padding: 0;list-style: none;}

.checkout{margin:20px }
.checkout .payemnt_list li:hover{background: url(../../assets/img/payment_bg.png); color: #fff !important}
.checkout .payemnt_list li:hover label{color: #fff !important}
.checkout .payemnt_list li{display: flex; justify-content: space-between; align-items: center;     border: #012345 solid 2px;
    border-radius: 22px;
    padding: 24px 20px; margin-bottom: 20px; color:var(--primary-color); opacity:10;}
.checkout .payemnt_list li label{ color:var(--primary-color); opacity: 10 !important}
.checkout .payemnt_list .form-check-input:checked {
    background-color: #00bd9d;
    border-color: #00bd9d;
}

.profile_main_box {border: #012345 solid 2px;
    border-radius: 22px;
    padding: 13px;
     margin: 20px;
  }
.profile_main_box .profile_name h2{margin: 0;padding: 0; font-size: 18px;}
.profile_main_box .profile_name{border-bottom: #ccc solid 1px; padding-bottom: 15px;}
.profile_main_box  .profle_info_list li i{ width: 30px; display: inline-block; }
.profile_main_box  .profle_info_list li{ color: #8A8A8A;padding: 18px 0 ;font-weight: 600;}
.profile_main_box  .profle_info_list li a{color: #8A8A8A; text-decoration: none; }
.logoutBtn{text-align: center; margin-top: 30px; display: block;}
.logoutBtn a{text-align: center; border-radius: 17px; color: #012345; text-decoration: none; border:#012345 solid 2px; display: inline-block; padding:10px 60px 13px 60px}
.logoutBtn a:hover{background: #012345; color:#fff}
/*orders*/
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%;
    padding: 4px 11px 6px 11px;
    font-size: 14px;
}

.orderList {
    margin: 20px;
    height: 100vh;
}

.orderList .nav {
    background: #012345;
    padding: 8px;
    font-weight: 600;
    border-radius: 22px;
    flex-wrap: nowrap !important;
}

.orderList .nav-pills .nav-link.active {
    background: #012345;
    font-weight: 600;
    border-radius: 16px;
    border: var(--secondary-color) solid 1px;
}

.orderList .nav-link {
    color: var(--secondary-color);
    font-weight: 600;
}

.booked_services_list ul{/*white-space: nowrap;
    overflow-x: auto;*/
    padding: 0 17px;
    scrollbar-width: none;
    scroll-behavior: smooth;
    list-style: none;
    margin: 0 0 0 0px;
    padding: 0;}
.booked_services_list ul li{margin-bottom:10px;}
.booked_services_list .booked_item .items_details h2{font-size: 20px; color:#fff;}
.booked_services_list a{text-decoration: none !important}
.tab-content>.tab-pane  a{text-decoration: none !important}
.booked_services_list .booked_item .items_details .track_btn{
    border: #00BD9D solid 1px;
    color: #00BD9D; text-decoration: none; padding: 4px 10px; display: inline-block; margin-top: 10px; border-radius: 13px; background:transparent}
.items_details{    margin-left: 20px;}
.booked_services_list .booked_item button{margin-left:auto; background:none;border:none}
.booked_services_list .booked_item{ position: relative;
    background: var(--primary-color);
    border-radius: 22px;
    padding: 15px 15px;
    margin:  0;
    display: flex;
    color: #012345;
    align-items: center;
    justify-content: start;
    width: 100%;
}
.boked_studios {color:#000 !important}
.booked_services_list .items_details p {
    color:#fff;
    font-size: 13px;
    margin: 0 0 3px 0;
    padding: 0;
    line-height: 17px;    white-space:break-spaces !important;
}
.booked_services_list .cart_item_img {
    width: 50px;
    margin-right: 15px;
}
.booked_services_list .cart_item_img img {
 width: 50px;
    border-radius: 10px;
}


.booked_details_section{ margin: 10px 20px;    padding-bottom: 120px;}
.booked_details_section .studio_image_wrapper img{width: 100%; border-radius:  14px;}
.booked_details_section  .studio_title{font-size: 20px; font-weight: 600; margin: 10px 0 0 0; color: var(--primary-color)}
.booked_details_section .location i{font-size: 20px;}
.booked_details_section .location{color: var(--primary-color); padding: 8px 0;}
.booked_details_section  .ratings{color: var(--primary-color); padding:0 0 10px 0;}
.booked_details_section  .ratings i{color: #00bd9d}
.booked_details_section  .ratings span{font-weight: 600}
.booked_details_section  .studio_details_text{color:var(--primary-color)}
.booked_details_section  .studio_image_wrapper img{width: 100%; border-radius:  14px;}
.booked_details_section .booking_time_price{display: flex; margin-top: 15px; color:var(--primary-color);  }
.booked_details_section .booking_time_price .price {margin-right: 20px;}
.booked_details_section .booking_time_price .price h3{font-size: 14px; margin:0; padding: 0; }
.booked_details_section .booking_time_price .time h3{font-size: 14px; margin:0; padding: 0;}


.booked_details_section .studio_price_details{background: #012345; border-radius: 22px; padding: 15px; margin-top: 15px;}
.booked_details_section .studio_price_details .studio_title {
    font-size:20px;
    font-weight: 600;
    margin: 0;
    color: #fff;
}
.booked_details_section .studio_price_details .studio_subtitle {
    font-size:14px;
    font-weight: 600;
    color: #fff;
    margin:5px 0;
}
.booked_details_section .studio_price_details .price_d span{color: #fff}
.booked_details_section .studio_price_details .price_d{ font-size:20px;
    font-weight: 600;
    margin: 0;
    color: #fff;
  }

  .cancel_policy {
    border: #012345 solid 2px;
    border-radius: 22px;
    padding: 13px;
    margin: 15px 0;
}
 .cancel_policy p{font-size: 14px;  font-weight: 600; line-height: 18px; display: block; color:var(--primary-color); }
 .cancel_policy h2{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: var(--primary-color);
}
.location_map a{color: var(--primary-color); text-decoration: none;}

.cancel_btn{ font-weight: 600; font-size: 18px; text-align: center; line-height: 55px;text-decoration: none;  display: block; margin-top: 20px; background: var(--primary-color); color: var(--secondary-color); height: 60px; border: 0; border-radius: 16px;}
.cancel_btn:hover{color: var(--secondary-color)}

/*my projects*/
.projects_wrapper{margin: 20px;}
.projects_wrapper .ready_content_download_box{background: #012345; padding: 20px; border-radius: 22px; align-items: center; display: flex; justify-content: space-between;}
.rr_content h3{font-size: 20px;
    color: var(--primary-color);}
.projects_wrapper .project_to_tracked {
    position: relative;
    border: #012345 solid 2px;
    border-radius: 22px;
    padding: 24px 20px;
    margin: 15px 0;

}
.projects_wrapper .project_to_tracked .profile_name {
    border-bottom: #ccc solid 1px;
    padding-bottom: 15px;
}
.projects_wrapper .project_to_tracked .profile_name h2 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: var(--primary-color);
    font-size: 18px;
}
.projects_wrapper .projects_status{margin: 10px 0}
.projects_wrapper .projects_status li{padding: 10px 0;font-size: 14px; font-weight: 700;}
.projects_wrapper .projects_status li span{float: left;  font-weight: 600;}
.projects_wrapper .projects_status li span.active{color: #2FAB6D}
.projects_wrapper .projects_status li span.danger{color: #bb2124}
.projects_wrapper .trackOrder{border: #004421 solid 2px;
    color: #004421;
    padding: 5px 32px 7px 32px;
    text-decoration: none;
    border-radius: 14px;
    font-weight: 600;
    margin-top: 0;
    display: inline-block;}

.projects_wrapper .trackOrderDanger{border: #bb2124 solid 2px;
    color: #bb2124;
    padding: 5px 32px 7px 32px;
    text-decoration: none;
    border-radius: 14px;
    font-weight: 600;
    margin-top: 0;
    display: inline-block;}

.order_track{margin: 20px;}
.order_track .trackList li{display: flex; margin-bottom: 70px; background: url(../../assets/img/status.svg) no-repeat; padding-left: 50px; margin-left: -32px;}
.order_track .trackList li.active{background: url(../../assets/img/status-active.svg) no-repeat;}
.order_track .trackList{border-left: #ccc solid 2px; padding-left: 20px; position: relative;}
.order_track .trackList:before {
border-left: #2FAB6D solid 2px;
    height: 26%;
    position: absolute;
    z-index: 1;
    content: "";
    left: -2px;
    top: 0;
}
.order_track .trackList li span{margin-right: 10px;}
.tracking_details p{font-size: 14px; color: #777777}
.tracking_details h2{font-size: 18px; margin:0; padding: 0}
.gotohome a {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 55px;
    text-decoration: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    height: 60px;
    width: 190px;
    margin:0 auto;
    border: 0;
    border-radius: 22px;
}

.chat_with_admin {padding: 12px;
    border-radius: 22px !important;
    background: #e7e7e745;
    border: #ececec solid 1px;color: #012345;}
.chat_with_admin .admin_user{display: flex; justify-content: start; align-items: center;}
.chat_with_admin .admin_chat_icon{margin-left: auto;}
.name_title{margin-left: 10px !important; font-size: 18px; margin:0; padding: 0 }

.close {
    background: none;
    border: 0;
    font-size: 22px;
    position: absolute;
    right: 14px;
    top: 10px;
    font-weight: 600;
}

#dynamic-content {
    padding: 14px 0 0 0;
}
#dynamic-content span{    color: #012345 !important;
    font-weight: 700 !important;}
#dynamic-content p {
   padding: 8px 5px 5px 22px !important;
    margin: 0 !important;
}
#dynamic-content ul li {
   padding: 8px 5px 5px 22px !important;
    margin: 0 !important;
}

/*forgot password css*/
.backtosignin {
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

.backtosignin a {
    color: #fff;
    text-decoration: none;
}

.fa-star {
    color: #ffa41b;
}

.course-details-card {
    border-radius: 22px;
    background: #012345;
    border: 1px solid #EEEEEE;
    padding: 30px;
    margin: 0 10px;
}

.course-details-card .course-details-two-content p:last-child {
    margin-bottom: 0;
}

.row--30 {
    margin-left: -30px;
    margin-right: -30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .row--30 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.row--30 > [class*="col"], .row--30 > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (max-width: 767px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.course-details-content .rating-box {
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    text-align: center;
    min-width: 200px;
    padding: 29px 10px;
}

.course-details-content .rating-box .rating-number {
    font-weight: 800;
    font-size: 72px;
    line-height: 90px;
    color: #231F40;
}

.course-details-content .rating-box span {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.course-details-content .course-tab-content {
    margin-top: 40px;
}

.course-details-content .rating-box {
    background: #ffffff;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.07);
    border-radius: 22px;
    text-align: center;
    min-width: 200px;
    padding: 29px 10px;
}

.course-details-content .rating-box .rating-number {
    font-weight: 800;
    font-size: 72px;
    line-height: 90px;
    color: #231F40;
}

.course-details-content .rating-box span {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.review-wrapper .single-progress-bar {
    position: relative;
}

.review-wrapper .rating-text {
    display: inline-block;
    position: relative;
    top: 19px;
}

.review-wrapper .progress {
    max-width: 83%;
    margin-left: 38px;
    height: 12px;
    background: #EEEEEE;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .review-wrapper .progress {
        max-width: 80%;
    }
}

.review-wrapper .progress .progress-bar {
    background-color: #FFA41B;
}

.review-wrapper span.rating-value {
    position: absolute;
    right: 0;
    top: 50%;
}

.edu-comment {
    display: flex;
}

@media only screen and (max-width: 575px) {
    .edu-comment {
        flex-direction: column;
    }
}

.edu-comment .thumbnail {
    min-width: 70px;
    width: 70px;
    max-height: 70px;
    border-radius: 100%;
    margin-right: 25px;
}

.edu-comment .thumbnail img {
    border-radius: 100%;
    width: 100%;
}

.edu-comment .comment-content .comment-top {
    display: flex;
    align-items: center;
}

.edu-comment .comment-content p {
    font-size: 14px;
}

.edu-comment .comment-content .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-right: 15px;
}

.edu-comment .comment-content .subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    display: block;
    margin-bottom: 10px;
    color: #231F40;
}

@media only screen and (max-width: 575px) {
    .edu-comment .comment-content {
        margin-top: 20px;
    }
}

.edu-comment + .edu-comment {
    border-top: 1px solid #EEEEEE;
    padding-top: 30px;
    margin-top: 30px;
}

.chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-right: 60px;
    background: #012345;
    padding: 10px 20px;
    border-radius: 0 20px 20px 20px;
}

.chat li.right .chat-body {
    margin-left: 60px;
    background: #012345;
    padding: 10px 20px;
    border-radius: 20px 0px 20px 20px;
}

.chat-img img {
    border-radius: 100px;
}

.chat li .chat-body p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right: 5px;
}

.panel-footer {
    bottom: 0px;
    position: fixed;
    left: 0px;
    right: 0px;
    background: #012345;
    padding: 16px;
    border-radius: 22px 22px 0 0;
}

.panel-footer input {
    padding: 12px;
    border-radius: 0 12px 12px 0px !important;
    background: #fff;
}

.panel-footer .btn-sm {
    background: #00bd9d;
    padding: 18PX;
    border-radius: 10px 0 0 10px;
}

.chats {
    margin-top: 30px;
}

.chats .text-muted {
    color: #00bd9d !important;
    font-weight: 600;
}

.add_review {
    border-radius: 22px;
    background: #012345;
    border: 1px solid #EEEEEE;
    padding: 30px;
    margin: 0 10px;
}

.add_review input {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: 0;
    border-radius: 16px;
}

.add_review textarea {
    width: 100%;
    min-height: 100px;
    margin-bottom: 10px;
    padding: 10px;
    border: 0;
    border-radius: 16px;
}

.add_review button {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 10px 30px;
    border: 0;
    border-radius: 16px;
}

.change_password {
    border: #012345 solid 2px;
    border-radius: 22px;
    padding: 13px;
    margin: 20px 20px 100px 20px;
}

.change_password input {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
    border: 0;
    border-radius: 16px;
    border: #012345 solid 2px;
}

.change_password textarea {
    width: 100%;
    min-height: 100px;
    margin-bottom: 10px;
    padding: 15px;
    border: 0;
    border-radius: 16px;
    border: #012345 solid 2px;
}

.change_password button {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 10px 30px;
    border: 0;
    border-radius: 16px;
}
.cc_review{padding:0 0 100px 0;}

/* notifications start */
.notifications-list {
    border: #012345 solid 2px;
    border-radius: 22px;
    padding: 23px 13px;
    margin: 20px;
    text-align: center;

}

.toast {
    width: 100%;
    height: 80px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1.3fr 6fr 0.5fr;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}

.notify {
    margin-bottom: 20px;
    border-left: 3px solid #47D764;
    border-radius: 12px;
}

.notify {
    display: flex;
    width: 100%;
    background: #fff;
    padding: 20px;
    text-align: right;
}

.notify i {
    font-size: 32px;
    color: #47D764;
}

.inner-container {
    text-align: left;
}

.inner-container p {
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
}
/* notifications end */

lord-icon {
    width: 50px !important;
    height: 50px !important;
}

@media (max-width: 400px) {
    .productions_servcies_wrapper .nav-pills .nav-link .view_all_btn{margin: 10px 0;}
    .studios_rentals .nav-pills .nav-link {
    padding: 30px 10px;}
    .studio_booking_form .available_time_slot .morning_time_slot .chooses_time li {
     font-size: 14px;
}
.studio_booking_form .available_time_slot .evengin_time_slot .chooses_time li {
   font-size: 14px;
}
}
.sidepanel_body ul li a {
    background: #00109e !important;}
.sidepanel_header {
    background: #010c6c !important;
}
.sidepanel {
    background: #00109e !important;
}
.sidepanel_header {
    background: #010c6c !important;
}

.create_account .crteate_account_btn:hover{background: #00bd9d; color: var(--primary-color);}
.create_account .btn_login:hover{background:#fff; color:#000}
.bottomfixed_button a:hover {background: #00bd9d; color:#fff;}
.bootstrap-select>.dropdown-toggle:focus{ border: 0;
    outline: none;}
    .bootstrap-select>.dropdown-toggle:hover{ border: 0;
    outline: none;}
.bootstrap-select>.dropdown-toggle{background: transparent;
    margin: 10px 0 0 0;
    border: 0;
    outline: none;}
.items_list{margin:12px 0 0px 0; }
.item_1{justify-content: space-between; display: flex; margin:0 0 7px 0}
.i_name{color: #7C7B7B !important;}
.i_price {font-weight: 700 !important;}
.studio_booking_button2{justify-content: space-between; display: flex;
    bottom: 20px;
    position: fixed;
    left: 15px;
    right: 15px;    z-index: 999;
}
.studio_booking_button2 .addToCart{
    font-weight: 600;
    font-size: 18px;
    margin:0 5px;
    text-align: center;
    line-height: 55px;
    text-decoration: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    height: 60px;width:-webkit-fill-available;
    border: 0;
    border-radius: 16px;
}
.studio_booking_button2 .nextBtn{
    width:60px;
    font-weight: 600;
    font-size: 18px;
    margin-right:5px;
    text-align: center;
    line-height: 55px;
    text-decoration: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    height: 60px;
    border: 0;
    border-radius: 16px;
}

.swiper-slide img {
    width: 100%;
    height: auto !important;
    padding: 10px;
    background: #fff;
}

.swiper-slide video {
    width: 100%;
    height: auto !important
    padding: 10px;
    background: #fff;
}

#lightbox {
    display: none;
}

.fancybox-content {
    width: 560px
}

.swiper-wrapper {
    align-items: center;
}

.fancybox-content {
    background: transparent !important;
    padding: 0 !important
}

.fancybox-close-small {
    display: none !important;
}
.comment-wrapper{color:#fff}
.comment-wrapper  .subtitle{color:#fff !important}
.viewongoogle a{border: #00bd9d solid 2px;
    border-radius: 12px;
    padding: 2px 7px 3px 7px;
    display: inline-block;
    margin: 10px 0 0 0;
    color: #00bd9d;
    font-size: 14px;}
    .couponCode {    display: flex; padding: 10px 0;}
    .couponCode button{background: #00bd9d;
    color: #fff;
    border-radius: 0px 10px 10px 0px;
    border: 0;
    width: 95px;}
    .couponCode input{width: 100%;
    padding: 8px 7px;
    border-radius: 10px 0px 0px 10px;
    border: #ccc solid 2px}
    .time_date{position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #aaa;}
    .notify{position:relative;}
    .location_map .text-center a{border: #00bd9d solid 2px;
    border-radius: 12px;
    padding: 2px 7px 3px 7px;
    display: inline-block;
    margin: 10px 0 0 0;
    color: #00bd9d;
    font-size: 14px;}
   .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    left: 15px !important;
    top: 5px;
    right: 0 !important;
}
.dropdown-menu{width:100% !important}
.dropdown-item {
    padding-left: 41px !important;
}

.sub_header_inner_pages .go_home img {
    width: 40px;
}

.changeLang {
    text-decoration: none;
    margin-right: 21px;
    font-weight: 600;
}
.text-danger {
   
    text-align: right;
}