@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root {
    --primary: #EE4743;
    --white: #fff;
    --third-color:#AA7CF2;
    --para-color:#2E2E2E;
    --secondary-color:#EE6C6E;
    --btn-shadow:#F7848494;
    --bg-color:#F7F7F7;
}
body {
    font-family: 'Montserrat', sans-serif;
}
button {outline: none !important;cursor: pointer;}
.mt-top-1{margin-top:1rem;}
.mt-top-2{margin-top:1rem;}
.top-head{background: #252B42;}
.top-head ul{margin:0; padding:0;display: flex;justify-content: flex-end;}
.top-head ul li{display:inline-block; margin:0 35px 0 0;padding: 4px 0;} 
.top-head ul li:last-child{display:inline-block; margin:0 0 0 0;}    
.top-head ul li a{font-size:13px; color:#fff; font-weight:400; text-decoration: none;}
.top-head .fa-bars{display:none;}
.top-head .fa-bars{color:#fff;}
.top-head ul.social{justify-content: space-around;}
.top-head ul.social li{margin: 0 11px 0 0;}
.toppanel {margin: 0; padding: 0; z-index: 99; position: relative; background: #295C7A;}
.sticky { position: fixed; transition: 0.5s; top: 0;left: 0; width: 100%; background: #00A0C1;    /* padding-left:.75rem;padding-right:.75rem; padding:11px; */}
.navbar-fixed {top: 0;z-index: 100;position: fixed;width: 100%;}
.navbar{padding-top: 0px; padding-bottom: 4px;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color:#fff;font-size:16px; font-weight: 500;}
.navbar-light .navbar-nav .nav-link{    color:#000000; font-size:14px; font-weight: 600;}
.navbar-nav li{padding-right: 18px;}
.navbar-nav li:last-child{padding-right: 0;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #fff; overflow-x: hidden; padding-top: 0;transition: 0.5s;}
.sidenav a.closebtn {border-bottom: none;border-top: none;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.sidenav a {padding: 10px 13px;text-decoration: none;font-size: 14px;color: #000;display: block;transition: 0.3s;}
.sidenav a h2 {font-size: 18px;color: #1F2121;font-weight: 500;padding-left: 38px;margin-bottom: 3px;}
/*.backtop{background:url(../images/cover.png) no-repeat; background-size: cover; height:400px; position: relative;}*/
    .backtop {
    background: #F7F7F7;
    background-size: cover;
    height: 240px;
    position: relative;
}
.backtop .btn-link{font-weight: 600; font-size: 14px;color: #fff;text-decoration: none; margin-right:50px;}
.backtop .nav-link{font-weight: 600; font-size: 14px;color: #fff;text-decoration: none; margin-right:50px;}
.backtop .btn-warning{background: #FFA62B; padding: 6px 22px;border-radius: 20px;font-weight: 600; font-size: 14px;color: #fff;text-decoration: none;}
.backtop h1{font-weight: 600; font-size: 28px;color: #295C7A; line-height: 30px;}
.backtop p{font-weight: 300; font-size: 16px;color: #0b0964; line-height: 26px; text-align: justify;}
.bg-light {background-color:transparent!important;}
.carousel{background: #F7F7F7; padding-top:0px;padding-bottom: 0px;margin-bottom: 0rem;}
/*.carousel-indicators{background-color:transparent!important;}*/
.carousel h1 { font-weight: 600; font-size: 32px; color: #4800ff; text-align: center;}
.carousel p{font-weight: 500; font-size: 20px;color: #4800ff; text-align: center;}
.carousel-caption { bottom: 3rem; z-index: 10;}
.carousel-item { height: 32rem; background:transparent}
.carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem;}

/*.idcarddesign { background: #F7F7F7; background-size: cover; height: 280px; position: relative; }*/
@media only screen and (min-width: 1200px) and (max-width: 3640px) {
    .container { max-width: 1170px; }
}

.section-top-border {
    padding: 30px 0;
    border-top: 1px dotted #eee;
}

.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    height: 300px;
}
.schooldesign{background: #FFFFFF; padding-top:10px;padding-bottom: 10px}
.officedesign{background: #F7F7F7; padding-top:10px;padding-bottom: 10px}
.crub{position: relative;}
.crub img{position: relative; left:235px;}
.why-chose ul{margin:0; padding:0;}
.why-chose ul li{position: relative; list-style-type: none;padding: 5px 30px;font-weight: 500; font-size: 18px;color: #000; line-height:30px;}
.why-chose ul li::after{content:" "; position: absolute; background:url(../images/chk-icon.png) no-repeat; width:14px; height:14px;    left: 0; top:13px;}
.issue{padding:5rem 0 5rem;background: #252B42;}
.issue h4{font-weight: 800; font-size: 28px;color: #fff;margin-bottom: 3rem; text-align: center;}
.cuadro_intro_hover{
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 329px;
}
.cuadro_intro_hover:hover .caption{
    opacity: 1;
    transform: translateY(-150px);
    -webkit-transform:translateY(-150px);
    -moz-transform:translateY(-150px);
    -ms-transform:translateY(-150px);
    -o-transform:translateY(-150px);
}
.cuadro_intro_hover img{
    z-index: 4;
}
.cuadro_intro_hover .caption{
    position: absolute;
    top:308px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    width: 100%;
}
.cuadro_intro_hover .blur{
    background-color: rgba(0,0,0,0.5);
    height: 500px;
    z-index: 5;
    position: absolute;
    width: 100%;
    top: -57px;
}
.cuadro_intro_hover .caption-text{
    z-index: 10;
    color: #fff;
    font-weight: 400; font-size:16px;
    position: absolute;
    height: 300px;
    text-align: center;
    top:-31px;
    width: 100%;
}
.cuadro_intro_hover .caption-text h3{color: #fff;font-weight: 600; font-size:17px;    margin-bottom: 2rem; }
.cuadro_intro_hover p img{width:100%;}
.cuadro_intro_hover .caption-text p{padding:15px;}

footer{background: #252B42; padding:100px 0 60px;}
footer .foot-txt p{font-weight: 500; font-size: 14px;color: #fff;text-align:center;}
footer .foot-txt ul{margin:0; padding:0; text-align: center;}
footer .foot-txt ul li{list-style-type: none; display: inline-block;padding: 0 8px;}
footer .foot-txt hr{border-bottom:1px solid #fff;}
footer .foot-txt1 strong{font-weight: 700; font-size: 18px;color: #fff;text-align:center;margin-bottom: 15px; display: inline-block;}
footer .foot-txt1 ul{margin:0; padding:0; text-align: center;}
footer .foot-txt1 ul li{list-style-type: none; display:block;padding: 5px 0;}
footer .foot-txt1 ul li a{font-weight: 400; font-size: 16px;color: #fff; text-decoration: none;}
footer .foot-txt2 strong{font-weight: 600; font-size: 18px;color: #fff;text-align:center; margin-bottom: 15px; display: inline-block;}
footer .foot-txt2 .form-control{background: transparent; color: #fff;}
.btn-primary{background-color:#00A0C1; border-color: #00A0C1;}
.copy-txt{background:#181C2B;padding: 18px 0; text-align: center;font-weight: 600; font-size: 14px;color: #fff;}
.modal-body ul{margin:0; padding:0; display:inherit; justify-content:inherit;}
.modal-body ul li{display: inline-block; list-style-type:none;width: 50%;float: left; background: transparent;}
.modal-body ul li img{width: 100%;height: 100%;}
.modal-body ul li::before{display: none;}
.modal-body ul li::after{display: none;}
.modal-content{background: transparent;}
.modal-header{border-bottom:0;}
.modal-dialog{width:80%; max-width:inherit;}
.modal-header .btn-close{background-color:#fff; border-radius:50%;opacity:8.5;}
.btn-close{opacity:8.5;}
    /* .navbar-brand{    padding-top: 0;} */

.sticky .navbar{padding-top:0}
.sticky img{    width: 167px;}


/*.how-to-work ul li img {
    display: block;
    margin: 0 auto 20px;
}*/