body {
    font-family: 'Mukta', sans-serif;
}

.menuopts {
    line-height: 62px !important;
    font-weight: 600;
    font-size: 16px;
}

.bg {
    background: #7395AE;
    padding: 0;
    height: 565px;
}

.image1 {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.img-title {
    position: absolute;
    margin: -26% 0 0 7%;
    font-size: 68px;
    font-weight: 600;
    color: white;
}

.smalltxt {
    margin: -15% 0 7% 7%;
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    color: white;
}

.butns {
    margin: -61% 0 0 7%;
    width: 18%;
    padding: 20px;
    font-size: 20px;
    background-color: #5D5C61!important;
    border: 0px solid #272729 !important;
    font-weight: 600;
    /* color: lightslategray; */
    border-radius: 4px;
}

.img-hus {
    position: absolute;
    width: 33%;
    margin: -32% 0 0 57%;
    height: 503px;
    object-fit: cover;
    border-radius: 11px;
    box-shadow: 1px 25px 26px 0px #c4bebeb3;
}

.hus-icns {
    text-align: center;
    font-size: 30px;
    border: 2px solid #5D5C61;
    width: 53px;
    height: 53px;
    padding: 10px 2px;
    border-radius: 50%;
    color: #557A95;
    margin: 0 0 8% 42%;
}

.hus-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.para-txt1 {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #777;
}

.hdng {
    text-align: center;
    font-weight: 600;
    font-size: 43px;
}

.shine-img-box {
    border: 1px solid #e1dede;
    height: 400px;
    padding: 36px 28px;
    font-size: 70px;
}

.shine-img-box-title {
    margin: 20% 0 16% 0;
}

.shine-img {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    object-fit: cover;
    /* margin: 23% 0 0 -16%; */
}

.shine {
    /* width: 435px;
    height: 318px; */
    /* background-color: #337bb2; */
    /* background-image: url('../Images/house.jpg'); */
    /* background-repeat: no-repeat; */
    position: absolute;
    top: 35px;
    left: 127px;
    /* margin: 25px 0 25px 25px; */
    border-radius: 5px;
    /* overflow: hidden;
    display: inline-block; */
}

.shine:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 150%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
}


/* Hover state - trigger effect */

.shine:hover:after {
    opacity: 1;
    left: 130%;
    transition-property: left, top, opacity;
    transition-duration: 1.5s, 1.5s, 0.30s;
    transition-timing-function: ease;
}


/* Active state */

.shine:active:after {
    opacity: 0;
}

.ftr {
    /* background: black; */
    color: white;
    padding: 30px;
    text-align: center;
    font-weight: 600;
}

.ftr-cntnt {
    margin: 22% 0 0 32%;
    position: absolute;
    color: white;
    z-index: 0;
}

.navbar-default {
    background-color: white;
    border-color: white;
}

.logo {
    width: 16%;
    margin: 0 0 0 0;
}

@media(min-width:576px) and (max-width:767px) {
    .logo {
        width: 16%;
        margin: -10% 0 0 0;
    }
    .ul-left {
        background: white;
    }
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 85.6% 0 0 0;
        position: absolute;
        z-index: 0;
    }
    .topsectn-div2 {
        border-top: 101px solid transparent;
        border-right: 844px solid white;
        margin: 85.4% 0 0 0;
    }
    .shine {
        /* background-color: #337bb2; */
        /* background-image: url(../Images/house.jpg); */
        /* background-repeat: no-repeat; */
        position: absolute;
        top: 35px;
        left: 189px;
        /* margin: 25px 0 25px 25px; */
        border-radius: 5px;
    }
    .butns {
        margin: -175% 0 0 7%;
        width: 30%;
        padding: 20px;
        font-size: 20px;
        background-color: #5D5C61!important;
        border: 0px solid #272729 !important;
        font-weight: 600;
        /* color: lightslategray; */
        border-radius: 4px;
    }
    .img-title {
        position: absolute;
        margin: -78% 0 0 7%;
        font-size: 50px;
        font-weight: 600;
        color: white;
    }
    .smalltxt {
        margin: -53% 0 7% 7%;
        font-size: 17px;
        font-weight: 600;
        position: absolute;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 55%;
        margin: -48% 0 0 41%;
        height: 341px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
        z-index: 0;
    }
    .ftr-updiv {
        border-top: 349px solid transparent;
        border-left: 1313px solid #6a6b6de3;
        margin: 0% 0 0 -8%;
        rotate: -11deg;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 873px solid #2d3f4d;
        margin: -15% 0 0 -12%;
        height: 327px;
    }
    .ftr-cntnt {
        margin: 52% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
}

@media(min-width:768px) and (max-width:990px) {
    .ul-left {
        margin: -7% 0 0 19%;
    }
    .menuopts {
        line-height: 62px !important;
        font-weight: 600;
        font-size: 11px;
    }
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 60.6% 0 0 0;
    }
    .topsectn-div2 {
        border-top: 101px solid transparent;
        border-right: 844px solid white;
        margin: -6.6% 0 0 0;
    }
    .butns {
        margin: -137% 0 0 7%;
        width: 18%;
        padding: 20px;
        font-size: 20px;
        background-color: #5D5C61!important;
        border: 0px solid #272729 !important;
        font-weight: 600;
        /* color: lightslategray; */
        border-radius: 4px;
    }
    .img-title {
        position: absolute;
        margin: -63% 0 0 7%;
        font-size: 50px;
        font-weight: 600;
        color: white;
    }
    .smalltxt {
        margin: -44% 0 7% 7%;
        font-size: 17px;
        font-weight: 600;
        position: absolute;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 43%;
        margin: -69% 0 0 52%;
        height: 491px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
    }
    .ftr-cntnt {
        margin: 30% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
    .ftr-updiv {
        border-top: 282px solid transparent;
        border-left: 701px solid #6a6b6de3;
        margin: 0% 0 0 -5%;
        rotate: -11deg;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 873px solid #2d3f4d;
        margin: -15% 0 0 -4%;
        height: 327px;
    }
}

@media(min-width:841px) and (max-width:990px) {
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 47.6% 0 0 0;
    }
    .topsectn-div2 {
        border-top: 101px solid transparent;
        border-right: 844px solid white;
        margin: -6.6% 0 0 0;
    }
    .butns {
        margin: -99% 0 0 7%;
        width: 18%;
        padding: 20px;
        font-size: 20px;
        background-color: #5D5C61!important;
        border: 0px solid #272729 !important;
        font-weight: 600;
        /* color: lightslategray; */
        border-radius: 4px;
    }
    .img-title {
        position: absolute;
        margin: -45% 0 0 7%;
        font-size: 50px;
        font-weight: 600;
        color: white;
    }
    .smalltxt {
        margin: -31% 0 7% 7%;
        font-size: 17px;
        font-weight: 600;
        position: absolute;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 43%;
        margin: -46% 0 0 41%;
        height: 491px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 873px solid #2d3f4d;
        margin: -15% 0 0 -12%;
        height: 327px;
    }
    .ftr-cntnt {
        margin: 22% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
}

@media(min-width:991px) and (max-width:1199px) {
    .ul-left {
        margin: -5% 0 0 20%;
    }
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 47.6% 0 0 0;
    }
    .topsectn-div2 {
        border-top: 101px solid transparent;
        border-right: 844px solid white;
        margin: -6.6% 0 0 0;
    }
    .butns {
        margin: -98% 0 0 7%;
        width: 18%;
        padding: 20px;
        font-size: 20px;
        background-color: #5D5C61!important;
        border: 0px solid #272729 !important;
        font-weight: 600;
        /* color: lightslategray; */
        border-radius: 4px;
    }
    .img-title {
        position: absolute;
        margin: -43% 0 0 7%;
        font-size: 68px;
        font-weight: 600;
        color: white;
    }
    .smalltxt {
        margin: -24% 0 7% 7%;
        font-size: 22px;
        font-weight: 600;
        position: absolute;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 43%;
        margin: -49% 0 0 52%;
        height: 491px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
    }
    .ftr-cntnt {
        margin: 30% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
    .ftr-updiv {
        border-top: 282px solid transparent;
        border-left: 980px solid #6a6b6de3;
        margin: 0% 0 0 -5%;
        rotate: -11deg;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 994px solid #2d3f4d;
        margin: -11% 0 0 -3%;
        height: 327px;
    }
}

@media(min-width:1045px) and (max-width:1220px) {
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 40.6% 0 0 0;
    }
    .butns {
        margin: -88% 0 0 7%;
        width: 18%;
        padding: 20px;
        font-size: 20px;
        background-color: #5D5C61!important;
        border: 0px solid #272729 !important;
        font-weight: 600;
        /* color: lightslategray; */
        border-radius: 4px;
    }
    .img-title {
        position: absolute;
        margin: -39% 0 0 7%;
        font-size: 68px;
        font-weight: 600;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 43%;
        margin: -41% 0 0 52%;
        height: 491px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
    }
    .ftr-cntnt {
        margin: 25% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 1136px solid #2d3f4d;
        margin: -11% 0 0 -3%;
        height: 327px;
    }
}

@media(min-width:1200px) and (max-width:1600px) {
    .ul-left {
        margin: -5% 0 0 20%;
    }
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 38.6% 0 0 0;
    }
    .topsectn-div2 {
        border-top: 101px solid transparent;
        border-right: 844px solid white;
        margin: -6.6% 0 0 0;
    }
    .smalltxt {
        margin: -11% 0 7% 7%;
        font-size: 22px;
        font-weight: 600;
        position: absolute;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 43%;
        margin: -39% 0 0 52%;
        height: 491px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
    }
    .ftr-cntnt {
        margin: 30% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
    .ftr-updiv {
        border-top: 349px solid transparent;
        border-left: 1185px solid #6a6b6de3;
        margin: 0% 0 0 -5%;
        rotate: -11deg;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 1197px solid #2d3f4d;
        margin: -11% 0 0 -3%;
        height: 327px;
    }
}

@media(min-width:1229px) and (max-width:1499px) {
    .ul-left {
        margin: -5% 0 0 20%;
    }
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 33.6% 0 0 0;
    }
    .topsectn-div2 {
        border-top: 101px solid transparent;
        border-right: 844px solid white;
        margin: -6.6% 0 0 0;
    }
    .smalltxt {
        margin: -11% 0 7% 7%;
        font-size: 22px;
        font-weight: 600;
        position: absolute;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 43%;
        margin: -34% 0 0 52%;
        height: 491px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
    }
    .ftr-cntnt {
        margin: 22% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
    .ftr-updiv {
        border-top: 349px solid transparent;
        border-left: 1313px solid #6a6b6de3;
        margin: 0% 0 0 -5%;
        rotate: -11deg;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 1451px solid #2d3f4d;
        margin: -11% 0 0 -3%;
        height: 327px;
    }
}

@media(min-width:1500px) and (max-width:1900px) {
    .ul-left {
        margin: -4% 0 0 20%;
    }
    .topsectn-div1 {
        border-top: 101px solid transparent;
        border-left: 844px solid #557A95;
        margin: 30.6% 0 0 0;
    }
    .topsectn-div2 {
        border-top: 101px solid transparent;
        border-right: 844px solid white;
        margin: -6.6% 0 0 0;
    }
    .smalltxt {
        margin: -11% 0 7% 7%;
        font-size: 22px;
        font-weight: 600;
        position: absolute;
        color: white;
    }
    .img-hus {
        position: absolute;
        width: 43%;
        margin: -34% 0 0 52%;
        height: 491px;
        object-fit: cover;
        border-radius: 11px;
        box-shadow: 1px 25px 26px 0px #c4bebeb3;
    }
    .ftr-cntnt {
        margin: 22% 0 0 24%;
        position: absolute;
        color: white;
        z-index: 0;
    }
    .ftr-updiv {
        border-top: 349px solid transparent;
        border-left: 1313px solid #6a6b6de3;
        margin: 0% 0 0 -5%;
        rotate: -11deg;
    }
    .ftr-dwndiv {
        border-top: 181px solid transparent;
        border-right: 1524px solid #2d3f4d;
        margin: -11% 0 0 -3%;
        height: 327px;
    }
}