*{
    padding: 0;
    margin: 0;
}

:root{
    --linear:linear-gradient(180deg, #07F 0%, #005CC6 100%);
    --black:#1C1C1C;
    --blue:#1A0D70;
    --white:#fff;

}
/*Ubuntu font family*/
@font-face {font-family: 'Ubuntu-Regular';src: url('/website/assets/fonts/Ubuntu/Ubuntu-Regular.ttf');}
@font-face {font-family: 'Ubuntu-Bold';src: url('/website/assets/fonts/Ubuntu/Ubuntu-Bold.ttf');}
@font-face {font-family: 'Ubuntu-Medium';src: url('/website/assets/fonts/Ubuntu/Ubuntu-Medium.ttf');}

/*Monstserrat*/
@font-face {font-family: 'Montserrat-Bold';src: url('/website/assets/fonts/Montserrat/Montserrat-Bold.ttf');}
@font-face {font-family: 'Montserrat-Regular';src: url('/website/assets/fonts/Montserrat/Montserrat-Regular.ttf');}
@font-face {font-family: 'Montserrat-Medium';src: url('/website/assets/fonts/Montserrat/Montserrat-Medium.ttf');}
@font-face {font-family: 'Montserrat-SemiBold';src: url('/website/assets/fonts/Montserrat/Montserrat-SemiBold.ttf');}


/*headings*/
h1{font-size:75px;font-family: 'Ubuntu-Regular';letter-spacing: 2.28px;line-height: 90px;margin:0}
h2{font-size: 60px;font-family: 'Ubuntu-Medium';letter-spacing: 1.8px;line-height: 55px;margin:0;color:var(--blue)}
h3{font-size: 40px;font-family: 'Ubuntu-Regular';line-height: 55px;letter-spacing: 1.2px;margin:0}
h4{font-size: 30px;font-family: 'Ubuntu-Medium';line-height: normal;margin:0}
h5{font-size: 20px;font-family: 'Montserrat-Bold';line-height: normal;letter-spacing: 0.6px;margin:0;text-transform: uppercase;color: var(--blue)}
h6{font-size: 17px;font-family: 'Montserrat-Bold';line-height: normal;letter-spacing: 0.6px;margin:0;text-transform: uppercase;color:var(--blue)}
p{font-size: 14px;font-family: 'Montserrat-Regular';line-height: 25px;color:var(--black);margin:0}

body .btn{padding: 15px 25px;border-radius: 10px;font-family: 'Montserrat-Regular';font-size: 16px;line-height: normal;color:var(--white)}
body .btn.btn_primary{background: var(--linear);color:var(--white);  transition: background-color 0.3s ease, color 0.3s ease;}
body .btn.btn_primary:hover {background:white;color:var(--blue);box-shadow: 0 6px 12px rgba(0, 123, 255, 0.4); }
body .btn.btn_dark_blue{background:#1A0D70;color:var(--white)}
body .btn.btn_secondary{border: 1px solid var(--blue);color:var(--blue); }
body .btn.btn_white{background: var(--white);color: var(--blue);border:1px solid var(--blue)}
.rating .checked{color:#D9C300}
.custom_flex{display: flex;align-items: center;gap: 10px;}
.custom_justify{display: flex;justify-content: space-between;align-items: center}
.form-group input.form-control, .form-group select.form-control  {border-radius: 10px;background: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding:18px 15px}
.form-group{position:relative}
.form-group .input_icon {position:absolute;right:15px;top:60px;color:#4a4a4a;font-size:15px}
.form-group input.form-control::placeholder{font-size:16px;color:#AEAEAE;font-family: 'Montserrat-Regular'}
.form-group  label{font-family: 'Montserrat-Regular';font-size:16px;color:var(--black);margin-bottom:10px}
.align_item_center{align-items: center}
.custom_container{max-width: 1322px}
select.form-control:focus{box-shadow:none}
.box_wrapper {border-radius: 15px;background: #F3F9FF;padding:30px 20px}
.form-group label.error{color:red}
.accordion-button:focus{box-shadow: none}
/*Search css*/
.custom_search_box {border-radius: 12px;border: 1px solid #E4E4E4;background: #fff;padding: 10px 20px;}
.custom_search_box .form-group input.form-control {background: none;border: 0;min-width: 300px;color:#737791;font-family: 'Poppins-Regular';padding: 5px 10px;box-shadow: unset}
.custom_search_box .form-group {display: flex;align-items: center;}
.custom_search_box .form-group span {font-size: 15px;color: rgba(182, 182, 182, 0.5);}
/*Filter Css*/
button.filter_button:after {display: none;}
.search_filter_wrapper button.btn.dropdown-toggle.filter_button {display: flex;align-items: baseline;gap: 10px;background: #1A0D70;color: var(--white)}
.filter_img {width: 15px;height: 15px;}
.filter_img img {height: 100%;width: 100%;object-fit: cover;}
.filter_dropdown_content {border: 0;padding: 10px;border-radius: 8px;background: white;box-shadow: 2px 0px 30px rgba(0, 0, 0, 0.10);min-width: 15%;}
.filter_head {display: flex;justify-content: space-between;margin-bottom: 10px;align-items: center;}
.filter_head p {font-family: 'Montserrat-Medium';}
.filter_head a {color: var(--black);font-family: 'Montserrat-Medium';font-size: 10px;}
.filter_date_heading, .filter_status_heading {background: var(--linear);padding: 10px;margin-bottom: 5px}
.filter_date_heading h5, .filter_status_heading h5 {color: var(--white);font-size: 14px;}
.filter_startend_date {display: flex;gap: 5px;margin-bottom: 10px;}
.search_filter_wrapper label {color: var(--black);font-family: 'Montserrat-Regular';font-size: 10px;}
.filter_startend_date .form-group .form-control {padding: 10px;border-radius: 0;border: 0.5px solid #D6D6D6;font-size: 12px;font-family: 'Montserrat-Regular';}
.filter_startend_date .form-group label {margin-bottom: 5px;}
.filter_startend_date .form-group {width: 100%;}
.footer_sec .different_footer_icon{display: flex;align-items: center;gap:10px}


/*Header Css*/

header.header {position:absolute;left:0;right:0;}
.header .custom_header{width: 100%;display: flex;align-items: center}
.header .navbar .header_buttons {margin-right: 10px}
.header  .logged_in_profile .profile_dropdown {width:45px;height:45px;border:0.5px solid #e1e1e1;border-radius:50%;overflow:hidden}
.header  .logged_in_profile .profile_dropdown img{width:100%;height:100%;object-fit:contain;}
.header .custom_header .nav_menu{justify-content: space-between;align-items: center}
.header .custom_header .nav_menu .nav-item  a.nav-link {padding: 0 !important;color:var(--black);font-family: 'Montserrat-Regular';line-height:normal}
.header .custom_header .nav_menu  ul.navbar-nav {gap:24px;margin: auto}
body .custom_header .navbar-nav .nav-item.active .nav-link{color:var(--blue);font-weight:bold}
.header .dropdown_columns_wrapper .dropdown-menu {position: absolute;top: 100%;left: 0; background-color: #fff;border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);padding: 0;z-index: 1000;display: none;}
.header .dropdown_columns_wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-width:600px }
.header .dropdown_columns_wrapper .dropdown-column:first-child {border-right:1px solid rgba(225, 225, 225, 1)}
.header .dropdown_columns_wrapper .dropdown-item { display: flex; align-items: center; padding: 20px; color: #1C1C1C; text-decoration: none; font-size: 14px; border-bottom:1px solid rgba(225, 225, 225, 1); font-family:'Montserrat-SemiBold';  line-height:normal}
.header .dropdown_columns_wrapper .dropdown-item:hover {background-color: #EAF3FF;}
.header .dropdown_columns_wrapper .dropdown_icon {margin-right: 15px;}
.header .dropdown_columns_wrapper .dropdown_icon img {width: 20px;height: 20px;vertical-align: middle;}
.header .dropdown ul.dropdown-menu.show:has(.dropdown_columns_wrapper) { border:none;border-radius:10px;border-top-left-radius:0;padding: 0}

.testimonial_section .testimonial_card .username { display: flex; align-items: center;justify-content: space-between; width: 100%}
header .logged_in_profile > a {padding: 5px 10px;}
header .logged_in_profile > a:hover,
header .logged_in_profile > a:focus {color: #007bff;text-decoration: none;}
header .logged_in_profile .dropdown-item {padding: 8px 16px;font-size:15px;font-family: 'Ubuntu-Regular';}
header  .logged_in_profile .dropdown-item:hover,
header .logged_in_profile .dropdown-item:focus {background: linear-gradient(180deg, #07F 0%, #005CC6 100%);color: white;}
header  .dropdown.logged_in_profile p{font-size:16px;font-family: 'Ubuntu-Regular'}
header  .dropdown.logged_in_profile .dropdown-toggle{color:var(--black);text-decoration:none;margin-left:10px;gap:10px}
header  .dropdown.logged_in_profile .dropdown-menu{left:0}
.testimonial_section .testimonial_card .username{display:flex;align-items:center;justify-content:space-between;width:100%}
/*Home page*/
.hero_section {background: linear-gradient(179deg, #07F -355.63%, #FFF 99.07%);padding: 221px 0px 100px 0px;background-position:center;background-repeat:no-repeat;background-size:cover}
.hero_section_right{position: relative;}
.hero_section .hero_section_left p{margin:20px 0px 30px 0px;font-size: 16px;font-family: 'Montserrat-Medium';line-height: 30px;color:var(--black);}
.hero_section .hero_section_right {position: relative;display: flex;justify-content: center;align-items: center;min-height: 520px;overflow: hidden;}
.hero_section .hero_section_right  .decorative-dots {position: absolute;width: 100%;height: 100%;z-index: 1;}
.hero_section .hero_section_right  .dot {position: absolute;background-color: #2563eb;border-radius: 50%;  animation: dots_animation 2s infinite ease-in-out;}
.hero_section .hero_section_right  .dot1 {width: 41px;height: 41px;top: 9%;right: 22%;   animation-delay: 0s;}
.hero_section .hero_section_right .dot2 {width: 16px;height: 16px;top: 20%;left: 30%;  animation-delay: 0.5s;}
.hero_section .hero_section_right  .dot3 {width: 8px;height: 8px;bottom: 47%;left: 5%;  animation-delay: 1s;}
.hero_section .hero_section_right .dot4 {width: 8px;height: 8px;bottom: 21%;right: 5%;  animation-delay: 1.5s;}
.hero_section .hero_section_right .circle-bg {position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;}
.hero_section .hero_section_right .circle-bg::after {content: "";background: linear-gradient(135deg, #93c5fd, #bfdbfe);width: 500px;height: 500px;display: block;position: absolute;border-radius: 50%;z-index: -1;bottom: -55%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.hero_section .hero_section_right .worker-figure {height: 520px;position: relative;z-index: 3;display: flex;justify-content: center;align-items: center;}
.hero_section .hero_section_right .worker-figure img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.hero_section .cards .image_div {width:100px;height:85px;margin: auto;}
.hero_section .cards .image_div  img{width:100%;height:100%;object-fit:contain}
.hero_section .cards{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:10px;margin-top: 40px;}
.hero_section .cards h5{font-family: 'Ubuntu-Medium';color:var(--black)}
.hero_section  .hero_sec_cards {display:flex;justify-content:space-around;position: relative;}
.hero_section  .hero_sec_cards .cards{max-width:250px}
.hero_section  .hero_sec_cards .robot_chat {position: absolute;right: 0;top: -25px;}
.hero_section  .hero_sec_cards .tooltip { position: absolute; right:80px; top: 10px; border-radius: 511.738px; background: linear-gradient(90deg, #D7F8EA 0%, #ECF8F2 50.53%, #D7F8EA 100%); color: var(--black); padding: 10px; font-family: 'Montserrat-Regular'; box-shadow: 0 4px 3px rgba(0,0,0,0.1); opacity: 0; transform: scale(0.8); transition: all 0.3s ease; font-size: 13px; white-space: nowrap; }
.hero_section  .hero_sec_cards .tooltip.show {opacity: 1;transform: scale(1);}
.hero_section  .hero_sec_cards .cards .image_div img {transition: transform 0.6s ease;}
.hero_section  .hero_sec_cards  .cards:hover .image_div img {transform: rotateY(180deg);cursor:pointer}

/*Map Section*/
.map_section  .map_image {width:100%;height:520px}
.map_section .map_image iframe{width:100%;height:100%;object-fit:cover;border-radius:15px}
.map_section .row{align-items:center;}
.map_section  .map_sec_content p{margin:20px 0px 30px 0px}
.map_section  .map_sec_content .booking_button{display:flex;align-items:center;gap:15px}


/*banner Section*/
.banner {background:var(--linear);padding:30px 80px;margin-top:120px}
.banner .cards{display:flex;align-items:center;gap:10px;flex-direction:column;text-align:center}
.banner .cards h5{font-size:25px;color:var(--white);font-family: 'Ubuntu-Bold';}


.footer_sec .footer_logo_text_wrap a.about_us {color:white;font-size:16px;text-decoration:none;font-family:'Montserrat-Medium';font-weight:500}
.footer_sec {background:  linear-gradient(180deg, #07F 0%, #005CC6 100%);padding: 40px 20px 20px 20px;}
.footer_sec .footer_logo img{object-position: left;width:100%;height:100%;object-fit:contain; filter: brightness(0) invert(1);}
.footer_sec .footer_logo{height: 64px;width: 325px;}
.footer_sec .footer_logo_text_wrap h6{color: #FFF;font-family: 'Montserrat-Medium';font-size: 16px;font-style: normal;font-weight: 500;line-height: 32px;text-transform: capitalize}
.footer_sec .footer_logo_text_wrap{display:flex;flex-direction:column;row-gap:16px}
.footer_sec .popular_service_wrap h6{color: #FFF;font-family: 'Montserrat-SemiBold';font-size: 16px;font-style: normal;font-weight: 600;line-height: 32px;}
.footer_sec .popular_service_wrap ul{padding:0px;margin:0px;}
.footer_sec .popular_service_wrap ul li{margin-bottom:15px}
.footer_sec .popular_service_wrap ul.dropdown-menu {padding:10px 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;border: none}
.footer_sec .popular_service_wrap ul.dropdown-menu a{color:black}
.footer_sec .popular_service_wrap .dropdown-toggle.footer_dropdown_btn {background:none;border:none;color:white;font-family:'Montserrat-Medium';font-size:16px;font-weight:500}
.footer_sec .popular_service_wrap ul li, .footer_sec .popular_service_wrap ul a{list-style:none;color: #FFF;font-family: 'Montserrat-Medium';font-size: 16px;font-style: normal;font-weight: 500;
    line-height: normal;text-transform: capitalize;display:flex;column-gap:20px;    text-decoration: none;align-items: center;}
.footer_sec .popular_service_wrap{display:flex;flex-direction:column;row-gap:24px;}
.footer_sec .popular_service_wrap .social_icon{display:flex;align-items:center;gap:5px}
.footer_social_icons {display:flex;align-items:center;gap:15px;margin-top:20px}
.footer_sec .popular_service_wrap .social_icon h6{text-transform: capitalize;font-family: 'Montserrat-Regular';}
.footer_sec .popular_service_wrap .icon_container {background: rgba(255, 255, 255, 0.20);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.footer_sec .popular_service_wrap  .icon_container i{color:white}
.footer_sec .popular_service_wrap ul li i{color: #FFF;font-size: 12px;background: rgba(255, 255, 255, 0.20);width: 26px;height: 26px;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.footer_sec .popular_service_wrap form .text_field{display:flex;column-gap:10px;}
.footer_sec .popular_service_wrap form .text_field input{border-radius: 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding: 18px 15px;color: #1C1C1C;font-family: 'Montserrat-Regular';font-size: 16px;font-style: normal;font-weight: 400;line-height: 1.2em;}
.footer_sec .popular_service_wrap form .text_field input::placeholder{color: #AEAEAE;font-family: 'Montserrat-Regular';font-size: 16px;font-style: normal;font-weight: 400;line-height: 1.2;}
.footer_sec .popular_service_wrap form .text_field .btn_footer_subscribe{border-radius: 10px;background:  #1A0D70;padding: 15px 10px;color:  #FFF;font-family: 'Montserrat-Regular';font-size: 16px;font-style: normal;font-weight: 400;line-height: 1.2em;}
.footer_sec .terms_privacy_copyright_wrap{display:flex;justify-content:space-between;align-items:center;}
.footer_sec .terms_privacy_copyright_wrap .terms_wrapper{display:flex;}
.footer_sec .terms_privacy_copyright_wrap .terms_wrapper a{color: #FFF;text-decoration:none;font-family: 'Montserrat-Medium';font-size: 16px;font-style: normal;font-weight: 500;line-height: 32px;}
.footer_sec .terms_privacy_copyright_wrap .terms_wrapper p{margin:0 10px; }
.footer_sec .terms_privacy_copyright_wrap p{color: #FFF;font-family: 'Montserrat-Medium';font-size: 16px;font-style: normal;font-weight: 500;line-height: 32px;}
.footer_sec .terms_privacy_copyright_wrap{border-top:1px solid #fff;padding-top:12px;margin-top:12px;}




.our_services .services_heading{max-width:55%}
.our_services  .tags {display:flex;align-items:center;gap:8px;flex-wrap: wrap;row-gap: 20px}
.our_services .tags .tag span {border-radius: 50px;background: rgba(26, 13, 112, 0.10);padding:6px 8px;font-size:12px;font-family: 'Ubuntu-Regular';color:var(--blue)}
.our_services  .slider_content {border-radius: 10px;border: 1px solid #D9D9D9;padding:20px;background: var(--white);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);height:100%;transition:background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease}
.our_services  .slider_content h4{color:vaR(--blue);margin:0px 0px 15px;font-size: 20px;font-family: 'Ubuntu-Bold'}
.our_services  .slider_content .tags{margin:0px 0px 28px 0px}
.our_services  .slider_content .image_div {width:125px;height:100px;}
.our_services  .slider_content .image_div img{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.our_services  .swiper-wrapper-container {display: flex;align-items: flex-start;position: relative;gap: 20px;}
.our_services  .mySwiper {flex: 1;}
.our_services  .slider_content .btn_primary{padding:9px 22px}
.our_services {padding:70px 0px 100px;background: linear-gradient(181deg, #07F -1066.5%, #FFF 99.37%);}
.our_services  p{margin:20px 0px}
.our_services .slider_content.clickable-card {padding:0;overflow:hidden;display: flex;flex-direction: column;justify-content: space-between}
.our_services .slider_content.clickable-card  .clickable_card_body{padding:20px;display: flex;flex-direction: column;flex: 1;justify-content: space-between}
.our_services .slider_content.clickable-card  .clickable_card_body .btn{width: fit-content}
.our_services .slider_content.clickable-card .image_div{height:280px;width:100%}
.swiper-wrapper {justify-content: center !important}

.blue_container {background:var(--linear);padding:60px 40px 15px 40px;border-radius:10px;text-align: center;margin-top:-50px;}
.blue_container p{color:var(--white);font-size: 12px;line-height:18px;letter-spacing: 0.34px}
.blue_container h6{color:var(--white);font-family: 'Ubuntu-Regular';}


.graph_section .chart_image {margin:14px 0px;width:512px;height:274px;margin:auto;position:absolute;right: 0;bottom: -16px;}
.graph_section .chart_image img{width:100%;height:100%;object-fit:cover;}
.graph_section .dog_image {width:205px;height:150px; position: absolute;right: -59px;top: -28px;z-index: 1;}
.graph_section .dog_image img{width:100%;height:100%;object-fit:contain}
.graph_section{padding:80px 0px}
.graph_section .dog_graph_wrapper{position: relative;height:356px}
.graph_section .graph_content{display: flex;flex-direction: column;gap:25px}



.how_it_works {padding:80px 0px;margin:auto;text-align:center;margin-bottom: 80px}
.how_it_works .how_it_works_content p{max-width:67%;margin:auto;padding:15px 0px  30px}
.how_it_works  .process_section {display: flex;align-items: center;justify-content: space-between;}
.how_it_works .process_section .single_process p{padding:0;font-family: 'Montserrat-Medium';line-height:25px}
.how_it_works .process_section .single_process h5{font-family: 'Ubuntu-Bold';font-size:27px;margin:17px 0px 5px;text-transform:capitalize}
.how_it_works .process_section .single_process  h2{font-family: 'Ubuntu-Bold';font-size:46px;color:#D9D9D9}
.how_it_works.linear_gradient{background: var(--Linear, linear-gradient(181deg, #07F -1066.5%, #FFF 99.37%));}

.price_section.services_price_section{margin-bottom:100px}
.price_section {background: linear-gradient(181deg, #07F -1066.5%, #FFF 99.37%);padding:60px 0px}
.price_section .dog_image{height:460px;width:100%}
.price_section .dog_image img{height:100%;width:100%;object-fit:contain}
.price_section .custom_row{align-items: center}
.price_section .price_content h4{color:var(--blue);margin-bottom:25px}
.price_section .price_content p{color: #07F;font-family: 'Montserrat-SemiBold';font-style:italic;margin-top: 25px;font-size: 16px;line-height:25px}
.price_section .price_content .competitor-card .circle-rating { position: relative; width: 70px; height: 70px; border-radius: 50%; background: conic-gradient(#ffd700 0% 80%, transparent 80% 100%); display: flex; align-items: center; justify-content: center; transition: background 0.5s ease; margin:auto; }
.price_section .price_content .competitor-card  .circle-rating::before { content: ''; position: absolute; width: 52px; height: 52px; background: var(--linear); border-radius: 50%; top: 9px; left: 9px; }
.price_section .price_content .competitor-card  .percentage { position: relative; z-index: 1; font-size: 18px; font-weight: bold; color: #333; user-select: none; display: flex; align-items: center; gap: 4px; }
.price_section .price_content .competitor-card  .star-icon {font-size: 10px;color: var(--white);user-select: none;}
.price_section .price_content .competitor-card  span.rating-value {font-size:12px;color:var(--white);font-family: 'Montserrat-Regular';}
.price_section .price_content .competitor-card  {background:var(--linear);padding:20px;border-radius:10px;text-align:center;height: 100%}
.price_section .price_content .competitor-card  h6{color:var(--white);font-family: 'Montserrat-Medium';line-height:normal;text-transform:capitalize;margin-top:15px}


.testimonial_section.thermo_stat{padding-top: 0}
.testimonial_section .testimonial_card {border-radius: 10px;border: 1px solid #D9D9D9;background: var(--white);padding:20px;text-align:start}
.testimonial_section .testimonial_card h5{font-family: 'Ubuntu-Regular';letter-spacing:0;text-transform:capitalize;color:var(--blue)}
.testimonial_section .testimonial_card  p{margin:10px 0px 25px;   overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.testimonial_section .testimonial_card  .profile_image {width:40px;height:40px}
.testimonial_section .testimonial_card  img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.testimonial_section .testimonial_card  .testimonial_user {display:flex;align-items:center;gap:15px}
.testimonial_section .testimonial_card  .testimonial_user p{margin:0;font-family: 'Montserrat-Medium';line-height: normal}
.testimonial_section .testimonial_card  .testimonial_user .rating span{font-size: 14px}
.testimonial_section {padding:120px 0px;text-align:center}
.testimonial_section h3{margin-bottom:50px}
.testimonial_section .padding_zero{padding: 0}


.help_section .help_cards a{text-decoration:none}
.help_section{text-align: center;background: linear-gradient(181deg, #07F -1066.5%, #FFF 99.37%);padding: 60px 40px;margin-bottom: 120px}
.help_section p{margin:10px 0px 60px}
.help_section .help_cards {border-radius: 10px;border: 1px solid #07F;padding:30px 20px;display:flex;flex-direction:column;gap:15px;height:100%;background-color: #fff; }
.help_section .help_cards h6{color:var(--black);text-transform:capitalize}
.help_section .help_cards { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.6s forwards;animation-delay: var(--delay); border-radius: 8px; padding: 15px; cursor: pointer; transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;}
.help_section .help_cards:hover {background-color: #fff;   box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15);transform: translateY(-5px) scale(1.05);}
.help_section .help_card_wrapper {max-width: 50%;margin: auto;}
.help_section .help_card_wrapper .row{row-gap:20px}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.help_section  .help_cards:nth-child(1) { --delay: 0s; }
.help_section  .help_cards:nth-child(2) { --delay: 0.2s; }
.help_section  .help_cards:nth-child(3) { --delay: 0.4s; }
.help_section  .help_cards:nth-child(4) { --delay: 0.6s; }
.help_section .image_div {perspective: 800px;display: inline-block;}
.help_section .image_div img, .help_section .image_div i {  transition: transform 0.6s;transform-style: preserve-3d;}
.help_section .image_div:hover img , .help_section .image_div:hover i{transform: rotateY(180deg);}

.hero_banner.blogs_head_banner .hero_content {padding:150px 0px 80px}
.hero_banner.blogs_head_banner  .hero_content p{margin-top:10px}
.hero_banner.services_details_banner .hero_content{;text-align: start}
.hero_banner.services_details_banner{padding:185px 0px 60px}
.hero_banner {background: linear-gradient(179deg, #07F -154.76%, #FFF 99.07%);display: flex;align-items: center;text-align: center;padding:140px 0px 160px}
.hero_banner .hero_content p{font-family: 'Montserrat-Medium';max-width:60%;margin:auto;padding-top:10px}
.hero_banner .category_tags .tags {border-radius: 50px;background: rgba(26, 13, 112, 0.10);padding:6px 10px;width:fit-content}
.hero_banner .category_tags  .tags span{color:#1A0D70;font-family:'Ubuntu-Regular';font-size:14px;line-height:normal}
.hero_banner .category_tags {display:flex;flex-wrap:wrap;justify-content:center;max-width:80%;margin:auto;gap:8px;margin-top:40px}



.our_commitment{margin: 120px 0px}
.our_commitment .image_div{height:520px}
.our_commitment .image_div img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.our_commitment .tv_mounting_images .square_images{display:flex;;align-items:center;gap:15px}
.our_commitment .tv_mounting_images .rectangle_image{width:100%;height:253px}
.our_commitment .tv_mounting_images .rectangle_image img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.our_commitment .tv_mounting_images{display: flex;flex-direction: column;gap:15px}
.our_commitment h3{margin-bottom:20px;line-height: normal}
.our_commitment .btn.btn_primary{margin-top: 40px}
.our_commitment .tv_mounting_images .square_images .image_div{width:50%;height:253px}
.our_commitment .tv_mounting_images .square_images .image_div img{width:100%;height:100%;object-fit:cover;border-radius:15px}


.skilled_team_section{margin-bottom: 120px}
.skilled_team_section h3{margin-bottom: 20px;line-height: normal}
.skilled_team_section  .main_image {height:520px;width:100%}
.skilled_team_section  .main_image img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.skilled_team_section  .primary_image {height:253px;width:100%}
.skilled_team_section  .primary_image img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.skilled_team_section .two_images{display:flex;align-items:center;gap:15px;flex-direction:column}
.skilled_team_section .btn.btn_primary{margin-top: 40px}

.our_values .custom_flex h3{width:25%}
.our_values{background: linear-gradient(181deg, #07F -1066.5%, #FFF 99.37%);padding:80px 0px}
.our_values .value_card .image_container {border-radius: 20px;background: rgba(0, 92, 198, 0.20);width:40px;height:40px;padding:10px 8px}
.our_values .value_card .image_container  .image {width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.our_values .value_card  .image_container  .image img{width:100%;height:100%;object-fit:contain}
.our_values .value_card {border-radius: 10px;border: 1px solid #D9D9D9;padding:20px;height:100%;margin-top: 30px;}
.our_values .value_card  h5{font-size:24px;text-transform:capitalize;font-family: 'Ubuntu-Regular';margin:15px 0px 8px}
.our_values .value_card p{line-height: 22px}


.text_banner {background: linear-gradient(180deg, #07F 0%, #005CC6 100%);padding:40px 0px;}
.text_banner h3{font-size:25px;color:var(--white);max-width:70%;margin:auto;text-align:center;line-height:49px;letter-spacing:0.75px}

.our_services_page .services_cards .image_div{width:100%;height:280px}
.our_services_page .services_cards h5{color:var(--black);font-family: 'Ubuntu-Regular';text-transform: capitalize;margin-bottom:15px;text-align: center}
.our_services_page .services_cards .custom_flex .btn{width: 100%}
.our_services_page  .services_cards .image_div img{width:100%;height:100%;object-fit:cover;}
.our_services_page  .services_cards{border-radius:10px;overflow:hidden;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);height:100%}
.our_services_page  .cards_body {border-radius: 10px;background: #FFF;padding:25px}
.our_services_page{padding-bottom:60px}

.blog_listing .row{row-gap: 40px}
.blog_listing{padding:40px 0px 70px}
.blog_listing.our_services_page .services_cards .cards_body a.btn.btn_secondary {width:fit-content;padding:0; font-size:14px;margin-top:20px;border:none;font-style:italic}
.blog_listing.our_services_page .services_cards .image_div{height:200px}
.blog_listing.our_services_page .services_cards h5{text-align:start }
.blog_listing.our_services_page  .cards_body{padding:15px}

/*blog_listing*/
.blog_listing .single_blog .blog_image {width:240px;height:240px;flex:1}
.blog_listing .single_blog .blog_image img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.blog_listing .single_blog {display:flex;;align-items:center;gap:24px;border-radius: 10px;background: var(--white);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding:16px}
.blog_listing .single_blog .blog_content {flex:2;display: flex;flex-direction: column;gap:12px}
.blog_listing .single_blog .blog_content h6{font-size:14px;color:#1A0D70}
.blog_listing .single_blog .blog_content p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;font-size:16px;font-family:'Montserrat-Medium';line-height:25px;color:var(--black)}
.blog_listing .single_blog .blog_content h4{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.blog_listing .single_blog .blog_content .readmore_btn{font-size:14px;font-family:'Ubuntu-Medium';line-height:normal;color:#1A0D70 ;text-decoration: none}
.blog_listing .blog_grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.blog_listing .single_blog:nth-child(6n+1) {grid-row: span 1;}
.blog_listing .single_blog:nth-child(6n+2) {grid-row: span 2;flex-direction: column;align-items: start}
.blog_listing .single_blog:nth-child(6n+2) .blog_image,     .single_blog:nth-child(6n+4) .blog_image {width:100%;height:295px;flex: unset}
.blog_listing .single_blog:nth-child(6n+3) {grid-row: span 1;}
.blog_listing .single_blog:nth-child(6n+4) {flex-direction: column;grid-row: span 2;}
.blog_listing .single_blog:nth-child(6n+5),
.blog_listing .single_blog:nth-child(6n+6) {grid-row: span 1;}


.blog_detail .blog_hero_banner{width:100%;height:400px}
.blog_detail .blog_hero_banner img{width:100%;height:100%;object-fit: cover;border-radius: 10px}
.blog_detail{padding:40px 0px 80px}
.blog_detail h5{text-transform: capitalize}



.portfolio_section{padding: 0px 0px 120px 0px}
.portfolio_section .portfolio_images .portfolio_img img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.portfolio_section .portfolio_images .row{row-gap: 30px}
.portfolio_section .portfolio_tabs {gap:20px;justify-content:center;border:none;margin-bottom:60px}
.portfolio_section .portfolio_tabs .nav-link.active{border-radius: 10px;background:  linear-gradient(180deg, #07F 0%, #005CC6 100%);border-radius:10px;padding:15px 25px;color:var(--white) !important}
.portfolio_section .portfolio_tabs .nav-link{font-family: 'Montserrat-Regular';font-size:16px;line-height:normal;border:none;color:var(--black);border-radius: 10px !important;border: 1px solid  #07F !important;padding:15px 25px}
.portfolio_section .portfolio_images .portfolio_img {position: relative;overflow: hidden;border-radius: 15px;box-shadow: 0 0 0 rgba(0,0,0,0);transition: box-shadow 0.4s ease;height:405px;}
.portfolio_section .portfolio_images .portfolio_img:hover {box-shadow: 0 15px 25px rgba(0,0,0,0.3);cursor: pointer}
.portfolio_section .portfolio_images .portfolio_img img {display: block;width: 100%;height:100%;transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.4s ease;border-radius: inherit;transform-origin: center center;}
.portfolio_section .portfolio_images .portfolio_img:hover img {transform: scale(1.08);}
.portfolio_section .portfolio_images .portfolio_img .overlay { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 20px; text-align: left; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow: hidden; border-radius: inherit; transition: height 0.5s ease, opacity 0.5s ease; opacity: 0; pointer-events: none; }
.portfolio_section .portfolio_images .portfolio_img:hover .overlay {height: 100%;opacity: 1;pointer-events: auto;}
.portfolio_section .portfolio_images .portfolio_img .overlay h3,
.portfolio_section .portfolio_images .portfolio_img .overlay p,
.portfolio_section .portfolio_images .portfolio_img .overlay .arrow-icon {opacity: 0;transform: translateY(-30px);transition: transform 0.5s ease, opacity 0.5s ease;margin: 0 0 10px 0;text-decoration: none}
.portfolio_section .portfolio_images .portfolio_img:hover .overlay h3 {opacity: 1;transform: translateY(0);transition-delay: 0.15s;font-size: 30px;line-height: 33px;}
.portfolio_section .portfolio_images .portfolio_img:hover .overlay p {opacity: 1;transform: translateY(0);transition-delay: 0.35s;color: var(--white);}
.portfolio_section .portfolio_images .portfolio_img:hover .overlay .arrow-icon {opacity: 1;transform: translateY(0);transition-delay: 0.5s;}
.portfolio_section .portfolio_images .portfolio_img .overlay .arrow-icon { position: absolute; bottom: 15px; right: 15px; background: #fff; color: #000; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.3); }


/*Booking Details*/
.booking_details_section{padding-bottom: 100px}
.booking_details_section .stepper {display: flex;margin:30px 0px 50px;justify-content: space-between;}
.booking_details_section .stepper .step {cursor: pointer;font-size: 12px;font-family: 'Montserrat-SemiBold';color: #B6B6B6;display: flex;flex-direction: column;align-items: center;gap: 20px;position: relative;width: 100%;}
.booking_details_section .stepper .step.active {color: var(--blue);font-family: 'Montserrat-Bold';}
.booking_details_section  form > .step-content {display: none;}
.booking_details_section   form > .step-content.active {display: block;}
.booking_details_section .step-content .wall_type_box {border-radius: 10px;border: 1px solid #EDEDED;background: #FFF;padding:16px}
.booking_details_section .step-content .wall_type_box .image_div {height:195px}
.booking_details_section .step-content .wall_type_box .image_div img{width:100%;height:100%;object-fit:cover;border-radius: 10px;}
.booking_details_section .step-content h5{font-family: 'Ubuntu-Regular';text-transform:capitalize;color:var(--black);margin-bottom:25px}
.booking_details_section .step-content .wall_type_box h4{font-size:20px;    font-family: 'Ubuntu-Regular'; margin-top: 5px;}
.booking_details_section .step-content .wall_type_box .custom_justify{margin-top: 30px;justify-content: flex-start;gap: 10px;}
.booking_details_section .step-content .custom_row{row-gap: 20px}
.booking_details_section .radio_content {text-align: start;display: flex;align-items: center;justify-content: space-between;width: 100%}
.booking_details_section .step-content  .check label {position: relative;cursor: pointer;padding-left: 30px;user-select: none;font-size: 14px;line-height: 20px;}
.booking_details_section .tv_type .wall_type_box .image_div img{object-fit: contain}
.booking_details_section .step-content .guidelines ul{display: flex;flex-direction: column; gap: 10px;margin-top: 25px;}
.booking_details_section .step-content .guidelines h4{font-size: 25px;margin:27px 0px 10px;max-width: 80%;}
.booking_details_section .step-content .guidelines h6{font-size: 16px;text-transform: capitalize;font-family: 'Ubuntu-Medium';color:#1A0D70;line-height: 23px}
.booking_details_section .step-content select.select_quantity {padding:13px 15px;border-radius: 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);border:none;min-width:100px}
.booking_details_section .step-content  .additional_info .row{row-gap: 30px}
.booking_details_section .step-content .guidelines p{font-family:'Montserrat-Bold' !important}
.booking_details_section .step-content .guidelines ul li{margin-bottom:0 !important}
.booking_details_section .step-content .additional_info .form-group select, .booking_details_section .step-content .additional_info .form-group textarea, .booking_details_section .step-content .additional_info .form-group input{border-radius: 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding:18px 15px;border:none}
.booking_details_section .step-content .additional_info .form-group label{font-size:16px;font-family: 'Montserrat-Regular';color:var(--black);line-height:normal;margin-bottom:10px}
.booking_details_section .stepper_buttons{display: flex;align-items: center;justify-content: space-between;max-width: 70%; margin: 60px auto 0 auto;}
.booking_details_section .steps_details .wall_type_box.form-check {position: relative;}
.booking_details_section .steps_details .wall_type_box.form-check input[type="radio"]:checked + ::after {content: '';position: absolute;top: 25%; left: 40%;width: 60px; height: 60px; background: url('/website/assets/images/checkImg2.png') no-repeat center center; background-size: contain; opacity: 0; transform: scale(0); animation: checkmark-animation 0.6s ease forwards;}
@keyframes checkmark-animation {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}




.invoice-container .invoice_details h6{text-transform: lowercase;max-width: 70%}
.invoice-container .info-table.description_table thead tr th:first-child{width:60%}
.invoice-container .info-table.description_table thead tr th {text-transform:capitalize}
.invoice-container .table_box_wrapper {padding:10px 32px}
.invoice-container  .invoice-header {background-color: var(--blue);text-align:center;padding:18px 0px;margin-bottom: 10px;border-top-left-radius: 6px;border-top-right-radius: 6px}
.invoice-container .summary_section{display: flex;align-items: center;justify-content: end;gap:50px;padding:10px 0px}
.invoice-container .summary_section h6{font-size: 13px;font-family: 'Montserrat-SemiBold';color: var(--black);text-transform:capitalize;margin-bottom:10px;text-align:right;line-height: normal;letter-spacing: normal;}
.invoice-container  .summary_section .summary_value h6{font-family: 'Montserrat-Medium';}
.invoice-container  .invoice-header h1 {font-size: 22px;font-family: 'Ubuntu-Bold';color:var(--white);line-height:normal;}
.invoice-container {background-color: var(--white);border-radius: 10px;border: 1px solid #e1e1e1;padding: 16px;}
.invoice-container  .description_table thead tr th{padding-bottom: 10px;border-bottom: 1px solid #e1e1e1}
.invoice-container .description_table tbody tr td{padding:10px 0px;border-bottom: 1px solid #e1e1e1;}
.invoice-container  .details-row {display: flex;justify-content: space-between;margin-bottom: 020px;padding-bottom: 20px;border-bottom: 1px solid #e1e1e1;}
.invoice-container .invoice-from, .invoice-to {flex: 1;}
.invoice-container  .invoice-number h3 {color: var(--blue);margin-bottom: 5px;font-size: 13px;letter-spacing: normal;line-height: normal;font-family: 'Ubuntu-Medium';}
.invoice-container .info-table {width: 100%;border-collapse: collapse;}
.invoice-container .info-table thead tr th {font-size: 12px;line-height: normal;font-family: 'Ubuntu-Medium';color:var(--blue);text-transform: uppercase;margin-bottom: 5px;}
.invoice-container .info-table tbody tr td  {color: var(--black);font-family: 'Montserrat-Regular';font-size:12px;line-height: normal;}
.invoice-container .info-table.description_table thead tr th:not(:first-child),.booking_details_section .step-content .info-table.description_table tbody tr td:not(:first-child){text-align:right}
.invoice-container .invoice-footer {background:var(--blue);width:100%;padding:17px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border: 1px solid var(--blue)}

/*ZIP Code*/
.zip_code_box {max-width:50%;margin:auto}
.zip_code_box .row{row-gap:40px}
.new_page_banner:has(.zip_code_box) {padding-top:260px;height:100vh}
.zip_code_box h5{text-align:center;color:var(--black);text-transform:capitalize;font-family:'Ubuntu-Regular'}
.zip_code_box .button_wrapper {display:flex;flex-direction:column;gap:10px}
.zip_code_box .button_wrapper .btn_cancel{color:#1A0D70}

/* Upload Image Css */
.upload_image_container {border-radius: 16px;border: 1px solid #C6C6C6;background: #FFF;padding: 25px 57px;position: relative;height: 125px;}
.upload_image_container .upload_image_icon {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;gap: 12px;}
.upload_image_container label.upload_file_icon {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 0;padding: 0;}
.image_input {height: 100%;width: 100%;margin: auto;text-align: center;}
.upload_image_container .upload_image_icon .icon_img {height: 32px;width: 32px;}
.upload_image_container .upload_image_icon .icon_img img {height: 100%;width: 100%;object-fit: cover;}
.upload_image_container span.cross_file_icon {color: white;padding: 0;border-radius: 50%;background: red;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;}
.image_input img.uploaded_img {height: 100%;width: fit-content;object-fit: contain;border-radius: 16px;}
.upload_image_container.blog_image {width: 255px;}


/*Modal*/
.modal .modal-header {padding:0;border-bottom: none}
.modal .modal-body{padding:0}
.modal .modal-footer{padding: 0;border: none}
.modal .modal-dialog{min-width:670px}
.modal .modal-content {border-radius: 15px;background: var(--white);box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.06);padding:20px;min-width:670px}
.modal h5{font-size:25px;color:var(--black);font-family: 'Ubuntu-Regular';text-transform: capitalize;margin: auto;padding-bottom: 25px}
.modal.sign_in_to_booking .custom_row{row-gap: 15px}
.modal .btn{width: 100%}
.modal.sign_in_to_booking.zipCodeModal .custom_flex{width: fit-content}
.modal.sign_in_to_booking .btn{margin: 20px 0px 20px}
.modal.sign_in_to_booking p{text-align: center;}
.modal.sign_in_to_booking .form-group input{border-radius: 7px;border: 1px solid #C6C6C6;background: #FFF;padding:10px}
.modal.sign_in_to_booking .form-group label{font-size:15px;font-family: 'Ubuntu-Regular';line-height:21px;color:#4a4a4a;margin-bottom:5px}
.modal.sign_in_to_booking .form-group input::placeholder{font-family: 'Ubuntu-Regular';color:#a9a9a9;font-size:15px}
.modal .modal_btn_wrapper {display:flex;width:100%;align-items:center;gap:20px;margin-top:25px}


/*Servuces details*/
/*.services_detail{padding-bottom: 60px}*/
.services_detail.smart_installation_service_details{padding-bottom: 0}
.services_detail .tv_mounting_images {height:380px}
.services_detail .tv_mounting_images  img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.services_detail  .button_text_flex {display:flex;gap:0px;margin:80px 0px 120px}
.services_detail  .button_text_flex .booking_button {width:100%}
.services_detail .card{padding:20px;text-align:center;gap:20px;border:1px solid #EDEDED;border-radius:10px}
.services_detail .card .image_div {width:80px;height:55px;margin:auto}
.services_detail .card .image_div img{width:100%;height:100%;object-fit:cover}
.services_detail  .tv_bookings_row{row-gap:20px}
.services_detail.appointment_detail{padding-bottom: 60px}

/*What we Have done banner*/
.we_have_done {padding:60px 0px 120px;text-align:center}
.we_have_done p{padding:10px 0px 50px;max-width:70%;margin:auto;}
.we_have_done .our_project{border-radius: 10px;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding:15px;height:100%}
.we_have_done .our_project h5{font-size:18px;text-transform:capitalize;margin:30px 0px 5px;color:var(--black)}
.we_have_done .our_project h6{text-transform:capitalize;font-size:16px;font-family:'Montserrat-Medium';line-height:25px;color:var(--black);text-align: center}
    /*Profile*/
.profile_image .image-input {width: 124px;height: 124px;position: relative;border-radius: 50%;}
.profile_image  .image-input img { width: 100%; height: 100%; object-fit: cover;border-radius: 50%}
.profile_image  .image-input label.btn.btn-icon ,.auth_section .right_column form .form_steps .product_profile .image-input span.btn.btn-icon { background: var(--blue); width: 22px; height: 22px;border-radius: 50%;padding: 12px;}
.profile_image  .image-input span.btn.btn-icon i {margin: 0;}
.profile_image  { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.profile_image  .image-input.image-input-circle .file_edit_icon{background:var(--blue);width:22px;height:22px;border-radius:50%}
.profile_image  .image-input.image-input-circle  .file_edit_icon.upload_file_icon {position: absolute;right:0;top: 7px;}
.profile_image  .file_edit_icon.cross_file_icon {position:absolute;bottom:0px ;right:0;padding:12px}
.profile_image  .image-input  .myinput{display: none}
.profile_image  .image-input.image-input-circle .file_edit_icon i{position:absolute;top:6px;left:8px;color:var(--white);font-size:13px}
.profile_image   .image_container .image-input  .upload_file_icon i{position: absolute;top:6px;left:8px;color:var(--white);font-size:13px}


/*FAQ Section*/
.faq_section  .accordion-button {display: flex;justify-content: space-between;align-items: center;}
.faq_section .accordion-icon {transition: transform 0.3s ease;}
.faq_section  .accordion-button.collapsed .accordion-icon {transform: rotate(0deg); }
.faq_section .accordion-button:not(.collapsed) .accordion-icon {transform: rotate(180deg); }
.faq_section {text-align:center;}
.faq_section.faqs_page{padding-top: 30px;}
.faq_section .accordion{margin:60px 0px 120px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.faq_section .accordion .accordion-button {padding:32px;font-size:18px;color:#1A0D70;font-family:'Ubuntu-Medium';line-height:normal}
.faq_section .accordion .accordion-button:not(.collapsed){background:none;}
.faq_section .accordion .accordion-body h6 {text-transform:initial;text-align:start;font-size:16px;color:var(--black);font-family:'Montserrat-Medium';line-height:25px}
.faq_section .accordion .accordion-button::after{display:none}
.faq_section .accordion  .accordion-item{border-bottom: 1px solid #D9D9D9;border:none}
.faq_section .accordion  .accordion-button.collapsed {border-bottom: 1px solid #D9D9D9;}
.faq_section .accordion  .accordion-body{border-bottom: 1px solid #D9D9D9;padding:30px}
.faqs_page.faq_section .accordion{margin: 0px 0px 100px}
/*profile_setting*/
.profile_setting{margin-bottom: 100px}
.profile_setting .box_wrapper .row{row-gap: 35px}
.profile_setting .custom_row{row-gap: 30px}
.profile_setting .box_wrapper .account_status{margin-top: 35px;}



/*booking detail*/
.booking_details_wrapper  .service_detail_wrapper .booking_details_content .booking_details_content_items{max-width: 250px}
section.booking_details_wrapper {margin: 50px 0 120px 0;}
.booking_heading_wrapper {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px}
section.booking_details_wrapper .booking_heading_wrapper h5 {color: #1C1C1C;font-family: Ubuntu-Medium;font-size: 25px;font-weight: 500;line-height: normal;}
section.booking_details_wrapper h5 {text-transform: capitalize;color: #1C1C1C;font-family: Ubuntu-Medium;font-size: 22px;font-weight: 400;line-height: normal;}
.booking_summary h5 { margin-bottom: 30px}
.booking_details_content_items {display: flex;flex-direction: column}
.booking_details_content {display: flex;column-gap: 2%;row-gap: 20px;padding-bottom: 30px;border-bottom: 1px solid #D3D3D3;flex-wrap: wrap;margin-bottom: 15px;}
.booking_details_content_items label {color: #1C1C1C;font-family: Ubuntu-Regular;font-size: 15px;font-weight: 300;line-height: normal;padding: 10px}
.booking_details_content_items span {color: #1C1C1C;font-family: Montserrat-Medium;font-size: 18px;font-weight: 500;line-height: normal;padding: 5px 10px}
.service_detail_heading h5 {margin: 30px 0 15px 0}
.booking_details_content_items p {color: #1C1C1C;font-family: Ubuntu-Regular;font-size: 15px;font-weight: 300;line-height: normal;padding: 10px 0}
.booking_details_content_items h6 {letter-spacing: unset;text-transform: lowercase;color: #1C1C1C;font-family: Montserrat-Medium;font-size: 18px;font-weight: 500;line-height: normal;padding: 5px 0}
.booking_details_content_items { padding-bottom: 20px}
.service_detail_wrapper {padding-bottom: 10px;border-bottom: 1px solid #D3D3D3;}
.post_service_images_wrapper .post_service_image {height: 115px;width: 160px;border-radius: 10px}
.post_service_images_wrapper .post_service_image img {height: 100%;width: 100%;object-fit: cover;object-position: center;border-radius:10px}
.post_service_images_wrapper {display: flex;column-gap: 2%;row-gap: 20px;flex-wrap: wrap}
.booking_details_content_items .green_heading{color:#48B64C;font-family: Montserrat-SemiBold;text-transform: capitalize}
.booking_details_wrapper .service_uploaded_photo {width:400px;height:200px;margin-top:10px}
.booking_details_wrapper .service_uploaded_photo img{width:100%;height:100%;object-fit:cover;border-radius:10px}
/*table Pagination*/
body .table-responsive nav {gap: 15px;display: flex;align-items: center;}
body div.dt-container .dt-paging .dt-paging-button.current {border-radius: 3px;background: var(--blue) !important;color: var(--white)!important;border: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
body  nav button.dt-paging-button {color: #000!important;text-align: center;font-size: 14px;font-family: 'Montserrat-Regular';margin: 0;padding: 10px;cursor: pointer;}
body  nav button.dt-paging-button.previous,.main_wrapper .page-wrapper nav button.dt-paging-button.next {padding: 0;color: var(--blue)!important;font-size: 30px;}
body  nav button.dt-paging-button.current:hover {background: var(--blue);border: 0;color: var(--white) !important;}
body nav button.dt-paging-button:hover {background: transparent;color: #000 !important;border: 0;}
body nav button.dt-paging-button.last , .main_wrapper .page-wrapper nav button.dt-paging-button.first {display: none;}

/*Table css*/
 .table-responsive table tbody tr td .dropdown li a:hover{background:#005CC6 ;color:var(--white)}

 .table-responsive table thead tr th {font-size: 10px;font-family: 'Ubuntu-Regular';color: #000;padding: 15px;background: linear-gradient(180deg, rgba(0, 119, 255, 0.10) 0%, rgba(0, 92, 198, 0.10) 100%);border: 0;}
 .table-responsive table thead tr th:first-child {border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.table-responsive table thead tr th:last-child {border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
 .table-responsive table tbody tr td {padding: 13px 15px;border-bottom: 1px solid #E4E4E4;color: #4a4a4a;font-size: 13px;font-family: 'Montserrat-Regular';}
 .table-responsive table tbody tr td button.btn.dropdown-toggle {color: black;font-size: 16px;padding:0;background: none}
.table-responsive table tbody tr td button.btn.dropdown-toggle::after{display: none}
.table-responsive .dt-search {display: none;}
 .table-responsive table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {text-align: left;}
 .table-responsive .dt-info{font-family:"Montserrat-Regular";color:var(--black);font-size: 14px;}


 span.text_success{color: #48B64C;font-family: 'Montserrat-SemiBold';text-transform: capitalize}
span.text_primary{color: #005CC6;font-family: 'Montserrat-SemiBold';text-transform: capitalize}
 span.text_danger{color: #E20000;font-family: 'Montserrat-SemiBold';text-transform: capitalize}
 span.text_yellow{color: #E9B200;font-family: 'Montserrat-SemiBold';text-transform: capitalize}

/*Payment Details*/
.payment_details .box_wrapper .row{row-gap: 35px}
.payment_details{padding: 175px 0px 120px;}
 .download_invoice {color: #005CC6;font-size: 20px;}

/*Smart Installations*/
.smart_installations {text-align:center;padding-bottom:100px}
.smart_installations h5{color:var(--black);text-transform:capitalize;font-size:25px;font-family: 'Montserrat-Regular';margin:10px 0px 30px;line-height:normal}
.smart_installations .card_container {border-radius: 20px;background: #FFF;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);padding:15px 15px 20px 15px}
.smart_installations .card_container .card_image{height:275px;margin-bottom:20px}
.smart_installations .card_container .card_image img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.smart_installations .card_container a{width:100%;margin-top:20px}
.smart_installations .row{row-gap: 30px}
.smart_installations .card_container{font-size: 28px}

/*Booking Wrappers*/
.bookings_wrapper .form-group p{margin-top: 10px}
.bookings_wrapper h5{color:var(--black);font-family: 'Montserrat-Regular';line-height:28px;letter-spacing:0.6px;text-transform:lowercase;margin:17px 0px 30px}
.bookings_wrapper .additional_info .row{row-gap:30px}
.bookings_wrapper .additional_info  .form-group h6{font-size:20px;color:var(--black);font-family: 'Montserrat-Regular';line-height:normal;text-transform:capitalize}
.bookings_wrapper .additional_info  .form-group .custom_justify select{max-width: 80px;text-align: center;padding: 13px 15px}
select.form-control {-webkit-appearance: none;-moz-appearance: none;appearance: revert;}
.bookings_wrapper .guidelines{margin-top:27px }
.bookings_wrapper .guidelines ul{display:flex;flex-direction:column;gap:10px}
.bookings_wrapper .additional_info  .form-group:has(.custom_justify) label{margin-bottom: 0}
.bookings_wrapper .invoice-container .description_table tbody tr td:not(:first-child){text-align:right}
.bookings_wrapper .button_wrapper{margin-top:50px }
.bookings_wrapper{padding-bottom: 100px}
 form.new_form{margin-top: 30px;}
.bookings_wrapper .steps_details{text-align: start}
.bookings_wrapper .steps_details h5{font-size: 20px;color:var(--black);font-family: 'Ubuntu-Regular';line-height: normal;margin:0px 0px 15px;text-transform: capitalize}
.bookings_wrapper .steps_details .additional_info{margin-top:25px}
.bookings_wrapper.new_page_banner{padding-top:165px}

    /* Rating star */
.rating_star_wrapper input {display: none;}
.rating_star_wrapper label{color: #005CC6}
.reviews_rating .modal_content .modal_body .rating_star_wrapper label {cursor: pointer;color: #005CC6;margin: 0;}
.rating_star_wrapper label:before {content: "\f005";display: block;user-select: none;font-size: 25px;transition: color 0.2s;font-family: "Font Awesome 5 Free";}
.rating_star_wrapper input:checked ~ label:before,
.rating_star_wrapper label:hover:before {content: "\f005";color: #FA930B;font-family: "Font Awesome 5 Free";font-weight: 900;}
.rating_star_wrapper input:checked ~ label:before {color: #FA930B;}
.rating_star_wrapper {display: flex;justify-content: start;gap:5px;align-items: center;flex-direction: row-reverse;}
.rating_star_wrapper label:hover ~ label:before {color: #FA930B;}

/*handyman*/
.handyman h5{font-size: 20px;color:var(--black);font-family: 'Ubuntu-Regular';line-height: normal;margin:0px 0px 15px}

/*Calendar Css*/
.calendar{padding-bottom:120px }
.calendar .slot-form-group {display:flex;align-items:center;}
.calendar .slot-form-group .row{width:100%}
.calendar  .slot-form-group label{color: #1A0D70;font-family: 'Montserrat-Bold';width:90px}
.calendar .secondary-slots-info {display:flex;flex-direction:column;gap:24px;height:100%}
.calendar .slot-container h4 span{font-size:20px;color:var(--black);font-family: 'Ubuntu-Regular';letter-spacing: 0.6px;line-height:normal;margin-left: 5px}
.calendar .slot-grid {border: 1px solid #D4D4D4;overflow: hidden;border-radius: 10px;background: var(--white);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);}
.calendar .time-header {background-color: var(--white);padding: 20px 10px;text-align: center;border-bottom: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;font-size: 14px;  font-family: 'Montserrat-Regular';}
.calendar .day-cell {background: var(--white);padding: 14px;border-right: 1px solid #D4D4D4;width: 185px;font-family: 'Ubuntu-Regular';font-size:25px;color:var(--black);letter-spacing: 0.75px;line-height: normal;border-bottom: 1px solid #D4D4D4}
.calendar .day-date {font-size: 18px;color: var(--black);font-weight: normal;font-family: 'Montserrat-Regular';letter-spacing: 0.54px;line-height: normal;margin-top: 10px;}
.calendar  .slot-cell {padding: 0px 8px;border-right: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4;height: 90px;position: relative;cursor: pointer;transition: all 0.2s;display: flex;align-items: center;background: white}
.calendar .slot-available {background-color: #F8F8F8;}
.calendar  .slot-primary {background: var(--linear);color: var(--white);}
.calendar .slot-secondary {background:#87BFFF ;color: var(--white);}
.calendar .slot-unavailable {background-color: #e0e0e0;color: #757575;cursor: not-allowed;}
.calendar .slot-cell:has(.slot-unavailable) {cursor: not-allowed;}
.calendar .slot-cell:has(.slot-unavailable):hover {transform: none;box-shadow: none;}
.calendar .slot-text {font-size: 15px;font-family: 'Montserrat-Regular';text-align: center;padding: 8px;border-radius: 4px;display: flex;height:45%;width:100%;align-items: center;justify-content: center;line-height: normal;}
.calendar .user-avatar {width: 24px;height: 24px;border-radius: 50%;position: absolute;top: 5px;right: 5px;border: 2px solid white;}
.calendar .primary-slot-info {height:100%;border-radius: 10px;background: linear-gradient(181deg, #07F -1066.5%, #FFF 99.37%);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);color: var(--white);padding: 20px;margin-top: 30px;}
.calendar .currentMonth{font-size:20px;font-family:'Ubuntu-Medium';min-width: 155px;text-align: center}
.calendar .slot-container h4{text-align:center;margin:0px auto;font-size:20px;color:var(--black)}
.calendar .slots_details h4 span {font-family: 'Ubuntu-Regular';font-size:12px}
.calendar .slots_details {font-size: 14px;color: var(--black);font-family: 'Montserrat-Regular';letter-spacing: 0.6px;}
.calendar .slots_details strong{color: #1A0D70;font-family: 'Montserrat-Bold';}
.calendar .primary-slot-info .selected_slots{display: flex;flex-direction: column;gap:30px}
.calendar .primary-slot-info h4, .secondary-slots-info h4{  font-family: 'Ubuntu-Regular';font-size: 20px;color:var(--black)}
.calendar .secondary-slots-info {background-color: #f8f9fa;border-radius: 10px;padding: 20px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);margin-top: 30px;}
.calendar .secondary-slots-info:has(.slot-item) {display:flex;flex-direction:column;gap:20px}
.calendar .slot-item p {font-size: 14px;font-family: 'Montserrat-Regular';letter-spacing: 0.6px;line-height: normal;color: var(--black);}
.calendar .slot-item p span  {font-family: 'Montserrat-SemiBold';;margin-right: 10px;color:#1A0D70;}
.calendar .slot-item:last-child {border-bottom: none;}
.calendar .grid-container {display: grid;grid-template-columns: 185px repeat(6, 1fr);grid-template-rows: auto;}
.calendar .row-container {display: contents;}
.calendar .button_wrapper {margin-top:100px;display:flex;justify-content:space-between;align-items:center}
.calendar.new_page_banner{padding-top: 150px;}

    /* Dashed Line */
.single_process {position: relative;width: 100%;}
.single_process:not(:last-child)::before {content: '';position: absolute;bottom: 40%;width: 100%;height: 100%;pointer-events: none;z-index: 2;background: url("/website/assets/images/arrow_right.svg") no-repeat;background-size: 80% 100%;margin: auto;background-position: center;}
.single_process:nth-child(even):not(:last-child)::before {background: url("/website/assets/images/arrow_left.svg") no-repeat;bottom: unset;background-position: center;background-size: 85% 100%;top: 60%;}
.skilled_after_line,.our_commitment {position: relative;}
.skilled_after_line::before {content: "";position: absolute;bottom: -10%;left: 27%;width: 2px;height: 50px;border-left: 2px dashed #1e90ff;}
.skilled_after_line::after {content: "";position: absolute;bottom: -20%;left: 4%;width: 50%;height: 50px;border-top: 2px dashed #1e90ff;border-right: 2px dashed #1e90ff;right: 0;margin: auto;}
.commitment_arrow_line .image_div:before,.skilled_after_line .two_images:before {background: url("/website/assets/images/triangle-down.svg") no-repeat;background-position: right bottom;background-size: 100% 100%;content:"";position:absolute;width: 30px;height: 30px;top: -25px;left: 54%;right: 0;margin: auto;}
.our_commitment.commitment_after_line:before {content: "";position: absolute;bottom: -10%;right: 23%;width: 2px;height: 50px;border-left: 2px dashed #1e90ff;}
.our_commitment.commitment_after_line:after {content: "";position: absolute;bottom: -20%;left: 4%;width: 50%;height: 50px;border-top: 2px dashed #1e90ff;border-left: 2px dashed #1e90ff;right: 0; margin: auto;}
.our_commitment.commitment_after_line .image_div:before {content: unset;}
.skilled_after_line .two_images:before {right: unset;left: 26.3%;}

/* Alyan Css */
.new_page_banner {background: linear-gradient(190deg, #07F -195.76%, #FFF 59.07%);padding-top: 130px;}
.booking_details_section .stepper .step:not(:last-child) span.steps_number:after {content: "";position: absolute;background: #B6B6B6;width: 100%;height: 2px;top: 75%;left: 56%;}
span.steps_number {border: 2px solid #B6B6B6;background: #FFF;border-radius: 50%;padding: 4px 10px;border-radius: 50%;}
.booking_details_section .stepper .step.completed span.steps_number:after,.booking_details_section .stepper .step.completed span.steps_number {background: var(--blue);color: white;border: 2px solid var(--blue);}
 .steps_details {max-width: 70%;margin: auto;text-align: center;}
.custom_tabs ul.nav-pills {background: linear-gradient(180deg, #07F -200.76%, #FFF 50.07%);border-top-left-radius: 10px;border-top-right-radius: 10px;justify-content: space-between;align-items: center;}
.custom_tabs ul.nav-pills .nav-item {width: 50%;}
.custom_tabs ul.nav-pills .nav-link {width: 100%;color: #B6B6B6;font-family: 'Ubuntu-Regular';padding: 16px;border-bottom: 2px solid #B6B6B6;border-radius: 0;}
.custom_tabs ul.nav-pills .nav-link.active {background: none;color: #1A0D70;font-family: 'Ubuntu-Medium';border-bottom: 2px solid #1A0D70;}
.custom_tabs .tab-content {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 16px;background: white;box-shadow: 0px 3px 0px 1px #c0c0c040;}
.invoice-container .additional_invoice_details {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.invoice-container .invoice_details {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.invoice-container .invoice_details:last-child {border-top: 1px solid #EDEDED;padding-top: 10px;margin: 0;}
.invoice-container .invoice_details:last-child h6 {color: #005CC6;}
.invoice_txt {margin-top: 25px;}
.form-check input[type=radio] {width: 15px;height: 15px;border: 2px solid #1A0D70;margin: 0;}
.form-check input[type=radio]:checked {background-color: #1A0D70;}
.form-check-input:focus {box-shadow: none;}
.booking_details_section .steps_details.custom_soundbar_radio .wall_type_box {padding: 0;margin-bottom: 40px;}
.booking_details_section .steps_details.custom_soundbar_radio .wall_type_box label.custom_radio {display: flex;gap: 16px;align-items: center;}
.booking_details_section .steps_details.custom_soundbar_radio .wall_type_box label.custom_radio .image_div {width: 250px;}
.booking_details_section .step-content .wall_type_box .soundbar_installation .custom_justify {margin: 0;align-items: baseline;}
.booking_details_section .step-content .wall_type_box .soundbar_installation h5 {margin: 0;}
.booking_details_section .steps_details.custom_soundbar_radio .wall_type_box.form-check input[type="radio"]:checked + ::after{left:15%}
.soundbar_installation p {text-align: start;margin: 16px 0;}
.booking_details_section .step-content .wall_type_box .soundbar_installation .custom_justify:has(select) {gap: 30px;}
.select_button {text-align: center;}
.select_button .modal_button {display: flex;gap: 16px;align-items: center;margin-top: 25px;}
.invoice-container.extra_features {margin-top: 25px;border: 1px solid #1A0D70;}

.booking_details_wrapper .user_info_card {background-color: #fff;border: 1px solid #ddd;border-radius: 8px;padding: 20px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);height: 100%;}
.booking_details_wrapper .users_information .info_cards_wrapper .row {row-gap: 20px;}
.booking_details_wrapper .users_information {margin-top: 20px;}
.booking_details_wrapper .users_txt {margin-bottom: 20px;display: flex;flex-direction: column;gap: 10px;}
.booking_details_wrapper .users_txt label {font-size: 15px;font-family: 'Montserrat-Regular';color: var(--black);}
.booking_details_wrapper .users_txt span {font-family: 'Montserrat-Medium';font-size: 18px;color: var(--black);}
.booking_details_wrapper .users_txt.additional_info {margin-top: 20px;}
.view_guidelines .view-guidelines-btn {padding: 10px 15px;font-size: 14px;text-align: center;color: #005CC6;font-family: 'Montserrat-Bold';text-decoration: none;background: var(--blue);color: white;border-radius:5px}
.view_guidelines {text-align: center;margin: 15px 0;}
.view-guidelines-btn i {margin-left: 8px;font-size: 18px;animation: arrowAnimation 1.5s infinite;}
@keyframes arrowAnimation {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0);
    }
}
.booking_details_section .step-content .guidelines ul li {font-family: 'Montserrat-Regular';}

/* Responsive */
@media only screen and (max-width: 1366px){
    .skilled_after_line .two_images:before {
    left: 26%;
}}


/*Animation*/
@keyframes dots_animation {
    0%, 100% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.3);
        opacity: 1;
    }
}


/*loader functionality*/
.preloader {  width: 100%;  height: 100%;  top: 0;  position: fixed;  z-index: 99999;  background: #fff;  }
.preloader .cssload-speeding-wheel {  border: 0;  animation: unset;  }
.preloader .cssload-speeding-wheel {   display: flex;  justify-content: center;  flex-direction: column;  row-gap: 20px;  align-items: center;  height: 100%; }
.preloader .loader_img{width:300px;height:120px}
.preloader .loading_icon {  display: flex;  justify-content:center;column-gap: 20px;}
.preloader .loader_img img {  object-fit: contain;width: 100%;height: 100%; }
.preloader .loading_icon span:nth-child(1) {animation-delay: 0s;}
.preloader .loading_icon span:nth-child(2) {animation-delay: 0.2s;}
.preloader .loading_icon span:nth-child(3) {animation-delay: 0.4s;}
.preloader .loading_icon span i{color: var(--blue);font-size:15px }
.preloader .loading_icon span { opacity: 0.6;animation: pulse 0.8s infinite ease-in-out;   ;}
@keyframes pulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);

    }
    50% {

        opacity: 1;
        transform: scale(1.2);
    }
}

/*Appointment*/
.appointment{text-align: center}
.appointment h4{font-size:32px}
.appointment p{max-width:30%;margin:auto}
.appointment .appointment_card .appointment_image{height:220px;}
.appointment .appointment_card .appointment_image img{height:100%;width:100%;border-radius:10px;object-fit: cover}
.appointment .appointment_card{margin-top:40px;border: white;border-radius: 10px;background: var(--White, #FFF);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);padding-bottom: 30px;}
.appointment .appointment_card h6{margin:30px 24px;text-transform:capitalize;color:var(--black);font-size:18px}
.appointment .appointment_card .cards_button {display: flex;gap: 10px;padding: 0px 30px;}
.appointment .appointment_card .cards_button a {width: 100%;}

/*Area we Cover*/
.area_we_offer.hero_section {background:white;padding-top: 130px}
.area_we_offer .list {margin-top:20px}
.area_we_offer .list  ul li h5{font-size:18px;font-family:'Montserrat-SemiBold';color:var(--black);line-height:normal;text-transform:capitalize}
.area_we_offer .list  ul li p{font-size:16px;font-family:'Montserrat-Medium';color:var(--black);line-height:normal;text-transform:lowercase;margin-top:5px}
.area_we_offer .list  ul{display:flex;flex-direction:column;gap:20px;list-style:none}
.area_we_offer .list  ul li{position:relative}
.area_we_offer .list  ul li::before{content:" ";background-image:url('/website/assets/images/checkb.svg');position:absolute;display:block;left:-40px;top:0;width:100%;height:100%;background-repeat:no-repeat}


.we_have_done .calander_cards_title{margin-bottom: 60px}
.we_have_done.handyman_repairs{padding-top:120px}
.we_have_done.furniture_assembly{padding-top: 0;}
.services_detail.thermo_stat  .button_text_flex{margin-bottom:0}
.area_we_offer.hero_section.thermo_stat {padding-top:120px}
.registration_form .reg_form .row{row-gap: 24px}
.registration_form {padding-bottom: 80px}

/*Thankyou Modal*/
.thankyou_note {    height: 100vh; display: flex; align-items: center; justify-content: center; margin: auto; text-align: center;}
.thankyou_note .note_container{display:flex;flex-direction:column;gap:25px;max-width:50%;margin:auto}
.thankyou_note .note_container h6{text-transform:initial !important;color:var(--black);line-height:28px}
.thankyou_note .note_container a{width:fit-content;margin-top:100px}
.tick_image {height:150px;width:150px;margin:auto;   animation: tick-animation 1s ease-in-out;}
.tick_image  img{width:100%;height:100%;object-fit:cover;  opacity: 0; animation: fade-in 1.3s forwards 0.5s; }
@keyframes tick-animation {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Fade-in animation */
@keyframes fade-in {
    to {
        opacity: 1;
    }
}

/*Advertisement Marque*/
.advertisement_marquee {display:flex;gap:40px;align-items:center;}
.advertisement_marquee h4{font-size:16px;font-display:'Montserrat-SemiBold';color:var(--black);line-height:30px}
marquee {background: linear-gradient(180deg, rgba(0, 119, 255, 0.08) 0%, rgba(0, 92, 198, 0.08) 100%);position: absolute;top:18%;left:0}


/*Privacy policy*/
.privacy_policy_content h5{text-transform:capitalize}
.privacy_policy_content{margin:20px 0 10px 0}
.privacy_policy{padding:50px 0 }


/*dropdown hover*/
.header .custom_header .nav_menu.collapse.navbar-collapse .dropdown:hover  .dropdown-menu {display:block}
.header .custom_header  .nav_menu.collapse.navbar-collapse .dropdown-menu{padding:0px}

/*Invoice*/
.question_heading{flex:1;max-width:70%}
.single_service.single_service_amount{border-top:2px solid #000;padding-top:10px;margin-top:10px;}
.invoice .invoice_container {border-radius: 20px;border: 1px dashed #D5D5D5;padding:40px;display:flex;align-items:center;justify-content:space-between}
.invoice  h6{text-transform:capitalize;color:#4a4a4a;font-family: 'Montserrat-Medium';line-height:28px}
.invoice  h5{text-transform:capitalize;margin-bottom:10px}
.service_details {margin-top:40px;position:relative;display: flex;flex-direction: column;row-gap: 20px;}
.service_details h4{text-align:center;position:absolute;left:0;right:0;top:10px}
.service_details .invoice_wrapper {padding-top:70px}
.invoice_wrapper{border: 2px dashed #D5D5D5;padding:40px;border-radius: 20px;}
.single_service {display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.estimate_total{margin-top:40px}
.guidelines h2 span, .guidelines h2, .guidelines h3{font-family:'Montserrat-Bold' !important}
.guidelines ul li{font-family:'Montserrat-Regular' !important}


/* Hide the number input arrows in all browsers */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
    appearance: textfield; /* Standard */
}
@media only screen and (max-width: 991px) {
    .tawk-message-preview-content .tawk-message{width:fit-content;padding:10px !important;}
    .tawk-text-regular-3{font-size:12px !important}
    .tawk-survey-option .tawk-button{font-size:10px !important;color:red}
    .tawk-message-preview-content .tawk-message.tawk-survey{margin-top:0px !important}
    .tawk-margin-xsmall-bottom{margin-bottom:0px !important}

}