@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;600;700;800&display=swap');
/* <!--======== ======== main style css ======= ========= --> */ 
body{font-size:17px; color: #292929;font-weight: 400;font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 {font-family:'Baloo Thambi 2', cursive;  font-style: normal;margin-bottom: 0;    line-height: 1.2;	font-weight:700;  transition: .5s;  color:#221d1d;  margin-bottom:10px;}
a { color: #bc0556; text-decoration: none;}
a:hover {text-decoration:none!important;transition:.5s;	color: #bc0556;}
p {	color:#292929;}
.padding_lf0 {padding-left: 0; padding-right: 0;}
.text-left {text-align: left!important;}
.fa, .far, .fas { font-style: inherit;}

html,body{overflow-x:hidden;margin:0;scroll-behavior:smooth;}
ul {margin: 0; padding: 0;}
img {max-width: 100%; height: auto;}

/*======== top bar ========*/
.nav-top {line-height: 40px; position:relative;}
.nav-top::after,.nav-top::before{position: absolute; content: ""; left: 0; top: 0; height: 30px; width: 70%; background-color: #000c3c; clip-path: polygon(0 0, 100% 0%, 98% 100%, 0 100%);}
.nav-top::before {width: 70.2%; top: 10px; background-color: #bc0556;}
.nav-top-rht{ text-align: right;}
.nav-top-rht a{background:#fff; border-radius:30px; padding:5px 20px; font-weight:600;}
.nav-top-center{padding:5px 0;}
.nav-top-center a{background: #99c940; color: #fff;width: 40px; height: 40px;  line-height: 40px;  display: inline-block;    text-align: center;  border-radius: 30px;  margin-right: 5px; color: #fff;  font-size: 17px;}
.nav-top-center a:hover { background: #013e59; color: #fff;}
.nav-top-rht p { color: #000;}
.menu-sec{padding: 20px 0;}
/*======== header ========*/
.col-md {-webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%;}
.d-flex{display: flex;}
.align-items-center{align-items: center;}
#header{padding: 10px 0;}
#header .icon .fa {color: #000c3c; font-size: 36px; line-height: 1;}
#header .con .text {padding-left: 10px;}
#header .con .text span { color: #fb0000;}
#header .con .text span, header .top-wrap .con .text strong { display: block; line-height: 1.4; color: #aaaaaa;  font-size: 14px;}
#header .col-md-8.d-flex{ padding:10px 0;}
/*======== banner ========*/

.bnr-sec .carousel-content { top: 20%;  position: absolute;  padding: 20px;  width: 80%;  left: 0;   right: 0;  color: #fff;    margin: 0 auto;}
.bnr-sec .title h1 { font-size: 60px; color:#fff; line-height: 80px; text-align: center; font-style: normal; font-family:Poppins;}
.bnr-sec .title h1 span { font-size: 70px; display: block; color: #fff;  font-weight: 900;  margin-top: 10px;}
.bnr-sec .carousel-content .title{text-align: center;  position: relative;  left: 0;  bottom: 40px;  padding: 100px 0;  width: 100%; opacity: 1; transition: .8s;  z-index: 9; }
.bnr-sec .carousel-control{background-image: none;opacity:1;}
.bnr-sec .carousel-control span.fa{font-size: 50px; height: 80px;  width: 80px;  line-height: 80px;  display: block;  background: #444;  color: #999;  -webkit-transition: all linear .3s;  -moz-transition: all linear .3s;  -ms-transition: all linear .3s;    -o-transition: all linear .3s;  transition: all linear .3s;  clip-path: polygon(8% 0, 100% 0%, 93% 100%, 0% 100%);opacity:0;}
.bnr-sec .carousel-control span.fa:hover{background:#bc0556; color:#fff;opacity:1;}
.bnr-sec:hover .carousel-control span.fa{opacity:1;}
/*======== banner-btm ========*/
.btn { display: inline-block; padding: 20px 30px 20px 55px; position: relative; color: #ffffff;  font-size: 14px !important; font-weight: 600; cursor: pointer; transition: 0.5s; border-radius: 0; text-transform: uppercase; clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%); background:#bc0556;}
.btn .icon-arrow { color: #ffffff;  top: 30px;  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);  font-size: 15px;  backface-visibility: hidden;  transform: translateZ(0);  perspective: 1000;    line-height: 0;}
.btn .icon-arrow.before {  left: 25px;  position: absolute;  transform-origin: left center;}
.btn .icon-arrow.after { opacity: 0; position: absolute;  right: 25px; transform: translateX(75%) scaleX(0.1); transform-origin: right center;}
.btn.btn-secondary .icon-arrow.after {  color: #08172e;}
.btn.btn-secondary:hover { background-color: #000c3b; color: #fff;  padding: 20px 55px 20px 30px;}
.btn.btn-secondary:hover .fa{color: #fff; }
.btn:hover .icon-arrow.before {opacity: 0;transform: translateX(-75%) scaleX(0.1);}
.btn:hover .icon-arrow.after { opacity: 1; transform: translateX(0) scaleX(1);}
.btn.btn-secondary{font-size: 15px;}

/* three-box
--------------------------------*/

#three-box {position:relative; }
#three-box{position: relative;  z-index: 1; clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);padding-top: 50px; top: -50px;}
#three-box .box {text-align: center;}
#three-box .col-md-3{padding:0;}
#three-box .box {background: #000c3b; padding: 20px 0; transition:.5s;clip-path: polygon(2% 0, 100% 0%, 98% 100%, 0% 100%);}
#three-box .col-md-3:nth-child(1) .box{background:#bc0556; clip-path: polygon(4% 0, 100% 0%, 91% 100%, 0% 100%);    padding-top: 70px; margin-top: -50px;}
#three-box::before { position: absolute;  content: ""; left: 0; top: 0; height: 100%; width: 100%; background-color: #000c3b;  z-index: -1;}
#three-box i {color:#fff; font-size: 50px;display:block; line-height: 1;}
#three-box h4 {font-weight: 400; margin: 15px 0; font-size: 26px; line-height:50px; padding: 5px 0;}
#three-box h4 a {color: #fff; background: linear-gradient( to right, #eee , #fff, 50%, #ccc 50%);    -webkit-text-fill-color: transparent;  -webkit-background-clip: text;  background-size: 200% 100%; background-position: 100%;}
#three-box .box:hover h4 a{background-position: 0;}
/*three-box-bottom*/
/*head-hm*/
.head-hm { text-transform: uppercase;  font-weight: bold; color: #013e59; font-size:40px; position: relative; padding-bottom:10px;text-align: center;margin-bottom: 40px;}
.head-hm span { color: #bc0556;}
.head-hm:before{position:absolute; bottom:0; content:''; left:30px; right:0; margin:0 auto; height:5px; width:25px; background:#bc0556;}
.head-hm:after{position:absolute; bottom:0; content:''; left:0; right:30px; margin:0 auto; height:5px; width:25px; background:#000;}
/*head-hm*/
/*======== about_section ========*/
.about-sec{ padding:40px 0px 90px;  position: relative;}
.about-sec .container {box-shadow: #ccc 10px 15px 20px; padding:35px 30px; position:relative;border: 1px solid #eee;}
.about-sec .abt-img{position:relative;}
.about-sec .abt-img img {clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%); margin:0 auto; box-shadow: #bc0556 -14px 9px 0px;}

.about-sec p{text-align:justify;}
/*======== about-sec ========*/

/*======== service_section ========*/
.services { padding: 50px 0; background: #f5f5f5;  background: url(../Image/services-bg.png); position:relative;}
.services:before{background: rgba(240,240,240,.3); content:''; position:absolute; height:100%; width:100%; left:0; top:0;}
.services .col-md-4{padding-left:5px;padding-right:5px;}
.services .card{ position:relative;height: 100%;
    margin-bottom: 30px;
    text-align: left;
    box-shadow: 10px 0px 20px 0px rgb(0 0 0 / 4%);
    border: 1px solid #f0efef;
    margin-top: 10px;
    transition: all 500ms ease;padding: 28px 18px 43px;    border: 1px dashed #bc0556;}
.services .card:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: #bc0556;
    transition: .5s;
    z-index: -1;
    border-radius: 5px;
}
.services .card:hover:before {
    height: 100%; 
    top: 0;
    border-radius: 5px;}
.services .card-icon {
    text-align: left;
    margin-bottom: 40px;
}
.services .card-icon i {
    font-size: 42px;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    background: #F4F7FC;
}
.services .card:hover .card-icon i {
    background: #fff;
    color: #bc0556;
}
.services .card:hover .card-body h4, .services .card:hover .card-body p, .services .card:hover .card-body a{
    color: #fff;
}
.services .card:hover{transform: translateY(-10px);}
/**/
@media (max-width: 767px) {
.services .carousel-inner .carousel-item > div {
        display: none;
    }
.services .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}
.services .carousel-control-next, .services .carousel-control-prev{width:50px; height:50px; top:40%; background:#000;}
.services .carousel-control-next{right: -30px;}
 .services .carousel-control-prev{left: -30px;}
.services .carousel-inner .carousel-item.active,
.services .carousel-inner .carousel-item-next,
.services .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
.services .carousel-inner .carousel-item-end.active,
.services .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
.services .carousel-inner .carousel-item-start.active, 
.services .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.services .carousel-inner .carousel-item-end,
.services .carousel-inner .carousel-item-start {transform: translateX(0);}

.services .card-body{position:relative; border-top-right-radius: 0;border-top-left-radius: 0; padding:0;}
.services .card-body h4{color:#bc0556;}
.services .container-fluid{z-index:1;}
.text-justify{text-align:justify;}
/*team-section*/
.team-bx { position: relative; transition: .5s;}
.team-bx .team-img {position: relative;box-shadow: 0px 2px 15px rgb(0 0 0 / 20%);}
.team-bx .team-img img { border-radius: 5px;}
.team-bx .team-img:before {border-radius: 5px; position: absolute; content: ""; top: 0;  left: 0;  height: 100%; width: 100%;opacity: -1; transition: .5s; background: rgba(188, 5, 86, 0.83);}
.team-bx .team-social-icon { position: absolute;top: 50%; transform: translateY(-50%); right: -30px; opacity:0; transition:.5s;}
.team-bx .team-social-icon a i { color: #bc0556;}
.team-bx .team-social-icn-inner a { display: block;  margin: 5px;}
.team-bx .team-social-icn-inner { background: #fff;  display: block;  padding: 18px 12px;  border-radius: 3px;}
.team-bx .tm-cont {padding: 21px 20px 26px; background: #fff;  text-align: center;  width: 90%;  border-bottom: 2px solid #f12a02; border-radius: 5px;  position: relative;  top: -44px;  left: 0;  right: 0;   margin: auto;}
.team-bx .tm-cont {width:92%; top:-28px; border-bottom: none; box-shadow: 0 0 16px 0 rgb(0 0 0 / 7%); padding: 21px 20px 21px;}
.team-bx .tm-cont i{ display: inline-block; width: 45px; height: 45px; line-height: 45px; background: #bc0556; color: #fff;    border-radius: 4px; position: absolute;  top:-20px; left: 0; right: 0;  margin: auto;}
.team-content-title h2 {font-size: 18px; font-weight: 700; transition: .3s;  margin-bottom: 5px;  margin-top: 23px;}
.team-content-title h3 {color: #bc0556; font-size: 14px;  text-transform: uppercase; font-weight: 400; letter-spacing: 1px; margin-top: 7px;}
.team-bx:hover .team-img:before {opacity: 1;}
.team-bx:hover .team-social-icon {right: 0; opacity: 1;}
/*team-section*/
/*Contact Section*/
.contact{ padding:0 0 80px;}
.contact .container .row{webkit-box-shadow: 0 0 30px rgb(214 215 216 / 60%);  -moz-box-shadow: 0 0 30px rgb(214 215 216 / 60%);    box-shadow: 0 0 30px rgb(214 215 216 / 60%); background:#fff;}
.contact .container h4{font-weight:900; font-size:30px; line-height:40px;margin-bottom: 20px;}
.contact .container h4 span{font-weight:300;}
.contact .cont-hm-rht h4 span{color: #000;}
.contact .head-hm{padding:50px 0 30px;}
.cont-hm-lft{background:#fff; position:relative;}
.cont-hm-lft:after{background:#000; position:absolute; content:''; height:100%; width:100%; left:0; opacity:.75;}
.cont-hm-lft input.form-control{border: 1px solid #eee;box-shadow:none; margin-bottom:15px; border-radius: 30px; min-height: 40px;    padding: 0 20px;}
.cont-hm-lft textarea{border: 1px solid #eee;box-shadow:none; margin-bottom:15px; border-radius: 30px;padding-left:20px;}
.sub-btn-hm{cursor: pointer; color: #fff; background: #bc0556; padding: 10px 30px; line-height: 26px; border: none; border-radius: 30px; font-size: 20px; transition:all .5s;}
.sub-btn-hm:hover{background: #013e59;}
.map-hm-lft ::placeholder{color:rgba(0,0,0,.5);}
.cont-hm-rht{ background:#bc0556; padding:50px; color:#fff;}
.cont-hm-rht h4{ color:#fff;}
.cont-hm-rht p{margin-bottom:30px; color:#fff;}
.cont-hm-rht p i { margin-right: 30px; background: #fff; float: left; width: 50px; height: 50px; line-height: 50px;  font-size: 20px; text-align: center; color: #000; border-radius: 50%;margin-bottom: 20px;}
/*Contact Section*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #000;
  padding:50px 0 0;
  color: #eee;
  font-size: 15px;
}

#footer .footer-top {
  padding: 10px 50px;
}


#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-info{padding: 0px 0;}
#footer .footer-add p, #footer .footer-email p, #footer .footer-phone p{padding-top:20px;}
#footer .footer-add, #footer .footer-email, #footer .footer-phone{ text-align:center;}
#footer .footer-top .footer-info p {font-size: 15px; line-height: 24px; font-family: 'Poppins', sans-serif;}
#footer .mb-2 .fa{margin-right:10px; font-size:20px;}
#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #eee;
  color: #000;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 30%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .footer-top ul {  list-style: none;
    padding: 0;
    padding: 0;
    margin: 0;
}
#footer .footer-top ul i {
    padding-right: 8px;
    color: #eee;
    font-size: 12px;
    line-height: 1;
}
#footer .footer-top ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
}
#footer .footer-top ul a:hover {
    text-decoration: none;
    color: #fff;
}
#footer .footer-top ul a{
    color: #eee;
}
#footer .footer-top .social-links a:hover {
  background: #bc0556;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 30px;
  font-weight: 600;
  color: #eee;
  position: relative;
  padding-bottom: 12px; border-bottom: 1px dashed rgba(190,187,220,.5);
}
#footer p{text-align:justify;color:#fff;}
#footer p a{color: #eee; font-weight: bold;}
#footer .footer-info1 h4{font-size:35px; color:#fff;}
#footer .footer-info1 h4 span{color:#bc0556;}
#footer p .fa{width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #eee; float: left;    margin-right: 12px; margin-bottom:20px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding:0 15px;
  color: #b5d9e9;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  color: #a2cfe3;
}
.ft-link{list-style:none; text-align:right;}
.ft-link li{display:inline-block;padding: 5px; }
.ft-link li a{color:#eee; transition:.5s;}
.ft-link li a:hover{color:#fff;}
#footer .copyright {text-align: left; padding: 15px 0; background:#000; border-top: 1px solid #333;}
#footer .credits{ text-align: right; font-size: 14px; color: #fff;}
.credits a{color:#eee; font-weight:bold;}
.top{ position: fixed;  right: 10px;  bottom: 30px;  text-align: center; color: #fff;  background: #150303; padding: 10px 10px; z-index: 9; border-radius: 50%; border: 2px solid #fff; cursor: pointer;  opacity: 0; transition: ease-in 0.5s;}
.top.scll-top { opacity: 1; transition: ease-in 0.5s; bottom: 50px;}
.top .fa {display: block !important;}