body{font-size: 14px;}
.homepad{padding-top: 60px;padding-bottom: 60px;}
.custom-select-wrapper{position: relative !important;/*background-color: #F2F2F2 !important;*/border-radius: 5px !important;overflow: hidden !important;}
.custom-select-wrapper::after{content: "" !important;position: absolute !important;top: 50% !important;right: 15px !important;transform: translateY(-50%) !important;width: 16px !important;height: 16px !important;pointer-events: none !important;z-index: 2 !important;background-image: url('data:image/svg+xml;utf8,<svg fill="gray" height="16" viewBox="0 0 512 512" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M256 294.1L96 134.1l-22.6 22.6L256 339.3l182.6-182.6L416 134.1z"/></svg>') !important;background-size: contain !important;background-repeat: no-repeat !important;}
.success-appointment, .success-drawing-appointment{color: #1D483B;border: 1px solid #1D483B;padding-left: 15px;padding-right: 15px;}
input:invalid:focus, select:invalid:focus, textarea:invalid:focus{border: 1px solid #bb2d3b !important;}
.border{border-bottom: 5px solid red;}

/* eye icon */
.eye-icon{position: relative;}
.eye-icon-btn{position: absolute;top: 50%;right: 15px;transform: translateY(-50%);width: 24px;height: 24px;background-size: contain;background-repeat: no-repeat;cursor: pointer;z-index: 2;}
.eye-icon-btn.show{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z"/><circle cx="12" cy="12" r="3"/></svg>');}
.eye-icon-btn.hide{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cline x1='3' y1='21' x2='21' y2='3' stroke='%23333'/%3E%3C/svg%3E");}
 
/* tags */
h1, .h1{font-size: 51px !important;}
h3, .h3{font-size: 44px !important;}
h4, .h4{font-size: 36px !important;}
h5, .h5{font-size: 24px !important;}
h6, .h6{font-size: 18px !important;}

/* font size */
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-40{font-size: 40px;}
.fs-60{font-size: 60px;}

/* font-weight */
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}

/* font family */
.plus-jakarta-sans{font-family: "Plus Jakarta Sans", sans-serif;font-optical-sizing: auto;font-style: normal;}
.inter{font-family: "Inter", sans-serif;font-optical-sizing: auto;font-style: normal;}
.red-hat-display{font-family: "Red Hat Display", sans-serif;font-optical-sizing: auto;font-style: normal;}
.montserrat{font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-style: normal;}
.manrope{font-family: "Manrope", sans-serif;font-optical-sizing: auto;font-style: normal;}

/* Model */
.modal-dialog{width: 100%;height: 90%;justify-content: center;display: flex;align-items: center;}
.modal-header, .modal-body{border-bottom: 0;padding: 0;}
.modal-content{padding: 20px 35px 35px 35px;width: 90%;}
.form-control:focus{box-shadow: none;}

/* form */
.modal input, .modal textarea{border-top: 0 !important;border-left: 0 !important;border-right: 0 !important;padding: 0 0 15px 0 !important;}
.modal .btn-contact{padding: 15px 0 15px 0 !important;border-top: 1px solid #1D483B !important;border-left: 1px solid #1D483B !important;border-right: 1px solid #1D483B !important;}
.modal input.form-check-input{border: 1px solid #6C7275 !important;}
#toggle-password{position: absolute;right: 15px;transform: translateY(-50%);cursor: pointer;bottom: 44%;}
#toggle-password2{position: absolute;right: 15px;transform: translateY(-50%);cursor: pointer;bottom: 30%;}

/* letter spacing */
.ls-02{letter-spacing: -1px;}
.ls-04{letter-spacing: -4px;}
.ls-04{letter-spacing: -0.4px;}

/* line height */
.lh-21{line-height: 21px;}
.lh-24{line-height: 24px;}
.lh-28{line-height: 28px;}
.lh-32{line-height: 32px;}
.lh-120{line-height: 120%;}

/* color */
.txt-black1{color: #141718;}
.txt-black2{color: #25202F}
.txt-black3{color: #47444E}
.txt-gray1{color: #6C7275;}
.txt-gray2{color: #80868B;}
.txt-gray3{color: #606060;}
.txt-gray4{color: #3D3D3D;}
.txt-gray5{color: #616161;}
.txt-gray6{color: #565656;}
.txt-gray7{color: #6A6A6A;}
.txt-green1{color: #38CB89;}
.txt-green1:hover{color: #109a5c;}
.txt-green2{color: #3A795B;}

/* button */
.btn-link:hover{--bs-link-hover-color: #3A795B;}
.btn-dark{
    --bs-btn-color: #fff;--bs-btn-bg: #141718;--bs-btn-border-color: #141718;--bs-btn-hover-color: #1D483B;--bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #1D483B;--bs-btn-focus-shadow-rgb: 66, 70, 73;--bs-btn-active-color: #fff;--bs-btn-active-bg: #1D483B;
    --bs-btn-active-border-color: #1D483B;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #141718;--bs-btn-disabled-border-color: #141718;
}
.btn-danger{
    --bs-btn-color: #fff;--bs-btn-bg: #D70000;--bs-btn-border-color: #D70000;--bs-btn-hover-color: #bb2d3b;--bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #b02a37;--bs-btn-focus-shadow-rgb: 225, 83, 97;--bs-btn-active-color: #fff;--bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D70000;--bs-btn-disabled-border-color: #D70000;padding: 12px 25px;
}
.btn-success{
    --bs-btn-color: #fff;--bs-btn-bg: #1D483B;--bs-btn-border-color: #1D483B;--bs-btn-hover-color: #1D483B;--bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #146c43;--bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1D483B;--bs-btn-disabled-border-color: #1D483B;padding: 10px;
}
.btn-success-user{
    --bs-btn-color: #fff;--bs-btn-bg: #3A795B;--bs-btn-border-color: #3A795B;--bs-btn-hover-color: #157347;--bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #146c43;--bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3A795B;--bs-btn-disabled-border-color: #3A795B;padding: 5px;border-radius: 0;
}
.btn-light{
    --bs-btn-color: #000;--bs-btn-bg: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #d3d4d5;--bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #c6c7c8;--bs-btn-focus-shadow-rgb: 211, 212, 213;--bs-btn-active-color: #000;--bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;--bs-btn-disabled-border-color: #f8f9fa;
}

/* header */
.header{background: #fff;}
#menu-header_menu li a{padding: 10px 17px;text-decoration: none;color: #80868B;font-size: 16px;font-weight: 500px;font-family: "Red Hat Display", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
#menu-header_menu li a.border, #menu-header_menu li a:hover{color: #17181B;border-bottom: 2px solid #3A795B !important;border-top: 0 !important;border-left: 0 !important;border-right: 0 !important;}
.navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;}
.offcanvas-body{border-top: 1px solid #dddada;}
#menu-header_menu-1{margin-bottom: 35px;gap: 15px;}
#menu-header_menu-1 li a{padding: 7px 17px;text-decoration: none;color: #80868B;font-size: 16px;font-weight: 500px;font-family: "Red Hat Display", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
#menu-header_menu-1 li a.border, #menu-header_menu-1 li a.hover{color: #17181B;border-bottom: 2px solid #3A795B !important;border-top: 0 !important;border-left: 0 !important;border-right: 0 !important;}

/* banner */
.banner{background-position: top center;background-repeat: no-repeat;background-size: contain;width: 100%;height: 100vh;}
.formbox{background: #fff;border-radius: 8px;padding: 25px;}
.formbox p{margin-bottom: 0;}
.formbox .form-control, select{font-size: 13px;color: #646464;background: #F2F2F2;padding: 10px;border: none;font-family: "Red Hat Display", sans-serif;font-optical-sizing: auto;font-style: normal;}
.formbox .form-control::placeholder {--bs-body-color: #646464;}
.formbox select option {color: #646464;font-family: "Red Hat Display", sans-serif;font-optical-sizing: auto;font-style: normal;}
.formbox .custom-file-upload{color: #646464;font-size: 13px;position: relative;display: block;padding: 10px;background: #f5f5f5;border: 0px solid #ddd;border-radius: 6px;font-family: "Red Hat Display", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;width: 100%;height: 82px;}
.formbox .custom-file-upload p{margin: 0;}
.formbox .custom-file-upload small{display: block;margin-top: 5px;color: #777;font-size: 12px;}
.formbox .custom-file-upload input[type="file"]{width: 100%;height: 100%;opacity: 0;position: absolute;top: 0;left: 0;cursor: pointer;}
.formbox .custom-file-upload .plus-icon{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 24px;color: #999;}
.formbox #image-preview{position: absolute;top: 0;}
.formbox #image-preview img, #image-preview embed{max-width: 200px;height: 63px;margin-top: 10px;border-radius: 5px;}
.formbox .wpcf7-spinner{display: none !important;}

/* trust icon */
.trusticon-img{background: #D9D9D9;padding: 18px;border-radius: 10px;}

/* why we */
.whywe-title{position: relative;width: fit-content;padding: 0 0 15px 0;}
.whywe-title::before{position: absolute;content: "";border-bottom: 2px solid;width: 82%;bottom: 0;}
.whywe p{margin-bottom: 0;}
.whywe-box{background: #fff;padding: 25px 25px 25px 35px;border-radius: 10px;position: relative;}
.whywe-box::before{position: absolute;content: "";border: 1px solid #20BD57;width: 20px;height: 20px;border-radius: 50%;background: #20BD57;left: -1.5%;top: 21%;}
.whywe .whywe-container{top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;}
.whywe .whywe-bg{width: -webkit-fill-available;}

/* get a free */
.getfree{position: relative;margin-top: -200px;}
.getfree .formbox #image-preview2{position: absolute;top: 0;}
.getfree .formbox #image-preview2 img, #image-preview2 embed{max-width: 200px;height: 63px;margin-top: 10px;border-radius: 5px;}
.getfree .getfree-box{background-color: #1D483B;padding: 30px 40px;}
.getfree .whywe-title2{position: relative;width: fit-content;padding: 0 0 24px 0;}
.getfree .whywe-title2::before{position: absolute;content: "";border-bottom: 5px solid;width: 34%;bottom: 0;}
.getfree .formbox{padding: inherit;}
.kit-design{height: 44px !important;}
.kit-design .image-preview{position: absolute;top: 29%;bottom: 0;}
.getfree video{border-radius: 10px;}
.custom-video-wrapper{position: relative;width: 100%;}
.custom-video-wrapper video{width: 100%;height: auto;}
.video-play-button{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80px;height: 80px;background: transparent;border: none;cursor: pointer;padding: 0;}
.video-play-button img{width: 100%;height: 100%;object-fit: contain;}
iframe{    width: 100%;
    height: 250px;}

/* how it works */
.howitworks .whywe-box{box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}

/* gallery */
.gallery{column-count: 3;column-gap: 20px;height: 780px;overflow-x: auto;scrollbar-width: thin;scrollbar-color: #343839 #f1f1f1;}
.gallery::-webkit-scrollbar{height: 8px;}
.gallery::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 10px;}
.gallery::-webkit-scrollbar-thumb{background: #888;border-radius: 10px;}
.gallery::-webkit-scrollbar-thumb:hover{background: #343839;}
.gallery-item{margin-bottom: 20px;border-radius: 8px;}
.gallery-item img{width: 100%;height: auto;display: block;border-radius: 8px;}

/* testimonials */
.testimonials-slider .splide__list{gap: 20px;}
.testimonials-slider .splide__slide{margin-right: 0px !important;}
.testimonials-slider .splide__slide img{border-radius: 15px 15px 0 0;}
.testimonials-slider .splide__slide-details{background-color: #F8F8F8;padding: 10px 35px 13px 35px;border-radius: 0 0 15px 15px;}
.testimonials-slider .splide__arrow--prev{left: 35%;bottom: -65px !important;top: auto !important;border: 1px solid #000;background: transparent;}
.testimonials-slider .splide__arrow--next{right: 35%;bottom: -65px !important;top: auto !important;border: 1px solid #000;background: transparent;}
.testimonials-slider .splide__pagination__page{width: 15px;height: 15px;border: 1px solid #efefef;background: transparent;opacity: 1;}
.testimonials-slider .splide__pagination__page.is-active{width: 30px;height: 12px;border: 1px solid #62d0b6;background: #62d0b6;border-radius: 20px;}
.testimonials-slider .splide__pagination{bottom: -50px !important;gap: 6px;}
.testimonials-slider .card{border: 0;}
.testimonials-slider .card-header{background-color: transparent;padding: 0;}


/* consultation */
.consultation .formbox{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.consultation .consultation-details{gap: 35px;}
.consultation .consultation-bg{position: absolute;right: 0;}

/* our team */
.team-img{border-radius: 8px !important;}

/* faq */
.faq .faq-accordian .accordion-item{border-left: 0 !important;border-right: 0 !important;}
.faq .faq-accordian .accordion-button:not(.collapsed){background-color: #fff !important;}
.faq .faq-accordian .accordion-button{padding-left: 0;}
.faq .accordion-button:focus{box-shadow: none;}

/* contact info */
.contactinfo .footer-btn{width: 50%;}
.footer-heading{position: relative;padding-bottom: 25px;margin-bottom: 22px;}
.footer-heading::before{position: absolute;content: "";border-bottom: 3px solid #000;width: 13%;bottom: 0;}

/* footer */
.footer{background-color: #1D483B;}
.footer #menu-header_menu-2{gap: 30px}
.footer #menu-header_menu-2 li a{text-decoration: none;color: #fff;font-size: 16px; font-weight: 500;font-family: "Red Hat Display", sans-serif;font-optical-sizing: auto;font-style: normal;}
.footer .social-media{gap: 25px;}
.footer hr{--bs-border-width: 1px;color: #fff;opacity: 1;}

/* ********************* My Account Info ********************* */
/* user information */
.user .nav .nav-link{min-width: max-content;border-bottom: 2px dotted #F0EFED;border-radius: 0;text-align: start;padding: 12px 60px 12px 20px;}
.user .nav .nav-link:first-of-type{border-top: 2px dotted #F0EFED;}
.user .nav .nav-link.active{background-color: #F0EFED;padding: 12px 60px 12px 20px;}
.user hr{color: #E5E5E5;border: 1px solid #E5E5E5;}
.user .user-info{gap: 50px;}
.user .form-control{border-radius: 0;}
.user .update-btn{border-radius: 0;padding: 10px;}
.user .user-design{border: 1px solid #BABABA;padding: 13px;}

/* set up budget */
.set-up .set-up-content{background-color: #3A795B;padding: 20px 25px;}
.whywe{background: linear-gradient(180deg, #FFFFFF 0%, #D8E6E0 18%, #DEF2ED 74.06%, #FFFFFF 100%); margin-bottom: 14rem; margin-top: 1rem;}
.accordion-button::after{background: url(../../assets/images/plusicon.png) no-repeat;background-position: -2px -2px;}
.accordion-button:not(.collapsed)::after{background: url(../../assets/images/minusicon.png) no-repeat;background-position: -2px -2px;}