@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
html {scroll-behavior: smooth;}
/*Scrollbar*/
body {height: 100vh;} 
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); background-color: #000; }
body::-webkit-scrollbar {width: 4px; background-color: #000;} 
body::-webkit-scrollbar-thumb {background-color: #E7252C; border-radius:10px; }
/*Scrollbar End*/
body{font-family: "Poppins", serif; font-weight: 400; color: #222222; font-size: 15px; line-height:1.6;}
a {text-decoration: none; color: #222222;}
a:hover{transition: 0.1s all; color: #000;}
.logo-dark{transition: 0.5s all; width: 125px;}
.logo-small{margin: 0 0; width: 105px;transition: 0.5s all;}
.logo-dark{display: none;}
.navbar{ transition: 0.5s all;}
.clearfix::after { content: ""; clear: both; display: table; }
section{padding: 60px 0 50px; position: relative;}
.navbar-light { background: transparent;  transition: 0.5s all;}
.navbar-dark { background: #F5F5F5;  transition: 0.5s all;}
p{line-height: 1.6;}
ol, ul {padding-left: 18px;}
h1, h2, h3, h4, h5, h6{line-height: 1.3; font-weight: 500;}
.line-height-1{line-height: 1.3;}
.mobilemenu{display: none;}
.logo { width: 143px; }
.bg-light{background: #fff;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.bg-light .logo-dark{display:block}
.bg-light .logo{display:none}
.bg-blue{background: #0B0729;}
.bg-blue .btn-close{color: #fff; line-height: 1;--bs-btn-close-opacity:1; font-size: 24px;}
.navbar-light .nav-link { color: #fff; }
.navbar-light .nav-link:hover { color: #adadad; }
.navbar-dark .nav-link { color: #000; }
.navbar-dark .nav-link:hover { color: #adadad; }
.navbar-light.bg-light .nav-link { color: #000; }
.navbar-light.bg-light .nav-link:hover { color: #adadad; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active{color: #E7252C;}
.nav-item { padding: 0px 10px; }
.btn-outline-white{border: solid 1px #fff; border-radius:50px; color: #fff; font-size: 15px; padding: 5px 25px;}
.btn-outline-white:hover{background: #fff; color: #000;}
.btn-outline-black{border: solid 1px #000; border-radius:50px; color: #000; font-size: 15px; padding: 5px 25px;}
.btn-outline-black:hover{background: #000; color: #fff;}
/*.btn-primary{background: #E7252C; border: solid 1px #E7252C; border-radius:50px; color: #fff; font-size: 15px; padding: 5px 25px;}
.btn-primary:hover{background: #000; border: solid 1px #000; color: #fff;}*/
.btn-primary{border-radius: 50px;background: #000; border: transparent; padding: 10px 15px;}
.btn-primary:hover{background: #ea1c28; }


@media all and (min-width: 992px) {
	.dropdown:hover>.dropdown-menu {display: block;}
  .dropdown-menu > li:hover{ background-color: #f1f1f1; color: #000;}
	.dropdown-item.active, .dropdown-item:active{background-color: #f1f1f1; color: #000;}
  .dropdown-item { font-size: 14px; }
}


.heading1{font-size: calc(2.5rem + ((3vw - 0.48rem) * 1.3889));  line-height: 1; font-weight: 600; margin-bottom: 15px;}
.heading2{font-size: calc(1.9rem + ((1.1vw - 0.48rem) * 1.3889));  line-height: 1.2; font-weight: 600; margin-bottom: 15px;}
.heading3{font-size: calc(1.2rem + ((1vw - 0.48rem) * 1.3889));  line-height: 1.2; font-weight: 600; margin-bottom: 15px;}
/* Hero Video */ 
.hero-video .video-container { height: 90vh; width: 100%; position: relative; overflow: hidden; }
.hero-video .video-container2 { height: 285px; width: 100%; position: relative; overflow: hidden; border-radius: 20px;}
.hero-video video { object-fit: cover; position: absolute; height: 90vh; width: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);} 
.hero-video img { object-fit: cover; position: absolute; height: 90vh; width: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);} 
.hero-video .video-container:after { content: ''; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(1, 14, 30, .8); z-index: 1; } 
.hero-video .video-container2:after { content: ''; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(1, 14, 30, .2); z-index: 1; } 
.hero-video h1 {margin: 0 0 1rem; padding: 0; line-height: 1; color: white; } 
.hero-video .desc { color: white; font-weight: 400; font-size: 26px; } 
.hero-video .callout { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; text-align: center; position: relative; z-index: 10; width: 70%; margin: auto; } 
.hero-video .callout2 {color:#fff; padding-left: 35px; position: relative; display: flex; justify-content: center; align-items: start; flex-direction: column; height: 100%; position: relative; z-index: 10; width: 100%; margin: auto; } 
.callout2 .row { width: 100%; }
@media (max-width: 767px) { .hero-video .callout { width: 90%; }.hero-video .video-container { height: 500px; }.hero-video video { height: 500px; }.hero-video h1 { font-size: 32px; } } 
@media (min-width: 768px) { .hero-video h1 { font-size: 52px; } } 

.color1{color: #C12526;}



/* INNER BANNER */
.wrap-banner {height: 520px; display: flex; justify-content: start; align-items: start ;width: 100%; overflow: hidden;}
.wrap-banner::before { content: ""; background: rgb(0, 0, 0); background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); position: absolute; width: 100%; height: 520px; top: 0; left: 0; }
.wrap-banner::after { content: ""; display: block; position: absolute; padding: 100px 0; width: 100%; height: 520px; top: 0; left: 0; background: rgb(225 225 225 / 10%); z-index: 0;}
.wrap-banner.no-effect::before,.wrap-banner.no-effect::after{display: none;}
.banner-txt{color: #fff; z-index: 10;position: absolute; top: 250px;}
.banner-txt .spacer{padding-top: 15%;} .banner-txt .spacer2{padding-top: 10%;} .banner-txt .spacer3{padding-top: 5%;}
.wrap-banner .heading-small { font-size: calc(1.3rem + ((0.4vw - 0.1rem) * 2)); line-height: 1.3;}
.wrap-banner .heading-title { font-size: calc(1.5rem + ((0.6vw - 0.1rem) * 2)); line-height: 1.2;}
.wrap-banner nav { padding-top: 90px; position: relative;  z-index: 100;}

.breadcrumb-item+.breadcrumb-item::before{font-family: 'FontAwesome'; content: "\f105";color: #fff;}
.breadcrumb-item.active{color: rgba(255, 255, 255, 0.8);}

.form-label { margin-bottom: .2rem; font-size: 12px; }
.form-control,.form-select{border:solid 1px #5e5e5e;border-radius: 8px; font-size:14px;color:#787878; padding: 12px;}
.form-floating>label{font-size: 14px;color:#787878}
.form-control::placeholder, .form-select::placeholder{color:#787878}
.form-floating>.form-control:not(:placeholder-shown)~label::after{background: transparent;}

.text-mask { width: min(90%, 23em); font-size: calc(1.5rem + ((0.5vw - 0.48rem) * 1.3889));  line-height: 1.3; font-weight: 500; }
.text-mask span { background: /* highlight text */ linear-gradient(90deg, #000 0 0) 0/ calc(var(--n)*2.5ch) no-repeat /* faded text */ rgb(180, 180, 180); -webkit-background-clip: text; color: transparent; animation: text .1s steps(var(--n, 100)) forwards; animation-timeline: scroll(root); }
@keyframes text { 0% { background-size: 0 } }
.projects{background: #0B0729; color: #fff; padding: 80px 50px;}
figure .image{ overflow: hidden; width: 100%; border-radius: 15px; margin-bottom: 5px;} 
figure .image1{ overflow: hidden; width: 100%; border-radius: 15px; margin-bottom: 5px; height: 435px;} 
figure .image .arrow-icon{width: 45px; position: fixed; right: 10px; bottom: 23%; z-index: 100;}
figure img{ width: 100%; height: 100%; object-fit:cover; transition: 0.2s linear; } 
figure:hover img{ transform: scale(1.05); }



/* The Magic */
.accordiontab:hover .accordiontab-item:hover .accordiontab-item-content, .accordiontab .accordiontab-item--default .accordiontab-item-content { height:23em; }

.accordiontab-item-content, .accordiontab:hover .accordiontab-item-content { height: 0; overflow: hidden; transition: 0.5s all; }
.accordiontab { padding: 0; margin: 0 auto; }
.accordiontab .accordiontab-item { background:#0f0a36; padding: 1em; color: #fff; margin-bottom: 10px; border-radius: 10px; transition:  0.5s all; }
.accordiontab .head { margin: 0; }

.accordiontab .accordiontab-item:nth-child(1):hover{transition:  0.5s all; background: rgb(153,78,228); background: -moz-linear-gradient(90deg, rgba(153,78,228,1) 0%, rgba(74,84,222,1) 100%); background: -webkit-linear-gradient(90deg, rgba(153,78,228,1) 0%, rgba(74,84,222,1) 100%); background: linear-gradient(90deg, rgba(153,78,228,1) 0%, rgba(74,84,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#994ee4",endColorstr="#4a54de",GradientType=1); color:#fff;}
.accordiontab .accordiontab-item:nth-child(2):hover{transition:  0.5s all; background: rgb(84,186,210); background: -moz-linear-gradient(90deg, rgba(84,186,210,1) 0%, rgba(72,223,150,1) 100%); background: -webkit-linear-gradient(90deg, rgba(84,186,210,1) 0%, rgba(72,223,150,1) 100%); background: linear-gradient(90deg, rgba(84,186,210,1) 0%, rgba(72,223,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54bad2",endColorstr="#48df96",GradientType=1); color:#fff;}
.accordiontab .accordiontab-item:nth-child(3):hover{transition:  0.5s all; background: rgb(23,92,244); background: -moz-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: -webkit-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#175cf4",endColorstr="#fa688b",GradientType=1); color:#fff;}
.accordiontab .accordiontab-item:nth-child(4):hover{transition:  0.5s all; background: rgb(44,183,74); background: -moz-linear-gradient(90deg, rgba(44,183,74,1) 0%, rgba(91,196,140,1) 100%); background: -webkit-linear-gradient(90deg, rgba(44,183,74,1) 0%, rgba(91,196,140,1) 100%); background: linear-gradient(90deg, rgba(44,183,74,1) 0%, rgba(91,196,140,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2cb74a",endColorstr="#5bc48c",GradientType=1); color:#fff;}
.accordiontab .accordiontab-item:nth-child(5):hover{transition:  0.5s all; background: rgb(233,70,47); background: -moz-linear-gradient(90deg, rgba(233,70,47,1) 0%, rgba(240,187,5,1) 100%); background: -webkit-linear-gradient(90deg, rgba(233,70,47,1) 0%, rgba(240,187,5,1) 100%); background: linear-gradient(90deg, rgba(233,70,47,1) 0%, rgba(240,187,5,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9462f",endColorstr="#f0bb05",GradientType=1); color:#fff;}
.accordiontab .accordiontab-item:nth-child(6):hover{transition:  0.5s all; background: rgb(37,43,150); background: -moz-linear-gradient(90deg, rgba(37,43,150,1) 0%, rgba(11,198,201,1) 100%); background: -webkit-linear-gradient(90deg, rgba(37,43,150,1) 0%, rgba(11,198,201,1) 100%); background: linear-gradient(90deg, rgba(37,43,150,1) 0%, rgba(11,198,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252b96",endColorstr="#0bc6c9",GradientType=1); color:#fff;}
.accordiontab .accordiontab-item:nth-child(7):hover{transition:  0.5s all; background: rgb(23,92,244); background: -moz-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: -webkit-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#175cf4",endColorstr="#fa688b",GradientType=1); color:#fff;}

.accordiontab .image img{border-radius: 10px;}


.services ul{list-style: none; padding: 0;}
.services ul li{transition: 0.5s all; position: relative;}
.services ul li a{border-bottom: solid 1px #9E9E9E; font-size: calc(1.7rem + ((0.7vw - 0.48rem) * 1.3889));  line-height: 1.2; font-weight: 500; color: #fff;transition: 0.5s all; padding: 8px 0;}
.services ul li a img{width: 50px; opacity:0;transition: 0.5s all;}

.services ul li a:hover{background: #E7252C; display: block; padding: 8px 15px;border-bottom: solid 1px transparent;}
.services ul li a:hover img{opacity:100; transform: rotate(407deg);}

.work-img img{border-radius: 15px;}
.rounded-4 .closed{position: absolute; right: 20px; top: 20px;}
.our-works{background: #0B0729;}
.our-works figure{margin: 0;}
figure.snip1190 { color: #fff; position: relative; overflow: hidden; width: 100%; background: #000000; text-align: center; } 
figure.snip1190 * { -webkit-box-sizing: padding-box; box-sizing: padding-box; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
figure.snip1190 img { opacity: 1; width: 100%; } 
figure.snip1190 figcaption { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; } 
figure.snip1190 h2 { font-weight: 600; left: 0; right: 0; letter-spacing: -1px; margin: 0 auto; position: absolute; bottom: 50%; -webkit-transform: translateY(40%); transform: translateY(40%); } 
figure.snip1190 p { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; top: 50%; opacity: 1; font-size: 14px; -webkit-transform: translateY(100%) scale(1); transform: translateY(100%) scale(1); } 
figure.snip1190 p img{width: 20px;} 
figure.snip1190 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; } 
figure.snip1190:hover img, figure.snip1190.hover img { opacity: 0.70; -webkit-transform: scale(1.1); transform: scale(1.1); } 
figure.snip1190:hover h2, figure.snip1190.hover h2 { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 
figure.snip1190:hover p, figure.snip1190.hover p { opacity: 1; -webkit-transform: translateY(15%) scale(1); transform: translateY(15%) scale(1); }

.fs-5 { font-size: 18px !important; line-height: 1.4; }
.fs-5 li{margin-bottom: 15px;}






.servicetab ul{list-style: none; padding: 0;}
.servicetab ul li{transition: 0.5s all;}
.servicetab ul li a{border-bottom: solid 1px #9E9E9E; }
.servicetab ul li a:hover{border-bottom: solid 1px transparent; }
.servicetab ul li .heading{font-size: calc(1.7rem + ((0.7vw - 0.48rem) * 1.3889));  line-height: 1.3; font-weight: 500; color: #fff;padding: 17px 0;}
.servicetab ul li a .static{opacity:0; transition: 1s all; position: absolute; width: 100%; color: #fff; left:0;  z-index: 10;}
.servicetab ul li a .static .heading{padding: 17px 13px;}
.servicetab ul li a .static .line-100{border-left:solid 1px #fff; height: 40px;}
.servicetab ul li a:hover .static{opacity:1;}
.servicetab ul li a .static .container{position: relative; z-index: 1;}
.servicetab ul li a .static .overlay{transform: scaleX(0); background: #E7252C; position: absolute; left: 0; right: 0; width: 100%; height:100%; top: -1px; z-index: 0;transition: 0.4s all;}
.servicetab ul li a:hover .static .overlay{transform: scaleX(1);}
.servicetab ul li a .arrow-white{transition: 0.5s all;}
.servicetab ul li a:hover .arrow-white{transform: rotate(407deg);}

.servicetab ul li a .static.hover1 .overlay{transition:  0.5s all; background: rgb(153,78,228); background: -moz-linear-gradient(90deg, rgba(153,78,228,1) 0%, rgba(74,84,222,1) 100%); background: -webkit-linear-gradient(90deg, rgba(153,78,228,1) 0%, rgba(74,84,222,1) 100%); background: linear-gradient(90deg, rgba(153,78,228,1) 0%, rgba(74,84,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#994ee4",endColorstr="#4a54de",GradientType=1); color:#fff;}
.servicetab ul li a .static.hover2 .overlay{transition:  0.5s all; background: rgb(84,186,210); background: -moz-linear-gradient(90deg, rgba(84,186,210,1) 0%, rgba(72,223,150,1) 100%); background: -webkit-linear-gradient(90deg, rgba(84,186,210,1) 0%, rgba(72,223,150,1) 100%); background: linear-gradient(90deg, rgba(84,186,210,1) 0%, rgba(72,223,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#54bad2",endColorstr="#48df96",GradientType=1); color:#fff;}
.servicetab ul li a .static.hover3 .overlay{transition:  0.5s all; background: rgb(23,92,244); background: -moz-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: -webkit-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#175cf4",endColorstr="#fa688b",GradientType=1); color:#fff;}
.servicetab ul li a .static.hover4 .overlay{transition:  0.5s all; background: rgb(44,183,74); background: -moz-linear-gradient(90deg, rgba(44,183,74,1) 0%, rgba(91,196,140,1) 100%); background: -webkit-linear-gradient(90deg, rgba(44,183,74,1) 0%, rgba(91,196,140,1) 100%); background: linear-gradient(90deg, rgba(44,183,74,1) 0%, rgba(91,196,140,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2cb74a",endColorstr="#5bc48c",GradientType=1); color:#fff;}
.servicetab ul li a .static.hover5 .overlay{transition:  0.5s all; background: rgb(233,70,47); background: -moz-linear-gradient(90deg, rgba(233,70,47,1) 0%, rgba(240,187,5,1) 100%); background: -webkit-linear-gradient(90deg, rgba(233,70,47,1) 0%, rgba(240,187,5,1) 100%); background: linear-gradient(90deg, rgba(233,70,47,1) 0%, rgba(240,187,5,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9462f",endColorstr="#f0bb05",GradientType=1); color:#fff;}
.servicetab ul li a .static.hover6 .overlay{transition:  0.5s all; background: rgb(37,43,150); background: -moz-linear-gradient(90deg, rgba(37,43,150,1) 0%, rgba(11,198,201,1) 100%); background: -webkit-linear-gradient(90deg, rgba(37,43,150,1) 0%, rgba(11,198,201,1) 100%); background: linear-gradient(90deg, rgba(37,43,150,1) 0%, rgba(11,198,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252b96",endColorstr="#0bc6c9",GradientType=1); color:#fff;}
.servicetab ul li a .static.hover7 .overlay{transition:  0.5s all; background: rgb(23,92,244); background: -moz-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: -webkit-linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); background: linear-gradient(90deg, rgba(23,92,244,1) 0%, rgba(250,104,139,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#175cf4",endColorstr="#fa688b",GradientType=1); color:#fff;}



.d-90{width: 90%;}
.d-10{width: 10%;}
.pl-50{padding-left: 50px !important;}
.pl-80{padding-left: 80px !important;}
.partners{background: #0B0729; color: #fff; padding: 80px 0; position: relative; z-index: 1;}

.marquee-items { width: auto; margin-bottom: 10px; position: relative; display: flex; align-items: center; overflow: hidden; } 
.marquee-item {display: flex; align-items: center; justify-content: center; height: 100%; width: 18%; margin: 0; padding:40px 10px; position: relative; flex-shrink: 0; cursor: pointer; background: #1D1845; border: solid 8px #0B0729; border-radius: 20px;} 
.marquee-item img{height: 90px;}

.homeimg{margin-top: -60px; position: relative; z-index: 0;}
.count-sec { background: #fff; padding: 50px 0 30px; border-radius: 20px; margin-top: 50px; text-align: center;z-index: 1; position: relative;}
.count-digit, .plus { font-weight: 600; font-size: 50px; line-height: 1.2;}
.count-title{font-size:16px;font-weight: 600; line-height: 1.3;}
.sec-content{padding: 0 50px;}

.timeline-container { margin-top:0px; position: relative; overflow: hidden;} .left-pad{ padding-left:12%;}.right-pad{ padding-right:40%;} .timeline-container:before { content:""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 3px solid #424242; position: absolute; top: 35px;left: 22.76%;} /*timeline slider styles*/ .timeline-slide { margin: 4.2rem 0 0 0; width: 100%; background-color: #F0F0F0; position:relative; border-radius:12px; } .timeline-slide .circle { position: absolute; left: 50%; margin-left: -100px; top: -70px; z-index: 2000; overflow: visible; font-size: 22px; font-weight: bold; width: 200px; text-align: center; } .timeline-copy { font-size: 0.7em; background-color: #F0F0F0; padding-bottom: 5px; border-radius:12px; color: #202020; } .timeline-copy img{border-top-left-radius:12px;border-top-right-radius:12px;} .timeline-copy p{font-size: 13px; color: #202020;} .timeline-slide .vertical-line { border-left: 3px #424242 solid; height: 36px; position: absolute; left: 50%; margin-left: -4.5px; top: -36px; z-index: 1000; } .timeline-slide .timeline-copy h3 { font-size: 2.5rem; font-weight: 800; margin-bottom:0px; } .timeline-container { margin-top:20px; padding-top:6px; } .timeline-container .owl-stage { margin-left:18px; }
.owl-dots{text-align: center; width: 100%; margin-top:50px}
.owl-dots button.owl-dot {border: none; width: 10px; height: 15px; border-radius: 50%; display: inline-block; background: transparent; border: solid 1px #c7c7c7; margin: 0 3px; }
.owl-dots button.owl-dot.active { background-color: #C12526; }
.icon-award{width:80px; margin:auto}


/*-- global css --*/
.scrollbar { height: 360px; overflow-y: scroll; padding-right: 10px; margin-right: 6px; }
.scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); background-color: #e91c45; }
.scrollbar::-webkit-scrollbar { width: 4px; background-color: #D9D9D9; }
.scrollbar::-webkit-scrollbar-thumb { background-color: #e8002f; border-radius: 10px; }
.overlay-effect{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(231,37,44,.8); width: 100%; height: 100%; transition: .5s ease;}
.image-effect { position: relative; overflow: hidden; border-radius: 20px; } 
.image-effect img{border-radius: 20px;}
.image-effect:hover .overlay-effect { bottom: 0; height: 100%; width: 100%; border-radius: 20px;} 
.overlay-effect p{text-align: center;color: #fff;padding: 25px;font-size: 16px;} 
/*.text-box{ opacity: 0; visibility: hidden; transform: scale(1); } .image-effect:hover .text-box{ opacity: 1; visibility: visible; transform: scale(1); }*/ 
.text-box { top: 100%; } 
.image-effect:hover .text-box { top: 0; }

/*.overlay-effect { width: 90%; height: 92%; left: 5%; top: 4%; background: rgba(231,37,44,.8); position: absolute; outline: 5px solid rgba(231,37,44,.8); outline-offset: 2px; }*/
.team-sec{background: #0B0729; color: #fff; border-top-left-radius: 50px; border-top-right-radius: 50px; padding-top: 50px; margin-top:-50px}
.greycard{background: #1D1845; padding: 20px; border-radius: 12px; height: 100%;}
.greycard .cardlogo{min-height: 100px;}
.greycard .logotxt{font-size:15px;}
.btn-arrow{color: #DA251D; display: inline-flex; padding-left: 0 !important; transition: 0.5s all; font-size: 18px !important; font-weight: bold;}
.btn-arrow span img{width: 28px !important; display: inline !important; margin-left: 6px; transition: 0.5s all;}
.btn-arrow:hover{margin-left: 10px;}
.btn-arrow:hover span img{margin-left: 15px;}
.rwd-table { margin: auto; min-width: 100%; border-collapse: collapse; } .rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .rwd-table th { display: none; } .rwd-table td { display: block; width:33.333333%; } .rwd-table td:first-child { margin-top: .5em; } .rwd-table td:last-child { margin-bottom: .5em; } .rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display: inline-block; color: #000; } .rwd-table th, .rwd-table td { text-align: left; } .rwd-table { color: #333; overflow: hidden; } .rwd-table tr { border-color: #bfbfbf; } .rwd-table th, .rwd-table td { padding: .5em 1em; }
.td-set{width:25% !important;padding-right: .5rem !important;padding-left: .5rem !important;}
@media screen and (max-width: 768px) {
  .rwd-table tr:nth-child(2) { border-top: none; } .rwd-table td{width:100%;} .td-set{width:100% !important; padding-right: .5rem !important; padding-left: .5rem !important;}.ds-none{display:none}}
@media screen and (min-width: 767px) {
.rwd-table td:before { display: none; } 
.rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } 
.rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } 
.rwd-table th, .rwd-table td { padding: 0.5rem; }
}

.hscroll {height: 400px; overflow-y: scroll;} 
.hscroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); background-color: #000; }
.hscroll::-webkit-scrollbar {width: 4px; background-color: #000;} 
.hscroll::-webkit-scrollbar-thumb {background-color: #f00; border-radius:10px; }

.triumphs{margin-top: -250px; position: relative;}
.triumphs img, .triumphs video{width:100%; border-radius: 15px; position: relative;}
.triumphs .txt{position: absolute; top: 50%; left: 65%; border-radius: 10px; transform: translate(-0%, -50%); width: 350px; background: #C12526; z-index: 1; font-size:30px; line-height: 1.4; padding:80px 40px;}
.m-top-30{margin-top:175px;}
.card{box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; border: none;}
.card hr{background-color: #E4E4E4;}
.form-check-input[type=checkbox] {background-color: #DA251D;}
.youtube-container {
  overflow: hidden;
  width: 100%;
 /* Keep it the right aspect-ratio */
  aspect-ratio: 1.7777777778;
 /* No clicking/hover effects */
  pointer-events: none;
}
.youtube-container iframe {
 /* Extend it beyond the viewport... */
  width: 300%;
  height: 100%;
 /* ...and bring it back again */
  margin-left: -100%;
}





.footer{background: #C12526; padding: 80px 0 5px; color:#fff; overflow: hidden;}
.footer .f-border{border-top: solid 1px #db3939;}
.footer .border-end, .footer .border-start{border-color: #db3939 !important;}
.footer .f-logo{width: 130px;}
.footer h6{color:#fff } 
.footer .pad-4{padding: 20px;}
.footer .pad-y-4{padding: 30px;}
.copyright{padding: 30px 10px; color: #fff;}
.copyright a{color: #fff; padding: 0 15px; border-right: solid 1px #fff; text-transform: uppercase;}
.footer-links { padding-left:0; list-style:none; }
.footer-links li { display:block; padding: 5px 0; } 
.footer-links a { color:#fff;} 
.footer-links a:active,.footer-links a:focus,.footer-links a:hover { color:#000; text-decoration:none; } 
.footer-links.inline li { display:inline-block }
.socials a i{color: #fff; padding: 20px; font-size: 24px;}
.socials .end{width: 20%;}
.contact_info_sec {padding: 0; max-width: 400px; width: 100%;} 
.contact_info_sec, .contact_info_sec a{color: #fff;}
.info_single{ margin: 10px 0px; } 
.info_single i{ margin-right: 15px; } 
.info_single span{ font-size: 14px; letter-spacing: 1px; }


.float{ position:fixed; width:60px; height:60px; bottom:20px; right:20px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; }
.my-float{ margin-top:16px; }






#scrollBtn {display: none; position: fixed; bottom: 25px; right: 25px; z-index: 99; font-size: 18px; line-height: 1; border: none; outline: none; background-color: #FF7E0C; color: #fff; cursor: pointer; padding: 8px; border-radius: 50px; }

@media (min-width: 777px) {
.col-md-1-5 { width: 20%; }
.col-md-2-5 { width: 40%; }
.col-md-3-5 { width: 60%; }
.col-md-4-5 { width: 80%; }
.col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
.col-lg-1-5 { width: 20%; }
.col-lg-2-5 { width: 40%; }
.col-lg-3-5 { width: 60%; }
.col-lg-4-5 { width: 80%; }
.col-lg-5-5 { width: 100%; }
}
@media (max-width:1540px){
  .overlay-effect p{padding: 20px;font-size: 14px; line-height: 1.3;} 
}
@media (max-width:1399.98px){
  .overlay-effect p{padding: 15px;font-size: 13px; line-height: 1.3;} 
  .left-pad{ padding-left:8%;}
  .right-pad{ padding-right:25%;}
  .timeline-container:before {left: 19.2%;}
}
@media (max-width:1199.98px){
  .projects{padding: 40px 15px;}
  .marquee-item {padding:20px 10px; width: 32%;} 
  .marquee-item img{height: 70px;}
  .left-pad{ padding-left:2%;}
  .timeline-container:before {left: 14%;}
  .triumphs .txt{left: 65%; width: 250px; font-size:24px; padding:60px 20px;}
  .m-top-30{margin-top:200px;}
  .overlay-effect p{padding: 5px;font-size: 12px;} 
  .projects{padding: 40px 15px;}
  p { line-height: 1.4; font-size: 14px; }
  figure .image1{ height: 320px;} 
  .accordiontab:hover .accordiontab-item:hover .accordiontab-item-content, .accordiontab .accordiontab-item--default .accordiontab-item-content { height:16em; }
}
@media (max-width:991.98px){
  .navbar-light.bg-light .nav-link{color:#fff;}
  .mobilemenu{display: block;}
  #sidebarMenu { height: 100%; position: fixed; right: 0; width: 250px; margin-top: 41px; transform: translateX(250px); transition: transform 250ms ease-in-out; background: #000; z-index: 100;}
  .sidebarMenuInner{ margin:0; padding:0; border-top: 1px solid rgba(255, 255, 255, 0.10); }
  .sidebarMenuInner li{ list-style: none; color: #fff;padding:12px 20px; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
  .sidebarMenuInner li span{ display: block; font-size: 14px; color: rgba(255, 255, 255, 0.50); }
  .sidebarMenuInner li a{ color: #fff;cursor: pointer; text-decoration: none; font-size: 14px;}
  input[type="checkbox"]:checked ~ #sidebarMenu { transform: translateX(0); }
  input[type=checkbox] { transition: all 0.3s; box-sizing: border-box; display: none; }
  .sidebarIconToggle { transition: all 0.3s; box-sizing: border-box; cursor: pointer; position: absolute; z-index: 99; height: 100%; width: 100%; top: 30px; right: 30px; height: 22px; width: 22px; }
  .spinner { transition: all 0.3s; box-sizing: border-box; position: absolute; height: 3px; width: 100%; background-color: #fff; }
  .bg-light .spinner{background-color: #000;}
  .horizontal { transition: all 0.3s; box-sizing: border-box; position: relative; float: left; margin-top: 3px; }
  .diagonal.part-1 { position: relative; transition: all 0.3s; box-sizing: border-box; float: left; }
  .diagonal.part-2 { transition: all 0.3s; box-sizing: border-box; position: relative; float: left; margin-top: 3px; }
  input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal { transition: all 0.3s; box-sizing: border-box; opacity: 0; }
  input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 { transition: all 0.3s; box-sizing: border-box; transform: rotate(135deg); margin-top: 8px; }
  input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 { transition: all 0.3s; box-sizing: border-box; transform: rotate(-135deg); margin-top: -9px; }
  .logo{width: 105px;}
  .bg-light .nav-link { color: #fff; }
  .hero-video .desc { font-size: 18px; }
  .text-mask span { background: /* highlight text */ linear-gradient(90deg, #000 0 0) 0/ calc(var(--n)*2.5ch) no-repeat /* faded text */ rgb(180, 180, 180); -webkit-background-clip: text; color: transparent; animation: text .1s steps(var(--n, 100)) forwards; animation-timeline: scroll(root); }
  .timeline-container:before {left: 18%;}
  .triumphs{margin-top: -150px;}
  .triumphs .txt{left: 65%; width: 200px; font-size:18px; padding:40px 10px;}
  .m-top-30{margin-top:100px;}
  .servicetab ul li a .static{display: none;}
  .servicetab ul li a img{width: 50px; opacity:0;transition: 0.5s all;}
  .servicetab ul li a{ transition: all 0.5s;}
  .servicetab ul li a:hover{background: #E7252C; display: block; padding: 8px 15px;border-bottom: solid 1px transparent;}
  .servicetab ul li a:hover img{opacity:100; transform: rotate(407deg);}
}
@media (max-width:899px){ 
  .timeline-container:before {left: 26.3%;}
}
@media (max-width:767.98px){
  section { padding: 40px 0 30px; position: relative; }
  .wrap-banner{height: 250px;}
  .wrap-banner::before{height: 250px;}
  .banner-txt{top: 120px;}
  .right-pad{ padding-right:15%;}
  .projects{padding: 30px 0;}
  .partners{padding: 30px 0;} 
  .homeimg { margin-top: -20px;}
  .count-sec{margin-top: -30px;padding: 20px 0 40px;}
  .partners{padding: 30px 0;}
  .projects .text-end{text-align: left!important;}
  .marquee-item {padding:20px 10px; width: 50%;} 
  .marquee-item img{height: 50px;}
  .border-end .pad-4{padding: 0;}
  .footer .pad-4 { padding: 10px; }
  .pl-50 { padding-left: 30px !important; }
  .footer .pad-y-4 { padding: 5px 30px; }
  .text-mask span { background: /* highlight text */ linear-gradient(90deg, #000 0 0) 0/ calc(var(--n)*3ch) no-repeat /* faded text */ rgb(180, 180, 180); -webkit-background-clip: text; color: transparent; animation: text .1s steps(var(--n, 100)) forwards; animation-timeline: scroll(root); }
  .sec-content { padding: 0 15px; }
  .image-effect{ margin:0 0px; }
  .triumphs{margin-top: -100px;}
  .triumphs .txt{left: 65%; width: 150px; font-size:16px; padding:20px 10px;}
  .m-top-30{margin-top:60px;}
  .accordiontab h4{font-size: 16px;}
  figure .image1{ height: auto;} 
  .accordiontab:hover .accordiontab-item:hover .accordiontab-item-content, .accordiontab .accordiontab-item--default .accordiontab-item-content { height:28em; }
  .hero-video .callout2{padding-left: 30px; padding-right: 15px; text-align: center;}
  .banner-txt{text-align: center; width: 100%;}
  .fs-5 { font-size: 16px !important; line-height: 1.4; }
  .fs-5 li{margin-bottom: 10px;}
}

@media (max-width:571.98px){
  .socials a i { color: #fff; padding: 16px; font-size: 18px; }
  .copyright a { color: #fff; padding: 0px 5px; border-right: solid 1px #fff; text-transform: uppercase; display: inline-block; }
  .text-mask span { background: /* highlight text */ linear-gradient(90deg, #000 0 0) 0/ calc(var(--n)*3.5ch) no-repeat /* faded text */ rgb(180, 180, 180); -webkit-background-clip: text; color: transparent; animation: text .1s steps(var(--n, 100)) forwards; animation-timeline: scroll(root); }
  .count-sec{margin-top: -20px;padding: 15px 0 10px; border-radius: 10px;}
  .triumphs .txt{left: 50%; width: 150px; font-size:16px; padding:20px 10px;}
  .overlay-effect p{padding: 15px;font-size: 15px;} 
  .accordiontab:hover .accordiontab-item:hover .accordiontab-item-content, .accordiontab .accordiontab-item--default .accordiontab-item-content { height:25em; }

}
@media (max-width:549px){ 
  .timeline-container:before {left: 51.7%;}
  .triumphs .txt{left: 50%; width: 130px; font-size:14px; padding:20px 10px;}
}
@media (max-width:426.98px){
  .accordiontab:hover .accordiontab-item:hover .accordiontab-item-content, .accordiontab .accordiontab-item--default .accordiontab-item-content { height:23em; }
  h4 {font-size:18px} 
}
@media (max-width:375.98px){
  .btn.me-3{margin-right: 0.2rem !important;}
}