body{font-family:'Montserrat', sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button:focus,.btn:active,.btn:focus,.form-control:focus, :focus-visible{outline:0;box-shadow:none!important}
html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.navbar-light{-webkit-box-shadow:0px 0px 25px 7px rgb(0 0 0 / 10%);box-shadow:0px 0px 25px 7px rgb(0 0 0 / 10%);padding: 31px 30px;position: sticky;top: 0;z-index: 9;background-color:#FFF;-webkit-transition:all 250ms linear;transition:all 250ms linear;}
.navbar-light .navbar-nav .nav-link{position:relative;color:#444444;font-size: 16px;font-weight: 500;white-space: nowrap;padding: 8px 0px;margin: 0px 18px;}
.navbar-light .navbar-nav .nav-link:before {width: 0%; height: 3px; content: ""; position: absolute; background-color: #2E578E; bottom: 0; }
.navbar-light .navbar-nav li:hover .nav-link:before {width: 100%; }
.navbar-light .dropdown-toggle::after{content: "\f107";font-family: 'FontAwesome';border: none;vertical-align: baseline;}
.navbar-light.sticky{padding: 9px 7px;}
.navbar-light .navbar-brand {border-right: solid 1px rgb(0 0 0 / 20%);padding: 8px 20px 8px 0px;margin-right: 7px;}
.navbar-light .navbar-toggler {margin-left: auto;margin-right: 9px;}
.navbar-light .dropdown-menu{-webkit-box-shadow: 0 12px 24px 0 rgb(0 0 0 / 12%);box-shadow: 0 12px 24px 0 rgb(0 0 0 / 12%);border: none;border-radius: 4px;padding-bottom: 0px;overflow: hidden;margin: 0;} 
.navbar-light .dropdown-item{font-size: 15px;font-weight: 500;color: #6f6f6f;padding: 9px 22px;border-bottom: solid 1px #e9ecef;position: relative;}
.navbar-light .dropdown-item:hover{color: #565656;padding: 9px 13px 9px 31px;background-color: transparent;}
.navbar-light .navbar-nav .dropdown-item:hover:before {opacity: 1; }
.navbar-light .navbar-nav .dropdown-item:before {position: absolute;content: "\f105";font-family: 'Fontawesome';left: 19px;top: 9px;opacity: 0;font-weight: 600;color: #2d568c;}


/*****keyframes css*****/

@-webkit-keyframes fadeInLeft {from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight {-webkit-animation-name: slideInRight; animation-name: slideInRight; }
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInUp {0% {-webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% {-webkit-transform: translateY(0); transform: translateY(0); } } 
@keyframes slideInUp {0% {-webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% {-webkit-transform: translateY(0); transform: translateY(0); } }
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes circle {0% {opacity: 1; } 40% {opacity: 1; } 100% {width: 200%; height: 200%; opacity: 0; } } 
@keyframes circle {0% {opacity: 1; } 40% {opacity: 1; } 100% {width: 200%; height: 200%; opacity: 0; } }
@-webkit-keyframes tada {0% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } 
@keyframes tada {0% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% {-webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } 
.tada {-webkit-animation-name: tada; animation-name: tada; }
@-webkit-keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}} @keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}} 
@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}} @keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}
@-webkit-keyframes backArrow{0%{right:0;opacity:1}0.001%{right:-9px;opacity:0}50%{opacity:1}100%{right:9px;opacity:0}} @keyframes backArrow{0%{right:0;opacity:1}0.001%{right:-9px;opacity:0}50%{opacity:1}100%{right:9px;opacity:0}} 


/* ==============================
     Responsive   
     ============================== */ 
     @media only screen and (min-width:576px) {

     }

     @media only screen and (min-width:640px) {
        .dist{display: none;  }
    }

    @media only screen and (min-width:768px) {
      #mainslider .carousel-item>img{width: calc(100% - 20%); } 
  }

  @media only screen and (min-width:992px) {
  }

  @media only screen and (min-width:1200px) {
      .navbar-light .dropdown-menu{display: block; top: calc(100% + 15px); opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -moz-transition: .3s ease-in; transition: .3s ease-in; } 
      .navbar-light .navbar-nav li:hover .dropdown-menu{opacity: 1; visibility: visible; -webkit-transform: rotateX(0) translateZ(0); -moz-transform: rotateX(0) translateZ(0); transform: rotateX(0) translateZ(0); top: 100%; }


  }


@media only screen and (max-width:991px) {
          .social li+li {padding-left: 18px; }
}
  @media only screen and (min-width:1400px){
      .container{max-width: 1375px; }
      .welcome p{white-space: pre-line; }
  }

  @media only screen and (max-width:1499px) {
    .navbar-light .navbar-nav .nav-link{margin: 0px 14px;  }
}

@media only screen and (max-width:1399px) {
    .navbar-light{padding: 31px 7px;}
    #mainslider .carousel-caption{padding: 2% 32px;  }
    .navbar-light .navbar-nav .nav-link{margin: 0px 9px;  }
    .welcome h1{font-size: calc(16px + 1.5vw); }
    .rightnav{flex-wrap: nowrap; }
    .news-box{min-height: 172px;}
	.why-right .card-body{ margin:-70px auto 50px auto; padding:15px 10px;}
}

@media only screen and (max-width:1199px) {
    #mainslider .carousel-caption h5{font-size: 30px; line-height: normal;  }
    #mainslider .carousel-caption p{font-size: 16px; line-height: 24px;  }
    .why-right .card{flex-direction: row; margin-bottom: 48px; }
    .why-right .card-body{margin-top: 0;width: 100%;border-radius: 0;}
    .why-choose h3, .why-choose .box{margin-bottom: 56px;margin-right: 0;}
    .blogslide .item {padding: 60px 16px 24px 16px; }
	.whatsapp {font-size: 30px; }
	.fright {align-items: flex-start; }

}

@media only screen and (max-width:991px) {	
    #mainslider .carousel-caption h5{font-size: 25px;margin-bottom: 14px;}
    .why-right p, .why-right h5{padding: 0;  }
    .why-right h5{font-size: 18px;white-space: normal;}
    .infra h1{font-size: 22px; }
    .infra h6 {font-size: 14px; }
    .process .card p, .contact .query{padding: 0;  }
    .contact .getintouch {padding: 36px 24px 48px 24px; box-shadow: 0px 0px 24px -1px rgb(0 0 0 / 12%); }
    .news:after{left: -20vh; width: 120vw;  }
    .exportpic{right: 0;  }
    .news{padding: 25px;  }
    .news-box{min-height: 124px;}
	.social li:last-child {
        padding-top: 5px;
        padding-left: 6px;
    }
}

@media only screen and (max-width:767px) {
    .btngroup{display: none;  }
    #mainslider .carousel-caption{max-width: calc(100% - 42%);  padding: 12px 14px; bottom: auto;}
    #mainslider .carousel-caption h5{font-size: 24px;margin-bottom: 9px;}
    #mainslider .carousel-caption p{font-size: 14px; line-height: 24px;  }
    .why-right .card {flex-direction: column;}
    .whatsapp {margin: 32px 0px 24px; font-size: 27px; } 
    .news-box {width:100%;}
    .news:after{left: -20vh; width: 150vw;  }
/* 	.fright {
    align-items: flex-start;
} */
}

@media only screen and (max-width:639px) {
    .rightnav{display: none;  }
}

@media only screen and (max-width:575px) {
    .navbar-light, .navbar-light.sticky {padding: 7px 0px; }
    .navbar-light .navbar-toggler {margin-right: 2px;}
    .navbar-light .navbar-brand {margin-right: 0px; max-width: calc(100% - 76px); }
    #mainslider .carousel-caption h5{font-size: 4vw;margin-bottom: 5px;}
    #mainslider .carousel-caption p{font-size: 3.5vw;line-height: 1.5;}
    .fright {border-top: solid 1px rgb(255 255 255 / 15%); padding-top: 32px; }
    .footer h5 {margin-bottom: 9px; }
    .carousel-indicators{margin-bottom:0; }
    .infra .card{height: auto;}
    .process .card+.card {margin-top: 24px; } 
    .list-flag li{font-size: 14px; padding-left: 38px; }
    .blog-detail .theme-pagination .pagination li a, .blog-detail .blog_sharing li strong{font-size: 15px; margin: 0; }
    .prodetail h1{font-size: 27px;  }
    .news-box {width:100%; display: block;}
    .news-img{max-width: 100%;  }
	.social li+li { padding-left: 14px; }
}

@media only screen and (max-width:359px) {
  .social li a.gotobtn{padding: 12px 20px; }
  .fright p{font-size: 14px;  }
  .exports .exbtn{margin-left: 48%;  }
   .social li+li {padding-left: 10px; }

}

@media (min-width:992px) and (max-width:1199px) {

}