/*********************************
        Fonts here
*********************************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf') format('ttf');
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*********************************
        Common css
*********************************/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-size: 15px; line-height: 1.5; font-weight: 400; font-family: "montserrat", serif; overflow-x: hidden; scroll-behavior: smooth;}
.home {overflow-x: hidden; scroll-behavior: smooth;}
p, ul, li { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0;}
a {text-decoration: none; color: var(--lightBlue);}
li {list-style: none;}
h1 {font-size: 52px; font-weight: 700;}
h2 {font-size: 42px; font-weight: 700;}
h3 {font-size: 30px; font-weight: 700;}
h4 {font-size: 20px; font-weight: 600;}
p {font-size: 16px; color: var(--lightBlack); line-height: 1.7;}
.devide {display: block;}
.mr-10 {margin-right: 10px;}
.ml-10 {margin-left: 10px;}
.ml-5 {margin-left: 5px;}
.mr-5 {margin-right: 5px;}
.w100 {width: 100%;}
.w20 {width: 20px;}
.flex-between {display: flex; justify-content: space-between; align-items: center;}
.flex-center {display: flex; justify-content: center; align-items: center;}
.flex-align-center {display: flex; align-items: center;}
.btn-check:focus+.btn, .btn:focus, .navbar-toggler:focus {box-shadow: none;}
.btn {padding: 10px 15px;font-size: 17px; font-weight: 600; transition: 0.5s; border-radius: 10px;}
.btn-blue {background-color: var(--blueClr); color: var(--whiteClr); border: 1px solid var(--blueClr);}
.btn-white {background-color: var(--whiteClr); color: var(--blueClr);}
.btn-white:hover {opacity: .8;}
.btn-blue:hover {background-color: var(--whiteClr); color: var(--blueClr); border: 1px solid var(--blueClr);}
:root {
    --lightBlack: #383838;
    --blackClr: #000000;
    --midBlack: #2c2c2c;
    --extrBlack: #232323;
    --blueClr: #005d99;
    --blueClr-light: #f9fbff;
    --lightbgBlue:#fafdff;
    --whiteClr: #ffffff;
    --lightYellow: #ddb307;
    --placehlderCle: #5f5f5f;
    --mid-light-blue: #1c6fa4;

}

/*********************************
     Header section css
*********************************/
.header-fixed {position: fixed; top: 0; width: 100%; z-index: 999; transition: 0.5s; left: 0;}
header {background-color: var(--whiteClr); margin-bottom: 20px; z-index: 5; position: relative;}
.navbar {transition: 0.6s;}
.queries li  {margin-right: 10px;}
.queries li:last-child  {margin-right: 0px;}
.soc-qur li {margin-right: 15px;}
.soc-qur li:last-child {margin-right: 0px;}
.queries li a, .folow-text {color: var(--extrBlack);}
.folow-text {font-weight: 500;}
.line {width: 2px; height: 30px; background-color: var(--blueClr);}
.top-header {padding: 10px 0; border-bottom: 1px solid var(--blueClr);}
/* Navbar */
/* .nav-header .navbar {padding: 10px 0;} */
.nav-header .navbar-light .navbar-nav .nav-link {font-weight: 500; color: var(--extrBlack); padding: 0;}
.nav-header .navbar-nav>li {margin-right: 25px;}
.nav-header .btn {font-size: 15px; padding: 6px 8px; border-radius: 6px;}
.logo img {width: 60px;}
.nav-hd-fxd {background-color: var(--whiteClr);transition: 0.6s; box-shadow: 0 5px 15px 2px rgba(32, 32, 32, .10);}
header .soc-qur li img{width: 20px; height: 20px;}

header .soc-qur li img{width: 20px; height: 20px;}

/*********************************
     BG banner section css
*********************************/
.bg-clr {background-image: url("../images/bg-img.jpg"); background-repeat: no-repeat; margin-top: -20px;}
.pattern-center {width: 100%; height: 100%; background-image: url("../images/circle-bg.png"); background-repeat: no-repeat; background-position: 0% 38%; background-size: 195px;}
.vd-btn {position: absolute;}
/*********************************
     Banner section css
*********************************/
.banner-wrap {margin-bottom: 130px;}
.banner {padding: 60px 0 0 0; width: 100%;}
.banner-wrap {align-items: flex-start; width: 100%; overflow: hidden;}
.main-head h1 {color: var(--blueClr); margin-bottom: 20px; font-weight: 700;}
.main-head p {color: var(--lightBlack); margin-bottom: 50px; max-width: 80%;}
.video-sec {position: relative; background-image: url("../images/bg-banner.png"); background-repeat: no-repeat; background-position: 90% -3%; background-size: 100% 100%; padding: 40px 25px 40px 30px; width: 60%;}
.video-img-sec {border-radius: 18px; max-width: 100%; max-height: 240px; height: 100%; overflow: hidden; cursor: pointer; margin-left: auto; position: relative; }
.video-img-sec .bnr-vd {object-fit: contain; width: 100%; height: 350px;}
.video-img-sec video {width: 100%; max-height: 230px; object-fit: cover;}
.play-btn {position: absolute; cursor: pointer;}
.video-modal .modal-header {border: 0; padding: 0;}
.video-modal .modal-content {background: transparent;}
.video-modal .btn-close {background-image: url("../images/close.png"); opacity: 1; background-size: 30px;}

/*********************************
     About home section css
*********************************/
.about-home {overflow: hidden; padding-bottom: 60px;}
.about-home .img-anim li {margin-right: 10px;}
.about-home .img-anim li:last-child {margin-right: 0px;}
.about-home .img-anim li:nth-child(2) {margin-top: 60px;}
.abt-text-hm h4 {color: var(--blueClr); margin-bottom: 10px;}
.abt-text-hm h3 {color: var(--midBlack); margin-bottom: 20px;}
.abt-text-hm p {color: var(--midBlack); margin-bottom: 45px;}
.mob-vw-img img {display: none; width: 100%;}

/*********************************
     Feature section css
*********************************/
.our-feature {padding: 60px 0; background-color: var(--whiteClr); background-image: url("../images/bg-pattern-our-feature.png"); background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.mid-head {text-align: center;}
.mid-head h4, .choose h4 {color: var(--blueClr); margin-bottom: 10px;}
.mid-head h3, .choose h3 {color: var(--lightBlack); margin-bottom: 60px;}
.item-box {padding: 45px 25px 60px; background: url(../images/item-bg.png) no-repeat 0 0; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, .15); margin-bottom: 10px; background-size: cover; position: relative; min-height: 465px;}
.item-box h3 {font-size: 22px; font-weight: bold; color: var(--blueClr); margin-bottom: 25px;}
.item-box p { color: var(--midBlack); margin-bottom: 40px;}
.item-box .btn {border-radius: 5px; padding: 4px 20px; font-weight: 500; display: flex; margin: 0 auto;}
.item-box .btn:hover {background-color: var(--blueClr); color: var(--whiteClr); opacity: .8;}
#owl-feature.owl-carousel .owl-nav button.owl-next {background-image: url("../images/next.png"); background-repeat: no-repeat; width: 25px; height: 35px; font-size: 0; right: -65px; position: absolute; top: 35%;}
#owl-feature.owl-carousel .owl-nav button.owl-prev {background-image: url("../images/prev.png"); background-repeat: no-repeat; width: 25px; height: 35px; font-size: 0;left: -65px; position: absolute; top: 35%;}
.owl-theme .owl-nav [class*='owl-']:hover {background: inherit; opacity: .5;}
.algn-btn-cnter {position: absolute; width: 100%; display: flex; justify-content: center; left: 0; bottom: 30px;}

@keyframes hvr-wobble-horizontal {
	16.65% {
	  -webkit-transform: translateX(8px);
	  transform: translateX(8px);
	}
	33.3% {
	  -webkit-transform: translateX(-6px);
	  transform: translateX(-6px);
	}
	49.95% {
	  -webkit-transform: translateX(4px);
	  transform: translateX(4px);
	}
	66.6% {
	  -webkit-transform: translateX(-2px);
	  transform: translateX(-2px);
	}
	83.25% {
	  -webkit-transform: translateX(1px);
	  transform: translateX(1px);
	}
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
  }
  .hvr-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .item-box .btn:hover .hvr-wobble-horizontal, .get-btn:hover .hvr-wobble-horizontal{
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
  }
  .get-btn:hover .hvr-wobble-horizontal {
    animation-iteration-count: infinite;
  }
/*********************************
     choose section css
*********************************/
  .choose {padding: 45px 0 100px; background-color: var(--blueClr-light);}
  .choose h3 {font-weight: bold; margin-bottom: 20px;}
  .choose p {color: var(--midBlack); margin-bottom: 20px;}
  .book-demo-form {border-radius: 5px; border: 3px solid var(--blueClr); padding: 30px 30px 40px; background-color: var(--lightbgBlue); box-shadow: 3px 3px 15px 3px rgba(0, 0, 0, .35);}
  .book-demo-form h4 {color: var(--midBlack); margin-bottom: 5px; text-align: center;}
  .book-demo-form h3 {color: var(--blueClr); margin-bottom: 40px; font-weight: bold; text-align: center;}
  label {font-weight: 500; font-size: 16px;}
  ::placeholder {color: var(--placehlderCle) !important; font-size: 16px !important;}
  .form-control {border: 1px solid var(--blueClr); border-radius: 5px; margin-bottom: 0px; font-size: 16px; padding: 4px 10px; color: var(--midBlack); height: 30px;}
  .form-control:focus {box-shadow: none; border-color: var(--blueClr);}
  .sb-btn .btn {border-radius: 5px; margin-top: 25px; padding: 6px 20px; width: 100%; min-width: 285px;}
/*********************************
     pwered by section css
*********************************/
  .pwr-by {padding: 70px 0 50px; background-color: var(--blueClr);}
  .arrow-sec h3 {color: var(--whiteClr); font-weight: 500; }
  .arrow-sec h3 span {color: var(--lightYellow); font-weight: 400; margin-top: 5px; margin-bottom: 25px;}
  .arrow-sec-md h3 {color: var(--whiteClr); margin-right: 25px;}
  .arw-btn .btn {border-radius: 10px; padding: 12px 35px;}
  .list-bullet {padding-top: 80px;}
  .list-bullet li {background-color: var(--mid-light-blue); padding: 10px 10px; border-radius: 8px; margin-bottom: 10px; background-image: url("../images/sign.png"); background-repeat: no-repeat; padding-left: 45px; font-size: 18px; color: var(--whiteClr); background-position: 3% 50%;}
/*********************************
     Home Blog section css
*********************************/
  .home-blog {padding: 90px 0; background-color:  var(--whiteClr);}
  .blog-box {height: 100%; transition: 0.6s; position: relative; display: flex; flex-direction: column;}
  .blog-box .blg-img {transition: 0.5s;}
  .blog-box:hover .blg-img {transition: 0.5s; transform: scale(1.1);}
  .blog-img {border-radius: 8px 8px 0 0; overflow: hidden;}
  .blg-img {border-radius: 8px 8px 0 0; max-height: 175px; min-height: 175px; object-fit: cover; width: 100%;}
.blog-box-info {padding: 25px 20px; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, .10); background-color: var(--whiteClr); border-radius: 8px; margin-top: -20px; z-index: 2; position: relative; display: flex; width: 100%; height: 100%; flex-direction: column;}
.sm-icon {font-size: 14px; font-weight: 600; color: var(--blackClr);}
.blog-box-info h4 {color: var(--blueClr); margin: 15px 0 15px; font-weight: bold; line-height: 1.4; font-size: 18px;}
.blog-box-info p {color: var(--midBlack); margin-bottom: 20px; line-height: 1.9; }
.blog-box-info a {color: var(--blueClr); font-size: 16px; font-weight: 700; }
.anchr-on-btn {position: absolute; left: 0; bottom: 20px; width: 100%; display: flex; justify-content: center;}

.home-blog .anchr-on-btn.anchr-on-btn {left: 20px; justify-content: inherit;}






/*********************************
     Footer section css
*********************************/
footer { padding: 35px 0 0; background-image: url("../images/footer-bg.png"); background-repeat: no-repeat; background-size: 100% 100%;}
footer .container { max-width: 65%;}
.footer-logo {text-align: center; margin-bottom: 35px;}
.footer-logo img {filter: brightness(0) invert(1);}
.footer-top-sec p {color: var(--whiteClr); max-width: 88%; margin: 0 auto; margin-bottom: 60px; line-height: 1.9; text-align: center;}
.footer-nav h4 {font-weight: bold; margin-bottom: 20px; color: var(--whiteClr);}
.listing>li {margin-bottom: 20px;}
.listing>li:last-child {margin-bottom: 0px;}
.listing>li a {color: var(--whiteClr); font-weight: 500; transition: 0.5s; position: relative;}
.listing>li a::after {content: ""; background-color: var(--whiteClr); height: 2px; position: absolute; left: 0; bottom: -5px; width: 0%; transition: 0.6s;}
.listing>li a:hover::after { width: 80%;}
.loc>li {color: var(--whiteClr); font-weight: 500; transition: 0.5s;}
.add>li a::after {display: none;}
.loc li:hover {opacity: .8;}
.txt-sm-ft {font-weight: 500; color: var(--whiteClr);}
.loc {align-items: flex-start;}
.soc li {margin-right: 15px; margin-top: 40px;}
.soc li a img {width: 22px; transition: 0.5s linear;}
.soc li a img:hover {transform: scale(1.2);}
.soc li:last-child {margin-right: 0px;}
.footer-nav {padding-bottom: 45px; border-bottom: 2px solid var(--whiteClr);}
.copyright {padding: 20px 0; text-align: center; color: var(--whiteClr);}
.owl-carousel {
  display: block !important;
}

.modal-backdrop.show{display: none;}
.modal.show{background-color: rgba(50, 50, 50, .7);}
.book_form .modal-dialog {max-width: 500px !important; margin: 135px auto 30px !important;}
.book_form .modal-content{border: 4px solid var(--blueClr); -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 92, 153, 1);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 92, 153, 1); box-shadow: 0px 0px 7px 0px rgba(0, 92, 153, 1);}
.book_form label {margin-bottom: 8px; text-transform: capitalize;}
.book_form .form-control {height: 40px; margin-bottom: 8px;}
.book_form .modal-header {border: none; padding: 0px; margin: 0px;}
.book_form h3 {color: var(--blueClr); margin-bottom: 20px; font-weight: bold; text-align: center;}
.book_form p{margin-bottom: 20px;}
.book_form .btn-close {background-color: var(--whiteClr); width: 40px; height: 40px; border-radius: 100%; margin: 0px !important; padding: 0px !important;
  right: -15px; top: -15px; position: absolute; opacity: 1; z-index: 10; outline: none; border: none; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 92, 153, 1);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 92, 153, 1);
  box-shadow: 0px 0px 7px 0px rgba(0, 92, 153, 1);}
.book_form .btn-close:hover, .book_form .btn-close:focus{opacity: 1; visibility: visible;}
.book_form p a{color: dodgerblue;}
.book_form_tel {width: 100%; display: flex; justify-content: space-between;}
.book_form_tel .form-control{flex-basis: 70%;}
.book_form_tel .form-control.book_form_tel_code {flex-basis: 25% !important;}