:focus-visible { outline: -webkit-focus-ring-color auto 0px; } body, p{font-size: 14px;} a{text-decoration: none;} ul{list-style: none; padding: 0px;} a{text-decoration: none !important;} .btn-bg-primary{background-color: #0072bc;color: #fff;} .btn-bg-primary:hover{background-color: #e00505; color: #fff;} .btn-bg-secondry{background-color: #e00505; color: #fff;} .btn-bg-secondry:hover{background-color: #0072bc;color: #fff;} .bg-primary{background-color: #0072bc !important;} .bg-secondry{background-color: #e00505 !important;} .rounded-20{border-radius: 20px;} .rounded-30{border-radius: 30px;} .rounded-40{border-radius: 40px;} .rounded-50{border-radius: 50px;} .heading{text-align: center;} .heading span{ display: block; margin-bottom: 15px;} .heading .btn-border{background-color: #0072bc; height: 2px; width: 100px; margin: 0px auto; transition: 0.5s;} section:hover .btn-border{width: 150px;} .textstyl { height: 40px; width: 100%; padding: 7px 15px; border: 1px solid #000; box-shadow: 0px 0px 1px #000; background-color: #fff; color: #000; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; } .captcha{float: left; height: 40px; width: 60%; padding: 7px 5px 7px 10px; border: 1px solid #000; border-right: none; background-color: #fff; color: #000; border-radius: 40px 0px 0px 40px;} .captch-code{ width: 40%; padding: 0px 0px 0px 0px; text-align: center; display: inline-block; background-color: rgb(223, 219, 219); color: #000; border: 1px solid #000; border-left: none; border-radius: 0px 40px 40px 0px; } .captch-code img{ width: 100%; height: 36px; border-radius: 0px 40px 40px 0px;} @media screen and (max-width : 767px){ .m-row{margin-left: 0px; margin-right:0px} .m-padding-lr{ padding-left: 0px; padding-right: 0px;} .heading{ font-size: 18px;} .heading span{margin-bottom: 10px;} .textstyl { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .captcha{border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; } .captch-code{border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px;} } /* sliders arrow */ .slick-slider{background-color: inherit !important;} .slick-prev, .slick-next{z-index: 9;} .slick-prev:before, .slick-next:before{color:#034b5b !important;} /* sliders arrow end */ .breadcrumb { display: flex; flex-wrap: wrap; padding: 5px 1rem; margin-bottom: 0; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; position: relative; } .breadcrumb span{position: absolute;top: 16px; right: 18%; font-weight:600} .breadcrumb span span {display:contents} .breadcrumb span a{color:#000; margin: -2px 11px 0px; float:right;} .breadcrumb span a i{font-size:12px; margin-top:-10px} @media screen and (max-width: 767px) { .breadcrumb span {position: relative; top: 0px;width: 100%;right:0px; margin: 0px auto; display: flex; text-align: center; font-size:10px; } .breadcrumb span span {width: 40%; padding-left:5px; } .breadcrumb span a{margin: -2px 11px 0px;} .breadcrumb span a span{width:100%;} } /*******************--contant page--*****************************/ .contant{padding: 0px 10px 40px;} .contant ul{list-style: inherit !important; padding: inherit !important;} .contant h1, .contant h2, .contant h3, .contant h4, .contant h5, .contant h6 {font-weight: 500} .contant p{font-size: 14px; text-align: justify;} .contant p a, .contant strong a, .contant div a{color: #104eb5; text-decoration: none; font-weight: 600} /*******************--contant page end--*****************************/ /*******************--service page--*****************************/ .btn-hover { font-size: 14px; color: #fff; cursor: pointer; border: none; background-size: 300% 100%; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn-hover:hover { color: #fff; background-position: 100% 0; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn-hover.view-profile { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); /*box-shadow: 0 2px 8px 0 rgba(65, 132, 234, 0.75);*/ } .btn-hover.get-qt { background-image: linear-gradient(to right, #6ba9e4, #3982cb, #2b4b6d, #163350); /*box-shadow: 0 2px 8px 0 rgba(229, 66, 10, 0.75);*/ } .btn-hover.read-more { background-image: linear-gradient(to right, #2c63a7, #2d5b96, #315c93, #4e4d46); /*box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);*/ } .btn-hover.view-all {background: linear-gradient(#d26547, #f09341);} .btn-hover.view-all:hover {box-shadow: 1px 3px 4px #000;} .customer-list-section{ padding: 40px 0px; background-color: #fff; position: relative;} .customer-list-section h3{ font-size: 24px; font-weight: 500; color: #000 } .customer-list-section p { margin-bottom: 0px; font-size: 15px;} .customer-list { margin-top: 20px; box-shadow: 0px 0px 4px #ccc; padding: 15px;} .customer-list .customer-data{ width: 100%; position: relative; } .customer-list .customer-data h5 { font-size: 20px; margin-bottom: 0px; font-weight: 500; color: #3e81b7; text-transform: capitalize; } .star{ text-align: left; margin: 4px 0px 7px;} .star .ret-point{ color: #000; font-weight: 600; font-size: 14px; margin-left: 10px;;} .star .rating-input .fa{ color: #ccc; font-size: 14px;} .star .checked{ color: #4caf50 !important; font-size: 14px;} .customer-list .customer-data p { margin-bottom: 10px; font-size: 15px; text-align: justify;} .customer-list .customer-data p i{color: #0072bc; font-size: 16px; margin-right: 5px;} .vender-services{width: 100%; margin-bottom: 10px;} .vender-services a{padding: 5px 10px; border: 1px solid #ccc; display: inline-block; margin: 2px; border-radius: 40px;} .customer-list .reviews{ width: 100%;} .customer-list .reviews h5{font-size: 18px; margin-top: 15px; color: #f00;} .customer-list .review-box{padding: 10px; border: 1px solid #dee8ea;} .customer-list .review-box h6 {font-size: 16px; margin-bottom: 0px; color: #0072bc; font-weight: 600;} /* .reviews .slick-prev:before, .reviews .slick-next:before{ font-size: 30px; color: #8fade5;} .reviews .slick-prev{ left: -2.5%; top: 50%;} .reviews .slick-next{ right: -2.5%; top: 50%;} */ .buttons{border-top: 1px solid #ccc; padding: 10px 0px 0px; display: inline-block;} .buttons a{margin: 5px; border-radius: 0px;} @media screen and (max-width: 1024px) { .customer-list-section h3{ font-size: 20px;} .customer-list-section p {font-size: 14px;} .customer-list .customer-data h5 { font-size: 18px; } .star .ret-point{ font-size: 14px;} .star .rating-input .fa{ font-size: 12px;} .star .checked{font-size: 12px;} .customer-list .customer-data p { margin-bottom: 10px; font-size: 14px;} .customer-list .customer-data p i{font-size: 14px;} .vender-services{width: 100%; margin-bottom: 10px;} .vender-services a{padding: 5px 10px; margin: 2px; font-size: 12px;} .buttons{padding: 10px 0px 0px;} .buttons a{font-size: 12px;} } @media screen and (max-width : 767px){ .customer-list-section{ padding: 40px 0px 0px;} .customer-list-section:before{background-image:none; height: 0px;width: 0px;} .customer-list-section:after{background-image: none; height: 0px; width: 0px;} } aside{ margin-top: 20px;} aside h2{border-bottom: 1px solid #eaeaea; font-size: 16px; padding: 10px; color: #3e81b7; font-weight: 600;} aside .list{ margin-bottom: 20px; border: 1px solid #eaeaea;} aside .list ul{ list-style: none; padding:0px 10px;} aside .list ul li a{ color: #000; padding: 10px 0px; text-decoration: none; font-size: 15px; border-bottom: 1px solid #eaeaea; display: block; transition: 0.5s;} aside .list ul li:last-child a{border-bottom: 0px; padding-bottom:0px;} aside .list ul li a:hover{ color: #000; background-color: #f1f1f1; padding:10px 10px;} @media screen and (max-width: 1024px) { aside h2{font-size: 14px;} aside .list ul{padding:0px 5px;} aside .list ul li a{padding: 7px 0px; font-size: 14px;} } @media screen and (max-width : 767px){ } /*******************--service page end--*****************************/ /* blog and blog-details and faq, free listing page */ .aside-section{border:0px solid #ccc; padding:15px 15px 5px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .aside-section h4{ text-transform: uppercase; font-size: 17px; color: #202427; padding-bottom: 16px; text-align: center; border-bottom: 2px solid #da0f32;} .aside-section ul{list-style: none; padding: 0px;} .aside-section ul li{padding: 0px 10px; border-bottom: 1px solid #ccc; display: flex; margin-bottom: 5px;} .aside-section ul li:last-child{border-bottom: 0px solid #ccc;} .aside-section ul li span{float: left; width: 85%; padding:5px 10px; font-size: 14px;} .aside-section ul li span:first-child{font-size: 22px;font-family: unset; border-right: 3px solid #335e95; color: #f00; font-weight: 600; width: 15%; text-align: center;} .arrow-icon li{padding: 5px 10px !important; font-size: 14px; cursor: pointer;} .arrow-icon li:before{ font-family: "Font Awesome 5 Free"; content: "\f101"; display: inline-block; padding-right: 10px; font-size: 16px; vertical-align: middle; font-weight: 900; } .arrow-icon li:hover {color: #db0f31} .recent-post{border:1px solid #ccc; padding:15px 10px; margin-top: 20px; overflow: hidden; border-radius: 0px; box-shadow: 0px 0px 0px #b5b3b3;} .recent-post h4{text-transform: uppercase; font-size: 18px; color: #202427; padding-bottom: 16px; text-align: center; border-bottom: 2px solid #da0f32;} .recent-post .recent-img{text-align: center; padding:5px 0px; float: left;} .recent-post .recent-img img{ width: 60px; max-height: 45px; border-radius: 3px; } .recent-post .recent-text{ width: calc(100% - 100px); padding: 0px 0px 0px 10px; display: inline-block;} .recent-post .recent-text p{margin-bottom: 0px;} .recent-post .recent-text p a{color: #18364a; font-weight: 500; font-size: 14px; text-decoration: none;} .recent-post .recent-text p:hover a{color: #db0f31;} .recent-post .recent-text ul{list-style: none; padding: 0px;} .recent-post .recent-text ul li{padding: 0px 5px; font-style: italic; float: left;} .recent-post .recent-text ul li a{text-decoration: none; font-size: 14px; color: #989b9f; font-weight: 400;} .recent-post .recent-text ul li a:hover{color: #db0f31;} .aside-form-common{background-color: #fff; border-radius: 3px; border: none; position: relative; margin-bottom: 0px; margin-right: 0px; width: 100%; border: 1px solid #ccc; padding: 15px; height: auto; overflow: auto; margin-bottom: 15px; } .aside-form-common input, .aside-form-common select{font-size: 14px;} .aside-form-common h4{font-size: 18px; color: #0072bc;} .aside-form-common h5{font-size: 14px;} @media screen and (max-width: 1024px) { } @media screen and (max-width: 767px) { } .other-link { width: 100%; background-color: #fff; border-bottom: 1px solid #ccc; padding: 10px; margin-top: 10px; overflow: hidden; border: 1px solid #ccc;; } .other-link ul {padding: 0px; list-style: none; margin-bottom: 0px;} .other-link ul li {padding: 5px 0px;} .other-link ul li a { font-size: 14px; padding: 10px 10px; text-decoration: none; text-transform: capitalize; display: block; transition: 0.5s; background-color: #1459a9; border-radius: 0px; color: #fff; } .other-link ul li:hover a {background-color: #ff0000; } /* blog and blog-details and faq, free listing page end */ /*------------------------- user and member login--------------- */ .userlogin-section{background-color: #c9cbcd; padding: 50px 0px; border-top: 2px solid #4998f7;} .user-login{margin: 30px auto; width: 60%;} .userlogin-section form{display:inline-block;} .userlogin-section form h3{font-size: 22px; margin: 0px 0px 30px 0px; color: #005085;} /* Full-width input fields */ .userlogin-section .input-field-box{width: 60%; float: left; padding:30px;} .userlogin-section label {font-size: 16px; font-weight: 600; width: 100%;} .userlogin-section .form-check-label {font-size: 14px;} .userlogin-section input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 0px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } /* Set a style for all buttons */ .userlogin-section button { background-color: #0c5fcc; color: white; padding: 10px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; } .userlogin-section button:hover { opacity: 0.8;} /* Center the image and position the close button */ .user-img {text-align: center; margin: 0px; position: relative; float:left; width: 40%; border-right: 1px solid #d8e2ef;} .user-img img{width: 100%; } .accept-tc {text-align: left; font-size: 13px; position: absolute; bottom: -60%;} /* Add Zoom Animation */ .animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s } @-webkit-keyframes animatezoom { from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)} } @keyframes animatezoom { from {transform: scale(0)} to {transform: scale(1)} } /* Change styles for span and cancel button on extra small screens */ @media screen and (max-width: 300px) { span.psw { display: block; float: none; } .cancelbtn { width: 100%; } } @media screen and (max-width : 640px) { .user-login{margin: 5px auto; width: 100%;} .user-img{ margin: 0px 0 0px 0; float: left; width: 100%; border-right: 0px solid #d8e2ef; } .user-img{display: none;} .input-field-box{width: 100%; padding: 20px;} .userlogin-section form h3{font-size: 22px; margin: 5px 0px 10px 0px;} .accept-tc {font-size: 11px; bottom: -23px;} } /*------------------------- user and member login end------------------------- */ .t-and-c{padding:30px 0px;} .t-and-c h3{font-size: 24px; margin: 0px 0px 20px;} .t-and-c-box{ max-width: 100%; box-shadow: 0px 0px 3px #948e8f; margin-bottom: 10px;font-size: 14px; padding: 25px;} .t-and-c-box h3{ font-weight: 600; font-size: 22px;} .t-and-c-box h4{ font-weight: 600; font-size: 20px; color: #da6240} .t-and-c-box ul{list-style: none; padding-left: 10px} .t-and-c-box ul li{ padding-bottom:5px} @media screen and (max-width : 640px) { .t-and-c{padding:120px 0px 30px;} .t-and-c h3{font-size: 18px; margin: 0px 0px 10px;} .t-and-c-box{padding: 10px;} } /* -------------------------4easy steps section -------------------------*/ .easy-step-section{ padding: 30px 0px; background-color: #f5f5f5;} .easy-step-section .steps-box{ text-align: center;} .easy-step-section .steps-box .steps-img{ margin-bottom: 10px;} .easy-step-section .steps-box .steps-img img{height: 60px;} .easy-step-section .steps-box p{ margin-bottom: 5px;} .easy-step-section .steps-box p strong{font-size: 14px;} @media screen and (max-width: 1024px) { .easy-step-section{ padding: 30px 0px;} .easy-step-section h3{font-size: 16px;} .easy-step-section .steps-box{padding: 5px;} .easy-step-section .steps-box h5{margin-bottom: 5px; font-size: 14px;} .easy-step-section .steps-box p strong{font-size: 14px;} .easy-step-section .steps-box p {font-size: 13px;} } @media screen and (max-width: 767px) { .easy-step-section{ padding: 30px 0px 10px;} .easy-step-section h3{font-size: 18px;} .easy-step-section .steps-box{padding: 5px;border: 1px solid #ccc;} .easy-step-section .steps-box .steps-img img{height: 30px;} .easy-step-section .steps-box h5{margin-bottom: 5px; font-size: 14px;} .easy-step-section .steps-box p strong{font-size: 12px;} .easy-step-section .steps-box p {font-size: 13px;} } /* -------------------------4easy steps section end -------------------------*/ /* -------------------------tesimonial section -------------------------*/ .testimonial-section{padding: 30px 0px; background-color: #f4f4f4;} .testimonial-cont h4{font-size: 38px;} .testimonial{position: relative} .testimonial .shp1{position: absolute; right: -30px; top: 0px;} .testimonial-box{ width: 48%; min-height: 300px; border-bottom: 2px solid #f00; float: left; padding:25px; background-color: #fff; margin: 5px 0.3%;} .testimonial-box .testimonial-profile-img{width: 100%; margin-top: 30px;;} .testimonial-box .testimonial-profile-img img{ width: 70px; height: 70px; border-radius: 50%; border: 1px solid #ccc; padding: 4px; float: left;} .testimonial-box .testimonial-profile-img h5{padding-top: 8px; font-weight: 600; margin-left: 87px; font-size: 16px; margin-bottom: 2px;} .testimonial-box .testimonial-profile-img span{margin-left: 16px; font-size: 16px;} .testimonial-section .slick-slider {width: 88%; margin: auto; background: rgb(14, 13, 13); } @media screen and (max-width : 768px){ .testimonial-section .slick-slider {width: 100%; } .testimonial-cont h4{font-size: 20px;} .testimonial{margin-top: 20px;} .testimonial .shp1{display: none;} } .slick-prev, .slick-next {height: 45px; width: 40px; z-index: 100;} /*------------------------- tesimonial section -------------------------*/ /*------------------------- faq section -------------------------*/ .faq-section{padding: 30px 0px 40px;} .faq-section .card-header{ position: relative;padding: 0rem 0rem;} .faq-section .card-header a{text-decoration: none;color: #000; background-color: #f9f9f9; padding: 10px; display: block; border-left: 5px solid #f00;} .faq-section .card-header .collapsed{color: #000; background-color: #f1f1f1;} .faq-section .card{border-radius: 0px; border-bottom: 0px; margin-bottom: 5px;} .faq-section .card a{font-size: 16px; font-weight: 500; padding: 10px 10px 10px 50px;} .faq-section .card .card-body{padding: 1rem; padding-left: 50px; position: relative; border-left: 5px solid #0072bc; border-bottom: 1px solid #ccc; font-size: 16px;} .question{font-size: 30px; font-weight: 600; position: absolute; top: -4px;left: 13px; color: #f00;} .answer{font-size: 30px; font-weight: 600; position: absolute; top: 5%; left: 12px; color: #0072bc;} .faq-section .card-header > a:before { float: right !important; content:"\f2d1"; padding-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 7px; } .faq-section .card-header > a.collapsed:before { float: right !important; content:"\f067"; } .faq-section .card-header > a:hover, .faq-section .card-header > a:active, .faq-section .card-header > a:focus { text-decoration:none; } @media screen and (max-width : 768px){ .faq-section .card a{font-size: 14px; padding: 10px 10px 10px 30px;} .faq-section .card .card-body{padding: 8px 0px 8px 30px; font-size: 14px;} .question{font-size: 20px;top: 5px;left: 13px;} .answer{font-size: 20px; top: 10%; left: 12px;} } /*------------------------- Faq section end -------------------------*/ /*------------------------- app appdownload section------------------------- */ .appointment-section{width: 100%; background-color: #ccdcef; position: relative;} .appointment-box{background-color: #b3c8e0; padding-bottom: 20px;} .appointment-box figure img{width: 83%} .appointment-text{padding-left: 20%; padding-bottom: 10px;} .appointment-section h3{font-size: 24px;} .appointment-section h2{font-size: 24px;} .appointment-section p{color: #000} .btn-color-primary { background-color: #0072bc; color: #fff; transition: 0.5s; text-decoration: none !important;} .get-stared { margin: 10px 5px; text-decoration: none; border-radius: 40px; padding: 10px 25px; font-size: 1rem; text-decoration: none; margin-left: 20%; } .app-download{padding: 40px; text-align: center;} .app-download figure img{width: 32%} .app-download h3{font-size: 24px; margin-bottom: 40px;} .app-download a{margin-top: 20px;} .app-download a img{ width: 109px; float: left; margin-top: 20px; margin-left: 7px; } .app-download form.form-inline { position: relative; padding-left: 5px; } .App_link img{width:150px;} .app-download .input-group { width: 100%;} .app-download .form-inline span.country-code {position:absolute; z-index: 4; left: 20px; color:#0c0c0c; top:10px; font-size: 1rem; } .app-download .form-inline input.mobile-number { padding: 0 20px 0 55px; height: 46px; border: 0px; border-radius: 5px 0px 0px 5px;} .app-download button#submit_link { padding: 0 20px; border-radius: 0; height: 46px; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #fff; background-color: #3272b8 !important; letter-spacing: 1px; margin-left: -2px; } .app-download button#submit_link:hover{background-color: #2d66ab !important;} @media screen and (max-width: 1024px) { .appointment-section h3{font-size: 20px;} .appointment-section h2{font-size: 20px;} .app-download h3{font-size: 20px; margin-bottom: 40px;} .app-download .form-inline span.country-code {left: 3px;} .app-download .form-inline input.mobile-number { padding: 0 5px 0 38px;} .app-download button#submit_link {padding: 0 5px;font-size: 11px;} } @media screen and (max-width : 767px){ .appointment-text{padding: 0px 5%; padding-bottom: 10px;} .appointment-section h3{font-size: 18px;} .appointment-section h2{font-size: 16px;} .get-stared{margin-left: 30%;} .app-download{padding: 15px;} .app-download .form-group {float: left;width: auto;} .app-download .form-inline input.mobile-number { padding: 0 10px 0 42px; width: 67%; } .app-download .form-inline span.country-code { left: 7px; top: 10px;} /* .app-download button#submit_link{margin-top: 17px;} */ .app-download a img { margin-bottom: 20px;} } /*------------------------- app appdownload section end------------------------- */ /*------------------------- where to move section ------------------------- */ .our-services{padding: 0px 0px 40px; overflow: hidden;} .our-services .nav-tabs {border-bottom: 0px solid #dee2e6;} .our-services .nav-tabs li {width: 32%; text-align: center;} .our-services .nav-tabs li:nth-child(2) {margin: 0px 2%;} .our-services .nav-tabs li a {padding: 10px 30px; border-radius: 0px;; color: #000; background-color: #ccc; font-weight: 600; font-size: 18px; transition: 0.5s; position: relative;} .our-services .nav-tabs .nav-link.active, .our-services .nav-tabs .nav-item.show .nav-link , .our-services .nav-tabs .nav-item.show .nav-link { color: #fff; background-color: inherit; border-color: #eff1ff; width: auto; height: auto; background: #0072bc; } .our-services .nav-tabs .nav-link:hover, .our-services .nav-tabs .nav-link:focus { color: #fff; background-color: inherit; border-color: #eff1ff; width: auto; height: auto; background: #0072bc; } .our-services .nav-tabs li a.active:before{ content: "";width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 25px solid #0072bc; position: absolute; bottom: -24px; left: 49%; z-index: 9; } .tab-box{border: 1px solid #ccc; padding: 10px; margin-top: 20px;} .tab-box ul {padding: 0px;} .tab-box ul li{float: left; width: 33%; padding-left: 0px;} .tab-box ul li a{transition: 0.5s;} .tab-box ul li a:before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101"; padding-right: 7px; } .tab-box ul li:hover a{ color:#3B5998 ;} @media screen and (max-width: 1024px) { .our-services .nav-tabs li a {padding: 8px 7px; font-size: 14px;} .our-services .nav-tabs li a.active:before{ border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 18px solid #0072bc; position: absolute; bottom: -17px; left: 40%; } .tab-box ul li{float: left; width: 33%; padding-left: 0px;} } @media screen and (max-width : 767px){ .our-services .nav-tabs li a {padding: 8px 5px; font-size: 13px;} .our-services .nav-tabs li a.active:before{ border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 18px solid #0072bc; position: absolute; bottom: -17px; left: 40%; } .tab-box ul li{float: left; width: 100%; padding-left: 0px;} } /*------------------------- where to move section end------------------------- */ /*------------------------- Other services section------------------------- */ .Other-services{padding: 0px 0px 40px;} .Other-services .other-tab{ padding: 5px 6% 0px; background-color: #e2e2e2; } .Other-services .nav-tabs {border-bottom: 0px solid #dee2e6;} .Other-services .nav-tabs li {width: 32%; text-align: center;} .Other-services .nav-tabs li:nth-child(2) {margin: 0px 2%;} .Other-services .nav-tabs li a {padding: 10px 30px; border-radius: 0px;; color: #000; background-color: #ccc; font-weight: 600; font-size: 18px; transition: 0.5s; position: relative;} .Other-services .nav-tabs .nav-link.active, .Other-services .nav-tabs .nav-item.show .nav-link , .Other-services .nav-tabs .nav-item.show .nav-link { color: #fff; background-color: inherit; border-color: #eff1ff; width: auto; height: auto; background: #0072bc; } .Other-services .nav-tabs .nav-link:hover, .Other-services .nav-tabs .nav-link:focus { color: #fff; background-color: inherit; border-color: #eff1ff; width: auto; height: auto; background: #0072bc; } .Other-tab-box{border: 1px solid #ccc; padding: 10px; margin-top: 20px;} .Other-tab-box ul {padding: 0px;} .Other-tab-box ul li{float: left; width: 25%; padding-left: 0px;} .Other-tab-box ul li a{transition: 0.5s;} .Other-tab-box ul li a:before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101"; padding-right: 7px; } .Other-tab-box ul li:hover a{padding-left: 10px; color:#3B5998 ;} @media screen and (max-width: 1024px) { .Other-services .nav-tabs li a {padding: 8px 7px; font-size: 14px;} .Other-services .nav-tabs li a.active:before{ border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 18px solid #0072bc; position: absolute; bottom: -17px; left: 40%; } .tab-box ul li{float: left; width: 33%; padding-left: 0px;} } @media screen and (max-width : 767px){ .Other-services .nav-tabs li a {padding: 8px 7px; font-size: 14px;} .Other-services .nav-tabs li a.active:before{ border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 18px solid #0072bc; position: absolute; bottom: -17px; left: 40%; } .tab-box ul li{float: left; width: 100%; padding-left: 0px;} } /*------------------------- other services section end------------------------- */ /*------------------------- price-calculator section------------------------- */ .price-calculator-section{ background-image: url("../images/price-calculator-bg.jpg"); background-size: 100% ; /* background-size: cover; */ padding-top: 10px; padding-bottom: 20px; background-attachment: fixed; } .price-table, .calculator-form{ background-color: #02418a; border: 1px solid #34434e; padding: 15px 15px; color:#fff;} .price-table h6, .calculator-form h6{color: #fff; font-size: 18px;} .price-table table tr {text-align: center; border-bottom: solid 1px #ddd;} .price-table table tr td {padding: 9px 0px;} .price-table table thead tr th, .price-table table tbody tr td{color: #fff;} .price-table table thead tr th:first-child, .price-table table tbody tr td:first-child {width: 40%;} .price-table table thead tr th{ padding: 9px 0px; font-size: 14px; font-weight: 600;} .price-table table tbody tr td{ padding: 5px 0px; font-size: 14px; font-weight: normal;} .price-table table tbody tr:first-child td{ padding: 5px 0px; font-size: 14px; font-weight: 600;} .tandc{float: right;} .tandc a{color: #fff; font-size: 12px;} .calculator-form{ background-color: #02418a;} .calculator-form h2 { padding-bottom: 20px; font-size: 28px; margin: 0px; font-weight: normal; } .price-calculator-section a {text-decoration: none;} .price-calculator-section .btn-bg-secondry:hover{background-color: #2c63a7; color: #fff;} #cost-calculate .model-head { padding: 15px; font-size: 18px; text-transform: uppercase; color: #fff; text-align: center; margin: 0px; background-color: #255380; } @media screen and (max-width: 1024px) { } @media screen and (max-width : 767px){ .price-table h6, .calculator-form h6{font-size: 16px;} .price-table table tbody tr:first-child td{ font-size: 12px;} } /*------------------------- price-calculator section end------------------------- */ /*------------------------- blog-section section------------------------- */ .blog-section{padding: 20px 0px;} .blog-section .blog-box{ position: relative; min-height: 150px; background-color: #f1f1f1; border-radius: 0px; border:1px solid #d2c1c1; padding: 12px; margin: 5px; margin-top: 20px; box-shadow: 0px 0px 0px #c5d0de; transition: 0.5s; float: left; /* width: 24.1%; */ } .blog-section .blog-box:hover{background-color: #fff;} .blog-section .blog-box span{ position: relative;} .blog-section .blog-box span img{width: 100%; height: 200px;} .blog-section .blog-box h3{font-size: 14px; padding: 10px; color: #000; text-align: center; font-weight: 700; margin: 0px;} .blog-section .blog-box h4{ font-size: 14px; padding: 10px; color: #000; text-align: center; font-style: normal; margin: 0px;} /*------------------------- blog-section section end------------------------- */ /*------------------------- moving-tips-section section------------------------- */ .moving-tips-section{padding: 30px 0px 40px;} .moving-tips-section .card-header{ position: relative;padding: 0rem 0rem;} .moving-tips-section .card-header a{text-decoration: none;color: #000; background-color: #f9f9f9; padding: 10px; display: block;} .moving-tips-section .card-header .collapsed{color: #000; background-color: #f1f1f1;} .moving-tips-section .card{border-radius: 0px; margin-bottom: 10px;} .moving-tips-section .card a h5{font-size: 14px; font-weight: 500;} .moving-tips-section .card .card-body{padding: 1rem; padding-left: 10px; position: relative; } .moving-tips-section .card-header > a:before { float: right !important; content:"\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 7px; margin-top: -4px; } .moving-tips-section .card-header > a.collapsed:before { float: right !important; content:"\f078"; } .moving-tips-section .card-header > a:hover, .moving-tips-section .card-header > a:active, .moving-tips-section .card-header > a:focus { text-decoration:none; } svg.w-5.h-5 { max-width: 20px !important; } .flex.justify-between.flex-1.sm\:hidden { margin-top: 30px; max-width: 400px; float: left; display: none; } .contant h1{font-size: 28px !important;} .contant h2{font-size: 26px !important;} .contant h3{font-size: 22px !important;} .contant h4{font-size: 18px !important;} .contant h5{font-size: 16px !important;} .contant h6{font-size: 14px !important;} .contant table {width: 100%; border: 1px solid #ccc;} .contant table tr td {padding:5px} @media screen and (max-width : 767px){ .contant h1{font-size: 18px !important;} .contant h2{font-size: 16px !important;} .contant h3{font-size: 16px !important;} .contant h4{font-size: 14px !important;} .contant h5{font-size: 14px !important;} .contant h6{font-size: 12px !important;} } /*------------------------- moving-tips-section section end------------------------- */ /*---------------------------- Start style For Bing Api ----------------------------*/ #searchBoxContainer, #searchBoxContainer2, #searchBoxContainerpopup, #searchBoxContainerpopup2, #searchBoxContainertrpopup, #searchBoxContainertrpopup2, #searchBoxContainerblog, #searchBoxContainerblog2 {position: relative;} #searchBoxContainer .MicrosoftMap, #searchBoxContainer2 .MicrosoftMap{ /*top: 41px !important;*/ z-index:10000000 !important; width: 100%; } #searchBoxContainer input[type=search], #searchBoxContainer2 input[type=search] { width: 84% !important; } #searchBoxContainerblog input[type=search], #searchBoxContainerblog2 input[type=search] { width: 92% !important; } #searchBoxContainerpopup input[type=search], #searchBoxContainerpopup2 input[type=search], #searchBoxContainertrpopup input[type=search], #searchBoxContainertrpopup2 input[type=search] { width: 91% !important; padding: 8px 10px; /* margin: 0 0 10px 0; */ display: inline-block; border: 1px solid #ccc; box-sizing: border-box; font-size: 14px; } .MicrosoftMap .as_container .suggestLink {padding: 4px 12px 4px 1px;} .MicrosoftMap .as_container_search { width: 100% !important;} .MicrosoftMap .as_img.maps_address {height: 23px !important;} .MicrosoftMap .as_container .line2 {display: contents; color:#898484} .textstyl{height:46px !important; padding: 10px 14px !important;} .msform{overflow:visible !important;} .form-section {overflow: inherit !important;} #searchBoxContainer .MicrosoftMap .as_container_search, #searchBoxContainer2 .MicrosoftMap .as_container_search, #searchBoxContainerpopup .MicrosoftMap .as_container_search, #searchBoxContainerpopup2 .MicrosoftMap .as_container_search, #searchBoxContainertrpopup .MicrosoftMap .as_container_search, #searchBoxContainertrpopup2 .MicrosoftMap .as_container_search, #searchBoxContainerblog .MicrosoftMap .as_container_search, #searchBoxContainerblog2 .MicrosoftMap .as_container_search {width: 251px !important; top: 1px;} @media only screen and (max-width: 640px) and (min-width: 320px){ .textstyl{height:46px !important;} .msform{overflow:visible !important;} .form-section {overflow: inherit !important;} #searchBoxContainer input[type=search], #searchBoxContainer2 input[type=search], #searchBoxContainerblog input[type=search], #searchBoxContainerblog2 input[type=search] { width: 92% !important; } #searchBoxContainerpopup input[type=search], #searchBoxContainerpopup2 input[type=search], #searchBoxContainertrpopup input[type=search], #searchBoxContainertrpopup2 input[type=search] { width: 84% !important; padding: 8px 10px; /* margin: 0 0 10px 0; */ display: inline-block; border: 1px solid #ccc; box-sizing: border-box; font-size: 14px; } } /* for popup design */ #mapbox_jaycode_suggestion{ background: #fff !important; max-width: 100% !important; min-width: 233px; margin-top: 0px !important; margin-bottom: 6px !important; z-index: 1000000000 !important; position: absolute !important; border: 1px solid #ccc; height: 155px !important; overflow-y: scroll !important; } #mapbox_jaycode_suggestion div{ cursor: pointer !important; margin-bottom: 3px !important; padding: 5px !important; font-size: 14px !important; border-bottom: 1px solid #ccc !important; } .MicrosoftMap .as_container .suggestLink { padding: 8px 5px 8px 5px;} .MicrosoftMap .as_container .line1 {color: #000 !important;} /* for popup design */ /*---------------------- End style For Bing Api --------------------------*/ /*------------------------- banner-sale section 1------------------------- */ /* | .banner-sale{padding: 20px 0px;} .banner-sale .banner-sale-box{ border: 1px solid #ccc; position: relative; border-radius: 10px; overflow: hidden;display: block; box-shadow: 0px 0px 1px #000; } .banner-sale .banner-sale-box img{width: 100%; height: 130px; border-radius: 10px 10px 0px 0px;} .banner-sale .banner-sale-box p{ padding: 10px; margin: 0px; background-color: #e6eff9; border-radius: 0px 0px 8px 8px;position: absolute; bottom: -80px; transition: 0.5s; width: 100%; font-weight: 600; } .banner-sale .banner-sale-box:hover p{bottom: 0px;} ||*/ .banner-sale{padding: 0px 0px; margin-bottom: 20px; height: 130px; overflow: hidden;} .banner-sale .banner-sale-box{ background-size: 100% ; background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 130px; border-radius: 10px 10px; display: block; border: 1px solid #ccc; overflow: hidden; } .banner-sale .banner-sale-box .salesbanner-text{ padding: 10px; border-radius: 0px 0px 0px 0px; width: 400px; font-weight: 600; height: 100%; text-align: center; } .sale1{margin-left: 44%; color: #000000;} .sale2{margin-left: 0%; color: #000000;} .sale3{margin-left: 65%; color: #000000;} .sale4{margin-left: 18%; color: #000000;} .banner-sale .banner-sale-box .salesbanner-text h6{margin: 0px 0px 5px 0px; font-size: 22px;} .banner-sale .banner-sale-box .salesbanner-text p{font-size: 12px; margin: 0px;} .banner-sale .banner-sale-box .salesbanner-text .call{ padding: 2px 10px; color: #fff; border-radius: 20px; margin: 0px; background-color: #02418a; display: inline-block; } .banner-sale .banner-sale-box .salesbanner-text button{ font-size: 11px; padding: 1px 4px; border-radius: 2px; } @media screen and (max-width : 767px){ .banner-sale .banner-sale-box {width: 100%;margin: 0px auto;} .banner-sale .banner-sale-box .salesbanner-text{ padding: 5px; width: 50%; font-weight: 600; text-align: left; } .sale1{margin-left: 53%; color: #ffffff; font-style: italic;} .sale2{margin-left: 0%; color: #000000;} .sale3{margin-left: 25%; color: #000000;} .sale4{margin-left: 18%; color: #000000;} .banner-sale .banner-sale-box .salesbanner-text h6{font-size: 14px;} .banner-sale .banner-sale-box .salesbanner-text p{font-size: 12px;} .banner-sale .banner-sale-box .salesbanner-text .call{ padding: 2px 10px; margin: 0px; } .banner-sale .banner-sale-box .salesbanner-text button{ font-size: 11px; padding: 1px 4px; border-radius: 2px; display: none; } } /*------------------------- banner-sale section end 1------------------------- */ .banner-sale-new{padding: 20px 0px;} .banner-sale-new .banner-sale-box{ /*background-image: url("../admin/uploads/test/artboard1.webp");*/ background-size: 100% ; background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 130px; border-radius: 10px 10px; display: block; border: 1px solid #ccc; overflow: hidden; } .banner-sale-new .banner-sale-box .salesbanner-text{ padding: 10px; margin: 0px; border-radius: 10px 0px 0px 10px; width: 100%; font-weight: 600; height: 100%; } .banner-sale-new .banner-sale-box .salesbanner-text h6{margin: 0px 0px 5px 0px;} .banner-sale-new .banner-sale-box .salesbanner-text p{font-size: 12px; margin: 0px 0px 5px 0px;} .banner-sale-new .banner-sale-box .salesbanner-text button{ font-size: 11px; padding: 1px 4px; border-radius: 2px; }