@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:wght@100..900&family=Tiro+Devanagari+Marathi:ital@0;1&display=swap');
@import url('../fonts/pri/stylesheet.css');
@import url('../fonts/sec/stylesheet.css');

*{margin:0 auto;}

body{
    background-color: #eeeeee;
    color: #0d2c6c;
    font-family: 'Bw Mitga DEMO';
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
}

/* Navigation css start */
.navbar{background-color: rgb(255 255 255) !important;}


/* .navbar-brand{padding-left: 2%; margin: 0;} */
.navbar-brand img{width: 100%;}
.enquire-now{text-align: center;}
.enquire-btn{
    background-color: #efefef;
    padding: 16px 26px;
    color: #0d2c6c;
    font-weight: 700;
    border-radius: 40px;
    border: 0;
    font-size: 18px;
}

.navbar{padding: 0;background: transparent !important;}
.navbar-collapse{background-color: #efefef;padding: 9px 0;border-radius: 40px;}
.nav-link{color: #0d2c6c;font-weight: 700;}
.nav-link.active, .nav-link:hover, .nav-link:focus {
    color: #b8152a !important;
}
li.nav-item {
    padding: 0 8px;
}
/* Navigation css end */

.csr-top-bg{
    /* background-image: url('../img/home-bg.png'); */
    background-size: contain;
    width: 100%;
    height: 640px;
    background-repeat: no-repeat;
    position: relative;
}

/* banner css start */

.csr-ban-text{min-height: 550px;}
.csr-ban-content {
    padding-left: 4%;
}

.dwn-arrow1 {
    position: absolute;
    bottom: -5px;
    left: 49%;
    animation-direction: alternate;
    animation: mymove1 3s infinite;
}
@keyframes mymove1 {
  from {top: 620px;}
  to {top: 640px;}
}

.arrow-up{
  animation-direction: alternate-reverse;
  animation: mymove-up 3s infinite;
  text-align: center;
}


@keyframes mymove-up {
  from {top: 25px;}
  to {top: 0px;}
}

/* banner css end */


/* About section | banner bottom start */

.spc-top{padding-top: 60px;}
.spc-btm{padding: 60px;}
 .spc-top-mb{padding-top: 60px;}

.about h2{font-weight: 700;}
.about h3{color: #000;font-style: italic;}


/* Cards css start */

.about .card{position: relative;border-radius: 15px;border: 1px solid #e5e5e5;min-height: 442px;}
.about .card:hover{position: relative;border-radius: 15px;
    box-shadow: 0px 0px 8px 11px rgba(221,171,177,0.49);
-webkit-box-shadow: 0px 0px 8px 11px rgba(221,171,177,0.49);
-moz-box-shadow: 0px 0px 8px 11px rgba(221,171,177,0.49);
-webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border: 1px solid #ffc7cd;
  background-color: #fff3f4;
  margin-top: -5px;

}

img.img-gray {
    filter: grayscale(100%);
    transition: ease-in-out .3s;
}
img.img-gray:hover {
    filter: grayscale(0);
}

.card-img img {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -38px;
    right: 25px;
}

.about .card-body{padding: 70px 10px 15px 25px;margin-top: 20px;}


.about .card-body:hover{cursor: pointer;}
.about .card-title{color: #0d2c6c;font-weight: 700;}
.about .card-body ul li{list-style: none;margin-bottom: 8px;font-size: 14px;}

.about .card-body ul li:before {
    content: '';
    display: inline-block;
    height: 12px;
    width: 22px;
    background-image: url('../img/check.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -35px;

}

/* CSR cards css start */

.csr-cards h5, .csr-cards h2 {color: #00205b;padding-bottom: 0 !important;font-weight: 800;}

.csr-cards .card-text{color: #00205b;padding-bottom: 0 !important;}

.csr-cards .card:hover{position: relative;border-radius: 15px;
    box-shadow: 0px 0px 8px 11px rgba(221,171,177,0.49);
-webkit-box-shadow: 0px 0px 8px 11px rgba(221,171,177,0.49);
-moz-box-shadow: 0px 0px 8px 11px rgba(221,171,177,0.49);
-webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border: 1px solid #ffc7cd;
  background-color: #fff3f4;

}

.home-slider .card {
    border: none;
}

.csr-ban-content h1 {
    font-weight: 800;
    color: #00205b;
    font-size: 40px;
}
.csr-ban-content p{font-weight: 600;}

/* CSR cards css end */


/* resposive media query start */
@media screen and (max-width: 480px)  {

    .spc-top-mb{margin-top: 15px;}
    .csr-card .card-img img{padding: 10px;}
    .csr-cards .card{padding: 15px;}
    .csr-cards .card .card-body{padding: 0;margin-top: 15px !important;}
    .csr-cards h5{margin-bottom: 24px !important;}

}

@media screen and (max-width: 1900px)  {
    li.nav-item {
        padding: 0;
    }
}

@media screen and (max-width: 1400px)  {
    .csr-top-bg{height: 560px;}

}

@media screen and (max-width: 1280px)  {

    .csr-top-bg{height: 550px;}
    .dwn-arrow1 {bottom: -12px;}
    .abt-cards ul{height: 256px;
    overflow: scroll;}
     .about .card-body ul li:before{
        height: 12px;
        width: 22px;
        margin-left: -30px;
    }
}

@media screen and (max-width: 1080px)  {

    .csr-top-bg {height: 468px;}
    .navbar-collapse, .enquire-btn{font-size: 11px;}
    .about .card{margin-top: 45px;}
    .about .card .card-body{margin: 15px;}

}
