:root{--primary-color:#126575;--second-color:#18BCB3;--sans:'DM Sans',sans-serif}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{border-radius:50px;background-color:var(--primary-color)}
::-webkit-scrollbar-track{background-color:#e8e8e8}
::selection{background-color:var(--primary-color);color:#fff}
*{padding:0;margin:0;box-sizing:border-box}
body{font-family:'DM Sans',sans-serif}
a,button,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;text-decoration:none}
a{color:#126575}
a:hover{color:#126575}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{appearance:none}
input[type="number"]{-moz-appearance:textfield}

/* ===================== Globle Items ===================== */
.btn-2{display:inline-block;border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--primary-color);border-radius:8px;font-size:16px;font-weight:500;padding:10px 30px;    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/transition:.3s;font-family:var(--sans);text-transform:uppercase}
.btn-1:hover{color:#fff!important;background-color:var(--primary-color);border:1px solid var(--primary-color)}
.btn-1{display:inline-block;border:none;outline:none;box-shadow:none;background-color:transparent;text-decoration:none;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;font-size:16px;font-weight:500;padding:10px 30px; /*   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/transition:.3s;font-family:var(--sans);text-transform:uppercase}
.btn-2:hover{color:#fff;background-color:var(--primary-color)}
.round-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;outline:none;box-shadow:none;background-color:transparent;text-decoration:none;color:var(--primary-color);background-color:#fff;border-radius:100px;font-size:16px;font-weight:600;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;cursor:pointer;transition:.3s}
.round-btn:hover{color:#fff;background-color:var(--primary-color)}

/* ===================== End Globle Items ===================== */

/* ======================== Header Area ======================== */
header{/*    position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background-color: transparent;
transition: .5s ease;
z-index: 997;*/}
header.active{background-color:#fff;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}
header .header{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid #fff}
header .header .logo img{width:230px;padding:7px}
header .header .logo img.logo-img-1{display:block}
header .header .logo img.logo-img-2{display:none}
header.active .header .logo img.logo-img-1{display:none}
header.active .header .logo img.logo-img-2{display:block}
header .header .navs > ul > li{position:relative;display:inline-block}
header .header .navs > ul > li > a{text-decoration:none;display:inline-flex;align-items:center;font-size:18px;color:#fff;padding:25px 5px;margin:0 3px;cursor:pointer}
header .header .navs > ul > li:hover > a{color:#fff}
header .header .navs > ul > li > a.down-arrow::after{content:'\f107';font-family:"Font Awesome 5 Pro";line-height:1.0;display:inline-block;margin-left:5px;transition:.3s}
header .header .navs > ul > li:hover > a.down-arrow::after{transform:rotate(180deg)}
header.active .header .navs > ul > li > a,header.active .header .navs > ul > li > a:hover{color:var(--primary-color)}
header.active .header .request-btn .btn-2{color:var(--primary-color)}
header .header .navs .sub-menu{position:absolute;top:100%;width:280px;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out}
header .header .navs > ul > li:hover > .sub-menu{pointer-events:all;opacity:1}
header .header .navs .sub-menu > ul{background-color:#fff;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;border-radius:8px;padding:18px 15px}
header .header .navs .sub-menu > ul > li{display:block}
header .header .navs .sub-menu > ul > li > a{text-decoration:none;display:block;font-size:14px;font-weight:600;letter-spacing:.005em;color:var(--neutra-color);padding:5px 0;transition:.1s}
header .header .navs .sub-menu > ul > li > a:hover{color:var(--primary-color)}
header .header .btns-box{display:flex;align-items:center}
header .header .btns-box .request-btn{padding:0 15px 0 20px}
header .header .btns-box .contact-btn{position:relative}
header .header .btns-box .contact-btn:hover .btn-icon{background-color:var(--primary-color);color:#fff}
header .header .btns-box .contact-btn .contact-box{position:absolute;right:0;padding-top:16px;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out}
header .header .btns-box .contact-btn:hover .contact-box{pointer-events:all;opacity:1}
header .header .btns-box .contact-btn .contact-info{background-color:#fff;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;border-radius:8px;overflow:hidden}
header .header .btns-box .contact-btn .contact-info .contact-heading{font-size:18px;font-weight:600;color:#555;padding:6px 15px}
header .header .btns-box .contact-btn .contact-info .info{padding:10px 15px;background-color:rgba(204,204,204,0.3)}
header .header .btns-box .contact-btn .contact-info .info p{font-size:14px;font-weight:600;color:#555;padding-bottom:8px}
header .header .btns-box .contact-btn .contact-info .info a img,header .header .btns-box .contact-btn .contact-info .info a i{width:25px;font-size:20px;margin-right:8px}
header .header .btns-box .contact-btn .contact-info .info a{text-decoration:none;display:flex;align-items:center;font-size:16px;font-weight:600;color:#333;margin-bottom:5px}
header .header .btns-box .contact-btn .contact-info .info a:hover{opacity:.7}
@media screen and (max-width:1199px){
header{padding:20px 0}
header .header .navs{display:none}
header .header .btns-box .contact-btn{display:none}
header .header .btns-box{margin-left:auto}
}
@media screen and (max-width:1200px){
header{padding:15px 0}
header .header .logo img{width:100px}
header .header .btns-box{display:block;margin-right:15px}
header .header .round-btn{width:40px;height:40px;font-size:18px}
header .header .btns-box .request-btn .btn-1{display:none}
}

/* ======================== End Header Area ======================== */

/* ======================== Side-Menu Area ======================== */
.side-menu-area::-webkit-scrollbar{display:none}
.side-menu-area{scrollbar-width:none;position:fixed;top:0;left:0;right:0;z-index:999;width:100vw;height:100vh;overflow:hidden;pointer-events:none}
.side-menu-area.active{pointer-events:all}
.side-menu-area .overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background-color:rgba(0,0,0,0.2);opacity:0;transition:.5s ease}
.side-menu-area.active .overlay{opacity:1}
.side-menu-area .side-menu-box{scrollbar-width:none;width:280px;height:100%;position:absolute;top:0;left:0;z-index:1;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;    /* border-top-right-radius: 50px; */    /* border-bottom-right-radius: 50px; */
background-color:#fff;overflow:auto;transform:translateX(-150%);transition:.8s}
.side-menu-area.active .side-menu-box{transform:translateX(0%)}
.side-menu-area .side-menu-box::-webkit-scrollbar{display:none}
.side-menu-area .side-menu-box .side-menu{width:100%;min-height:100%;display:flex;flex-direction:column}
.side-menu .header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #eee;    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */padding:12px 0 6px}
.side-menu .header .logo img{width:180px}
.side-menu .header .close-btn button{border:none;outline:none;background-color:transparent;padding:10px 20px}
.side-menu .navs{padding:25px 25px}
.side-menu .navs ul{list-style:none}
.side-menu .navs > ul > li:not(:last-child){border-bottom:1px solid #eee}
.side-menu .navs > ul > li > a{text-decoration:none;display:flex;align-items:center;justify-content:space-between;    /* font-weight: 600; */color:var(--neutra-color);padding:8px 0;cursor:pointer}

/* .side-menu .navs > ul > li > a.active, */
.side-menu .navs > ul > li > a:hover{color:var(--primary-color)}
.side-menu .navs > ul > li > a.down-arrow::after{content:'\f107';font-family:"Font Awesome 5 Pro";line-height:1.0;display:inline-block;margin-left:5px;transition:.3s}
.side-menu .navs > ul > li > a.active.down-arrow::after{transform:rotate(180deg)}
.side-menu .navs > ul > li > .sub-menu{display:none;padding-left:10px;padding-bottom:10px}
.side-menu .navs .sub-menu > ul > li a{text-decoration:none;display:block;font-size:12px;font-weight:600;color:var(--neutra-color);padding:4px 0}
.side-menu .navs .sub-menu > ul > li a:hover{color:var(--primary-color)}
.side-menu .request-btn{text-align:center;margin-left:-15px;margin-bottom:40px;margin-top:auto}

/* ======================== End Side-Menu Area ======================== */

/* ======================== Request-Form Area ======================== */
.request-form-popup::-webkit-scrollbar{display:none}
.request-form-popup{scrollbar-width:none;position:fixed;top:0;left:0;right:0;z-index:999;width:100vw;height:100vh;padding:0 12px;display:flex;overflow:hidden;pointer-events:none}
.request-form-popup.active{pointer-events:all}
.request-form-popup .overlay{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-color:rgba(0,0,0,0.2);opacity:0;transition:.5s ease}
.request-form-popup.active .overlay{opacity:1}
.request-form-popup .request-form-box{scrollbar-width:none;width:100%;max-width:380px;height:100%;position:relative;z-index:1;display:flex;overflow:auto;padding:25px 0;margin:auto;opacity:0;transform:translateY(-50%);transition:.5s}
.request-form-popup.active .request-form-box{opacity:1;transform:translateY(0%)}
.request-form-popup .request-form-box::-webkit-scrollbar{display:none}
.request-form-popup .request-form-box .request-form{width:100%;background-color:#fff;border-radius:10px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;margin:auto}
.request-form .header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}
.request-form .header .title{font-size:20px;font-weight:600;color:var(--primary-color);padding:0 15px}
.request-form .header .close-btn button{border:none;outline:none;background-color:transparent;padding:10px 20px}
.request-form .form{padding:30px 20px}
.request-form .form .input-field{margin-bottom:15px}
.request-form .form .input-field input,.request-form .form .input-field textarea{border:none;outline:none;width:100%;border-radius:50px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;background-color:#fff;padding:10px 18px}
.request-form .form .input-btn input[type="submit"]{font-weight:600;background-color:var(--primary-color);color:#fff;transition:.5s}
.request-form .form .input-btn input[type="submit"]:hover{background-color:#fff;color:var(--primary-color)}

/* ======================== End Request-Form Area ======================== */
#home-banner{background-image:url(../img/banner.png);background-position:center;background-size:cover;height:700px;position:relative}
#home-banner:after{background:#fff;content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;opacity:0.07;z-index:1}
#home-banner .banner-txt{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;height:700px;position:relative;z-index:2}
#home-banner .banner-txt h2{font-size:70px;font-family:var(--sans);font-weight:bold;line-height:80px;color:#fff;text-align:center}
#home-banner .banner-txt h4{font-size:36px;color:#fff;line-height:30px;font-weight:500;margin:20px 0px}
#home-banner .banner-txt h2 span{color:var(--second-color)}
#home-banner .banner-txt p{color:#fff;font-family:var(--sans);text-align:center;max-width:700px;padding:20px 0;font-size:20px}
#home-banner .banner-txt .banner-btn{margin-top:40px}
#home-banner .banner-txt .banner-btn a{display:inline-block;border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--second-color);border-radius:8px;font-size:16px;font-weight:500;padding:12px 30px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;transition:.3s;font-family:var(--sans);text-transform:uppercase}
#services-card{padding:40px 0}
#services-card .head{margin:20px 0 40px}
#services-card .head h2{font-size:40px;font-family:var(--sans);font-weight:500;text-align:center}
#services-card .head h2 span{color:#126575}
#services-card .head .small-txt{font-size:20px;font-weight:600}
#services .box{margin-bottom:0;    /* background: red; */height:100%;padding:30px 50px}
#services .box img{width:80px}
#services .box  h2{font-size:24px;font-family:var(--sans);font-weight:500;color:#fff;padding:20px 0px 10px 0px}
#services .box p{font-size:16px;font-family:var(--sans);font-weight:400;line-height:30px;color:#fff;padding:10px 0}
#services .box .btn-box{margin-top:20px}
#services .box .btn-box a{background-color:transparent;text-decoration:none;color:var(--primary-color);border:1px solid var(--primary-color);font-size:16px;font-weight:500;padding:10px 24px;font-family:var(--sans);border-radius:8px;transition:.3s}
#services .box .btn-box:hover a{background-color:var(--primary-color);color:#fff}
#services{background-color:var(--second-color);padding:40px 0}
#services-card .condo-img{position:relative;background:url('../img/sol-card.png') no-repeat;background-size:cover;padding:30px;border-radius:15px}
#services-card .condo-img img{width:100%;position:relative}
.problem-img{background:#fff;padding:30px;border-radius:15px;position:relative;box-shadow:0px 0px 6px #ccc;min-height:510px;border:1px solid #18BCB3}
.problem-img ul{list-style:none}
.problem-img ul li{list-style:none;padding:0 0 20px 25px;position:relative;font-size:19px}
.problem-img ul li:before{content:'';position:absolute;width:18px;height:18px;top:6px;left:0;background:url(../img/arrow_icon.svg);background-size:cover}
.problem-img ul li > i{position:absolute;top:7px;left:0;color:var(--second-color)}
.problem-img ul li:last-child{padding-bottom:0px}
#services-card .problem-img p{font-size:18px;font-family:var(--sans);color:#1D212B;line-height:30px;padding:5px 0}
#services-card .problem-img .img-flex{/*display:flex;justify-content:flex-start;align-items:center;*/}
#services-card .problem-img .img-flex h5{font-size:30px;font-family:var(--sans);color:var(--second-color);font-weight:bold;padding-left:0px;padding-top:30px;padding-bottom:30px}
#services-card .problem-img .img-flex img{width:73px}
#services-card .problem-img .btn-card a.one{display:inline-block;border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--second-color);border-radius:8px;font-size:16px;font-weight:500;padding:10px 30px;box-shadow:rgb(0 0 0 / 24%) 0px 3px 8px;transition:.3s;font-family:var(--sans);text-transform:capitalize}

#services h5{font-size:40px;font-family:var(--sans);font-weight:500;text-align:center;color:#FFF;padding:0 0 20px}

/*#services-card .condo-img::before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
border-radius: 10px;
transition: .3s;
}*/

/*#services-card .condo-img .top-left {
position: absolute;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
z-index: 9;
width: 80%;
}*/
#services-card .condo-img .top-left .img-flex{/*    display: flex;
justify-content: flex-start;
align-items: center;*/}
#services-card .condo-img .img-flex img{width:90px}
#services-card .condo-img .img-flex h5{font-size:30px;font-family:var(--sans);color:#fff;font-weight:bold;padding-left:0px;padding-top:30px;padding-bottom:15px}
#services-card .condo-img  p{font-size:18px;font-family:var(--sans);color:#fff;line-height:30px;padding:0px 0px 10px}
#services-card .condo-img .top-left p a{text-decoration:none;color:#fff}
#services-card .btn-card{margin-top:40px}
#services-card .condo-img .btn-card a.one{display:inline-block;border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--second-color);border-radius:8px;font-size:16px;font-weight:500;padding:10px 30px;box-shadow:rgb(0 0 0 / 24%) 0px 3px 8px;transition:.3s;font-family:var(--sans);text-transform:capitalize}

/*#services-card .condo-img:hover::before{
background-color: transparent;
}*/
#our-value{padding:40px 0}
#our-value .main-blog{position:relative}
#our-value .main-blog img{width:48%;float:right;height:100%}
#our-value .main-blog .text-block{/*position:absolute;top:0;left:0;*/background-color:#fff;color:#000;padding:20px 20px;width:48%;height:auto;box-shadow:0px 3px 6px #00000029;border-radius:10px}
#our-value .main-blog .text-block h5{font-size:48px;font-family:var(--sans);font-weight:500;padding:15px 0;color:var(--second-color)}
#our-value .main-blog .text-block p{font-size:22px;line-height:35px;color:#302929;font-family:var(--sans);font-weight:400;padding:10px 0}
#our-value .main-blog .text-block p span{color:var(--second-color);font-weight:600}
#our-value ul li{list-style:none;line-height:30px;font-size:20px;margin-bottom:20px;position:relative;padding:0 0 0 40px}
#our-value ul li i{font-size:24px;color:var(--second-color);margin-right:15px;position:absolute;left:0;top:3px}
#our-value ul li span{font-size:20px;font-family:var(--sans);font-weight:500;padding-left:10px}
#testimonial{padding:50px 0 50px}
#testimonial .sec-heading{margin-bottom:40px}
#testimonial .sec-heading h2{text-align:center;font-size:48px;font-weight:500;font-family:var(--sans);color:var(--primary-color)}

/* Owl-Carousel */
.owl-carousel{display:none;width:100%;z-index:0}
.owl-carousel .owl-nav.disabled{display:none}
.owl-carousel .owl-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{pointer-events:all;display:inline-flex;align-items:center;justify-content:center;    /* width: 50px;
height: 50px;
border-radius: 50%; */background-color:transparent!important;color:var(--primary-color)!important;font-size:32px!important;font-weight:bolder!important;padding:8px!important}
.owl-carousel .owl-nav .owl-prev.disabled,.owl-carousel .owl-nav .owl-next.disabled{pointer-events:none;opacity:0.5}
.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-dots{position:relative;left:0;right:0;z-index:1;width:100%;text-align:center;margin-bottom:6px;pointer-events:none}
.owl-carousel .owl-dots .owl-dot{pointer-events:all;display:inline-block;width:50px;height:4px;border-radius:0%;background-color:var(--second-color);margin:0 3px;opacity:0.5}
.owl-carousel .owl-dots .owl-dot.active{opacity:1}
.owl-carousel .owl-stage{display:flex}
.owl-carousel .slide{height:100%;padding:15px 0}

/* =========== Card-1 =========== */
.card-1{height:100%;text-align:center;border-radius:5px;    /*box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);*/padding:25px 30px}
.card-1 .icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;color:var(--primary-color);font-size:28px;margin-bottom:12px}
.card-1 .content-box .title{font-weight:500;font-size:20px;font-family:var(--sans)}
.card-1 .content-box .des{font-size:15px;padding:10px 0;font-family:var(--sans);font-weight:400}

/* =========== owl_slider_1 =========== */
.owl_slider_1{padding:0 25px}
.owl_slider_1 .owl-nav{margin:0 -25px}
@media screen and (max-width:575px){
.owl_slider_1{padding:0}
}
#join-us{background-color:#EAEAEA;padding:60px 0}
#join-us .head h2{display:flex;flex-direction:row;justify-content:center;text-align:center;color:var(--second-color);width:40%;margin:0 auto;font-family:var(--sans);font-size:22px;font-weight:500}
#join-us .head h2:before,#join-us .head h2:after{background-color:var(--second-color);content:"";flex-grow:1;height:2px;position:relative;top:15px}
#join-us .head h2:before{margin-right:20px}
#join-us .head h2:after{margin-left:20px}
#join-us .des{padding:20px 0}
#join-us .des p{font-size:34px;font-family:var(--sans);font-weight:500;line-height:42px;text-align:center;padding:30px 0}
#join-us .btn-flex{display:flex;justify-content:center}
#join-us .btn-flex a.btn1{background-color:#fff;border:1px solid var(--primary-color);padding:8px 20px;color:var(--primary-color);text-transform:uppercase;font-family:var(--sans);border-radius:8px;margin-right:30px}
#join-us .btn-flex a.btn2{background-color:var(--primary-color);border:1px solid var(--primary-color);padding:8px 20px;color:#fff;text-transform:uppercase;font-family:var(--sans);border-radius:8px}
#footer{padding:40px 0 40px}
#footer  .footer-top .img img{margin:0 auto;display:block;width:100px}
#footer  .footer-top ul{margin:50px 0;padding:0;text-align:center}
#footer  .footer-top ul li{display:inline-block;font-family:var(--sans);color:#000;padding-left:30px;font-size:16px}
#footer  .footer-top ul li a{color:#000}
#footer  .footer-legal{border-top:1px solid #ddd;padding:10px 0}
.social-links span{padding-right:20px;font-family:'DM Sans';font-size:18px}
.social-links a{font-size:18px;display:inline-block;background:rgba(var(--color-white-rgb),0.1);color:var(--color-white);line-height:1;padding:8px 0;margin-right:8px;border-radius:4px;text-align:center;width:36px;height:36px;transition:0.3s}
.social-links a.facebook{background-color:#3B5998;color:#fff;border-radius:50%}
.social-links a.link{background-color:#007AB9;color:#fff;border-radius:50%}
.social-links a.twitter{background-color:#55ACEE;color:#fff;border-radius:50%}
#stock{position:fixed;bottom:0;z-index:1;background:#fff;padding:10px 0px;width:100%;left:0}
.line{border-right:1px solid #eee;border-bottom:1px solid #eee}
.scroll-left{height:30px;overflow:hidden;position:relative;margin:0px 0 0}
.scroll-left img{width:90%}
.fixed{position:fixed;bottom:0;height:35px;z-index:1;width:100%;left:0;background:#fff}
.scroll-left .second{margin-left:100%}
.scroll-left p{color:#000;font-weight:600;position:absolute;width:100%;height:100%;margin:0;font-size:18px;line-height:30px;text-align:center;/* Apply animation */-moz-animation:scroll-left 15s linear infinite;-webkit-animation:scroll-left 15s linear infinite;animation:scroll-left 15s linear infinite;font-family:var(--sans)}

/* Define the animation */
@-moz-keyframes scroll-left{
0%{-moz-transform:translateX(0%)}
100%{-moz-transform:translateX(-100%)}
}
@-webkit-keyframes scroll-left{
0%{-webkit-transform:translateX(0%)}
100%{-webkit-transform:translateX(-100%)}
}
@keyframes scroll-left{
0%{-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%)}
100%{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}

/* ======================== Start Login Form ======================== */
#login .login-form{width:100%}
#login .login-form form{padding:30px 0;margin:0 auto}
#login .login-form .close-btn{position:absolute;top:0;right:0;z-index:1;text-align:right;padding:18px 25px;cursor:pointer}
#login .login-form .close-btn i{background-color:transparent;width:25px;height:25px;border:1px solid #000;margin:0 auto;border-radius:50%;padding:5px 7px;font-size:14px}
#login .login-form form .title{margin-bottom:20px}
#login .login-form form .title h2{font-size:40px;font-weight:500;color:#1D212B;font-family:var(--sans);text-align:center}
#login .login-form form .title p{font-size:14px;color:#5C5C5C;font-weight:400;text-align:center;padding:10px 0}
#login .login-form form .input-field{position:relative;margin-bottom:20px}
#login .login-form form .input-field input{border:none;outline:none;box-shadow:none;width:100%;background-color:transparent;border:1px solid #D1D1D1;padding:5px 50px;height:60px;border-radius:5px}
#login .login-form form .input-field input::placeholder{color:#5C5C5C;font-size:14px}
#login .login-form form .input-field label{font-size:16px;font-family:var(--sans);color:#1D212B;position:absolute;left:15px;top:-12px;font-weight:400}
#login .login-form form .input-field img.email-img{position:absolute;left:15px;top:24px}
#login .login-form form .input-field img.lock-img{position:absolute;left:15px;top:16px}
#login .login-form form  p{text-align:right;font-size:14px;font-family:var(--sans)}
#login .login-form form  p a{color:#1D212B}
#login .login-form form .login-btn{margin-top:20px}
#login .login-form form .login-btn a{border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--second-color);border-radius:8px;font-size:16px;font-weight:100;padding:12px 30px;font-family:var(--sans);text-transform:uppercase;width:100%;display:inline-block;text-align:center}
#login .login-form form .ftr-btn{margin-top:20px}
#login .login-form form .ftr-btn span{border:none;outline:none;text-decoration:none;color:#000;border:1px solid #D1D1D1;border-radius:8px;font-size:14px;font-weight:100;padding:12px 30px;font-family:var(--sans);text-transform:capitalize;width:100%;display:inline-block;text-align:center}
#login .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:30px;outline:0}

/* ======================== End Login Form ======================== */

/* ======================== Start Signup Form ======================== */

#signup .login-form{width:100%}
#signup .login-form form{padding:30px 0;margin:0 auto}
#signup .login-form .close-btn{position:absolute;top:0;right:0;z-index:1;text-align:right;padding:18px 25px;cursor:pointer}
#signup .login-form .close-btn i{background-color:transparent;width:25px;height:25px;border:1px solid #000;margin:0 auto;border-radius:50%;padding:5px 7px;font-size:14px}
#signup .login-form form .title{margin-bottom:20px}
#signup .login-form form .title h2{font-size:40px;font-weight:500;color:#1D212B;font-family:var(--sans);text-align:center}
#signup .login-form form .title p{font-size:14px;color:#5C5C5C;font-weight:400;text-align:center;padding:10px 0}
#signup .login-form form .input-field{position:relative;margin-bottom:20px}
#signup .login-form form .input-field input{border:none;outline:none;box-shadow:none;width:100%;background-color:transparent;border:1px solid #D1D1D1;padding:5px 50px;height:60px;border-radius:5px}
#signup .login-form form .input-field input::placeholder{color:#5C5C5C;font-size:14px}
#signup .login-form form .input-field label{font-size:16px;font-family:var(--sans);color:#1D212B;position:absolute;left:15px;top:-12px;font-weight:400}
#signup .login-form form .input-field img.email-img{position:absolute;left:15px;top:24px}
#signup .login-form form .input-field img.lock-img{position:absolute;left:15px;top:16px}
#signup .login-form form  p{text-align:right;font-size:14px;font-family:var(--sans)}
#signup .login-form form  p a{color:#1D212B}
#signup .login-form form .login-btn{margin-top:0px}
#signup .login-form form .login-btn a{border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--second-color);border-radius:8px;font-size:16px;font-weight:100;padding:12px 30px;font-family:var(--sans);text-transform:uppercase;width:100%;display:inline-block;text-align:center}
#signup .login-form form .ftr-btn{margin-top:10px}
#signup .login-form form .ftr-btn span{border:none;outline:none;text-decoration:none;color:#000;border:1px solid #D1D1D1;border-radius:8px;font-size:14px;font-weight:100;padding:12px 30px;font-family:var(--sans);text-transform:capitalize;width:100%;display:inline-block;text-align:center}
#signup .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:30px;outline:0}

/* ======================== End Signup Form ======================== */

/* ======================== Start Dashbaord ======================== */


main{position:relative;height:100vh;width:80%;float:right;background-color:#f3f7fc}
.menu{background:#fff;height:100vh;width:20%;position:fixed;top:0;left:0;z-index:5;outline:none;border-right:1px solid #E5E5E5}
.menu .avatar{padding:2em 0.5em;text-align:center}
.menu .avatar img{width:100px}
.menu .avatar h2{font-weight:normal;margin-bottom:0}
.menu ul{margin:0;padding:0}
.menu ul li.active{list-style:none;background-color:var(--second-color);color:#fff;padding:20px}
.menu ul li.active span{color:#fff}
.menu ul li{list-style:none;color:#5C5C5C;padding:20px}
.menu ul li span{padding-left:10px;font-size:16px;font-family:var(--sans);font-weight:400;color:#5C5C5C}
.menu ul li:hover{background-color:rgba(0,0,0,0.1)}
.menu ul li:focus{outline:none}
.menu .footer-sidebar{position:absolute;bottom:0;width:100%}
.dash-header{display:flex;justify-content:space-between;align-items:center;box-shadow:0px 3px 6px #00000010;background:#fff;padding:0 30px;height:85px;width:80%;margin-left:auto;position:relative}
.dash-header h3{font-family:var(--sans);font-size:26px;font-weight:500;color:var(--second-color)}
.dash-header .header-profile{display:flex;justify-content:end;align-items:center}
.header-profile .dropdown i{position:relative}
.header-profile .profile-hover .circle{position:absolute;width:10px;height:10px;background-color:var(--second-color);border-radius:50%;top:0px;left:18px}
.header-profile .profile-hover ul li{position:relative;list-style:none}
.header-profile .profile-hover ul li  img{width:30px;position:relative;cursor:pointer}
.header-profile .profile-hover ul.submenu{position:absolute;left:-60px;top:150%;width:160px;text-align:left;background-color:#f3f7fc;z-index:9999;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.header-profile .profile-hover ul.submenu li:first-child{border-top:none}
.header-profile .profile-hover ul.submenu > li{border-top:1px solid #333333}
.header-profile .profile-hover ul li ul li{margin-left:0}
.header-profile .profile-hover ul.submenu > li > a{display:block;color:#000;text-decoration:none;padding:0 0 0 20px;line-height:45px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:var(--sans)}
.header-profile .profile-hover ul.submenu > li > a span{padding-left:10px}
.header-profile .profile-hover ul li:hover > ul.submenu{top:130%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;visibility:visible;box-shadow:rgb(0 0 0 / 24%) 0px 3px 8px}
.dash-header .header-profile .drop-btn{padding-left:30px}
.dash-header .header-profile .drop-btn a{border:1px solid var(--second-color);padding:12px 22px;border-radius:6px}
#main-dash{padding:40px 20px}
#main-dash .head{margin-bottom:20px}
#main-dash .head h2{font-family:var(--sans);font-weight:700;font-size:30px;color:#000}
#main-dash .graph{background:#FFFFFF;border:1px solid #E5E5E5;border-radius:8px;padding:20px}
#main-dash .graph p{color:#373737;font-family:var(--sans);font-weight:500;font-size:20px;padding:10px 0 20px}
#main-dash .graph img{width:100%}
.dash-tabs .tabs{display:flex;justify-content:space-between;width:80%;margin-left:auto;background-color:#FFFFFF}
.dash-tabs .tab{font-size:14px;padding:10px 25px;font-family:var(--sans);cursor:pointer;color:#BABABA;font-weight:500}
.dash-tabs .tab.active{border-bottom:2px solid #18BCB3;color:#126575}
.dash-tabs .content{width:100%}
.dash-tabs .content .table1{background:#FFFFFF;border:1px solid #E5E5E5;border-radius:8px;padding:20px;height:100%;margin-top:13px}
.dash-tabs .content-item{display:none}
.dash-tabs .content-item.active{display:block}
.upload-tabs .tabs{display:flex;justify-content:space-around;width:80%;background-color:#FFFFFF}
.upload-tabs .tab{font-size:16px;padding:10px 25px;font-family:var(--sans);cursor:pointer;color:#BABABA;font-weight:500}
.upload-tabs .tab.active{border-bottom:2px solid #18BCB3;color:#126575}
.upload-tabs .content{width:100%}
.upload-tabs .content .table1{background:#FFFFFF;border:1px solid #E5E5E5;border-radius:8px;padding:20px;height:100%;margin-top:13px}
.upload-tabs .content .table2{background:#FFFFFF;border:1px solid #E5E5E5;border-radius:8px;padding:0 0px;height:100%;margin-top:13px}
.upload-tabs .content-item{display:none}
.upload-tabs .content-item.active{display:block}
.upload-drop{display:flex;justify-content:end;align-items:center}
.upload-drop .dropdown{width:150px;display:inline-block;background-color:transparent;border-radius:2px;transition:all .5s ease;position:relative;font-size:14px;color:#000;height:100%;text-align:left;border:1px solid #D1D1D1;border-radius:6px}
.upload-drop .dropdown .select{cursor:pointer;display:block;padding:10px 10px;font-family:var(--lato);font-size:16px}
.upload-drop .dropdown .select > i{font-size:13px;color:#000;cursor:pointer;transition:all .3s ease-in-out;float:right;line-height:26px}
.upload-drop .dropdown.active .select > i{transform:rotate(-180deg)}
.upload-drop .dropdown .dropdown-menu{position:absolute;background-color:#fff;width:100%;left:0;margin-top:1px;box-shadow:0 1px 2px rgb(204,204,204);border-radius:0 1px 2px 2px;overflow:hidden;display:none;z-index:9}
.upload-drop .dropdown .dropdown-menu li{padding:6px 10px;transition:all .2s ease-in-out;cursor:pointer;border-bottom:1px solid #000;font-family:var(--Raleway);font-size:16px}
.upload-drop .dropdown .dropdown-menu{padding:0;list-style:none}
.upload-drop .dropdown .dropdown-menu li:hover{background-color:#f2f2f2}
.upload-drop .dropdown .dropdown-menu li:active{background-color:#e2e2e2}
:focus-visible{outline:-webkit-focus-ring-color auto 0px}
.upload-drop .upload-btn{margin-left:10px}
.upload-drop .upload-btn a{background-color:#18BCB3;color:#fff;padding:14px 22px;border-radius:6px;font-family:var(--sans);font-weight:400;font-size:16px}
.upload-drop .upload-btn a i{padding-right:6px}
.upload-tabs .table2  .table-responsive .table{border-collapse:separate;border-spacing:0 1em}
.upload-tabs .table2  .table-responsive .table .flex-name{display:flex;justify-content:start;align-items:center}
.upload-tabs .table2  .table-responsive .table .flex-name img{width:30px}
.upload-tabs .table2  .table-responsive .table .flex-name p{font-family:var(--sans);font-weight:400;font-size:16px;color:#5C5C5C;padding-left:10px}
.upload-tabs .table2  .table-responsive .table .action-flex ul{margin:0;padding:0;text-align:center}
.upload-tabs .table2  .table-responsive .table .action-flex ul li{display:inline-block;border:1px solid #D7D7D7;margin-left:8px;width:30px;height:30px;text-align:center;border-radius:6px}
.upload-tabs .table2  .table-responsive .table tr td{font-family:var(--sans);font-weight:400;font-size:16px;color:#5C5C5C}
.upload-tabs .table2  .table-responsive .table tr td.green{color:var(--second-color);font-weight:500}
.client-form .tabs{display:flex;justify-content:space-between;width:50%;background-color:#FFFFFF}
.client-form .tab{font-size:16px;padding:10px 25px;font-family:var(--sans);cursor:pointer;color:#BABABA;font-weight:500}
.client-form .tab.active{border-bottom:2px solid #18BCB3;color:#126575}
.client-form .content{width:100%;margin-top:50px}
.client-form .content .table1{background:#FFFFFF;border:1px solid #E5E5E5;border-radius:8px;padding:20px;height:100%;margin-top:13px}
.client-form .content-item{display:none}
.client-form .content-item.active{display:block}
.client-form .content .input-field{position:relative;margin-bottom:30px}
.client-form .content .input-field label{font-size:16px;font-family:var(--sans);color:#1D212B;position:absolute;left:15px;top:-12px;background:#fff;font-weight:400}
.client-form .content .input-field input{border:none;outline:none;box-shadow:none;width:100%;background-color:#fff;border:1px solid #D1D1D1;padding:5px 50px;height:60px;border-radius:5px}
.client-form .content .input-field textarea{resize:none}
.client-form .content .input-field textarea::placeholder{color:#5C5C5C}
.client-form .content .input-field input::placeholder{color:#5C5C5C}
.client-form .content .input-field img.email-img{position:absolute;left:15px;top:20px}
.client-form .content .client-btn a{border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--second-color);border-radius:8px;font-size:16px;font-weight:100;padding:12px 30px;font-family:var(--sans);text-transform:uppercase;width:50%;display:inline-block;text-align:center}
.client-form .content .input-field img.lock-img{position:absolute;left:15px;top:16px}
.client-form .content .btn-flex{display:flex;justify-content:center;align-items:center;margin-top:20px}
.client-form .content .btn-flex .btn1{margin-right:20px}
.client-form .content .btn-flex .btn1 a{border:none;outline:none;text-decoration:none;color:#000;background-color:#fff;border:1px solid #D1D1D1;border-radius:8px;font-size:14px;font-weight:100;padding:12px 30px;font-family:var(--sans);text-transform:uppercase;width:100%;display:inline-block;text-align:center;cursor:pointer}
.client-form .content .btn-flex .btn2 a{border:none;outline:none;text-decoration:none;color:#fff;background-color:var(--second-color);border-radius:8px;font-size:14px;font-weight:100;padding:12px 30px;font-family:var(--sans);text-transform:uppercase;width:100%;display:inline-block;text-align:center;cursor:pointer}
.fixed-top{position:fixed!important;top:0;right:0;left:0;z-index:1030}
.contact-pop{text-align:center;padding:40px 0px}
.contact-pop img{width:80px;argin-bottom:20px}
.contact-pop h2{font-size:36px;font-weight:600;margin-bottom:20px}

#scan_section{padding:40px 0 40px;background:#f4f4f4}
#scan_section .head{padding:0 0 40px}
#scan_section h2{font-size:40px;font-family:var(--sans);font-weight:500;text-align:center;color:var(--second-color)}
#scan_section .left_img_box{display:block;width:100%;border:solid 1px var(--second-color);overflow:hidden;border-radius:12px;box-shadow:0px 0px 6px #ccc}
#scan_section .left_img_box img{display:block;width:100%}
#scan_section .right_img_box{display:block;width:100%;border:solid 1px var(--second-color);overflow:hidden;border-radius:12px;box-shadow:0px 0px 6px #ccc}
#scan_section .right_img_box img{display:block;width:100%}
#scan_section .center_box{display:block;width:100%;text-align:center}
#scan_section .center_box .box1{display:block;width:100%;border:solid 1px var(--second-color);margin:20px 0;padding:10px 0;border-radius:12px}
#scan_section .center_box .box1 h3{font-size:18px;font-weight:400;line-height:28px;color:#000}
#scan_section .center_box .box1 p{font-size:21px;font-weight:700;line-height:30px;color:#126575}