/*Main Css */

::selection {
	 background: #2cbdfe;
	 color: #fff;
	 text-shadow: none;
}

::-webkit-scrollbar {
	 width: 5px;
	 background-color: #F5F5F5;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
	 display: none;
}

::-webkit-scrollbar-track-piece {
	 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	 background-color: #dedede;
}

::-webkit-scrollbar-thumb:vertical {
	 border-radius: 10px;
	 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	 background-color: #2cbdfe;1
}1

::-webkit-scrollbar-thumb:horizontal {
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); */
	background-color: #2cbdfe;
}

.sticky{
	 position: fixed;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    top:0;
}


/* Tabbing CSS */

[class^="box-"] {
	 display: none
}

[class^="box-"].showfirst {
	 display: block
}

/* Accordion CSS */

.myaccordion li .faq-opt {
	 display: none;
}

.myaccordion li.active .faq-opt {
	 display: block;
}

.myaccordion li.active .faq-ang h4:before {
	 content: '\f077';
}
#pickup_time{
	 width: 100%;
height: 62px;
border-radius: 47px;
border: solid 1px #d0edfa;
background-color: #fff;
margin-bottom: 30px;
font-size: 16px;
color: #1e5d8a;
padding: 0 25px;
}
/*popup*/
.preview {
    display: none;
    position: fixed;
    width: 786px;
    height: 500px;
    top: 0;
    right: 0;
    left:0;
    bottom:0;
    z-index:9;
    margin:auto;
    /*background-color: rgba(0, 0, 0, 0.8);*/
}
.preview button.close {
    position: absolute;
    top: -95px;
    right: 50px;
    background: #fff;
    width: 35px;
    height: 35px;
    opacity: 1;
}





.pr {
	 width: calc(100% - 8em);
	 height: auto;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}

.close {
	 font-weight: bold;
	 border: 0;
	 text-align: center;
	 border-radius: 50%;
	 height: 3em;
	 width: 3em;
	 cursor: pointer;
	 position: absolute;
	 top: 1em;
	 right: 1em;
}

body {
	 font-family: 'Nunito Sans';
	 overflow-x: hidden;
	 font-size: 16px;
	 line-height: 1;
	 color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	 display: block;
	 font-weight: normal;
}

*:hover, *:focus, * {
	 outline: none!important;
}

img {
	 max-width: 100%;
	 height: auto;
}

a, input[type="submit"] {
	 -webkit-transition: all 0.4s ease-In-out;
	 -moz-transition: all 0.4s ease-In-out;
	 -o-transition: all 0.4s ease-In-out;
	 transition: all 0.4s ease-In-out;
	 display: inline-block;
	 cursor: pointer;
}

a:hover {
	 color: #0170b2;
	 text-decoration: none;
}

p, a {
	 font-size: 16px;
	 font-weight: normal;
	 color: #000000;
}

p {
	 line-height: 26px;
	 display: block;
}

span {
	 display: inline-block;
}

/* Custom Slick Css */

.slick-list {
	 margin: 0 -15px;
}

.slick-slide {
	 margin: 0 15px;
}

ul.slick-dots {
	 padding: 50px 0 0;
	 text-align: center;
}

ul.slick-dots li {
	 margin: 0 20px 0 0px;
	 width: auto;
	 display: inline-block;
	 vertical-align: middle;
	 overflow: hidden;
	 padding: 0px;
	 border: none;
}

.slick-dots li button:before, .slick-dots li button:before {
	 color: #FFF;
	 opacity: 1;
	 font-size: 20px;
}

.slick-dots li button {
	 height: 8px;
	 width: 8px;
	 border-radius: 50%;
	 padding: 0px;
	 background: #d6d6d6;
	 border: none;
	 cursor: pointer;
	 font-size: 0px;
	 padding: 0px;
	 -webkit-transition: all 0.4s ease-In-out;
	 -moz-transition: all 0.4s ease-In-out;
	 -o-transition: all 0.4s ease-In-out;
	 transition: all 0.4s ease-In-out;
	 box-sizing: border-box;
}

.slick-dots li.slick-active button {
	 background: #f3c919;
	 width: 11px;
	 height: 11px;
}

span.arrows {
	 width: 40px;
	 height: 40px;
	 border: none;
	 position: absolute;
	 top: 0px;
	 bottom: 0px;
	 margin: auto;
	 z-index: 2;
	 cursor: pointer;
	 line-height: 39px;
	 font-size: 12px;
	 text-align: center;
	 font-weight: 300;
	 top: 0;
	 border-radius: 0;
	 background: #f7f7f7;
	 color: #696969
}

span.arrows.next {
	 right: 1%;
}

textarea, select, input[type], textarea, select, button {
	 background: transparent;
	 border: none;
	 border-radius: 0px;
	 font-family: 'Nunito Sans';
	 font-weight: 400;
}

::-webkit-input-placeholder {
	 color: #a3a3a3;
	 font-weight: 400;
}

::-moz-placeholder {
	 color: #a3a3a3;
	 font-weight: 400;
}

:-ms-input-placeholder {
	 color: #a3a3a3;
	 font-weight: 400;
}

:-moz-placeholder {
	 color: #a3a3a3;
	 font-weight: 400;
}

/* Padding Classes */

.pad-sec {}

.pad-zero {
	 padding: 0px;
}

.pad-l-zero {
	 padding-left: 0px;
}

.pad-r-zero {
	 padding-right: 0px;
}

.wd-max {
	 max-width: 1440px;
}

.wd-sub {
	 max-width: 1194px;
}

/* home2 section css start */

section.home2 {
	 padding: 100px 0;
}

.home2-wrap h4 {
	 color: #094e7f;
	 font-size: 38px;
	 letter-spacing: -1.3px;
	 font-family: 'El Messiri';
	 font-weight: 600;
	 padding-bottom: 32px;
}

.home2-item {
	 background: #e6f7ff;
	 display: flex;
	 align-items: center;
	 min-height: 310px;
	 text-align: center;
	 justify-content: center;
	 border-radius: 8px;
	 overflow: hidden;
}

.home2-item img {
	 margin-bottom: 34px;
	 transition: ease 1.9s;
}
.home2-item:hover img{
    transform: scale(1.2);
    transition: ease 0.9s;
}

.home2-item h5 {
	 font-size: 20px;
	 font-weight: 600;
	 color: #094e7f;
}
.home2-item p{
    font-size: 16px;
    line-height: 20px;
    padding: 0 35px;
    margin-top: 15px;
}

/* home2 section css end */

/* Global Css */

.sprite-icn:before {
	 content: "";
	 background-image: url(../images/sprite.png);
	 background-repeat: no-repeat;
	 display: inline-block;
}

.ovr-hiddn {
	 overflow: hidden;
}

.overlay:after {
	 content: "";
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 background: rgba(0, 0, 0, 0.8);
	 z-index: 9;
}

.overlay {
	 display: none;
}

.overlay.active {
	 display: block;
}

.mn-btn {
	 color: #ffffff;
	 font-size: 18px;
	 background: #000000;
	 border: 1px solid #000000;
	 font-weight: 400;
	 text-transform: uppercase;
	 padding: 0px 0px;
}

.mn-btn:hover {
	 background: transparent;
	 color: #000000;
}

/* Heading Classes */

.mn-hd h1 {}

.mn-hd h2 {}

.mn-hd h3 {}

.mn-hd h4 {}

.mn-hd h5 {}

.mn-hd h6 {}

.mn-hd p {}

/* header CSS */

header {
	 -webkit-transition: all 0.4s ease-In-out;
	 -moz-transition: all 0.4s ease-In-out;
	 -o-transition: all 0.4s ease-In-out;
	 transition: all 0.4s ease-In-out;
	 font-family: 'Nunito Sans';
}

.main-header {
	 /* display: flex; */
	 /* align-items: center; */
	 padding-top: 20px;
}

.logo {
	 display: inline-block;
	 margin-bottom: 4px;
}

.logo img {
	 display: block;
}

/* Menu Css */

.menu {
	 font-size: 0px;
	 display: inline-block;
	 vertical-align: middle;
}

.menu>li {
	 display: inline-block;
	 vertical-align: middle;
	 padding-left: 20px;
	 margin-top: 20px;
	 position: relative;
}

.menu>li>a {
	 display: block;
	 font-size: 14px;
	 color: #7b7b7b;
	 /* text-transform:uppercase; */
	 font-weight: 600;
	 padding-bottom: 15px;
	 border-bottom: 1px solid #176fb000;
}

.menu li:hover a, .menu li.active a {
	 color: #176fb0;
}
ul.sub-menu {
    position: absolute;
    background: #ffffff;
    width: 165px;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0px rgb(40 185 251);
    z-index: 9;
    left: 35px;
    top: 20px;
    display: none;
}

ul.sub-menu>li {
    display: block;
}

ul.sub-menu>li>a {
    color: #166cab !important;
    padding: 10px 0px;
    display: block;
    border-bottom: 1px solid rgb(64 191 248 / 20%);
    font-size: 14px;
    font-weight:600;
}
ul.sub-menu>li>a:hover{
    background: #2cbdfe;
    color: #fff !important;
    padding-left: 10px;
}

.menu>li:hover ul.sub-menu {
    display: block;
}

/* Dropdown CSS*/

@keyframes btotreverse {
	 0% {
	 	 top: 75px;
	 	 opacity: 1;
	 }
	 100% {
	 	 top: 115px;
	 	 opacity: 0;
	 }
}

@keyframes btot {
	 0% {
	 	 top: 115px;
	 	 opacity: 0;
	 }
	 100% {
	 	 top: 40px;
	 	 opacity: 1;
	 }
}

.dropdown-nav {
	 position: relative;
	 overflow: hidden;
	 vertical-align: middle;
}

.dropdown-nav:hover {
	 overflow: visible;
}

ul.dropdown {
	 position: absolute;
	 width: 100%;
	 left: -0px;
	 margin: auto;
	 background: #fff;
	 padding: 20px;
	 text-align: left;
	 border-radius: 2px;
	 box-shadow: 0 0 10px 3px #00000014;
	 opacity: 0;
	 animation: btotreverse 0.5s forwards;
}

ul.dropdown li {
	 width: 100%;
	 display: inline-block;
	 vertical-align: middle;
}

ul.dropdown li a {
	 padding: 0;
	 font-size: 14px;
	 color: #000!important;
	 display: block;
	 width: 100%;
	 margin: 0px 0 15px;
	 text-align: center;
	 font-weight: 600;
	 background: transparent!important;
}

ul.dropdown li.last a {
	 margin-bottom: 0px;
}

ul.dropdown li a:hover {
	 color: #000!important;
}

.dropdown-nav:hover ul.dropdown {
	 animation: btot 0.5s forwards;
	 z-index: 9;
}

/* Hamburger Menu */

.menu-Bar {
	 width: 30px;
	 height: 20px;
	 cursor: pointer;
	 position: absolute;
	 right: 15px;
	 top: 0;
	 margin: auto;
	 z-index: 999;
	 display: none;
}

.menu-Bar span {
	 display: block;
	 height: 4px;
	 width: 100%;
	 background: #0170b2;
	 position: absolute;
	 transition: .6s all;
	 border-radius: 100px;
}

.menu-Bar span:nth-child(1) {
	 top: 0;
}

.menu-Bar span:nth-child(2) {
	 top: 8px;
	 transform-origin: left;
}

.menu-Bar span:nth-child(3) {
	 top: 16px;
}

.menu-Bar.open span {
	 background: #ffffff;
}

.menu-Bar.open span:nth-child(1) {
	 transform: rotate(45deg);
	 top: 12px;
	 transform-origin: right-center;
}

.menu-Bar.open span:nth-child(2) {
	 width: 0;
	 opacity: 0;
}

.menu-Bar.open span:nth-child(3) {
	 transform: rotate(-45deg);
	 top: 12px;
	 transform-origin: right-center;
}

/* Main Banner CSS */

.mainBanner {
	 background-size: cover;
	 background-position: center;
	 height: 100vh;
	 background-repeat: no-repeat;
	 display: flex;
	 align-items: center;
	 position: relative;
}

/* Custom CSS Styling */

.menu li:first-child {
	 padding-left: 0;
}

ul.header-right li {
	 display: inline-block;
	 align-items: center;
	 /* padding-bottom: 10px; */
	 /* margin-top: 10px; */
}

ul.header-right li a {
	 display: flex;
	 align-items: center;
	 color: #9b9b9b;
	 font-weight: 600;
	 font-size: 14px;
	 justify-content: center;
}

ul.header-right li a img {
	 margin-left: 7px;
}

ul.header-right li:last-child a {
	 color: #054370;
	 font-weight: bold;
	 padding: 11px 27px;
	 border: 2px solid #054370;
	 border-radius: 35px;
}

ul.header-right li:last-child a:hover {
	 background: #054370;
	 color: #fff;
}

ul.header-right li:last-child {
	 padding-left: 30px;
}

.header-wrap {
	 /* padding: 20px 7px 0px 15px; */
	 border-bottom: 1px solid #dfdfdf;
	 /* display: flex; */
	 /* padding-top: 27px; */
}

.nav-div ul li a {
	 color: #7b7b7b;
	 font-size: 14px;
	 font-weight: 600;
	 padding-bottom: 10px;
	 border-bottom: 1px solid transparent;
}

.nav-div ul li.current a {
	 /*color: #176fb0;
	 border-color: #176fb0;*/
}

.nav-div ul li {
	 display: inline-block;
}

.nav-div ul li:not(:first-child) {
	 margin-left: 15px;
}

.nav-div {
	 padding: 20px 0;
}

.navactive li.active a {
	 color: #176fb0;
	 border-color: #176fb0;
}

.menuWrap {
	 display: flex;
	 align-items: center;
}

ul.menu {
	 width: 75%;
}

.banner-wrap {
    background: #e6f7ff;
    padding: 0;
    border-radius: 19px;
}
.banner-wrap video {
    width: 100%;
    /*height: 100%;*/
    display: block;
    border-radius: 25px;
    object-fit: cover;
    height: 310px;
    width: 685px;
    margin-left: auto;
}


/*.home-banner .banner-wrap {*/
/*  background: #e6f7ff;*/
/*  padding: 0;*/
/*  border-radius: 19px;*/
/*  padding: 30px 0;*/
/*}*/

.home-banner .banner-cnt h4 {
  font-size: 33px;
  line-height: 36px;
padding-bottom: 10px;
}

.home-banner .banner-wrap {
  padding: 20px 0;
}

.banner-cnt h4 {
	 color: #094e7f;
	 font-size: 38px;
	 font-weight: 600;
	 line-height: 49px;
	 letter-spacing: -1.3px;
	 font-family: 'El Messiri';
	 width: 80%;
}

.banner-cnt {
	 padding-left: 35px;
}

.banner-cnt p {
	 color: #7b7b7b;
	 font-size: 16px;
	 padding-bottom:35px;
	 /*margin-bottom: 20px;*/
	 width: 83%;
}

.banner-img img {
	 border-radius: 17px;
}

.inp-banner {
	 position: relative;
	 width: 175px
}

.inp-banner input {
	 width: 100%;
	 background: #fff;
	 border-radius: 30px;
	 height: 45px;
	 padding: 13px 142px 13px 35px;
	 font-family: 'Nunito Sans';
	 border: solid 1px #bbe3f6;
}

.inp-banner input::placeholder {
	 color: #7c7c7d;
	 font-size: 14px;
}

.inp-banner i {
	 position: absolute;
	 left: 16px;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 height: 15px;
	 color: #e6f7ff;
}

input[type="submit"] {}

.inp-banner input[type="submit"] {
	 padding: 7px 12px 7px 13px;
	 border-radius: 20px;
	 border-radius: 20px;
	 position: absolute;
	 right: 0;
	 width: max-content;
	 color: #fff;
	 font-size: 14px;
	 height: max-content;
	 padding: 10px 20px;
	 font-weight: bold;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 right: 5px;
	 background: rgb(24, 115, 181);
	 background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: -webkit-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
	 font-family: 'Nunito Sans';
}
.inp-banner input[type="submit"]:hover{
	 background: linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
}
.banner-cnt ul li {
	 display: inline-block;
	 margin-right: 10px;
	 vertical-align: middle;
}

.home-banner .banner-cnt p {
  width: 91%;
}

.banner-cnt ul li h5 {
	 color: #0e5182;
	 font-size: 16px;
}

.banner-cnt ul li a {
	 color: #0e5182;
	 font-weight: 600;
	 font-size: 16px;
	 border-bottom: solid 1px #c1e5f6;
	 padding-bottom: 3px;
}

/* home3 sec css start */

/* The container-check */

.container-check {
	 display: block;
	 position: relative;
	 padding-left: 35px;
	 margin-bottom: 12px;
	 cursor: pointer;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 color: #1e5d8a;
	 font-size: 16px;
	 margin-right: 45px;
}

/* Hide the browser's default radio button */

.container-check input {
	 position: absolute !important;
	 opacity: 0;
	 cursor: pointer;
	 height: 34px;
	 line-height: normal;
}

/* Create a custom radio button */

.checkmark {
	 position: absolute;
	 top: -10px;
	 left: -10px;
	 height: 34px;
	 width: 34px;
	 background-color: #fff;
	 border-radius: 10px;
	 border: solid 1px #d0edfa;
}

/* On mouse-over, add a grey background color */

.container-check:hover input~.checkmark {
	 background-color: #ffffff;
}

/* When the radio button is checked, add a blue background */

.container-check input:checked~.checkmark {
	 background-color: #a1defa;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
	 content: "\f00c";
	 font-family:"Font Awesome 5 Pro";
	 color:#fff;
	 position: absolute;
	 display: none;
}

/* Show the indicator (dot/circle) when checked */

.container-check input:checked~.checkmark:after {
	 display: block;
}

.inp-feld.inp-chck {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}

.inp-feld.inp-chck .container-check:last-child {
	 margin-right: 0;
}

/* Style the indicator (dot/circle) */

.container-check .checkmark:after {
	 /*top: 9px;*/
	 /*left: 9px;*/
	 /*width: 13px;*/
	 /*height: 13px;*/
	 /*border-radius: 50%;*/
	 /*background: #fff;*/
	 top:0;
	 left:0;
	 background: #145785;
width: 100%;
height: 100%;
text-align: center;
line-height: 34px;
border-radius: 10px;
}

.home3-vertical {
	 background: #a1defa;
	 text-align: center;
	 padding: 30px 0;
	 border-radius: 15px;
	 height: 100%;
}

.home3-vertical .vertical-slider {
	 height: 745px;
}

.vertical-slider  img{display: block; margin: auto;}

.vertical-slider button.slick-arrow {
	 position: absolute;
	 top: -65px;
	 left: 0;
	 right: 0;
	 font-size: 0;
	 background: #094e7f;
	 border: 0;
	 z-index: 2;
	 margin: auto;
	 outline: none;
	 height: 39px;
	 width: 39px;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}

.vertical-slider button.slick-prev.slick-arrow {
	 left: 0;
}

.vertical-slider button.slick-next.slick-arrow {
	 top: inherit;
	 bottom: -18px;
}

.vertical-slider button.slick-arrow:after {
	 content: '\f124';
	 font-size: 2px;
	 font-family: "Font Awesome 5";
	 cursor: pointer;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 600;
	 transform: rotate(-46deg);
}

.vertical-slider button.slick-next.slick-arrow:after {
	 content: '\f124';
	 transform: rotate(134deg);
}

.vertical-slider .slick-slide {
	 margin: 0px 15px 25px;
}

.home3-wrap {
	 background: #e6f7ff;
	 border-radius: 15px;
}

.home3-tab h4 {
	 color: #094e7f;
	 font-size: 38px;
	 letter-spacing: -1.3px;
	 font-family: 'El Messiri';
	 font-weight: 600;
	 margin-bottom: 15px;
}

ul.add-item-lst li {
	 display: inline-block;
	 width: 125px !important;
	 height: 145px;
	 border: solid 1px #d0edfa;
	 background-color: #fff;
	 border-radius: 10px;
	 padding: 10px 8px;
	 text-align: center;
	 margin: 5px;
}
ul.add-item-lst li a {
    display: block;
    margin: auto;
    margin-top: -30px;
}
ul.add-item-lst li img{
    width: 100%;
    height: 75px;
    margin-bottom: 8px;
}

ul.add-item-lst {
	 /* column-count: 6; */
}

.add-item {
	 border: solid 1px #d0edfa;
	 background-color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 12px;
	 padding: 23px 0 22px;
	 min-height: 92px;
	 max-width: 93px;
}

.add-item-inner {
	 text-align: center;
}

.add-item-inner a {
	 background: #a1defa;
	 color: #fff;
	 font-size: 13px;
	 height: 27px;
	 width: 27px;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: auto;
	 margin-bottom: 10px;
}

.add-item-inner h5 {
	 color: #094e7f;
	 font-size: 12px;
	 font-weight: 600;
}

.add-item-inner a>ul>li {
	 display: inline-block;
	 height: 12px;
	 width: 12px;
	 background: #a1defa;
	 border-radius: 50%;
}

.add-item-inner a ul {
	 margin-bottom: 18px;
}

.add-item-inner.add-more-item a {
	 width: auto;
	 height: auto;
	 display: block;
	 background: transparent;
}

.add-item-inner.add-more-item a li {
	 margin-bottom: 2px;
}

.add-item-inner.add-more-item a {
	 margin: 0;
}

.home3-tab h6 {
	 /*color: #094e7f;*/
	 /*font-size: 12px;*/
	 /*font-weight: 600;*/
	 /*margin: 20px 0 40px;*/
	 color: #094e7f;
    font-size: 12px;
    font-weight: 600;
    margin: 3px 0 28px;
    min-height: 32px;
    line-height: 1.2em;
}

.bill-calc select, .bill-calc input {
	 padding: 19px 20px 18px 42px;
	 border-radius: 47px;
	 border: solid 1px #d0edfa;
	 background-color: #fff;
	 width: 100%;
	 font-size: 18px;
	 color: #1e5d8a;
	 position: relative;
}

.inp-feld {
	 margin-bottom: 25px;
}

.inp-feld {}

.home3-tab {
	 width: 95%;
	 padding: 25px 0;
}

ul.add-item-lst {
	 font-size: 0;
	 padding: 0 20px;
	 /* align-items: center; */
	 line-height: 0;
}

.inp-feld.inp-sbmt input {
	 /*padding: 9px 30% 10px 42px;*/
	 height: 62px;
}
.inp-feld.inp-sbmt input[type="button"]{
    background: linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    color:#fff;
    transition:0.3s ease-in-out;
}
.inp-feld.inp-sbmt input[type="button"]:hover{
    background: linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
}
.inp-feld.inp-sbmt input[type="submit"] {
	 background: rgb(24, 115, 181);
	 background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: -webkit-linear-gradient( 253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: linear-gradient( 253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
	 color: #fff;
	 font-size: 14px;
	 padding: 0;
	 width: max-content;
	 height: 43px;
	 position: absolute;
	 right: 15px;
	 bottom: 0;
	 top: 0;
	 margin: auto;
	 padding: 12px 22px 12px 27px !important;
	 line-height: normal;
}

.inp-feld.inp-sbmt {
	 position: relative;
}

.home3-tab p {
	 color: #094e7f;
	 font-size: 12px;
	 font-weight: 600;
}

.vertical-slider .slick-active {
	 opacity: 1 !important;
}

.vertical-slider .slick-slide {
	 opacity: 0;
}

/* home3 sec css end */

/* counter section css start */

section.counter {
	 padding: 100px 0;
}

.conter-inner {
	 text-align: center;
}
.conter-inner span{
	 color: #094e7f;
	 font-size: 45px;
	 letter-spacing: -1.3px;
	 font-family: 'El Messiri';
	 font-weight: 600;
	 }
.conter-inner h4 {
	 color: #094e7f;
	 font-size: 63px;
	 letter-spacing: -1.3px;
	 font-family: 'El Messiri';
	 font-weight: 600;
	 display: inline-block;
	 margin-right: 10px;
}

.conter-inner h5 {
	 color: #000;
	 font-size: 20px;
	 font-weight: 600;
}

/* counter section css end */

/* home4 section css start */

section.home4-sec {
	 padding-bottom: 100px;
}

.home4-cnt h4 {
	 color: #094e7f;
	 font-size: 38px;
	 font-weight: 600;
	 letter-spacing: -1.3px;
	 font-family: 'El Messiri';
	 margin-bottom: 25px;
}

.home4-cnt p {
	 color: #7b7b7b;
	 font-size: 16px;
	 font-weight: normal;
	 margin-bottom: 20px;
}

.home4-cnt p:last-child {
	 margin-bottom: 0;
}

.home4-cnt {
	 padding-left: 15%;
}

/* home4 section css end */

/* how section css start */

section.how-sec {
	 padding: 0 0 70px;
}

.how-wrap h4 {
	 color: #094e7f;
	 font-size: 38px;
	 letter-spacing: -1.3px;
	 font-weight: 600;
	 font-family: 'El Messiri';
	 padding-bottom: 10px;
}

.how-wrap p {
	 color: #7b7b7b;
	 font-size: 14px;
	 line-height: normal;
}

ul.how-lst li {
	 display: inline-block;
	 width: 24%;
	 vertical-align: top;
}

.nm h5 {
	 background: #094e7f;
	 height: 29px;
	 width: 29px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #fff;
	 border-radius: 50%;
	 font-size: 15px;
	 font-weight: 600;
}

.how-cnt h6 {
	 color: #094e7f;
	 font-size: 17px;
	 font-weight: 600;
	 line-height: 23px;
	 margin-bottom: 15px;
}

.how-cnt p {
	 color: #7b7b7b;
	 font-size: 14px;
	 font-weight: normal;
}

.how-item a {
	 background: rgb(24, 115, 181);
	 background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: -webkit-linear-gradient( 253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: linear-gradient( 253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
	 color: #fff;
	 font-size: 14px;
	 padding: 12px 27px;
	 border-radius: 35px;
	 opacity: 0;
}

.how-cnt {
	 /* margin-bottom: 30px; */
	 min-height: 130px;
}

.how-item {
	 /* display: flex; */
	 font-size: 0;
}

.nm {
	 display: inline-block;
	 width: 10%;
	 vertical-align: top;
}

.how-cnt {
	 width: 90%;
	 display: inline-block;
	 padding: 5px 12px 0 15px;
}

.how-item:hover>a {
	 opacity: 1;
}

ul.how-lst {
	 margin-top: 50px;
}

/* how section css end */

/* barnds section css start */

.brands-wrap img {
	 width: 100%;
	 height: 30px;
	 object-fit: contain;
}

.brands-wrap h4 {
	 color: #094e7f;
	 font-size: 38px;
	 letter-spacing: -1.3px;
	 font-weight: 600;
	 font-family: 'El Messiri';
	 margin-bottom: 15px;
}

.brands-wrap p {
	 color: #7b7b7b;
	 font-size: 16px;
	 margin-bottom: 25px;
}

section.brands {
	 padding-bottom: 70px;
}

/* barnds section css end */

/* testimonial section css start */

.testimonialwrap h4 {
	 color: #094e7f;
	 font-size: 38px;
	 letter-spacing: -1.3px;
	 font-weight: 600;
	 font-family: 'El Messiri';
	 margin-bottom: 10px;
}

.testimonialwrap p {
	 color: #7b7b7b;
	 font-size: 16px;
	 line-height: 22px;
}

.testimonialwrap {
	 margin-bottom: 80px;
}

.testimonial-slides {
	 /*width: 1680px;*/
	 /* margin-left: auto; */
}

.testimonial-item {
	 background: #e6f7ff;
	 padding: 19px 16px 37px 21px;
	 min-height: 185px;
}

.testimonial-img {
	 display: inline-block;
	 width: 18%;
	 vertical-align: top;
}

.testimonial-cnt {
	 display: inline-block;
	 width: 78%;
	 padding: 10px 0 0 20px;
}

.testimonial-cnt h4 {
	 color: #033d75;
	 font-size: 20px;
	 font-weight: bold;
	 font-family: 'El Messiri';
	 padding-bottom: 10px;
}

.testimonial-cnt h5 {
	 color: #949494;
	 font-size: 14px;
	 letter-spacing: 0.56px;
	 font-style: italic;
	 margin-bottom: 15px;
}

.testimonial-cnt p {
	 color: #777777;
	 font-size: 15px;
	 line-height: 22px;
}


.wd-1440 {
  max-width: 1440px;
  margin: auto;
}

.testimonal-prev,.testimonal-next{
    border-radius: 50%;
    width: 36px;
    height: 36px;
    background-color: #094E7F;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}

.testimonial-arrows{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    padding-top:35px;
}

/*.testimonial-slider button.slick-arrow {*/
/*	 position: absolute;*/
/*	 top: 0;*/
/*	 left: -11px;*/
/*	 bottom: -200px;*/
/*	 font-size: 0;*/
/*	 background: #094e7f;*/
/*	 border: 0;*/
/*	 z-index: 2;*/
/*	 margin: auto;*/
/*	 outline: none;*/
/*	 height: 39px;*/
/*	 width: 39px;*/
/*	 border-radius: 50%;*/
/*	 display: flex;*/
/*	 align-items: center;*/
/*	 justify-content: center;*/
/*}*/

/*.testimonial-slider button.slick-prev.slick-arrow {*/
/*	 left: 40%;*/
/*}*/

/*.testimonial-slider button.slick-next.slick-arrow {*/
/*	 right: 10%;*/
/*}*/

/*.testimonial-slider button.slick-arrow:after {*/
/*	 content: '\f124';*/
/*	 font-size: 2px;*/
/*	 font-family: "Font Awesome 5";*/
/*	 cursor: pointer;*/
/*	 color: #fff;*/
/*	 font-size: 14px;*/
/*	 font-weight: 600;*/
/*	 transform: rotate(-135deg);*/
/*}*/

/*.testimonial-slider button.slick-next.slick-arrow:after {*/
/*	 content: '\f124';*/
/*	 transform: rotate(38deg);*/
/*}*/

/*.testimonial-slider .slick-slide {*/
/*	 margin: 0px 15px 25px;*/
/*}*/

/* testimonial section css end */

/* faq section css start */

.faq-wrap h4 {
	 color: #094e7f;
	 font-size: 38px;
	 letter-spacing: -1.3px;
	 font-weight: 500;
	 font-family: 'El Messiri';
	 margin-bottom: 25px;
}

ul.myaccordion li {
	 padding: 20px 0px 14px 25px;
	 border-radius: 15px;
	 border: solid 1.2px #ddd;
	 margin: 0 0 27px;
	 position: relative;
}

ul.myaccordion li:last-child {
	 margin-bottom: 0;
}

ul.myaccordion li.active .faqHead h5 {
	 color: #0779e4;
}

.faqHead h5 {
	 color: #000000;
	 font-size: 18px;
	 letter-spacing: -0.4px;
	 font-family: 'El Messiri';
	 font-weight: 500;
	 cursor: pointer;
}

.faq-opt {
	 padding-top: 15px;
}

.faq-opt p {
	 color: #000000;
	 font-size: 16px;
	 line-height: 20px;
	 letter-spacing: 0.5px;
	 padding-right: 70px;
}

ul.myaccordion li:after {
	 content: "\f105";
	 position: absolute;
	 font-size: 25px;
	 color: #000;
	 font-family: 'Font Awesome 5';
	 right: 26px;
	 top: 14px;
	 /*bottom: 0;*/
	 height: 22px;
	 margin: auto;
	 z-index: -1;
}

ul.myaccordion li.active:after {
	 content: "\f107";
	 color: #0779e4;
}

section.faq-sec {
	 padding: 100px 0;
}

/* faq section css end */

/* footer css start */

ul.footer-lst li a {
	 color: #7b7b7b;
	 font-size: 14px;
	 font-weight: 600;
}

ul.footer-lst li {
	 display: inline-block;
}

ul.footer-lst li:not(:last-child) {
	 margin-right: 29px;
}

ul.footer-lst {
text-align: center;
}


.footer-wrap {
	 border-top: solid 1px #dfdfdf;
	 padding: 30px 0 30px;
}

/* services sec css start */

.services-banner .banner-cnt p {
	 margin-bottom: 0;
}

section.services-sec {
	 padding: 100px 0 120px;
}

.services-sec-hd h4 {
	 color: #0f1123;
	 font-size: 66px;
	 line-height: 78px;
	 font-family: 'El Messiri';
	 font-weight: 500;
	 padding-bottom: 23px;
}

.services-sec-hd p {
	 color: #393e46;
	 font-size: 16px;
	 font-weight: 600;
}

.services-sec-hd {
	 padding-bottom: 62px;
	 /*width: 45%;*/
	 width: 75%;
	 margin: auto;
}

.services-sec-cnt p {
	 color: #393e46;
	 font-size: 16px;
	 font-weight: 600;
	 line-height: 26px;
}

.services-sec-cnt p:not(:last-child) {
	 padding-bottom: 13px;
}

.services-testimonial {
	 padding-bottom: 45px;
}

.services-banner .banner-wrap {
	 padding: 0;
}

/* services sec css end */

/* why washup page css start */

.why-sec1-cnt h4 {
	 color: #0f1123;
	 font-size: 66px;
	 font-weight: 500;
	 line-height: 70px;
	 font-family: 'El Messiri';
	 padding-bottom: 15px;
}

.why-sec1-cnt p {
	 color: #393e46;
	 font-size: 16px;
	 font-weight: 600;
	 padding-bottom: 55px;
}

.why-sec1-cnt a {
	 padding: 20px 63.5px;
	 border-radius: 10px;
	 background: rgb(24, 115, 181);
	 background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: -webkit-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
	 color: #fff;
	 font-size: 14px;
	 font-weight: 500;
	 text-transform: uppercase;
}

.why-sec1-cnt a:hover {
	 background: rgb(0, 53, 92);
	 background: -moz-linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
	 background: -webkit-linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
	 background: linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00355c", endColorstr="#1873b5", GradientType=1);
}

.why-sec2-cnt h4 {
	 color: #156aa8;
	 font-size: 40px;
	 font-weight: 500;
	 font-family: 'El Messiri';
	 padding-bottom: 30px;
	 line-height: 52px;
}

.why-sec2-cnt p {
	 color: #393e46;
	 font-size: 16px;
	 font-weight: 600;
	 line-height: 36px;
}

.why-sec2-cnt {
	 padding-bottom: 90px;
}

section.why-sec2 {
	 padding-bottom: 20px;
}

section.why-sec2 .row .col-md-6:nth-child(odd) {
	 padding-right: 12%;
}

section.why-sec1 {
	 padding-top: 120px;
}

.why-sec1-img {
	 position: relative;
}

.why-sec1-img:after {
	 height: 65%;
	 width: 90%;
	 border-radius: 10px;
	 content: "";
	 position: absolute;
	 background: #b1dff4;
	 left: 10px;
	 top: 10px;
	 margin: auto;
	 z-index: -1;
}

.why-sec1-cnt {
	 padding-top: 5%;
}

/* why washup page css end */

/* how it works page css start */

.innerpg-banner .banner-wrap {
	 padding: 95px 0;
}

.innerpg-banner .banner-cnt h4 {
	 width: 100%;
	 padding-bottom: 15px;
}

.innerpg-banner .banner-cnt p {
	 width: 100%;
	 color: #393e46;
	 font-weight: 500;
	 font-size: 16px;
}

.innerpg-banner .banner-cnt {
	 width: 90%;
	 margin: auto;
}

.how-it-cnt h4 {
	 color: #0f1123;
	 font-size: 40px;
	 line-height: 52px;
	 font-weight: 500;
	 font-family: 'El Messiri';
	 padding-bottom: 30px;
}

.how-it-cnt p {
	 color: #393e46;
	 font-size: 16px;
	 line-height: 32px;
	 font-weight: 600;
}

.how-it-img {
	 position: relative;
}

.how-it-img:after {
	 content: "";
	 position: absolute;
	 width: 510px;
	 height: 395px;
	 margin: auto;
	 background: #b1dff4;
	 left: 0;
	 top: 85px;
	 z-index: -1;
	 border-radius: 25px;
}

.how-it-img1:after {
	 top: -7%;
	 width: 420px;
	 left: 50px;
	 height: 355px;
}

.how-it-img2:after {
	 top: inherit;
	 bottom: 20%;
}

.how-it-img3:after {
	 top: inherit;
	 bottom: 21%;
	 width: 500px;
}

/* how it works page css end */

/* instant page css start */

.instant-prd-wrap {
	 padding: 130px 0;
}

/* instant page css end */

/* faq page css start */

section.faq-main-sec {
	 padding: 100px 0;
}

.faq-sec-hd h4 {
	 color: #000;
	 font-size: 48px;
	 letter-spacing: 0.5px;
	 font-weight: bold;
	 font-family: 'El Messiri';
	 padding-bottom: 50px;
}

.faq-nav ul li a {
	 color: #aaaaaa;
	 font-size: 17px;
	 letter-spacing: 0.5px;
	 font-weight: 600;
	 padding-bottom: 10px;
	 /* border-bottom: 1px solid #27b5f5; */
	 position: relative;
}

.faq-nav ul li a:after {
	 height: 2px;
	 width: 46px;
	 content: "";
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 margin: auto;
	 background: transparent;
}

.faq-nav ul li {
	 display: inline-block;
}

.faq-nav ul li:not(:last-child) {
	 margin-right: 70px;
}

.faq-nav ul li.current a:after {
	 background: #27b5f5;
}

.faq-nav {
	 padding-bottom: 80px;
}

.faq-bx-cnt h4 {
	 color: #000;
	 font-size: 18px;
	 letter-spacing: 0.5px;
	 font-weight: 600;
	 font-family: 'El Messiri';
	 padding-bottom: 15px;
	 line-height: 25px;
}

.faq-bx-cnt p {
	 color: rgba(0, 0, 0, 0.6);
	 font-size: 16px;
	 font-weight: 500;
	 line-height: 27px;
	 letter-spacing: 0.5px;
}

.faq-bx-cnt {
	 padding-bottom: 60px;
	 padding-right: 5%;
}

.faq-nav ul li.current a {
	 color: #000;
}

/* faq page css end */

/* contact page css start */

section.contact-info-sec {
	 padding: 50px 0;
	 text-align: center;
}

.contact-info-cnt h4 {
	 color: #094e7f;
	 font-size: 18px;
	 font-weight: 600;
	 font-family: 'El Messiri';
	 padding: 20px 0 10px;
}

.contact-info-cnt p {
	 color: #0f1123;
	 font-size: 16px;
	 line-height: 24px;
	 font-weight: 500;
}

.contact-info-item {
	 padding: 50px 50px 35px;
	 border: 1px solid #6fb1fc;
	 border-radius: 20px;
	 /* min-height: 275px; */
	 display: flex;
	 align-items: center;
	 flex-direction: column;
}

.contact-info-lst ul li {
	 display: inline-block;
	 vertical-align: top;
	 width: 33.33%;
	 /* min-height: 227px; */
	 padding: 0 10px;
}

.contact-info-lst ul {
	 font-size: 0;
	 margin-left: -10px;
	 margin-right: -10px;
}

.contact-form-main h4 {
	 color: #333333;
	 font-size: 36px;
	 letter-spacing: -1px;
	 line-height: 50px;
	 font-weight: bold;
	 font-family: 'El Messiri';
	 padding-bottom: 14px;
}

.contact-inp input, .contact-inp textarea {
	 width: 100%;
	 height: 46px;
	 border: 1px solid #eeeeee;
	 padding: 20px;
	 border-radius: 3px;
	 font-size: 14px;
	 font-style: italic;
	 color: #000;
	 margin-bottom: 25px;
}

.contact-inp textarea {
	 height: 180px;
	 resize: none;
}

.contact-inp input::placeholder, .contact-inp textarea::placeholder {
	 color: #b1b1b1;
}

.contact-sbt {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}

.contact-sbt h5 {
	 color: #747578;
	 font-size: 14px;
	 font-weight: 500;
	 font-style: italic;
}

.contact-sbt input {
	 background: rgb(24, 115, 181);
	 background: -moz-linear-gradient(259deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: -webkit-linear-gradient(259deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: linear-gradient(259deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
	 padding: 11px 51px;
	 border-radius: 40px;
	 color: #fff;
	 font-size: 12px;
	 font-weight: bold;
	 letter-spacing: 2.4px;
}

.contact-sbt input:hover {
	 background: rgb(0, 53, 92);
	 background: -moz-linear-gradient(259deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
	 background: -webkit-linear-gradient(259deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
	 background: linear-gradient(259deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00355c", endColorstr="#1873b5", GradientType=1);
}

section.contact-form-sec {
	 padding-bottom: 75px;
}

.contact-info-wrap {
	 min-height: 172px;
}

/* contact page css end */

/*============Steps*/

section.stepSec {
	 width: 100%;
	 background-repeat: no-repeat;
	 background-size: cover;
	 height: auto;
	 display: flex;
	 align-items: center;
	 padding: 100px 0;
	 background-position: center;
}

section.stepSec.step1Sec {
	 height: 1024px;
}

.stepFromWrp {}

.stphd>h4 {
	 font-size: 38px;
	 font-weight: 600;
	 line-height: 1.29;
	 letter-spacing: -1.3px;
	 color: #094e7f;
	 margin-bottom: 40px;
}

.stepFromWrp form {}

.serchLoc {
	 width: 950px;
	 border-radius: 50px;
	 box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.13);
	 border: solid 1px #bbe3f6;
	 background-color: #fff;
	 font-size: 0;
	 margin: auto;
	 padding: 14px 10px;
}

.serchLoc .inc {
	 display: inline-block;
	 vertical-align: middle;
	 color: #e6f7ff;
	 font-size: 26PX;
	 width: 5%;
}

.serchLoc input[type="text"] {
	 width: 61%;
	 padding: 0 15px;
	 font-size: 14px;
	 color: #7c7c7d;
	 font-style: italic;
	 vertical-align: middle;
}

.serchLoc .cntloc {
	 display: inline-block;
	 vertical-align: middle;
	 width: 5%;
	 font-size: 23px;
	 margin: 0 15px;
	 opacity: 0.5;
}

.serchLoc button {
	 width: 25%;
	 height: 60px;
	 border-radius: 41px;
	 background-image: linear-gradient(258deg, #1873b5 99%, #00355c);
	 font-size: 19px;
	 font-weight: bold;
	 color: #fff;
	 vertical-align: middle;
	 background: rgb(24, 115, 181);
	 background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: -webkit-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
}
.serchLoc button:hover{
    background: linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
}
.step2Wrp {}

.step2Wrp .serchLoc {
	 margin-bottom: 70px;
}

.detlForm {
	 width: 710px;
	 margin: auto;
}

.detlForm input {
	 width: 100%;
	 height: 62px;
	 border-radius: 47px;
	 border: solid 1px #d0edfa;
	 background-color: #fff;
	 margin-bottom: 30px;
	 font-size: 16px;
	 color: #1e5d8a;
	 padding: 0 25px;
}

.detlForm input::placeholder {
	 color: #1e5d8a;
}

.detlForm button {
	 width: 100%;
	 height: 62px;
	 border-radius: 31px;
	 background-image: linear-gradient(266deg, #1873b5 100%, #00355c);
	 font-size: 17px;
	 font-weight: bold;
	 color: #fff;
	 text-transform: capitalize;
	 background: rgb(24, 115, 181);
	 background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: -webkit-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 background: linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
}
.detlForm button:hover{
    background: linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
}
.detlForm label {
	 text-align: left;
	 display: block;
	 padding: 0 30px 5px;
	 font-size: 14px;
	 font-weight: 600;
	 color: #094e7f;
	 text-transform: capitalize;
}

.calculWrp {
	 background-color: #e6f7ff;
	 border-radius: 15px;
	 text-align: left;
}

.step3Wrp {}

.step3Wrp>h4 {
	 font-size: 66px;
	 line-height: 0.59;
	 margin-bottom: 24px;
}

.step3Wrp>p {
	 font-size: 26px;
	 font-weight: 600;
	 line-height: 1.5;
	 color: #000;
	 margin-bottom: 44px;
}



/* footer css end */




/*Drag Css*/


#banner-secondary p.intro { padding: 0; float: left; width: 50%; }
#banner-secondary .download-box { border: 1px solid #aaa; background: #333; background: -webkit-linear-gradient(left, #333 0%, #444 100%); background: linear-gradient(to right, #333 0%, #444 100%); float: right; width: 40%; text-align: center; font-size: 20px; padding: 10px; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }
#banner-secondary .download-box h2 { color: #71D1FF; font-size: 26px; }
#banner-secondary .download-box .button { float: none; display: block; margin-top: 15px; }
#banner-secondary .download-box p { margin: 15px 0 5px; }
#banner-secondary .download-option { width: 45%; float: left; font-size: 16px; }
#banner-secondary .download-legacy { float: right; }
#banner-secondary .download-option span { display: block; font-size: 14px; color: #71D1FF; }
#content .dev-links { float: right; width: 30%; margin: -15px -25px .5em 1em; padding: 1em; border: 1px solid #666; border-width: 0 0 1px 1px; border-radius: 0 0 0 5px; box-shadow: -2px 2px 10px -2px #666; }
#content .dev-links ul { margin: 0; }
#content .dev-links li { padding: 0; margin: .25em 0 .25em 1em; background-image: none; }
.demo-list { float: right; width: 25%; }
.demo-list h2 { font-weight: normal; margin-bottom: 0; }
#content .demo-list ul { width: 100%; border-top: 1px solid #ccc; margin: 0; }
#content .demo-list li { border-bottom: 1px solid #ccc; margin: 0; padding: 0; background: #eee; }
#content .demo-list .active { background: #fff; }
#content .demo-list a { text-decoration: none; display: block; font-weight: bold; font-size: 13px; color: #3f3f3f; text-shadow: 1px 1px #fff; padding: 2% 4%; }
.demo-frame { width: 70%; height: 350px; }
.view-source a { cursor: pointer; }
.view-source > div { overflow: hidden; display: none; }
@media all and (max-width:600px) {
	 #banner-secondary p.intro,
	 #banner-secondary .download-box { float: none; width: auto; }
	 #banner-secondary .download-box { overflow: auto; }
}
@media only screen and (max-width:480px) {
	 #content .dev-links { width: 55%; margin: -15px -29px .5em 1em; overflow: hidden; }
}
#gallery {/* float: left; *//* width: 65%; *//* min-height: 12em; */width: 100%;text-align: center;font-size: 0;line-height: normal;}
.gallery.custom-state-active { background: #eee; }
.gallery li {/* float: left; *//* width: 92px; *//* height: 96px; */text-align: center;margin: 0 auto 20px;position: relative; z-index: 9;}
.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
.gallery li a { float: right; }
.gallery li a.ui-icon-zoomin { float: left; }
.gallery li img {width: 92px;cursor: move;height: 96px;}
.gallery li h6{
    font-size: 18px;
    font-weight: bold;
}
.brnd{text-align:center;}

#trash {/*float: right; width: 32%; min-height: 18em; padding: 1%;*/height: 300px;min-height: 170px;background: #a1defa;border: 2px solid #145785;border-radius: 10px;padding: 12px;overflow-x: hidden;overflow-y: auto;}
#trash h4 {line-height: 16px;margin: 0;font-size: 22px;line-height: normal;background: #a1defa;border: 0;border-radius: 8px;background: rgb(24, 115, 181);background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);background: -webkit-linear-gradient( 
253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);background: linear-gradient( 
253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);color: #fff;padding: 0 20px;}
#trash h4 .ui-icon { float: left; }
#trash .gallery h5 { display: none; }

/*ul.add-item-lst li a { color: #fff !important; font-size: 12px; background: #1367a4; width: 100%; text-align: center; font-weight: 700; padding: 4px 0; }

*/
/*ul.add-item-lst li a:hover { color: red; }*/

/*Drag Css End*/

.home2-inner img {
    width: 112px;
    height: 100px;
    object-fit: scale-down;
}
section.home3 {
    position: relative;
    z-index: 9;
}

input#searchSubmit {
    width: 25%;
    height: 60px;
    border-radius: 41px;
    background-image: linear-gradient( 
258deg, #1873b5 99%, #00355c);
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    background: rgb(24, 115, 181);
    background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    background: -webkit-linear-gradient( 
253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    background: linear-gradient( 
253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
        top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    position: relative;
    display: block;
    margin: 40px auto;
}

input#searchSubmit:hover{
    background: linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);

}


.inp-banner input#searchSubmit {
    width: 110px;
    height: 40px;
    font-size: 14px!important;
    padding:0;
}

.homesearch {
    padding: 7px 12px 7px 13px;
    border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    right: 0;
    width: max-content;
    color: #fff;
    font-size: 14px;
    height: max-content;
    padding: 10px 20px;
    font-weight: bold;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 5px;
    background: rgb(24, 115, 181);
    background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    background: -webkit-linear-gradient( 
253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    background: linear-gradient( 
253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
    font-family: 'Nunito Sans';
}


/*popup*/
.popup{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 500px;
  height: 500px;
  z-index: 99;
}
.pop-inner{
    background-color: #094e7f;
    width: 100%;
    height: 617px;
    padding: 32px;
    border-radius: 10px;

}
.closePop{
  position: absolute;
  top: -12px;
  right: 0;
  width: 35px;
  height: 35px;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  border-radius: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pop-inner h4{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 15px 0 25px;
  text-transform: uppercase;
}
.pop-inner p{
  font-size: 15px;
  font-weight: 500;
  font-weight: normal;
  color: #fff;
  text-align: center;
  padding:  0 0 16px;
}
.pop-inner input,.pop-inner textarea{
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 15px;
  font-family: 'Nunito Sans';
  resize: unset;
}
.pop-inner .sbt{
  text-align: center;
}
.pop-inner button{
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background-color: #fff;
  font-family: 'Nunito Sans';
  font-size: 16px;
  font-weight: normal;
  line-height: 50px;
  letter-spacing: normal;
  color: #26211a;
  text-align: center;
  border-radius: 5px;
  text-transform: uppercase;
  /* box-shadow: 2px 12px 12px -3px rgb(239,182,169,0.7); */
  cursor: pointer;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}
.pop-inner button:hover{
  border: 1px solid #fff;
    background: none;
    color: #fff;
}
.pop-overlay{
	 display: none;
	 position: absolute;
    z-index: 99;
}
.pop-overlay:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

h4.drgitms {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #094e7f;
    padding: 15px 0 15px;
}



ul.socialinks {
    text-align: center;
}

ul.socialinks>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}

ul.socialinks>li a {
    font-size: 34px;
    color: #40bff8;
}

ul.socialinks>li a:hover {
    color: #023a63;
}



.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 60px;
    right: 20px;
    background-color: #25D366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    z-index: 9;
    display:flex;
    align-items:center;
    justify-content:center;
}

.my-float {
    /*margin-top: 7px;*/
    font-size: 32px;
}

/*thanks popup*/
.thanks-popup{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 500px;
  height: 500px;
  z-index: 999;
}
.thanks-popup .pop-inner {
    background-color: #fff;
    width: 100%;
    height: 350px;
    padding: 35px;
    border-radius: 10px;
}
.thanks-popup .pop-inner img {
    width: 150px;
    margin: auto;
    display: block;
}
.thanks-popup .pop-inner p {
    font-size: 15px;
    font-weight: 500;
    font-weight: normal;
    color: #000;
    text-align: center;
    padding: 0;
    text-transform: unset;
}

.thanks-popup .pop-inner button {
    background-color: #A1DEFA;
    width: 150px;
    height: 40px;
    border-radius: 5px;
    font-size: 20px;
    color: #064674;
    font-weight: 700;
    line-height: 40px;
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
}
.thanks-popup .pop-inner button:hover{
    background-color:#064674;
    color:#fff;
}
.thanks-popup  .closePop {
    text-align: center;
    margin-top: 20px;
    position: unset;
    text-align: center;
    width: unset;
    height: unset;
    display: block;
}
.thanks-popup .pop-inner h4 {
    font-size: 20px;
    font-weight: 700!important;
    font-weight: normal;
    color: #064674!important;
    padding: 30px 0 10px;
    text-transform: uppercase;
}




input#tot_amount::placeholder {
    font-weight: 700;
    color: #033d68;
}

input#tot_amount {
    color: #033d68;
}
.totals-item {
    display: inline-block;
    width: 24%;
}
.totals-item label {
    padding: 15px 0;
    font-weight: bold;
    color: #094e7f;
}
.bill-calc .inp-feld.inp-sbmt input {
    height: 18px;
}
.calc-table {
    height: 150px;
    overflow-y: scroll;
}
.bill-calc .totals {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    margin-top: 15px;
    padding-bottom: 15px;
}




input#bookNow {
    /*width: 25%;*/
    height: 50px;
    border-radius: 41px;
     background: #054370;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    background: rgb(24, 115, 181);
    background: -moz-linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    background: -webkit-linear-gradient( 
253deg
, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    background: linear-gradient( 
253deg
, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1873b5", endColorstr="#00355c", GradientType=1);
    padding: 0;
    width: 100%;
}




div#map {
}

div#map input#pac-input {
    position: absolute !important;
    top: 5px !important;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #12649f;
}

.crnLoc {
    position: absolute;
    right: 80px;
    top: 5px;
    z-index: 9;
}

.crnLoc button#btnAction {
    background: -webkit-linear-gradient( 
253deg
, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    background: linear-gradient( 
253deg
, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    color: #fff;
    padding: 20px;
    border-radius: 50px;
}

div#map input#pac-input::placeholder {
    color: #000 !important;
}

section#map_sec {
    position: relative;
}

.gm-style-iw-d {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

.gm-style-iw.gm-style-iw-c {
    padding: 25px !important;
}


.custom-captcha h6 {
  font-weight: 600;
  padding-left: 10px;
}


.captcha-flex {
  display: flex;
  align-items: center;
  margin-top:10px;
  margin-bottom:15px;
}


.captcha-flex label {
  border: 1px solid #000;
  text-align: center;
}


.custom-captcha input {
  height: 46px;
  border: 1px solid #eeeeee;
  padding: 20px;
  appearance: textarea;
  -webkit-appearance: textfield;
}

.popup .custom-captcha h6{
    color:#fff;
}

.popup .captcha-flex label{
    border:1px solid #fff;
    background-color:#fff;
    
}
/* new calculator  */

.calculator-sec{
	padding:50px 0;
}

.calculator-sec .container-fluid{
	max-width: 1440px;
	margin:auto;
}

.calculator-heading h2{
	color: #094e7f;
font-size: 38px;
font-weight: 600;
letter-spacing: -1.3px;
font-family: 'El Messiri';
margin-bottom: 15px;
}
.calculator-heading p{
	color: #7b7b7b;
font-size: 14px;
font-weight: normal;
padding-bottom:40px;
max-width: 820px;
}

.calculator-item-selector{
	/*overflow-x: auto;*/
	/*scrollbar-width: thin;*/
}


/*::-webkit-scrollbar {*/
/*    width: 12px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*    border-radius: 10px;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    border-radius: 10px;*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
/*}*/


.calculator-quote-wrap {
	background-color: #fff;
  }

.calculator-items{
	font-size:0;
	margin:0 -15px;
	padding-left:45px;
	padding-right:45px;
	/*width: calc(165px * 18);*/
	padding-bottom: 0px;
}

.carousel-prev,
.carousel-next{
    border-radius:50%;
    width:36px;
    height:36px;
    background-color:#094E7F;
    color:#fff;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    cursor:pointer;
    top:30%;
    transform: translateY(-30%);
    margin:auto;
    z-index:1;
}

.carousel-prev{
    left:0;
}

.carousel-next{
    right:-5px;
}

.calculator-items>li{
	display: inline-block;
	vertical-align: top;
	/* width:20%; */
	padding:0 15px;
}

.calculator-item-box{
	border-radius: 15px;
	width: 165px;
	transition: all 0.3s ease-in-out;
	border:2px solid transparent;
	background-color: transparent;
	cursor: pointer;
}


.cib-img{
	height:90px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#d5f0ff;
	border-radius: 10px;
	position: relative;
	transition: all 0.3s ease-in-out;
	margin:4px 6px;
	border:2px solid transparent;
}

.cib-img img {
	height: 55px;
	object-fit: scale-down;
  }

.cib-body{}
.cib-body h5{
	color:#333;
	font-size:16px;
	font-weight: 500;
	padding:15px 5px;
	text-align: center;
}

.calculator-item-box.cib-selected {
	border-color:#bee8ff;
	background-color:#f4fbff;
}

.cib-selected .cib-img{
	background-color:#fff;
	border-color:#bee8ff;
}

.cib-selected .cib-img::before{
	content: "\f058";
	font-family: "Font Awesome 5";
	color:#6cd642;
	font-weight: bold;
	font-size:24px;
	position: absolute;
	right:5px;
	top:5px;
}

.calculator-scroll-bar{
	padding:10px 0 30px;
	display: flex;
	align-items: center;
}

.calculator-scroll-bar h5{
	color:#666666;
	font-size:18px;
}

.calculator-scroll-bar h5 span{
	color:#43c3f7;
	font-weight: bold;
	margin-left:15px;
	vertical-align: middle;
}

.cid-head {
	display: flex;
	align-items: center;
}

.cid-head h6{
	color:#666666;
	font-size:18px;
}

.cid-h1 {
	width: 27%;
	padding-left: 25px;
	padding-right:20px;
  }

  .cid-h2 {
	width: 15%;
	padding: 0 15px;
  }

  .cid-h3 {
	width: 15%;
	padding: 0 15px;
  }

  .cid-h4 {
	width: 35%;
	padding: 0 15px;
  }

.calculator-selected-items-list{
	font-size:0;
	padding-top:20px;
}

.calculator-selected-items-list>li{
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	border:1px solid  rgb(184, 221, 241);
	border-radius: 35px;
	background-image:linear-gradient( -90deg, rgb(213,240,255) 0%, rgb(190,236,255) 100%);
	padding:15px 25px 15px 35px;
}

.csi-title {
	width: 25%;
	padding:0 20px;
	position: relative;
}

.csi-title::before{
	content: "";
	background-color:#a0c1ce;
	height: 40px;
	width: 1px;
	position: absolute;
	right: 0;
	top: -10px;
}
.csi-title h5{
	color:#160f09;
	font-size:18px;
	text-transform: capitalize;
}

.csi-weight {
	width: 15%;
	padding:0 20px;
	position: relative;
  }

  .csi-weight::before{
	content: "";
	background-color:#a0c1ce;
	height: 40px;
	width: 1px;
	position: absolute;
	right: 0;
	top: -10px;
}

.csi-weight h5{
	color:#6c90a5;
	font-size:18px;
}

.csi-quantity{
	position: relative;
	width: 15%;

	padding:0 10px;
}

.csi-quantity::after{
	content: "";
	background-color:#a0c1ce;
	height: 40px;
	width: 1px;
	position: absolute;
	right: 0;
	top: -8px;
}

/* .csi-quantity::before{
	content: "\f078";
	font-family: "Font Awesome 5";
	color:#000;
	width:28px;
	height:28px;
	position: absolute;
	top:0;
	right:20px;
	font-size:14px;
	pointer-events: none;
	background-color:#fff;
	border-radius: 5px;
	border:1px solid #bbdff3;
	display: flex;
	align-items: center;
	justify-content: center;
} */
.csi-quantity-inputs input{
	color:#160f09;
	font-size:20px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: textfield;
	width:100%;
	text-align: center;
	
}

input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0;
}

.csi-quantity-inputs {
	display: flex;
	align-items: center;
	gap: 5px;
  }

  .csi-quantity-inputs span {
	font-size: 14px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #bbdff3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #000;
	flex-shrink: 0;
	cursor: pointer;
  }

.csi-delete {
	width: 5%;
	text-align: center;
  }
.csi-delete span{
	color:#8db1c5;
	font-size:30px;
	cursor: pointer;
}

.csi-service {
	width: 40%;

	padding:0 20px;
	position: relative;
  }


  .csi-service::after{
	content: "";
	background-color:#a0c1ce;
	height: 40px;
	width: 1px;
	position: absolute;
	right: 0;
	top: -3px;
}
  .csi-service-dropdown-holder{
	  position: relative;
	  padding:10px 25px;
	  border-radius: 35px;
	  background-color:#fff;
	border:1px solid #b8ddf1;
  }


  .csi-service-dropdown-holder h5{
	  color:#160f09;
	  font-size:18px;
	  position: relative;
	  cursor: pointer;
	  display: flex;
align-items: center;
	}

	.csi-service-dropdown-holder h5::before{
		content: "\f13a";
	  font-family: "Font Awesome 5";
	  color:#666666;
	  font-size:18px;
	  position: absolute;
	  right: 0;
top: 0;
transition: all 0.3s ease-in-out;
	}

	.csi-service-dropdown-holder .csi-dropdown-active::before{
		transform: rotate(180deg);
	}
  .csi-service-dropdown{
	  position: absolute;
	  left:0;
	  right:0;
	  top:35px;
	  height: 190px;
	  background-color:#fff;
	  border:1px solid  rgb(242, 242, 242);
	  box-shadow: 0px 18px 51px 0px rgba(0, 0, 0, 0.41);
	  border-radius: 20px;
	  padding:15px 20px;
	  opacity: 0;
	  visibility: hidden;
	  transition: all 0.3s ease-in-out;
	  z-index: 1;
  }

   .csi-service-dropdown.csi-dropdown-active{
	  opacity: 1;
	  visibility: visible;
  }

  .csi-service-dropdown h6{
	  color:#666666;
	  font-size:18px;
	  padding-bottom: 15px;
	  margin-bottom: 15px;
	  border-bottom: 1px solid #e8e8e8;
  }

  .csi-service-options>li:not(:last-child){
	  margin-bottom: 15px;
  }


  .csi-tooltip{
	  color:#666666;
	  font-size:16px;
	  pointer-events: initial;
	  position: relative;
	  cursor: default;
  }

  .csi-tooltip-holder{
	  position: absolute;
	  left:35px;
	  bottom:0;
	  height: 80px;
	  width:140px;
	  background-color:#000;
	  padding:10px 10px;
	  border-radius: 15px;
	  opacity: 0;
	  visibility: hidden;
	  transition: all 0.3s ease-in-out;
  }

  .csi-tooltip:hover .csi-tooltip-holder{
	  opacity: 1;
	  visibility: visible;
  }
  .csi-tooltip-holder p{
	  color:#fff;
	  font-size:12px;
	  line-height:20px;;
  }

/* The container */
.csi-checkbox-container {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	color:#666666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

  /* Hide the browser's default checkbox */
  .csi-checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }

  /* Create a custom checkbox */
  .csi-checkbox-container .checkmark {
	position: absolute;
	top: 0;
	left:auto;
	right: 0;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border:1px solid #43c3f7;
  }

  /* On mouse-over, add a grey background color */
  .csi-checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .csi-checkbox-container input:checked ~ .checkmark {
	background-color: #6cd642;
	border-color:#6cd642;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .csi-checkbox-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }

  /* Show the checkmark when checked */
  .csi-checkbox-container input:checked ~ .checkmark:after {
	display: block;
  }

  /* Style the checkmark/indicator */
  .csi-checkbox-container .checkmark:after {
	left: 4px;
	top: 1px;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .csi-checkbox-disabled{
	  pointer-events: none;
  }

  .csi-checkbox-disabled .checkmark {
	  background-color:#d2d2d2;
	  border-color:#9e9e9e;
  }

  .calculator-quote-box{
	  border-radius: 5px;
	  border:2px solid rgb(67, 195, 247);
	  padding:25px 0 45px 35px;;
  }

  .cqb-head{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  margin-bottom:30px ;
  }

  .cqb-head h3{
	  color:#333;
	  font-size:24px;
	  font-weight: bold;
	  padding-bottom: 5px;
  }
  .cqb-head h6{
	  color:#6c8da0;
	  font-size:14px;
  }

  .cqb-head-items{
	  background-color:#a2c7dc;
	  padding:15px 15px 15px 25px;
	  border-top-left-radius: 35px;
	  border-bottom-left-radius: 35px;
  }
  .cqb-head-items h4{
	  color:#fff;
	  font-size:20px;
	  font-weight: bold;
  }
  .calculator-pricing,
  .calculator-pricing-services{
	  padding-right:35px;
  }
  .calculator-pricing>li,
  .calculator-pricing-services>li{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  margin-bottom: 15px;
  }


  .calculator-pricing h5,
  .calculator-pricing-services h5{
	  color:#5a707c;
	  font-size:16px;
	  font-weight: 500;
	  text-transform: capitalize;
  }
  .calculator-pricing h6,
  .calculator-pricing-services h6{
	  color:#282828;
	  font-size:18px;
	  font-weight: 600;
  }

  .calculator-total{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	margin-bottom: 25px;
	}
  .calculator-total h5{
	  color:#333;
	  font-size:30px;
	  font-weight: 600;
	  line-height: 36px;
  }
  .calculator-total h6{
	  color:#ea5858;
	  font-size:52px;
	  font-weight: bold;
	  background-color:#ffebda;
	  padding:20px 30px;
	  border-top-left-radius: 5px;
	  border-bottom-left-radius: 5px;
  }

  .calculator-quote-box p{
	  color:#333;
	  font-size:14px;
	  text-align: right;
	  padding-right:30px;
	  padding-bottom: 30px;
  }
  .calculator-quote-box a,
  .calculator-quote-box button{
	width:calc(100% - 35px);
	margin:auto;
	text-align: center;
	height:70px;
	line-height: 70px;
	color:#fff;
border-radius: 35px;
		/* background-color: rgb(67, 195, 247); */
		background: linear-gradient(253deg, rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
		box-shadow: 0px 17px 27px 0px rgba(0, 0, 0, 0.14);
	font-size:30px;
	font-weight: bold;

  }

  .calculator-quote-box a:hover,
  .calculator-quote-box button{
	background: linear-gradient(253deg, rgba(0, 53, 92, 1) 0%, rgba(24, 115, 181, 1) 99%);
  }

  .calculator-faq{
	  padding-top:30px;
  }
  .calculator-faq h3{
	  color:#333;
	  letter-spacing: -1.3px;
font-weight: 500;
font-family: 'El Messiri';
	  font-size:24px;
	  font-weight: bold;
	  padding-bottom: 30px;
  }


/* accordion css */

.faq-accordian li {
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.faq-accordian li:not(:last-child)
{
	border-bottom: 1px solid #a2c7dc;

}

.faq-accordian li h4 {
    color: #333;
    font-size: 16px;
    font-family: 'El Messiri';
font-weight: 500;
    position: relative;
    cursor: pointer;
    padding: 0 20px 0 0;
    transition: all 0.3s ease-in-out;
}

.faq-accordian h4::after {
    content: "\f078";
    font-family: "Font Awesome 5";
    color: #999999;
    font-size: 18px;
    position: absolute;
    top: -3px;
    right: 3px;
    line-height: normal;
    transition: all 0.3s ease-in-out;
}

.faq-accordian p {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
	line-height: 24px;
	padding-top:20px;
}

.faq-accordian li>div {
    display: none;
}

.faq-accordian li.active h4 {

}

.faq-accordian li.active h4::after {
    transform: rotate(180deg);
    /* color: #fff; */
}

.csi-service-dropdown-holder h5>span:not(:last-child)::after{
	content: ",";
}


@media (min-width:1201px) and (max-width:1380px){
    
    .menu > li {
    padding-left: 10px;
    }
    .menu > li > a {
    font-size: 12.5px;
    }
    ul.header-right li:last-child {
  padding-left: 10px;
}

ul.header-right li:last-child a {
  padding: 11px 20px;
 }
 
 ul.header-right li a {
  font-size: 12px;
 }
}

@media (max-width:1200px)
{
	.calculator-quote-box {

		padding: 25px 0 45px 15px;
	  }

	  .calculator-total h6 {
		font-size: 40px;
	  }

	  .calculator-quote-box p {
		text-align: center;
		padding-right: 10px;
	  }

	  .calculator-quote-box a, .calculator-quote-box button {
		width: calc(100% - 15px);
		font-size: 22px;
	  }

	  .calculator-selected-items-list > li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  border: 1px solid rgb(184, 221, 241);
  border-radius: 35px;
  background-image: -moz-linear-gradient( -90deg, rgb(213,240,255) 0%, rgb(190,236,255) 100%);
  padding: 15px 10px 15px 10px;
}


.calculator-selected-items-list > li {
	padding: 15px 10px 15px 10px;
  }


  .csi-quantity {
	padding: 0 5px;
  }

  .csi-quantity-inputs span {
	font-size: 12px;
	width: 24px;
	height: 24px;
  }
  .csi-weight {
	padding: 0 10px;
  }

  .csi-title::before {
	content: none;
  }


  .csi-weight::before {
	content: none;
  }

  .csi-quantity::after {
	content: none;
  }

  .csi-service::after {
	content: none;
  }
  .cid-h1 {
	width: 24%;
  }
}


@media (max-width:824px)
{
	.calculator-item-box {
		width: 100%;
	}
	.calculator-items {
		padding-left:5px;
		padding-right:5px;
	}


	.calculator-items > li {
		padding: 0 5px;
	  }

	  .cqb-head h3 {
		font-size: 20px;
	  }

	  .cqb-head-items h4 {
		font-size: 16px;
	  }

	  .calculator-total h6 {
		font-size: 26px;
	  }

	  .calculator-total h5 {
		font-size: 22px;
		line-height: 28px;
	  }

	  .calculator-quote-box a, .calculator-quote-box button {
  width: calc(100% - 15px);
  font-size: 20px;
}

.calculator-faq h3 {
	font-size: 20px;
}

/* .calculator-selected-items-list > li {
	padding: 10px 15px 10px 15px;
  } */

  .csi-title {
	padding: 0 10px;
  }

  .csi-weight {
	padding: 0 10px;
  }

  .csi-quantity {
	padding: 0 10px;
  }

  .csi-service {
	padding: 0 10px;
  }

  .csi-service-dropdown-holder {
	padding: 10px 10px;
  }

  .csi-weight h5 {
	font-size: 14px;
  }

  .csi-title h5 {
	font-size: 16px;
  }

  .csi-quantity::before {
	width: 20px;
	height: 20px;
	right: 5px;
	font-size: 10px;
  }


  .cid-h1 {
	padding-left: 15px;
	padding-right: 10px;
  }

  .cid-h2 {
  padding: 0 10px;
}
.cid-h3 {
	padding: 0 10px;
  }

  .cid-h4 {
	padding: 0 10px;
  }
  .cid-head h6 {
	font-size: 14px;
  }

  .csi-quantity-inputs input {
	font-size: 20px;
	min-width: 35px;
  }

  .csi-quantity-inputs {
	gap: 3px;
  }

  .csi-weight h5 {
	font-size: 13px;
  }

  .csi-quantity {
	padding: 0 5px;
  }

  .csi-quantity-inputs input {
	font-size: 17px;
	min-width: 25px;
  }
  
  .banner-wrap video {
  width: 100%;
}

}

@media (max-width:767px)
{
	.calculator-scroll-bar h5 {
		color: #666666;
		font-size: 14px;
	  }
	  .calculator-item-details {
		display: none;
	  }

	 /* .calculator-items {*/
		/*width: calc(140px * 17);*/
		/*padding-bottom: 0;*/
		/*margin:0;*/
	 /* }*/

	  .cqb-head-items {
		padding: 15px 10px 15px 10px;
	  }

	  .cqb-head h3 {
		font-size: 18px;
	  }

	  .calculator-total h5 br {
		display: none;
	  }

	  .calculator-quote-box p {
		line-height: normal;
		font-size: 12px;
		padding-bottom: 15px;
	  }
	  .calculator-quote-box a, .calculator-quote-box button {
		width: calc(100% - 15px);
		font-size: 20px;
		height: 55px;
		line-height: 55px;
	  }

	  .calculator-selected-items-list > li {
		padding: 10px 5px;
		flex-wrap: wrap;
	  }

	  .csi-delete {
		width: 100%;
	  }

	  .csi-title {
		width: 33.333%;
		text-align: center;
	  }

	  .csi-weight {
  width: 33.333%;
  text-align: center;
}

.csi-quantity {
	width: 33.333%;
	text-align: center;
  }

  .csi-quantity select {
  text-align: center;
  font-size: 20px;
}

  .csi-service {
	width: 100%;
	margin: 10px 0;
  }

  .csi-quantity::before {
	right: 10px;
	font-size: 10px;
	top: 5px;
  }

  .csi-service-dropdown-holder h5 {
	font-size: 16px;
  }

}


.thankyou-sec{
    height:100vh;
    display:flex;
    align-items:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}


.thankyou-sec h2 {
  color: #094e7f;
  font-size: 102px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.3px;
  font-family: 'El Messiri';
  text-align: center;
}

.thankyou-sec p {
  color: #7b7b7b;
  font-size: 22px;
  text-align: center;
}

.thankyou-btns{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:30px;
    margin-top:50px;
}

.btn-one{
    background: linear-gradient( 253deg , rgba(24, 115, 181, 1) 0%, rgba(0, 53, 92, 1) 99%);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align:center;
    width:240px;
    text-align:center;
    height:50px;
    line-height:50px;
    border-radius:35px;
}

.btn-one:hover{
    color:#fff;
    
}
.btn-two{
    font-size: 18px;
    font-weight: bold;
    color: #054370;
    text-align:center;
    width:240px;
    text-align:center;
    height:50px;
    line-height:46px;
    border-radius:35px;
    border: 2px solid #054370;
}

.btn-two:hover{
    background-color: #054370;
    color:#fff;
}

.csi-weight input[type="number"] {
  appearance: textfield;
  text-align: center;
}
.calc-wrapper {
  padding: 100px 0;
}

.step3-calc{
    padding:100px 0;
}

.step3-calc button[type="submit"] {
  display: none;
}

.contact-form-notification h6 {
  color: #7b7b7b;
  font-size: 16px;
  padding-top:15px;
}



.terms-faq p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.5px;
}

.terms-faq p strong{
    font-weight:bold;
}

.terms-faq-list {
  padding-top: 25px;
}

.terms-faq-list > li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  list-style: decimal;
  list-style-position: revert;
}

.popup-hpot{
    display:none;
}

@media (max-width:767px){
.terms-faq-list {
  padding-left: 15px;
}
    
    
}

@media (max-width:1440px) {
	 .testimonial-slides { width: 1380px; }
	 .footer-wrap { padding: 30px 44px 30px; }
	 .home4-cnt { padding-left: 12%; }
}

@media (max-width:1280px) {
	 .banner-cnt { padding-left: 19px; }
	 .home4-cnt { padding-left: 7%; }
	 ul.menu { width: 77%; }
}

@media (max-width:1200px) {
	 img { max-width: 100%; height: auto; }
	 .menu-Bar { display: block; top: 30px; }
	 .menuWrap.open { display: flex; left: 0px; }
	 .menuWrap { position: fixed; left: -210%; right: 0; top: 0; bottom: 0; margin: auto; background: #2BB7F6; height: 100vh; display: flex; align-items: center; justify-content: center; flex-flow: column; transition: all 0.4s ease; z-index: 99; width: 100vw; }
	 ul.menu li,
	 ul.header-right li { display: block; }
	 ul.menu li a,
	 ul.header-right li a { margin-bottom: 10px; padding: 0; display: block; text-align: center; margin-bottom: 15px; padding-right: 0px; margin-right: 0px; color: #fff; font-size: 15px; text-transform: capitalize; }
	 .logo img {  }
	 .container { position: relative; }
	 header .header-top { display: none; }
	 header .main-header ul.menu>li { display: block; padding: 0px; margin: 0; }
	 header .main-header ul.menu>li a { color: #fff; padding: 0px; border: none; }
	 header .main-header ul.menu>li a:before { display: none; }
	 ul.sub-menu {
    position: static;
    display: block;
    margin: auto;
    padding:0;
    }
    
    
    .sub-menu {
  background-color: transparent !important;
}

ul.sub-menu > li > a {
  color: #fff !important;
}

.calculator-items {
  padding-left: 35px;
  padding-right: 35px;
}


}

@media (max-width:1024px) {
	 .banner-cnt ul li { display: block; text-align: center; margin-bottom: 18px; }
	 .banner-cnt h4 { width: 100%; }
	 .banner-cnt p { width: 100%; }
	 .home3-vertical { width: 100%!important;}
}

@media (max-width:824px) {
	 .banner-cnt h4 { width: 100%; }
	 .banner-cnt p { width: 100%; }
	 .banner-wrap .row { display: block; }
	 .banner-wrap .row .col-md-5 { flex: 100%; max-width: 100%; }
	 .banner-wrap .row .col-md-7 { flex: 100%; max-width: 100%; text-align: center !important; }
	 .banner-cnt { padding-bottom: 21px; }
	 section.home2 { padding: 50px 0; }
	 .home2-wrap h4 { text-align: center; }
	 .home2-item h5 { line-height: 19px; }
	 ul.add-item-lst li { width: 19.66%; }
	 .home3-tab { width: 95%; }
	 section.counter .row .col-md-3 { display: inline-block; width: 50%; flex: 0 0 100%; max-width: 50%; margin-bottom: 27px; }
	 section.counter { padding: 60px 0 50px; }
	 .how-wrap .col-md-5 { flex: 0 0 100%; max-width: 100%; text-align: center; }
	 ul.how-lst li { width: 32.33%; margin-bottom: 16px; }
	 .how-item a { margin-left: 35px; }
	 section.how-sec { padding: 0 0 0; }
	 section.home4-sec { padding-bottom: 50px; }
	 .brands-wrap .col-md-6 { flex: 0 0 100%; max-width: 100%; text-align: center; }
	 .testimonialwrap .col-md-6 { flex: 0 0 100%; max-width: 100%; text-align: center; }
	 .testimonialwrap { margin-bottom: 41px; }
	 .testimonial-slides { width: 110%; }
	 section.faq-sec { padding: 50px 0; }
	 .faq-wrap .row { align-items: flex-start !important; }
	 .testimonial-slider .slick-slide { margin: 0 150px 25px; margin-left: 112px; }
	 .testimonial-slider button.slick-prev.slick-arrow { left: calc(50% - 25px);
    transform: translateX(-50%);
    right: auto; }
	 .testimonial-slider button.slick-next.slick-arrow { left: calc(50% + 25px);
    transform: translateX(-50%);
    right: auto;
    bottom: 10px;}
    .testimonial-slider button.slick-prev.slick-arrow {bottom:10px;}

	 section.services-sec { padding: 40px 0; }
	 .services-sec-hd { width: 100%; }
	 .services-sec-hd h4 { font-size: 25px; line-height: normal; margin-bottom: 0; }
	 .services-sec-hd p { font-size: 14px; line-height: 22px; }
	 .services-sec-hd { padding-bottom: 30px; }
	 .services-sec-cnt p { font-size: 14px; line-height: 22px; }
	 .services-sec-cnt { margin-top: 13px; }

	 .innerpg-banner .banner-wrap { padding: 40px 0; }
	 .innerpg-banner .banner-cnt { width: 100%; }
	 .how-it-cnt h4 { font-size: 25px; padding-bottom: 20px; line-height: normal; }
	 .how-it-cnt p { font-size: 14px; line-height: 22px; margin-bottom: 40px; }
	 .how-it-img:after { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
	 .how-it-img { margin: 20px; }

	 .why-sec1-cnt h4 { font-size: 30px; line-height: 42px; }
	 .why-sec1-cnt p { font-size: 14px; line-height: 22px; padding-bottom: 30px; }
	 .why-sec1-cnt a { margin-bottom: 40px; }
	 .why-sec2-cnt h4 { font-size: 30px; line-height: normal; padding-bottom: 20px; }
	 .why-sec2-cnt p { font-size: 14px; line-height: 22px; }
	 .why-sec2-cnt { padding-bottom: 30px; }

	 .faq-sec-hd h4 { font-size: 30px; line-height: normal; padding-bottom: 30px; }
	 .faq-nav { padding-bottom: 20px; text-align: center; }
	 .faq-nav ul li {    }
	 .faq-nav ul li:not(:last-child) { width: 30%; margin: 0 0 25px; }
	 .innerpg-banner .banner-cnt p { font-size: 14px; }
	 .contact-info-lst ul li { width: 75%; margin-bottom: 20px; }
	 .contact-info-item { padding: 20px; }
	 .contact-sbt h5 { display: block; width: 100%; margin-top: 14px; }
	 .contact-sbt { display: block; }

	 section.stepSec.step1Sec { height: auto; padding: 100px 0; }
	 .stphd>h4 { font-size: 25px; }
	 .serchLoc { width: 100%; border-radius: 9px; position: relative; }
	 .serchLoc button { width: 100%; height: 40px; font-size: 14px; margin-top: 12px; }
	 .serchLoc input[type="text"] { height: 40px; border: 1px solid rgb(48 186 248 / 20%); width: 100%; padding: 0 35px; border-radius: 5px; }
	 .serchLoc .inc { position: absolute; left: 15px; top: 20px; z-index: 1; }
	 .serchLoc .cntloc { position: absolute; right: 10px; top: 23px; }

	 .detlForm { width: 100%; }
	 .detlForm input { height: 40px; font-size: 14px; margin-bottom: 10px; }
	 .detlForm button { height: 45px; font-size: 16px; }
	 .step3Wrp>h4 { font-size: 45px; }
	 .step3Wrp>p { font-size: 14px; line-height: 22px; }
	 /**/
	 .home3-vertical {
    width: 100%!important;
    }
    
    .popup {
    width: 100%;
    height: 100%;
    top: 40px;
    z-index: 9999;
}

.pop-inner input, .pop-inner textarea {
    padding: 8px 10px;
}

.pop-inner p {
    padding-bottom: 30px;
}
.inp-feld {
    margin-bottom: 15px;
}
.home3-tab p {
    text-align: center;
}
.inp-feld.inp-sbmt input[type="button"] {
    padding: 0;
}


}


@media (max-width:767px) {
	 .logo img { max-width: 100%; }
	 a.logo { display: block; margin: auto; width: max-content; }
	 .header-wrap { padding-bottom: 18px; }
	 ul.header-right li:last-child a { color: #fff; font-weight: 600; padding: 0; border: none; }
	 ul.header-right li:last-child { padding-left: 0; }
	 ul.header-right { display: flex; flex-direction: column-reverse; }
	 .banner-cnt { padding-left: 0; text-align: center; }
	 .banner-cnt h4 { width: 100%; font-size: 23px; line-height: 32px; padding: 14px 0 11px; }
	 .banner-cnt p { width: 100%; line-height: 20px; }
	 .inp-banner input { padding-right: 120px; }
	 .banner-cnt ul li { display: block; margin-right: 0; margin-bottom: 13px; }
	 .wd-max { max-width: 100%; }
	 .wd-sub { max-width: 100%; }
	 section.home2 { padding: 50px 0; }
	 .home2-wrap h4 { font-size: 30px; text-align: center; }
	 .home2-item { margin-bottom: 20px; min-height: 220px; }
	 .home2-item img { margin-bottom: 20px; width: 105px; margin:0 auto 20px;display:block;}
	 .home2-item h5 { font-size: 15px; }
	 .home3-tab { width: 100%; padding: 0 15px; }
	 .conter-inner h4 { font-size: 35px; }
	 .conter-inner h5 { font-size: 16px; }
	 .conter-inner { margin-bottom: 25px; }
	 section.counter { padding: 40px 0 15px; }
	 ul.how-lst { margin-top: 30px; }
	 ul.how-lst li { width: 100%; margin-bottom: 15px; }
	 .how-item a { margin-left: 45px; display: none; width: max-content; }
	 .how-cnt { min-height: auto; padding-bottom: 8px; }
	 .how-item:hover>a { display: block; }
	 section.how-sec { padding: 0 0 20px; }
	 .home4-cnt { padding-left: 0; padding-top: 25px; text-align: center; }
	 .home4-cnt h4 { font-size: 28px; margin-bottom: 15px; }
	 .home4-cnt p { margin-bottom: 14px; }
	 section.home4-sec { padding-bottom: 35px; }
	 section.brands { padding-bottom: 10px; text-align: center; }
	 .brands-wrap h4 { font-size: 28px; margin-bottom: 10px; }
	 .brands-wrap img { margin-bottom: 30px; }
	 .testimonialwrap h4 { font-size: 28px; }
	 .testimonialwrap { margin-bottom: 25px; text-align: center; }
	 .testimonial-img { display: block; width: 100%; width: 40%;
margin: auto;}
	 .testimonial-img img { margin: auto; }
	 .testimonial-cnt { display: block; width: 100%; text-align: center; padding: 10px 0 0; }
	 .testimonial-slides { width: 100%; }
	 .testimonial-item {padding: 30px 30px 60px;}
	 section.faq-sec { padding: 35px 0 10px; }
	 .faq-wrap h4 { font-size: 28px; text-align: center; margin-bottom: 20px; }
	 ul.myaccordion li { padding: 11px 28px 11px 20px; margin: 0 0 14px; }
	 ul.myaccordion li .faqHead h5 { line-height: 20px; font-size: 15px; }
	 ul.myaccordion li:after { right: 10px; font-size: 20px; height: 15px; top: 10px;}
	 .faq-main { padding: 25px 0 20px; }
	 ul.add-item-lst li { width: 33.33%; margin-bottom: 10px; }
	 ul.add-item-lst { font-size: 0;	 	 /* text-align: center; */ }
	 .home3-tab h4 { font-size: 28px; margin-bottom: 12px; }
	 .home3-tab { padding-top: 23px; }
	 .home3-tab h6 { margin: 15px 0 25px; }
	 .bill-calc select,
	 .bill-calc input { padding: 9px 11px; font-size: 14px; }
	 .container-check { font-size: 14px; margin-right: 20px; padding-left: 26px; margin-bottom: 25px; }
	 .inp-feld.inp-chck { display: block; margin-left: 20px; }
	 .checkmark { height: 23px; width: 26px; top: -5px; }
	 .container-check .checkmark:after { height: 8px; width: 8px; top: 7px; left: 8px; }
	 .inp-feld.inp-sbmt input { height: 42px; padding: 0 140px 0 18px; }
	 .inp-sbmt input[type="text"]::placeholder { font-size: 13px; }
	 .inp-feld.inp-sbmt input[type="submit"] { right: 4px; padding: 9px 15px !important; height: max-content; font-size: 12px; }
	 .home3-tab p { margin: -15px 0 0; padding-bottom: 10px; }
	 .home3-vertical .vertical-slider { height: auto; }
	 .home3-vertical { padding: 18px 0 0; height: 300px!important;}
	 .vertical-slider .slick-slide { margin-bottom: 0; }
	 .vertical-slider button.slick-arrow { top: -42px; left: -97px; border: inherit; }
	 .vertical-slider button.slick-next.slick-arrow { bottom: inherit; top: -42px; left: 50px; }
	 .vertical-slider button.slick-arrow:after { transform: rotate(-135deg); font-size: 11px; }
	 .vertical-slider button.slick-next.slick-arrow:after { transform: rotate(45deg); }
	 .vertical-slider button.slick-prev.slick-arrow { left: -33px; }
	 .vertical-slider button.slick-arrow { height: 35px; width: 35px; }
	 .testimonial-cnt h5 { margin-bottom: 7px; }
	 .testimonial-slider button.slick-arrow { top: inherit; left: -62px; right: 0; height: 35px; width: 35px; }
	 /*.testimonial-slider button.slick-prev.slick-arrow { left: -38px; }*/
	 .testimonial-slider button.slick-arrow:after { font-size: 11px; }
	 footer img { display: block; margin: auto; }
	 .footer-wrap { padding: 13px 0 15px; }
	 ul.footer-lst { padding-left: 0; padding-top: 20px; text-align: center; }
	 ul.footer-lst li:not(:last-child) { margin-right: 0; }
	 ul.footer-lst li a { padding: 5px 15px; }
	 section.counter .row .col-md-3 { display: inline-block; width: 49%; vertical-align: top; text-align: center; }
	 section.counter .row { align-items: flex-start !important; }
	 .testimonial-slider .slick-slide { margin: 0 15px; }
	 /**/
	 .preview {
    width: 320px;
    height: 300px;
	 }
	 .pr {
    width: 100%;
    height: auto;
	 }
	 .preview button.close {
    top: -15px;
    right: -5px;
    width: 15px;
    height: 15px;
    font-size:10px;
	 }
	 section.why-sec1 {
    padding-top: 20px;
    }
    section.faq-main-sec {
    padding: 30px 0;
    }
    .innerpg-banner .banner-cnt p {
    padding: 10px;
    }
    .faq-nav ul li:not(:last-child) {
    width: 100%;
    }
    .faq-bx-cnt {
    padding-right: 0;
    }
    ul.footer-lst li {
    width: 100%;
    margin-bottom: 10px;
    }
    .instant-prd-wrap {
    padding: 30px 0;
    }
    ul.header-right li:last-child a {
    padding: 10px;
    background-color:#054370;
    }
    .thanks-popup {
    width: 320px;
    }
    .thanks-popup .pop-inner {
    padding: 35px 10px;
    }
    .thanks-popup .pop-inner br{
        display:none;
    }
    html{
        overflow-x:hidden;
    }
    .serchLoc input#searchSubmit{
        width:100%;
        margin-top:10px;
    }
    
    .home3-vertical .gallery li{
        width: 33%;
        display: inline-block;
    }
    h4.drgitms {
        font-size: 17px;
    }
	 
	 
	 .banner-wrap ul {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}

.inp-banner {
  height: 50px;
}

.totals > div {
  width: 100%;
  text-align: center;
}
	html,
body {
    overflow-x: hidden !important;
}


header {
    position:relative;
}


.crnLoc {
  position: static;
  text-align: center;
  padding-top: 40px;
}


div#map input#pac-input {
  top: 60px !important;
  left: 0 !important;
  width: calc(100% - 15px) !important
}
 input#searchSubmit {
  width: calc(100% - 15px);
}


.pop-inner {
  height: 550px;
  padding: 25px 15px;
   overflow: auto;
}

.pop-inner p {
  padding-bottom: 0;
}

.pop-inner p+p{
    padding-bottom:15px;
}
 .pop-inner h4 {
  font-size: 20px;
  padding: 0 0 15px;
 }
 
 .shopping-cart-wrapper {
  overflow: auto;
}

.input.is-primary.cart-item-qty {
  padding: 0 5px;
}


#gallery {
  max-width: calc(100% - 25px);
}

.home3-vertical .gallery li {
  width: 50%;
}

.thankyou-sec h2 {
  font-size: 44px;
}


.carousel-prev {
  left: 3px;
}

.carousel-next {
  right: 3px;
}

.calc-wrapper {
  padding: 50px 0;
}

.step3-calc{
    padding:50px 0;
}

.faq-opt p {
  padding-right: 0;
}

.home-banner .banner-cnt p {
  width: 100%;
  padding-bottom: 0;
}
.calculator-heading {
  text-align: center;
}

.calculator-scroll-bar {
  display: none;
}

.testimonial-item {
  min-height: auto;
}


}