@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Goldman&family=Roboto&display=swap');
body{margin: 0px; padding: 0px;}
a{text-decoration: none;outline: none;}
img{max-width: 100%;}
ul{list-style-type: none;}
/* header_master */
.header_master{position: absolute;width: 100%;z-index: 9;}
.header_master .logo img{width: 260px;position: absolute;}
.header_master .menu li a{text-shadow: 0 4px 5px #000; color: #ffffff;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 16px;position: relative;padding: 10px 15px !important;border-radius: 10px;}
.header_master .menu li a .curve{width: 45px;position: absolute;top: -19px;left: 0;right: 0;margin: auto;opacity: 0;}
.header_master .menu li a .arrow{width: 31px;position: absolute;bottom: -20px;left: 0;right: 0;margin: auto;opacity: 0;}
.header_master .menu li a:hover,.header_master .menu li.active a{background-color: #006ec2;}
.header_master .menu li a:hover .curve , .header_master .menu li a:hover .arrow,.header_master .menu li.active a .curve, .header_master .menu li.active a .arrow{opacity: 1;}
.header_master .share p{font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 23px;color: #ffffff;text-align: center; white-space: nowrap;}
.header_master .share i{color: #ffffff;background-color: #0063af;padding: 18px;font-size: 20px;border-radius: 50%;width: 24px;height: 24px;justify-content: center;align-items: center;display: flex;}
.header_master .share a:hover i{color: #0063af;background-color: #ffffff;}
.header_master .menu button i{color: #ffffff;}
.header_master .menu button{margin-right:-15px; background-color: #0063af;}
.header_master .navbar-toggler:focus{box-shadow: none !important;}
#banner h3{text-shadow: 0 4px 4px #0000007d; line-height: 1!important; font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 4vw;line-height: 92px;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: white;text-transform: uppercase;color: transparent;position: relative;z-index: 8;}
#banner p{text-shadow: 0 4px 4px #0000007d; font-family: 'Archivo Black', sans-serif;font-weight: 400;font-size: 3.5vw;color: #ffffff;line-height: 60px;text-transform: uppercase;position: relative;z-index: 8;}
#banner img{width: 80px;}
#banner .banner_call{background-color: #ffffff;width: 528px;margin-left: -63px;padding: 8px 20px 7px 60px;border-radius: 0px 50px 50px 0px;position: absolute;z-index: 8;bottom: 22%;}
#banner .banner_call i{color: #ffffff;background-color: #0063af;padding: 24px;font-size: 32px;border-radius: 50%;width: 24px;height: 24px;justify-content: center;align-items: center;display: flex;}
#banner .banner_call a{font-family: 'Archivo Black', sans-serif;font-size: 35px;color: #0063af;}
.banner_curve{width: 100% !important;position: absolute;bottom: 0;}
.carousel-caption{bottom: 30%;left: auto;right: auto;}
.cctv{width: 600px !important;position: absolute;bottom: 32px;right: 201px;}
.carousel-indicators{bottom: 0;display: flex;flex-direction: column;top: 0;left: auto;margin-right: 4%;}
.carousel-indicators button{padding: 0px !important;border-radius: 50% !important;width: 11px !important;height: 11px !important;color: #fff !important;background-color: #fff !important;border: 6px solid transparent!important;outline: 2px solid transparent;}
.carousel-indicators button.active {color: #0063af !important;background-color: #0063af !important;outline: 2px solid #0063af;width: 11px !important;height: 11px !important;border: 6px solid transparent;}
.banner_call a:hover{color: black!important;}

/* unit_size */
.unit_size{background-image: url('../tpl_image/size_back_all.png');background-repeat: no-repeat;background-position: bottom right;background-size: 8%;}
.unit_size .unit_size_head,.inner h1{font-size: 50px;font-family: 'Archivo Black', sans-serif;font-weight: 400;text-transform: uppercase;color: #006ec2;}
.unit_size .size_box{display: grid;grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));;row-gap:60px;column-gap: 20px;}
.unit_size .size_box .cap_head{box-shadow: 0 2px 9px #0000006e;background-color: #ebf6ff;border-radius:20px ; padding: 0px 30px;}
/*.unit_size .size_box .cap_head:hover{transition: 1s; background-color: #003b69;}
.unit_size .size_box .cap_head:hover .size_cap1{filter: brightness(0) invert(1);}*/
.house_1{display: none;}
.unit_size .size_box .cap_head h4{font-family: 'Archivo Black', sans-serif;color: #0063af;font-size: 30px;font-weight: 400;}
.unit_size .size_box .cap_head p,.inner p{font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 14px;color: #000;text-transform: uppercase;}
.unit_size .size_box .cap_head h3{font-family: 'Archivo Black', sans-serif;color: #fe522e;font-size: 35px;font-weight: 400;}
/*.unit_size .size_box .cap_head:hover h3 , .unit_size .size_box div:hover h4{color:#fbe327;}
.unit_size .size_box .cap_head:hover p{color: #fff;}*/
.unit_size  .size_cap{width: 50px;margin-top: -41px;}
.unit_size  .size_cap1{width: 40px;height: 40px;object-fit: contain;}
.unit_size .size_cap2{width: 40px;height: 40px;object-fit: contain;}
.unit_size .imge_two{justify-content: center;gap: 37px;}
.unit_size .Specials{background-color: #eeeeee;background-position: center;background-size: cover;background-repeat: no-repeat;margin: auto;border-radius: 15px;}
.unit_size .Specials .s_cap{width:100px;margin-top: -20px;}
.unit_size .Specials h3{font-family: 'Archivo Black', sans-serif;color: #0063af;font-weight: 400;font-size: 35px;text-transform: uppercase;}
.unit_size .Specials p{font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 25px;color: #000;line-height: 33px;}

/* wellocme */
.wellocme{background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../tpl_image/welimg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.wellocme .cap{width: 70px;position: absolute;top: -34px;left: 0;right: 0;margin: auto;}
.wellocme h6{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 23px;color: #fff;text-transform: uppercase;}
.wellocme h3{font-family: 'Roboto', sans-serif;font-weight: 900;font-size: 37px;color: #fff;text-transform: uppercase;line-height: 38px;}
.wellocme h5{font-family: 'Archivo Black', sans-serif;font-weight: 400;font-size: 37px;color: #fff;text-transform: uppercase;line-height: 38px;}
.wellocme .thank{border-left:2px solid #fbe327;}
.wellocme .thank p{color: #fff;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 16px;}
.wellocme .seclect{display: block; width: fit-content;background-color: #fff;padding: 10px 50px;position: relative;border-radius: 15px;}
.wellocme .seclect:hover{background-color: #000;}
.wellocme .seclect p:hover{color: #fff;}
.wellocme .seclect p{color:#0063af;font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 20px;text-transform: uppercase;}

/* Property */
.Property{background-color: #0063af;}
.Property h3{color: #fff;font-family: 'Archivo Black', sans-serif;font-weight: 400;font-size: 40px;text-transform: uppercase;}
.Property h6{color: #fff;font-family: 'Archivo Black', sans-serif;font-weight: 400;font-size: 20px;text-transform: uppercase;}
.Property ul li img{width: 30px;}
.Property ul li{text-transform: capitalize; text-align: left; font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 15px;color: #fff;background: url(../tpl_image/right-2.png) no-repeat bottom left;padding:5px 45px 5px;}
.Property ul{padding: 0;margin: 0;}

/* footer */
.last_footer{background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8)), url(../tpl_image/ftrbg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.quick,.quick2{padding-left: 20px;margin: 0;}
.quick li {list-style-image: url(../tpl_image/listimage.png);padding-left: 15px;}
.quick2 li{list-style-image: none;padding-left: 7px;list-style-type: disc;color: #fbe327;font-size: 21px;}
.last_footer .first_sec{font-family: 'Roboto', sans-serif;font-size: 15px; font-weight: 400; }
.last_footer .second_sec h1, .last_footer .three_sec h1, .last_footer .contact h1{font-family: 'Archivo Black', sans-serif;font-weight: 400;font-size: 25px;color: #fbe327;}
.last_footer .second_sec h1 span, .last_footer .three_sec h1 span, .last_footer .contact h1 span{border-bottom: 3px solid #fff; line-height: 30px;}
.last_footer .second_sec li a, .last_footer .three_sec li{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 500;color: #fff;line-height: 34px;}
.last_footer .three_sec li span{ font-weight: 500;}
.last_footer .three_sec li{display: flex; justify-content: space-between;}
.last_footer .three_sec li p{margin: 0px;}
.last_footer .three_sec .colored_li p, .last_footer .three_sec .colored_li span{color: #bba36c; font-weight: 500;}
.last_footer .contact h2{font-family: 'Bebas Neue', sans-serif; font-size: 25px;}
.last_footer .contact li{padding-left: 20px;}
.last_footer .contact p, .five_content p{font-family: 'Roboto', sans-serif;font-size: 15px; font-weight: 500;line-height: 21px;}
.last_footer .contact .phno{font-weight: 700 !important; font-size: 25px;}
.last_footer .five_content{margin-top: 30px;}
.last_footer .social i{font-size: 24px;background-color: #fff0;color: #fff;width: 50px;height: 50px;border-radius: 50px;border: 1px solid #fff;line-height: 47px;text-align: center;}
.last_footer .social i:hover{border: 1px solid #0063af;background-color: #0063af; color: #fbe327;}
.last_footer .quick a:hover {color: #0063af;}
.last_footer .quick li:hover{list-style-image: url(../tpl_image/listimageh.png);padding-left: 15px;}
.last_footer p{color: #fff;font-family: 'Roboto', sans-serif;font-size: 15px; font-weight: 500;line-height: 33px;}
.footer_strip{background-color: #0063af; font-family: 'Roboto', sans-serif;}
.footer_strip h6{font-weight: 500!important;font-size: 14px;}
.footer_strip a:hover, .last_footer .contact .phno:hover, .last_footer .location a p:hover{color: orange!important;}

@media (max-width:1600px) {
.header_master .menu li a{font-size: 14px;padding:10px 5px!important;}
.header_master .share p{font-size: 19px;}
.header_master .logo img{width: 180px;}
}
@media (max-width:1500px) {
    .cctv {width: 400px !important;position: absolute;bottom: 19px;right: 201px;}
}
@media (max-width:1386px) {
    .header_master .menu li a{padding: 10px 10px !important;}
    .header_master .share p{font-size: 17px;}
    .header_master .share i{padding: 15px;font-size: 17px;}
}
@media (max-width:1300px) {
    #banner h3{font-size: 40px;line-height: 60px;}
    #banner p{font-size: 28px;line-height: 40px;}
    .cctv {width: 400px !important;position: absolute;bottom: 19px;right: 175px;}

}
@media (max-width:1293px) {
    .header_master .menu li a{font-size: 13px;border-radius:0}
}

@media (max-width:1100px) {
    .carousel-caption {bottom: 33%;}
      #banner h3{font-size: 50px;line-height: 50px;}
    #banner p{font-size: 30px;line-height: 30px;}
    #banner .banner_call a{font-size: 25px;}
      .cctv {width: 300px !important;position: absolute;bottom: 18px;right: 144px;}
}

@media (max-width:991px) {
    .carousel-caption{left: 0;right: 0;}
    #banner .banner_call{background-color: transparent;margin-top: 0!important;}
    .header_master .logo img{width: 120px;}
    .menu #collapsibleNavbar{right: 0;
    position: absolute;
    top: 27px;
    border: 3px solid #fbe327;
    width: 250px;
    padding: 0px;
    border-radius: 0;
    z-index: 9;
    background: #006ec2;}
    .header_master .menu li a:hover{background-color: #fe522e;}
    .header_master .menu li a{text-shadow: none;}
    .curve,.arrow{display: none;}
    .carousel-caption {bottom: 39%;}
    #banner .banner_call{width: auto; justify-content: center; margin: auto !important;left: 0;right: 0;}
    .cctv{display: none;}
    #banner h3{font-size: 40px;line-height: 40px;text-align: center;}
    #banner p{font-size: 20px;line-height: 20px;text-align: center;}
    #banner .banner_call a{font-size: 20px;color: #fff;}
    .unit_size .size_box .cap_head h4{font-size: 20px;}
    .unit_size .size_box .cap_head h3{font-size: 25px;}
    .unit_size .unit_size_head{font-size: 40px;}
    .unit_size .Specials{width: 95%;}
    .unit_size .Specials h3{font-size: 25px;}
    .unit_size .Specials p{font-size: 18px;line-height: 25px;}
    .wellocme h6{font-size: 17px;}
    .wellocme h3{font-size: 26px;line-height: 1;}
    .wellocme .seclect p{font-size: 18px;}
    .Property h3{font-size: 30px;}
    .carousel-indicators{display: none;}
}
@media (max-width:767px) {
    .inner h1{font-size: 30px;}
    #banner h3 {font-size: 26px;line-height: 18px;}
    #banner p {font-size: 17px;line-height: 20px;}
    #banner .banner_call a{font-size: 16px;}
    #banner .carousel-caption{left: 0;right: 0; bottom: 29%;}
    #banner .banner_call{width: 100%;justify-content: center;margin: auto;}
    .header_master .logo img {width: 150px;}
    .header_master{position: relative;background-color: #000;}
    #banner .banner_call{  padding: 8px 20px 7px 13px;}
    #banner .banner_call i{padding: 15px;font-size: 16px;}
    #banner img {width: 50px;}
    .unit_size .unit_size_head{font-size: 30px;}
    .unit_size .Specials h3{font-size: 20px;}
    .unit_size .Specials p{font-size: 15px;line-height: 23px;}
    .wellocme .seclect p{font-size: 14px;}
    .Property h3{font-size: 23px;}
    .logo{margin-bottom: -110px;}
}
@media (max-width:575px) {
    #banner .carousel-caption{bottom: 0;padding: 23px 0 32px 0;}
    .unit_size .unit_size_head{font-size: 20px;}
    .share {display: grid!important;}
    .logo{position: unset;left: 5px;}
    #banner .banner_call a{color: #0063af;}
    .banner_call{bottom: -19px !important;background-color: #fff !important;width: fit-content !important;border-radius: 25px !important;box-shadow: 0 0px 5px #000;}
    #banner .banner_call i {margin-right: 5px;}
}
.bnone{background-image: none;background: transparent;}
.inner{background-image: url('../tpl_image/size_back_all.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 8%;}
.fsub{padding: 10px 50px;position: relative;border-radius: 15px;border: 0;background: #0063af;font-family: Roboto;color: #fff;font-weight: 600;}
.fsub:hover{background: #000;}
.rounded-3:before{border-radius: 90px; content: '';position: absolute;width: 100%;height: 100%;background: #ffffff3b;right: -150%;transition: .5s;top: -150%}
.rounded-3:hover:before{right: 0;top: 0;border-radius: 0;}

.inner p{text-transform: capitalize;}