@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Poppins:wght@300;400;500;600;700&display=swap');
/* font-family: 'Libre Baskerville', serif;
font-family: 'Poppins', sans-serif; */
body{  background:#fff; font-family: 'Poppins', sans-serif; font-weight: 400; position: relative;}
body.megamenu_opened:before{content: ''; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px); width: 100%; height: 100vh; position: fixed; top: 0; left: 0px; z-index:3}

#toTop { border-radius:0; bottom:40px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
a{text-decoration: none}
a:hover{text-decoration: none}
.form-control::-moz-placeholder {color: #6D6D6D !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #6D6D6D !important;}
.form-control::-webkit-input-placeholder {color: #6D6D6D !important;}
.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}
.md-0{margin: 0 0px}
.pd-0{padding: 0 0px}
.full-width{width: 100%}
button:focus {outline: none;}

.container{max-width: 1280px;}

.video-area{width: 100%; height: 100vh; position: relative; overflow: hidden;}
.video-area video {width: 100%; height: 100%; object-fit: cover;}
.video-area .logo-block{position: absolute; top: 50%; z-index: 1; width: 240px; margin-top: -30px; left: 50%; margin-left: -120px;}
.video-area .logo-block img{width:100%;}

.mobile-header{display: none; padding: 10px 15px; align-items: center; width: 100%; justify-content: space-between;}
.mobile-header .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;}
.mobile-header .btn-menu span{width: 100%; height: 2px; background: #000; display: block;  transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:100%; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}



.mobile-header .btn-menu-close{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease;}
.mobile-header .btn-menu-close span{width: 100%; height: 2px; background: #000; display: block;  transition: all .5s ease;}
.mobile-header .btn-menu-close span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu-close span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
.mobile-header .btn-menu-close span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.mobile-header .btn-menu-close span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
.mobile-header .btn-menu-close span:nth-of-type(3n+2){display: none;}
.mobile-header .btn-menu-close span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}

.header-main{padding: 0; position: absolute; width: 100%; z-index: 5; background: #fff}
.header-main .inner-area{display: flex; justify-content:flex-end; align-items: center;}
.header-main .inner-area ul.header-menu{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-main .inner-area ul.header-menu li{padding-left: 0px;}
.header-main .inner-area ul.header-menu li a{color: #151922; font-size: 14px; line-height: 54px; text-transform: uppercase;position: relative; padding: 0px 15px; display:block;}
.header-main .inner-area ul.header-menu li a img{height: 20px; width: auto;}

.header-main .inner-area ul.header-menu li .mega-menu{display: none !important; background: #fff; width: 100%; position: absolute; left: 0px; padding: 45px 15px; display: none;margin-top: -12px; z-index: 1;}
.header-main .inner-area ul.header-menu li .mega-menu ul.inner-menu{margin: 0px; padding: 0px; list-style: none;}
.header-main .inner-area ul.header-menu li .mega-menu ul.inner-menu li{margin: 0px;    margin-bottom: 10px;}
.header-main .inner-area ul.header-menu li .mega-menu ul.inner-menu li a{color: #151922; font-size: 14px; line-height: 20px; text-transform: capitalize; transition: 1s;}
.header-main .inner-area ul.header-menu li a.dropdown-toggle::after {display:none !important}

.header-main.fixed{background: #fff; position: fixed; z-index: 99; box-shadow: 0 1px 0 rgba(0,0,0,.07);}

.header-main .inner-area ul.header-menu li .mega-menu ul.inner-menu li a:hover {font-size: 15px; font-weight: bold;}

.second-content-block{padding: 17% 0 75px 0;height: 100vh; position: relative;}
.second-content-block .content-block{margin: 0 auto; text-align: center;}
.second-content-block .content-block .title {font-family: 'Libre Baskerville', serif; font-size: 30px; color: #000; line-height: 40px; margin: 0 0 11em 0; text-align: left; display: inline-block;}
.second-content-block .content-block a.link{font-size: 20px; color: #000; line-height: 29px}
.second-content-block .content-block a.link:hover{text-decoration: underline;}
.second-content-block .content-block a.link img{margin-left: 8px}

.ceoinfo-section{padding: 76px 0 0px 0}
.ceoinfo-section h2{font-size: 25px; font-weight: 700; color: #000; margin: 100px 0 140px 0; text-align: center;}
.ceoinfo-section .inner-area{display: flex; align-items: center;}
.ceoinfo-section .inner-area .leftside{width: 32%}
.ceoinfo-section .inner-area .leftside img{width: 100%}
.ceoinfo-section .inner-area .rightside{width: 80%; padding-left: 100px}
.ceoinfo-section .inner-area .rightside p {font-size: 21px;line-height: 29px; margin: 0 0 40px 0;color: #000;text-align: justify;}
.ceoinfo-section .inner-area .rightside .name{font-size: 19px; line-height:24px; text-align: right;}

.about-area{padding: 0px 0}
.about-area h2{font-size: 20px; font-weight: 700; color: #000; margin:0 0 100px 0; text-align: center;}
.about-area p{font-size: 14px; line-height:25px; margin: 0 0 40px 0; color: #000}
.about-area .pd-left{padding-left: 0px}
.about-area .pd-left p{margin: 0 0 10px 0}
.about-area .pd-left ul{margin: 0px; padding: 0px 0px 0px 15px }
.about-area .pd-left ul li{font-size: 14px; line-height:26px;  color: #000}

.team-area{padding: 40px 0 120px 0}
.team-area h2{font-size: 20px; font-weight: 700; color: #000; margin: 80px 0 45px 0; text-align: center;}
.team-area ul.team-list{margin: 0px auto 80px auto; padding: 0px; list-style: none; width: 700px}
.team-area ul.team-list li{font-size: 12px; color: #646363; font-weight: 700; line-height: 20px; display: flex; text-transform: uppercase; align-items: center;  margin-bottom: 10px}
.team-area ul.team-list li .line{width: 200px; background: #dddcdc; height: 2px; margin: 0 15px; position: relative;}
.team-area ul.team-list li .line::before{content: ''; width: 20px; height: 20px; border: #dddcdc 2px solid; position: absolute; border-radius: 50%; left: 50%; margin-left: -10px; top: -9px; background: #fff; }
.team-area ul.team-list li:nth-of-type(3n+2){margin-left: 120px}
.team-area ul.team-list li:nth-of-type(3n+3){margin-left: 240px}
.team-area p{font-size: 14px; line-height:26px; margin: 0 0 40px 0; color: #000}

.why-section{}
.why-section h2{font-size: 20px; font-weight: 700; color: #000; margin: 0 0 70px 0; text-align: center;}
.why-section p{font-size: 14px; line-height: 25px; color: #000; text-align: justify;}
.why-section p strong{display: block;}
.why-section .first-block{margin: 0 0 170px 0%; width: 80%}
.why-section .second-block{margin: 100px 0 30px 10%; width: 84%}
.why-section .three-block {margin: 0px 0 0px 0%;width: 80%;}

.what-provide{padding: 0px 0; position: relative;}
.what-provide .provide-area{display: flex; align-items: flex-start;}
.what-provide .provide-area .left{width: 50%}
.what-provide .provide-area .right{width: 45%}
.what-provide h2{font-size: 20px; font-weight: 700; color: #000; margin: 0 0 30px 0;}
.what-provide ul{margin: 0px 0px 80px 0px; padding: 0px; list-style: none}
.what-provide ul li{font-weight: 400; font-size: 14px; line-height: 22px; color: #000; margin-bottom: 25px;text-align: justify;}
.what-provide ul li strong{font-weight: 700; font-size: 15px; line-height: 30px; color: #000; display: block;}
.what-provide a.link{font-size: 23px; color: #000; line-height: 29px;}
.what-provide a.link:hover{text-decoration: underline;}
.what-provide a.link img{margin-left: 8px}
.whatcontainer {background-color: #f3f3f3; padding-top: 6em;margin-top: 2em;}

.service-section{padding: 70px 0}
.service-section .service-block{width: 360px; margin: 0 auto 30px auto;}
.service-section .service-block .service-img{width: 100%;border-radius: 15px; overflow: hidden;}
.service-section .service-block .service-img img{width: 100%; border-radius: 15px; transition: all 1s ease;-webkit-transition: all 1s ease;}
.service-section .service-block .name{text-align: center; font-size: 18px; color: #000; margin: 15px 0 0 0}
.service-section .get-quote{background: #ea7a00; font-size: 16px; font-weight: 700; color: #fff; padding: 10px 25px; border-radius: 25px}

.modal-body{padding: 80px; position:relative;}
.modal-body .close{position:absolute; top:15px; right:15px;}
.modal-body .left-arrow{position: absolute; top: 50%; left: 22px; width: 44px; height: 44px; margin-top: -22px; cursor: pointer;}
.modal-body .right-arrow{position: absolute; top: 50%; right: 22px; width: 44px; height: 44px; margin-top: -22px; cursor: pointer;}
.modal-body .left-arrow img, .modal-body .right-arrow img{width:100%;}

.modal-body .service-img{width: 300px; height:300px; overflow: hidden; border-radius: 15px; margin:0 auto;}
.modal-body .service-img img{width: 100%; height:100%; object-fit: cover;}
.modal-body .name{text-align: center; font-size: 24px; font-weight: 700; color: #000; margin: 20px 0}
.modal-body p{font-size: 18px; line-height: 28px; color: #000; margin: 0px 0px 20px 0px; text-align: justify;}
.modal-body .get-quote{background: #ea7a00; font-size: 16px; font-weight: 700; color: #fff; padding: 10px 25px; border-radius: 25px; display: inline-block;}

.video-section{padding: 70px 0;    background-color: #f3f3f3;}
.video-section .inner-area{display: flex; align-items: center; margin-bottom: 90px; margin-top: 85px;}
.video-section .inner-area .leftside{width: 50%; padding-right: 100px}
.video-section .inner-area .rightside{width: 50%}
.video-section .inner-area h2{font-size: 20px; font-weight: 700; color: #000; line-height: 30px; margin: 0 0 30px 0}
.video-section .inner-area p{font-size: 15px; line-height: 24px; color: #000; width: 100%;text-align: justify;}
.video-section .inner-area a{background: #ea7a00; font-size: 14px; font-weight: 700; color: #fff; padding: 10px 25px; border-radius: 25px; display: inline-block;}
.video-section a.link{font-size: 23px; color: #000; line-height: 29px}
.video-section a.link:hover{text-decoration: underline;}
.video-section a.link img{margin-left: 8px}

.video-slider-section{padding: 100px 0}
.video-slider-section .video-block{border: #e8e8e8 3px solid; padding: 8px; text-align: center;margin-bottom: 2em;overflow: hidden;}
.video-slider-section .video-block h2{font-size: 14px; font-weight: 700; color: #000; margin: 15px 0 10px 0}
.video-slider-section .video-block p{font-size: 12px; font-weight: 400; color: #000; margin: 0 0 20px 0}
.video-slider-section .owl-nav{position: absolute; top: 50%; margin-top: -34px; width: 100%}
.video-slider-section .owl-nav .owl-prev {left: -75px; position: absolute;}
.video-slider-section .owl-nav .owl-next {right: -75px; position: absolute;}

.trust-area{padding: 4em 0}
.trust-area h2{font-size: 20px; font-weight: 700; color: #000; margin: 0 0 70px 0; text-align: center;}
.trust-area .logo-block{width: 100%; height: 80px;}
.trust-area .logo-block img{object-fit: contain; width: 100%; height: 100%}
.trust-area .owl-nav{position: absolute; top: 50%; margin-top: -34px; width: 100%}
.trust-area .owl-nav .owl-prev {left: -75px; position: absolute;}
.trust-area .owl-nav .owl-next {right: -75px; position: absolute;}

.blog-area{padding: 70px 0}
.blog-area .inner-area{display: flex; align-items: center;}
.blog-area .inner-area .left{width: 35%}
.blog-area .inner-area .right{width: 65%; display: flex; flex-wrap: wrap;}
.blog-area .inner-area .right .blog-block{width: 46%; background: #f1f1f1; padding: 15px; margin-bottom: 30px; margin-right: 4%}
.blog-area .inner-area .right .blog-block .title{font-size: 16px; color: #000; line-height: 24px;margin-top: 14px;}
.blog-area .inner-area .right .blog-block i{font-size: 30px; color: #ea7a00}

footer .footer-area{padding-top: 4em; border-top: 1px solid #000; margin-top:6em}
footer .footer-area .footer-inner{display: flex; margin-bottom: 20px}
footer .footer-area .footer-inner .large-block{width: 55%; padding-right:140px; position: relative;}
footer .footer-area .footer-inner .small-block{width: 15%}
footer .footer-area .footer-inner h2{font-size: 18px; line-height: 24px; font-weight: 400; color: #000; margin: 0 0 20px 0}
footer .footer-area .footer-inner p{font-size: 16px; line-height: 24px; font-weight: 700; color: #000; margin: 0 0 20px 0}
footer .footer-area .footer-inner .input-area{width: 80%; position: relative;}
footer .footer-area .footer-inner .input-area .form-control{border: none; border-bottom: #000 1px solid; border-radius: 0px; font-size: 26px; color: #8e8e8e; padding: 15px 0}
footer .footer-area .footer-inner .input-area .form-control:focus{box-shadow: none}
footer .footer-area .footer-inner .input-area .btn-send{background: transparent; border: none; padding: 0px; font-size: 20px; color: #ea7a00; position: absolute; bottom: 18px; right: 0px}
footer .footer-area .footer-inner .input-area .btn-send i{font-size: 30px}
footer .footer-area .footer-inner h3{font-size: 18px; line-height: 24px; font-weight: 700; color: #000}
footer .footer-area .footer-inner ul{margin: 0px; padding: 0px; list-style: none}
footer .footer-area .footer-inner ul li a{font-size: 14px; line-height: 20px; color: #000;}
footer .footer-area .footer-inner ul li a:hover{ text-decoration: underline;}
footer .footer-area .footer-inner .large-block ul.social{position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; list-style: none; display: flex;}
footer .footer-area .footer-inner .large-block ul.social li{margin-right: 20px}
footer .footer-area .footer-inner .large-block ul.social li a{font-size: 40px; color: #8e8e8e}

footer .footer-area .footer-inner .btn-hello {display: flex; justify-content: space-between; border-bottom: #000 1px solid; padding: 10px 0; font-size: 14px; align-items: center; color: #8e8e8e !important;}
footer .footer-area .footer-inner .btn-hello i{color: #ea7a00; font-size: 30px;}
footer .footer-area .copyright-area{text-align: center; margin-top: 7em;margin-bottom: 2em;}
footer .footer-area .copyright-area .logo{margin-bottom: 15px}
footer .footer-area .copyright-area p{margin: 0px; font-size: 10px; color: #000}
footer .footer-area .copyright-area p a{ color: #000}

.sitemap-area{padding: 134px 0 80px 0; border-bottom: #000 1px solid; position: relative;}
.sitemap-area::before{content: ''; position: absolute; top: 55px; width: 100%; border-top: #000 1px solid}
.sitemap-area h1{font-size: 30px; color: #000; font-weight: 700}
.sitemap-area h2{font-size: 18px; margin: 20px 0 10px 0; font-weight: 700}
.sitemap-area ul.link{margin: 0px; padding: 0px; list-style: none}
.sitemap-area ul.link li a{font-size: 14px; line-height: 28px; color: #000; text-decoration: underline;}

.contact-area{padding: 95px 0 80px 0; position: relative;}
.contact-area::before{content: ''; position: absolute; top: 55px; width: 100%;}
.contact-area .inner-area{display: flex;}
.contact-area .inner-area .left-form{width: 50%}
.contact-area .inner-area .right-info{width: 50%; padding-left: 100px; margin-top: 4em;}
.contact-area .inner-area h1{font-size: 20px; color: #000; font-weight: 700; margin: 0 0 10px 0}
.contact-area .inner-area label{font-size: 14px; color: #000;margin-bottom: 2px;}
.contact-area .inner-area .form-control{border: none; background: #e8e8e8; border-radius: 0px; font-size: 14px; height: 50px}
.contact-area .inner-area .form-control:focus{box-shadow: none}
.contact-area .inner-area .btn-submit{background: #000; border: none; color: #fff; padding: 10px 30px; border-radius: 25px; font-size: 14px; margin-top: 20px}
.contact-area .inner-area .info{font-size: 15px; line-height: 24px; margin: 0 0 15px 0}
.contact-area .inner-area .info a{color: #ea7a00}
.contact-area .inner-area h2{font-size: 20px; font-weight: 700; color: #000; margin: 25px 0 15px 0}
.contact-area .inner-area .address-block{margin: 0 0 25px 0; width: 80%}
.contact-area .inner-area .address-block p{font-size: 14px; line-height: 20px}
.contact-area .inner-area .address-block p a{display: block;}
.contact-area .inner-area .address-block .title{font-size: 14px;   color: #000}
.contact-area .inner-area .address-block .title span{font-size:16px; font-weight: 400; color: #000; display: block;}

.service-section .service-block .name a {color: #000;}
.blog_page {margin-top: 5em; display: inline-block; position: relative;width: 100%;}
.blog_detail .blog_content {margin-top: 35px; margin-bottom: 35px;}
.owl-dots{display: flex; justify-content: center; position: absolute; width: 100%; bottom: -85px;}
.owl-dots .owl-dot{width: 10px; height: 10px; background: lightgray !important; border-radius: 50%; margin:0 5px;}
.owl-dots .owl-dot.active{background: #000 !important;}
.blog_detail {margin-bottom: 4em;}
.about_link {width: 100%; position: absolute; left: 0; bottom: 45px;}
.logoeffect{transition: transform 1.9s; transform: scale(1.5);}
button.owl-prev img, button.owl-next img {width: 100%;}
button.owl-prev, button.owl-next {width: 40px; margin-top: 13px;}
a.mlink {font-size: 20px; color: #000; line-height: 29px;}
a.mlink img {margin-left: 8px;}
footer .footer-area .copyright-area .logo img {width: 150px;}
.trust-area .text-center {margin-bottom: 6em;}
a.mlink:hover {text-decoration: underline;}
.iti.iti--allow-dropdown {width: 100%;}
.blog-area .inner-area .right .blog-block img.img-responsive {width: 100%;transition: all 1s ease;-webkit-transition: all 1s ease;}
.blog-block .blog_photo {
    overflow: hidden;
}

.blog_detail img.img-responsive {
    max-width: 48%;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}
.blog_detail .blog_title {
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    color: #000;
    line-height: 30px;
    margin: 10px 0 35px 0;
}
.blog_detail .blog_content p {text-align: justify;font-size: 14px;line-height: 20px;}
.blog_detail .blog_content h6 {font-size: 14px;}
.contact-area .inner-area select.form-control {height: 53px;}
.contact-area .inner-area textarea.form-control {height: auto;}


.contact-area .inner-area .address-block p {
    display: none;
}
.contact-area .inner-area .address-block .title {
    position: relative;
    border-bottom: #ccc 1px solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.contact-area .inner-area .address-block .title::after {
    content: '\2b';
    position: absolute;
    font-family: "Font Awesome 6 Brands";
    font-size: 12px;
    width: 17px;
    height: 20px;
    right: 0px;
    top: 5px;
}
.contact-area .inner-area .address-block .title.active::after {
    content: "\2d";
    font-size: 30px;
    top: -13px;
}
.contact-area .inner-area .address-block p.active {
    display: inline-block;
}
.embed-responsive {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.item .video-block:hover .embed-responsive {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}
.service-block .service-img:hover img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}
.blog-block .blog_photo:hover .img-responsive {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}
ul.team-list-icon {
    padding: 0;
    list-style: none;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 110px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}
ul.team-list-icon li {
    width: 30.33%;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 15px;
    border-radius: 10px;
    box-shadow: 2px 1px 6px #ccc;
    padding: 2.5em 1em;
    text-align: center;
    transition: 1.5s;
    font-size: 16px;
}
ul.team-list-icon li:hover {
    background-color: #ccc;
}

.navbar-down-arrow
{
    display: none;
}

.navbar-down-arrow img
{
    width: 14px;
}

.header-nav-menu
{
    display: none;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    background-color: #fff;
}

.header-nav-menu li 
{
    width: auto;
    list-style: none;
}

.header-nav-menu li a
{
    color: #000;
    line-height: 54px;
    text-transform: uppercase;
}

.header-nav-menu {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.dropmenu-nav-menu {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.dropmenu-head-icon {
    transition: all 0.3s ease;
}

.dropmenu-nav-menu.open .dropmenu-head-icon {
    transform: rotate(-180deg);
}

.dropmenu-wrapperr {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: all 0.3s ease;
}

.dropmenu-nav-menu.open .dropmenu-wrapperr {
    grid-template-rows: 1fr;
}

.dropmenu-list {
    min-height: 0;
}

.dropmenu-head
{
    border: none;
    background: none;
}

.dropmenu-head img
{
    width: 14px;
    margin-left: 10px;
    margin-bottom: 3px;
}

.dropmenu-child-list li a
{
    font-size: 14px;
    line-height: 30px;
    text-transform: unset;
}
.site_map_page ul {
    padding-left: 21px;
}