@font-face {
     font-family: 'Inter-Regular';
     src: url(fontfamily/Inter-Regular.ttf);
}
 @font-face {
     font-family: 'Inter-Medium';
     src: url(fontfamily/Inter-Medium.ttf);
}
 @font-face {
     font-family: 'Inter-Bold';
     src: url(fontfamily/Inter-Bold.ttf);
}
 @font-face {
     font-family: 'Inter-ExtraBold';
     src: url(fontfamily/Inter-ExtraBold.ttf);
}
 body {
     margin: 0;
     padding: 0;
     font-family: 'Inter-Regular';
}
/*********** Header ******/
 .mynav{
     padding-top: 15px;
     padding-bottom: 15px;
     background: #FFFFFF;
     margin-bottom: 0;
     border: 0;
     border-radius: 0;
}
 .mynav .navbar-right{
     margin-top: 0;
}
 .logo{
     height: 40px;
     margin-top: 5px;
}
 .mynav .navbar-right li{
     margin-right: 10px;
}
 .mynav .navbar-right li a{
     color: #000000;
     font-size: 16px;
     font-family: 'Inter-Medium';
     transition: 100ms ease-out !important;
}
 .mynav .navbar-right li a .phone-no{
     font-family: 'Inter-ExtraBold';
     font-size: 20px;
}
 .mynav .navbar-right li a:hover{
     color: #B60202;
}
/*********** Header ******/
/*********** Middle Section **********/
 .banner-home {
     background-image: url(../images/header.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 70px;
     padding-bottom: 40px;
     height: 550px;
}
 .middle-text {
     color: #000000;
}
 .middle-text h1 {
     font-size: 60px;
     font-family: 'Inter-ExtraBold';
     margin-bottom: 0px;
}
 .middle-text h2{
     font-size: 40px;
     margin-bottom: 20px;
     color: #000000;
     margin-top: 10px;
}
 .banner-home .get-quote{
     border-radius: 44px;
     filter: drop-shadow(-5.032px 3.268px 24.5px rgba(5,0,6,0.16));
     background-color: #eeeeee;
     border: 1px solid #dddddd;
     margin-top: 100px;
     padding: 20px 40px;
}
 .banner-home .get-quote h3{
     text-align: center;
     font-family: 'Inter-Bold';
     font-size: 32px;
     margin-bottom: 30px;
}
 .banner-home .get-quote .form-control{
     height: 50px;
     border-radius: 7px;
     border-color: #cccccc;
}
 .banner-home .get-quote .btn-submit{
     background: #B60202;
     border: 1px solid #B60202;
     padding: 12px 40px;
     color: #fff;
     border-radius: 7px;
     font-family: 'Inter-Bold';
     font-size: 16px;
     margin-top: 15px;
     margin-bottom: 10px;
     transition: background-color 0.3s ease;
}
 .banner-home .get-quote .btn-submit:hover{
     background-color: #fff;
     color: #B60202;
}
 .banner-home .get-quote p{
     color: #000000;
     font-size: 16px;
}
/****** about-section *****/
 .home-section {
     padding-top: 270px ;
     padding-bottom: 70px;
     background-color: #f8f8f8;
}
 .home-section {
     background-color: #f8f8f8;
}
 .image-column {
     padding: 0;
}
 .building-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
 .content-box {
     padding: 40px 40px;
}
 .content-box h2 {
     font-size: 36px;
     font-family: 'Inter-Bold';
     margin-bottom: 25px;
     color: #000;
}
 .content-box p {
     font-size: 16px;
     color: #000;
     line-height: 26px;
     padding-right: 100px;
     margin-bottom: 20px;
}
 .btn-read-more {
     background: #B60202;
     border: 1px solid #B60202;
     padding: 12px 40px;
     color: #fff;
     border-radius: 7px;
     font-family: 'Inter-Bold';
     font-size: 16px;
     text-transform: uppercase;
     transition: background-color 0.3s ease;
}
 .btn-read-more:hover {
     background-color: #fff;
     color: #B60202;
}
 @media (max-width: 991px) {
     .content-box {
         padding: 0px 15px;
    }
     .content-box h2 {
         font-size: 26px;
         margin-top: 0;
         margin-bottom: 15px;
    }
}
 @media (max-width: 767px) {
     .home-section {
         padding: 0;
    }
     .image-column {
         height: 300px;
    }
     .content-box {
         padding: 40px 15px;
    }
     .content-box h2 {
         font-size: 24px;
         margin-bottom: 20px;
    }
}
/**** about-section *****/
/* features-start */
 .features{
     background: linear-gradient(-180deg, #fff, #efe7dd);
     padding-top: 50px;
     padding-bottom: 70px;
}
 .features img{
     width: auto;
     height: 280px;
}
 .features .feature-box{
     background: #ffffff;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 50px 100px;
     border-radius: 14px;
     box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
     transform: translateX(-100px);
     margin-top: 30px;
     width: 100%;
}
 .feature-flex {
     display: flex;
     align-items: flex-start;
}
 .feature-flex .feature-step{
     display: flex;
     align-items: center;
     gap: 20px;
}
 .feature-flex .feature-step img{
     width: auto;
     height: 100px;
}
 .feature-flex .feature-step h3{
     color: #000;
     font-size: 24px;
     font-family: 'Inter-Bold';
     width: 60%;
}
/* features-end */
/* what we offer start */
 .what-we-offer{
     background: #efe7dd;
     padding-top: 80px;
     padding-bottom: 100px;
}
 .what-we-offer h2{
     font-size: 40px;
     font-weight: 700;
     text-align: center;
     color: #000;
     font-family: 'Inter-Bold';
     margin-bottom: 35px;
}
 .slider-card{
     border-radius: 14px;
     overflow: hidden;
}
 .slider-card img{
     width: 100%;
     height: 400px;
     object-fit: cover;
}
 .what-we-offer .card-lower{
     background: #fff;
     padding: 30px 20px;
}
 .what-we-offer .card-lower h3{
     font-family: 'Inter-Bold';
     margin: 0;
     font-size: 26px;
     margin-bottom: 10px;
}
 .what-we-offer .card-lower p{
     font-size: 16px;
     line-height: 20px;
     margin: 0;
}
 .owl-stage {
     padding-left: 0 !important;
     padding-right: 100px !important;
}
/* what we offer ENd */
/* need home Start */
 .need-home{
     background: #fff;
     padding-top: 90px;
     text-align: center;
     padding-bottom: 80px;
}
 .need-home h2{
     margin: 0;
     font-size: 40px;
     font-family: 'Inter-Bold';
     margin-bottom: 15px;
}
 .need-home p{
     margin: 0;
     font-size: 16px;
     line-height: 22px;
     width: 70%;
     margin: auto;
     margin-bottom: 25px;
     color: #000;
}
 .btn-read{
     background: #B60202;
     border: 1px solid #B60202;
     padding: 12px 40px;
     color: #fff;
     border-radius: 7px;
     font-family: 'Inter-Bold';
     font-size: 16px;
     transition: 0.3s all ease-in-out !important;
}
 .btn-read:hover{
     background: #fff;
     color: #B60202;
}
 .catlog{
     background: #f7f2ed;
}
 .catlog img {
     width: 100%;
}
/* need home End */
/* partners start */
 .partners{
     padding-top: 90px;
     padding-bottom: 90px;
     background: #f7f2ed;
     margin-top: -60px;
     position: relative;
}
 .partner-row{
     width: 90%;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .partners h2{
     font-size: 40px;
     margin: 0;
     color: #000;
     font-family: 'Inter-Bold';
}
 .partners img{
     width: auto;
     height: 100px;
     object-fit: contain;
}
 .w-30{
     width: 25%;
}
 .w-70{
     width: 75%;
}
/* partner end */
/* foorter start */
 .footer {
     background: #232322;
     padding-top: 100px;
     padding-bottom: 80px;
     color: #fff;
}
 .footer img {
     width: 80%;
}
 .footer h3{
     font-size: 22px;
     font-family: 'Inter-Bold';
     margin: 0;
     margin-bottom: 10px;
}
 .footer p{
     font-size: 16px;
     line-height: 20px;
     margin: 0;
     margin-bottom: 20px;
     width: 90%;
}
 .btn-txt{
     color: #fff;
     text-transform: uppercase;
     text-decoration: underline;
     font-family: 'Inter-Bold';
}
 .btn-txt:hover{
     color: #B60202;
}
 .footer ul{
     padding: 0;
     list-style-type: none;
     margin: 0;
}
 .footer ul li{
     color: #fff;
     font-size: 16px;
     margin-bottom: 8px;
     line-height: 20px;
}
 .footer ul li a{
     color: #fff;
     text-decoration: underline;
}
 .footer ul li a:hover{
     color: #B60202 !important;
}
 .footer ul li a i:hover{
     color: #B60202;
}
 .footer ul li a i{
     color: #fff;
     font-size: 25px;
     margin-right: 10px;
     margin-top: 10px;
}
/* footer end */
/************ Extras ***********/
 .btnStyle {
     transform: translateZ(0) !important;
     backface-visibility: hidden !important;
     transition: 300ms ease-out !important;
}
 .btnStyle:hover {
     transform: scale(0.9) !important;
}
 .btnStyle2 {
     transform: translateZ(0) !important;
     backface-visibility: hidden !important;
     transition: 300ms ease-out !important;
}
 .btnStyle2:hover {
     transform: scale(1.1) !important;
}
 .white {
     color: #fff !important;
}
 .whiteMontbold {
     color: #fff;
     font-weight: bold;
}
 .block{
     display: block;
}
 @media only screen and (max-width: 767px){
     .navbar-toggle .icon-bar {
         width: 22px;
         transition: all 0.2s;
    }
     .navbar-toggle .top-bar {
         transform: rotate(45deg);
         transform-origin: 10% 10%;
    }
     .navbar-toggle .middle-bar {
         opacity: 0;
    }
     .navbar-toggle .bottom-bar {
         transform: rotate(-45deg);
         transform-origin: 10% 90%;
    }
     .navbar-toggle.collapsed .top-bar {
         transform: rotate(0);
    }
     .navbar-toggle.collapsed .middle-bar {
         opacity: 1;
    }
     .navbar-toggle.collapsed .bottom-bar {
         transform: rotate(0);
    }
     .mynav .navbar-toggle{
         background: none !important;
         border: 0 !important;
    }
     .mynav .icon-bar{
         background: #B60202 !important;
    }
     .navbar-default .navbar-collapse, .navbar-default .navbar-form{
         border:0 !important;
    }
     .mynav .navbar-right{
         text-align: center;
    }
     .logo{
         margin-left: 15px;
         height: 30px;
    }
     .middle-text h1{
         font-size: 44px;
    }
     .middle-text h2{
         font-size: 24px;
    }
     .banner-home .get-quote h3{
         font-size: 24px;
    }
     .banner-home .get-quote{
         margin-top: 50px;
         padding: 15px 20px;
    }
     .banner-home{
         height: auto;
    }
     .content-box p{
         padding-right: 0;
    }
     .features img {
         width: auto;
         height: 200px;
    }
     .feature-flex{
         display: block;
    }
     .features .feature-box{
         display: block;
         padding: 50px 20px;
         margin-top: 0;
         transform:unset !important;
         padding-bottom: 15px;
    }
     .feature-flex .feature-step{
         margin-bottom: 30px;
    }
     .feature-flex .feature-step img{
         height: 70px;
    }
     .feature-flex .feature-step h3{
         font-size: 20px;
    }
     .what-we-offer{
         padding-top: 30px;
         padding-bottom: 80px;
    }
     .what-we-offer h2{
         font-size: 24px;
    }
     .what-we-offer .card-lower h3{
         font-size: 20px;
    }
     .need-home h2{
         font-size: 24px;
    }
     .need-home p{
         width: 100%;
    }
     .partner-row{
         display: block;
    }
     .w-30 {
         width: 100% !important;
    }
     .partners h2 {
         font-size: 24px;
         margin-bottom: 20px;
    }
     .w-70 {
         width: 100%;
    }
     .partners img{
         height: 80px;
    }
     .footer img {
         width: auto;
         height: 50px;
         margin-bottom: 20px;
    }
     .footer h3 {
         margin-top: 20px;
         font-size: 20px;
    }
     .footer p{
         margin-bottom: 15px;
    }
}
/**** Media *****/
 @media (min-width: 768px) and (max-width: 991px){
     .logo {
         height: 25px;
    }
     .mynav .navbar-right li {
         margin-right: 0;
    }
     .mynav .navbar-right li a{
         font-size: 14px;
         padding: 5px 12px;
    }
     .mynav .navbar-right li a .phone-no{
         font-size: 14px;
    }
     .banner-home .get-quote {
         margin-top: 70px;
         padding: 20px 20px;
    }
     .content-box p{
         padding-right: 0;
    }
     .features .feature-box{
         padding: 30px 35px;
         margin-top: 30px;
    }
     .feature-flex .feature-step img {
         width: auto;
         height: 60px;
    }
     .feature-flex .feature-step h3{
         font-size: 17px;
         width: 100%;
    }
     .feature-flex .feature-step{
         gap: 8px;
    }
     .what-we-offer{
         padding-top: 0;
    }
     .footer h3 {
         font-size: 18px;
    }
     .footer p{
         font-size: 13px;
         width: 100%;
    }
     .footer ul li{
         font-size: 13px;
    }
     .partners img {
         height: 75px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px){
     .mynav .navbar-right li {
         margin-right: 0;
    }
     .content-box {
         padding: 0px 25px;
    }
     .content-box h2 {
         font-size: 30px;
         margin-top: 0;
         margin-bottom: 20px;
    }
     .content-box p{
         padding-right: 0;
    }
     .features .feature-box {
         padding: 50px 50px;
    }
     .feature-flex .feature-step h3{
         font-size: 18px;
    }
     .feature-flex .feature-step img {
         width: auto;
         height: 80px;
    }
     .what-we-offer{
         padding-top: 0;
    }
}
 @media (min-width: 1480px) and (max-width: 5120px){
     .container{
         width: 1370px !important 
    }
}