@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{ font-family: 'Poppins', sans-serif; color: #333; }

a{ color: #1341a3; text-decoration:none !important;}

a:hover {
  /*color: #8ec4dd;*/
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", Sans-serif;
}

p{ font-family: 'Poppins', sans-serif;}

section.bnr{ padding:0;}

img{ max-width:100%;}

/*navbar*/

.nav-link{ color: #fff;}
.nav-link:hover{ background-color: #fbba2d; border-radius: 20px;}
.navbar-nav .nav-link.active{ background-color: #fbba2d; border-radius: 20px;}
.dropdown-menu{ background-color: #fbba2d; border-radius: 10px;}



/*navbar*/

.banner-sec{ position:relative; padding:0;}
.banner-sec:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgb(19, 65, 165) 30%, transparent 100%);
    width: 100%;
    height: 150px;
    z-index: 2;
}

.carousel-indicators [data-bs-target]{ background-color: #ff9300; height:5px; opacity:1;}
.banner-sec .carousel-indicators .active{ background-color:#fff; height:10px; border:3px solid #ff9300;}



/*------carousel capion text displayt--*/

.banner-sec .carousel-caption {
    position: absolute;
    top: 30%;
    color: #fff;
    text-align:left;
    text-shadow: 9px 4px 8px rgba(0,0,0,.75);
	left:15%;
	width:70%;
 }
 
.carousel-caption h2{ font-family: "Oswald", Sans-serif; font-size: 50px; font-weight: 300; margin-top:0; margin-bottom:0; letter-spacing:2px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out; color:#fff;}
.carousel-caption h2 b{color:#fbba2d;}

.carousel-caption h3{ font-family: "Oswald", Sans-serif; color:#fbba2d; font-size: 40px; font-weight: 400; margin-top:0; margin-bottom:0; letter-spacing:1px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out;}

.carousel-caption p{font-family: "Oswald", Sans-serif; color:#fff; font-size:20px; font-weight: 300; line-height: 24px; animation: fadeInRight 2000ms ease-in-out; letter-spacing:1px;}

.carousel-caption p a{ font-size:16px; line-height: 24px; color:#fbba2d; 
background: #1341a3; padding:10px 20px; border-radius:30px; border: 5px solid #fbba2d;}


/*----Change the direction of banner slider carousel------ */
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}



/*-----carousel zoom effect-----*/
/*banner*/

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #392FA3;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #86c0da;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    padding: 30px 0;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
}

#header.header-scrolled {
  background: rgba(0, 0, 0, 0.9);
  padding: 20px 0;
  height: 72px;
  transition: all 0.5s;
}

#header img {
 margin: 0 auto;
}

#header #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
}

#header #logo h1 a,
#header #logo h1 a:hover {
  color: #fff;
  padding-left: 10px;
  border-left: 4px solid #dd3d25;
}

#header #logo img {
  padding: 0;
  margin: 0;
}

.body-fx #header{ padding: 6px 0;
    height: 65px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
     background:rgba(19, 65, 163,.85); }
	 
.body-fx .navbar-default{ background-color: transparent !important;}



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 50px 0;
}

.section-bg {
  background-color: #f4f9fc;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
  font-family: "Oswald", Sans-serif;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
   padding-bottom: 20px;
  color: #1341a3;
  text-transform:uppercase;
  z-index: 2;
  letter-spacing:1px;
  
  
}

.section-title h2:after {content: '';  position: absolute;  left: 0; right:0;  bottom: -2px; height: 6px; background: #ff9300; width: 60px;margin:0 auto;}

.section-title h2:before {content: ''; right: 0; width:150px; margin:0 auto; position: absolute;  left: 0;  bottom: 0; height: 2px;  background: #fff;}
.tm-lft .section-title h2:before{ background: #fff;}

.section-title p { color: #fff; margin-bottom: 0;  font-size: 20px; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; }

.services .section-title h2{ color: #ff9300;}


/*banner*/
.bnr-btm{ background-color: #fbba2d; padding:50px 20px;}

.bnr-btm .bnr-bx{ background-color: #1341a3; color: #fff; text-align:center; padding:40px 20px; transition:all .5s; border-radius:100%; border:10px #ff9300 solid; 
width: 100%;
position: relative;
overflow: hidden;
box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
transition: all 0.3s ease-in-out;
z-index: 1;
}

/*
.bnr-bx .bnx{transform: rotate(40deg);}
*/
.bnr-bx .fa{ font-size:60px; color:#f3cf43; position: relative; transition:.5s;}
.bnr-bx-lin{ border: 5px solid #1341a3; position: relative; top: 67px; }
.bnr-btm .bnr-bx-tp-lin{ border-color: #1341a3; border-style: solid;}
.bnr-btm .bnr-bx-tp-lin1{border-color: #5249b1; border-style: solid;}
.bnr-bx p{margin:0;}

.bnr-btm .bnr-bx.bnr-bx1{background:#1341a3; transition: all .5s;}
.bnr-btm .bnr-bx a{ color:#fff; padding:5px 15px; border:1px dashed #eee; border-radius:30px; font-weight:bold; transition: all .5s;}
.bnr-btm .bnr-bx:hover a{background:#ff9300; color:#fff; padding:8px 18px;}
.bnr-btm .bnr-bx .fa{color:#fff;  transition:.5s;}
.bnr-btm .bnr-bx h4{font-family: "Oswald", Sans-serif; font-size:22px; font-weight:bold; line-height:50px; color:#fbba2d; transition:all .5s; letter-spacing:1px;}
.bnr-btm .bnr-bx:hover h4{ font-size:20px; font-weight:bold; color:#fff; line-height:50px; transition:all .5s;}



.bnr-bx:before {
    content: '';
    position: absolute;
    background: #ff9300;
    left: -50px;
    top: -40px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    transition: all 0.3s;
    z-index: -1;
}

.bnr-bx:hover:before {
    background: #ff9300;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}


/*banner*/


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about {
  background: url("image/about-bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 60px 0 0;
  position: relative;
  overflow: hidden;
}
.abt-img{padding:50px; position:relative;}
.abt-img:after{position:absolute;bottom:10px; content:''; width:80%; height:80%; background:#efcead; border-radius:50%; margin: 0 auto; right: 0; left: 0;}

.about .container {
  position: relative;
  z-index: 10;
}

.about .content {
  padding: 10px 30px 0 30px;
  text-align: center;  
}

.about .content h3 {
  font-weight: 700;
  margin: 0;
  font-size: 34px;
  color: #1341a3;
  margin-bottom: 30px;
  position: relative;
  left: 20px;
}

.about .content p { font-size: 15px; color: #777; margin-bottom: 10px; text-align:center; 
line-height:24px;}

.about .content .rd-mr {
  display: inline-block;
  background: #1341a3;
  padding: 6px 44px 8px 30px;
  color: #fff;
  margin-top: 10px;
  border-radius: 50px;
  transition: 0.3s;
  position: relative; font-weight:600; font-size:15px;
}

.about .content .rd-mr i {
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 9px;
}

.about .content .rd-mr:hover {
  background: #ff9300;
}

.about .icon-boxes .icon-box {
    padding: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
	border:1px dashed #ccc;margin: 10px auto;
	text-align:center;
}

.about .icon-boxes .icon-box:hover, .about .icon-boxes .icon-box:hover .fa, .about .icon-boxes .icon-box:hover a{ color:#fff;}
.about .icon-boxes .icon-box i {
  font-size: 40px;
  color: #1341a3;
  margin-bottom: 10px;
}

.about .icon-boxes .icon-box::before {
    content: '';
    position: absolute;
    background: #1341a3;
    right: -60px;
    top: -40px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    transition: all 0.3s;
    z-index: -1;
}

.about .icon-boxes .icon-box:hover::before {
    background: #1341a3;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.about .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.about .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}

.about img{}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.ser-heading-bg{ background-color: #1341a3; padding:20px 20px; clear:both; margin-bottom: 30px;}

/*
.ser-bx{ width: 100%; position: relative; z-index: 0; margin-bottom: 30px; border: 2px #ccc solid; border-radius: 40px 0;}
  
.ser-bx:hover{ border: 2px #1341a3 dashed; background:#fdedac; transition: all 0.5s;}*/


.ser-bx {
    width: 100%;
    padding: 10px 30px;
	 margin: 12px auto;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 16px;
    z-index: 1;
	border:1px dashed #ccc;
	text-align:center;
}

.ser-bx:before {
    content: '';
    position: absolute;
    background: #ff9300;
    left: -50px;
    top: -40px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    transition: all 0.3s;
    z-index: -1;
}

.ser-bx:hover:before {
    background: #ff9300;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}


.ser-bx a{ text-decoration:none;}

.ser-bx .img-bx{ text-align:center; width:100%; padding:10px;}

.ser-bx .text { position:relative; padding: 20px; margin: 0 auto; text-align:center;}

.ser-bx .text h3 {font-family: "Oswald", Sans-serif; font-size: 18px; font-weight:bold; color:#ff9300; text-transform: uppercase; text-align: center; margin-top:0; letter-spacing: 1px;}

.ser-bx .text p{ font-size: 15px; color:#222; text-align: center;}
.ser-bx:hover h3{color:#fff;}
.ser-bx:hover p{color:#fff;}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.qyery-hm{ background-color: #1341a3; padding: 40px 0 40px;}

.qyery-hm h2{ font-family: "Oswald", Sans-serif; color: #ff9300; font-size: 40px; font-weight: 500; line-height: 1.23em; letter-spacing: 2px; text-align:center; text-transform: uppercase; margin: 0;}
.qyery-hm h4{ font-family: "Oswald", Sans-serif; color: #ffffff; text-align:center;
font-size: 20px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; margin: 0;}
	
.querys{ text-align:center;}
.querys h3{ margin-top:30px;}	
.querys a{ font-family: "Oswald", Sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.8px; color: #ff9300; border:1px #5c53c0 solid; text-transform: uppercase; padding: 15px 30px;}


.form-bx{ background: #faeddb; padding: 40px 20px;}

.form-bx h4{ font-family: "Oswald", Sans-serif; font-size:30px; text-align:center; font-weight: 600; letter-spacing:1px; color: #1341a3; text-transform: uppercase;}

.form-bx p{text-align:center; font-size:18px; color: #1341a3; }

.form-bx .sbmt {
    color: #ff9300;
    cursor: pointer;
    border-radius: 30px;
    padding: 10px 30px;
    font-size: 16px;
    border: 2px #ff9300 solid;
	background:#fff;
}
.form-bx .form-control {
    background: transparent;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 10px;
    color: #b3b3b3;
    box-shadow: 1px 10px 20px -12px rgba(0,0,0,0.2);
}

/*--------------------------------------------------------------
# Contact with us
--------------------------------------------------------------*/
.ab-review{ margin-top:50px;}

.ab-review .content {
  padding: 10px 30px 30px 0;
}

.ab-review h2{ font-size: 30px;
font-weight: 500;
color: #1341a3;
padding-bottom: 10px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
line-height: 1.5em;
letter-spacing: 1px;}

.ab-review .content h3 {
  font-weight: 700;
  margin: 0;
  font-size: 28px;
  color: #1341a3;
  margin-bottom: 30px;
  position: relative;
  left: 20px;
}
.ab-review .content h3:before {
    content: '';
    width: 5px;
    height: 80px;
    position: absolute;
    background: #32cee0;
    left: -15px;
}
.ab-review .content p {
  margin-bottom: 5px; text-align:justify; line-height:23px;
  font-size: 15px;
}

.ab-review .content .rd-mr {
  display: inline-block;
  background: #1341a3;
  padding: 6px 44px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: 0.3s;
  position: relative; font-weight:800; font-size:15px;
}

.ab-review .content .rd-mr i {
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 9px;
}

.ab-review .content .rd-mr:hover {
  background: #2f4d5a;
}

.ab-review .icon-boxes .icon-box {
    padding: 6px 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
	border:1px dashed #ccc;margin: 10px auto;
	text-align:center;
}

.ab-review .icon-boxes .icon-box:hover, .about .icon-boxes .icon-box:hover .fa, .about .icon-boxes .icon-box:hover a{ color:#fff;}
.ab-review .icon-boxes .icon-box i {
  font-size: 40px;
  color: #1341a3;
  margin-bottom: 10px;
}

.ab-review .icon-boxes .icon-box:before {
    content: '';
    position: absolute;
    background: #ff9300;
    right: -60px;
    top: -40px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    transition: all 0.3s;
    z-index: -1;
}

.ab-review .icon-boxes .icon-box:hover::before {
    background: #ff9300;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.ab-review .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.ab-review .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #1341a3;
  padding:0;
  color: #fff;
  font-size: 15px;
}

#footer .footer-top {
  padding: 40px 0 30px 0;
}

#footer .footer-top .footer-info{ text-align:center;}
#footer .footer-top .footer-info i{ font-size: 40px; line-height:50px; color: #ff9300;}

#footer .footer-top .footer-info h3 {
  font-size: 16px;
  font-weight: 500;
  color: #ff9300;
  text-align:center;
  letter-spacing:1px;
  text-transform: uppercase;
  
}

#footer .footer-top .footer-info p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: 'Poppins', sans-serif;
  text-align:center;
}

.social-links{ text-align:center; margin-bottom:5px;}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #eee;
  color: #ff9300;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%; border:1px solid #efcead;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #1341a3;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h2 {
  font-size: 30px; font-weight: 500; color: #ff9300; padding-bottom: 10px; margin-top:0;
  text-align:center; text-transform: uppercase; line-height: 1.5em; letter-spacing:1px;
  margin-bottom: 30px; border-bottom: 1px #7066d7 dashed; border-radius: 30px;
}

#footer .footer-top h4 { font-size: 16px; font-weight: 600; color: #fff; padding-bottom: 10px;
  text-align:center;}

#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;
}

.copyht-bdr{ border-top: 1px #7066d7 dashed; border-radius: 30px; padding:5px 15px;}

#footer .copyright{ font-size: 15px; color: #fff; text-align: left; line-height:20px; padding:10px 0;}

#footer .credits { text-align: right; font-size: 15px; color: #fff; line-height:20px; padding:10px 0;}

.credits a{color:#efcead;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #ff9300;
    padding: 10px 10px;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #0d93a2;
    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;
}


.table-responsive{ overflow:hidden; display:inline-table;}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .team .member {
    margin-bottom: 110px;
  }
  .services .icon-box{ margin:15px auto;}
}

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  #header img{margin:inherit;}
  .body-fx #header{padding: 15px 0;
    height: inherit;
    position: relative; background: rgba(47,77,90,.85) !important;}

}

@media (max-width: 575px) {
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  #header{position:relative;background-color:  rgba(47,77,90,.85);padding: 20px 0; height: 80px;}
}


@media (max-width: 480px) {
#header img { margin: inherit; max-width: 75%;}

.bnr-btm{ margin-top: 20px; position: relative;}
.bnr-bx{transform: rotate(0deg); margin-bottom: 15px;}
.bnr-bx .bnx{transform: rotate(0deg);}
.qyery-hm h2{ font-size: 24px; letter-spacing: 0; text-align: center;}
.qyery-hm h4{font-size: 15px; letter-spacing: 0; text-align: center;}




}