@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{  font-family: "Inter", sans-serif !important;}
.navbar-brand img{ max-height:50px; }

.topbans{ background:url(../img/bannerbg.webp) top center repeat-x; background-size: 100% 100%; }

.flagarea{ float:left; width:100%; height:auto; padding: 20px 0px 20px 0px;}
.flagi{float: left; width: 100%; height: auto; margin-bottom: 20px;}
.flagi span{ float:left; width:100%; color:#184557; font-size:14px; font-weight:700; text-shadow: 5px 5px 5px #cdcdcd;}
.flagi span img{ max-height:15px; margin-right:10px; }
.flagi p{    float: left;margin-bottom: 0;
    width: 100%;
    color: #000;
    font-size: 13px;
    margin-top: 15px;}

    .mainpoi{  position: relative; overflow: hidden;}
    .mainpoiaf{float: left;    position: relative;
    width: 100%;
    padding: 10% 0% 0% 0%}
    .mainpoi::before{ position: absolute;
    bottom: -52%;
    left: 3%;
    content: "";
    height: 550px;
    width: 550px;
    background: #fdede2;
    border-radius: 50%;
    z-index: 0;}

    .mainhead{ float:left; width:100%; max-width:620px; }
    .mainhead h1, .mainhead h2, .mainhead h3{     
        float: left;
        width: 100%;
        font-family: "Inter", 
        sans-serif !important;
        color: #184557;
        font-size: 2.6vw; 
        margin-bottom: 20px;
        text-align:center;
        font-weight: 500; 
        text-shadow: 5px 5px 5px #cdcdcd;
    }
    .mainhead p{ float:left; width:100%;color:#000; font-size:14px; margin-bottom: 10%;}
    .mainhead span{ float: left;
    text-shadow: 5px 5px 5px #cdcdcd;
    width: 41%;
    line-height: 20px;
    color: #16546D;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 23px;
    padding: 0px 0% 0px 13%;}

    .righbu{ float:left; width:100%; height:auto; }
    .righbua{ display:inline-block; margin-right:10px; }
    .righbub{ display:inline-block; margin-right:10px; }
    .righbub img{ height:20px; }
    .righbuc{ display:inline-block;  margin-right:10px;}
    .righbuc img{ height:20px; }

    .paralaxe{ background:url(../img/paralax.jpg) top center no-repeat; background-size:cover;  min-height:300px; float:left; width:100%; background-attachment: fixed;}


     h1,
        h2,
        h3,
        h4,
        h5,
        h6 {font-family: "Inter", sans-serif !important;}
        
        section {
            padding: 60px 0;
            min-height: 100vh;  font-family: "Inter", sans-serif !important;
        }
        
        a,
        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
            outline: none;
        }
        
        a,
        a:active,
        a:focus {
            color: #6f6f6f;
            text-decoration: none;
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .2s;
            -ms-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
        }
        
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        img {
    max-width: 100%;
    height: auto;
}

.fgreen span{ color:#1B884C !important; }
.section-title h2 {
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 14px; color: #000;font-family: "Inter", sans-serif !important;
}

.newsletter {
    padding:10px 0px;
}
  
  .newsletter .section-title {
    margin-bottom: 0px; }
    .newsletter .section-title h2 {
      }
    .newsletter .section-title p {
      color: #000; }
  .newsletter .newsletter-form {
    background: -webkit-linear-gradient(-30deg, #91039f 0%, #052157 100%);
    position: relative;
    height: 60px;
    z-index: 2; }
   
    .newsletter .newsletter-form input {
      width: 100%;
      height: 100%;
      border: none;
      padding: 30px;
      background: #cccccc;
      color: #000;
      padding-right: 200px; }
      .newsletter .newsletter-form input::-webkit-input-placeholder {
        color: #000;
        opacity: .6; }
      .newsletter .newsletter-form input:-ms-input-placeholder {
        color: #000;
        opacity: .6; }
      .newsletter .newsletter-form input::-ms-input-placeholder {
        color: #000;
        opacity: .6; }
      .newsletter .newsletter-form input::placeholder {
        color: #000;
        opacity: .6; }
    .newsletter .newsletter-form button {
      position: absolute;
      top: 1px;
      right: 1px;
      bottom: 1px;
      width: 170px;
      }


.inteha{color: #184557; font-weight: 500;}
.img-left{ float:left; margin:0px 50px 50px 0px; width:100%; max-width:525px; border-radius:30px; overflow:hidden;}
.img-right{ float:right; margin:0px 0px 50px 50px; width:100%; max-width:525px; border-radius:30px; overflow:hidden;}


.prodetails{ max-height:300px; overflow:auto;}

.navbar { position:relative;}
.dorpbig{position: absolute;
    top: 80px;
    left: 1%;
    width: 98%;
    height: 310px;
    overflow: hidden;
    overflow: auto;
    background: #fff;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 5px 5px 15px #ccc;
    display: none;
    transition: all 0.5s 
ease;
    overflow-x: hidden;
    padding: 20px;} 
.navbar .righbuc:hover .dorpbig{ display:block; transition:all 0.5s ease;}
.righbuc a{height: 80px;
    position: relative;
    display: block;
    padding-top: 30px;}
	
.dorpbig small{ float:left; width:100%; height:auto;}
.dorpbig h2{ float:left; width:100%; height:auto; font-size:16px; font-weight:600; margin:10px 0px 10px 0px; color: #184557;}
.dorpbig p{ float:left; width:100%; height:auto;font-size:14px; margin:10px 0px 10px 0px;}
.dorpbig h3{ float:left; width:100%; height:auto;font-size:16px; font-weight:600; margin:10px 0px 10px 0px; display:none;}
.dorpbig .col-md-4{ min-height: 160px;
    box-shadow: 5px 5px 15px #d3d3d3;
    margin-bottom: 0px;
    padding: 20px; }
.ceofounder span{background: #f0e3db;
    padding: 5px;
    margin-top: 0px;
    display: inline-block;}	
.ceofounder{ font-size:20px;}


@media(max-width:1299px) and (min-width: 1000px){
.mainhead h1 {
    font-size: 3.8vw;}
}


@media(max-width:1000px) and (min-width: 500px){
.mainhead h1 {
    font-size: 4.5vw;}
}



@media(max-width: 500px) and (min-width: 50px){
    .mainpoiaf {
    float: left;
    position: relative;
    width: 100%;
    padding: 0% 0% 0% 0%;
}
.mainhead h1 { font-size: 32px; font-family: "Inter", sans-serif !important;}

.mainhead span {
    float: left;
    text-shadow: 5px 5px 5px #cdcdcd;
    width: 100%;
    line-height: 20px;
    color: #16546D;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    line-height: 23px;
    padding: 0px 0% 15px 0%;
}
.section-title h2 {
    font-size: 28px; font-family: "Inter", sans-serif !important;}
	
	.page-header{ background-size: cover !important;
}

.feroz{ margin-bottom:30px;}
.faq-accordion{ float:left; width:100%; margin-bottom:30px;}
}