*{font-family: 'Roboto', sans-serif;transition:.3s ease;padding:0;margin:0;box-sizing:border-box;}
img{object-fit:cover;max-width:100%;}
.container{max-width:1230px;}
a{text-decoration:none !important;display:inline-block;color: black;}
ul li{list-style:none;}
ul{padding: 0;}
.flexAll{display: flex;justify-content: center;align-items: center;}
p{margin-bottom:0px; }
.box10{width:10%}
.box50{width:50%}
.box25{width:25%}
.box60{width:60%}
.box40{width:40%}
.box70{width:75%}
.box33{width:33%}
.box100{width:100%}
.box80{width:80%}
.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}
section{overflow: hidden;}
body{overflow-x:hidden ;}
.menu-button{display: none;}
.close-button{display: none;}



header .upper-header {background:#0f3494;}
header .upper-header .row-2{display: flex;justify-content: space-between;align-items: center;border-left: 1px solid #ffffff67;border-right: 1px solid #ffffff67}
header .navigation{width: 100%;}
header .upper-header .row-2 .left .contact-info ul{display: flex;margin: 0;}
header .upper-header .row-2 .left .contact-info ul li{display: flex;padding-right: 15px;align-items: center;margin-left: 10px;padding-top: 10px;padding-bottom: 10px;}
header .upper-header .row-2 .left .contact-info ul li:nth-child(1){border-right: 1px solid #ffffff67;}
header .upper-header .row-2 .left .contact-info ul li a{font-size: 14px;color: white;}
header .upper-header .row-2 .left .contact-info ul li i{margin-right: 5px;color:#fff}
header .upper-header .row-2 .right .icon ul{display: flex;margin: 0;width: 100%;}
header .upper-header .row-2 .right .icon ul li{margin-right: 15px;border-left: 1px solid #ffffff67;padding-top: 10px;padding-bottom: 10px;padding-left: 15px}
header .lower-header .navigation nav ul li{flex-grow: 1;}
header .lower-header .row-2 .logo figure{margin:0}
header .upper-header .row-2 .right .icon ul li i{color:#fff}
header .lower-header .navigation nav ul li.active a{color:#b30200;font-weight: 600;}
header .lower-header .row-2{display: flex;align-items: center;}
header .lower-header .navigation nav ul{display: flex;margin: 0;align-items: center;}
header .lower-header .navigation nav ul li:nth-child(8) a{color:#fff}
header .lower-header .navigation nav ul li:nth-child(8){background: #b30200;color: white;font-weight: 500;padding: 16px 15px 16px 15px;text-align: center;border:2px solid transparent}
header .lower-header .navigation nav ul li a{color: black;font-size: 16px;font-weight: 500;text-transform: uppercase;}
header .lower-header .navigation nav ul li a:hover{color:#b30200}
header .lower-header .navigation nav ul li:nth-child(8):hover a{color:#b30200;}
header .lower-header .navigation nav ul li:nth-child(8):hover{background: #fff;border:2px solid #b30200;box-shadow: 5px 5px 1px 0px #b30200}
header{position: sticky;top: 0;left: 0;width: 100%;background: white;z-index: 9999;border-bottom: 1px solid #ddd;}

.banner{background: #10131a;}
.banner figure img{height: 500px;}
.banner figure{position: relative;}
.banner .content{max-width:6500px;}
.banner .content{position: absolute;top:150px;left: 130px;color: white;}
.banner .content a{margin-top: 0;}
.banner .owl-theme .owl-nav button{display: flex;justify-content: space-between;font-size:22px;position: absolute;top: 280px;width: 100%;}
.banner .owl-theme .owl-nav button[class*=owl-]{width: 35px;height: 35px;;line-height: 0;}
.banner .owl-theme .owl-nav button.owl-prev{left: 0;background:white;color:#0f3494;left: 70px;top: 300px;    border-radius: 0px;}
.banner .owl-theme .owl-nav button.owl-next{right:70px;background:white;color:#0f3494;top: 300px;    border-radius: 0px;}
.banner .owl-theme .owl-nav button.owl-next:hover{background:#0f3494;color:#fff;}
.banner .owl-theme .owl-nav button.owl-prev:hover{background:#0f3494;color:#fff}
.banner .owl-theme .owl-nav button i{margin-left: 10px;margin-top:8px;font-size: 18px;}
.banner .content h4{padding: 15px 50px;border-radius: 10px;background:#0f3494;color:white;font-size: 26px;display: inline-block;font-family: "Poppins";}
.banner .content h2 span{color: #0f3494;}
.banner .content h2{font-size: 100px;font-weight: bold;font-family: "Poppins";}
.banner .content h3{font-size:40px;font-family: "Poppins";color: #fff;letter-spacing: 20px;}


.about{padding: 60px 0;}
.about .heading{font-size: 16px;color: #0f3494;margin-bottom: 15px;}
.about .subheading{font-size: 32px;color: #000;text-transform: uppercase;margin-bottom: 15px;}
.about .content p{font-size: 16px;line-height: 26px;font-weight: 400;}
.about .button a{padding: 10px 25px;color: #fff;background: #b30200;margin-top: 50px;border: 2px solid transparent;}
.about .button a:hover {color:#b30200}
.about .button a:hover{background: #fff;border:2px solid #b30200;box-shadow: 5px 5px 1px 0px #b30200}
.about .heading{position:relative}
.about .heading::before{content: "";background-image: url(http://tbsdemo.com/dev/quantasys/wp-content/uploads/2023/07/heading.png);position: absolute;background-size: cover;background-repeat: no-repeat;width: 59px;height: 2px;margin-right: 10px;left: -70px;bottom: 10px;}


.service .heading{font-size: 16px;color: #0f3494;margin-bottom: 15px;text-align:center}
.service .subheading{font-size: 32px;color: #000;text-transform: uppercase;margin-bottom: 15px;text-align:center}
.service p{font-size: 15px;width: 860px;margin: auto;margin-bottom: 30px;text-align: center;}
.service{background-image: url(../images/servicebg.png);background-repeat: no-repeat;padding:40px 0;}
.service .owl-item.active {animation: 1s bounceInRight ease;}
.service .item {padding: 19px;}
.service figcaption .wrapper:hover{background: #0f3494;}
.service figcaption .wrapper:hover h3 a{color: #fff;}
.service .owl-carousel .owl-nav.disabled{display: block !important;margin-top: 20px;}
.service  figcaption .wrapper h3{font-size: 18px;}
.service figure{position: relative;}
.service  figcaption .wrapper{position: absolute;left: 40px;bottom: 40px;padding: 20px;background: white;width: 82%;border-radius: 10px;}
.service .owl-theme .owl-nav [class*=owl-]{width: 41px;height: 41px;border-radius: 21px;filter: drop-shadow(0 0 12px rgba(0,0,0,0.19));background-color: #ffffff; color: #0f3494;}
.service .owl-theme .owl-nav [class*=owl-]:hover{background: #0f3494;color: #fff;}
.service .owl-carousel .owl-nav.disabled::before{content: "";border: 1px solid #0f3494;width: 540px;height: 2px;position: absolute;left: 0;bottom: 27px;}
.service .owl-carousel .owl-nav.disabled::after{content: "";border: 1px solid #0f3494;width: 540px;height: 2px;position: absolute;right: 0;bottom: 27px;}
.service .heading::before{content: "";background-image: url(http://tbsdemo.com/dev/quantasys/wp-content/uploads/2023/07/heading.png);position: absolute;background-size: cover;background-repeat: no-repeat;width: 59px;height: 2px;margin-right: 10px;    left: 481px;bottom: 10px;}
.service .heading{position:relative}




.choose{padding: 40px 0;}
.choose .wrap{display: flex;}
.choose .wrap .left{width: 90%;margin-right: 40px;}
.choose .heading{font-size: 16px;color: #0f3494;margin-bottom: 15px;}
.choose .subheading{font-size: 32px;color: #000;text-transform: uppercase;margin-bottom: 15px;margin-bottom: 40px;font-weight: bold;}
.choose .wrap .left figure img{margin-top: 80px}
.choose .wrap .right ul li{display: flex;margin-bottom: 20px;height: 120px;}
.choose .wrap .right figure img{    background: #0f3494;padding: 10px;width: 48px;height: 48px;object-fit: contain;}
.choose .wrap .right figure{margin-right: 20px;flex-shrink:0;transform: translateY(6px);}
.choose .wrap .right{padding-right: 80px;}
.choose .col-md-6{padding: 0;}
.choose .wrap .right .content b{font-weight: bold;color: #0f3494;font-size: 22px;}
.choose .wrap .right .content p{font-size: 15px;}
.choose .heading::before{content: "";background-image: url(http://tbsdemo.com/dev/quantasys/wp-content/uploads/2023/07/heading.png);position: absolute;background-size: cover;background-repeat: no-repeat;width: 59px;height: 2px;margin-right: 10px;    left:-70px;bottom: 10px;}
.choose .heading{position:relative}





.consulting{padding: 50px 0;}
.consulting .heading{font-size: 16px;color: #0f3494;margin-bottom: 15px;text-align:center}
.consulting .subheading{font-size: 32px;color: #000;text-transform: uppercase;margin-bottom: 15px;text-align:center}
.consulting p{font-size: 15px;margin: auto;margin-bottom: 30px;}
.consulting{background:#e6e9ec;padding:40px 0;}
.consulting figcaption .wrapp:hover{background: #0f3494;}
/* .consulting figcaption{position: relative;} */
.consulting figcaption .wrapp:hover h3 a{color: #fff;}
.consulting  figcaption .wrapp{position: absolute;left: 10px;bottom: 10px;padding: 20px;background: white;width: 93%;border-radius: 10px;display: flex;z-index: 999;}
.consulting  figcaption .wrapp h3{font-size: 18px;}
.consulting figure{position: relative;}
.consulting .overlay h4{color: #0f3494;font-weight: bold;font-size: 22px;line-height: 36px;}
.consulting .overlay p{font-size: 16px;color: #000;line-height: 30px;}
.consulting .overlay{position: absolute;background: red;width: 92%;height: 92%;top: 20px;left: 10px;right: 20px;bottom: 20px;padding: 20px;opacity: 0.902;border-radius: 20px;background-color: #ffffff;display: none;}


.consulting .heading::before{content: "";background-image: url(http://tbsdemo.com/dev/quantasys/wp-content/uploads/2023/07/heading.png);position: absolute;background-size: cover;background-repeat: no-repeat;width: 59px;height: 2px;margin-right: 10px;    left:440px;bottom: 10px;}
.consulting .heading{position:relative}

.consulting .wrapper{position: relative;}
.consulting  .wrapper:hover .overlay{display: block;}

.consulting  .wrapper:hover .wrapp{display: none;}
.testimonial{background-image:url(..//images/testimonialbg.png);padding: 60px 0;}
.testimonial .row-2{display: flex;justify-content: space-between;}
.testimonial .heading{font-size: 16px;color: #fff;margin-bottom: 15px;}
.testimonial .subheading{font-size: 32px;color: #fff;text-transform: uppercase;margin-bottom: 15px;}
.testimonial .right figure::before{content: "";border: 1px solid #fff;width: 180px;height: 1px;position: absolute;right: 60px;top: 20px;}
.testimonial .right figure{position: relative;}
.testimonial .wrapper figcaption p{font-size: 16px;color: #fff;margin-bottom: 25px;}
.testimonial .wrapper figcaption h3{font-size: 20px;color: #fff;font-weight: bold;}
.testimonial .wrapper{    border: 1px solid white;padding: 20px 10px;border-radius: 10px}
.testimonial .wrapper figcaption .icon i{color: #fdc902;}
.testimonial .box{margin-right: 20px;margin-bottom: 15px;}
.testimonial .heading::before{content: "";background-image: url(http://tbsdemo.com/dev/quantasys/wp-content/uploads/2023/07/heading.png);position: absolute;background-size: cover;background-repeat: no-repeat;width: 59px;height: 2px;margin-right: 10px;    left:-70px;bottom: 10px;}
.testimonial .heading{position:relative;    margin-left: 70px;}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}
.owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;}
.owl-theme .owl-dots .owl-dot span{background: #0f3494;border: 1px solid #fff;}


.selector{background:#e6e9ec;padding: 30px 0;}
.selector .row-2{display: flex;justify-content: center;}
.selector .row-2 .wrapper{margin-right: 40px;}



.contact{padding-top: 70px;padding-bottom: 60px;}
.contact .row{justify-content: space-between;}
.contact .subheading{font-size: 32px;color: #000;text-transform: uppercase;margin-bottom: 15px;text-align:center;margin-bottom: 50px;}
.contact .form-box form label{display: block;font-size: 15px;font-weight: 700;margin-bottom: 5px;color: #5f5f5f;}
.contact .form-box form input{width: 100%;padding: 15px;margin-bottom: 15px;background-color:#b5b2b2 ;border:2px solid transparent}
.contact .form-box form ::placeholder{color:#fff;font-size: 18px;font-weight: 500;}
.contact .form-box form textarea::placeholder{color:#fff;font-size: 18px;font-weight: 500;}
.contact .form-box form textarea{width: 100%;padding: 10px;border: 2px solid transparent;margin-bottom: 18px;background-color:#b5b2b2;height:130px;}
.contact .form-box form .button input{background-color: #b30200;color:white;border:2px solid #b30200;margin-top: 0;padding:15px 40px 15px 40px;font-weight: 700;width:auto}
.contact .form-box form button{background-color: #b30200;color:white;border:2px solid #b30200;margin-top: 0;padding:15px 40px 15px 40px;font-weight: 700;}
.contact .form-box  .button input:hover{color:#b30200;background: white;border:2px solid #b30200;box-shadow: 5px 5px 1px 0px #b30200;}
.contact .form-box  input:hover{border: 2px solid #0f3494;background: white;}
.contact .form-box  textarea:hover{border: 2px solid #0f3494;background: white;}
.contact form{width: 717px;border-radius: 10px 0px 0px 10px;filter: drop-shadow(0 0 14.5px rgba(0,0,0,0.1));background-color: #ffffff;padding: 40px 30px;}
.contact .form-box form input:hover::placeholder{color:#0f3494}
.contact .form-box form textarea:hover::placeholder{color:#0f3494}
.contact .form-box form h3{color: #0f3494;margin-bottom: 30px;font-weight: bold;}
.contact  iframe{width: 100%;height:605px;border-radius: 0px 10px 10px 0px;}
.contact .wrapper{filter: drop-shadow(0 0 14.5px rgba(0,0,0,0.1))}


footer{background-image: url(..//images/footerbg.png);padding-top: 40px;    border-radius: 70px 70px 0px 0px;}
footer .upper{padding-bottom: 30px;border-bottom: 1px solid white;margin-bottom: 40px;}
footer .upper .row{align-items: center;}
footer .upper i{font-size: 20px;padding: 10px;background: white;margin-right: 15px;color: black;border: 1px solid transparent;}
footer .upper i{background: #bf1225;color:white;font-size: 35px;padding: 25px;border:2px solid transparent}
footer .upper .wrapper{display: flex;align-items: center;background: #fff;}
footer .upper .wrapper b{font-size: 22px;color:#0f3494;font-weight: bold;display:block;}
footer .upper .wrapper a{font-size: 16px;color:#000;font-weight: 500;}
footer .upper i:hover{background: #fff;color:#bf1225;font-size: 35px;padding: 25px;border:2px solid #bf1225}
footer .upper .wrapper a:hover{color: #0f3494;}
footer .heading::after{content: "";border-bottom:5px solid white;width:40px;height:6px;display: block;margin-bottom: 20px;}
footer figure{margin-top:10px;margin-bottom: 30px;}
footer .row-2{display: flex;justify-content: space-between;}
footer .heading h3{font-size: 22px;color: white;margin-bottom: 5px;font-weight: 600;}
footer ul li a{color: #fff;font-size: 16px;line-height: 1.6;}
footer ul li{display: flex;align-items: center;}
footer .contact-icon ul li{margin-bottom: 20px;    align-items: unset;}
footer .contact-icon ul li i{color: #0f3494;font-size: 18px;padding: 5px;background: #fff;width: 28px;height: 28px;text-align: center;} 
footer .contact-icon .icon{margin-right: 10px;}
footer ul li .address p{color: #fff}
footer .second .footer-menu ul li a::before{content: "\f054";color: #fff;font-family: "Font Awesome 6 Free";font-size: 14px;font-weight: 900;margin-right: 10px;}
footer .lower .phone b{color:#fff;font-size: 14px;}
footer .lower .mail b{color:#fff;font-size: 14px;}
footer .lower{background-image: url(../images/footer-background.png);background-repeat: no-repeat;background-size: cover;}
footer .lower ul li:hover a{color:white}
footer .lower ul li:hover a{color:white}
footer .lower .first{flex: 0 0 25%;}
footer .lower .second{flex: 0 0 20%;}
footer .lower .third{flex: 0 0 30%;}
footer .lower .fourth{flex: 0 0 25%;}
footer .lower .first .content p{margin-bottom: 20px;color: #808080;font-weight: 500;}
footer .lower form button:hover{background-color:white;color:#13ae90 ;font-weight: 600;border: transparent}
footer .lower .social{display: flex;color: white;margin-bottom: 50px;}
footer .lower .fourth p{font-size: 18px;color: white;margin-bottom: 10px;}
footer .lower .social i{color:white;font-size: 16px;margin-right: 10px;color: #fff;border-radius: 50%;}
footer .lower .third .footer-menu ul li a::before{content: "\f054";color: #fff;font-family: "Font Awesome 6 Free";font-size: 14px;font-weight: 900;margin-right: 10px;}
footer .lower form input::placeholder{font-size: 16px;font-weight: 500;color:#a2a2a2;}
footer .lower .fa-twitter{width:35px;height: 35px;border:1px solid white;padding-top:8px ;padding-left:8px ;}
footer .lower .fa-facebook-f{width:35px;height: 35px;border:1px solid white;padding-top:8px;padding-left:10px;}
footer .lower .fa-instagram{width:35px;height: 35px;border:1px solid white;padding-top:8px ;padding-left:9px }
footer .lower .fa-linkedin-in{width:35px;height: 35px;border:1px solid white;padding-top:8px ;padding-left:9px ;}
footer .lower .fa-twitter:hover{background:white;color: #1da1f2 ;}
footer .lower .fa-facebook-f:hover{background:white;color:#166fe5 ;}
footer .lower .fa-instagram:hover{background:white;color:#f602b5 ;}
footer .lower .fa-linkedin-in:hover{background:white;color:#0077b5 ;}

.copyright{padding: 12px;background: #000;text-align: center;}
.copyright .wrapper p{font-size: 15px;color: #fff;}
.copyright .wrapper a{font-size: 15px;color: #fff;}
.service{position:relative}
.service::after{content: "";border: 1px solid #0f3494;width: 540px;height: 2px;position: absolute;right: 70px;bottom: 67px;}
.service::before{content: "";border: 1px solid #0f3494;width: 540px;height: 2px;position: absolute;left: 70px;bottom: 63px;}


@media (max-width:1024px){
	header .lower-header .navigation nav ul li a{font-size:14px;}
	header .lower-header .navigation nav ul li:nth-child(8){padding:10px}
	.banner .content{    top: 70px;left: 80px;}
	.banner .content h4{font-size: 24px;}
	.banner .content h2{font-size: 100px;}
	.banner .content h3{font-size: 40px;}
	
	.service::before{width:380px}
		.service::after{width:380px}
	.testimonial .wrapper{height:260px}
	.contact form{width:auto}
	footer .upper{margin-bottom:10px}
	.choose .wrap .right .content b{font-size:18px}
	.choose .wrap .right ul li{height:130px}
	.service .heading::before{left:381px}
	.consulting .heading::before{left:340px}
	
}

@media (max-width:768px){
	.menu-button{display: block;}
.menu-button .fa-bars{font-size: 22px;color:#0f3494;}
.close-button{display: block;text-align: right;padding: 1rem;color: white;}
.close-button .fa-times{font-size: 20px;color: white;}
header nav ul li{    margin: 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
header .lower-header .navigation nav ul li{width: 100%;margin-left: 0;}
header .lower-header .navigation nav ul{flex-wrap: wrap;}
header .lower-header .navigation nav ul li a{font-size: 14px;display: block;padding: 8px 15px;color: #fff;}
header .lower-header .navigation nav ul li.current-menu-item a{background-color: white;color: #bf1225;}
header .lower-header .navigation nav ul{display: block;border-top: 1px solid rgba(255,255,255,0.3)}
header .lower-header .navigation nav ul li.active a{color:#0f3494;background-color:white}
header .upper-header .left .contact-info .email{display: none;}
header .upper-header .left .contact-info .phone{display: none;}
header .upper-header .row-2 .contact-details ul li{display: none;}
header .lower-header .navigation{display: block;position: fixed;right: -100%;top: 0;width: 260px;height: 100%;z-index: 999;background: #0f3494;border-left: 1px solid rgba(255,255,255,0.3);overflow:auto;}
header .lower-header {margin-top: 10px;}
header .lower-header .logo{width: 100%;display: flex;align-items: center;justify-content: space-between;}
header .lower-header .logo figure{width: 50%;}
	
	header .lower-header .navigation nav ul li:nth-child(8){text-align:start;padding:0}
	header .lower-header{margin-top:0}
	.banner .content {top: 40px;left: 30px}
	.banner .content h4{font-size:20px}
	.banner .content h2{font-size:80px}
	.banner .content h3{font-size:27px}
	
	.about .subheading{font-size:20px}
	.about .content p{font-size:14px;line-height:22px}
	
	.service .subheading{font-size:20px}
	.service p{width:730px}
	.service::after{width:250px}
	.service::before{width:250px}
	
	.choose .wrap{display:block}
	
	.choose .wrap .right{padding-right:0}
	.choose .wrapper ul{column-count:2}
	.choose .wrap .left figure img{margin-top:0}
	.choose{padding:0}
	
	.consulting .overlay{width: 48%;left: 385px;height: 100%;top: 0px;}
	
	.consulting figcaption .wrapp{width:48%}
	
	footer .upper .wrapper{margin-bottom:20px}
	footer .upper{padding-bottom:0px}
	
	footer{background-size: cover;}
	footer .row-2{flex-wrap:wrap}
	footer .row-2 .first{flex:0 0 50%}
	footer .row-2 .second{flex:0 0 50%;margin-bottom:20px}
	footer .row-2 .third{flex:0 0 50%;margin-bottom:30px}
	footer .row-2 .fourth{flex:0 0 50%}
	
	footer ul li a{font-size:13px}
	footer .contact-icon ul li{margin-bottom:0px}
	footer ul li a{line-height: 1.8;}
	footer{background-position:center}
	.service .heading::before{left:251px}
	.choose .wrap .right{padding:20px}
	.choose .heading{margin-left: 70px;}
	.consulting .heading::before{left:212px}
	.choose .heading{text-align:center}
	.choose .subheading{text-align:center}
	.choose .heading::before{left:190px}
	.testimonial .right figure::before{width:90px;top:10px}
	
}

@media (max-width:767px){
	.banner .content{top:20px}
	.banner .content h4{font-size:14px}
	.banner .content h2{font-size:50px}
	.banner .content h3{font-size: 18px;letter-spacing:12px}
	.service p{width:390px;font-size:14px}
	
	.service::before{width: 130px;left: 20px;}
	.service::after{width: 130px;right:20px}
	.choose .wrapper ul{column-count:1}
	.choose .wrap .right ul li{height:auto}
	.consulting figcaption .wrapp{width:88%}
	.consulting .overlay{width: 88%;left: 10px;height: 94%;top: 10px;}
	.selector .row-2 .wrapper{margin-right:20px}
	
	.contact .form-box form input{margin-bottom:0}
	
	footer{background-position:center}
	footer .row-2 .first{flex:0 0 100%;}
	footer .row-2 .second{flex:0 0 100%}
	footer .row-2 .third{flex:0 0 100%}
	footer .row-2 .fourth{flex:0 0 100%;margin-bottom:20px}
	footer .lower .social{margin-bottom:25px}
	
	.about .heading{margin-left:70px}
	.service .heading::before{left:80px}
	.consulting .heading::before{left:40px}
	
}

@media (max-width:425px){
	.banner .content h4{padding:10px}
	.banner .content h2{font-size:35px}
	.banner .content h3{letter-spacing: 5px;}
	.service p{width:350px}
	
	header .lower-header{margin-top:0}
	.consulting .overlay{width:94%}
	.choose .wrap .right{padding:10px}
	.contact form{margin-bottom:20px}
	.service .heading::before{left:60px}
	.consulting .heading::before{left:20px}
}