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

body {
    font-family: "Roboto", sans-serif;
    font-weight: 100;

    float: left;
    width: 100%;
    color: #000;
    font-weight: 400;
    background-attachment: fixed;
    background-size: 40%;
    padding-right: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.modal-open {
    padding-right: 0 !important;
    overflow: hidden;
}

::-moz-selection {
    color: #000;
    background: #d7c07f;
}

::selection {
    color: #000;
    background: #d7c07f;
}

.btn {
    box-shadow: none;
    outline: none;
}

button {
    box-shadow: none;
    outline: none;
}

:focus {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

p {
    color: #000;
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

a:hover {
    color: #0e2c18;
}

ul li,
ul li a,
ol li,
ol li a {
    color: #161616;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

:focus {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}


.sec-1-box{height: 100%;background: #90563F;padding: 6rem;}
.sec-1-box *{color: #fff;}
.sec-1-box p{font-size: 30px;line-height: 40px;font-weight: 400;}
.sec-box-2{background: #A08F60;}
.sec1-img img{width: 100%;height: 100%;object-fit: cover;}
.sec1-img{height: 100%;}
.sec-ico{position: absolute;right: 45px;bottom: 35px;}
.hh-ico{position: absolute;top: 0;left: 45px;z-index:999}
.sec-ico a{background: transparent;border: none;}
.sec-ico a:hover{background: transparent;border: none;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background: transparent;}
.h-right p{font-size: 35px;font-weight: 300;line-height: 45px;}
.h-r-logo{margin: 3rem 0;}
.h-right{padding: 6rem; padding-left: 0;}
.text-box{background: #F49A06;padding:7px 15px;color: #fff;border-radius: 4px;font-size: 20px;display:flex;align-items: center;justify-content: center;}
.h-grid{display: grid;grid-template-columns: repeat(3,1fr);}
.title p{font-size: 20px;font-weight: 400;}
.h2-area{padding-top: 5rem;padding-bottom: 7rem;}
.or-box{background: #F49A00;padding: 18px;border-radius: 17px;height: 100%;}
.or-box ul{padding: 0;list-style-position: inside;margin: 0;}
.or-box ul li{font-weight: 400;font-size: 18px;margin-bottom: 7px;}
.or-box h2{color: #fff;font-size: 20px;}
.or-right-ul li{margin-bottom: 4rem !important;}
.or-right-ul li:last-child{margin-bottom: 0 !important;}
.h-last{padding: 6rem;}
.hlast-ul{padding: 0;margin: 0;list-style: none;}
.hlast-ul p{font-size: 28px;
    line-height: 40px;
    font-weight: 500;color: #787878;border-bottom: 1.6px solid #f49a06}
    .h-last-img{height: 100%;;}
    .h-last-img img{width: 100%;height: 100%;object-fit:cover}
.wrapper{position: relative;}

.modal-body p{font-size: 30px;line-height: 45px;}
/* .btn-close{background: red;border-radius: 50%;} */
.arrow-area span{display: inline-block;cursor: pointer;}
.arrow-area{display: flex;justify-content:space-between;position: absolute;top:50%;transform: translateY(-50%);width: 100%;z-index:99;padding: 0 15px;}
.btn-close{border: 3px solid red;
    border-radius: 50%;
    background-color: red;
    opacity: 1;}
    .modal-dialog{max-width: 1000px;}
    .modal-body{padding:3rem;word-break: break-word;}
    .modal-body p {
        font-size: 18px;
        line-height: 40px;
        font-weight: 400;
        color: grey;
    }
    .modal-content{border-radius: 2rem;}
/* mediaquery */
/* tablet */
@media only screen and (min-width: 766px) and (max-width: 1281px) { 
    .sec-1-box p{font-size: 24px;}
    .h-right p{font-size: 27px;line-height: 40px;}
    .text-box{font-size: 14px;}
    .or-box h2{font-size: 18px;}
    .or-box ul li{font-size: 16px;}
    .hlast-ul p{font-size: 18px;}
    .m-home-img{height:100%}
    .m-home-img img{height: 100%;width: 100%;object-fit: cover;object-position: right;}
    .h-last{padding-left: 2rem;}
    .modal-body p{font-size: 15px;}
    .modal-dialog {
        max-width: 750px;
    }
}