/* ------------------------------------------------------------------------------
 Project Name :ASAP Construction
 Description : Main Style Sheet 
 Author : Abul Azad
 Created On : 25/02/2025
 --------------------------------------------------------------------------------*/
/*:root {
	--color-red: #e60024;
	--color-Darkblue: #012269;
	--color-gray: #626161;
}*/
html,
body {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}
body {
    color: #000;
   font-family: "Montserrat", sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
}
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border: 0;margin: 0;outline: 0;padding: 0;}
ol,ul {list-style: none;}
p {font-size: 17px;line-height: 27px;font-weight: 400;color: #000;margin-bottom: 10px;}
img {display: block;outline: none;}
img,input,textarea,button {border: 0;outline: 0;resize: none;}
a,a:hover,a:focus {text-decoration: none;}
* html .clearfix {height: 1%;}
li.clearfix {display: list-item;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body,p,a,li,span,div {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {color: #131333;/*font-family: "Montserrat", sans-serif;*/    font-family: 'Poppins', sans-serif;}
::selection {background: #1967d2;color: #fff;}
::-moz-selection {background:#1967d2;color: #fff;}
.margin-top-35 {margin-top: 35px;}
.p-0{padding:0px;}
.clear{clear:both;}
h2 {font-size: 30px;text-transform: uppercase;color: #0350a0;margin-bottom: 10px;}
/** Theme Css **/
#page{overflow:hidden;}
section h3{font-size:30px;color:#000;margin-bottom:10px;}
header {position: fixed;width: 100%;z-index: 99999;top: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0px 0px 0px;background-color: rgb(255 255 255 / 89%);left: 0;}
.header-fixed {background-color: #fff;-webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.12), 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 4px -1px rgba(0,0,0,.12), 0 4px 5px 0 rgba(0,0,0,.06), 0 1px 10px 0 rgba(0, 0, 0, 0.12); position: fixed;}
.header-fixed nav#menu ul > li a {color: #000;}
.logo {padding-left: 5px;margin-left: 15px;width: 50%;}
.logo a {display: inline-block;padding: 0px 0px 0px 0px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top:9px;}
.menu-top{margin-top: 5px;margin-right: 0px;}
nav#menu {display: block !important;padding: 0;float: right;margin-right: 10px;}
nav#menu ul > li> a {color:#000;}
nav#menu .menu-call{ color: #ffffff;padding: 2px 8px 2px;font-size: 16px;border-radius: 25px;font-weight: 500;border: 1px solid #ea4111;background-color: #ea4111;outline: none !important;margin-top: 0px !important;}
#burgernav {display:none;width: 28px;height: 18px;position: absolute;top:-44px;right: 25px;margin-top: 0px;background-color: transparent;outline: none;box-shadow: inherit;}
#burgernav:before,#burgernav:after {content: '';display: block;background: #333;height: 2px;width: 18px;}
#burgernav span {background: #333;display: block;height: 2px;margin: 6px 0;width: 22px;}
#burgernav:hover:before,#burgernav:hover:after {width: 25px;}
#burgernav:hover span{width:18px;}
.bannerNew .ls-nav-stop {display:none !important;}
.ls-bottom-nav-wrapper {bottom: 40px;}
.sub-ban {width: 30% !important;background-color: rgb(234 65 17 / 77%) !important;padding: 15px !important;border-radius: 15px 20px 20px 20px;height: auto !important;}
.slide-4 .sub-ban {width: 36% !important;}
.sub-ban h2 {font-size:35px;line-height: 40px !important;color: #fff;font-weight: 700;font-family: 'Poppins', sans-serif;margin-bottom:10px !important;}
.sub-ban h2 span{display:block;}
.sub-ban p {color: #fff;font-size: 20px;}
.txt-center h2 {text-align:center;}
.bgwhite{background-color:#fff;}
.ls-bg{-webkit-transform:scale(1) !important;-ms-transform:scale(1) !important;transform:scale(1) !important;
-webkit-transition: all 6000ms linear !important;-moz-transition: all 6000ms linear !important;-ms-transition: all 6000ms linear !important;-o-transition: all 6000ms linear !important;transition: all 6000ms linear !important;}
.ls-active .ls-bg{-webkit-transform:scale(1.02) !important;-ms-transform:scale(1.02) !important;transform:scale(1.02) !important;}
/* LABEL*/
.hme-cntact label {color: #000000;font-size: 15px;font-weight: normal;position: absolute;pointer-events: none;left: 9px;top: 11px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
/* active state */
.hme-cntact input:focus ~ label,.hme-cntact textarea:focus ~ label,
.hme-cntact input:valid ~ label,.hme-cntact textarea:valid ~ label {top: 1px;color: #e55041;font-size: 12px;}
.hme-cntact textarea:focus ~ label {top:1px;}
.address{padding: 80px 10% 10px;background-color: #f4f9fd;margin-bottom: 80px;}
.address .addr{width:30%;float:left;-webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);box-shadow: 0 2px 4px -1px rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 12%);padding: 15px;border-radius: 15px;margin-right: 30px;text-align: center;min-height: 165px;background-color: #fff;}
.address .addr h4{margin:10px 0px}
.address .image{margin: -55px auto 0px;background-color: #e55041;width: 80px;height: 80px;border-radius: 80px;text-align: center;font-size: 40px;padding-top: 20px;color: #fff;}
/*footer css start*/
footer{background-color: #e2e2e2;}
footer .footer-grid{position: relative;padding: 20px 40px 4px;display: inline-block;width: 100%;}
footer .footer-grid .left{float:left;width:50%;}
footer .footer-grid .left ul{-webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */column-count: 2;}
footer .footer-grid .left ul li {float: left;display: inline-block;width:100%;margin-bottom: 5px;}
footer .footer-grid .left ul li a {color: #000000;font-size: 17px;}
footer .footer-grid .left ul li:first-child a {}
footer .footer-grid h3{font-size: 18px;margin-bottom:5px;color: #0350a0;text-transform: uppercase;}
footer .footer-grid .left ul li a.active{color: #e60024;}
footer .footer-grid .left ul li a:hover{color:#ea4111;}
footer .footer-grid .left ul li:last-child,.btm-mnu .dropdown-menu li:last-child {display:none;}
footer .footer-grid .right{float: right;width: 50%;border-left: 1px solid #bbb8b8;padding-left: 40px;}
footer .footer-grid .right ul li{width: 100%;margin-bottom: 0px;}
footer .copyrights{color: #000000;display: inline-block;clear: both;width: 100%;text-align: center;background-color: #cfcfcf;margin-bottom: 0px;padding: 13px 5px;}
footer .copyrights a{color: #ea4111;}
/*Inner Page css start*/
#toTop {position: fixed;bottom: 55px;right: 10px;display: none;z-index:99;}
#toTop p {width: 35px;height: 35px;padding: 10px 3px;color: #e60024;border-radius: 35px;cursor: pointer;background-color: #fff;position: relative;    float: right;margin-bottom: 0px;}
#toTop i {top: 5px;transform: translateY(0);position: absolute;left: 4px;font-size: 27px;line-height: inherit;}
#toTop p:before{content:'';width: 85%;height: 85%;border-radius:50%;border: 1px solid #fff;position: absolute;top: 2.5px;left: 2.5px;transition: transform .9s;}
#toTop p:hover:before{transform: scale(1.5);} 
@keyframes rotateme {
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes rotateme {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
/*pop-over Contact*/
.pop-over {position: fixed;right: 5.5px;z-index: 9999;bottom:0px;width: auto;cursor: pointer;margin-bottom: 5px;}
.pop-over .popover-btn {padding: 5px 10px;background-color: #ea4111;color: #fff;font-size: 17px;outline: none;border-radius: 40px;position: relative;z-index: 9;overflow:hidden;height: 40px;width: 40px;}
.pop-over .popover-btn span,.pop-over.popover-open i{display:none;}
.pop-over.popover-open span{display:block;font-size: 22px;}
.popover-body {display: none;position: absolute;bottom: 45px;background-color: #ffffff;width: 550px;right: 0px;-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);box-shadow: 0px 0px 3px -1px rgba(0,0,0,1);color: #fff;border-radius: 5px;padding: 10px 10px 15px;}
.popover-open .popover-body {display: block !important;z-index: 9;}
.popover-body h6 {font-size: 18px;margin: -10px -10px 7px -10px;color: #ffffff;background: linear-gradient(17deg,#f24605,#f24605e3);padding: 10px 5px 10px 15px;font-weight: 600;border-top-left-radius: 5px;border-top-right-radius: 5px;line-height: 25px;}
.popover-body h6 span{font-size: 12px !important;font-weight: 400;}
.popover-body .hme-cntact{padding: 0;}
.popover-body .hme-cntact:before{display:none;}
.popover-body .hme-cntact form{padding: 0px;background-color: #eeeeee;border-bottom: 0px;}
.popover-body .hme-cntact .form-group{background-color:#fff;margin: 10px 0px 14px;}
.popover-body .contactform form label.form_label {font-size: 15px;top: -2px !important;padding: 0px 5px;background-color: #fff;border: 1px solid #d7d5d5;font-weight: 500;left: 20px;display: none;}
.popover-body .contactform input::placeholder,.popover-body .contactform select::placeholder {color:#000;}
.popover-body .contactform .form_group {margin: 10px 0px 10px;}
.popover-body .contactform button {margin-top:0px;}
.popover-body .contactform .col-md-6 {flex: 0 0 100%;max-width: 100%;}
.popover-body .contactform form input:focus ~ label, .popover-body .contactformt form select:focus ~ label, .popover-body .contactformt form textarea:focus ~ label, .popover-body .contactform form input:valid ~ label, .popover-body .contactform form select:valid ~ label, .popover-body .contactform form textarea:valid ~ label {top: -5px !important;font-size: 13px;background-color: #fff;padding: 0px 5px;/* border: 1px solid #d7d5d5; */}
.popover-body .contactform form input, .popover-body .contactform select, .popover-body .contactform .form_field, .popover-body .contactform .form_field:focus {border: 1px solid #dcdada !important;padding: 7px 7px;background-color: #f5f8fc !important;}
.form_group .checkbox label{top: -8px;position: inherit;float: left;margin-right: 15px;}
.checkbox{border-bottom: 1px solid #a4a2a2;margin-top: 20px;}
.checkbox ul li{float:left;width: 15%;margin-bottom: 6px;}
.checkbox ul p{color:#000;font-size: 16px;float:left;margin-bottom: 0px;padding-left: 5px;}
.checkbox input{float:left;width: 15px !important;position: relative;top: 5px;height: 16px;}
.popover-body .checkbox{border: 1px solid #a4a2a2;padding: 7px 7px; background-color: #f5f8fc !important;margin-top:0px;}
.popover-body .checkbox ul li{float:left;width: 50%;margin-bottom: 6px;}
@-webkit-keyframes video-ripple {
0% {-webkit-transform: scale(1);transform: scale(1)}
75% {-webkit-transform: scale(1.75);transform: scale(1.75);opacity: 1;}
100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}
}
@keyframes video-ripple {
0% {-webkit-transform: scale(1);transform: scale(1)}
75% {-webkit-transform: scale(1.75);transform: scale(1.75);opacity: 1;}
100% {-webkit-transform: scale(2);transform: scale(2);opacity: 0;}
}
/*Animate left to right*/
.lfmtmain{transition: 1s all;transform: translate(-200px,0px);opacity: 0;}
.rtmtmain{transition: 1s all; transform: translate(200px,0);opacity: 0;}
.lfmtmain.active,.rtmtmain.active {transform: translate(0px,0px);opacity: 1;}
.modal-video-close-btn {top: -20px !important;right: -5px !important;display: inline-block;width: 25px !important;height: 25px !important;}
/*mobile menu btm*/
.btm-mnu {position: fixed;right: 9px;bottom: 47px;cursor: pointer;display: none;z-index:999;}
.btm-mnu ul> li> a {  font-size: 20px;  color: #ffffff !important;  width: 30px;  height: 30px;  display: block;  border-radius: 50%;}
.btm-mnu .dropdown-menu {padding: 9px 5px 5px 5px;background-color: #d30221;width: 350px;/* left: auto !important; *//* right: 0px; */}
.btm-mnu .dropdown-menu li a {color: #fff !important;background-color: transparent !important;width: 100%;height: auto;font-size: 16px;padding: 4px 3px;border-radius:0px;border-bottom: 1px solid #eee;}
.btm-mnu .dropdown-menu li a.active{border: 3px solid #fff;}
.btm-mnu .dropdown-menu li:last-child a{border-bottom:0px;}
.btm-mnu .dropdown-menu li a.active {color: #fff !important;font-weight:600;}
.btm-mnu .dropdown-menu:before {  border-top-color: #e60023 !important;border-bottom: none !important;top: auto;bottom: -11px;
left: 177px !important;  content: "";border: 10px solid transparent;font-size: 0;display: inline-block;  margin-left: 25px;  position: absolute;background-color: transparent;}
.btm-mnu .dropleft .dropdown-toggle::before,.btm-mnu .dropdown-menu:before{display:none;}
.btm-mnu .dropdown-toggle{background-color:#e55041;color: #fff !important;padding: 3px 7px;border-radius:25px;width: 37px;height: 37px;font-size: 23px;line-height: 30px;}
.ReadMore,.xtra-cntnt{float: left;color: #e55041;color:pointer;clear: both;position:relative;}
.ReadMore:before,.xtra-cntnt:before{content:'';position:absolute;bottom:0px;width: 100%;height:2px;background-color: #e45041;transition: all .12s ease-in-out;}
.ReadMore:hover:before,.xtra-cntnt:hover:before{width: 25%;}
.HideText{display:none;}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
@keyframes zoomin {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}} /*End of Zoom in Keyframes */
.contact{margin:10px 0px 10px;}
.contact .pad100 {padding: 30px 0 0px 0;}
.title {margin: 0 auto 25px auto;position: relative;z-index: 99;}
.title h2 {font-size: 30px;line-height: 1.18;letter-spacing: -0.39px;color: #e60024;margin: 0 0 0px 0}
.contactform form input,.contactform select,.contactform .form_field {background-color: transparent !important;font-family: inherit;width: 100%;border: 0;border-bottom: 1px solid #a4a2a2;font-size: 16px;color: #212121;padding: 7px 0;background: transparent;transition: border-color 0.2s;resize: none;outline: none;}
.contactform form label {position: absolute;top: 13px;color: #000;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;left: 16px;font-size: 17px;font-weight: 500;}
.contactform form .description label {top: 12px;}
.contactform form label span {color:#e55041;}
.contactform select:focus {outline-offset: -0px;border:none !important;outline: none;}
.contactform form input:focus ~ label,.contactformt form select:focus ~ label,.contactformt form textarea:focus ~ label,
.contactform form input:valid ~ label,.contactform form select:valid ~ label,.contactform form textarea:valid ~ label{top: -10px !important;}
.contactform .form_field:focus ~ .form_label {color: #ea4111;}
.contactform .form_field:focus {padding-bottom: 6px;    border-bottom: 1px solid #e50024 !important;}
.contactform textarea.form_field {height: 100px;}
.contactform button {height: 35px;padding: 4px 24px;border-radius: 25px;border: none;box-shadow: 4px 4px 12px 0 rgb(0 0 0 / 8%);font-size: 16px;font-weight: 600;font-stretch: normal;letter-spacing: -0.11px;color: #fff;margin-top: 40px;background-color: #ea4111;outline: none;}
.contact .bg-dark {background-color: #ececed !important;}
.contact .bg-dark .title h2 {margin-bottom: 20px;}
.contact .bg-dark .title p {font-weight: 500;line-height: 1.5;letter-spacing: -0.11px;color: #000000;margin: 10px 0px 0px;}
.addresslist li {margin-bottom: 25px;font-weight: 300;line-height: 1.53;letter-spacing: -0.11px;/* color: #fff; */}
.addresslist li i{float:left;font-size: 20px;top: 4px;position: relative;color: #e60024;}
.addresslist li p{padding-left: 40px;letter-spacing: 0.2px;}
.addresslist li a {font-weight: 500;line-height: 1.53;color: #000000;white-space: nowrap;display: flex;}
.addresslist li a i{margin-right: 5px;font-size: 17px;color: #000000;}
.addresslist li a:hover,.addresslist li a:hover i {color: #e60024;}
.addresslist li button{padding: 0px;outline: none !important;margin-left: 10px;border: 0px !important;box-shadow: inherit !important;}
.addresslist li:last-child button{margin-left: 18px;}
.addresslist li .dropdown-menu{padding: 5px;left: 0px !important;margin-top: -6px;}
.addresslist li .dropdown.show .fa-angle-up{display:block;top: -3px;}
.addresslist li .dropdown.show .fa-angle-down,.addresslist li .dropdown .fa-angle-up{display:none;}
.addresslist li .dropdown-menu{padding: 5px 10px;left: 0px !important;margin-top: -6px;}
.addresslist li button i{font-size: 26px;top: 0px;}
.addresslist li button:after{display:none;}
.hmecntact {margin-bottom: 0px;background: url(../images/homeBg.png) no-repeat center;padding: 25px 0px 25px;position: relative; z-index: 9;background-size: cover;}
.hmecntact:after {content:'';position: absolute;background: url(../images/blue_dots.png) no-repeat;width: 200px;height: 160px;background-size: 100%;z-index: -9;top: 7px;right: 0px;}
.hmecntact:before{content:'';position: absolute;background: url(../images/blue_dots-blue.png) no-repeat;width: 200px;height: 160px;background-size: 100%;z-index: -9;bottom: -42px;left: 0%;}
.hmecntact .bg-dark {background-color: #155092 !important;}
.hmecntact .bg-dark .title h2,.hmecntact .addresslist li p,.hmecntact .addresslist li  i,.hmecntact .addresslist li a,.hmecntact .bg-dark .title p{color:#fff;}
.hmecntact .addresslist li a ,.hmecntact .addresslist li a:hover{border-bottom: 1px solid #fff;}
.hmecntact .shadow {    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 7%), 0 4px 5px 0 rgb(0 0 0 / 6%), 0 1px 10px 0 rgb(0 0 0 / 26%) !important;width: 75%;margin:0px auto;padding: 5px 5px 5px 15px;background-color: #fff;}
.hmecntact .title h2 {text-align: center;}
.hmecntact .contactform .form_group {margin-top: 10px;margin-bottom: 15px;}
.hmecntact .contactform button {margin-top: 20px;}
.contactPage .hmecntact:after {display:none;}
.hmeabout {background: url(../images/bg-about.jpg) no-repeat center right 0%;background-size: auto 50%;padding: 15px 50px;}
.hmeabout {background: url(../images/bg-about.jpg) no-repeat center right 0%;background-size: auto 50%;padding: 15px 50px;}
.hmeabout h2 {font-size: 35px;line-height: 40px;font-weight: 700;margin-bottom: 6px;color: var(--color-Darkblue);font-family: "Boucherie Block W05 Bold";text-transform: capitalize;}
.hmeabout h3 {font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 5px;color: var(--color-red);}
.hmeabout .intro {font-size: 18px;line-height: 27px;font-weight: 500;margin-bottom: 15px;color: #000000;}
.hmeabout ul {position: relative;height: 100%;}
.hmeabout ul li:first-child .reveal-holder {width: 75%;float: right;margin-right: 7%;margin-bottom: 25px;}
.hmeabout ul li:nth-child(2) .reveal-holder {width: 45%;float: right;margin-right: 7%;margin-bottom: 0px;}
.hmeabout ul li:last-child .reveal-holder {position: absolute;width: 64%;bottom: 40px;left: -136px;}
.hmeabout p {padding-right: 0px;}
.hmeabout p.intro {padding-right: 0px;}
.hmeabout h4{margin-top: 39px;font-size: 17px;width: 75%;}
.hmeabout ul li img {width: 100%;}
.morebtn:hover{color: #ffffff;}
.morebtn {font-size: 16px;margin: 10px auto 0px;font-weight: 500;overflow: hidden;position: relative;z-index: 0;text-decoration: none;
  color: white;display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 5px 15px;border-radius: 2em;
  transition: opacity 0.3s cubic-bezier(0.2, 0, 0.1, 1), transform 0.3s cubic-bezier(0.2, 0, 0.1, 1), box-shadow 0.5s ease, color 0.5s ease, background 0.5s ease;
  will-change: box-shadow, color, transform, opacity, background;
  background: #ea4111;box-shadow: inset 0 0 0 0.1em #ea4111, 0 0 0 rgb(124 56 216 / 0%);margin: 10px auto 0px;font-size: 16px;}
.morebtn:after,.morebtn:before {content: "";position: absolute;z-index: -1;pointer-events: none;top: 0;right: -50%;left: -50%;height: 0;padding-bottom: 200%;border-radius: 39%;border: unset;
  transition: transform 0s cubic-bezier(0.2, 0, 0.1, 1) 0.5s, opacity 0.5s cubic-bezier(0.2, 0, 0.1, 1);opacity: 0;}
.morebtn:before {transform: translate3d(-10%, 4.8em, 0) rotate(330deg);background: linear-gradient(25deg, #ffffff6b, rgba(150, 56, 216, 0));}
.morebtn:after {transform: translate3d(10%, 4.8em, 0) rotate(0deg);background: linear-gradient(70deg, rgb(234 65 17 / 53%), rgba(124, 56, 216, 0));}
.morebtn:hover,.morebtn:focus {
  transition: opacity 0.3s cubic-bezier(0.2, 0, 0.1, 1), transform 0.3s cubic-bezier(0.2, 0, 0.1, 1), box-shadow 2s ease, color 1.5s ease, background 1s ease 0.75s;
  background: #ea4111;
  /* box-shadow: inset 0 0 0 0.1em #6138d8, 0 0 1.75em rgba(150, 56, 216, 0.5); */
}
.morebtn:focus.outlined {color: white;}
.morebtn:hover:before,.morebtn:hover:after,.morebtn:focus:before,.morebtn:focus:after {transition: transform 2s ease 0s, opacity 0.2s ease;opacity: 1;}
.morebtn:hover:before,.morebtn:focus:before {transform: translate3d(-10%, -1em, 0) rotate(100deg);}
.morebtn:hover:after,.morebtn:focus:after {transform: translate3d(10%, -1em, 0) rotate(180deg);}
#Services {padding: 20px 40px 20px;text-align: center;}
#Services h3 {font-size: 19px;font-weight: 400;line-height: 28px;}
#Services .owl-dots {top: 0px;}
.owl-nav button{outline:none;background-color: #ffffffb0;color: #e60024;font-size: 75px;line-height: 41px;border-radius: 0;padding: 0px;visibility:hidden;}
.owl-nav button span{position:relative;top: -5px;}
.owl-nav button.owl-next{right: 3%;}
.owl-nav button.owl-prev{left: 0%;}
.owl-carousel:hover .owl-nav button{visibility:visible;}

.hme-services{background-color: rgb(246 246 246 / 73%);clear:both;padding: 40px 35px 25px;text-align:center;position: relative;width: 100%;display: inline-block;overflow: hidden;}
.hme-services:after{content: '';background:url(https://www.taylor-lane.co.uk/wp-content/themes/taylorlane/assets/images/section-bg.jpg);width: 100%;height: 100%;position: absolute;z-index: -9;opacity: 0.4;top:0px;}
.hme-services h3{margin:10px 0px;font-size: 21px;padding: 0px 10px;text-align:left;}
.hme-services .service-lst:hover h3{color: #f24605;}
.hme-services .service-lst{float:left;width: calc(33% - 56px + 40px);margin-right: 30px;margin-bottom:20px;box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);min-height:445px;overflow: hidden;background-color: #fff;border: 1px solid #ddd;}
.hme-services .service-lst img{margin: 0px auto 10px;transition: transform .9s; /* Animation */width: 100%;}
.hme-services .service-lst:hover img {transform: scale(1.01); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.hme-services .service-lst:nth-child(3n) {margin-right: 0;}
.hme-services .service-lst p{padding: 0px 10px;text-align:left;}
.hme-services .service-lst.res-ipad{display:none;}

.dtlsban {padding: 20px 0 20px 0;margin-top: 63px;position: relative;display: inline-block;z-index: 9;background: linear-gradient(61deg, rgb(233 239 248 / 92%) 30%, rgba(255, 255, 255, 1) 100%);}
.dtlsban:after {content:'';position: absolute;background: url(../images/blue_dots.png) no-repeat;width: 175px;height: 160px;background-size: 95%;z-index: -9;top: 0px;right: 0px;}
.dtlsban:before{content:'';position: absolute;background: url(../images/blue_dots-blue.png) no-repeat;width: 200px;height: 160px;background-size: 100%;z-index: -9;bottom: -25px;right: 41%;}
.dtlsban .dtlstext {width: 50%;float: left;padding: 40px 60px 0 40px;}
.dtlsban .dtlstext h6 {font-size: 14px;color: #000000;letter-spacing: 0.7px;line-height: 13px;text-transform: uppercase;}
.dtlsban .dtlstext h2 {margin: 0 0 10px;font-size: 40px;line-height: 40px;font-weight: 700;}
.dtlsban .dtlstext p {font-size: 17px;font-weight: 400;}
.dtlsimg {width: 50%;float: left;}
.dtlsimg img {width: 72%;border-radius: 15px;position: relative;z-index: 55;margin: 0 auto;}
.dtlsban ul{border-bottom: 0px;}
.dtlsban ul li a{font-size: 16px;padding: 1px 11px;color: #e60024;font-style: italic;position: relative;}
.dtlsban ul li:first-child a{padding-left:0px;}
.dtlsban ul li a:after{content: '';position: absolute;right: 0px;top: 4px;transform: rotate(15deg);width: 1.5px;height: 13px;background-color: #e60024;}
.dtlsban ul li:last-child a:after{display:none;}

.servicecard {padding: 20px 90px;margin-bottom:0px;border-bottom: 1px dotted #ccc;}
.servicecard:last-child {border-bottom:none;}
.servicecard .left {float:left;width:50%;padding:0px 15px;/* min-height: 330px; */padding-top: 50px;}
.servicecard .right {float:right;width:50%;padding:0px 15px;}
.servicecard:nth-child(odd) .left {float:left;}
.servicecard:nth-child(even) .left {float: right;}
.servicecard:nth-child(even) .servimg{float:left;}
.servicecard .title-solution h3 {font-size: 40px;color: #ea4111;font-weight: 700;}
.servimg {width: 70%;border-radius: 15px;position: relative;z-index: 55;margin: 0 auto;float: right;}
.ServiceSlider{padding:0px 40px;}
.ServiceSlider .servicecard{padding: 5px 5px;margin-bottom: 15px;background-color:#fff;min-height: 450px;}
.ServiceSlider .servicecard .left {min-height: auto;width: auto;padding: 0px;}
.ServiceSlider .servicecard .left h3{padding: 0px !important;text-align:left;font-size: 20px;margin: 10px 0px 7px;font-weight:500;}
.ServiceSlider .servicecard .left p{text-align:left;}

.overview {background: url(../images/bg-overiew.jpg) no-repeat center center fixed;background-size: cover;margin-bottom:0px;background-size: cover;/* padding: 0px 135px; */height: 320px;position: relative;}
.overview .left{padding: 105px 50px 60px 100px;width: 45%;}
.overview .right{float:right;width: 55%;}
.overview img{width: 38%;z-index: 99;right: 90px;bottom: -52px;position: absolute;}
.overview .left p{color:#fff;}
.overview h3 {text-align: left;font-size: 40px;line-height: 50px;font-weight: 700;margin: 0px 0px 0px;color: #fff;padding: 0 0px;}
.overview a.morebtn {background-color: #ffffff;color: #ea4111;margin-top: 5px;box-shadow: inherit;}
.testimonial{padding: 30px 40px 10px;}
.testimonial h2{text-align:center;}
.testimonial h3{font-size: 15px;color: #ea4111;margin-bottom: 7px;clear: both;}
.testimonial img{position:absolute;width: 13% !important;top: -1px;}
.testimonial p{clear:both;}
.testimonial h6{font-size: 13px;display: none;}
.testimonial .owl-carousel .owl-stage{padding-top:25px;}
.testimonial .owl-carousel .owl-stage-outer{padding-bottom:25px;}
.testimonial .owl-nav{bottom: -1px;left: 49%;position: absolute;}
.testimonial .owl-nav button.owl-prev {margin-right:7px;background-image: url(../images/icons/arrow-icon-1.png);background-position: 6px 5px;}
.testimonial .owl-nav button {bottom: 0%;visibility: visible;background: url(../images/icons/arrow-icon.png) no-repeat center #ea4111;background-size: 42%;width: 30px;height: 30px;border-radius: 25px;line-height: 40px;background-position: 10px 5px;}
.testimonial .owl-nav button span{display:none;}
.testimonial .item {box-shadow: 0px 4px 18px rgb(194 200 213 / 30%);padding: 10px 10px;margin: 15px;background-color: #fff;border: 1px solid #eee;}
.testimonial .name{float:left;width: 73%;}
.testimonial .bordertop{border-top: 1px solid #eee !important;padding-top: 15px;position:absolute;bottom:10px;width:100%;}
ul.stars{float:right;width:27%;}
ul.stars li{display: inline-block;background-color: #e4e4e48a;height: 15px;width: 15px;line-height: 15px;text-align: center;border-radius: 4px;font-size: 11px;color: #ed582d;margin-right: 0px;}
.testipage{}
.testipage .item {position: relative;width: 31%;float: left;margin: 4px 10px 45px 0px;}
/*Project Page css start*/
#Project{margin-bottom: 5px;padding:15px 50px;}
#Project h2{}
#Project .left h3{font-size: 19px;font-weight: 400;line-height: 28px;text-align: center;} 
#Project h2{text-align: center;}
#Project .left{width: 53%;margin: auto auto;}
#Project .right{margin-top: 15px;}
#Project .right ul li{float:left;width: 33%;border-right:15px solid #fff;border-bottom:15px solid #fff;position:relative;overflow: hidden;}
#Project .right ul li img{width:100%;border: 1px solid #eee;border-radius: 10px;transition: transform .9s;}
#Project .right ul li:hover img {transform: scale(1.05);}
#Project .right ul li:after{content:'';position:absolute;background-color: #f3f5fd;border-radius: 100px 0px 0px 0px;width: 20%;height: 25%;z-index: 9;bottom: 0px;right: -18px;}
#Project .right ul li i{position:absolute;right: 8px;font-size: 35px;z-index: 91;bottom:5px;color: #fff;width: 35px;height:35px;background-color: #0350a0;border-radius: 50%;padding: 0px 1px;line-height:35px;transform: rotate(326deg);}
#Project .right ul li:hover i{background-color: #ff6337}
#Project .right h3 {position: absolute;bottom: -10px;background-color: #ea4111a8;color: #ffffff;font-size: 17px;width: 100%;border-radius: 0px 0px 5px 5px;padding: 10px 10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 9;}
#Project .right h3:after {content: '';background-color: #ea4111;width: 100%;height: 100%;position: absolute;left: -100%;z-index: -9;transition: all 0.6s linear;top: 0px;}
#Project .right ul li:hover h3:after {left:0px;}
#Project .right ul li:after{content: '';position: absolute;background-color: #ffffff;border-radius: 0;width: 20%;height: 25%;z-index: 9;bottom: -25px;right: -45px;transform: rotate(309deg);}
#Project.Projectpage{padding: 15px 25px;}
#Project.Projectpage .right ul li{width:25%;}
.Projectpage ul.proJectTabs{border: 0px;border-radius: 5px;padding: 5px;float: left;width: 15%;display: inline-block;}
.Projectpage ul.proJectTabs li{width: 100% !important;border: 0 !important;}
.Projectpage ul.proJectTabs a{color: #000000 !important;display: inline-block;width: 100%;px;margin-bottom: 10px;border-radius: 5px !important;padding: 6px 10px !important;text-align: center;border: 1px solid #d7e8ff !important;background-color: #f9fbff;}
.Projectpage ul.proJectTabs a:hover {background-color: #f1f1f1 !important;}
.Projectpage ul.proJectTabs a.active,.Projectpage ul.proJectTabs a.active:hover{color: #ffffff !important;border: 1px solid #ea4111 !important;background-color: #ea4111 !important;}
.Projectpage .tab-content{float:left;width: 85%;padding:0px 15px;}
#Project.Projectpage .right ul li:after {display:none;}
.Projectpage .tab-content h6 {margin-bottom: 10px;padding: 7px;border-radius: 0px;/* border: 1px solid #ccc; */color: #ea4111;width: 99%;background-color: #f6f9ff;}
/*About Us page css start*/
.hmeabt{padding: 45px 40px !important;position:relative;z-index: 9;overflow: hidden;background-color: rgb(238 238 238 / 50%);}
.hmeabt:after{content:'';background: url(../images/abtbg.jpg) no-repeat top right;width: 80%;height: 100%;display: block !important;right: 0%;z-index: -9;position: absolute;bottom: 0;opacity: 0.13;background-size: 70%;}
.hmeabt .mblview{display:none;}
.hmeabt p{font-size:18px;text-align: justify;letter-spacing: -0.9px;line-height: 30px;}
.hmeabt.about-page-sec1 .conter-box {padding: 20px;margin-bottom: 25px;}
.hmeabt.about-page-sec1 .conter-box h2 {font-size: 23px;}
.hmeabt .mobile{display:none;}
.link-more {font-size: 15px;color: #0350a0;padding-bottom: 5px;border-bottom: 1px solid #0350a0;min-width: 120px;font-weight: 600;display: inline-block;position: relative;}
.link-more i{font-size: 19px;position: absolute;right: 5px;top: -1px;}
.link-more:hover {color: #ea4111;border-bottom: 1px solid #ea4111;}
.about-page-sec1{padding:10px 40px;}
.about-page-sec1 .image img {border-radius: 4px;}
.about-page-sec1 .conter-box {border-radius: 4px;padding:15px;}
.about-page-sec1  .conter-box h2 {color: #fff;    margin-bottom: 0px;}
.about-page-sec1 .conter-box p {color: #ffffffcc;font-size: 18px;font-weight: 400;}
.about-page-sec1 .conter-box1 {background-color: #0350a0;margin-top: 30px;}
.about-page-sec1  .conter-box2 {background-color:#ea4111;margin-bottom: 25px; }
.about-page-sec1 ul li{font-weight:500;}
.about-page-sec2  ul li,.about-page-sec2 .themeList li:after {color:#fff;}
.about-page-sec2 ul.themeList li {margin-bottom: 20px;}
.about-page-sec2 .conter-box2 {min-height: 327px;}
.ourguiding{background-color: #f7f7f7;padding: 40px 40px;}
.ourguiding h2{text-align:center;margin-bottom: 0px;}
.ourguiding .subText{text-align:center;font-size:18px;margin-bottom: 10px !important;font-weight: 600;}
.ourguiding .top p{width: 70%;margin:0 auto;text-align: center;}
.ourguiding ul{width: 90%;margin: 25px auto;}
.ourguiding ul li{float: left;width: 31%;margin-right: 25px;padding: 24px 10px 0px;min-height: 175px;border-radius: 10px;border: 2px solid #ddd;background-color: #fff;}
.ourguiding ul li .content{float: right;width: calc(100% - 65px);padding-left: 15px;}
.ourguiding ul li .content h5{color: #ea4111;margin-bottom: 2px;}
.ourguiding ul li .content p{line-height: 29px;margin-bottom: 0px;padding-left: 2px;}
.ourguiding ul li .leftico{font-size: 29px;border: 1px solid #ea4111;padding: 10px 15px;border-radius: 55px;float: left; width: 65px;height: 65px;background-color: #fff2e6;color: #ffa14a;transition: all .8s;}
.ourguiding ul li:hover .leftico{background-color:#ea4111;color:#fff;}
.whychoose{padding: 40px 40px;}
.chooselist{}
.chooselist li{float: left;width: 48%;border-radius: 5px;margin-bottom: 15px;margin-right: 25px;padding: 15px;min-height: 175px;background: linear-gradient(61deg, rgb(217 231 246) 30%, rgb(226 237 255) 100%);}
.chooselist li h5 {font-weight: 500;/*font-size: 17px;*/margin-bottom: 10px;}
.chooselist li:nth-child(2){margin-top: -50px;margin-right: 0px;}
.chooselist li:nth-child(3){margin-top: 15px;margin-right: 0px;}
.chooselist li:nth-child(4){margin-top: -150px;}
.whychoose .col-lg-5:after{content: '';position: absolute;background: url(../images/blue_dots-blue.png) no-repeat;width: 200px;height: 160px;background-size: 100%; z-index: -9;bottom: -65px;right: 71%;}
.team {padding: 40px 0px;margin-bottom: 10px;}
.team .head {text-align: center;}
 ul.teamlist {list-style: none;margin-top: 40px;padding:0px 20px;}
 ul.teamlist li {margin-bottom: 0px;padding-bottom:15px;border-bottom: 1px dashed #aeaeae;display: flex;align-items: center;background-color: #f7f7f7;padding: 7px 20px;}
 ul.teamlist li:last-child {border-bottom:0 dashed #ccc;background-color:transparent;}
 .teamimg {width: 150px;height: 150px;}
 .teamimg img {width: 150px;height: 150px;border-radius:50%;border: 3px solid #ea4111;padding:4px;}
 .teamname {width: 350px;padding-left: 25px;}
 .teamname h2 {font-size: 21px;font-weight: 700;margin-bottom: 5px;}
 .teamname h6 {font-size: 16px;color: #171616;font-weight: 400;}
 .teamdtls {width: calc(100% - 450px);border-left: 1px solid #aeaeae;padding-left: 40px;margin-left: 40px;}
ul.themeList li {margin-bottom: 10px;position: relative;padding-left: 20px;}
ul.themeList li:after {color: #ea4111;left: -5px;position: absolute;top: -3px;font-size: 24px;content: "✦";display: inline-block;line-height: 1;}
.IconList{margin-top: 20px;text-align: left;}
.IconList li{float:left;width: 24%;margin-bottom: 15px;background-color: #fff;margin-right: 10px;border: 1px solid #e7e4e4;position: relative;}
.IconList li:nth-child(1){width: 48.7%;border: 0px;padding-top: 25px;}
.IconList li:nth-child(2),.IconList li:nth-child(3){width: 24%;}
.IconList li h6{color: #ea4111;font-size: 17px;margin-bottom: 0px;clear: both;padding: 7px 5px;background-color: #fff;width: 100%;position:relative;z-index: 9;}
.IconList li:hover h6{color:#fff;}
.IconList li h6:after {content: '';background-color: #0350a0;width: 100%;height: 0;position: absolute;left: 0px; z-index: -9;transition: all 0.6s linear;top: 0px;}
.IconList li:hover h6:after{height:100%;}
.IconList li img{border: 0;border-radius: 0px;width: 100%;}
.IconList li img:hover{/*filter: grayscale(100%);*/}
.IconList li .simgHov{float:left;width: 100%;text-align:left;padding-left: 15px;padding: 0;}
/*privacy-plcy css start*/
.privacy-plcy {padding-bottom: 78px;}
.privacy-top{position:relative;margin-bottom: 15px;display: inline-block;width: 100%;overflow: hidden;padding: 35px 2vh;}
.privacy-top .float-left{width: 40%;}
.privacy-top .float-left img{margin:0 auto;width: 90%;}
.privacy-top .float-right{width: 60%;}
.privacy-top .float-right p{text-align:justify;}
.privcy-content {width: 95%;margin: 20px auto;clear: both;}
.privacy-lst {margin-bottom: 20px;border-bottom: 1px dashed #e600234d;padding-bottom: 8px;position: relative;}
.privcy-content .privacy-lst:last-child  {border-bottom:0;}
.privacy-lst h3 {font-size: 20px;color: #000000;margin-bottom: 5px;padding-left: 20px;background-size: 30px;}
.privacy-lst h3:after {color: #ea4111;left: -5px;position: absolute;top: 0px;font-size: 24px;content: "✦";display: inline-block;line-height: 1;}
.privacy-lst p{padding-left: 29px;}
.privacy-lst ul{padding-left:45px;clear:both;display: inline-block;width: 100%;}
.privacy-lst ul li{list-style: disc;margin-bottom: 6px;}
.privacy-lst .listOne li{float:left;width: 33%;}
.privacy-lst .addresslist{padding-left: 30px;}
.privacy-lst .addresslist li{list-style:none;}
.privacy-lst a{white-space:nowrap;}
.privacy-lst p span{font-weight: 500;}
.termsPge{padding: 35px 40px;}
.termsPge h2{ color: #ea4111;font-weight:600;}
.termsPge h4{color: #0350a0;margin-bottom: 5px;}
.termsPge p{padding-left:0px;margin-bottom: 5px;}

.left-menu {position: fixed;top: 363px;left: 15px;width: 200px;height: 100vh;background-color: #e7e7e7;color: white;padding: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.left-menu.fixed {top: 65px;}
.left-menu a {display: block;padding: 5px 10px;color: #000000;text-decoration: none;margin-bottom: 10px;border-radius: 4px;background-color: #ccc;}
.left-menu a:hover {background-color: #c2c1c0;}
/*.Projectpage .right {flex: 1;scroll-behavior: smooth;float: left;width: 100%;padding-left: 220px;margin-top: 0px !important;}*/
.right-content {margin-bottom: 40px;border: 1px solid #ccc; padding: 4px;background: #f9f9f9;clear: both;display: inline-block;}
.right-content:nth-child(even) {background: #e9e9e9;}