@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

body{font-family: "Poppins", sans-serif;}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.padd-l-0{padding-left:0px;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.fl{float:left;}
.fr{float:right;}
.pad-top-25{ padding-top:25px;}
.center-block{ margin:0 auto!important; float:none!important;}
.border-0{-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.border-red{border:1px solid red;}
.border-blue{border:1px solid blue;}

.fixed-top{top:52px;}
.top-bar{background:#ff8b22; color:#000; position:fixed;top:0px; left:0px; width:100%;z-index:99; padding:10px; font-size:12px;}
.top-bar-txt{font-size:14px; padding-top:5px; font-weight:500;}
.top-bar-txt a{color:#000; text-decoration:none;}
.top-bar-txt a:hover{color:#FFF; text-decoration:none;}
.top-bar-icon{font-size: 18px;padding-top: 5px;padding-left: 0px;text-align: center;padding-right: 0px;}
.top-icon-2{font-size: 18px;margin-top: 5px;}
.top-icon-2-b{font-size: 18px;margin-top: 3px;}
.bg-light{background-color:#FFF!important;padding:0px;}
.navbar-light .navbar-nav .nav-link {color:#37393F!important; font-size:14px; font-weight:400!important; text-transform:uppercase;}
.navbar-light .navbar-nav .nav-link:hover{color:#2B4678!important; font-size:14px; font-weight:400!important; text-decoration:none;}
.navbar-light .navbar-nav .nav-link span{background:#2B4678; color:#FFF;padding:9px 15px;}

.navbar-light .navbar-nav .nav-link .active {color:#ed6e63!important;}
.dropdown-item {font-size:14px;}
.navbar-nav .dropdown-menu {padding:0px;}
.dropdown:hover .dropdown-menu {display: block;}

.top-header-space{margin-top:125px;}

.carousel-caption{text-align:left;}
.carousel-caption {position: absolute; right: 37%;top: 8rem; left: 0%; padding-top: 6.25rem; padding-bottom: 1.25rem; padding-left: 143px;padding-right: 25px;color: #fff; text-align: center; height: 100%;}
.carousel-caption p{text-align:left;color:#FFF; font-weight:400; font-size:15px; line-height:25px;}
.carousel-caption h4{text-align:left; font-weight:400; font-size:15px;}
.carousel-caption h4 i{color:#00adf1}
.carousel-caption h5{text-align:left; font-weight:600; font-size:50px;color:#FFF;}
.carousel-caption h5 span{color:#00adf1;}
.carousel-caption p a{display:inline-block; background:#FFF; color:#2B4678; text-decoration:none; margin-top:15px; padding: 10px 15px;font-size: 20px; font-weight:400;}
.carousel-caption p a:hover{background:#66c3d0;}

/*=====Effect banner===============*/

.kenburns-left{-webkit-animation:kenburns-left 5s ease-out both;animation:kenburns-left 5s ease-out both}

.tracking-in-expand { -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


@-webkit-keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
            transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
            transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}


/*=================================*/


@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}


/*====================*/

.home-title{text-align:center; background:#f3f7ff;padding-top:5rem; padding-bottom:3rem;}
.home-title h1{ font-size:25px; font-weight:600; color:#1b1917;text-transform: uppercase;font-family: "Chakra Petch", sans-serif;}
.home-title h1 span{color:#ff8b22;}
.home-title h2{ font-size:30px; font-weight:700; color:#1b1917; text-transform: uppercase;font-family: "Chakra Petch", sans-serif;}
.home-title h3{ font-size:20px; font-weight:400; color:#000;}
.home-title h4{ font-size:15px; font-weight:400; color:#000; line-height:25px; text-align:left;}
.home-title p{ font-size:14px; font-weight:400; color:#000; line-height:25px; text-align:left; margin-top:20px;}

.home-title-2{text-align:center; background:#fff;padding-top:3rem; padding-bottom:3rem;}
.home-title-2 h1{ font-size:30px; font-weight:600; color:#2B4678;text-transform: uppercase;}
.home-title-2 h2{ font-size:18px; font-weight:400; color:#000; line-height:25px;}
.home-title-2 h3{ font-size:20px; font-weight:400; color:#000;}
.home-title-2 h4{ font-size:15px; font-weight:400; color:#000; line-height:25px;}
.home-title-2 p{ font-size:14px; font-weight:400; color:#000; line-height:25px; text-align:left; margin-top:20px;}


.box-1-container{padding:50px 35px; background:#1b1917; color:#FFF;text-align:left;}
.box-1-container h2{ font-size:20px; font-weight:700; color:#FFF; text-transform: uppercase;font-family: "Chakra Petch", sans-serif;}
.box-1-container p{ font-size:14px; color:#FFF;font-family: "Poppins", sans-serif;font-weight: 300;}

.home-bg{background-image: url('../images/bg-img-1.jpg'); background-size: cover; background-position: center; padding: 9rem 0; color: #fff; text-align: center;}
.home-bg h1{font-size:40px; color:#FFF; font-weight:600;}
.home-bg p{font-size:14px; color:#FFF; font-weight:400;padding-left: 3rem;padding-right: 3rem;}

.product-section{padding-top:4rem; padding-bottom:4rem;}
.product-section h1{ font-size:30px; font-weight:600; color:#2B4678;text-transform: uppercase;}

footer{background:#000; color:#FFF;padding:26px 15px;}
.footer-logo{padding:5px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.footer-logo img{width:200px; margin-bottom:15px;}
.footer-logo p{font-size:13px;}

.footer-link h2{font-size:18px; font-weight:600;font-family: "Chakra Petch", sans-serif;margin-bottom:15px;}
.footer-link ul{padding:0px; margin:0px;}
.footer-link ul li{display:block; font-size:14px;font-family: "Poppins", sans-serif;font-weight: 400; margin-bottom:15px;}
.footer-link ul li a{color:#FFF; text-decoration:none;}
.footer-link ul li a:hover{color:#ff8b22; text-decoration:none;}


.on-box-1{background:#FFF; padding:5px;border:1px solid #E8E7E7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 15px; margin-bottom: 15px;}
.on-box-1-inner{padding:0px 25px;/*min-height: 160px;*/}
.on-box-1-inner h2{font-size:15px; color:#000; font-weight:500; text-align:center;}
.on-box-1-inner p{font-size:14px; color:#000; font-weight:400; text-align:left;margin-bottom: 15px;    line-height: 24px;}
.on-box-1-inner p span{color:#000;}
.on-box-1-inner a{background:#ff6b1b; color:#FFF; padding:7px 10px; font-size:14px; width:45%; margin:15px auto; display:block; text-align:center; text-decoration:none;-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;}
.on-box-1-inner a:hover{background:#1b1917;}
.wel-title{font-size:20px; font-weight:600; text-align:center; line-height:30px;}
/*==================================*/
.box-1{background:#FFF; padding:25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);-moz-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); min-height: 332px;}

.circle {width: 100px; height: 100px; border-radius: 50%;background-color: #2B4678; display: flex; justify-content: center; align-items: center; margin:0px auto;}
.circle img{width:65px;}
.box-1 h2{font-size:20px; color:#2B4678; font-weight:600; text-transform:uppercase;}
.box-1 p{font-size:13px; color:#000; font-weight:400; text-align:justify;}
.box-1-b{background:#2B4678; color:#FFF;padding:25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);-moz-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);}
.box-1-b h2{font-size:20px; color:#FFF;}
.box-1-b p{color:#FFF;}
.circle-2{background:#FFF;}

.box-1-c{background:#FFF; padding:25px; border:1px solid #d8d8d8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);-moz-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); min-height: 236px;}
.box-1-c h2{font-size:17px; color:#2B4678;font-weight:600; }
.circle-2-b{background:#dcdcdc}


.carousel-caption-2 {position: absolute;right: 37%;top: 12rem!important;}
.product-section-2{padding-top:4rem; padding-bottom:4rem; background:#f2f1f1;}
.product-section-2 h1{font-size: 30px;font-weight: 600;color: #2B4678;text-transform: uppercase;font-family: "Chakra Petch", sans-serif;}
.product-section-2 h4{font-size: 15px;font-weight: 400;color: #000;text-transform: uppercase;}

.address-icon{text-align:center;}
.address-icon i{font-size:18px; color:#ff8b22;}
.phone-padd-2 a{font-size:15px;color:#000; text-decoration:none;}
.phone-padd-2 a:hover{color:#ff8b22;}
.form-group{text-align:left;}
.form-group label{font-size:14px;}
.star{color:#FF0000;}
.contact-box-title{font-size:25px; font-weight:500;color:#37393F; margin:10px; text-transform:capitalize;}
.send-btn{background:#ff8b22; color:#FFF; padding:9px 20px; margin-left:-15px;border:0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.send-btn:hover{background:#2B4678;}
.home-form-bg{background:#FFF; padding:25px;}
.input-bor{border:1px solid #DDDDDD; padding:10px; background:#f8f8f8; font-size:15px; color:#000;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.contact-box{border:1px solid #d8d8d8; background:#FFF; padding:0px 15px;}
.bg-danger{background:#ddd!important;}
td{font-size:14px;}
.title{font-size:18px; font-weight:600; margin-top:15px;}
tbody > tr > th{font-size:14px; font-weight:500;}
/*================*/



.mob-dis{display:none;}
.desk-dis{display:block;}



/*=========Owl==========*/

.owl-carousel {width: 100%;}
.item img {width: 100%; height: auto; }
.owl-nav { margin-top: 10px;}
.owl-nav button { background-color: #007bff; color: #fff;padding: 5px 10px; border: none; cursor: pointer; margin-right: 10px;}



 @media (max-width: 768px) {

    .owl-carousel { width: 80%;margin: 0 auto;}

        }



 @media (max-width: 576px) {

            .owl-carousel { width: 100%;}

        }

		



/*===============mobile===============*/





@media (max-width:441px){ 

.mob-dis{display:block;}
.desk-dis{display:none;}
.carousel-caption {padding-left: 20px; padding-top: 1.25rem;right: 12%;}
.carousel-caption h5 {font-size: 27px;}
.home-bg h1 {font-size: 25px;}
.home-bg p { padding-left: 1rem;padding-right: 1rem; text-align: left;}
.on-box-1 {margin-bottom:15px}
.home-bg-2 h2 {font-size: 20px;}
.navbar-toggler{background:#2b4678; color:#FFF; padding: 12px 18px;}
.navbar-brand img{width:180px;}
.mob-banner{margin-top: 116px;}
.carousel-caption-2 {padding-left: 20px!important;padding-top: 0rem!important;right: 12%;}
.fixed-top {top: 82px;}
}