@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
}

body {
    font-size: 14px;
}

.img-responsive {
    width: 100%;
    height: auto;
}

html {
  scroll-behavior: smooth;
}

#navbar {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFFFFF;
}

#navbar .nav-item {
    padding: 7px 10px;
    transition: .3s all;
}

#navbar .nav-link {
    transition: .3s all;
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
}

#navbar .nav-link:hover {
    transition: .3s all;
    color: #3A65F2;
}

.dropdown:hover .dropdown-menu {
  display: block;
}


.dropdown-menu {
  animation-duration: 0.7s;
  animation-name: slidein;
  transition: ease-in 0.5s;
  box-shadow: 0px 10px 40px 0px #0000000D;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    
}

.dropdown-menu a {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

@keyframes slidein {
  from {
    margin-top: 100%;
  }

  to {
    margin-top: 0%;
  }
}

.dropdown-item:hover {
  background-color: #A44730;
  color: #fff;
  border-radius: 10px;
  transition: ease-in 0.5s;
  animation: fadein 0.5s;
}

.nav-item2 {
    margin-left: 70px;
}

.nav-item2 button {
    border: none;
    outline: none;
    background-color: #A44730;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #A44730;
}

.nav-item2 button:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.navbar-light .navbar-toggler {
    outline: none;
    border: none;
}

.home-banner {
    background-image: url(./images/backgroun-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 124px;
    
}

.home-banner-left {
    padding-top: 82px;
    padding-left: 80px;
    padding-right: 0px;
}

.home-banner .col-md-7 {
    padding-left: 0px;
    padding-right: 0px;
}

.home-banner .col-md-5 {
    padding-left: 0px;
    padding-right: 0px;
}

.inner-banner-nav {
    display: flex;
    margin-bottom: 30px;
}

.inner-banner-nav-head {
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    margin-top: 30px;
}

#background-container {
    background-image: url(./images/ban-vec1.png);
    transition: background-image 3s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    width: 47px;
    height: 47px;
}

#background-containerr {
    background-image: url(./images/residential-img01.png);
    transition: background-image 3s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    width: 385px;
    height: 300px;
    border-radius: 20px;
}

.resendential-banner-left-btn {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-banner-left-nav {
    display: flex;
    margin-bottom: 20px;
}

.home-banner-left-nav-head {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.home-banner-head {
    font-weight: 700;
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 30px;
}

.home-banner-left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 34px;
    width: 80%;
}

.home-banner-btns {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pry-btn button {
    border: none;
    outline: none;
    background-color: #A44730;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #A44730;
}

.pry-btn button:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.pry-btn a {
    text-decoration: none;
}

.home-watch a {
    text-decoration: none;
}

.home-watch button {
    border: none;
    outline: none;
    background-color: #3A65F2;
    border: 1px solid #3A65F2;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 18px;
}

.home-watch button:hover {
    border: 1px solid #D8775E;
    color: #3A65F2;
    background-color: #FFFFFF;
}

.home-watch span {
    font-weight: 500;
    font-size: 16px;
}

.home-about-right-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.home-about-right-nav-head {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
}

.home-about {
    margin-bottom: 100px;
}

.home-about-right-head {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
}

.home-about-right p {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

.home-about-right ul li {
    list-style: url(./images/li.png);
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
}

.home-about-right ul {
    margin-left: 20px;
    margin-bottom: 30px;
}

.sec-btn a {
    text-decoration: none;
}

.sec-btn button {
    border: none;
    outline: none;
    background-color: #3A65F2;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #3A65F2;
}

.sec-btn button:hover {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #3A65F2;
}

.home-about-left-img img {
    width: 100%;
}

.home-about-left {
    padding-right: 30px;
    position: relative;
}

.home-about-left-content {
    text-align: center;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-about-left-content-head {
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
}

.home-about-left-content span {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #3A65F2;
}

#span_m {
    display: none;
}

.home-services {
    background-color: #A44730;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 100px;
}

.home-services-nav {
    text-align: center;
}

.home-services-nav-head {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.home-services-head {
    width: 70%;
    margin: auto;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
}

.home-services-rows {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    margin-bottom: 50px;
}

.home-services-rows-box {
    background-image: url(./images/s-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 30px;
    padding-left: 50px;
    position: absolute;
    right: 20px;
    left: 30px;
    bottom: 50px;
    border-bottom: 5px solid #3A65F2;
    text-align: center;
    transition: ease-in 0.5s;
    z-index: 1;
}

.home-services-rows-box:hover {
    border-bottom: 5px solid #A44730;
    bottom: 80px;
    transition: ease-in 0.5s;
}

.home-services-rows-box-head {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 10px;
}

.home-services-rows-box p {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
}

.home-services-row {
    margin-top: 66px;
}

.sbtn {
    text-align: center;
}

.why-choose {
    margin-bottom: 100px;
}

.why-choose .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.why-choose-left {
    padding-left: 70px;
    padding-right: 30px;
}

.flip-element {
  display: inline-block;
  background: #3A65F2;
  color: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;  
  width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
  transform-style: preserve-3d;
  transition: transform 0.8s ease; 
}

.flip-element:hover {
  transform: rotateX(180deg);
}

.why-choose-left-exp {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.why-choose-left-exp-right-head {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 5px;
}

.why-choose-left-exp-right p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.why-choose-left-exp-line {
    position: absolute;
    left: 30px;
}

.why-choose-left-exp-left {
    position: relative;
}

.home-projects {
    background-color: #3A65F2;
    padding-top: 60px;
    position: relative;
    padding-bottom: 300px;
}

.home-project-slide {
    position: relative;
    top: -250px;
    margin-bottom: 100px;
}

.home-project-slide .card {
    border-radius: 0%;
    border: none;
    padding: 0px;
    background-color: transparent;
}

.home-project-slide .card-body {
    border-radius: 0%;
    border: none;
    padding: 0px;
    background-color: transparent;
}

.home-project-slide-box .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.home-project-slide-box {
    margin-bottom: 30px;
}

.project-clide-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #3A65F2;
    font-size: 60px;
    border: 7px solid #FFFFFF;
     position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.project-clide-btn2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #D8775E;
    font-size: 30px;
    border: 7px solid #FFFFFF;
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card-body-left-b-a2 {
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #3A65F2;
    padding: 5px;
    border-radius: 5px;
    width: fit-content;
}

.card-body-left-b-a2:hover {
    background-color: #A44730;
}

.card-body-left-b-a {
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #3A65F2;
    padding: 10px;
    border-radius: 5px;
    width: fit-content;
}

.card-body-left-b-a:hover {
    background-color: #000000;
}

.project-clide-btn-right a {
    color: #000000;
}

.project-clide-btn-left a {
    color: #000000;
}

.card-body-left-display {
     position: absolute;
    top: 45%;
    left: 5%;
}

.card-body-right-display {
     position: absolute;
    top: 45%;
    right: 5%;
}

.carousel-indicators {
    display: none;
}

.how-we-work {
    margin-top: -250px;
    margin-bottom: 66px;
}

.how-we-work-nav-head {
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
}

.how-we-work-nav {
    margin-bottom: 50px;
}


.how-we-work-rows-box {
    border: 5px solid #D8775E;
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 20px;
    position: relative;
}

.how-we-work-rows-box:hover {
    border: 5px solid #3A65F2;
}

.how-we-work-rows-box-num {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    background-color: #3A65F2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -20px;
    top: 20px;
}

.how-we-work-rows-box:hover .how-we-work-rows-box-num {
    background-color: #000000;
    top: 50px;
    transition: ease-in 0.3s;
}

.how-we-work-rows-content {
    text-align: center;
}

.how-we-work-rows-content-head {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 10px;
}

.how-btn {
    text-align: center;
    margin-top: 64px;
}

.our-clients {
    background-image: url(./images/backgroun-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}

.customer-logos {
    margin-bottom: 100px;
}

.slick-slide img {
    width: 70%;
    aspect-ratio: 3/2;
    object-fit: contain;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.our-clients-row .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.our-clients-row .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;    
}

.our-clients-row-left {
    padding-right: 50px;
}

.our-clients-row-right {
    padding-right: 70px;
}

.form-imp-row p {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 10px;
}

.form-imp {
    border: 1px solid #3A65F2;
    padding: 10px;
    border-radius: 10px;
}

.form-imp-rows {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.form-imp input {
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
}

.form-imp input::placeholder {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
}

.form-imp .form-select {
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
}

.form-imp textarea {
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
}

.form-imp textarea::placeholder {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
}

.testimonials {
    background-color: #A44730;
    color: #FFFFFF;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 100px;
}

.testimonials-left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    margin-bottom: 30px;
}

.testimonials-left2 p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0%;
    margin-bottom: 30px;
}

.testimonials-left-box {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 0px 20px 20px 0px;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 25px;
    padding-bottom: 30px;
    border-left: 3px solid #3A65F2;
    color: #000000;
    margin-bottom: 20px;
    position: relative;
}

.testimonials-left-box-icon {
    position: absolute;
    right: 20px;
    top: 20px;
}

.testimonials-left-box-contents-row {
    display: flex;
    gap: 10px;
}

.testimonials-left-box-contents-row-left {
    width: 60%;
}

.testimonials-left-box-contents-row-right-head {
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 10px;
}

.testimonials-left {
    padding-left: 100px;
}

.testimonials-left2 {
    padding-right: 100px;
}

.freq-question a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

.freq-question .section-title {
    text-align: center;
    margin-bottom: 50px;
}
.freq-question .section-title h2 {
    margin: 0 0 10px;
}

.freq-question .separator {
    background-color: #ccc;
    border: 1px solid #ccc;
    display: block;
    height: 5px;
    margin: 0 auto;
    position: relative;
    width: 60px;
}
.freq-question .separator::after {
    background: #666;
    content: "";
    height: 5px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 30px;
}
.freq-question .card{
    border:none;
    background: #D9D9D94D;
    border-radius: 10px!important;
    overflow:hidden;
}
.freq-question .card + .card{
    margin-top:30px;
}
.freq-question .card-header{
    padding:0px;
    background:#D9D9D94D;
    border:none;
}
.freq-question .card-header h4{
    margin:0;
    padding:25px 45px 25px 25px;
    cursor:pointer;
    position:relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
}
.freq-question .card-header h4.collapsed::after{
    width:20px;
    height:22px;
    position:absolute;
    top:50%;
    right:24px;
    content:"\f055";
    font-family: FontAwesome;
    font-size:22px;
    line-height:22px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.freq-question .card-header h4::after{
    width:20px;
    height:22px;
    position:absolute;
    color: #3A65F2;
    top:50%;
    right:24px;
    content:"\f056";
    font-family: FontAwesome;
    font-size:22px;
    line-height:22px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.freq-question .card-body{
    padding:0 25px 25px;
}
.freq-question .card-body p:last-child{
    margin:0;
}

.freq-question-right {
    background-color: #3A65F2;
    color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 8px 8px 4px 0px #00000040;
    padding-top: 159px;
    padding-bottom: 136px;
    padding-left: 30px;
    padding-right: 30px;
}

.freq-question-right-head {
    font-weight: 700;
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 30px;
}

.freq-question-right p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 30px;
}

.freq-question {
    margin-bottom: 30px;
}

.home-blog {
    background-image: url(./images/backgroun-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 125px;
}

.carder{
    overflow:hidden;
    cursor:pointer;
    border-radius: 20px 20px 0px 0px;
}
.img_carder{
    width:100%;
    transition:all 0.3s ease-in-out;
    border-radius: 20px 20px 0px 0px;
}
.carder:hover .img_carder{
    transform:scale(1.1);
    filter:brightness(0.7);
    border-radius: 20px 20px 0px 0px;
}

.home-blog-rows-date {
    background-color: #3A65F2;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 5px;
    width: fit-content;
    text-align: center;
    width: 51px;
    height: 51px;
}

.home-blog-rows-date p {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 16px;
}

.home-blog-rows-date-head {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.home-blog-rows {
    position: relative;
    margin-bottom: 30px;
}

.home-blog-rows-date {
    position: absolute;
    top: 30px;
    left: 30px;
}

.home-blog-rows-cnt-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.home-blog-rows-cnt {
    box-shadow: 0px 4px 4px 0px #E3E4E6;
    padding: 30px;
}

.home-blog-rows-cnt-navs1a i {
    color: #3A65F2;
}

.home-blog-rows-cnt-navs1a span {
    margin-right: 5px;
}

.home-blog-rows-cnt-navs1a {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
}

.home-blog-rows-cnt-head {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
    line-height: 100%;
}

.home-blog-rows-cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    margin-bottom: 16px;
}

.home-blog-rows-cnt a {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
}

.footer {
    padding-top: 48px;
    padding-bottom: 28px;
}

.footer-logo {
    margin-bottom: 15px;
}

.footer-row1 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.footer-icons a {
    margin-right: 5px;
    text-decoration: none;
}

.footer-row2-head {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 20px;
}

.footer-row2 a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    color: #000000;
}

.footer-row2 p {
    margin-bottom: 15px;
}

.footer-row2-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.footer-row2-row2 {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}

.footer-row2-row1 {
    color: #3A65F2;
}

.footer-row1 {
    padding-right: 30px;
}

.footer-line {
    border: 1px solid #3A65F2;
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer-copy {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;    
}

.core-values-rows {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 20px 20px 30px 20px;
}

.core-values-rows-head {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 30px;   
}

.core-values-rows-line {
    border: 1px solid #F0ACAC;
    margin-bottom: 30px;
}

.core-values-rows p {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
}

.stats-rows {
    background-color: #3A65F2;
    box-shadow: 0px 10px 40px 0px #0000000D;
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 10px;
}

.stats-rows-head {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 10px;
}

.our_team {
    background-image: url(./images/backgroun-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 100px;
}

.our_team-rows-img-box {
    border: 5px solid #3A65F2;
    border-radius: 20px;
    padding: 10px;
}

.our_team-rows-details {
    box-shadow: 0px 10px 40px 0px #0000000D;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    width: 193px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: -92px;
    left: 14px;
}

.our_team-rows-details-head {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 5px;
}

.our_team-rows-details span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.our_team-rows-details-icon {
    margin-top: 10px;
    display: none;
}

.our_team-rows-details-icon a {
    margin-right: 5px;
}

.our_team-rows {
    position: relative;
}

.our_team-rows-img-box:hover {
    border: 5px solid #D8775E;
}

.our_team-rows-img-box:hover .our_team-rows-details .our_team-rows-details-icon {
    display: block;
    bottom: 170px;
}

.home-about-left-new {
    position: relative;
}

.resendential-banner-right {
    position: absolute;
    right: -30px;
}

.resendential-banner-right img {
    width: 90%;
}

.resendential-banner-left img {
    width: 87%;
}

.resendential-banner-left {
    position: absolute;
    left: 0px;
    top: 220px;
}

.what-to-expect {
    background-image: url(./images/backgroun-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom: 50px;
}

.why_choose_left-progress {
    margin-bottom: 40px;
}

.why_choose_left-progress-file .progress-bar {
    background-color: #A44730;
    height: 10px;
}

.why_choose_left-progress-file .progress {
    height: 10px;
    background-color: #D9D9D9;
}

.why_choose_left-progress-details {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.why_choose_left-progress-detailsss {
    font-weight: 600;
    font-size: 16px;
}


.why_choose_right-row {
    position: relative;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 0px 25px 0px #D9D9D9;
    border-radius: 5px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    height: 180px;
}

.why_choose_right-row-icon {
    color: #FF4424;
    margin-bottom: 5px;
}

.why_choose_right-row-head {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
}

.why_choose_right-row p {
    font-weight: 300;
    font-size: 12px;
}

.why_choose_right-row-bg {
    position: absolute;
    top: 0;
    right: 0;
}

.what-to-expectwhat-to-expect-left {
    padding-right: 50px;
    padding-top: 50px;
}

.inner-faq {
    background-color: #A44730;
    padding-top: 63px;
    padding-bottom: 51px;
    margin-bottom: 80px;
}



.inner-faq .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.inner-faq-left a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

.inner-faq-left .section-title {
    text-align: center;
    margin-bottom: 50px;
}
.inner-faq-left .section-title h2 {
    margin: 0 0 10px;
}

.inner-faq-left .separator {
    background-color: #ccc;
    border: 1px solid #ccc;
    display: block;
    height: 5px;
    margin: 0 auto;
    position: relative;
    width: 60px;
}
.inner-faq-left .separator::after {
    background: #666;
    content: "";
    height: 5px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 30px;
}
.inner-faq-left .card{
    border:none;
    background: #FFFFFF;
    border-radius: 10px!important;
    overflow:hidden;
}
.inner-faq-left .card + .card{
    margin-top:30px;
}
.inner-faq-left .card-header{
    padding:0px;
    background:#FFFFFF;
    border:none;
}




.inner-faq-left .card-header h4{
    margin:0;
    padding:25px 45px 25px 25px;
    cursor:pointer;
    position:relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
}
.inner-faq-left .card-header h4.collapsed::after{
    width:20px;
    height:22px;
    position:absolute;
    top:50%;
    right:24px;
    content:"\f055";
    font-family: FontAwesome;
    font-size:22px;
    line-height:22px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.inner-faq-left .card-header h4::after{
    width:20px;
    height:22px;
    position:absolute;
    color: #3A65F2;
    top:50%;
    right:24px;
    content:"\f056";
    font-family: FontAwesome;
    font-size:22px;
    line-height:22px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.inner-faq-left .card-body{
    padding:0 25px 25px;
}
.inner-faq-left .card-body p:last-child{
    margin:0;
}

.inner-faq-left {
    padding-left: 70px;
    padding-right: 40px;
}

.material-products {
    background-color: #A44730;
    padding-top: 76px;
    padding-bottom: 76px;
    color: #FFFFFF;
    margin-bottom: 100px;
}

.product-card {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 40px;
}
        
.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}
        
.product-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
        
.product-name {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 15px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

        
.product-button:hover {
    background-color: #f0f0f0;
}
        
.product-card:hover .product-image {
    opacity: 0.7;
}
        
.product-card:hover .product-info {
    opacity: 1;
}

.blog-banner {
    background-image: url(./images/blog-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 93px;
    padding-bottom: 149px;
    margin-bottom: 100px;
}

.blog-banner-box-nav {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 51px;
}

.blog-banner-box {
    background-color: #FFFFFF;
    box-shadow: 0px 10px 40px 0px #00000040;
    padding: 50px 22px;
}

.blog-banner-box-nav-date {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}

.blog-banner-box-nav-date span {
    margin-right: 5px;
    font-size: 7px;
}

.blog-banner-box-line {
    position: absolute;
    top: 60px;
}

.blog-banner-box-head {
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 21px;
}

.blog-banner-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.blog-home_nav {
    text-align: right;
}

.blog-home_nav-right-nav {
    display: flex;
    justify-content: end;
}

#myDIV .btn {
  color: #000000;
  font-weight: 600;
    font-size: 16px;
  border: 1px solid #A44730;
    border-radius: 5px;
    margin-right: 10px;
}

#myDIV .active, .btn:hover {
    color: #FFFFFF;
    background-color: #A44730;
    border: 1px solid #A44730;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
}

.btn:focus, .btn.focus {
    box-shadow: none;
}

.page_navigation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 90px;
}

.req-nav {
    border-bottom: 7px solid #3A65F2;
    margin-bottom: 96px;
}

.req-nav-head {
    background-color: #A44730;
    color: #FFFFFF;
    border-radius: 10px 10px 0px 0px;
    width: fit-content;
    padding: 20px;
    font-weight: 500;
    font-size: 16px;
}

.req-nav-head span {
    margin-right: 10px;
}

.req-quote-row .col-md-5 {
    padding-left: 0px;
    padding-right: 0px;
}

.req-quote-row-right-form-row p {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.req-quote-row-imp-field {
    border: 1px solid #A44730;
    padding: 10px;
    border-radius: 5px;
}

.req-quote-row-imp-field input {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
}

.req-quote-row-imp-field input::placeholder {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #0000004D;
}

.req-quote-row-imp-field textarea {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
}

.req-quote-row-imp-field textarea::placeholder {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #0000004D;
}

.req-quote-row-imp-field .form-select {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #0000004D;
}

.req-quote-row-right-form-row {
    margin-bottom: 26px;
}

.req-quote-row-right {
    padding-right: 50px;
    padding-left: 50px;
}

.req-quote-row {
    margin-bottom: 120px;
}

.req-quote-row-right-form button {
    border: none;
    outline: none;
    background-color: #A44730;
    width: 100%;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #A44730;
}

.req-quote-row-right-form button:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.contact-rows-head {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
}

.contact-rows p {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.contact-rows .card {
    background-color: #D9D9D94D;
    padding: 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.contact-rows .icon-box {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}

.contact-rows .icon {
    color: #A44730;
    font-size: 18px;
    transition: all 0.3s ease;
}

.contact-rows .image-container {
    position: relative;
    margin-bottom: 15px;
}

.contact-rows .image-default {
    width: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

.contact-rows .image-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.contact-rows .card:hover .icon-box {
    background-color: #A44730;
}

.contact-rows .card:hover .icon {
    color: #FFFFFF;
}

.contact-rows .card:hover .image-default {
    opacity: 0;
}

.contact-rows .card:hover .image-hover {
    opacity: 1;
}

.contact-row {
    margin-bottom: 67px;
}

.contact_form {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-top: 7px solid #3A65F2;
    padding-top: 43px;
    padding-left: 20px;
    padding-bottom: 48px;
    padding-right: 10px;
}

.contact_form-left-head {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 30px;
}

.contact_form-row p {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 3px;
}

.contact_form-row input {
    outline: none;
    border: none;
    width: 100%;
    background-color: #F5F5F5;
    border-radius: 5px;
    padding: 10px;
}

.contact_form-row .form-select {
    outline: none;
    border: none;
    width: 100%;
    background-color: #F5F5F5;
    border-radius: 5px;
    padding: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #0000004D;
}

.contact_form-row textarea {
    outline: none;
    border: none;
    width: 100%;
    background-color: #F5F5F5;
    border-radius: 5px;
    padding: 10px;
}

.contact_form-row input::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: #0000004D;
}

.contact_form-row textarea::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: #0000004D;
}

.contact_form-row {
    margin-bottom: 30px;
}

.contact_form-right img {
    width: 100%;
}

.contact_rating {
    background-color: #F5F5F5;
    padding-top: 50px;
    padding-bottom: 53px;
}

.contact_rating-row-left-box {
    display: flex;
}

.contact_rating-row-left-box-prog .progress-bar {
    background-color: #A44730;
    height: 5px;
}

.contact_rating-row-left-box-prog .progress {
    height: 5px;
    background-color: #F0ACAC;
}

.contact_rating-row-prog {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-bottom: 15px;
}
        
.left-figure {
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}
        
.progress-container {
    flex-grow: 1;
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 10px;
    height: 10px;
}
        
.progress-bar {
    height: 10px;
    border-radius: 10px;
    background-color: #A44730;
    width: 98%;
}
        
.right-percentage {
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
}

.contact_rating-row-progLl span {
    color: #FFC107;
    font-size: 10px;
}

.contact_rating-row-progLl {
    display: flex;
    gap: 3px;
    align-items: center;
}

.contact_rating-row-right-row {
    background-color: #3A65F2;
    text-align: center;
    background-color: #D9D9D9;
    box-shadow: 0px 10px 40px 0px #0000000D;
    padding-top: 34px;
    padding-bottom: 34px;
}

.contact_rating-row-right .col-md-4 {
    padding-left: 0px;
    padding-right: 0px;
}

.contact_rating-row-right-row-hd {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
}

.contact_rating-row-right-icons i {
    color: #FFC107;
    font-size: 10px;
    margin-left: 5px;
}

.contact_rating-row-right-icons {
    margin-bottom: 10px;
}

.contact_rating-row-right-row span {
    font-weight: 400;
    font-size: 14px;
}

.con-btn button {
    border: none;
    outline: none;
    background-color: #A44730;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #A44730;
    margin-bottom: 22px;
}

.con-btn button:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.con-btn2 button {
    border: none;
    outline: none;
    background-color: #FFFFFF;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    border: 1px solid #A44730;
}

.con-btn2 button:hover {
    background-color: #A44730;
    color: #FFFFFF;
}

.contact_rating-row {
    margin-bottom: 100px;
}

.contact-most-help {
    display: flex;
    justify-content: space-between;
    margin-bottom: 58px;
}

.contact-most-helpL {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
}

.contact-most-helpR {
    font-weight: 600;
    font-size: 16px;
}

.contact-most-helpR span {
    font-weight: 500;
    font-size: 16px;
}

.contact_rating-l {
    border: 1px solid #000000;
    margin-bottom: 30px;
    margin-top: 30px;
}

.tab {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 50px;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  background-color: #A44730;
  border: 1px solid #A44730;
  color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 10px;
}


.tab button.active {
  background-color: #FFFFFF;
  border: 1px solid #A44730;
  color: #A44730;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 10px;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
}

.login-Page-left {
    background-image: url(./images/login-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-left: 30px;
    height: 100%;
}

.login-Page {
    padding-top: 20px;
    padding-bottom: 20px;
}

.login-Page-right {
    padding-top: 144px;
    padding-bottom: 220px;
}

.login-Page-right-head {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.login-Page-right input {
    border: none;
    outline: none;
    width: 100%;
    border: 1px solid #A44730;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.login-Page-right input::placeholder {
    font-weight: 500;
    font-size: 12px;
    color: #000000;
}

.wrap-check-51 input[type="checkbox"] {
    display: none;
    visibility: hidden;
}

.wrap-check-51 label {
    display: inline-block;
}

.wrap-check-51 .cbx {
    position: relative;
    top: 1px;
    width: 17px;
    height: 17px;
    border: 1px solid 
#A44730;
    border-radius: 3px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
}
.wrap-check-51 .cbx:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 11px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid 
#fff;
    border-bottom: 2px solid 
#fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s;
}
.wrap-check-51 .lbl {
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}
.wrap-check-51 input[type="checkbox"]:checked ~ .cbx {
    border-color: 
transparent;
    background: 
#A44730;
    animation: jelly-42 0.6s ease;
}
.wrap-check-51 input[type="checkbox"]:checked ~ .cbx:after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}
.wrap-check-51 .cntr {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}
  @-moz-keyframes jelly-42 {
    from {
      transform: scale(1, 1);
    }
    30% {
      transform: scale(1.25, 0.75);
    }
    40% {
      transform: scale(0.75, 1.25);
    }
    50% {
      transform: scale(1.15, 0.85);
    }
    65% {
      transform: scale(0.95, 1.05);
    }
    75% {
      transform: scale(1.05, 0.95);
    }
    to {
      transform: scale(1, 1);
    }
}
  @-webkit-keyframes jelly-42 {
    from {
      transform: scale(1, 1);
    }
    30% {
      transform: scale(1.25, 0.75);
    }
    40% {
      transform: scale(0.75, 1.25);
    }
    50% {
      transform: scale(1.15, 0.85);
    }
    65% {
      transform: scale(0.95, 1.05);
    }
    75% {
      transform: scale(1.05, 0.95);
    }
    to {
      transform: scale(1, 1);
    }
}
  @-o-keyframes jelly-42 {
    from {
      transform: scale(1, 1);
    }
    30% {
      transform: scale(1.25, 0.75);
    }
    40% {
      transform: scale(0.75, 1.25);
    }
    50% {
      transform: scale(1.15, 0.85);
    }
    65% {
      transform: scale(0.95, 1.05);
    }
    75% {
      transform: scale(1.05, 0.95);
    }
    to {
      transform: scale(1, 1);
    }
}
  @keyframes jelly-42 {
    from {
      transform: scale(1, 1);
    }
    30% {
      transform: scale(1.25, 0.75);
    }
    40% {
      transform: scale(0.75, 1.25);
    }
    50% {
      transform: scale(1.15, 0.85);
    }
    65% {
      transform: scale(0.95, 1.05);
    }
    75% {
      transform: scale(1.05, 0.95);
    }
    to {
      transform: scale(1, 1);
    }
}

.log-forget {
    display: flex;
    justify-content: space-between;
}

.log-forget-right a {
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #000000;
}

.login-Page-right button {
    border: none;
    outline: none;
    background-color: #A44730;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #A44730;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 34px;
}

.login-Page-right button:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.google-cntd {
    text-align: center;
    border: 1px solid #A44730;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 5px;
}

.google-cntd a {
    text-decoration: none;
    color: #000000;
}

.dont-have {
    text-align: center;
    font-weight: 600;
    font-size: 12px;

}

.dont-have a {
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    color: #A44730;
}

.or-cnt1 {
    border: 1px solid #000000;
}

.or-cnt {
    position: relative;
    margin-bottom: 25px;
}

.or-cnt2 {
    background-color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #000000;
    padding: 5px;
    width: fit-content;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.staff_nav {
    border-bottom: solid 7px #3A65F2;
    margin-bottom: 100px;
}

.staff_nav-link-active {
    border: 1px solid #A44730;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
    width: fit-content;
    border-radius: 10px 10px 0px 0px;
}

.staff_nav-link-active a {
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #A44730;
}

.staff_nav-link-ord {
    background-color: #A44730;
    border: 1px solid #A44730;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
    width: fit-content;
    border-radius: 10px 10px 0px 0px;
}

.staff_nav-link-ord a {
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
}

.staff_nav-link {
    display: flex;
    gap: 20px;
}

.staff_form-rows p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 10px;
}

.staff_form-rows p span {
    color: #B42323;
    font-size: 20px;
}

.staff_form-imput {
    border: 1px solid #A44730;
    padding: 10px;
    border-radius: 10px;
}

.staff_form-rows {
    margin-bottom: 30px;
}

.staff_form-imput input {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
}

.staff_form-imput input::placeholder {
    font-weight: 300;
    font-size: 14px;
    color: #000000;
}

.staff_form-imput textarea {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
}

.staff_form-imput textarea::placeholder {
    font-weight: 300;
    font-size: 14px;
    color: #000000;
}

.staff_form-imput .form-select {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    font-weight: 300;
    font-size: 14px;
    color: #000000;
}

.upload-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 180px;    
    border: 2px dashed #B42323;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    transition: border-color 0.3s;
}
        
.upload-container:hover {
    border-color: #B42323;
}
        
.upload-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
}
        
#file-input {
    display: none;
}

.wrap-check-63 .checkbox {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
  }

  .wrap-check-63 label {
    display: inline-block;
    color: 
#333;
    cursor: pointer;
    position: relative;
  }
  .wrap-check-63 label span {
    display: inline-block;
    position: relative;
    background-color: 
transparent;
    width: 25px;
    height: 25px;
    transform-origin: center;
    border: 2px solid 
#B42323;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
  }
  .wrap-check-63 label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: 
#333;
    position: absolute;
    transform: rotate(45deg);
    top: 13px;
    left: 9px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
  }
  .wrap-check-63 label span:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: 
#333;
    position: absolute;
    transform: rotate(305deg);
    top: 16px;
    left: 10px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
  }
  .wrap-check-63 label:hover span:before {
    width: 5px;
    transition: width 100ms ease;
  }
  .wrap-check-63 label:hover span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
  }

  .wrap-check-63 input[type=checkbox] {
    display: none;
  }
  .wrap-check-63 input[type=checkbox]:checked + label span {
    background-color: 
#333;
    transform: scale(1.25);
  }
  .wrap-check-63 input[type=checkbox]:checked + label span:after {
    width: 10px;
    background: 
#fff;
    transition: width 150ms ease 100ms;
  }
  .wrap-check-63 input[type=checkbox]:checked + label span:before {
    width: 5px;
    background: 
#fff;
    transition: width 150ms ease 100ms;
  }
  .wrap-check-63 input[type=checkbox]:checked + label:hover span {
    background-color: 
#333;
    transform: scale(1.25);
  }
  .wrap-check-63 input[type=checkbox]:checked + label:hover span:after {
    width: 10px;
    background: 
#fff;
    transition: width 150ms ease 100ms;
  }
  .wrap-check-63 input[type=checkbox]:checked + label:hover span:before {
    width: 5px;
    background: 
#fff;
    transition: width 150ms ease 100ms;
}

.garant-head {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 30px;
    margin-top: 40px;
}

.staff_btnn {
    float: right;
}

.staff_form {
    margin-bottom: 150px;
}

.staff_btnn button {
    border: none;
    outline: none;
    background-color: #A44730;
    padding: 10px 40px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #A44730;
}

.staff_btnn button:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.clint_btnn button {
    border: none;
    outline: none;
    background-color: #A44730;
    padding: 10px 80px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    border: 1px solid #A44730;
}

.clint_btnn button:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.clint_btnn {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* MEDIA */
@media (max-width: 736px) {

    .staff_nav-link-active {
        border: 1px solid #A44730;
        padding: 10px;
        width: fit-content;
        border-radius: 10px 10px 0px 0px;
    }

    .staff_nav-link-active a {
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        color: #A44730;
    }

    .staff_nav-link-ord {
        background-color: #A44730;
        border: 1px solid #A44730;
        padding: 10px;
        width: fit-content;
        border-radius: 10px 10px 0px 0px;
    }

    .staff_nav-link-ord a {
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        color: #FFFFFF;
    }

    .login-Page-left {
        background-image: url(./images/login-img.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 10px;
        padding-left: 30px;
        height: 100vh;
    }

    .tab {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    }

    #c-bnt {
        margin-bottom: 40px;
    }

    .contact_form {
        background-color: #FFFFFF;
        box-shadow: 0px 0px 4px 0px #00000040;
        border-top: 7px solid #3A65F2;
        padding-top: 43px;
        padding-left: 20px;
        padding-bottom: 48px;
        padding-right: 20px;
    }

    .contact-rows {
        margin-bottom: 30px;
    }

    .req-quote-row-right {
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 50px;
    }

    .blog-banner-box-nav {
        display: flex;
        flex-direction: column;
        align-items: first baseline;
        gap: 20px;
        margin-bottom: 51px;
    }

    .inner-faq-left {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 40px;
    }

    .what-to-expectwhat-to-expect-left {
        padding-right: 0px;
        padding-top: 50px;
        margin-bottom: 30px;
    }

    #background-containerr {
        background-image: url(./images/residential-img01.png);
        transition: background-image 3s ease-in-out;
        background-size: cover;
        background-repeat: no-repeat;
        width: auto;
        height: 300px;
        border-radius: 20px;
    }

    .resendential-banner-right {
        position: relative;
        right: -30px;
    }

    .resendential-banner-right img {
        width: 90%;
    }

    .resendential-banner-left img {
        width: 87%;
    }

    .resendential-banner-left {
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 50px;
    }

    .our_team-rows {
        margin-bottom: 120px;
    }

    .stats-rows {
        margin-bottom: 30px;
    }

    .core-values-rows {
        margin-bottom: 30px;
    }

    .footer-row2 {
        margin-top: 40px;
    }

    .footer-row1 {
        padding-right: 0px;
    }
    
    .freq-question-left {
        margin-bottom: 30px;
    }

    .testimonials-left {
        padding-left: 0px;
    }

    .testimonials-left2 {
        padding-right: 0px;
    }

    .testimonials-left-box {
        background-color: #FFFFFF;
        box-shadow: 0px 4px 4px 0px #00000040;
        border-radius: 0px 20px 20px 0px;
        padding: 20px;
        border-left: 3px solid #3A65F2;
        color: #000000;
        margin-bottom: 20px;
    }

    .testimonials-right {
        margin-bottom: 50px;
    }

    .our-clients-row-left {
        padding-right: 20px;
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .our-clients-row-right {
        padding-right: 20px;
        padding-left: 20px;
    }

    .how-we-work-rows {
        margin-bottom: 30px;
    }

    .how-we-work-nav-head {
        font-weight: 600;
        font-size: 40px;
        line-height: 100%;
        margin-bottom: 30px;
    }

    .why-choose-left {
        padding-left: 20px;
        padding-right: 20px;
    }

    .why-choose-right {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-services-head {
        width: 100%;
        margin: auto;
        font-weight: 600;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 0%;
        text-align: center;
        color: #FFFFFF;
    }

    #span_m {
        display: block;
    }

    #span_d {
        display: none;
    }

    .home-about-left {
        padding-right: 0px;
        margin-bottom: 50px;
        position: relative;
    }

    .home-banner-btns {
        display: flex;
        align-items: first baseline;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

    .home-banner-left {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
	.nav-item2 {
        margin-left: 0px;
    }
}







@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */


	

}



@media (min-device-width : 737px)
and	(max-device-width : 991px){
	
	 
    
	
}


@media only screen 
and (min-device-width : 737px) 
and (max-device-width : 767px) { /* STYLES GO HERE */



}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
	
	
	
  
}




@media (min-width:320px) and (max-width: 480px) { 
	
    
    
}