@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap');

body {
     font-family: 'Rubik', sans-serif;
}


html {
     font-size: 62.5%;
     scroll-behavior: smooth;
}

:root {
     --theme_blue: #19378E;
     --pure-white: #fff;
     --para_color: #666666;
     --theme_sky_blue: #32B0FF;
     --footer_bg: #05155E;
     --deep_blue: #030E3D;

}

.container {
     max-width: 1244px;
}

h1 {
     font-size: 4.8rem;
}

h2 {
     font-size: 4rem;
}

h5 {
     font-size: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     margin-bottom: 0rem;
}

p {
     margin-bottom: 0rem;
     font-size: 1.6rem;
     line-height: 3rem;
     color: var(--para_color);
     font-weight: 400;
}

.title {
     font-size: 3.8rem;
     color: var(--theme_blue);
     text-transform: capitalize;
     font-weight: 700;
     line-height: 4.5rem;
}

.title_cnt p {
     margin-top: 2rem;
}

.sub_title {
     color: var(--theme_sky_blue);
     font-size: 2rem;
     font-weight: 400;
     margin-bottom: 2rem;
     text-transform: uppercase;
     line-height: 1;
}

.sub_title_small {
     color: var(--theme_sky_blue);
     font-size: 1.6rem;
     text-transform: uppercase;
     margin-bottom: 1rem;
}

ul {
     padding: 0rem;
     margin: 0rem;
}

li {
     list-style: none;
}

a {
     text-decoration: none;
     display: inline-block;
     font-size: 1.6rem;
}

a:hover {
     text-decoration: none;
}

button:focus {
     outline: none;
}

.custom_btn {
     padding: 2.2rem 5rem;
     line-height: 1.4rem;
     font-size: 2rem;
     font-weight: 700;
     text-align: center;
     color: var(--theme_blue);
     transition: 0.5s;
     display: inline-flex;
     align-items: center;
     text-transform: capitalize;
     background-color: var(--pure-white);
     border-radius: 0rem;
     position: relative;
     z-index: 99;
}

.custom_btn:hover i {
     transform: translateX(1rem);
     color: var(--white);
}

.custom_btn:hover {
     color: var(--pure-white);
     background: var(--theme_sky_blue);
}

/*-----------------------------top_back-----------------------------*/

.backToTop {
     width: 5rem;
     height: 5rem;
     font-size: 2rem;
     color: var(--pure-white);
     text-align: center;
     line-height: 3;
     position: fixed;
     bottom: 10rem;
     right: 2rem;
     background: var(--theme_sky_blue);
     cursor: pointer;
     display: none;
     z-index: 99;
     border-radius: 50%;
}

.backToTop:hover {
     background: var(--pure-white);
     color: var(--theme_blue);
     border: 1px solid var(--theme_blue);
}


/*-----------------------------top_back-----------------------------*/



.form-control:focus {
     box-shadow: none;
}

.business_submit_btn {
     background-color: var(--theme_blue);
     color: var(--pure-white);
     font-size: 1.8rem;
     height: 6rem;
     width: 100%;
     border: none;
     border-radius: 1.5rem;
     padding: 0rem;
}


/* =====================header area start========================  */


.header_area {
     position: absolute;
     z-index: 9999;
     width: 100%;
     top: 0;
     left: 0;
     transition: 0.5s;
     padding: 1rem 0rem;
}

.header_area .navbar.navbar-expand-lg.navbar-light {
     padding: 0;
}

/* .sticky_header {
     position: fixed !important;
     z-index: 9999999 !important;
     width: 100% !important;
     top: 0px !important;
     padding: 5px 0px !important;
     transition: 0.5s !important;
     background: #000 !important;
     box-shadow: 0 0 45px 0 rgb(62 28 131 / 10%);
 } */

.mob_view_btns {
     display: none;
}

.navbar-brand img {
     max-width: 18rem;
}


.header_area li.nav-item {
     margin-right: 2rem;
     position: relative;
}

.header_area .navbar-light .navbar-nav .nav-link {
     color: var(--pure-white);
     text-transform: uppercase;
     font-size: 1.6rem;
     line-height: 1;
     font-weight: 500;
     position: relative;
     padding: 0rem;
}

.header_contact {
     display: flex;
     align-items: center;
     gap: 2rem;
     margin-left: 5rem;
}

.contact_icon {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background: var(--pure-white);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--theme_sky_blue);
     font-size: 1.4rem;
}

.contact_info {
     font-weight: 400;
     font-size: 1.6rem;
     line-height: 2.2rem;
     letter-spacing: .1rem;
     text-transform: capitalize;
     color: var(--pure-white)
}

.contact_info:hover {
     color: #ddd;
}

.contact_info small {
     display: block;
     font-size: 1.2rem;
}

.header_area.sticky {
     position: fixed;
     top: 0;
     background: var(--theme_blue)
}

.header_area .navbar-nav .nav-link:hover,
.header_area .navbar-nav .nav-link.active {
     color: var(--theme_sky_blue);
}

/* ========================= banner ========================*/
.banner {
     position: relative;
}

.banner_img {
     height: 80rem;
     width: 100%;
}

.banner_btn {
     display: flex;
     gap: 2rem;
}

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

.banner_overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     background: linear-gradient(180.69deg, #03031F 0.6%, rgba(196, 196, 196, 0) 89.81%);
     display: flex;
     align-items: center;
}

.banner_caption {
     position: relative;
     padding-left: 15rem;
}

.banner_caption::after {
     position: absolute;
     top: 50%;
     left: 8rem;
     content: '';
     background-color: var(--theme_blue);
     width: 29rem;
     height: 44.7rem;
     transform: translateY(-50%) skew(-25deg);
     z-index: 0;
     border: #000 .1rem solid;
}

.banner_caption:before {
     content: '';
     position: absolute;
     background: url(../images/star.png) no-repeat center;
     width: 14rem;
     height: 12rem;
     z-index: 0;
     right: 14rem;
     top: -6.5rem;
}

.banner_caption h1 {
     font-size: 8rem;
     line-height: 8rem;
     font-weight: 700;
     color: var(--pure-white);
     margin-bottom: 3rem;
     position: relative;
     z-index: 99;
}

.banner_caption h4 {
     font-size: 3.5rem;
     line-height: 4.7rem;
     font-weight: 500;
     color: var(--pure-white);
     margin-bottom: 2rem;
     position: relative;
     z-index: 99;
}

.banner_sec_slider .owl-dots {
     position: absolute;
     bottom: 2rem;
     display: flex;
     gap: 1rem;
     left: 5rem;
}

.banner_sec_slider .owl-dots button.owl-dot span {
     width: 1rem;
     height: 1rem;
     display: block;
     background: var(--pure-white);
     border-radius: 5rem;
     transition: .5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.banner_sec_slider .owl-dots button.owl-dot.active span {
     width: 2rem;
     background: var(--theme_sky_blue);
}

/* ========================= banner end ========================*/

/* ========================= premium service start ========================*/
.primium_service {
     position: relative;
     padding: 8rem 0rem;
}

.primium_service .row {
     margin-bottom: 6.8rem;
}

.primium_service_btn .custom_btn {
     border: var(--theme_sky_blue) .1rem solid;
     transform: skewX(-28deg);
     padding: 1.8rem 3rem;
     line-height: 1;

}

.primium_service_btn .custom_btn p {
     transform: skewX(28deg);
     font-style: italic;
     font-weight: 400;
     font-size: 18px;
     line-height: 1;
     color: var(--theme_blue);
}

.primium_service_btn .custom_btn:hover p {
     color: var(--pure-white);
}

.primium_service_card {
     position: relative;
     height: 34rem;
     display: block;
}

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

.primium_service_card_overly {
     position: absolute;
     top: 0rem;
     left: 0rem;
     height: 100%;
     width: 100%;
     display: flex;
     align-items: flex-end;
     background: linear-gradient(0.98deg, #071F65 2.59%, rgba(196, 196, 196, 0) 93.51%);
     padding: 3rem 2rem;
}

.owl-carousel .owl-item .primium_service_card_icon img {
     width: 3.9rem;
}

.primium_service_card_info_cnt {
     display: flex;
     align-items: center;
     gap: 1.5rem;
}

.primium_service_card_info h4 {
     font-weight: 700;
     font-size: 1.8rem;
     line-height: 2.1rem;
     color: var(--pure-white);
}

.primium_service_card_info span {
     font-weight: 400;
     font-size: 1.6rem;
     line-height: 1;
     color: var(--theme_sky_blue);
     margin-top: .5rem;
     display: block;
}

.primium_service .owl-carousel .owl-nav {
     position: absolute;
     bottom: -11rem;
     display: flex;
     justify-content: center;
     width: 100%;
     gap: 3rem;
}

.primium_service .owl-carousel .owl-nav:after {
     position: absolute;
     content: "";
     width: 80%;
     height: .1rem;
     top: 50%;
     transform: translateY(-50%);
     left: -48rem;
     background: #ddd;
}

.primium_service .owl-carousel .owl-nav button.owl-next,
.primium_service .owl-carousel .owl-nav button.owl-prev {
     width: 6rem;
     height: 5.6rem;
     border: .1rem solid #D4D4D4;
     transform: skewX(-28deg);
     font-size: 1.6rem;
}

.primium_service .owl-carousel .owl-nav button.owl-next i,
.primium_service .owl-carousel .owl-nav button.owl-prev i {
     transform: skewX(28deg);
}

/* ========================= premium service end ========================*/
/*========================= about_washing_care ===========================*/
section.about_washing_care {
     padding: 10.7rem 0rem 0rem;
     position: relative;
}

section.about_washing_care::after {
     content: "";
     position: absolute;
     background: url(../images/dotted.png) no-repeat;
     width: 18rem;
     height: 17.2rem;
     bottom: 20rem;
     right: 0;
}

.washing_content {
     padding-left: 11rem;
}

.washing_content h2 {
     width: 80%;
}

.washing_content .title_cnt {
     margin-bottom: 2.2rem;
}

.washing_content p {
     margin-bottom: 3rem;
     font-size: 1.6rem;
     line-height: 3rem;
}

.washing_content p:last-child {
     margin-bottom: 0rem;
}

.washing_image {
     position: relative;
     width: 100%;
     height: 55rem;
}

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

.washing_image::after {
     content: "";
     position: absolute;
     background: url(../images/washing_img_after.png) no-repeat;
     bottom: 5.4rem;
     left: 33.5rem;
     width: 27rem;
     height: 21rem;
     background-size: contain;
}


.custom_plan {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 1rem;
     padding: 6rem 0rem 0rem;
}

.custom_plan p {
     font-size: 1.6rem;
     font-weight: 300;
}

.custom_plan a {
     font-weight: 600;
     color: var(--theme_sky_blue);
     position: relative;
}

.custom_plan a::after {
     content: "";
     position: absolute;
     width: 89.89px;
     height: 1px;
     background: #d4d4d4;
     top: 50%;
     transform: rotate(122.28deg) translateY(-50%);
}

.text_line {
     position: relative;
}

.text_line::after {
     content: "";
     position: absolute;
     width: 377px;
     height: 1px;
     background: #d4d4d4;
     top: 0;
     left: -389px;
}

.text_line::before {
     content: "";
     position: absolute;
     width: 89.89px;
     height: 1px;
     background: #d4d4d4;
     top: 0;
     left: -56px;
     transform: rotate(122.28deg);
}

.custom_plan span {
     width: 41px;
     height: 41px;
     background: #FFFFFF;
     box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
     border-radius: 50%;
     position: relative;
}

img.img-fluid.ph_img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}

/*========================= about_washing_care end ===========================*/
/*=========================  why choose us ========================= */
section.why_choose_us_sec {
     padding: 6.3rem 0rem 0rem;
     position: relative;
}

.why_choose_us_sec .title_cnt {
     margin-bottom: 4rem;
}

section.why_choose_us_sec::after {
     content: "";
     position: absolute;
     background: url(../images/star_blue.png) no-repeat;
     top: 0;
     right: 3rem;
     width: 145px;
     height: 126px;
}

/* tab sec  */

/* Features tab section  */


.tabs-section {
     overflow: hidden;
     background-color: #fff;
}

.tabs-section .feature-img.feature-img {
     height: 37.5rem;
     width: 100%;
}

.tabs-section .feature-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.tab_content_details {
     margin-top: 2.8rem;
}

.tabs-section .nav-tabs {
     border: 0;
}

.tabs-section .nav-tabs li.nav-item {
     margin-bottom: 1rem;
     background: #fff;
     border: 2px solid #f0f2f7;
}

.tabs-section .nav-link {
     border: 0;
     color: #05155e;
     font-size: 1.6rem;
     text-align: center;
     display: block;
     width: 100%;
     line-height: 6rem;
     padding: 0 1.5rem;
     transition: all 0.5s;
}

.tabs-section .nav-link:hover {
     background: #05155e;
     color: #fff;
     border-radius: 0rem;
}

.tabs-section .nav-link.active {
     background: #05155e;
     color: #fff;
     border-radius: 0rem;
}


.tabs-section .tab-pane.active {
     -webkit-animation: fadeIn 0.5s ease-out;
     animation: fadeIn 0.5s ease-out;
}

.tab-content {
     border: 2px solid #F0F2F7;
     border-radius: 0rem;
     padding: 2.7rem;
}

.tab_content_details h5 {
     font-weight: 400;
     font-size: 2.5rem;
     line-height: 2.4rem;
     color: #05155E;
     margin-bottom: 2.6rem;
}

.tab_content_details p {
     font-weight: 400;
     font-size: 1.6rem;
     line-height: 3rem;
     color: #666;
}

a.btn.custom_btn.tab_btn {
     font-weight: 400;
     font-size: 1.3rem;
     color: #31ADFC;
     margin-top: 3.5rem;
     border: 1px solid #31ADFC;
     line-height: 1.3rem;
}

a.btn.custom_btn.tab_btn:hover {
     background: #31ADFC;
     color: #fff;
}



/*=========================  why choose us end ========================= */
/*========================= what we have =========================*/

section.what_we_have_sec {
     padding: 8rem 0rem;
     /* position: relative; */
}

.what_we_have_content p {
     margin-top: 2.8rem;
}

.what_we_have_sec a.btn.custom_btn.tab_btn {
     background: #31ADFC;
     color: #fff;
}

.what_we_have_sec a.btn.custom_btn.tab_btn:hover {
     color: #31ADFC;
     border: 1px solid #31ADFC;
     background: #fff;
}



/*========================= what we have end =========================*/

/*========================= testimonials start ===========================*/

.testimonial_sec {
     padding: 8.2rem 0rem;
     position: relative;
     background: #F0F2F7;
}

.testimonial_sec::after {
     content: "";
     position: absolute;
     clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0 100%);
     width: 37%;
     height: 100%;
     right: 0;
     top: 0;
     background: #ffffff;
     z-index: 0;
}

.testimonial_sec::before {
     content: "";
     position: absolute;
     clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0 100%);
     height: 70rem;
     width: 55rem;
     right: 0;
     top: 57px;
     background: url(../images/testimonial.jpg) no-repeat right;
     background-size: cover;
     overflow: hidden;
     z-index: 1;
     background-position: center;
}

.testimonial_sec .title_cnt {
     margin-bottom: 5.6rem;
}

.testimonial_slider {
     max-width: 115rem;
}

.testimonial_slider.owl-carousel .owl-stage {
     display: flex;
}

.testimonial_slide {
     background: var(--pure-white);
     padding: 6.8rem 5.5rem 5.5rem;
     border-top: var(--theme_sky_blue) .3rem solid;
     height: 100%;
}

.star_rateing {
     display: flex;
     gap: .5rem;
     margin-bottom: 2rem
}

.star_rateing li {
     color: #ffc107;
     font-size: 1.3rem;
}

.testimonial_slide p {
     font-size: 1.6rem;
     line-height: 3rem;
     margin-bottom: 3rem;
     min-height: 17rem;
}

.testimonial_slide a {
     color: var(--theme_sky_blue);
     font-size: 1.6rem;
     text-transform: capitalize;
}

/*========================= testimonials start ===========================*/

/*========================= purchase start ===========================*/
.purchase_sec {
     transform: translateY(50%);
     position: relative;
     z-index: 999;
}

.about_us_page .purchase_sec,
.home_page .purchase_sec {
     margin-top: 7.2rem;
}

.packages_page .purchase_sec,
.specials_page .purchase_sec,
.services_page .purchase_sec,
.contact_page .purchase_sec {
     transform: translateY(35%);
}

.purchase_sec::after {
     content: '';
     position: absolute;
     height: .1rem;
     width: 100%;
     bottom: -6rem;
     background: rgba(255, 255, 255, 0.1);
}

.purchase_inner {
     background: var(--theme_sky_blue);
     padding: 6.4rem 9rem
}

.purchase_sec h2 {
     color: var(--pure-white);
     text-transform: capitalize;
}

.purchase_sec .custom_btn {
     font-weight: 400;
     font-size: 13px;
     line-height: 1;
     text-align: center;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--pure-white);
     padding: 1.8rem 2.5rem;
     background: transparent;
     border: var(--pure-white) .1rem solid;
     border-radius: 0rem;
}

.purchase_sec .custom_btn:hover {
     background-color: var(--pure-white);
     color: var(--theme_sky_blue);
}

/*========================= purchase end ===========================*/


/*============================= about page ======================================== */

/*---------------------- inner banner  -------------------------------*/
.inner_banner {
     position: relative;
     height: 42.8rem;
}

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

.inner_title {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: flex-end;
     background: rgb(0 0 0 / 37%);
}

.inner_title h3 {
     color: var(--pure-white);
     font-weight: 400;
     font-size: 5.9rem;
     line-height: 1;
     text-transform: capitalize;
     margin-bottom: 2.9rem;
}

.breadcrumb {
     background: transparent;
     position: relative;
     padding: 2rem 0rem;
     margin-bottom: 0;
}

.breadcrumb::after {
     content: '';
     position: absolute;
     width: 50%;
     left: 0;
     top: 0;
     height: 100%;
     background-color: var(--theme_blue);
     clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
}

.breadcrumb_list {
     position: relative;
     z-index: 9;
     display: flex;
     gap: 2rem;
}

.breadcrumb_list li {
     display: inline-block;
}

.breadcrumb_list li a {
     color: var(--pure-white);
     display: block;
     font-size: 1.6rem;
     padding: 0 1.5rem;
     position: relative;
     text-transform: capitalize;
}

.breadcrumb_list li a::after {
     position: absolute;
     content: ">>";
     left: 7.5rem;
}

.breadcrumb_list li:last-child a:after {
     display: none;
}


/*---------------------- inner banner  -------------------------------*/
/*================== about washing care ====================== */
section.washing_care_sec {
     padding: 8.2rem 0rem;
}

section.washing_care_sec .title_cnt {
     margin-bottom: 5rem;
}

.washing_care_image {
     position: relative;
     width: 100%;
     height: 50rem;
}

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

}

.washing_care_image::after {
     content: '';
     position: absolute;
     bottom: 5.4rem;
     left: 23.5rem;
     width: 36.6rem;
     height: 26rem;
     background: url(../images/about_washing_after.jpg) no-repeat;
     background-size: contain;
}

.washing_care_content {
     padding-left: 11rem;
}

.washing_care_content p {
     font-size: 1.6rem;
     line-height: 3rem;
     margin-bottom: 3rem;
}

.Workshop_boxes {
     margin-top: 8.2rem;
}

.Workshop_box_item {
     padding: 3.2rem;
     border: 1px solid #ddd;
     height: 100%;
     position: relative;
}

.Workshop_box_item::after {
     position: absolute;
     content: "";
     bottom: 0.4rem;
     right: 0.4rem;
     clip-path: polygon(100% 0, 0 100%, 100% 100%);
     width: 43px;
     height: 47px;
     background: #dfdfdf;
}

.point_no h5 {
     text-align: right;
     text-transform: uppercase;
     -webkit-text-stroke: 0.1rem #c3c3c3;
     -webkit-text-fill-color: white;
     font-size: 6rem;
     font-weight: 700;
     line-height: 1;
}

.workshop_box_icon {
     margin-top: -3rem;
     margin-bottom: 1.5rem;
}

.workshop_content h4 {
     font-size: 2rem;
     font-weight: 500;
     color: var(--theme_blue);
     margin-bottom: 2.5rem;
}

.workshop_content p {
     line-height: 25.6px;
     color: rgba(102, 102, 102, 1);
}

/*================== about washing care end ====================== */
/*======================= best award section  ============================*/
section.best_award_sec {
     position: relative;
     margin-bottom: 8.2rem;
}

section.best_award_sec .award_bg {
     width: 100%;
}

section.best_award_sec .award_bg {
     width: 100%;
     height: 100%;
}


.best_award_item {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0rem;
     width: 100%;
}

.best_award_main {
     display: flex;
     align-items: center;
     gap: 8rem;
     justify-content: center;
}

.best_award_content h2 {
     color: #fff;
     font-weight: 400;
     font-size: 4.8rem;
     line-height: 4.8rem;
     margin-bottom: 2.5rem;
}

.best_award_content p {
     color: #fff;
     font-weight: 400;
     font-size: 1.6rem;
     line-height: 3rem;
}

.best_award_content {
     position: relative;
}

.best_award_content::after {
     content: '';
     position: absolute;
     background: url(../images/star.png) no-repeat center;
     width: 14rem;
     height: 12rem;
     z-index: 0;
     right: -11rem;
     top: -6.5rem;
}

/*======================= best award section end  ============================*/

/*============================= about page end ======================================== */



/*============================== our services section =======================================*/
/*============================= our_services_sec ===========================*/
section.our_services_sec {
     padding: 8.2rem 0rem 0rem;
}

.service_item_image {
     position: relative;
     max-width: 53.6rem;
}

.wash_service_item .row {
     margin-bottom: 8rem;
}

.wash_service_item .row:nth-child(even) {
     flex-direction: row-reverse;
}

.wash_service_item .row:last-child {
     margin-bottom: 0rem;
}

.item_icon_box {
     position: absolute;
     width: 126px;
     height: 128px;
     background: var(--theme_sky_blue);
     clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
     top: 0;
     right: -12.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
}


.service_item_content h2 {
     font-weight: 700;
     font-size: 4rem;
     margin-bottom: 2rem;
     color: var(--theme_blue);
}

.service_item_content p {
     line-height: 25.6px;
}

.wash_service_item .row:nth-child(even) .service_item_image {
     margin-left: auto;
}

.wash_service_item .row:nth-child(even) .service_item_image .item_icon_box {
     left: -12.6rem;
     right: auto;
     clip-path: polygon(0 0, 100% 0%, 100% 100%, 30% 100%);
}

/*============================= our_services_sec end ===========================*/
/*============================== our services section end =======================================*/
/*========================== package page  =====================================*/
section.top_quality_sec {
     padding: 8.2rem 0rem;
}



.top_quality_content h2 {
     margin-bottom: 3rem;
}

.top_quality_content p {
     margin-right: 3rem;
}

.progressbar_custom {
     max-width: 94.5rem;
     background: #F0F2F7;
     margin-top: -14rem;
     padding: 3.5rem 0rem 4.1rem;
     width: 94.5rem;
     position: relative;
     z-index: 99;
}

.progressbar {
     display: block;
     margin: 25px;
}

/*Required CSS*/
svg.radial-progress {
     height: auto;
     max-width: 13rem;
     padding: 0;
     transform: rotate(-90deg);
     width: 100%;
     border-radius: 50%;
     margin: 0rem auto;
     display: table;
}

svg.radial-progress circle {
     fill: transparent;
     stroke: #fff;
}

svg.radial-progress circle.bar-static {
     stroke: #a4aee5 !important;
     stroke-width: 4px;
}

svg.radial-progress circle.bar--animated {
     stroke-dasharray: 219.91148575129;
     stroke: #445ac8;
     stroke-dashoffset: 219.91148575129;
     stroke-width: 4px;
     stroke-linecap: square;
}

svg.radial-progress text {
     fill: #ED1D24;
     font-weight: 400;
     font-size: 18px;
     text-anchor: middle;
}

section.svg-container {
     width: 52%;
     max-width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     min-height: 80vh;
}

.progressbar_main p {
     text-align: center;
     line-height: 2rem;
     margin-top: 1rem;
     font-size: 1.8rem;
     color: #000619;
}

/*========================== package page end  =====================================*/


/*======================== about_us page ===================================*/
section.about_us_section {
     padding: 8rem 0rem 0rem;
}

section.about_us_section .title_cnt {
     margin-bottom: 5rem;
}

.address_item ul {
     gap: 4rem;
     display: grid;
     margin-bottom: 5rem;
     margin-left: 3rem;
}

.address_item ul li a,
.address_item ul li {
     font-size: 2rem;
     font-weight: 500;
     color: var(--theme_blue);
     line-height: 2.5rem;
     transition: 0.8s;
     display: flex;
     align-items: center;
     gap: 3rem;
}

.address_item ul li a span,
.address_item ul li span {
     transform: rotate(45deg);
     height: 5rem;
     width: 5rem;
     z-index: -1;
     background: var(--theme_sky_blue);
     transform-origin: center;
     display: flex;
     align-items: center;
     justify-content: center;
}

.address_item ul li a span i,
.address_item ul li span i {
     transform: rotate(-45deg);
}


/*======================== about_us page end ===================================*/
/*=========================== specials_offer_sec ================================*/

section.specials_offer_sec {
     padding: 8rem 0rem 0rem;
}

.specials_offer_sec .title_cnt {
     margin-bottom: 5rem;
}

.log_in_area iframe#widget_dc {
     height: 44rem !important;
}

/*=========================== specials_offer_sec end ================================*/


/*=========================== our pricing sec ======================================*/

section.our_pricing_sec {
     padding: 8.2rem 0rem;
     background: #F0F2F7;
}

.our_pricing_sec .title_cnt p {
     margin-top: 2.5rem;
}

.our_pricing_sec .title_cnt {
     margin-bottom: 4rem;
}

.our_all_packages {
     display: grid;
     grid-template-columns: 40rem 1fr 1fr;
     margin-bottom: 5rem;
}

.our_all_packages:last-child {
     margin-bottom: 0rem;
}

.main_packages_heading {
     margin-top: 3rem;
     margin-left: 4rem;
}

.package_box {
     background: var(--theme_sky_blue);
     padding: 3rem;
     box-shadow: 4px 0px 9px rgb(0 0 0 / 25%);
     position: relative;
     z-index: 10;
}

.package_box .offer_poster {
     display: flex;
     justify-content: space-around;
     align-items: center;
     direction: rtl;
     background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(236, 186, 20, 1) 0%, rgba(255, 153, 0, 1) 100%);
     top: 0;
     position: absolute;
     flex-direction: column;
     z-index: 100;
     left: 2rem;
     border-bottom-right-radius: 50%;
     border-bottom-left-radius: 50%;
     box-shadow: 1px 11px 12px 3px #0000001c;
     padding: 2rem;
}

.offer_poster.guarantee {
     left: auto;
     right: 1.5rem;
     bottom: 0;
     top: auto;
     border-top-right-radius: 50%;
     border-top-left-radius: 50%;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     box-shadow: 1px -11px 12px 3px #0000001c;
     padding: 3rem 2rem 1rem 2rem;
}

.package_box .offer_poster .first_title,
.package_box .offer_poster .second_title,
.package_box .offer_poster .last_title {
     margin-top: .5rem;
     margin-bottom: .5rem;
     color: #fff;
     cursor: pointer;
     text-transform: uppercase;
}

.package_box .offer_poster .first_title {
     font-size: 2rem;
}

.package_box .offer_poster .second_title {
     font-size: 1.8rem;
}

.package_box .offer_poster .time {
     width: 6rem !important;
     height: 6rem !important;
     font-size: 1.8rem !important;
}

.package_box .offer_poster .last_title {
     color: #fff;
     font-size: 2.5rem;
     width: 5.8rem;
     height: 5.8rem;
     display: flex;
     border: 2px dotted #fff;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     margin: .5rem 0;
     cursor: pointer;
     animation: bounce 0.5s;
     animation-direction: alternate;
     animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
     animation-iteration-count: infinite;
}


@keyframes bounce {
     from {
          transform: translate3d(0, 0, 0);
     }

     to {
          transform: translate3d(0, 5px, 0);
     }
}


.first_box {
     position: relative;
     z-index: 9;
}

.second_box {
     position: relative;
     z-index: 5;
}

.package_box_content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.package_box_content h2 {
     font-size: 4rem;
     font-weight: 700;
     line-height: 4.5rem;
     color: #05155E;
     margin-bottom: 3rem;
     text-transform: capitalize;
}

.package_box_content h5 {
     font-size: 3rem;
     font-weight: 600;
     line-height: 30px;
     color: #fff;
     text-transform: uppercase;
}

.main_packages {
     padding: 3rem;
     background: #fff;
     border-right: 1px solid #c7c5c6;
     transition: 0.5s;
}

.main_packages:hover {
     box-shadow: 4px 0px 9px rgb(0 0 0 / 25%);
}

.main_packages h3 {
     margin-bottom: 1.2rem;
     font-weight: 600;
     font-size: 2.4rem;
     line-height: 3.4rem;
}

.main_packages_heading h4 {
     font-size: 2.5rem;
     margin-bottom: 2.4rem;
     font-weight: 400;
     color: var(--theme_sky_blue);
}

.main_packages_heading span {
     font-size: 5rem;
}

.main_packages_list ul {
     display: grid;
}

.main_packages_list ul li {
     display: flex;
     font-weight: 400;
     font-size: 1.6rem;
     line-height: 1;
     color: #666;
     border-bottom: 1px dashed #C7C5C5;
     padding: 1.8rem;
     text-transform: capitalize;
}

.main_packages_list ul li:last-child {
     border: none;
}

.main_packages_list ul li span {
     margin-right: 2rem;
}

.main_packages_list .btn.custom_btn.tab_btn {
     color: #fff;
     background: var(--theme_sky_blue);
     margin-top: 3rem;
     text-transform: uppercase;
     padding: 2rem 4.4rem;
}

.main_packages_list .btn.custom_btn.tab_btn:hover {
     color: var(--theme_sky_blue);
     background: #fff;
}

.bottom_text .title_cnt {
     margin-bottom: 0rem;
}

.bottom_text .title_cnt .title {
     text-transform: uppercase;
}

/*=========================== our pricing sec end ======================================*/

/*========================= footer start ===========================*/
.footer {
     background: var(--footer_bg);
     padding: 23rem 0rem 6rem;
}

.footer .ftr_item h4 {
     font-weight: 400;
     font-size: 18px;
     line-height: 1;
     color: var(--pure-white);
     margin-bottom: 3rem;
     text-transform: capitalize;
}

.footer .ftr_item p,
.footer .ftr_item a,
.footer .ftr_item li {
     color: rgba(255, 255, 255, 0.7);
     font-size: 1.6rem;
     font-weight: 400;
}

.footer .ftr_item .ftr_para {
     margin-bottom: 2.5rem;
}

.ftr_item.ftr_addr ul li {
     display: flex;
     align-items: center;
     gap: 1.4rem;
     margin-bottom: 3.5rem;
}

.ftr_item.ftr_addr ul li:last-child {
     margin-bottom: 0rem;
     align-items: flex-start;
}

.ftr_item.ftr_addr ul li a {
     color: var(--theme_sky_blue);
     font-size: 1.8rem;
     line-height: 1;
}

.ftr_item.ftr_addr ul li i {
     color: var(--pure-white);
     font-size: 1.8rem;
}

.ftr_item.ftr_addr ul li:last-child i {
     margin-top: .8rem;
}

.ftr_item .quick_link {
     display: flex;
     gap: 8rem;
}

.ftr_item .quick_link li {
     display: flex;
     align-items: center;
     margin-bottom: 2.5rem;
}

.ftr_item .quick_link li i {
     color: var(--theme_sky_blue);
     font-size: 1.4rem;
     margin-right: 1.2rem;
}

.ftr_item .quick_link a {
     line-height: 1;
     transition: .5s;
}

.ftr_item .quick_link a:hover {
     color: var(--theme_sky_blue);
}

.ftr_item.opening_hour {
     display: table;
     margin-left: auto;
}

.ftr_item.opening_hour ul li {
     margin-bottom: 2.5rem;
     line-height: 1rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.ftr_item.opening_hour ul li p {
     line-height: 1;
}

.ftr_item.opening_hour ul li span {
     margin-left: 5rem;
}


.copyright {
     padding: 2.6rem 0rem;
     background: var(--deep_blue);
}

.copyright p {
     color: var(--pure-white);
     font-size: 1.6rem;
     line-height: 1;
     font-weight: 300;
}

.copyright p a {
     color: var(--theme_sky_blue)
}

.ftr_social_items {
     display: grid;
     gap: 2rem;
     align-items: center;
     margin-top: 3.5rem;
}

.ftr_social_items h4 {
     margin-bottom: 0rem !important;
}

.ftr_social_items ul {
     display: flex;
     gap: 2rem;
     align-items: center;
}

.ftr_social_items ul li {
     margin-bottom: 0 !important;
}

.ftr_social_items ul li a:hover {
     color: var(--theme_sky_blue);
}

.ftr_social_items ul li a i {
     margin-top: 0 !important;

}

.ftr_social_items ul li a i:hover {
     color: var(--theme_sky_blue);
}

/*========================= footer end ===========================*/
.blue_color {
     margin-top: 20px;
}

.blue_color span {
     color: var(--theme_sky_blue);
}

.ribbon {
     font-size: 16px !important;
     width: 80%;
     position: relative;
     color: #fff;
     text-align: center;
     padding: 0;
     margin: 30px auto 60px;
     z-index: 99;
}

.ribbon:before,
.ribbon:after {
     content: "";
     position: absolute;
     display: block;
     bottom: -16px;
     border: 25px solid #93a5fd;
     z-index: -1;
}

.ribbon:before {
     left: -33px;
     border-right-width: 25px;
     border-left-color: transparent;
}

.ribbon:after {
     right: -33px;
     border-left-width: 25px;
     border-right-color: transparent;
}

.ribbon-content {
     width: 100%;
     background: #263788;
     display: block;
     position: relative;
     z-index: 9;
     font-size: 35px;
     color: white;
     padding: 16px;
     box-shadow: 0px 5px 10px rgb(0 0 0 / 12%);
     text-transform: uppercase;
     font-weight: 400;
     line-height: 1;
}

.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
     content: "";
     position: absolute;
     display: block;
     border-style: solid;
     border-color: #0000002b transparent transparent transparent;
     bottom: -16px;
}

.ribbon .ribbon-content:before {
     left: 0;
     border-width: 16px 0 0 18px;
}

.ribbon .ribbon-content:after {
     right: 0;
     border-width: 16px 17px 0 0;
}

.ribbon span {
     color: var(--theme_sky_blue);
     font-weight: 700;
}

.vertical-text {
  transform: rotate(-90deg);
}
.contact-info {
  position: fixed;
  top: 40%;
  z-index: 99999;
  right: -150px;
}
.banner-info {
  box-shadow: 0px 0px 30px #555;
  font-weight: bold;
  background-color: #f64a4a;
  color: #fff;
  padding: 8px 15px;
  text-align: center;
  cursor: default;
  font-size: 20px;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 4px;
  height: 40px;
}

.banner-info:hover {
  text-decoration: none;
  color: #fff;
  background: #101010;
}


/******************** Package CSS ********************/

.package_item {
     border-radius: 10px;
     padding: 30px;
     background: #fff;
     box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     position: relative;
     min-height: 100%;
     isolation: isolate;
 }
 
 .pricing_list {
     margin-top: 50px;
 }
 .package_item::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 190px;
     top: 0px;
     left: 0px;
     background-color: #32b0ff47;
     border-radius: 10px 10px 50% 50%;
     z-index: -1;
 }
 .price_containe {
     display: flex;
     justify-content: space-between;
     margin-bottom: 30px;
 }
 
 .package_title {
     font-size: 25px;
     font-weight: 700;
     margin-bottom: 35px;
     text-align: center;
     color: #19378e;
 }
 
 .price h4 {
     font-size: 24px;
     font-weight: 900;
     margin-bottom: 65px;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     position: relative;
     font-family: "PT Serif", serif;
     color: #006ab8;
 }
 
 .price h4 span {
     color: #5e6980;
     font-weight: 400;
     line-height: 1;
     font-size: 14px;
 }
 
 .price h4 span,
 .pricing_list li {
     font-size: 14px;
     text-transform: capitalize;
 }
 
 .price h4 span {
     color: #5e6980;
     font-weight: 400;
     line-height: 1.3;
     font-family: "Prompt", sans-serif;
 }
 
 .pricing_list li {
     margin-bottom: 20px;
     position: relative;
     display: flex;
     gap: 10px;
     align-items: center;
 }
 
 .pricing_list li svg path {
     stroke: #19378e;
 }
 
 .package_btn.custom_btn {
     display: table;
     padding: 20px 60px;
     text-align: center;
     margin: 70px auto 0;
     color: #fff !important;
     border-radius: 3rem 0.5rem;
     box-shadow: 0 5px 15px 0 #62953280;
 }