body {
  font-family: "Montserrat", sans-serif;
  background-color: #fff;
  height: 200vh;
  position: relative;
}

.row {
    --bs-gutter-x: 0rem;
}

/*House Of Aakar Home Page Css*/

.t-e-b{
    color:#fff;
    padding:3% 0% 8%;
    text-align:center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url(../images/a-cover-home.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.t-e-b h4{font-size:45px;margin:0px;font-weight:400;}
.t-e-b p{font-size:18px;padding:0px;}
.t-e-b h2{
    font-size: 45px;
    padding: 10% 0% 15%;
    margin:0px;
    font-family: 'ButlerLight';
}
.t-e-b h6{
    font-size: 45px;
    margin:0px;
    font-family: 'ButlerLight';
}

.b-dream-f{padding:5% 0% 3%;}
.b-dream-f h2{
    font-size: 65px;
    text-align:center;
    font-family: 'ButlerLight';
}

.b-dream-f p{
    font-size:30px;
    text-align:center;
    padding-bottom:5%;
}
.b-dream-f p span{
    font-family: 'ButlerLight';
    
}

.b-dream-f .container{
    padding:0% 8% 0%;
}


.b-dream-f form label{
    font-size:25px;
    font-weight:500;
    padding:1% 0% 0%;
}

.b-dream-f form .form-control{
    border:none;
    border-bottom:1px solid #000;
}

.b-dream-f form .sub-but{
    text-align:end;
    padding:3% 0% 0%;
}

.b-dream-f form .sub-but .btn{
    background-color:#fff;
    color:#000;
    font-size: 15px;
    letter-spacing: 5px;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 4px 30px 4px;
}

.tel-u-bud{
    padding:2% 0% 2%;
    background-color:#131516;
    color:#fff;
    text-align:center;
}

.tel-u-bud h4{
    font-family: 'ButlerLight';
    font-size:30px;
}

.tel-u-bud p{
    font-size:20px;
    padding:3% 0% 0%;
}

.tel-u-bud .tub-bu .btn{
    background-color:#fff;
    color:#000;
    font-size: 18px;
    border-radius: 10px;
    padding: 5px 25px 5px;
}

.o-t-v{
    padding:10% 0% 5%;
    text-align:center;
}

.o-t-v h4{
    font-family: 'ButlerLight';
    font-size:35px;
}

.o-t-v ul{
    list-style:none;
    padding: 1% 0% 3% 28%;
}
.o-t-v ul li{
    float:left;
    font-size:30px;
    padding:0% 5% 0%;
    border-right:2px solid #000;
}

.o-t-v ul li:nth-child(3){
    border:none;
}

.o-t-v h2{
    font-family: 'ButlerLight';
    font-size:70px;
}
.o-t-v p{
    padding-bottom:3%;
    font-size:35px;
}

.o-t-v .m-o-d{
    background-image: url(../images/m-o-d.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.o-t-v .w-o-o-d{
    background-image: url(../images/13-rmhf.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.o-t-v .r-o-o-t{
    background-image: url(../images/15-mdoor.jpg);
    background-size:none;
    background-position:center;
    background-repeat:no-repeat;
}

.o-t-v .m-o-d{
    margin-bottom:4%;
}
.o-t-v .w-o-o-d{
    margin-bottom:4%;
}
.o-t-v .r-o-o-t{
    margin-bottom:4%;
}

.o-t-v .m-t h2{
    font-size:65px;
    margin:0px;
}
.o-t-v .m-t p{
    font-size:18px;
}

.o-t-v .m-t{
    color:#fff;
    background-color:#131516;
    opacity:.9;
     margin:5% 0% 5%;
}
.o-t-v .m-t .btn{
    background-color:#fff;
    color:#000;
    font-size: 14px;
    border-radius: 10px;
    padding: 2px 12px 2px;
    margin:0% 0% 1%;
}

.n-s-r{
    padding:5% 0% 10%;
}

.n-s-r h2{
    font-family: 'ButlerLight';
    font-size:75px;
    padding:0% 0% 5% 15%;
}

.n-s-r .nt-s-i img{
    height:800px;
    object-fit:cover;
}

.n-s-r .nt-s-t h6{
    font-size:25px;
}

.n-s-r .nt-s-t{
    padding: 8% 5% 5% 8%;
}
.n-s-r .nt-s-t .nt-s-bt{
    padding:80% 0% 0%;
    text-align:center;
}
.n-s-r .nt-s-t .nt-s-bt .btn{
    background-color:#000;
    color:#fff;
    font-size: 14px;
    border-radius: 25px;
    padding: 5px 25px 5px 25px;
}

.n-s-r .nt-s-t .nt-s-bt p{
    font-size:10px;
    padding:1% 0% 0%;
}

.os-v{
    text-align:center;
    padding:10% 0% 10%;
}

.os-v h2{
    font-size:85px;
    font-family: 'ButlerLight';
}

.os-v h4{
    font-size:50px;
    font-family: 'ButlerLight';
    padding:5% 0% 0%;
}

.os-v p{
    font-size:23px;
}

.os-v h6{
    font-size:25px;
    padding:5% 0% 2%;
}


.os-v .btn{
     background-color:#000;
    color:#fff;
    font-size: 14px;
    border-radius: 10px;
    padding: 2px 10px 2px 10px;
}

.w-ch-p .t-c-a h6{
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 25px;
}

.wm-d{
    padding:5% 0% 5%;
}

.wm-d h2{
    font-size:70px;
    font-family: 'ButlerLight';
}

.wm-d p{
    font-size:18px;
}

.wm-d .wm-d-i{
    text-align:right;
}

/* Testimonial css */


.testimonial {
  position: relative;
  /*max-width: 900px;*/
  width: 100%;
  padding: 50px 0;
  overflow: hidden;
}
.testimonial .image {
  height: 80px;
    width: 80px;
    border: 1px solid #000;
  object-fit: cover;
  border-radius: 50%;
}
.testimonial .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 30px;
  height: 100%;
  width: 100%;
}
.slide p {
  text-align: center;
  font-size:50px;
    font-family: 'ButlerLight';
}
.slide .quote-icon {
  font-size: 90px;
  color: #686868;
}
.slide .details {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.details .name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.details .job {
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
/* swiper button css */

.nav-btn {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  transform: translateY(30px);
  
  /*background-color: rgba(0, 0, 0, 0.1);*/
  transition: 0.2s;
}
.nav-btn:hover {
  /*background-color: rgba(0, 0, 0, 0.2);*/
}
.nav-btn::after,
.nav-btn::before {
  font-size: 20px;
  color: #000;
}
.swiper-pagination-bullet {
  background-color: rgba(0, 0, 0, 0.8);
}
.swiper-pagination-bullet-active {
  background-color: #4070f4;
}

.t-sli .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 450px;
    left: auto;
}

.t-sli .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 450px;
    right: auto;
}

.t-sli .t {
        top: var(--swiper-navigation-top-offset, 79%);
    }


.bg-b{
    background-color:#000;
    padding:10% 0% 10%;
}

.t-sli{
    padding:5% 0% 5%;
}


@media screen and (max-width: 768px) {
  .slide p {
    padding: 0 20px;
    font-size: 25px;
  }
  .nav-btn {
    /*display: none;*/
  }
  .t-sli .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 75px;
    left: auto;
    }
    
    .t-sli .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 75px;
        right: auto;
    }
    
    
    
}


/* Responsive css home page */
@media screen and (max-width: 600px) {
    .t-e-b h4 {
        font-size: 35px;
    }
    .t-e-b {
        padding: 3% 0% 2%;
    }
    .t-e-b h2 {
        font-size: 18px;
    }
    .t-e-b h6 {
        font-size: 14px;
    }
    .b-dream-f h2 {
        font-size: 45px;
    }
    .b-dream-f p {
        font-size: 22px;
    }
    .tel-u-bud h4 {
        font-size: 22px;
    }
    .tel-u-bud p {
        font-size: 18px;
    }
    
    .tel-u-bud {
        padding: 10% 0% 10%;
    }
    
    .tel-u-bud .tub-bu .btn {
        font-size: 15px;
        padding: 2px 18px 1px;
    }
    .o-t-v h4 {
        font-size: 25px;
    }
    .o-t-v ul {
        padding: 1% 0% 3% 10%;
    }
    .o-t-v ul li {
        font-size: 20px;
    }
    .o-t-v h2 {
        font-size: 30px;
    }
    .o-t-v p {
        font-size: 25px;
    }
    .o-t-v .m-t h2 {
        font-size: 50px;
    }
    .o-t-v .m-t p {
        font-size: 14px;
    }
    .n-s-r h2 {
        font-size: 33px;
        padding: 0% 0% 5% 10%;
    }
    .n-s-r .nt-s-i img {
        height: 100%;
    }
    .n-s-r .nt-s-t .nt-s-bt {
        padding: 20% 0% 0%;
    }
    .os-v h2 {
        font-size: 45px;
    }
    .os-v h4 {
        font-size: 40px;
    }
    .os-v p {
        font-size: 16px;
    }
    .os-v h6 {
        font-size: 22px;
    }
    
    /*footer Page Css*/
    
    .f-houseofaakar h2 {
        text-align: center;
        font-size: 25px !important;
    }
    .f-houseofaakar p {
        text-align: center;
        font-size: 18px !important;
        color: #fff;
         margin: 0% 0% 10% 0% !important;
        }
        .f-houseofaakar h4 {
            text-align:center;
        }
        .f-houseofaakar ul li{
            text-align:center;
        }
        .f-houseofaakar h6 {
            padding:12% 0% 0%;
        }
        .f-houseofaakar .subs {
            text-align:left;
            margin: 0% 0% 5% 0%;
        }
    
}

/*House Of Aakar Service Page Css

 /*slider css for space wise renovation*/
.slider-wrapper {
  position: relative;
}
.slider-wrapper .slide-button {
  position: absolute;
  top: 50%;
  outline: none;
  border: 1px solid rgb(1 1 1);
  height: 50px;
  width: 50px;
  z-index: 5;
  color: #000;
  display: flex;
  cursor: pointer;
  font-size: 2.2rem;
  background: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-50%);
}
.slider-wrapper .slide-button:hover {
  background: none;
}
.slider-wrapper .slide-button#prev-slide {
  left: -60px;
  display: none;
}
.slider-wrapper .slide-button#next-slide {
  right: -60px;
}
.slider-wrapper .image-list {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 0px;
  font-size: 0;
  list-style: none;
  margin-bottom: 30px;
  overflow-x: auto;
  scrollbar-width: none;
}
.slider-wrapper .image-list::-webkit-scrollbar {
  display: none;
}
.slider-wrapper .image-list .image-item {
  width: 300px;
  height: 280px;
  object-fit: cover;
}
.container .slider-scrollbar {
  height: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
.slider-scrollbar .scrollbar-track {
  background: #ccc;
  width: 100%;
  height: 2px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
}
.slider-scrollbar:hover .scrollbar-track {
  height: 4px;
}
.slider-scrollbar .scrollbar-thumb {
  position: absolute;
  background: #000;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  cursor: grab;
  border-radius: inherit;
}
.slider-scrollbar .scrollbar-thumb:active {
  cursor: grabbing;
  height: 8px;
  top: -2px;
}
.slider-scrollbar .scrollbar-thumb::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: -10px;
}
/* Styles for mobile and tablets */
@media only screen and (max-width: 1023px) {
  /*.slider-wrapper .slide-button {*/
  /*  display: none !important;*/
  /*}*/
  .slider-wrapper .image-list {
    gap: 10px;
    margin-bottom: 15px;
    padding:0px;
    scroll-snap-type: x mandatory;
  }
  .slider-wrapper .image-list .image-item {
    width: 280px;
    height: 265px;
  }
  .slider-scrollbar .scrollbar-thumb {
    width: 20%;
  }
}

.h-o-a{
    color:#fff;
    padding:5% 0% 20%;
    text-align:center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url(../images/a-cover-services.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.h-o-a h6{
    padding-top:15%;
}
.h-o-a h4{font-size:45px;margin:0px;font-weight:400;}
.h-o-a p{font-size:18px;padding:0px;}
.h-o-a h6{font-size:30px;margin:0px;font-weight:400;}
.h-o-a h2{font-size:40px;margin:0px;font-family: 'ButlerLight';}

.vi-t-re{
    padding:5% 0% 10%;
    text-align:center;
}

.wh-i{position:relative;}
.wh-i img{
    position: absolute;
    top: 10%;
    left: -15%;
    width: 450px;
    height: 500px;
    object-fit: cover;
}

.fh-d{
    padding:5% 1% 5%;
}

.vi-t-re h4{font-size:45px;font-family: 'ButlerLight';}
.vi-t-re p{padding:3% 0% 0% 0%;font-size:24px;}

.wh-o-i .we-offer{
    background-color:#c1aa89;
    padding: 12% 0% 10% 10%;
}
.wh-o-i .we-offer h2{font-size:60px;font-family: ButlerLight;}
.wh-o-i .we-offer p{font-size:18px;padding-right:10%;}
.wh-o-i .we-offer .btn{
    background-color:#000;
    color:#fff;
    font-size:10px;
    border-radius:10px;
    margin-top:3%;
    padding:0% 1% 0%;
}

.f-h-id{
    padding:5% 10% 5%;
}
.f-h-id h4{
    font-size:40px;
    font-family: ButlerLight;
}
.f-h-id p{font-size:18px;}
.f-h-id ul{
    list-style:none;
    padding:0px;
}
.f-h-id ul li{
    float:left;
    font-size: 12px;
    font-weight:800;
    border-right: 2px solid #000;
    padding: 0% 4% 0% 4%;
}
.f-h-id ul li:nth-child(1){padding-left:0px;}
.f-h-id ul li:nth-child(5){border:none;}
.f-h-id .btn{
    background-color:#000;
    color:#fff;
    font-size: 12px;
    border-radius: 10px;
    margin-top: 8%;
    padding: 1%;
}

.s-ren{
    padding:5% 10% 10%;
}
.s-ren h2{font-size:40px;font-family: ButlerLight;}
.s-ren .t-o-i h2{font-size:30px;font-family: ButlerLight;}
.s-ren p{font-size:16px;padding-right:5%;}
.s-ren ul{
    padding:0px;
}
.s-ren .t-o-i .btn{
    background-color:#000;
    color:#fff;
    font-size: 10px;
    border-radius: 10px;
    padding: 0% 3% 0%;
}

.k-w{
    padding:0% 0% 5%;
}

.km-i img{
    width:641px;
    height:400px;
    object-fit:cover;
}

.mk-p{position:relative;}


.k-w h4{
    font-size:50px;
    text-align:center;
    font-family: ButlerLight;
}
.k-w p{
    font-size:18px;
    text-align:center;
    padding-bottom:3%;
}
.k-w .t-bw-r{
    background-color: #fff;
    color: #000;
    position: absolute;
    top: 25%;
    width: 450px;
    height: 300px;
    padding: 12% 12% 0%;
    left: -13%;
    
}
.k-w .t-bw-r h6{
    font-size:25px;
    font-family: ButlerLight;
}
.k-w .t-bw-r p{
    font-size:14px;
    text-align:start;
}

.k-w .t-bw-r .btn{
    background-color:#000;
    color:#fff;
    font-size: 8px;
    border-radius: 10px;
    padding: 0% 3% 0%;
}

.k-w .t-bw-l{
    background-color: #fff;
    color: #000;
    position: absolute;
    top: 25%;
    width: 450px;
    height: 300px;
    padding: 12% 12% 0%;
    left: 19%;
    
}
.k-w .t-bw-l h6{
    font-size:25px;
    font-family: ButlerLight;
}
.k-w .t-bw-l p{
    font-size:14px;
    text-align:start;
}

.k-w .t-bw-l .btn{
    background-color:#000;
    color:#fff;
    font-size: 8px;
    border-radius: 10px;
    padding: 0% 3% 0%;
}

.f-so{
    background-color:#151308;
    color:#fff;
    padding:3% 0% 5%;
}

.f-so h4{
    font-size:40px;
    font-family: ButlerLight;
}

.f-so p{
    font-size:18px;
    padding:2% 0% 0%;
}
.f-so ul{
    list-style:none;
    padding:0px;
}
.f-so ul li img{
    width:400px;
    height:400px;
    object-fit:cover;
}
.f-so ul li{
    float:left;
    width:33%;
}

.f-so .b-k-m{
    text-align:center;
    padding:3% 0% 0%;
}
.f-so .b-k-m .btn{
    background-color:#fff;
    color:#000;
    font-size: 16px;
    border-radius: 10px;
    padding: 5px 10px 5px;
}

.h-ant{padding:5% 0% 8%;}

.h-ant .he-a{
    background-color:#c1aa89;
    padding: 12% 0% 10% 10%;
}

.he-a-i{
    position:relative;
}

.he-a-i img{
    position: absolute;
    top: 10%;
    left: -15%;
    width: 450px;
    height: 500px;
    object-fit: cover;
}

.h-ant .he-a h2{font-size:60px;font-family: ButlerLight;}
.h-ant .he-a p{font-size:18px;padding-right:10%;}
.h-ant .he-a .btn{
     background-color:#000;
    color:#fff;
    font-size: 16px;
    margin:3% 0% 0%;
    border-radius: 10px;
    padding: 5px 10px 5px;
}

.mdss-it{
    padding:5% 0% 5%;
    text-align:center;
}

.mdss-it h4{
    font-size:80px;
    font-family: ButlerLight;
    padding-top:10%;
}
.mdss-it p{
    font-size:20px;
}
.mdss-it p span{
    font-weight:800;
}

.mdss-it .m-d-imf{
    padding-top:16%;
}

.mdss-it .m-d-imf img{
    height: 500px;
    object-fit: cover;
}

.mdss-it .m-d-is img{
    height: 500px;
    object-fit: cover;
}

.md-sli h2{font-size:30px;font-family: ButlerLight;}
.md-sli p{font-size:16px;text-align:start;}

.y-d-s{
    padding:5% 0% 10%;
    text-align:center;
}
.y-d-s h2{
   font-size:80px;
   font-family: ButlerLight;
}
.y-d-s p{
   font-size:18px;
   
}

.y-d-s .g-m-d{
    padding:3% 0% 0%;
}
.y-d-s .g-m-d .btn{
     background-color:#000;
    color:#fff;
    font-size: 13px;
    border-radius: 10px;
    padding: 4px 16px 4px;
}

.w-ch-p{
    padding:5% 0% 10%;
}

.w-ch-p .p-r-t{
    position:relative;
}

.w-ch-p .t-c-a h4{
    font-size:45px;
    font-family: ButlerLight;
}

.w-ch-p .t-c-a h4 span{
    font-size:55px;
    font-family: ButlerLight;
}

.w-ch-p .t-c-a{
    background-color:#fff;
    color:#000;
    position:absolute;
    top:35%;
    padding: 10% 0% 8% 10%;
    width: 500px;
    height: 500px;
    object-fit: cover;
    left: -90%;
}

.w-ch-p .t-c-a p{
    font-size:20px;
}

.w-ch-p .t-c-a .btn{
    background-color:#000;
    color:#fff;
    font-size: 13px;
    border-radius: 10px;
    padding: 4px 16px 4px;
}

.e-dre{
    padding:5% 10% 10%;
}

.e-dre h2{text-align:center;}
.e-dre p{text-align:center;}
.e-dre h6{text-align:center;}
.e-dre h2{
    font-size:60px;
    font-family: ButlerLight;
}
.e-dre p{
    font-size:20px;
}

.e-dre h6{
    font-size:25px;
    padding:3% 0% 3%;
}

.e-dre form label{
    font-size:25px;
    font-weight:500;
    padding:1% 0% 0%;
}

.e-dre form .form-control{
    border:none;
    border-bottom:1px solid #000;
}

.e-dre form .sub-but{
    text-align:end;
    padding:3% 0% 0%;
}

.e-dre form .sub-but .btn{
    background-color:#fff;
    color:#000;
    font-size: 15px;
    letter-spacing: 5px;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 4px 30px 4px;
}

/* slider 2 */

.card-wrapper {
  max-width: 1100px;
  margin: 0 60px 35px;
  padding: 20px 10px;
  overflow: hidden;
}
.card-list .card-item {
  list-style: none;
}

.md-sli .swiper-button-next, .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 32%);
}

.md-sli .swiper .swiper-wrapper{padding:0px;}
.card-list .card-item .card-link {
  display: block;
  background: #fff;
  color:#000;
  /*padding: 18px;*/
  user-select: none;
  /*border-radius: 12px;*/
  text-decoration: none;
  /*box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);*/
  transition: 0.2s ease;
}
.card-list .card-item .card-link:active {
  cursor: grabbing;
}
/*.card-list .card-item .card-link:hover {*/
/*  border-color: #5372F0;*/
/*}*/
.card-list .card-link .card-image {
  width: 335px;
  height:235px;
  object-fit: cover;
}
.card-list .card-link .badge {
  color: #5372F0;
  width: fit-content;
  padding: 8px 16px;
  font-size: 0.95rem;
  border-radius: 50px;
  font-weight: 500;
  background: #DDE4FF;
  margin: 16px 0 18px;
}
.card-list .card-link .badge-designer {
  color: #B22485;
  background: #F7DFF5;
}
.card-list .card-link .badge-marketer {
  color: #B25A2B;
  background: #FFE3D2;
}
.card-list .card-link .badge-gamer {
  color: #205C20;
  background: #D6F8D6;
}
.card-list .card-link .badge-editor {
  color: #856404;
  background: #fff3cd;
}
.card-list .card-link .card-title {
  color: #000;
  font-size: 1.19rem;
  font-weight: 600;
}
.card-list .card-link .card-button {
  height: 35px;
  width: 35px;
  color: #5372F0;
  margin: 30px 0 5px;
  background: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #5372F0;
  transform: rotate(-45deg);
  transition: 0.4s ease;
}
.card-list .card-link:hover .card-button {
  color: #fff;
  background: #5372F0;
}
.card-wrapper .swiper-pagination-bullet {
  height: 13px;
  width: 13px;
  opacity: 0.5;
  background: #5372F0;
}
.card-wrapper .swiper-pagination-bullet-active {
  opacity: 1;
}
.card-wrapper .swiper-slide-button {
  color: #000;
  margin-top: -35px;
}
/* Responsive media query code for small screens */
@media (max-width: 768px) {
  .card-wrapper {
    margin: 0 10px 25px;
  }
  /*.card-wrapper .swiper-slide-button {*/
  /*  display: none;*/
  /*}*/
}


/* Responsive css */
@media screen and (max-width: 600px) {
    .h-o-a h4 {font-size: 35px;}
    .h-o-a h6 {font-size: 16px;}
    .h-o-a h2 {font-size: 35px;}
    .vi-t-re h4 {font-size: 40px;}
    .vi-t-re p {font-size: 16px;}
    .wh-o-i .we-offer .btn {padding: 1% 3% 1%;}
    .wh-i img {
         position: static; 
         width: 100%; 
         height: 100%; 
    }
    .f-h-id {
        padding: 5% 0% 5%;
    }
    .f-h-id .btn {padding: 1% 2% 1%;}
    .k-w h4 {font-size: 35px;}
    .k-w p {font-size: 15px;}
    .km-i img {
     width: 100%; 
     height: 100%; 
        
    }
    .k-w .t-bw-l {
        background-color: #fff;
        color: #000;
        position: static;
        
        width: 100%;
        height: 100%;
        padding: 12% 12% 5%;
    }
    .slider-wrapper .slide-button {
     top: 25%
    }
    .slider-wrapper .slide-button#next-slide {
        right: -38px;
    }
    .slider-wrapper .slide-button#prev-slide {
        left: -37px;
    }
    .k-w .t-bw-r {
        position: static;
        width: 100%;
        height: 100%;
        padding: 12% 12% 0%;
    }
    .f-so ul li {width: 100%;}
    .h-ant {
        padding: 0% 0% 8%;
    }
    .he-a-i img {
        position: static;
        width: 100%;
        height: 100%;
    }
    .mdss-it .m-d-imf {
        padding-top: 0%;
    }
    .mdss-it h4 {font-size: 40px;}
    .mdss-it p {font-size: 16px;}
    .mdss-it p { padding: 0% 3% 0%;}
    .mdss-it .m-d-imf img { height: 100%;}
    .mdss-it .m-d-is img { height: 100%;}
    .swiper-button-next:after, .swiper-button-prev:after {
        
        font-size: 35px
    }
    .y-d-s h2 {font-size: 65px;}
    .w-ch-p .t-c-a {
        position: static;
        width: 100%;
        height: 100%;
    }
    .w-ch-p .t-c-a h4 {font-size: 35px;}
    .w-ch-p .t-c-a h4 span {font-size: 48px;}
    .w-ch-p .t-c-a p {font-size: 14px;}
    .e-dre h2 {font-size: 45px;}
    .e-dre p {font-size: 15px;}
    .e-dre h6 {font-size: 18px;}
    .e-dre form label {padding: 5% 0% 0%;}
    .e-dre form .sub-but {padding: 8% 0% 0%;}
}


/*House Of Aakar Mod Page Css*/

.hoa-exp .hoa-exp-l{
    background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url(../images/10-m-c-w.jpg);
    height:700px;
    object-fit:cover;
    text-align:right;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hoa-exp .hoa-exp-l h4{
    font-size: 30px;
    color: #fff;
    margin:0px;
    padding: 2% 5% 0%;
    font-weight: 400;
}

.hoa-exp .hoa-exp-l p{
    font-size: 14px;
    padding: 0% 12%;
    color: #fff;
}

.hoa-exp .hoa-exp-t{
    text-align:center;
    padding:15% 5% 0%;
}

.hoa-exp .hoa-exp-t h2{
    font-size:70px;
    font-family: ButlerLight;
}

.hoa-exp .hoa-exp-t h4{
    font-size:30px;
    font-family: ButlerLight;
}

.hoa-exp .hoa-exp-t p{
    font-size: 24px;
    padding: 5% 0% 0%;
}

.hoa-exp .hoa-exp-t .btn{
    background-color:#000;
    color:#fff;
    font-size: 14px;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
}

.ab-m{
    padding:5% 0% 5%;
    text-align:center;
}

.ab-m h4{
    font-size:40px;
    font-family: ButlerLight;
}

.ab-m p{
    font-size: 25px;
    padding: 3% 0% 0%;
}

.why-mod .why-mod-t{
    position:relative;
}

.why-mod .why-mod-t .why-mod-tp{
    background-color: #fff;
    color: #000;
    position: absolute;
    top: 25%;
    padding: 10% 0% 8% 10%;
    width: 600px;
    height: 570px;
    object-fit: cover;
    left: -90%;
}

.why-mod .why-mod-t .why-mod-tp h2{
    font-size:60px;
    font-family: ButlerLight;
}

.why-mod .why-mod-t .why-mod-tp h2 span{
    font-size:45px;
    font-family: ButlerLight;
}

.why-mod .why-mod-t .why-mod-tp ul li{
    font-size:24px;
}
.why-mod .why-mod-t .why-mod-tp .btn{
    background-color:#000;
    color:#fff;
    font-size: 14px;
    border-radius: 10px;
    margin:3% 0% 0%;
    padding: 5px 10px 5px 10px;
}

.wmid{padding:10% 0% 5%;}
.wmid .wmid-t h4{
    font-size:70px;
    font-family: ButlerLight;
}

.wmid .wmid-t h6{
    font-size:40px;
    padding:5% 0% 0%;
    font-family: ButlerLight;
}


.wmid .wmid-t p{
    font-size:18px;
    padding-right:8%;
}

.wmid .wmid-i{
    position:relative;
    background-color:#b3ad9c;
    height:570px;
}

.wmid .wmid-i img{
    position:absolute;
    height: 580px;
    top: -5%;
    right: 5%;
    object-fit:cover;
}


.l-m-it .l-m-it-m{
    margin: 20px;
    width:327px;
    height:245px;
    position: relative;
    background-color: #b3ad9c;
}

.l-m-it .l-m-it-m img{
    position: absolute;
    bottom: 5%;
    height: 245px;
    right: 5%;
    object-fit:cover;
}


.l-m-it h4{
   font-size:40px;
    font-family: ButlerLight;
}
.l-m-it p{
   font-size:18px;
}

.l-m-it .whe-boo{
    text-align:center;
}

.l-m-it .whe-boo p{
    font-size:22px;
    padding:5% 0% 0%;
}

.l-m-it .whe-boo .btn{
    background-color:#000;
    color:#fff;
    font-size: 12px;
    border-radius: 10px;
    margin:2% 0% 0%;
    padding: 10px 20px 10px 20px;
}

.mod-ser{padding:5% 0% 5%;}


.mod-ser .mod-ser-if{
    padding:10% 0% 0%;
}

.mod-ser .mod-ser-if img{
    width:338px;
    height:470px;
    object-fit:cover;
}

.mod-ser .mod-ser-is img{
    width:338px;
    height:505px;
    object-fit:cover;
}

.mod-ser .mod-ser-t{
    text-align:center;
}

.mod-ser .mod-ser-t h2{
    font-size:65px;
    padding:0% 0% 5%;
    font-family: ButlerLight;
}

.mod-ser .mod-ser-t p{
    font-size:18px;
}

.mod-ser .mod-ser-t h6{
    font-size:12px;
    font-weight:700;
}

.mod-ser .mod-ser-t .btn{
    background-color:#000;
    color:#fff;
    font-size: 12px;
    border-radius: 10px;
    margin:14% 0% 0%;
    letter-spacing:3px;
    padding: 10px 10px 10px 10px;
}

.j-t-dre{
    padding:5% 0% 5%;
}

.j-t-dre-f{
    padding:0% 8% 0%;
}

.j-t-dre h4{
    font-size:65px;
    text-align:center;
    font-family: ButlerLight;
}

.j-t-dre p{
    font-size:25px;
    text-align:center;
}

.j-t-dre h5{
    font-size: 30px;
    text-align:center;
    font-weight: 400;
    padding: 5% 0% 0%;
}

.j-t-dre h6{
    font-size: 30px;
    text-align:center;
    font-weight: 400;
    padding: 5% 0% 5%;
}
.j-t-dre ul{
    list-style:none;
    text-align:center;
    padding:0px;
}

.j-t-dre ul li{
    float:left;
    font-size:23px;
    padding:0% 2% 0%;
    border-right:4px solid #000;
}

.j-t-dre ul li span{
    font-weight:700;
}

.j-t-dre ul li:nth-child(3){border:none;}

.j-t-dre form label{
    font-size:25px;
    font-weight:500;
    padding:1% 0% 0%;
}

.j-t-dre form .form-control{
    border:none;
    border-bottom:1px solid #000;
}

.j-t-dre form .sub-but{
    text-align:end;
    padding:3% 0% 0%;
}

.j-t-dre form .sub-but .btn{
    background-color:#fff;
    color:#000;
    font-size: 15px;
    letter-spacing: 5px;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 4px 30px 4px;
}

.r-m-pac .rtg-t{
    position:relative;
    height:775px;
}

.r-m-pac .r-t-go{
    position: absolute;
    width: 600px;
    height: 620px;
    top: 20%;
    padding: 10% 0% 15% 5%;
    right: 14%;
    object-fit: cover;
    background-color: #fff;
    color: #000;
}

.r-m-pac .r-t-go h4{
    font-size:50px;
    font-family: ButlerLight;
}

.r-m-pac .m-k img{
    height: 775px;
    object-fit: cover;
}

.rtg-t .i-first{
    position:absolute;
    width: 280px;
    top: 46%;
    right: 150%;
    height: 180px;
    object-fit:cover;
}

.rtg-t .t-box-first{
    position:absolute;
    width: 280px;
    top: 50%;
    right: 80%;
    padding: 12% 0% 0% 5%;
    background-color:#9b7a5f;
    color:#fff;
    height: 170px;
    object-fit:cover;
}

.rtg-t .t-box-first p{
    font-size:30px;
    font-family: ButlerLight;
}

.rtg-t .i-sec{
    position:absolute;
    width: 280px;
    top: 74%;
    right: 150%;
    height: 180px;
    object-fit:cover;
}

.rtg-t .t-box-sec{
    position:absolute;
    width: 280px;
    top: 78%;
    right: 80%;
    padding: 12% 0% 0% 5%;
    background-color:#9b7a5f;
    color:#fff;
    height: 170px;
    object-fit:cover;
}

.rtg-t .t-box-sec p{
    font-size:30px;
    font-family: ButlerLight;
}

.rtg-t .i-f{
    position:absolute;
    width: 280px;
    top: 102%;
    right: 150%;
    height: 180px;
    object-fit:cover;
}

.rtg-t .t-b-f{
    position:absolute;
    width: 280px;
    top: 106%;
    right: 223%;
    z-index:1;
    padding: 12% 0% 0% 5%;
    background-color:#9b7a5f;
    color:#fff;
    height: 170px;
    object-fit:cover;
}

.rtg-t .t-b-f p{
    font-size:30px;
    font-family: ButlerLight;
}

.rtg-t .i-s{
    position:absolute;
    width: 280px;
    top: 129%;
    right: 150%;
    height: 180px;
    object-fit:cover;
}

.rtg-t .t-b-s{
    position:absolute;
    width: 280px;
    top: 134%;
    right: 223%;
    padding: 12% 0% 0% 5%;
    background-color:#9b7a5f;
    color:#fff;
    z-index:1;
    height: 170px;
    object-fit:cover;
}

.rtg-t .t-b-s p{
    font-size:30px;
    font-family: ButlerLight;
}

.rtg-t .btn{
    position: absolute;
    top: 146%;
    right: 53%;
    background-color:#000;
    color:#fff;
    font-size: 12px;
    border-radius: 10px;
    margin:14% 0% 0%;
    letter-spacing:3px;
    padding: 5px 10px 5px 10px;
}



.gal-sli{
    margin:40% 0% 5%;
}

.gal-sli .card-wrapper {
    margin:0px 37px 0px;
}

.gal-sli h4{
    font-size:45px;
    font-family: ButlerLight;
}

.gal-sli ul{
    padding:0px;
}

.gal-sli .card-list .card-link .card-image {
    width: 170px;
}

.gal-sli .card-list .card-item {
    width: 140.333px !important;
}


.gal-sli .swiper-button-next, .swiper-button-prev {
    top: 45%;
}

.gal-sli .em-b{
    text-align:center;
}

.gal-sli .btn{
    background-color:#000;
    color:#fff;
    font-size: 12px;
    border-radius: 10px;
    letter-spacing:3px;
    padding: 5px 10px 5px 10px;
}

.otm-diff{
    padding:5% 0% 10%;
}

.otm-diff h4{
    font-size:75px;
    font-family: 'ButlerLight';
}

.otm-diff p{
    font-size:21px;
    padding-right:4%;
}


.otm-diff .otm-p{
    padding:2% 0% 0%;
}

.otm-diff .otm-i{
    position:relative;
    background-color:#b3ad9c;
    height:635px;
}

.otm-diff .otm-i img{
    position:absolute;
    right:6%;
    bottom:4%;
    height:640px;
    object-fit:cover;
}

.f-a-q .faq-i{
    background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url(../images/a-cover-home.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.f-a-q .faq-i h2{
    text-align:center;
    padding: 10% 0% 10%;
    color: #fff;
    font-size:70px;
    font-family: 'ButlerLight';
}


.f-a-q p{
    font-size:22px;
    padding:5% 0% 10%;
}

/* Responsive css House of Aakar Mod */
@media screen and (max-width: 600px) {
    .hoa-exp .hoa-exp-t h4 {
        font-size: 25px;
    }
    .hoa-exp .hoa-exp-t p {
        font-size: 22px;
    }
    .ab-m p {
        font-size: 22px;
    }
    .why-mod .why-mod-t .why-mod-tp {
        position: static;
        width:360px;
    }
    .why-mod .why-mod-t .why-mod-tp ul li{
        font-size: 18px;
    }
    .wmid .wmid-t h4 {
        font-size: 50px;
    }
    .wmid .wmid-i {
        height:675px;
        margin: 5% 0% 0% 5%;
    }
    
    .wmid .wmid-i img {
        right: 6%;
        top: -4%;
        height: 675px;
    }
    
    .l-m-it .whe-boo p {
        font-size: 18px;
    }
    .mod-ser .mod-ser-if img {
         width: 100%; 
    }
    .mod-ser .mod-ser-t h6 {
        font-size: 18px;
    }
    .mod-ser .mod-ser-t p {
        font-size: 14px;
    }
    .mod-ser .mod-ser-t .btn {
        margin: 10% 0% 5%;
    }
    .mod-ser .mod-ser-is img {
        width: 100%;
    }
    .j-t-dre h4 {
        font-size: 35px;
    }
    .j-t-dre p {
        font-size: 18px;
    }
    .j-t-dre h5 {
        font-size: 22px;
    }
    .j-t-dre ul li {
        width: 33%;
        font-size: 10px;
        border-right: 2px solid #000;
    }
    .j-t-dre h6 {
        font-size: 20px;
        padding: 10% 0% 5%;
    }
    .r-m-pac .m-k img {
        height: 100%;
        object-fit: cover;
    }
    .r-m-pac .r-t-go h4 {
        font-size: 30px;
    }
    .r-m-pac .r-t-go {
         width: 100%; 
         height: 100%; 
         top:0%;
         right:0%;
         padding: 10% 0% 15% 35%;
    }
    .r-m-pac .rtg-t {
        position: relative;
        height: 100vh;
        margin: 0% 0% 30%;
    }
    .rtg-t .i-first {
        width: 230px;
        top: 21%;
        right: 35%;
        height: 140px;
    }
    .rtg-t .i-sec {
        width: 230px;
        top: 48%;
        right: 35%;
        height: 140px;
    }
    .rtg-t .t-box-first {
        width: 230px;
        top: 25%;
        right: 3%;
        padding: 8% 0% 0% 5%;
        height: 140px;
    }
    
    .rtg-t .t-box-first p {
        font-size: 24px;
    }
        .rtg-t .t-box-sec {
        width: 230px;
        top: 52%;
        right: 3%;
        padding: 8% 0% 0% 5%;
        height: 140px;
    }
    
    .rtg-t .t-box-sec p {
        font-size: 24px;
        font-family: ButlerLight;
    }
    
    .rtg-t .t-b-f {
        width: 230px;
        top: 79%;
        right: 35%;
        padding: 8% 0% 0% 5%;
        height: 140px;
    }
    
    .rtg-t .t-b-f p {
        font-size: 24px;
    }
    
    .rtg-t .i-f {
        width: 230px;
        top: 75%;
        right: 3%;
        height: 140px;
    }
    .rtg-t .i-s {
        width: 230px;
        top: 102%;
        right: 3%;
        height: 140px;
    }
    
    .rtg-t .t-b-s {
        width: 230px;
        top: 106%;
        right: 35%;
        padding: 8% 0% 0% 5%;
        height: 140px;
    }
    
    .rtg-t .t-b-s p {
        font-size: 24px;
    }
    
    .rtg-t .btn {
        top: 122%;
        right: 3%;
    }
    
    .otm-diff p {
        font-size: 18px;
        padding-right: 0%;
    }
    .otm-diff .otm-i {
        height:670px;
        margin: 5% 0% 0% 5%;
    }
    
    .otm-diff .otm-i img {
        right: 6%;
        bottom: 3%;
        height: 670px;
    }
    
    .f-a-q .faq-i h2 {
        font-size:40px;
        padding: 15% 0% 15%;
    }
    
    .f-a-q p {
        font-size: 16px;
        padding: 10% 0% 10%;
    }
    
}

/*House Of Aakar Wood Page Css*/

.w-o-o-d{
    background-color:#6e3814;
    color:#fff;
    padding:3% 0% 5%;
    text-align:center;
}

.w-o-o-d h4{
    font-size:30px;
    margin:0px;
    font-weight:400;
}

.w-o-o-d p{
    font-size:14px;
    padding:0px;
    font-weight:400;
}

.w-o-o-d .w-img{
    margin:5% 0% 5%;
    position:relative;
}

.w-o-o-d .w-img img{
    width: 400px;
    height: 580px;
    object-fit:cover;
}

.w-o-o-d .w-img h1{
    position: absolute;
    top: 30%;
    left: 27%;
    font-size: 165px;
    font-family: 'ButlerLight';
    margin:0px;
}

.w-o-o-d .w-img p{
    position: absolute;
    top: 59%;
    left: 35%;
    font-size: 16px;
    font-family: 'ButlerLight';
    margin:0px;
}

.w-o-o-d h6{
    font-size:45px;
    font-family: 'ButlerLight';
}

.w-o-o-d .w-p{
    font-size:20px;
    font-weight:400;
    padding:2% 0% 0%;
}

.why-w{
    padding:10% 0% 10%;
}

.why-w .why-w-tex {
    padding: 5% 0% 0% 12%;
}

.why-w .why-w-tex h4{
    font-size:40px;
    font-family: 'ButlerLight';
}

.why-w .why-w-tex h6{
    font-size:20px;
}

.why-w .why-w-tex p{
    font-size:16px;
    font-weight: 500;
}

.why-w .why-w-tex ul{
    list-style:none;
    padding:0px;
    margin-right: 25px;
}

.why-w .why-w-tex ul li{
    line-height: 5em;
    border-bottom: 1px Solid #c1b8b8;
}

.why-w .why-w-tex ul li:nth-child(2){
    border-bottom: 1px Solid #e9e1e1;
}

.why-w .why-w-im .why-if{
    width: 400px;
    height: 600px;
    object-fit: cover;
}

.why-w .why-w-im .why-is{
    position:absolute;
    top:15%;
    right:10%;
    width: 300px;
    height: 400px;
    object-fit: cover;
}

.why-w .why-w-im {
    position:relative;
}


.modser .ms-i-t-f img{
    width: 332px;
    height: 400px;
    object-fit: cover;
}

.modser .ms-i-t-f .t-p-i-f {
    text-align:right;
}

.modser .ms-t-c{
    text-align:center;
    padding:3% 0% 0%;
}
.modser .ms-t-c h4{
    font-size:60px;
    font-family: 'ButlerLight';
}

.modser .ms-t-c p{
    font-size:20px;
}

.modser .ms-t-c .t-p-i-f{
    position:relative;
    height:250px;
}

.modser .ms-t-c .t-p-i-f h6{
    position:absolute;
    top: 19%;
    left: 4%;
    font-size:40px;
    font-family: 'ButlerLight';
}

.modser .ms-t-c .t-p-i-f p{
    position:absolute;
    top: 58%;
    left: -40%;
    text-align: right;
    font-size: 18px;
}

.modser .ms-t-c .t-p-i-s{
    position:relative;
    height:250px;
}

.modser .ms-t-c .t-p-i-s h6{
    position:absolute;
    top: -28%;
    right: 3%;
    font-size:40px;
    text-align:right;
    font-family: 'ButlerLight';
}
.modser .ms-t-c .t-p-i-s p{
    position:absolute;
    top: 12%;
    right: -43%;
    text-align: left;
    font-size: 18px;
}

.modser .ms-i-t-s{
    padding:10% 0% 0%;
}

.modser .ms-i-t-s img{
    width: 332px;
    height: 400px;
    object-fit: cover;
}


.ow-i{
    padding:5% 0% 5%;
    color:#fff;
    text-align:center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.3)), url(../images/moduar-kitchen.jpg);
    filter: grayscale(80%);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.ow-i h4{
    font-size:50px;
    font-family: 'ButlerLight';
    padding:0% 0% 5%;
}
.ow-i p{
    font-size: 25px;
    line-height: 3em;
}

.j-t-dre .para-one {
    font-size:22px;
    padding:2% 0% 3%;
}

.j-t-dre .bud-para {
    font-size:22px;
    font-family: 'ButlerLight';
}

.s-un{
    padding:5% 0% 10%;
}

.s-un .s-un-t{
    padding:5% 0% 2% 12% ;
}

.s-un .s-un-t h4{
    font-size:40px;
    font-family: 'ButlerLight';
}

.s-un .s-un-t p{
    font-size:20px;
    padding:3% 0% 5%;
}

.s-un .s-un-t .btn{
     background-color:#000;
    color:#fff;
    font-size: 12px;
    border-radius: 25px;
    padding: 5px 30px 5px;
}

.s-un .s-un-t .b-para{
    font-size:10px;
    padding:5px 10px 0px;
}

.s-un .s-un-i{
    padding: 0% 5% 0% 0%;
}

.s-un .s-un-i img{
    width:558px;
    object-fit:cover;
}

.gall-w{
    background-color:#d5bda5;
}

.gall-w h4{
    font-size:40px;
    padding:2% 0% 1%;
    font-family: 'ButlerLight';
    text-align:center;
}

.gall-w p{
    font-size:18px;
    text-align:center;
}

.r-t-beg{
    padding:5% 0% 8%;
}

.r-t-beg h4{
    font-size:50px;
    font-family: 'ButlerLight';
}

.r-t-beg p{
    font-size:18px;
}

.r-t-beg .btn{
    background-color:#000;
    color:#fff;
    font-size: 12px;
    margin: 5% 0% 5%;
    border-radius: 25px;
    padding: 5px 30px 5px;
}

.bg-b{color:#fff;}

.bg-b h4{
    font-size:25px;
    font-weight:400;
    text-align:center;
    margin:0px;
    color:#fff;
}
.bg-b p{
    font-size:10px;
    text-align:center;
    font-weight:400;
    
}

.bg-b ul{
    list-style:none;
    padding:5% 0% 0%;
}

.bg-b ul li{
    float:left;
    padding: 0% 2% 0%;
    width: 13%;
}

.bg-b ul li:nth-child(5){
    padding:0px;
}

.bg-b .n-let h6{
    font-size:25px;
    font-family: 'ButlerLight';
    padding:20% 0% 0%;
}


































.bg-b .n-let p{
    font-size:10px;
    text-align:left;
    padding: 0% 0% 5%;
    border-bottom: 1px solid #706c6c;
}

.bg-b .n-let form label{
    font-size:16px;
    padding: 5% 0% 0%;
    font-family: 'ButlerLight';
}

.bg-b .n-let .form-control{
    background-color:#000;
    border:none;
    border-bottom: 1px solid #706c6c;
}

.bg-b .n-let .subscr-but{
    text-align:right;
    padding:5% 0% 0%;
}

.bg-b .n-let .subscr-but .btn{
    background-color:#f5cf59;
    color:#000;
    font-size: 12px;
    margin: 5% 0% 5%;
    border-radius: 25px;
    padding: 2px 12px 2px;
}


/* Responsive css House of Aakar Wood */
@media screen and (max-width: 600px) {
    .w-o-o-d h4 {
        font-size: 25px;
    }
    .w-o-o-d p {
        font-size: 10px;
    }
    
    .o-t-v .w-o-o-d {
        padding: 0% 4% 0%;
    }
    .w-o-o-d .w-img img {
        width: 270px;
        height: 460px;
    }
    .w-o-o-d .w-img h1 {
        top: 30%;
        left: 2%;
        font-size: 110px;
    }
    .w-o-o-d .w-img p {
        top: 59%;
        left: 0%;
        font-size: 18px;
        padding: 0% 10% 0%;
    }
    .w-o-o-d h6 {
        font-size: 35px;
    }
    .w-o-o-d .w-p {
        font-size: 16px;
    }
    .why-w .why-w-tex p {
        font-size: 13px;
    }
    .why-w .why-w-im .why-if {
        width: 270px;
        height: 470px;
    }
    .why-w .why-w-im .why-is {
        right: 2%;
        width: 250px;
        height: 330px;
    }
    
    .modser .ms-i-t-f img {
        width: 100%;
        height: 310px;
    }
    .modser .ms-t-c {
        padding: 10% 0% 0%;
    }
    
    .modser{
        padding: 0% 0% 5%;
    }
    
    .modser .ms-t-c h4 {
        font-size: 30px;
    }
    .modser .ms-t-c p {
        font-size: 16px;
    }
    .modser .ms-t-c .t-p-i-f h6 {
        top: 42%;
        left: 62%;
        font-size: 25px;
    }
    .modser .ms-t-c .t-p-i-f p {
        top: 70%;
        left: 5%;
        font-size: 12px;
    }
    
    .modser .ms-t-c .t-p-i-s h6 {
        top: 5%;
        right: 65%;
        font-size: 25px;
    }
    
    .modser .ms-t-c .t-p-i-s p {
        top: 32%;
        right: 8%;
        font-size: 12px;
    }
    
    .modser .ms-i-t-s img {
        width: 100%;
    }
    
    .ow-i h4 {
        font-size: 25px;
    }
    
    .ow-i p {
        font-size: 14px;
    }
    
    .j-t-dre .para-one {
        font-size: 15px;
    }
    
    .j-t-dre .bud-para {
        font-size: 18px;
    }
    .s-un .s-un-t h4 {
        font-size: 30px;
    }
    .s-un .s-un-t p {
        font-size: 16px;
    }
    .s-un .s-un-i {
        padding: 0%;
    }
    .r-t-beg h4 {
        font-size: 35px;
    }
    
    .r-t-beg p {
        font-size: 16px;
    }
    .bg-b ul li {
        width: 100%;
        text-align:center;
        line-height:2em;
    }
}


.f-houseofaakar{
    background-color:#000000;
    color:#fff;
    padding:5% 0% 5% 5%;
}
.f-houseofaakar h2{
    font-weight: 500;
    font-size: 40px;
    margin: 0px;
    letter-spacing: 5px;
}
.f-houseofaakar p{
    font-weight:400;
    font-size:25px;
    color:#fff;
    margin: 0% 0% 5% 5%;
}

.f-houseofaakar  h4{font-size:16px;font-family: 'ButlerLight';}
.f-houseofaakar  ul{list-style:none;padding:0%;}
.f-houseofaakar  ul li{font-size:16px;line-height:2.0;}
.f-houseofaakar  ul li a{text-decoration:none;color:#fff;}
.f-houseofaakar  h6{font-size:30px;font-family: 'ButlerLight';}
.f-houseofaakar  .subs{font-size:12px;}
.f-houseofaakar .subscr-but{text-align:right;}
.f-houseofaakar .subscr-but .btn{
    background-color:#f5cf59;
    color:#000;
    border-radius:20px;
    font-family: 'ButlerLight';
    padding: 2px 15px 2px 15px;
    font-size: 12px;
}
.f-houseofaakar i{
        background-color:#eac68e;
        color:#000;
        width:15px;
        height:15px;
        font-size:8px;
        border-radius:50%;
        padding:3px;
        display:inline-block;
        
    }
    .f-houseofaakar ol{
        list-style:none;padding:0% 0% 0% 5%;
        width:100%;
    }
    .f-houseofaakar ol li{
        float:left;
        text-align:center;
        width:18%;
    }
    .f-houseofaakar ol li i{
        width:35px;
        height:35px;
        font-size:20px;
        padding:8px;
    }
.f-houseofaakar form .form-control{
    background-color:#000;
    border:none;
    margin:0% 0% 5%;
    border-bottom:1px solid #fff;
}