/* 01 : Website Global CSS BOF ========================================================== */ :root{scroll-behavior:unset;} body,html {height: 100%; } body { background:#fff;font-family: 'Spline Sans'; font-weight:normal; font-size:14px; line-height:normal; color:#0C0C0D; text-transform: none;} *, html { margin:0; padding:0; } a { color:#0C0C0D; display: inline-block;} /* Common color hyperlink */ a:hover, a:focus, a:active { color:#F58437; 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:#5265A8; color:#fff; } ::-moz-selection { background:#5265A8; color:#fff; } ::-webkit-selection { background:#5265A8; color:#fff; } ::-o-selection { background:#5265A8; color:#fff; } ::-ms-selection { background:#5265A8; color:#fff; } p a{color:#120487;} p a:hover{text-decoration:underline;} /* 02 : Global Classes CSS BOF ==================================================== */ ::-webkit-scrollbar{width: 6px; height: 4px; background: #ffffff; } ::-webkit-scrollbar-thumb{ background-color: #2C2935; -webkit-border-radius:30px; } /* Only FireFox */ html {scrollbar-color: #2C2935 #fff; scrollbar-width: thin; scrollbar-border-radius:30px;} /* Background & Color Style CSS BOF =================================================== */ .none{display: none !important;} /* Font Color Style CSS BOF */ /* Background Color Style CSS BOF */ /* 03 : Heading Style CSS BOF =================================================== */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Spline Sans'; line-height:1.2; font-weight: bold; font-style:normal; color: #0C0C0D;} h1,.h1 { font-size:80px;} h2,.h2 { font-size:40px;} h3,.h3 { font-size:30px;} h4,.h4 { font-size:28px;} h5,.h5 { font-size:20px;} h6,.h6 { font-size:18px;} /* Font Weight Variation CSS BOF */ /* 04 : Paragraph Style CSS BOF =================================================== */ p { line-height:30px;font-family: 'Spline Sans'; color:#797C7F; font-size: 20px; font-weight: normal; font-style:normal; margin-bottom: 16px;} /* 05 : Image Style CSS BOF =================================================== */ img { margin-bottom:0; } /*margin-bottom:5px*/ /*** Buttton Varilation CSS BOF ***/ .btn{background-color: #F58437;padding: 16px 30px 16px 30px;font-size:18px;font-weight:500;font-family:'Spline Sans';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: 12px;border: 1px solid #F58437;text-transform: unset;box-shadow:none;min-width: 148px;color: #000;line-height:1;} /* Hover State CSS BOF */ .btn:hover, .btn:focus, .btn:active{ background-color:#120487 !important; color:#fff !important;border-color:#120487 !important; 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;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;font-size: 16px;color: #92949F;-webkit-appearance:none;font-family:'Spline Sans';font-weight:normal;padding: 10px 15px 10px 0px;height: 46px;border-radius: 0;border: 0;border-bottom: 1px solid #92949F;} textarea.form-control{resize:none;overflow:auto;padding:10px 15px 10px 15px;height:80px;} .form-group{margin-bottom:20px;} /*** Placeholder CSS BOF ***/ .form-control::placeholder{color:#92949F;font-weight:normal;font-size:15px;} .form-control::-moz-placeholder{color:#92949F;font-weight:normal;font-size:15px;} .form-control:-ms-input-placeholder{color:#92949F;font-weight:normal;font-size:15px;} .form-control::-webkit-input-placeholder{color:#92949F;font-weight:normal;font-size:15px;} .form-control::-o-input-placeholder{color:#92949F;font-weight:normal;font-size:15px;} /* Focus State CSS BOF */ .form-control:focus,.form-select:focus {border-color: #000;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;background-color: rgba(18, 4, 135, 0.05);} .page-wrapper { margin:0px auto;} .display-none{display: none !important; } .no-scroll{overflow: hidden;} .no-padding{padding: 0 !important; } .float-start-wp{float: left !important; } .container{max-width:1640px; width: 88%;} 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;} .saying-aboutus-slider button.slick-arrow:hover{background:#0e036c;} .saying-aboutus-slider button.slick-prev.slick-arrow:hover::after,.saying-aboutus-slider button.slick-next.slick-arrow:hover::after{filter:brightness(0) invert(1);} /*==Banner===*/ .banner-main{padding-top:170px;} .banner-txt-middle-hl{color:#120487;} .banner-txt-middle h1{text-transform:capitalize;} .banner-txt-top{margin-bottom:15px;} .banner-txt-middle{margin-bottom:60px;} .banner-txt-bottomt h4{line-height:1.5;} .banner-txt-bottomb{margin-top:15px;} .specialist-img-main{display:flex;flex-wrap:wrap;align-items:flex-end;position:relative;} .freequote-txt{border-top-left-radius:20px;border-top-right-radius:20px;background-color:#e7e6f3;padding:20px 30px;border-top:5px solid #120487;box-shadow:0px 302px 121px 0px rgba(0,0,0,0.01),0 170px 102px 0 rgba(0,0,0,0.05),0px 76px 76px 0px rgba(0,0,0,0.09),0px 19px 42px 0px rgba(0,0,0,0.10);} .freequote-title h4{color:#120487;} .freequote-stxt{font-size:18px;color:#000;line-height:1.5;margin-bottom:0;margin-top:10px;} .freequote-form{padding:26px 30px 36px 30px;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0px 302px 121px 0px rgba(0,0,0,0.01),0 170px 102px 0 rgba(0,0,0,0.05),0px 76px 76px 0px rgba(0,0,0,0.09),0px 19px 42px 0px rgba(0,0,0,0.10);} .custom-form-select{padding-right:30px;background:url(../images/select-arrow.svg) center right / 18px 10px no-repeat;} .form-btn{display:flex;flex-direction:column;flex-wrap:wrap;padding-top:10px;} .specialist-img-wrap{margin-left:-6%;} /*.specialist-quote-arrow{position:absolute;right:10px;top:80px;}*/ .specialist-quote-arrow{position:absolute;right: -6px;top: 15%;transform: scale(0.9);} .freequote-form-main{margin-bottom:60px;} .specialist-quote-arrow img{width:150px;} /*==Local Supporting Locals===*/ .service-box-wrap{padding:10px 16px;} .service-slider{display:flex;} .service-slider-wrap{overflow:hidden;} .locals_supporting_main .service-top{display:flex;align-items:center;} .locals_supporting_main .service-top .title_ls{flex:0 0 auto;padding-right:40px;} .locals_supporting_main .service-top{padding: 10px 0px} .expert_window_main.text-center {background: #2C2935; padding: 35px 20px; border-radius: 20px; margin:30px 0px 40px; } .expert_window_main.text-center p {margin-bottom: 0px; } /*==Protection===*/ .text-primary{color:#120487!important;} .theme-head .protection-title{margin-bottom:20px;} .protection-move-container{padding-top:80px;padding-bottom:80px;overflow: hidden;} .protection-con-txt{padding-top:80px;} .protection-txt{margin-bottom:45px;} .protection-stitle{margin-bottom:10px;} .where-u{margin-bottom:20px;padding-bottom:15px;padding-right:15px;border-bottom:1px solid rgba(0,0,0,0.20);display:inline-block;} .value-possession{margin-bottom:45px;} .protection-move-img{padding-left:5%; margin-right: -10%;} /*==Brand we work===*/ .brand-we-work{background-color:#2C2935;} .brand-we-work-wp{padding-top:80px;padding-bottom:80px;max-width: 80%;} .brand-work-logo{height:100%;display:flex;align-items:center;justify-content:flex-end;} .theme-head .brand-work-title{margin-bottom:15px;} .brand-work-txt{margin-bottom:24px;} .btn.btn1:hover,.btn.btn1:focus,.btn.btn1:active{background-color:#fff!important;color:#F58437!important;border-color:#fff!important;} /*==Saying aboutus===*/ .saying-aboutus-slider{display:flex;} .saying-aboutus-slider .slick-list{display:flex;} .saying-aboutus-slider .slick-track{display:flex;margin:0px -12px;} .saboutus-box-inner .rating-icon{margin-bottom:10px;} .saying-aboutus-slider .saboutus-box-wrap{padding:0px 12px;} .saboutus-box-inner{background-color:#F5F4FF;border-radius:24px;padding:32px;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;} .saying-aboutus-slider button.slick-prev.slick-arrow::after{content:"";background:url(../images/left-arrow-icon.svg) 0px 0px / 19px 16px no-repeat;font-size:0;width:19px;height:16px;} .saying-aboutus-slider button.slick-next.slick-arrow::after{content:"";background:url(../images/right-arrow-icon.svg) 0px 0px / 19px 16px no-repeat;font-size:0;width:19px;height:16px;} .saying-aboutus-slider button.slick-arrow{display:flex !important;align-items:center;justify-content:center;flex-wrap:wrap;background-color:#F58437;border-radius:16px;width:56px;height:56px;top:-75px;transform:none;} .saying-aboutus-slider button.slick-arrow.slick-prev{right:75px;} .saying-aboutus-slider button.slick-arrow.slick-disabled{background-color:transparent;} .saying-aboutus-slider button.slick-next.slick-arrow{right:0;} .saboutus-txt{font-size:16px;line-height:28px;color:#000;font-weight:500;margin-bottom:20px;} .theme-head .arating-user{border-top:1px solid #E9EFF5;padding-top:20px;} .saying-aboutus{padding-top:80px;padding-bottom:80px;} .theme-head .saying-aboutus-title{margin-bottom:24px;} /*==Proud member===*/ .proud-member-main{padding-top:40px;} .mapb-space{padding-bottom:80px;} .proud-member-wp{display:flex;align-items:center;flex-wrap:wrap;} .theme-head .proud-member-title{margin-bottom:20px;} .proud-member-txt a{font-weight:bold;text-decoration:underline;} .proud-member-txt p{margin-bottom:45px;} /*==Base in===*/ .basein-wrap{border-radius:40px;background-color:#5265A8;padding-left:80px;padding-right:100px;position:absolute;transform:translateY(-50%);} .fraserc-region-map{text-align:right;padding-top:15px;padding-bottom:10px;} .basein-wp{padding-top:58px;padding-bottom:38px;} .theme-head .basein-title{margin-bottom:15px;} .basein-txt p{color:#BCBCBC;margin-bottom:40px;} .fraserc-name{display:flex;flex-wrap:wrap;gap:15px;} .fraserc-name li{background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.50);border-radius:50px;padding:7px 20px;color:#BCBCBC;font-size:16px;} .basein-btn{margin-top:40px;} .basein-txt{max-width:80%;} .basein-wp-content {position:relative;} /*==Who is Fraser Coast Tint===*/ .who_is_fct_sec {padding: 80px 0px;overflow:hidden; } .who_is_fct_info_title{display:flex;justify-content:space-between;margin-bottom:16px;} .arrow_icon{display:flex;width:48px;height:48px;align-items:center;border:1px solid #D7D8D9;justify-content:center;border-radius:100%;cursor:pointer;} .arrow_icon svg{display:inline-block;width:19px;max-width:100%;} .who_is_fct_info_title h3,.who_is_fct_info_title h3 a{margin-bottom:0px;font-size:24px;font-weight:600;line-height:1.5;align-self:center;} .who_is_fct_info_title h3 a:hover{display:inline-block;color:#120487;text-decoration:underline;} .arrow_icon:hover{border-color:#120487;background:#120487;} .arrow_icon:hover svg path{fill:#fff;} .who_is_fct_info_title .arrow_icon{flex:0 0 auto;} .who_is_fct_info_title h3{padding-right:20px;} .who_is_fct_info{padding:30px 0px;} .who_is_fct_info p.sub_title{font-size:18px;margin-bottom:10px;color:#120487;} ul.ul-list-dots{list-style:disc;margin-left:20px;} ul.ul-list-dots li{font-size:16px;color:#797C7F;line-height:1.5;margin:5px 0px;font-weight:400;} .highlight-lable-main{display:flex;flex-wrap:wrap;margin-top:16px;} .highlight-lable-main .highlight-lable{display:inline-block;color:#120487;border:1px solid rgba(18,4,135,0.5);font-size:16px;line-height:28px;background:rgba(18,4,135,0.05);padding:4px 20px;border-radius:50px;margin-right:16px;margin-bottom:16px;text-transform: capitalize;} .who_is_fct_link{display:inline-block;width:100%;height:auto;border-radius:20px;position:relative;overflow:hidden;} .who_is_fct_link img{width:100%;max-width:100%;border-radius:20px;height:auto;object-fit:cover;max-height:300px;} .who_is_fct_link:after{background:rgba(255,255,255,.5) none repeat scroll 0 0;bottom:20px;content:"";left:20px;opacity:1;position:absolute;right:20px;top:20px;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .who_is_fct_link:hover:after{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .our_purpose_main {background: #5265A8;position:relative;z-index:1; } .our_purpose_main:before{content: ''; position: absolute;left: 0px; right: 0px; top: 0px; background: #fff; z-index: -1; height: 30%;} .our_purpose_text{ padding-top:20%; padding-bottom: 30px;} .our_purpose_img {padding-right: 50px; } .title-ci{font-size:24px;color:#120487;font-weight:600;display:flex;margin-bottom:25px;} .title-ci span.icon{flex:0 0 auto;} .contact_info_sec{padding:80px 0px;} .contact_info_wrap .section_title{margin-bottom:74px;} .ci_font_22{font-size:22px;color:#000;font-weight:400;line-height:1.6;word-break: break-word;} .title-ci_20{font-size:20px;font-weight:600;color:#F58437;text-decoration:underline;} .opening-time-info{display:flex;flex-wrap:wrap;} .opening-time-info .opening-time-col{margin-right:80px;margin-bottom:80px;} .opening-time-info .opening-time-col:last-child{margin-right:0px;} .contact_i_main{display:flex;justify-content:space-between;width:100%;} .contact_i_main .contact_i_col{padding-right:40px;padding-bottom:30px;} .title-ci span.text {padding-left: 10px; align-self: center;} .map-main{height:100%;border-radius: 30px;overflow: hidden;} .map-main iframe{height:100%;width:100%;min-height:300px;} .saying-aboutus{overflow:hidden;} .saying-aboutus .slick-list.draggable{margin-right:-8%;} .basein-main{position:relative;} .basein-main:after{content:'';position:absolute;bottom:-10px;left:0px;right:0px;top:50%;background:#2c2935;z-index:-1;} .basein-wrap{position:unset!important;transform:none!important;} .contact_i_main .contact_i_col:last-child {padding-right: 0px; } .breadcrumb-wrapper{padding: 0px;margin-bottom: 60px;} .breadcrumb{list-style:none;display:flex;flex-wrap:wrap;font-size:14px;margin:0;padding:0;} .breadcrumb li{display:flex;align-items:center;color: #000;font-size: 22px;margin: 5px 0px;} .breadcrumb li + li:before{content: "/";margin:0 8px;color: #000;} .breadcrumb a{text-decoration:none;color: #000;transition:color 0.2s;} .breadcrumb a:hover{color:#0a2fbf;} .breadcrumb li.active {color: #120587; } .moreInfoShow { display: none; } @media (max-width: 1499px) { .who_is_fct_info p.sub_title{font-size:15px;line-height:1.5;} .arrow_icon{width:44px;height:44px;} ul.ul-list-dots li{font-size:15px;} .highlight-lable-main .highlight-lable{font-size:14px;} .who_is_fct_info{padding:15px 0px;} .who_is_fct_link img{border-radius:15px;} .our_purpose_main:before{height:28%;} } @media (max-width: 1399px) { ul.ul-list-dots li{font-size:14px;} .highlight-lable-main .highlight-lable{font-size:13px;margin-right:14px;margin-bottom:14px;padding: 4px 15px;} .breadcrumb li {font-size: 18px; } } @media (max-width: 1199px) { .our_purpose_text {padding-top: 130px; } } @media (max-width: 991px) { .our_purpose_main:before{display:none;} .our_purpose_text{padding-top:60px;padding-bottom:60px;} .our_purpose_img{padding-right:0px;text-align:center;max-width:400px;margin:0 auto;} .expert_window_main.text-center{margin-bottom:0px;} .breadcrumb li {font-size: 16px; } } @media (max-width: 767px) { .locals_supporting_main .service-top{flex-direction:column;padding-top:40px;} .locals_supporting_main .service-top .title_ls{padding-right:0px;width:100%;text-align:center;} .locals_supporting_main .service-slider-wrap {width: 100%;} .who_is_fct_info_title h3,.who_is_fct_info_title h3 a{font-size:18px;} .arrow_icon{width:40px;height:40px;} .arrow_icon svg{width:16px;max-width:16px;} .breadcrumb-wrapper{padding: 0px;margin-bottom: 40px;} .who_is_fct_wrap .section_cta {margin-bottom: 30px; } } .contact-banner .freequote-form-main {max-width: 500px; margin-left: auto; } .about-banner{padding-bottom:100px;} .who_is_fct_sec.meet_sec .who_is_fct_link img{max-height:unset;} .meet-section p{color:#120487;} .meet-section{padding-top:25px;border-top:1px solid rgba(18,4,135,0.3);} .page-404-wrap{padding-top:187px;padding-bottom:100px;} .page-404-wp h1{font-size:calc(80px + 2vw);} .page-404-wrap h2{margin-bottom:30px;} /*==Terms and Policy===*/ .privacy-terms-wrap{padding-top:calc(100px + 5vw);padding-bottom:calc(50px + 2vw);} .privacy-terms-wrap h1{font-size:calc(28px + 0.5vw);margin-bottom:calc(35px + 0.5vw);} .privacy-terms-wrap p{margin-bottom:calc(20px + 0.5vw);} .privacy-terms-wrap h2{font-size:calc(20px + 0.5vw);margin-bottom:calc(25px + 0.5vw);} /*==Brand work logo===*/ .brand-work-logo-wrap{display:flex;width:100%;justify-content:flex-end;} .brand-work-logo.new .brand-work-logo-wrap{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;} .brand-work-logo-box:not(:last-child){margin-right:12%;} @media (max-width:1599px){ .brand-work-logo-box:not(:last-child){margin-right:8%;} .brand-work-logo.new .brand-work-logo-box:not(:last-child){margin-right:3%;} } @media (max-width: 1499px) { .who_is_fct_info p.sub_title{font-size:15px;line-height:1.5;} .arrow_icon{width:44px;height:44px;} ul.ul-list-dots li{font-size:15px;} .highlight-lable-main .highlight-lable{font-size:14px;} .who_is_fct_info{padding:15px 0px;} .who_is_fct_link img{border-radius:15px;} .our_purpose_main:before{height:28%;} } @media (max-width: 1399px) { ul.ul-list-dots li{font-size:14px;} .highlight-lable-main .highlight-lable{font-size:13px;margin-right:14px;margin-bottom:14px;padding: 4px 15px;} .breadcrumb li {font-size: 18px; } } @media (max-width: 1199px) { .our_purpose_text {padding-top: 130px; } } @media (max-width: 991px) { .our_purpose_main:before{display:none;} .our_purpose_text{padding-top:60px;padding-bottom:60px;} .our_purpose_img{padding-right:0px;text-align:center;max-width:400px;margin:0 auto;} .expert_window_main.text-center{margin-bottom:0px;} .breadcrumb li {font-size: 16px; } } @media (max-width: 767px) { .locals_supporting_main .service-top{flex-direction:column;padding-top:40px;} .locals_supporting_main .service-top .title_ls{padding-right:0px;width:100%;text-align:center;} .locals_supporting_main .service-slider-wrap {width: 100%;} .who_is_fct_info_title h3,.who_is_fct_info_title h3 a{font-size:18px;} .arrow_icon{width:40px;height:40px;} .arrow_icon svg{width:16px;max-width:16px;} .breadcrumb-wrapper{padding: 0px;margin-bottom: 40px;} .who_is_fct_wrap .section_cta {margin-bottom: 30px; } } .contact-banner .freequote-form-main {max-width: 500px; margin-left: auto; } .about-banner{padding-bottom:100px;} .who_is_fct_sec.meet_sec .who_is_fct_link img{max-height:unset;} .meet-section p{color:#120487;} .meet-section{padding-top:25px;border-top:1px solid rgba(18,4,135,0.3);} .form-btn { position: relative; } .form-btn span.wpcf7-spinner { position: absolute; right: 0px; top: 10px; bottom: 0px; margin-top: auto; margin-bottom: auto; z-index: 1; background: #f58438; margin-right: 10px; } @media (min-width:1199px){ #banner-sec{overflow:hidden;} #banner-sec .specialist-img-wrap img{margin-bottom:-170px;transform:translateY(10px);transition:all 400ms ease;} #banner-sec.active .specialist-img-wrap img{margin-bottom:0px;} #banner-sec .specialist-img-main{align-items:flex-start;} #banner-sec .specialist-quote-arrow{top:110px;} #banner-sec .freequote-form-main{margin-bottom:30px;} } @media (min-width:1199px) and (max-width:1919px){ .banner-txt-top .h3{font-size:calc(0.9vw + 0.7vmin);} .banner-txt-bottom h4{font-size:calc(1.5vw);} .form-group{margin-bottom:15px;} .freequote-form{padding:20px 25px 30px;} .freequote-txt{padding:20px 25px;} .form-control{padding:5px 15px 5px 0px;height:40px;} .freequote-stxt{font-size:16px;line-height:1.4;} .contact-banner .freequote-form-main { max-width: 430px; } } @media (max-width:1799px){ .freequote-stxt{font-size:14px!important;line-height:1.4;} } @media (min-width:1199px) and (max-width:1699px){ .form-group{margin-bottom:10px;} .freequote-txt{padding:20px 20px;} .freequote-form{padding:15px 20px 25px;} .btn{font-size:16px!important;} .form-control::placeholder{font-size:14px;} .form-control::-moz-placeholder{font-size:14px;} .form-control:-ms-input-placeholder{font-size:14px;} .form-control::-webkit-input-placeholder{font-size:14px;} .form-control::-o-input-placeholder{font-size:14px;} select.form-control,.form-control{font-size:14px;} } @media (min-width:1199px) and (max-width:1499px){ .banner-txt-bottom h4{font-size:calc(1.4vw);} .form-control{padding:5px 15px 5px 0px;height:38px;} .form-group{margin-bottom:10px!important;} .custom-form-select{background-size:16px;} .form-control::placeholder{font-size:13px;} .form-control::-moz-placeholder{font-size:13px;} .form-control:-ms-input-placeholder{font-size:13px;} .form-control::-webkit-input-placeholder{font-size:13px;} .form-control::-o-input-placeholder{font-size:13px;} select.form-control,.form-control{font-size:13px;} } @media (min-width:1199px) and (max-width:1399px){ #banner-sec .banner-left-col{width:33%!important;} #banner-sec .banner-right-col{width:67%!important;} .form-control{height:36px;} .freequote-stxt{font-size:13px!important;line-height:1.4;} .banner-txt-bottom h4{font-size:calc(1.3vw);padding-right:36px;} .specialist-img-wrap{margin-left:-20%!important;} } @media (max-width:991px){ .banner-txt-top .h3{font-size:16px;} } .wpcf7 form .wpcf7-response-output { font-size:14px; margin:15px!important; } .wpcf7 form.sent .wpcf7-response-output { background: #120487; text-align: center; color: #fff; border-color: #fff; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #fff; background: #dc3232; color: #fff; font-size: 14px; text-align: center; } .wpcf7-not-valid-tip { display: none !important; } .dscf7captcha {font-size: 16px; color: #9395a0;} .dscf7captcha .dscf7_refresh_captcha img {width: 20px!important; margin-left: 5px;} .dscf7captcha input.wpcf7-form-control {background: transparent; border: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-appearance: none; padding: 5px 15px 5px 15px; height: 40px; border-width: 0px 0px 1px; border-radius: 0px; border-color: #000; padding-left: 0; padding-right: 0; color: #9395a0; font-size: 14px; transition: all 400ms ease; margin-top: 0px; width: 100%!important;} .dscf7captcha input.wpcf7-form-control:focus {border-color: #000; background-color: rgba(18, 4, 135, 0.05); color:#000;} @media (min-width:1500) and (max-width: 1599) { .specialist-img-wrap {margin-left: -15% !important; } } .wpcf7-not-valid-tip { display: none !important; } .wpcf7 input.wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid { border-bottom: 2px solid red !important; } .moreInfoShow .form-group .form-control::placeholder{font-size:14px;} .moreInfoShow .form-group .form-control::-moz-placeholder{font-size:14px;} .moreInfoShow .form-group .form-control:-ms-input-placeholder{font-size:14px;} .moreInfoShow .form-group .form-control::-webkit-input-placeholder{font-size:14px;} .moreInfoShow .form-group .form-control::-o-input-placeholder{font-size:14px;} @media (max-width:1599px){ .moreInfoShow .form-group .form-control::placeholder{font-size:13px;} .moreInfoShow .form-group .form-control::-moz-placeholder{font-size:13px;} .moreInfoShow .form-group .form-control:-ms-input-placeholder{font-size:13px;} .moreInfoShow .form-group .form-control::-webkit-input-placeholder{font-size:13px;} .moreInfoShow .form-group .form-control::-o-input-placeholder{font-size:13px;} } @media (max-width:1499px){ .moreInfoShow .form-group .form-control::placeholder{font-size:12px;} .moreInfoShow .form-group .form-control::-moz-placeholder{font-size:12px;} .moreInfoShow .form-group .form-control:-ms-input-placeholder{font-size:12px;} .moreInfoShow .form-group .form-control::-webkit-input-placeholder{font-size:12px;} .moreInfoShow .form-group .form-control::-o-input-placeholder{font-size:12px;} .dscf7captcha{font-size:14px;} } @media (max-width:1199px){ .moreInfoShow .form-group .form-control::placeholder{font-size:14px;} .moreInfoShow .form-group .form-control::-moz-placeholder{font-size:14px;} .moreInfoShow .form-group .form-control:-ms-input-placeholder{font-size:14px;} .moreInfoShow .form-group .form-control::-webkit-input-placeholder{font-size:14px;} .moreInfoShow .form-group .form-control::-o-input-placeholder{font-size:14px;} .dscf7captcha{font-size:15px;} } @media (max-width:767px){ .dscf7captcha{font-size:14px;} } /* Automotive Window Tinting page css Start */ .section-padding{ padding: 80px 0; } .banner-section .banner-row { gap: 280px; } .banner-section .banner-txt-bottomb{ margin-bottom: 33px; } .banner-section .banner-row .banner-column { width: calc(50% - 140px); } .benefits-of-car-row { margin: 50px 0; .benefits-image-box { width: calc(34% - 60px); } .benefits-content-box { width: calc(66% - 60px); h2 { font-weight: 600; letter-spacing: 0px; margin-bottom: 10px; } p { font-weight: 500; background: linear-gradient(0deg, #120487, #120487), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 0; } } } .living-in-sub-row { .text-section { p { padding-left: 21px; position: relative; margin-bottom: 40px; &::before { content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: linear-gradient(0deg, #120487, #120487), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); border-radius: 20px; } } ul { gap: 20px; margin-bottom: 22px; li { padding: 14px 14px 14px 52px; border: 1px solid #120487; border-radius: 58px; font-weight: 500; font-size: 16px; line-height: 30px; letter-spacing: 0; position: relative; &::before { content: ''; position: absolute; width: 30px; height: 30px; left: 14px; background:url('data:image/svg+xml,'); } } } } } .checkout-section { .checkout-slider { margin-inline: -20px; .slick-track { display: flex; .image-box { height: 380px; border-radius: 30px; overflow: hidden; margin: 0 20px; img { height: 100%; } } } ul.slick-dots { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 10px; margin-top: 20px; li { width: 10px; height: 10px; background-color: #ADADAD; border-radius: 50px; cursor: pointer; button { display: none; } } li.slick-active { width: 40px; background: linear-gradient(0deg, #120487, #120487), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } } } .commercial-checkout-slider{ .image-box{ &::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 41.36%, #111111 94%); } } } } .brand-we-work-new{ .brand-work-logo-box:not(:last-child){ margin-right: 8%; } } .brand-work-logo.new .brand-work-logo-wrap { margin: 0px -20px; } .brand-work-logo-box { margin-bottom: 20px !important; margin-right: 0% !important; padding-right: 20px; padding-left: 20px; max-width: 34%; display: flex; align-items: center; } .car-deatil-box { .car-details-row { gap: 40px; .car-deatils-column { width: calc(50% - 20px); overflow: hidden; display: flex; flex-direction: column; .image-box { display: block; overflow: hidden; padding-bottom: 64%; position: relative; img { position: absolute; top: 0; left: 0; object-fit: cover; display: block; } } .content-box { padding: 30px 40px 140px; background-color: #EEF1FA; flex: 1; strong { font-weight: 500; font-size: 20px; line-height: 150%; letter-spacing: 0; color: #120487; } h3 { line-height: 150%; margin-bottom: 0; } .car-details-link { width: calc(100% - 80px); left: 40px; bottom: 40px; a { font-weight: 500; font-size: 18px; line-height: 30px; letter-spacing: 0px; background: linear-gradient(0deg, #120487, #120487), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; padding-right: 40px; &::after{ content: ''; background-image: url('/wp-content/uploads/2025/09/right-arrow-icon.png'); width: 30px; height: 30px; position: absolute; background-size: 30px; background-position: center; background-repeat: no-repeat; right: 0; } } .car-logo{ height: 50px; img{ width: 100%; height: 100%; object-fit: contain; } } } } } .car-deatils-column.third { width: calc(33.33% - 26.66px); overflow: hidden; display: flex; flex-direction: column; box-shadow: 6px 6px 30px 0px #00000026; .image-box { padding-bottom: 75%; } h3{ font-size:24px; } .content-box { padding: 26px 26px 93px; background-color: #EEF1FA; flex: 1; strong { font-size: 14px; line-height: 150%; } .car-details-link { width:calc(100% - 52px); bottom:26px; left:26px; a { font-size: 12px; line-height: 20px; padding-right: 21px; &::after { content: ''; width: 13px; height: 20px; background-size: 17px; } } .car-logo { height: 35px; } } } } } } .flip-card { perspective: 1000px; position: relative; .flip-card-inner { transition: transform 0.8s; transform-style: preserve-3d; position: relative; height:100%; } &.flipped { .flip-card-inner { transform: rotateY(180deg); } } &.big{ .flip-card-back{ padding: 40px; } } .flip-card-front{ backface-visibility: hidden; border-radius: 26px; overflow: hidden; background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); width: 100%; height: 100%; display: flex; flex-direction: column; } .flip-card-back { backface-visibility: hidden; border-radius: 26px; overflow: hidden; background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .flip-card-front { z-index: 2; } .flip-card-back { transform: rotateY(180deg); padding: 26px; background:#EEF1FA; overflow-y: auto; .close-btn { cursor: pointer; border: none; background: none; text-align: end; width: 100%; margin-bottom: 10px; &:hover { color: #000; } } } } .metalised-box-section{ .metalised-box-row{ .image-box{ width: calc(32% - 20px); } .image-with-text-box{ width: calc(68% - 20px); } } } .automative-tinting-pricing-section{ .column{ background: linear-gradient(180deg, #D9DEF4 18.9%, #FFFFFF 114.75%); .price-badge{ font-weight: 500; background: #0000001A; color: #000000; } } } .faq-section{ background-color: #F5F4FF; .accordion-item{ .accordion-button{ padding-left: 45px; &.collapsed{ &::before{ content: ''; background: url('/wp-content/uploads/2025/09/plus-icon.png'); background-size: 30px; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; } } &::before{ content: ''; background: url('/wp-content/uploads/2025/09/minus-icon.png'); background-size: 30px; width: 30px; height: 30px; position: absolute; left: 0; top: 0; } } .content-box{ width: 100%; padding-left: 45px; p{ b{ font-weight: 500; color:#000000; } } } } } /* Automotive Window Tinting page css End */ /* Commercial Window Tinting page css Start */ .card-image-box{ background: linear-gradient(0deg, #120487, #120487),linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); padding: 13px; border-radius: 50%; width: fit-content; } /* Commercial Window Tinting page css End */ /* Home Window Tinting page css Start */ /* .home-window-page.benefits-of-section{ .column-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; aspect-ratio: 3 / 1; .column { background-image: var(--benefits-bg); border-radius: 20px; background-size: 300% 217%; background-repeat: no-repeat; box-shadow: 0px 4px 20px 0px #00000026; &:nth-child(1) { background-position: left top; } &:nth-child(4) { background-position: left bottom; } &:nth-child(3) { background-position: right top; } &:nth-child(5) { background-position: right bottom; } &:nth-child(2) { grid-row: span 2; background-position: center; background-size: 300% 100%; } } } }*/ /* Home Window Tinting page css End */