/* 01 : Website Global CSS BOF ========================================================== */ :root{scroll-behavior:unset;} body,html {height: 100%; } body { background:#fff;font-family: 'Mulish', sans-serif; font-weight:normal; font-size:16px; line-height:normal; color:#000; text-transform: none;} *, html { margin:0; padding:0; } a { color:#4D4D4D; display: inline-block;} /* Common color hyperlink */ a:hover, a:focus, a:active { color:#0171BB; text-decoration:none; } /* Common hover color hyperlink */ a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; } a img, img { border:none; outline:none !important; outline-offset:0 !important; } ul { list-style:none; margin:0; padding:0; } i { font-family:'FontAwesome'; } img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; } /* Transition Effect CSS BOF */ a, i, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; } /* Browser Selection CSS BOF */ ::selection { background:#0171BB; color:#fff; } ::-moz-selection { background:#0171BB; color:#fff; } ::-webkit-selection { background:#0171BB; color:#fff; } ::-o-selection { background:#0171BB; color:#fff; } ::-ms-selection { background:#0171BB; color:#fff; } p a{color:#0171BB;} p a:hover{text-decoration:underline;} /* 02 : Global Classes CSS BOF ==================================================== */ ::-webkit-scrollbar{width: 6px; height: 4px; background: #ffffff; } ::-webkit-scrollbar-thumb{ background-color: #0171BB; -webkit-border-radius:30px; } /* Only FireFox */ html {scrollbar-color: #0171BB #fff; scrollbar-width: thin; scrollbar-border-radius:30px;} /* Background & Color Style CSS BOF =================================================== */ .none{display: none !important;} /* Font Color Style CSS BOF */ .white_text { color:#fff !important; } .black_text { color:#000 !important; } .grey_text{color: #5F6368 !important;} .theme-color-text{color: #0171BB !important;} /* Background Color Style CSS BOF */ .black-bg{background: #000 !important;} .theme-bg{background-color: #0171BB !important;} .light-blue-bg{background:#F2F4FB !important;} .white-bg-color{background-color: #fff !important;} .gray-bg-color{background-color: #F4F4F4 !important;} /*upload image background*/ .upload-background{background: #EDEDED} .border-box{border:1px solid #eee; } /* 03 : Heading Style CSS BOF =================================================== */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Mulish', sans-serif; line-height:1.2; font-weight: bold; font-style:normal; color: #000;} h1 { font-size:80px;} h2 { font-size:60px;} h3 { font-size:34px;} h4 { font-size:24px;} h5 { font-size:20px;} h6 { font-size:18px;} .h1 { font-size:80px;} .h2 { font-size:60px;} .h3 { font-size:34px;} .h4 { font-size:24px;} .h5 { font-size:20px;} .h6 { font-size:18px;} /* Font Weight Variation CSS BOF */ .font-we-rg { font-weight:normal !important;} .font-we-bl { font-weight:bold !important;} .font-we-blk {font-weight:900 !important;} .font-we-ebl { font-weight:800 !important;} .font-we-md {font-weight:500 !important;} .font-we-sb {font-weight:600 !important;} /* 04 : Paragraph Style CSS BOF =================================================== */ p { line-height:28px;font-family: 'Mulish', sans-serif; color: #000; font-size: 18px; font-weight: normal; font-style:normal; margin-bottom: 16px; font-weight: normal;} /* 05 : Image Style CSS BOF =================================================== */ img { margin-bottom:0; } /*margin-bottom:5px*/ /*** Buttton Varilation CSS BOF ***/ .btn{background-color: #0171BB;padding: 18px 30px 19px 30px;font-size:18px;font-weight: 600;font-family:'Mulish',sans-serif;transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;border-radius:40px;border: 1px solid #0171BB;text-transform: unset;box-shadow:none;min-width: 176px;color:#fff;line-height:1;} .btn.black_btn{background-color: #000;border-color:#000;color:#ffffff;} /* Hover State CSS BOF */ .btn:hover, .btn:focus, .btn:active{ background-color: #292929; color:#fff;border-color: #292929; box-shadow: none; outline: none; } /* .btn-with-arrow:hover:after, .btn-with-arrow:focus:after, .btn-with-arrow:active:after{transform: rotate(45deg);background-size: 25px;}*/ .btn{position:relative;overflow:hidden;z-index:1;} [type=button], [type=reset], [type=submit], button {-webkit-appearance: unset;} /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; } /* 11 : Form & Input Style BOF ==================================================== */ .form-control{background:transparent;border:1px solid #ccc;border-radius:10px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;font-size:18px;color:#5F6368;-webkit-appearance:none;font-family:'Mulish',sans-serif;font-weight:normal;padding:15px 15px 15px 15px;height:55px;} textarea.form-control{resize:none;overflow:auto;padding:15px 15px 15px 0px;height:100px;} .form-group{margin-bottom:30px;} /*** Placeholder CSS BOF ***/ .form-control::placeholder{color:#5F6368;font-weight:normal;font-size:16px;} .form-control::-moz-placeholder{color:#5F6368;font-weight:normal;font-size:16px;} .form-control:-ms-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;} .form-control::-webkit-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;} .form-control::-o-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;} .booking_id_search .input-search{border-radius:35px;line-height:1;font-size:16px;color:#000;border-color:#000000;padding:10px 15px 10px 50px;background-image:url('../images/input-search-icon.svg');background-repeat:no-repeat; background-position:left 18px center; background-size:18px; } .booking_id_search .input-search::placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;} .booking_id_search .input-search::-moz-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;} .booking_id_search .input-search:-ms-input-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;} .booking_id_search .input-search::-webkit-input-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;} .booking_id_search .input-search::-o-input-placeholder{color:#000000;font-weight:normal;font-size:16px; line-height: 1;} /* Focus State CSS BOF */ .form-control:focus,.form-select:focus {border-color: #0171BB; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #EFF7FE; } .page-wrapper { margin:0px auto; /*overflow-x: hidden;*/} .text-underline{ text-decoration: underline; } .text-capitalize{ text-transform: capitalize !important; } .text-uppercase{ text-transform: uppercase !important; } .display-none{display: none !important; } .no-scroll{overflow: hidden;} .no-padding{padding: 0 !important; } .float-start-wp{float: left !important; } /*.page-wrapper { background: #FCFCFC; }*/ .container{max-width:1662px; width: 88%;} .banner-sec {background: #000; padding-top: 100px; width: 100%;} .banner-wrap {padding: 80px 0px 50px;} .banner-count-main{display:flex;flex-wrap:wrap;justify-content:space-between; max-width: 960px; margin-top: 60px;} button.slick-arrow {font-size: 0;position: absolute;z-index:9;background: transparent;cursor: pointer;border: 0;top: -120px;transform: translateY(-50%);width: 38px;height: 38px;background: #000;border-radius:100%;} button.slick-prev.slick-arrow {right: 25px;} button.slick-next.slick-arrow {right: -25px;} button.slick-prev.slick-arrow:after {content: '\f104';font-size: 23px;font-family:fontawesome;color: rgba(255,255,255,1);padding-right: 1px;line-height: normal;} button.slick-next.slick-arrow:after {content: '\f105';font-size: 23px;font-family:fontawesome;color: rgba(255,255,255,1);padding-left: 3px;} .banner-rating-main{display:flex;flex-wrap:wrap;max-width:600px;margin-top:50px;justify-content:space-between;gap:25px;position:relative; margin-bottom: 50px;} .banner-rating-main:after{content:'';position:absolute;right:25%;width:1px;height:28px;display:inline-block;background:#000000;top:0px;bottom:0px;margin:auto 0px;} .banner-rating-main:before{content:'';position:absolute;left:25%;width:1px;height:28px;display:inline-block;background:#000000;top:0px;bottom:0px;margin:auto 0px;} .banner-v-img{position:relative;} .banner-v-img .play-link{position:absolute;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;width:126px;height:126px;z-index:2;} .b_rating_text{margin-bottom:10px;} .b_rating_text span.text{font-weight:600;} h1.banner-heading{margin-bottom:20px;} .banner-sec .banner-text-wrap{display:flex;flex-direction:column;justify-content:space-between;height:100%; max-width: 785px; padding-right: 40px;} .trusted-companies .trusted-companies-main{background:#fff;padding:15px 20px;border-radius:25px;position:relative;z-index:1; overflow: hidden;} .trusted-companies{padding:10px 15px; margin: 92px 0px 15px;} .play-link:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:100%;height:100%;background:#0171BB;border-radius:50%;animation:pulse-border 1500ms ease-out infinite;z-index:-1;} .play-link:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:100%;height:100%;background:#0171BB;border-radius:50%;transition:all 200ms;animation:pulse-border 2000ms ease-out infinite;z-index:-1;} @keyframes pulse-border{ 0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;} 100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);opacity:0;} } .top-notch-service-info .person-img{width:80px;height:80px;overflow:hidden;border-radius:100%;} .top-notch-service-info .person-img img{width:100%;height:100%;object-fit:cover;} .top-notch-service-info .top-notch-service-text{width:calc(100% - 80px);padding-left:30px;} .clients-logo-inner .slick-track {display: flex; align-items: center; } .trusted-companies-main .client-logo img{max-height:150px;max-width:185px;transition: all 400ms ease;} .trusted-companies-main .client-logo img:hover{transform: scale(1.0);} .trusted-companies-main .client-logo{padding:20px 20px;position:relative;} .clients-logo-main .clients-logo-inner {display: flex; } .banner-sec-video .banner-v-img {display: inline-block;} .scroll-top{display:inline-block;height:50px;width:50px;position:fixed;right:15px;bottom:95px;background-color:#272727;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15);border-radius:50%;overflow:hidden;text-indent:100%;white-space:nowrap;z-index:10;visibility:hidden;opacity:0;transform:scale(0);-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;} .scroll-top svg{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:16px;width:16px;fill:rgba(255,255,255,0.8);} .scroll-top.show{transform:scale(1);visibility:visible;opacity:0.8;} @media (max-width: 1499px) { .scroll-top{height:38px;width:38px;right:10px;} .scroll-top svg{height:14px;width:14px;} } .about-sec { padding: 90px 0px; } .about-img-wrap .work-experience-box { display: inline-block; padding: 45px 80px 45px 45px; border-radius: 20px; position: absolute; right: 0px; bottom: 0px; } .about-img-wrap { max-width: 668px; position: relative; padding-bottom: 183px; padding-right:60px; } .work-experience-icon { width: 107px; height: 107px; margin-bottom: 30px; } .work-experience-icon img { width: 100%; height: 100%; object-fit: contain; } .about-sec-info{padding-left:125px;} .about-sec-info .section-title .small-title{margin-bottom:26px;display:inline-block;width:100%;} .about-sec-info .section-title h2{margin-bottom:34px;} .about-sec-info p{margin-bottom:36px;} .about-sec-info .cta-wrap{padding-top:30px;} .about-bottom-row{display:flex;justify-content:center;gap:180px;} .about-bottom-row .about-bottom-col{display:flex;flex-direction:column;} .about-bottom{padding-top:160px;} .service-sec{padding:90px 0px;} .service-slider .service-box-wrap{margin:0px 7px;width:calc(25% - 14px);} .service-slider{display:flex;margin-right:-7px;margin-left:-7px;} .service-slider-wrap{overflow:hidden;margin:120px 0px 90px;} .service-slider .service-box{background:#F4F4F4;padding:50px 40px 30px;border-radius:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between;} .service-box-btn{margin-top:80px;} .service-box .service-box-info h3{margin-bottom:24px;} .service-box .service-box-info p{color:#8A8A8A;} .service-box-btn .service-box-link{color:#0171BB;font-size:18px;font-weight:700;line-height:26px;display:flex;gap:10px;transition:all 400ms ease;} .service-box-btn .service-box-link:after{content:'';background-image:url('../images/arrow-circle-right.svg');background-repeat:no-repeat;background-size:26px;width:26px;height:26px;display:inline-block;} .service-box-btn .service-box-link:hover{color:#676767;gap:16px;} .service-box-btn .service-box-link:hover:after{filter:invert(0%) sepia(2%) saturate(0%) hue-rotate(239deg) brightness(100%) contrast(100%);} .service-slider .slick-list.draggable .slick-track{display:flex;} .service-slider .slick-list.draggable{display:flex;} .banner-sec .banner-text-wrap .banner-text{margin-bottom:45px;} /*===================================================== Booking Page CSS Start ======================================================*/ /* Font Size */ .fs14{font-size:14px;} .black_textv1 {color:#080808;} .grey_text{color:#8A8A8A !important;} .theme_text{color:#0171BB;} /* Background Color Style CSS BOF */ .bg-theme-color{background-color:#0171BB;} .bg-theme-color-v1{background-color:#D1EDFF;} .bg-gray{background-color:#f4f4f4;} .custom-navbar .booking-header{justify-content:inherit;} .booking-header .booking-title{width:calc(100% - 232px);font-size:44px;padding-right:10%;} .booking-process-right{width:26%;} .booking-process-left{width:calc(100% - 26%);padding-left:80px;} .booking-process-right .booking-summary{position:sticky;top:20px;margin-top:60px;background:#000000;color:#fff;border-radius:20px;} .booking-process-right .bsummary-title{font-size:30px;} .booking-process-right .bsummary-bb{border-bottom:1px solid #3C3C3C;} .btn-primary-custom{font-size:18px;} .btn-primary-custom:hover{background-color:#145F93;} .selectnoarrow .form-select{background-image:none;} .selectarrow .form-select{background-image:none;} .selectarrow::before{content:"";border-left:8px solid transparent;border-right:8px solid transparent;border-top:16px solid #000;} .selectarrow::before{content:"";border-left:7px solid transparent;border-right:7px solid transparent;border-top:13px solid #000;position:absolute;right:20px;top:50%;transform:translateY(-50%);} .booking-process-left .enter-mannually{padding-right:160px !important;} .booking-process-left .enter-mannually-wp .booking-mannually{position:absolute;right:20px;top: 23px;cursor:pointer;font-weight: 600;color: #0171BB;} .booking-process-left .booking-process-input-inner{gap:15px;} .booking-process-left .bprocess-input{font-size:20px;padding-top:26px;padding-bottom:10px;height:65px;border-radius:10px;padding-left: 20px; padding-right: 20px;border: none;background-color: #fff;width: 100%;} .booking-process-left .label-small{font-size:14px;transform:scale(.85) translateY(-.5rem) translateX(.15rem);padding-left:20px;} .booking-process-left .bprocess-input::placeholder{font-size:20px;color:#000;} .booking-process-left .booking-process-input .booking-process-ifield{width:calc(50% - 8px);} .booking-process-right .secure-payment{font-size:14px;} .booking-datepicker{max-width: 534px;} .booking-process-left .booking-process-input{padding-bottom:80px;} .booking-summary .text-white{color:#fff;} .booking-box{background:#F4F4F4;padding:20px;border-radius:20px;} .booking-box-wrap{margin-bottom:30px;} .booking-process-main .form-group{margin-bottom:15px;} .bprocess-input:focus,.bprocess-input:focus {border-color: #fff; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #fff; } .datepicker td,th{ text-align: center; padding: 8px 12px; font-size: 14px; } .ui-state-disabled {text-align: center; opacity: 0.5; padding: 0px; } .ui-state-disabled .ui-state-default {background-color: #e8e4e4 !important; opacity: 0.8; display: block; margin: 5px; padding: 10px; font-size: 16px; border-radius: 6px; text-align: center; color: #333; background-color: transparent; transition: background-color 0.3s ease; } @media (max-width:576.98px){ .ui-state-disabled .ui-state-default {padding: 8px; margin: 3px; font-size: 14px; } } @media (max-width:370px){ .ui-state-disabled .ui-state-default {padding: 7px; margin: 1px; font-size: 14px; } } .get-otp-main{position:relative;} .get-otp-main .get-otp-link{position:absolute;right:17px;top:21px;color:#0171bb;font-size:16px;font-weight:600;text-decoration:underline;} .get-otp-main .bprocess-input{padding-right:90px!important;} .otp-input{display:flex;margin-bottom:5px;gap:8px;} .otp-input input{width:45px;height:50px;margin:0px;text-align:center;font-size:1.5rem;border:none;border-radius:10px;background-color:#fff;color:#000;transition:all 0.3s ease;} .otp-input input:focus{border-color: #237dc0;box-shadow: 0 0 0 2px rgb(94 154 205);outline:none;} .otp-input input::-webkit-outer-spin-button,.otp-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .otp-input input[type=number]{-moz-appearance:textfield;} button.verify-link{background:no-repeat;color:#000;border:none;padding:0px;font-size:1rem;border-radius:8px;cursor:pointer;color:#0171bb;font-size:16px;font-weight:600;margin:5px 0px;transition:all 0.3s ease;font-weight:500;letter-spacing:0.5px;} button.verify-link:hover{text-decoration:underline;} button.verify-link:disabled{color:#666666;cursor:not-allowed;transform:none;box-shadow:none;opacity: 0.5;} #timer{font-size:1rem;color:#0171bb;font-weight:500;margin-left:10px;} @keyframes pulse{ 0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;} } .expired{animation:pulse 2s infinite;color:#ff4444;} .resend-text{margin-top:2px;font-size:0.9rem;color:#b0b0b0;} .resend-link{color:#0171bb;text-decoration:none;cursor:pointer;transition:color 0.3s ease;} .resend-link:hover{color:#000000;text-decoration:underline;} .booking-process-right .bsummary-inner .bsummary-detail:nth-child(odd){padding-top:10px!important;padding-bottom: 10px !important;} .booking-process-right .bsummary-inner .bsummary-detail:nth-child(even){padding-top:10px!important;padding-bottom:10px!important;} .booking-process-right .bsummary-fees-price {padding-top: 15px !important; padding-bottom: 15px !important; } /*================================================================== Media Query Start ===================================================================*/ @media(max-width:1699px) { .booking-process-right .bsummary-title{font-size:26px;} .booking-process-right .bsummary-detail{font-size:16px!important;} .booking-process-right .pay-btn{font-size:16px;} .booking-process-right .bsummary-fees{font-size:16px!important;} .booking-process-right .bsummary-price{font-size:20px!important;} .booking-process-right .secure-payment{font-size:13px;} .booking-process-left .booking-process-title{font-size:20px!important;} .booking-process-left .bprocess-input{font-size:18px;} .booking-process-left .booking-mannually{font-size:14px!important;} .booking-process-left .bprocess-input::placeholder{font-size:18px;} .booking-process-left{padding-left:50px;} .booking-process-right .booking-summary{margin-top:55px;} .booking-header .booking-title{font-size:40px;} } @media(max-width:1599px) { .booking-process-left{width:calc(100% - 30%);} .booking-process-right{width:30%;} } @media(max-width:1499px) { .booking-header .booking-title{font-size:36px;padding-right:24%;} } @media(max-width:1399px) { .booking-header .booking-title{font-size:36px;padding-right:16%;} .booking-process-right .bsummary-inner .bsummary-detail:nth-child(odd){padding-top:5px!important;padding-bottom:5px!important;} .booking-process-right .bsummary-inner .bsummary-detail:nth-child(even){padding-top:5px!important;padding-bottom:5px!important;} } @media(max-width:1299px) { .booking-process-right .bsummary-title{font-size:22px;} .booking-process-right .bsummary-price{font-size:18px!important;} .booking-process-right .bsummary-fees{font-size:15px!important;} .booking-process-right .pay-btn{font-size:16px;padding:12px!important;} .booking-process-left .bprocess-input{font-size:16px;} .booking-process-left .bprocess-input::placeholder{font-size:16px;} } @media(max-width:1199px) { .booking-process-right{width:38%;} .booking-process-left{padding-left:12px;width:calc(100% - 38%);} .booking-process-left .booking-process-input .booking-process-ifield{width:100%;} .booking-header .booking-title{font-size:32px;padding-right:28%;} } @media(max-width:991px) { .booking-process-left{width:100%;} .booking-process-right{width:100%;} .booking-process-right .booking-summary{margin-top:20px;margin-bottom:30px;} .booking-process-left .enter-mannually{padding-right:130px !important;} .booking-header .booking-title{font-size:28px;padding-right:0;} .booking-process-left .booking-process-input{padding-bottom:30px;} } @media(max-width:767px) { .booking-header .booking-title{font-size:28px;padding-right:0;width:100%;margin-top: 10px;} } @media(max-width:575px) { .booking-process-right .bsummary-detail{font-size:14px!important;} .booking-process-right .bsummary-title{font-size:20px;} .booking-process-right .bsummary-fees{font-size:14px!important;} .booking-process-right .bsummary-price{font-size:16px!important;} .booking-process-main .container{padding-left:15px;padding-right:15px;} .booking-box{padding:15px;border-radius:15px;} .booking-process-left .bprocess-input{padding-left:15px;padding-right:15px;} .booking-process-left .label-small{padding-left:15px;} .booking-process-left select.bprocess-input{padding-right:40px;} .booking-process-left .enter-mannually-wp .booking-mannually{right:10px;font-size:13px!important;} .booking-process-left .bprocess-input{font-size:14px;} .booking-process-left .booking-process-title{font-size:18px!important;line-height:1.3;margin-bottom:15px!important;!i;!;} } /*================================================================== Media Query end ===================================================================*/ /* Checkbox Term & Condition start */ .booking-process-right .booking-term-con .input-group-text{padding:0;border:0;border-radius:16px!important;} .booking-process-right .booking-term-con .input-group{padding-left:30px;} .booking-process-right .booking-term-con .input-group-text{position:absolute;left:0;top:5px;} /* Checkbox Term & Condition end */ .booking-process-left .form-floating>label.error {position: unset; top: unset; left: unset; height: auto; padding: 0px; pointer-events: none; border: none; transform-origin: unset; transition: none; margin-top: 5px; font-size: 14px; color: #FF3333;padding-left:6px;} .header-height{height: 140px;} .breadcrumb-main{padding:60px 0px 30px;} ul.breadcrumb-ul{display:flex;flex-wrap:wrap;gap:8px;} ul.breadcrumb-ul li{display:flex;gap:8px;} ul.breadcrumb-ul .breadcrumb-text{display:inline-block;color:#080808;font-size:16px;font-weight:700;} ul.breadcrumb-ul a.breadcrumb-text:hover{color:#0171bb;} .search-container{position:relative;max-width: 514px;} .search-box{background-color:transparent;outline:none;height:35px;font-size:15px;border:0;width:100%;} .search-button{padding: 10px 0px;position:absolute;right: 16px;top: 6px;background-color: transparent;border-radius: unset;border:0;color: #0171BB;outline:0;font-weight: 600;transition: all 400ms ease;} .search-container.booking_id_search .input-search{padding-right:80px;background-color:#F4F4F4;border-color:#F4F4F4;} .search-button:hover{color:#000;} .b-search-info-title{margin-bottom:20px;} .b-search-info-title h4{font-size:16px;font-weight:bold;line-height:1.3;} .booking-info-col{border:1px solid #E3E3E3;border-radius:10px;overflow:hidden;} .booking-info-top{padding:24px;background:#0171BB;display:flex;justify-content:space-between;align-items:center;gap:20px;} .booking-info-left h4{font-size:30px;color:#fff;line-height:38px;margin-bottom:10px;} .booking-info-left p{margin-bottom:0px;font-size:16px;font-weight:500;color:#fff;font-weight:600;} .booking-info-top .booking-info-right{font-size:30px;color:#fff;line-height:38px;margin-bottom:10px;margin-bottom:0px;font-weight:600;flex:0 0 auto;} .booking-info-b-row{display:flex;flex-wrap:wrap;padding:15px 0px 26px;} .booking-info-b-row .booking-date{width:100px;text-align:center;} .booking-info-b-row .booking-date span.date{display:inline-block;width:100%;font-size:34px;color:#0171bb;font-weight:bold;line-height:1.2;} .booking-info-b-row .booking-date span.month{display:inline-block;width:100%;font-size:16px;color:#0171bb;font-weight:bold;} .booking-info-b-row .bi-bottom-right{width:calc(100% - 100px);display:flex;padding-top:6px;padding-left:15px;} .booking-info-b-row .bi-bottom-right .booking-time-address{max-width:50%;} .booking-info-b-row .bi-bottom-right .booking-service{max-width:27%;} .booking-info-b-row .bi-bottom-right .booking-service-type{max-width:23%;} .booking-time-address ul{display:flex;flex-direction:column;gap:10px;} .booking-time-address ul li.time-address-main{display:flex;} .booking-time-address ul li.time-address-main .time-address-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;} .booking-time-address ul li.time-address-main .time-address-icon svg{text-align:center;overflow:visible;} .booking-time-address ul li.time-address-main span.time-address{width:calc(100% - 24px);display:inline-block;padding-left:20px;color:#000000;font-weight:600;font-size:16px;word-break:break-word;} .bs-font-14{font-size:14px;color:#8A8A8A;} .booking-service .bs-font-14,.booking-service-type .bs-font-14{margin-bottom:10px;} .bs-font-16{font-size:16px;color:#000000;font-weight:500;word-break:break-word;} .booking-service,.booking-service-type{padding:6px 0;} .bi-bottom-right .booking-time-address,.bi-bottom-right .booking-service,.bi-bottom-right .booking-service-type{padding-right:45px;padding-left:45px;border-left:1px solid #E3E3E3;} .booking-info-top .booking-info-left{max-width:80%;} .booking-info-row .booking-info-col{margin-bottom:30px;} @media (max-width:1499px){ .booking-info-left h4{font-size:26px;line-height:32px;margin-bottom:6px;} .booking-info-top .booking-info-right{font-size:26px;line-height:32px;} .bi-bottom-right .booking-time-address,.bi-bottom-right .booking-service,.bi-bottom-right .booking-service-type{padding-right:30px;padding-left:30px;} .booking-info-b-row .bi-bottom-right{padding-left:5px;} .booking-time-address ul li.time-address-main span.time-address{padding-left:10px;} } @media (max-width:1299px){ .booking-info-b-row .bi-bottom-right .booking-time-address{max-width:45%;} .booking-info-b-row .bi-bottom-right .booking-service{max-width:30%;} .booking-info-b-row .bi-bottom-right .booking-service-type{max-width:25%;} .booking-info-top .booking-info-right{font-size:22px;line-height:30px;} .booking-info-left h4{font-size:24px;line-height:32px;} .booking-info-left p{font-size:15px;} } @media (max-width:991px){ .booking-info-b-row .bi-bottom-right{flex-wrap:wrap;flex-direction:column;gap:25px;} .booking-info-b-row .bi-bottom-right .booking-time-address{max-width:100%;} .booking-info-b-row .bi-bottom-right .booking-service{max-width:100%;} .booking-info-b-row .bi-bottom-right .booking-service-type{max-width:100%;} } @media (max-width:576px){ .booking-info-b-row .booking-date span.date{font-size:30px;} .booking-info-b-row .booking-date span.month{font-size:14px;} .booking-info-b-row .booking-date{width:70px;padding-right:5px;padding-top:10px;} .booking-info-b-row .bi-bottom-right{width:calc(100% - 70px);padding-left:2px;} .bi-bottom-right .booking-time-address,.bi-bottom-right .booking-service,.bi-bottom-right .booking-service-type{padding-right:10px;padding-left:10px;} .booking-info-b-row .bi-bottom-right .booking-time-address{padding-top:4px;} .booking-time-address ul li.time-address-main span.time-address{font-size:15px;line-height:25px;} .booking-info-b-row .bi-bottom-right{gap:20px;} .booking-time-address ul li.time-address-main .time-address-icon svg{width:18px;height:20px;} .booking-time-address ul li.time-address-main .time-address-icon{} .booking-info-top .booking-info-right{font-size:18px;line-height:30px;} .booking-info-left h4{font-size:18px;line-height:28px;} .booking-info-left p{font-size:14px;} .booking-info-top{gap:15px;padding:15px;} .booking-info-b-row{padding:15px 0px 15px;} } .aus-code-main{position:relative;} .aus-code-main span.aus-code{display:inline-block;position:absolute;left:20px;top:28px;font-size:20px;} .aus-code-main .bprocess-input{padding-left:65px;} @media (max-width:1699px){ .aus-code-main span.aus-code{left:20px;top:29px;font-size:18px;} .aus-code-main .bprocess-input{padding-left:60px;} } @media (max-width:1299px){ .aus-code-main span.aus-code{left:20px;top:29px;font-size:16px;} .aus-code-main .bprocess-input{padding-left:60px;} } @media (max-width:575px){ .aus-code-main span.aus-code{left:20px;top:31px;font-size:14px;} .aus-code-main .bprocess-input{padding-left:53px;} } .ui-datepicker .ui-datepicker-calendar .booked-date a { background-color: #D1EDFF !important; border-radius: 5px; } .verify-link { color: #0171bb; text-decoration: none; cursor: pointer; transition: color 0.3s ease; } .booking_date{visibility: hidden;} #booking_date-error{ top: unset; left: unset; height: auto; padding: 0px; pointer-events: none; border: none; transform-origin: unset; transition: none; margin-top: 5px; color: #FF3333; padding-left: 6px; position: relative; bottom: 40px; } .pay-btn {position: relative; padding-right: 40px !important; padding-left: 40px !important; } .pay-btn .spinner-border {position: absolute; right: 8px; top: 0px; bottom: 0px; margin: auto; width: 24px; height: 24px; } .booking-process-left .dnd-file-upload-widget .drop_zone.dragover{background-color:#cfcfcf;} .drop_zone.dragover{background-image:linear-gradient(90deg,#5a5a5a 50%,transparent 50%),linear-gradient(90deg,#5a5a5a 50%,transparent 50%),linear-gradient(0deg,#5a5a5a 50%,transparent 50%),linear-gradient(0deg,#5a5a5a 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 2px,15px 2px,2px 15px,2px 15px;background-position:left top,right bottom,left bottom,right top;animation:border-dance 0.5s infinite linear;} @keyframes border-dance{ 0%{background-position:left top,right bottom,left bottom,right top;} 100%{background-position:left 15px top,right 15px bottom,left bottom 15px,right top 15px;} } .ui-datepicker .ui-datepicker-calendar .booked-date .ui-state-default{position:relative;background-color:#a5a5a5!important;} .ui-datepicker .ui-datepicker-calendar .booked-date .ui-state-default:after{content:'';position:absolute;right:0px;left:0px;border:1px dashed;transform:rotate(33deg);top:48%;} .ui-datepicker .ui-datepicker-calendar .booked-date .ui-state-default:before{content:'';position:absolute;right:0px;left:0px;border:1px dashed;transform:rotate(-33deg);top:48%;} .booking-term-con label a{color:#ffffff;} .booking-term-con label a:hover{color:#0171bb;text-decoration:underline;} .booking-term-con input.form-check-input{width:20px!important;height:20px!important;cursor:pointer;} .booking-term-con label{line-height:30px;} .booking-process-right .bsummary-inner .bsummary-detail.smalltext p{font-size:14px!important;line-height:1.3!important;} .booking-process-right .bsummary-fees-price p{font-weight:700;font-size:20px!important;} @media (max-width:1599px){ .booking-process-right .bsummary-inner .bsummary-detail p{font-size:16px;line-height:1.3!important;} .booking-process-right .bsummary-fees-price p{font-weight:700;font-size:18px!important;} .booking-process-right .bsummary-inner .bsummary-detail.smalltext p{font-size:12px!important;line-height:1.3!important;} } @media (max-width:1399px){ .booking-process-right .bsummary-inner .bsummary-detail p{font-size:14px;line-height:1.5!important;} } .error{color: #FF3333;font-size: 14px} .checkfiletype {font-size: 14px; font-weight: 400; } /**/ .show_hide {display:none; } .thank-you-sec{background:#fff;} .thank-you-sec .thank-you-wp{min-height: 100vh;padding:100px 0px 150px;position:relative; display: flex; align-items: center; justify-content:center;} .thank-you-sec .thank-you-wp .social-media-ty{position:absolute;left:0px;right:0px;bottom:40px;} .social-media-ty{text-align:center;} .social-media-ty p{font-size:16px;color:#000;margin-bottom:5px;line-height:25px;font-weight: 500;} .social-media-ty ul.social-link{display:flex;align-items:center;justify-content:center;} .social-media-ty ul.social-link li{display:inline-block;margin:15px;} .thank-you-contant{text-align:center;} .thank-you-text h2.orange_text{font-size:48px;line-height:58px;color:#0171BB !important;margin:30px 0px 10px;} .thank-you-icon img{max-width:75px;} .thank-you-text p{font-size:24px;margin-bottom:0px;color:#000;} .thank-you-text p {font-size: 18px; margin-bottom: 0px; color: #000; line-height: 26px; font-weight: 400; } .thank-you-icon svg{width:100px;height:100px;} @media (max-width: 767.98px) { .thank-you-icon img{max-width:55px;} .thank-you-text h2.orange_text{font-size:38px;line-height:50px;margin:25px 0px 5px;} .thank-you-text p{font-size:16px; margin: 0px auto; max-width: 355px;} .social-media-ty p{font-size:14px;} .thank-you-text p br{display: none;} } /* New CSS Start 25 Feb 2025 */ .po-number-input{display: none;} .b-payment-option-main{border-top:1px solid #3C3C3C;padding-top:15px;border-bottom:1px solid #3C3C3C;} .stripe-submit-main .pay-btn, .po-number-submit-main .pay-btn{width:100%;} /* Custom Radio button Start */ .form-group [type="radio"]{position:absolute;opacity:0;} .form-group [type="radio"] + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;font-size: 16px;} .form-group [type="radio"] + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff;} .form-group [type="radio"]:checked + label:after,.form-group [type="radio"]:not(:checked) + label:after{content:'';width:12px;height:12px;background:#0171bb;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;} .form-group [type="radio"] + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);} .form-group [type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);} /* Custom Radio button End */ .b-payment-option-main .form-group [type="radio"] + label{color:#fff;line-height:20px;font-size:15px;} .booking-process-right .bsummary-inner .bsummary-detail:nth-child(odd){padding-top:6px!important;padding-bottom:6px!important;} .booking-process-right .bsummary-inner .bsummary-detail:nth-child(even){padding-top:6px!important;padding-bottom:6px!important;} .submin-massege-wp{display: none;} .submin-massege-main{flex-direction: column;justify-content: center;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.9);padding:28px;z-index:3;text-align:center;display:flex;align-items:center;border-radius:20px;color:#fff;} .submin-massege-main p {color:#ffffff;font-size:19px;font-weight:600;margin:40px 0px;} .submin-massege-logo svg {max-width: 100px; max-height: 100px; } .po_number{text-transform: uppercase;}