@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@font-face {
  font-family: Times New Roman;
  src: url('/image/times_new_roman.ttf');
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 10.25rem !important;
    }
.carousel-caption h5{font-size:40px !important;/* text-shadow: 2px 2px #ff0000; */font-weight:bold;}

.client_b {
    border: solid 2px #eeeeee;
    margin-right: 25px;
}

.icon-xl {
    line-height: 80px;
}
.icon-xl i {
	font-size: 80px;
	line-height:80px;
}

.service-box-1-new{
	position:relative;
	padding: 30px 30px 0 30px;
	!i;!;
	background: #eaeaea;
	margin-bottom: 15px;
	min-height: 410px;
}
.service-box-title-new{margin-left:0px; margin-bottom: 20px; font-size: 30px;}

.services-style-new.owl-btn-vertical-center .owl-nav .owl-next{right:-1px;}
.services-style-new.owl-btn-vertical-center .owl-nav .owl-next,
.services-style-new.owl-btn-vertical-center .owl-nav .owl-prev{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}
	
.services-style-new:hover.owl-btn-vertical-center .owl-nav .owl-next{right:5%;}
.services-style-new:hover.owl-btn-vertical-center .owl-nav .owl-prev{left:5%;}
.service-box-new-link a {
    font-size: 16px;
}

h3.s-title-one {
    color: #2c3a79;
    font-size: 18px;
    font-weight: bold;
}
.services-style-new .owl-nav{opacity:0; 	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}
.services-style-new:hover .owl-nav{opacity:1;}

.wt-icon-box-wraper-new{position:relative;margin-bottom: 40px;}

.wt-icon-number-new {
    position: absolute;
    right: 0px;
    top: 0px;
}
.wt-icon-number-new span {
    font-size: 56px;
    line-height: 100px;
    color: rgba(0,0,0,0.1);
    font-weight: 500;
    opacity: 0.5;
    display: block;
}

.service-box-content-new{margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.service-box-content-new p{margin-bottom:0px;}

.card1 {
	z-index: 1;
	overflow: hidden;
	!i;!;
	}
  .card1:before {
	content: "";
	position: absolute;
	z-index:-1;
	bottom: -32px;
	left: 50%;
	background-color: #203e7c;
	height: 32px;
	width: 32px;
	border-radius: 32px;
	
	-webkit-transform: scale(1);
	 transform: translateX(-50%) scale(1);
	 
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-webkit-transition: -webkit-transform 1s ease-out;
	transition: -webkit-transform 1s ease-out;
	
	transition: transform 1s ease-out;
	transition: transform 1s ease-out, -webkit-transform 1s ease-out;
  }
  .card1:hover:before {
	-webkit-transform: scale(50);
			transform: scale(50);
  }
  
  .card1 .site-text-primary,
  .card1 .s-title-one,
  .card1 .d-icon-box-content p,
  .card1 .wt-icon-number-new span{
   -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
  }	
  
  
  .card1:hover .site-text-primary,
  .card1:hover .s-title-one,
  .card1:hover .service-box-content-new p{color:#fff;}
  
  .card1:hover .site-button-link,
  .card1:hover .site-button-link:before{color:#fff}
  .card1:hover .wt-icon-number-new span{color: rgb(255 255 255 / 51%);}


/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
    right: 100% !important;
    top:0;
    right: -200px !important;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block; animation: fadeInUp 400ms;
    /* padding-left: 10%; */
    /* padding-right: 10%; */
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
	right:100%;
    left: auto;
    margin-top:-6px;
}

.ser-bx {background: #eee;width: 100%;position: relative;z-index: 0;border-radius: 4px;margin:10px auto;transition:.5s;min-height: 97%;}
.ser-bx:hover .fa-chevron-right{animation: move 0.5s linear  alternate; }
 @keyframes move {
     49%{ transform: translate(0px); rotate: -35deg; opacity: 0;}
     51%{opacity: 1;transform: translate(-10px);rotate: -35deg;}
 }
.ser-bx .img {width: 100%; height: 240px;  display: block;}
.ser-bx .img .icon {width: 70px; height: 70px; background: #003049;  margin: 0 auto;  opacity: 0;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ser-bx .img-bx{padding:8px;}
.ser-bx .img-bx .fa{font-size: 35px; background: #003049; line-height: 80px; border-radius: 50%; width: 80px; height: 80px;  text-align: center; color:#eee;}
.ser-bx .text{position: relative;padding: 15px 15px 0 15px;margin: 0 auto;text-align:justify;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.1);}

.ser-bx .text h3 {font-size: 15px;font-weight: 700;color: #2c3a79;text-transform: uppercase;text-align:center;margin: 0 0 15px 0;line-height: 20px;}
.ser-bx .text p {font-size: 16px;text-align: justify !important;!i;!;}
.ser-bx .text p.rd-mr a{color:#000; font-weight:bold; line-height:30px;}
.ser-bx .text p.rd-mr .fa{color:#000; font-weight:bold; line-height:30px; width:40px; height:40px; line-height:40px; border-color:#003049 !important; transition:.3s;}
.ser-bx:hover p.rd-mr .fa{background: #2c3a79;color:#eee;}
p.rd-mr.text-center {
    text-align: center !important;
}
.bg-1{background-color: #203e7c;}
.abt_rgt_cont p{font-size: 17px;line-height: 27px; text-align: justify !important; margin: 25px 0; color: #fff !important;}
.sol_lft_head{font-size: 37px;line-height: 46px;color: #fff;font-weight: 600;}
.hm-abt-img {position: relative;z-index: 2;padding-bottom: 64px;margin-right: 50px;}

.hm-abt-img .hm-abt-img-1 {position: relative;display: inline-block;}
.hm-abt-img .hm-abt-img-1 .year-counter {position: absolute;right: 0;top: 0;padding: 20px 15px;}
.hm-abt-img .hm-abt-img-1 .year-counter .year-counter_number {margin-bottom: 5px;font-size: 48px;margin-top: -6px}
.hm-abt-img .hm-abt-img-1 .year-counter .year-counter_text {color: #fff;text-transform: capitalize}
.hm-abt-img .hm-abt-img-1:after {content: '';position: absolute;right: 0;top: 0;/* background: #ffffff; */height: 127px;width: 120px;z-index: 1}

.hm-abt-img .hm-abt-img-2 {position: absolute;bottom: 20px;right: 0}
.hm-abt-img .hm-abt-img-2 img {border: 6px solid #ffffff;}
.hm-abt-img .abt-exp {position: absolute;top: 231px;left: -242px}
.hm-abt-img .abt-exp .abt-since {font-size: 74px;font-weight: 700;color: transparent;-webkit-text-stroke: 1px #f84923;transform: rotate(-90deg)}
.year-counter {max-width: 270px;text-align: center;/* padding: 22px; */border-radius: 0px;background-color: #26243c;position: relative;z-index: 3}
.year-counter_number {font-size: 74px;font-weight: 700;color: #fff;line-height: 50px;margin-bottom: 10px;margin-top: 3px}
.year-counter_text {color: #20282d;font-size: 18px;line-height: 26px;font-weight: 400;margin-bottom: -0.32em;text-transform: uppercase;max-width: 113px;display: inline-block}

@media (max-width: 1500px) {.hm-abt-img {margin-right:30px;margin-left: 30px}}
@media (max-width: 1399px) {.hm-abt-img {margin-right:10px;margin-left: 10px}}
@media (max-width: 1199px) {.hm-abt-img {display:inline-block;margin-right: 10px;margin-left: 10px;padding-right: 155px}}
@media (max-width: 767px) {.hm-abt-img {margin-right:10px;margin-left: 10px;padding-right: 50px}}
@media (max-width: 575px) {.hm-abt-img {margin-right:0;margin-left: 0px;padding-right: 0;padding-bottom: 150px}}
@media (max-width: 375px) {.hm-abt-img {padding-bottom:220px}}
@media (max-width: 767px) {.year-counter .year-counter_number {font-size:64px}}
.py-5 p {
    text-align: justify !important;
}


body{ margin: 0; padding: 0;  font-family: "Lato", sans-serif;}
a { text-decoration: none !important;  font-family: "Lato", sans-serif;}
.product-page img { padding: 10px; transition: transform .2s; margin: 0 auto;}
.product-page img:hover {transform: scale(1.1);}

p, .main-table ul li {font-size: 18px;margin: 0 0 20px 0;line-height: 1.6;color: #2d2d2d; font-family: "Lato", sans-serif;letter-spacing: .2px;}
h1, h2, h3, h4, h5, h6 {   font-family: "Lato", sans-serif; }
.heading {color: #203e7c;font-size: 45px;font-weight: 400;display: inline-block;border-bottom: 4px solid #a8a9ad;text-transform: uppercase;margin: 0 0 25px 0;} 
.sub-heading {color: #203e7c;font-size: 18px;text-transform : uppercase;font-weight: 500;border-bottom: 2px solid #0c0a00;padding: 5px 0;margin: 0 0 15px 0;} 
.custom-btn {display: inline-block;border: 1px solid #a8a9ad;color: #203e7c;text-transform: uppercase;padding: 10px 32px;font-weight: 500;font-size: 15px;}
.custom-btn:hover { background: #203e7c; color: #fff;}

.social-icon p a{ padding : 20px 15px; font-size: 21px; color: #fff; display: inline-block} 

.banner-section {position: relative;/* height: 100vh; */}
.banner-section::after {content: '';/* position: absolute; *//* width: 100%; *//* height: 100%; *//* background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .0)); *//* z-index: 2; *//* left: 0; *//* top: 0; */}
.banner-section video{ width: 100%; height: 100vh; object-fit: cover;}
.banner-section .text { position: absolute; top: 50%; left: 20%; right: 20%; transform: translate(0, -50%); z-index: 3;} 
.banner-section .text h1 {color: #fff;text-align: center;font-size: 42px;text-transform: uppercase;font-weight: 600;letter-spacing: 1.5px;text-shadow: 4px 4px 4px rgba(0, 0, 0, .5);}

.about-section {padding: 7% 0;/* background-image: url(image/about-bg.jpg); */background-size: cover;}
.about-section h2 { color: #fff; font-size: 40px; margin: 0 0 20px 0; font-weight: 500; letter-spacing: .6px; text-transform: uppercase;}
.about-section p {color: #e4e4e4;}

.product-section { padding: 7% 0 6% 0;}
.product-section .product-card { padding: 8px 8px 15px 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin: 25px 0 0 0; overflow: hidden;}
.product-section .product-card img { transition: transform .2s;}
.product-section .product-card:hover img {transform: scale(1.1);}
.product-section .product-card h5 { text-align: center; color: #203e7c; margin: 15px 0 0 0; font-size: 18px}

.why-us { border-top: 1.5px solid #203e7c; padding: 6% 0;}
.why-us .why-us-card {background: #203e7c;padding: 30px 30px 20px 30px;min-height: 225px;margin: 0 0 10px 0;border: 5px solid #eaeaea;}
.why-us .why-us-card h5 { color: #fff; font-size: 24px; margin: 0 0 10px 0;}
.why-us .why-us-card p {color: #c5c5c5;font-size: 16px;margin: 0;text-align: justify !important;!i;!;}

footer {background: #181818;padding: 5% 0 2% 0;}
footer h5 { color: #fff; font-size: 20px; margin: 0 0 20px 0;}
footer p, footer p a {color: #a3a3a3; font-size: 15px; margin: 0 0 10px 0; letter-spacing: 1.2px; font-weight: 500;} 
footer p a:hover { color: #fbbd02;}
footer .icon p a{ color: #0c0a00; display: inline-block; width: 28px; height: 28px; text-align: center; line-height: 1.9; background: #fff; border-radius: 50%; margin: 0 5px 0 0;}
footer .bottom-footer { border-top: 1px solid rgba(255, 255, 255, .3); margin: 4% 0 0 0; padding: 15px 0 0 0;} 

.inner-banner { background-image: url(image/inner-banner.jpg); background-size: cover; min-height: 280px;}

.contact-info {background: #e4e4e4;padding: 25px;margin: 10px 0;}
.contact-info i {color: #203e7c;font-size: 32px;}
.contact-info h5 {color: #203e7c;text-transform: uppercase;font-size: 17px;font-weight: 700;letter-spacing: .5px;}
.contact-info p, .contact-info p a {color: #1d1d1d;margin: 0;font-size: 16px;}

.contact-form .form-control{ padding: 12px; margin: 0 0 15px 0; border-radius: 0; border-color: #696969;}
.contact-form input[type="button"] { background: #203e7c; padding: 12px 37px; border: none; color: #fff; text-transform: uppercase; letter-spacing: .7px;}

.product-page .side-nav h5{background: #203e7c; color: #fff; padding: 15px; text-transform: uppercase; font-size: 21px; font-weight: 400; letter-spacing: .5px;}
.product-page .side-nav p  {color: #203e7c; font-size: 22px; margin: 15px 0 10px 0; border-bottom: 1px solid #cfcfcf; padding: 6px 0; font-weight: 500;}
.product-page .side-nav ul, .product-page .side-nav ul li { list-style: none; margin: 0; padding: 0;}
.product-page .side-nav ul li { font-size: 16px; padding: 5px;}
.product-page .side-nav ul li a { color: #2d2d2d; font-weight: 500;}
.product-page .table thead { background: #203e7c; color: #fff; text-align: center;}
.product-page .table thead th { font-weight: 400; padding: 10px 0;}
.product-page .table td { text-align: center; line-height: 1.4; font-size: 16px;}
.product-page .table td ul li { text-align: center; line-height: 1.4; font-size: 16px; margin: 0 0 5px 0;}

@media (min-width: 320px) and ( max-width: 768px) {
.ser-bx {min-height:300px;}
p, .main-table ul li {font-size: 16px;}
.heading {font-size: 32px; border-bottom: 2px solid #fbbd02;} 
.sub-heading {font-size: 21px;} 

.banner-section {height: 212px;}
.banner-section video{ height: 350px;}
.banner-section .text {top: 70%; left: 20%; right: 20%;} 
.banner-section .text h1 { font-size: 24px; }

.about-section h2 { font-size: 32px; margin: 20px 0 10px 0;}

.why-us { padding: 6% 5%;}
.why-us .why-us-card { padding: 20px;}
.why-us .why-us-card h5 { color: #fff; font-size: 19px;}

.inner-banner {min-height: 240px;}

.product-page img { width: 230px !important;}
.product-page table { width: 300px; overflow-x: scroll;}

}

.modal{top: 160px;z-index:999999999 !important;}
.modal .modal-header { padding: 0 0 10px 0;}
.modal-content{ padding:15px;}
.modal-backdrop{ z-index:9;}
.modal-open .modal-dialog{z-index:9999;}
.modal .form-control { margin: 15px 0 0 0; padding: 12px; border-radius: 0;}
.modal input[type=button] { color: #fff; background: #203e7c; padding: 10px 30px; border: 0; font-size: 15px; margin: 15px 0 0 0}

.tp-fx-head{position: fixed; z-index: 9; top: 35%; color: #fff; font-weight: bold; right: -51px;}
.tp-fx-head .btn{margin:0;font-size: 20px;transform: rotate(90deg);color: #fff;line-height:25px;padding:10px 20px;display:block;cursor: pointer;background: #203e7c;border-radius: 0;margin-top: 65px;margin-left: -54px;}

/*============WHATSAPP==========*/
  
.whatsapp_btn{
    position: fixed;
    bottom: 11em;
    right: 20px;
    width: 55px;
    height: 55px;
    z-index: 9999;
}
.whatsapp_btn .icon_logo{
    position: relative;
    z-index: 100;
    padding: 5px;
}

.whatsapp_btn .icon_logo > a > img{
    width: 100%;
}

.whatsapp_btn .circle_waves{
    border-radius: 50%;
    background-color: #3cc04e;
    width: 55px;
    height: 55px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0px;
    z-index: 99;
    animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6;
    }
    to {
        transform: scale(1.8, 1.8);
        opacity: 0;
    }
}


.product-section,#Clientele{background-image:url(Image/product-bg.jpg);background-size:cover;background-repeat:no-repeat;}
/* .product-section .heading{color:#fff;}
#HomepagecontentControl{margin-top:-21px !important;}
#why-us{background-color:#203e7c;}
#why-us .heading{color:white;}
#why-us p{color: #ffffff;}
#why-us .why-us-card h5{color:#203e7c;} */

.hm-abt-img-1 img{border:5px solid white;}

.contact-details i{color:#2c3a79; margin-right:5px; font-size:18px;}
.contact-details p a{color:#717171;}
#why-us{background-color:#203e7c;}
#why-us p, #why-us h2, .custom-btn{color:white;}

.carousel-item{position:relative;}
.carousel-item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#203e7c42;}