@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

/* Variables */

:root {

	--bs-body-color:#313131;

	--bs-body-font-family:"Mona Sans", sans-serif;

	--bs-heading-color:#313131;

	--bs-heading-font-family:"Mona Sans", sans-serif;



	/* common Color */

	--bs-orange:#CC5500;

	--bs-orange-1:#e47d00;

	--bs-orange-2:#c94600;



	/* Shadow */

	--bs-shadow:204,85,0;



	/* Button Orange */

	--grd-orange-1:linear-gradient(to bottom, #b32c00, #c95000);

	--grd-orange-2:linear-gradient(to bottom, #df7400, #b32b00);

	--grd-orange-3:linear-gradient(to bottom, #b32b00, #df7400);

	--grd-orange-4:linear-gradient(to right,  rgba(227,123,0,1) 17%,rgba(182,49,0,1) 100%);

	--grd-blue-1:linear-gradient(135deg, rgba(17,32,57,1) 0%, rgba(61,43,127,1) 100%);

	--grd-blue-2:linear-gradient(135deg, rgba(61,43,127,1) 0%, rgba(17,32,57,1)  100%);

	

	/* Button Blue */

	--blue-primary-1:#112039;

	--blue-primary-2:#512F9F;

	

	/* clr */

	--clr-grey-0:#787878;

	--clr-grey-1:#6d6d6d;

	--clr-grey-2:#868686;



	/* BG */



	--bs-gray-0:#F5F5F5;

	--bs-gray-1:#D7D7D7;

	--bs-gray-2:#313131;

	--bs-gray-3:#202020;

	--bs-gray-4:#525252;

	--bs-gray-5:#cacaca;

	--bs-gray-6:#f0f0f0;

	--bs-gray-7:#A3A3A3;

	--bs-gray-8:#6d6d6d;



	--bs-blue-0:#17294d;

	--bs-blue-1:#112039;

	--bs-blue-2:#0b1222;

	--bs-blue-3:#080518;

	--bs-blue-4:#192347;

	

	--border-clr-1:#c2c2c2;

	--border-clr-2:#848484;

	--border-clr-3:#cacaca;

	--border-clr-4:#D9D9D9;

	--border-clr-5:#c1c1c1;

	--border-clr-6:#D3D3D3;

	--border-clr-7:#D7D7D7;

	--border-clr-8:#313131;

	--border-clr-9:#cacaca;

}

/* Variables */



*, ::after, ::before {

transition:0.5s;

}



body { font-weight:400; line-height:1.5; }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color:var(--bs-heading-color); font-family:var(--bs-heading-font-family); line-height:1.3; padding:0; margin:0 0 30px;  }

/*h1,h2,

.h1,.h2 { margin:0 0 30px; }*/

h1, .h1 { font-size:52px; font-weight:bold; margin-bottom:30px; }

h2, .h2 { font-size:42px; font-weight:bold; }

h3, .h3, .h4 { font-size:22px; font-weight:bold; margin:0 0 15px; }

h4, { font-size:20px; font-weight:bold;  }

h5, .h5 { font-size:20px;   margin:0 0 15px; }

h6, .h6 { font-size:18px;  margin:0 0 15px; }



.h7 { font-size:20px; /*color:var(--clr-grey-0);*/ font-weight: 500; margin:0 0 20px; }

.subhead { font-size:20px; font-weight: 500; }

img, svg { max-width:100%; height:auto; }

hr { background:rgb(var(--bs-orange)); border: 0; height: 3px; opacity: 1; }

p { margin:0 0 30px; }

p:last-child { margin:0; }

.fw-3 { font-weight:400; }

.fw-4 { font-weight:400; }

.fw-5 { font-weight:500; }

.fw-6 { font-weight: 600; }



small, .small { font-size:15px; } 

a { color:var(--bs-orange); text-decoration:none; }

a:hover{ color:var(--bs-blue-1);  }

.subtitle { font-size:19px; margin: 0 0 30px; }



ul {

list-style: disc;

list-style-position: outside;

padding: 0 0 0 14px;

margin-left: 0;

}



.img-5 { margin:0 0 20px; height:50px; }

.img-5 img,

.img-5 svg { height:100%; }

.spl { position: relative; }

.spl::before { background: url(../img/title_star.svg) no-repeat 0 0 / cover ; display: inline-block; content: ""; height: 26px; width: 26px; position: absolute; top: -13px; left: 5px; }



.btn {

	font-family: var(--bs-heading-font-family);

	--bs-btn-padding-x: 2.5rem;

	--bs-btn-padding-y: 0.95rem;

	font-size:16px;

}

.btn:hover { text-decoration:none; }

.btn-primary {

	--bs-btn-color: #fff;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: rgb(185,78,1);

	--bs-btn-focus-shadow-rgb: 49,132,253;

	--bs-btn-active-color: #fff;

	--bs-btn-border-color: ;

	--bs-btn-hover-border-color:#FFEFC7;

  	--bs-btn-border-width: 1px;

	border-radius: 7px;

	position: relative;

	overflow: hidden;

	transition: 0.2s;

	border:3px solid var(--bs-orange);

	background:linear-gradient(to bottom, #fda800, #9a0100);

	padding:0;

}

.btn-primary span { background:var(--bs-orange); padding:12px 40px; display: block; border-radius: 7px; margin:1px; }

.btn-primary:hover { border-color:var(--bs-orange); background:linear-gradient(to bottom, #9a0100, #fda800); }

.btn-primary:hover span { background: var(--bs-orange-2); box-shadow: 0px 2px 5px rgba(0,0,0,0.2) inset; }



.custom_btn { background:var(--grd-orange-1); color:#fff; text-decoration:none; box-shadow:0 10px 10px rgba(0,0,0,0.1); padding:1px; display:inline-block; border-radius:7px; }

.custom_btn span { background:var(--grd-orange-2); padding:14px 35px; margin: 2px; display: block; border-radius: 5px; font-weight: 600; }

.custom_btn:hover span { background:var(--grd-orange-3); color:#fff; }



.btn_white { background: linear-gradient(to bottom, #dedede, #8d8d8d); color: #fff; text-decoration: none; padding: 1px; display: inline-block; border-radius: 7px; border: 3px solid #fff; }

.btn_white span { background: linear-gradient(to bottom, #ffffff, #c7c7c7); padding: 15px 15px; display: block; border-radius: 4px; font-weight: 600; line-height: 1; color: #0D0D0D; font-size: 16px; }

.btn_white:hover span { background: linear-gradient(to bottom, c7c7c7, #ffffff); }



.btn-primary span,

.btn_white span { min-width:185px; text-align:center; }

.readmore { background:var(--bs-orange) url(../img/white-arrow.svg) no-repeat center center / 20px 20px; border-radius:100px; display:inline-block; height:50px; width:50px; }

.btn-white {

	--bs-btn-color: #0d0d0d;

	--bs-btn-hover-color: #0d0d0d;

	--bs-btn-hover-bg: rgb(185,78,1);

	--bs-btn-focus-shadow-rgb: 49,132,253;

	--bs-btn-active-color: #fff;

	--bs-btn-border-color: ;

	--bs-btn-hover-border-color:#FFEFC7;

  	--bs-btn-border-width: 1px;

	border-radius: 7px;

	position: relative;

	overflow: hidden;

	transition: 0.2s;

	border:3px solid #fff;

	padding:0;

}

.btn-white span { background:linear-gradient(to bottom, #ffffff, #c8c8c8); padding:0.95rem 2.5rem; border:1px solid #8c8c8c; display: block; border-radius: 7px; margin:1px; }



.custom_btn_2 { background:#09071c; color:fff; border:1px solid #fff; padding:11px 30px; }

.custom_btn_2 .icon-caseStudy { background:url(../img/icon-caseStudy.svg) no-repeat 0 0; display:inline-block; height: 29px; width: 26px; vertical-align: middle; margin-left:10px; }

.custom_btn_2:hover { border-color:var(--bs-orange); color:var(--bs-orange); }



/* Background */

.gray-0 { background-color:var(--bs-gray-0) !important; }

.gray-1 { background-color:var(--bs-gray-1) !important; }

.gray-2 { background-color:var(--bs-gray-2) !important; }

.gray-3 { background-color:var(--bs-gray-3) !important; }

.gray-4 { background-color:var(--bs-gray-4) !important; }

.gray-5 { background-color:var(--bs-gray-5) !important; }

.gray-6 { background-color:var(--bs-gray-6) !important; }

.gray-7 { background-color:var(--bs-gray-7) !important; }

.gray-8 { background-color:var(--bs-gray-8) !important; }



.bg-blue-0 { background-color:var(--bs-blue-0)!important; }

.bg-blue-1 { background-color:var(--bs-blue-1)!important; }

.bg-blue-2 { background-color:var(--bs-blue-2)!important; }

.bg-blue-3 { background-color:var(--bs-blue-3)!important; }

.bg-blue-4 { background-color:var(--bs-blue-4)!important; }

.grd-blue-1 { background:var(--grd-blue-1)!important; }

.grd-blue-2 { background:var(--grd-blue-2)!important; }



[class*="bg-blue"] * { color:#fff; }

[class*="grd-blue"] * { color:#fff; }[class*="bg-blue"] * a { Color:var(--bs-orange); }[class*="bg-blue"] * a:hover {  text-decoration:underline; }



.grd-orange-1 { background:var(--grd-orange-1); }

.grd-orange-2 { background:var(--grd-orange-2); }

.grd-orange-3 { background:var(--grd-orange-3); }

.grd-orange-4 { background:var(--grd-orange-4); }

.clr-oragne { color:var(--bs-orange); }

[class*="grd-orange-"] * { color:#fff; }



[class*="cta_sec"] { position:relative; }

[class*="cta_sec"]::before {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 60%;

	height: 100%;

	background: linear-gradient(to right, rgba(8,5,24,1) 0%,rgba(229,229,229,0) 100%);

}	



/* Width */

.w-1200 { max-width:1200px; }

.w-1100 { max-width:1100px; }

.w-1000 { max-width:1000px; }

.w-900 { max-width:900px; }

.w-800 { max-width:800px; }

.w-750 { max-width:750px; }

.w-700 { max-width:700px; }

.w-650 { max-width:650px; }

.w-600 { max-width:600px; }

.w-550 { max-width:550px; }

.w-500 { max-width:500px; }



/* Color */

.clr-grey-1 { color:var(--clr-grey-1); }



/*.custom-btn {

  padding: 12px 28px;

  font-size: 16px;

  font-family: Arial, sans-serif;

  color: #000;

  background: linear-gradient(to bottom, #f2f2f2, #d9d9d9);

  border: 2px solid #bfbfbf;

  border-radius: 14px;

  cursor: pointer;

  box-shadow: 

    inset 0 2px 3px rgba(255, 255, 255, 0.8),

    inset 0 -2px 3px rgba(0, 0, 0, 0.1),

    0 2px 4px rgba(0, 0, 0, 0.2);

  transition: all 0.2s ease;

}

.custom-btn:hover {

  background: linear-gradient(to bottom, #ffffff, #dcdcdc);

}

.custom-btn:active {

  box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.2);

  transform:translateY(1px);

}*/



.py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.pt-6 { padding-top: 3rem !important; }

.pb-6 { padding-bottom: 3rem !important; }

.my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.mt-6 { margin-top: 3rem !important; }

.mb-6 { margin-bottom: 3rem !important; }



ul.list { padding: 0; list-style: none; }

ul.list li { margin:20px 0 0; padding: 0 0 0 19px; position: relative; }

ul.list li::before { content: ""; display: block; background: var(--bs-orange); height: 8px; width: 8px; border-radius: 100%; position: absolute; left: 0; top: 10px; }s

ul.list li:first-child { margin-top:0; }

ul.list li strong { font-weight:600; }



.cta_list { padding: 0 0 25px; }

.cta_list .col:first-child { margin-left: 0; border: 0; }

.cta_list .col { position: relative; margin: 10px 0;font-size:18px; border-left: 1px solid #512F9F; padding-left: 50px; text-align: left;font-weight: 600; }

.cta_list .col::before { background: url(../img/list.svg) no-repeat 0 0 / cover; content: ""; display: block; height: 20px; width: 20px; margin: 0 0 10px; top: 5px; position: absolute; left: 15px; } 



.btn-outline { display:inline-block; font-size: 17px; color: #fff; border: 1px solid rgb(var(--bs-orange)); border-radius: 100px; padding: 12px 35px; }

.btn-outline:hover { background:rgb(var(--bs-orange)); color:#fff; text-decoration:none; }

.btn-outline span { position:relative; }

.btn-outline::after { content: ""; background: url(../img/icon_arrow_black.svg) no-repeat 0 0; height: 11px; width: 11px; display: inline-block; margin-left: 11px; filter:invert(100%); }

.btn-outline:hover::after { transform: rotate(45deg); }



.btn-sm { font-size:calc(var(--bs-body-font-size) - 2px); padding:13px 25px; }

.btn-lg{padding: 16px 38px;font-size: var(--bs-f-3);}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color:rgb(var(--bs-orange))!important;}

[class*="bg_secondary"] * { color:var(--bs-gray-0); }

[class*="bg_secondary"] * a { color:rgb(var(--bs-orange)); }

[class*="bg_secondary"] * a:hover { color:var(--bs-blue-1); }

[class*="bg_secondary"] .heading { color:#fff; }

[class*="bg_secondary"] .title_small { color:rgb(var(--bs-orange)); }

[class*="bg_secondary"] .title_small::before { background:url(../img/title_arrow_primary.svg) no-repeat right 0 / cover; }

[class*="bg_secondary"] * .bg-white > * { color:var(--bs-body-color); }

[class*="bg_secondary"] .btn,

[class*="bg_secondary"] .btn:hover { color:#fff; }



.py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.pt-6 { padding-top: 3rem !important; }

.pb-6 { padding-bottom: 3rem !important; }

.my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.mt-6 { margin-top: 3rem !important; }

.mb-6 { margin-bottom: 3rem !important; }



.swiper .arrow_sec { position: relative; margin:66px auto 0; max-width:90px; display: flex; flex-wrap: wrap; justify-content: space-between; }

.swiper .arrow_sec [class*="swiper-button-"]::after { display:none; }

.swiper .arrow_sec [class*="swiper-button-"] { background:url(../img/arrow_primary.svg) no-repeat right 0; height:16px; display:inline-block; position:static; width:28px; filter:grayscale(100%); }

.swiper .arrow_sec [class*="swiper-button-"]:hover { filter:grayscale(0); width:48px; }

.swiper .arrow_sec .swiper-button-prev { transform: rotatey(180deg); }



.hero_sec { background-color:var(--bs-blue-0); overflow:hidden; position:relative; }

.hero_sec > .container { position:relative; }

.hero_sec .h3,

.hero_sec .h4 { font-size:20px; }

.hero_sec .banner_caption { /*max-width:660px;*/ position:relative; }

.hero_sec::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 60%; height: 100%; background: linear-gradient(to right, rgba(8,5,24,1) 0%,rgba(229,229,229,0) 100%); }

.hero_sec .banner_caption  > * { color:#fff; }

.hero_sec .banner_caption .btns_sec > * { margin-right:15px; }

.home_banner { background:url(../img/hero-banner.jpg) no-repeat right top / cover; }



.client_sec .swiper-slide{width:200px;}

.client_sec .client_slider .swiper-wrapper {

    transition-timing-function: linear !important;

}

.client_sec .client_box { padding: 15px; /*background: #fff;*/ height: 100%; display: flex;align-items: center; justify-content: center; }

.client_sec img { filter: grayscale(100%); }

.client_sec .swiper-slide { height:auto; }



/* Solutions */

.solution_sec .tabs-nav {}

.solution_sec .sol_inner { background:#fff; border-radius:20px; padding:2% 1%; }

.solution_sec .tabs-nav li { margin:15px 0 0; width:100%; }

.solution_sec .tabs-nav li:first-child { margin-top:0; }

.solution_sec .tabs-nav li a { background:var(--bs-gray-1); color:#000; display: block; position: relative; font-size:21px; font-weight: 600; padding:3px; border-radius:10px; }

.solution_sec .tabs-nav li a span { padding:20px 60px 20px 20px; display:block; border-radius:10px; }

.solution_sec .tabs-nav li a.active,

.solution_sec .tabs-nav li a:hover{ background:var(--grd-orange-1) ; color:#fff; text-decoration:none; box-shadow:0 10px 10px rgba(0,0,0,0.1); }

.solution_sec .tabs-nav li a.active::after,

.solution_sec .tabs-nav li a:hover::after { background:url(..//img/button-arrow.svg) no-repeat 0 0 / cover; content: ""; display: block; height: 30px; width: 30px; position: absolute; right:20px; top: 50%; transform: translateY(-50%); }

.solution_sec .tabs-nav li a.active span,

.solution_sec .tabs-nav li a:hover span { background:var(--grd-orange-2); }

.solution_sec .tab-content .box_sec { margin-left:-5px; margin-right:-5px; }

.solution_sec .tab-content .box_sec > * { padding-left:5px; padding-right:5px; margin-bottom:10px; }

.solution_sec .tab-content .box_sec .box { background: var(--grd-blue-1); color: #fff; text-align: center; padding: 30px; border-radius: 20px; height: 100%; line-height: 1.3; position: relative; overflow: hidden; min-height: 250px; display: flex; align-items: center; font-size:14px; }

.solution_sec .tab-content .box_sec .box .arrow { background: url(../img/right-arrow-white.svg) no-repeat 0 0; height: 16px; width: 16px; position: absolute; right: 10px; bottom: 10px; display:none; }

.solution_sec .tab-content .box_sec .box .link { position:absolute; left:0; right:0; top:0; bottom:0; font-size:0; }

.solution_sec .tab-content .box_sec .box .img { height:40px; }

.solution_sec .tab-content .box_sec .box .img svg { height:100%; }

.solution_sec .tab-content .box_sec .box .inner_box { transition: 0.5s; position: absolute; top: 50%; left: 0; padding: 15px; width: 100%; transform: translateY(-50%); }

.solution_sec .tab-content .box_sec .box .inner_box p { display: none; }

.solution_sec .tab-content .box_sec .box:hover { background:var(--grd-orange-2); }

.solution_sec .tab-content .box_sec .box:hover .inner_box p { display: block; }

.solution_sec .tab-content .box_sec .box:hover .arrow { display:block; }

.solution_sec .tab-content .box_sec .box * { color:#fff !important; }

.solution_sec .tab-content .box_sec .box:hover .img,

.solution_sec .tab-content .box_sec .box:hover .sec_title { margin-bottom:10px; }

.solution_sec .tab-content .box_sec .box .img { margin:0 0 20px; }

.solution_sec .tab-content .card-header { display:none; }

.solution_sec .card { background-color: transparent;border: none; }

.solution_sec .block_title { font-size:26px; line-height: 1.5; font-weight:400; }



/* Services */

.services_tabs .tabs-nav { display: grid; grid-template-columns: repeat(6, 1fr); gap:12px; }

.services_tabs .tabs-nav li { margin:0; }

.services_tabs .tab-content .card-header a[aria-expanded="false"],

.services_tabs .tabs-nav li a { padding:2px; display: block; border-radius: 10px; border: 0; height:100%; }

.services_tabs .tab-content .card-header a[aria-expanded="false"] span,

.services_tabs .tabs-nav li a span { display:flex; padding: 18px 10px;  color: var(--bs-body-color); border: 1px solid var(--border-clr-1); position: relative; text-align: center; font-weight: 600; border-radius: 8px; border-radius: 10px; height:100%; align-items:center; justify-content: center; line-height: 1.3; }

.services_tabs .tab-content .card-header a[aria-expanded="true"],

.services_tabs .tabs-nav li a.active { background:var(--grd-orange-1); box-shadow: 0 10px 10px rgba(0,0,0,0.1); }

.services_tabs .tab-content .card-header a[aria-expanded="true"] span,

.services_tabs .tabs-nav li a.active span { background:var(--grd-orange-2); border:0; color:#fff; }

.services_tabs .tab-content { padding: 40px 0 0px 0; }

.services_tabs .tab-content .box_sec .col { margin-bottom:20px; }

.services_tabs .tab-content .card-header { display:none; }

.services_tabs .card { background-color: transparent;border: none; }

.services_tabs .service_box { background: var(--bs-gray-2); padding:40px; color: #fff; border-radius: 15px 15px 15px 15px; display: flex; flex-wrap: wrap; height: 100%; position:relative; }

.services_tabs .service_box .card_title { border-bottom: 1px solid var(--border-clr-2); margin-bottom: 15px; padding-bottom:15px; font-weight: 500; }

.services_tabs .service_box .service_inner { /* margin-bottom: 20px;*/  display:flex; flex-wrap:wrap;}

.services_tabs .service_box .cont_box { position:relative; z-index:1; margin-bottom:20px; }

.services_tabs .service_box .cont_box > * { color: #fff; }

.services_tabs .service_box .readmore { display:none; position:absolute; right:0; bottom:0; }

.services_tabs .service_box .img_box { margin-top: auto; border-radius: 20px; overflow: hidden; }

.services_tabs .service_box .second_box { margin-top:auto; position:relative; min-height: 350px; }

.services_tabs .service_box .second_box ul { opacity:0; }

.services_tabs .service_box .second_box .img_box { position:absolute; left:0px; right:0px; top:0; height: 100%; overflow: hidden; }

.services_tabs .service_box:hover { background: linear-gradient(135deg,  var(--blue-primary-1) 50%,var(--blue-primary-2) 100%); border-radius:15px 15px 80px 15px; }

.services_tabs .service_box:hover .img_box { position:absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; opacity:0.2; border-radius:15px 15px 80px 15px; }

.services_tabs .service_box:hover .img_box img { object-fit:cover; height:100%; width:100%; }

.services_tabs .service_box:hover .readmore { display:block; }

.services_tabs .service_box:hover .second_box { position:static; }

.services_tabs .service_box:hover .second_box ul { opacity:1; }



.service_sec {}

.service_sec .img { background: var(--bs-orange); padding: 10px; height: 75px; width: 75px; border-radius: 20px; color: #fff; display: flex; place-items: center; justify-content: center; }

.service_sec .img svg {}

.service_sec .service_box { border-radius: 20px; overflow: hidden; height:100%; }

.service_sec .service_box:hover { box-shadow: 0 5px 35px rgba(var(--bs-shadow),0.5); }

.service_sec .service_box .service_box_inner { height:100%; display:flex; flex-flow: column; }

.service_sec .service_box .cont_box { margin-bottom:20px; }

.service_sec .service_box .service_box_inner .read_more { margin-top:auto; }



.service_sec .service_box .cont_box .d-sm-flex { display: block !important; border: 0 !important; padding: 0 !important; }

.service_sec .service_box .cont_box .d-sm-flex .img { margin-bottom: 1.5rem !important; }



.border_sec .row { margin: -50px; overflow: hidden; }

.border_sec .row .col { border: 1px solid var(--border-clr-4); padding: 50px; margin: -0.5px;}

.border_sec .row .col .title {/* font-size:21px;*/ }





/* Solutions */

.industry_sec .tabs-nav {}

.industry_sec .sol_inner { background:#fff; border-radius:20px; padding:30px; }

.industry_sec .indus_inner .tabs-left { position:relative; }

.industry_sec .indus_inner .tabs-left::before { content: ""; position: absolute; left: 0px; top: 0; width: 2px; height: 100%; background-color:var(--bs-gray-7); z-index: 1; }

.industry_sec .indus_inner .progress-indicator { position: absolute; left: 0px; top: 0; width: 3px; background-color: #d35400; transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; }

.industry_sec .tabs-nav li { margin:15px 0 0; width:100%; }

.industry_sec .tabs-nav li:first-child { margin-top:0; }

.industry_sec .tabs-nav li a { color:#000; display: block; position: relative; font-size:20px; font-weight: 600; padding:18px 20px;  display:block;}

.industry_sec .tabs-nav li a.active,

.industry_sec .tabs-nav li a:hover { color:var(--bs-orange); text-decoration:none; }

.industry_sec .tab-content .card-header { display:none; }

.industry_sec .tab-content { background:linear-gradient(to right, var(--blue-primary-1) 50%,var(--blue-primary-2) 100%);border: none; border-radius:15px; padding:20px; }

.industry_sec .tab_content { background:none; border:0; }

.industry_sec .tab-content .cont_blcok { padding:50px; }

.industry_sec .tab-content .cont_blcok > * { color:#fff !important; font-weight:400; font-size:30px; }

.industry_sec .tab_content .icon { height:70px; margin: 0 0 25px; }

.industry_sec .tab_content .icon svg { height:100%; width:auto; }



.h_cta_bg { background:url(../img/h_cta_bg.jpg) no-repeat right center / cover; position:relative; }

.h_cta_bg > * { color:#fff; }



.stats_sec { position: relative; z-index: 1; }

.stats_sec .stats_sec_inner { /*padding:35px; border-radius:15px; margin-bottom:20px;*/  font-weight:500; font-size:18px; line-height: 1.3; }

.stats_sec .stats_sec_inner ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; }

.stats_sec .stats_sec_inner ul li { background: #fff; padding: 60px 30px; width: 32.66%; text-align: center; border-radius: 10px; margin: 0 0 20px 1%;}

.stats_sec .stats_sec_inner ul li:first-child { margin-left: 0; }
.stats_sec .stats_sec_inner .stat-number { display: block;  transition: transform 0.3s ease, color 0.3s ease; }
.stats_sec .stats_sec_inner .title { color: var(--bs-orange); display: block; font-size:36px; margin: 0 0 15px; line-height:1; position:relative; font-weight: 300; }

.stats_sec .stats_sec_inner .title sub { font-size: 16px; top: 13px; position: absolute; bottom: inherit; }

.stats_sec .stats_sec_inner p { font-size:16px; }



.casestydy_sec { overflow:hidden; }

.casestydy_sec .casestudy_box { background:#fff; border-radius:20px 20px 80px 20px; box-shadow:0 10px 10px rgba(0,0,0,0.1); overflow:hidden; height:100%; /*max-width: 1150px;*/ }

.casestydy_sec .casestudy_box .readmore { position: absolute; right: 0; bottom: 0; display:none; }

.casestydy_sec .casestudy_box .img_box { position:relative; }

.casestydy_sec .casestudy_box .img_box img { width:100%; }

.casestydy_sec .casestudy_box .img_box::before {  background:linear-gradient(to bottom, transparent, var(--blue-primary-1)); content:""; display:block; bottom:0; left:0; right:0; height:50%; position: absolute; }

.casestydy_sec .casestudy_box .img_box .stats_box { position: absolute; left: 0; bottom: 0; padding: 50px 50px 20px 50px; max-width:520px; }

.casestydy_sec .casestudy_box .img_box .stats_box ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 50px; }

.casestydy_sec .casestudy_box .img_box .stats_box ul li { color: #fff; width: 170px; }

.casestydy_sec .casestudy_box .img_box .stats_box ul li span { color:var(--bs-orange); display: block; font-size: 25px; }

.casestydy_sec .casestudy_box .cont_box { padding:30px; position: relative; }

.casestydy_sec .casestudy_box .cont_box.single { grid-template-columns: repeat(1, 1fr); }

.casestydy_sec .casestudy_box .cont_box .case_title { font-weight:400; font-size:30px; }

.casestydy_sec .casestudy_box .cont_box .rht_box { background: linear-gradient(135deg,  var(--blue-primary-1) 50%,var(--blue-primary-2) 100%); border: 5px solid #fff; color:#fff; padding: 40px; border-radius: 30px; margin-top: -25%; display: flex; align-items: center; flex-wrap: wrap; }

.casestydy_sec .casestudy_box .cont_box .rht_box.down { margin-top:-15%; }

.casestydy_sec .casestudy_box .cont_box .rht_box .outcome_sec > * { margin:5px 0; }

.casestydy_sec .casestudy_box .cont_box .rht_box .outcome_sec > :first-child { font-size: 20px; font-weight:bold; margin:0 0 15px; }

.casestydy_sec .casestudy_box .cont_box .rht_box .outcome_sec .big { color:var(--bs-orange); font-size:36px; line-height: 1; font-weight:normal; }

.casestydy_sec .casestudy_box .cont_box .rht_box .aut_box { font-size:14px; } 

.casestydy_sec .casestudy_box .cont_box .rht_box .aut_box .author { font-size:16px; font-weight:bold; }

.casestydy_sec .swiper { width: 100%; height: 100%;  overflow:visible; margin-bottom:50px; }

.casestydy_sec .swiper-slide { width:80%; height: auto; }

.casestydy_sec .swiper-wrapper { padding-left: calc(-100vw / 2 + 100% / 2); }

.casestydy_sec .slide_control { position: relative; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; } 

.casestydy_sec .slide_control .btn_sec { position: relative; width: 90px; }

.casestydy_sec .slide_control .btn_sec .swiper-button-prev { left: 0; right: inherit; }

.casestydy_sec .slide_control .btn_sec .swiper-button-next { left: inherit; right: 0; }

.casestydy_sec .slide_control .btn_sec .swiper-button-next, 

.casestydy_sec .slide_control .btn_sec .swiper-button-prev { border:1px solid var(--border-clr-8); height: 40px; width: 40px; border-radius: 5px; padding: 10px; opacity: 1; }

.casestydy_sec .slide_control .btn_sec .swiper-button-next svg, 

.casestydy_sec .slide_control .btn_sec .swiper-button-prev svg { display:none; }

.casestydy_sec .slide_control .btn_sec .swiper-button-next::before, 

.casestydy_sec .slide_control .btn_sec .swiper-button-prev::before { content:""; display: block; height: 12px; width: 12px; border: 2px solid #fff; border-right: 0; border-top: 0; transform: rotate(45deg); margin:0 0 0 5px; }

.casestydy_sec .slide_control .btn_sec .swiper-button-next::before { transform:rotate(-45deg) scaleX(-1); margin: 0 5px 0 0; }

.casestydy_sec .slide_control .btn_sec .swiper-button-prev.swiper-button-disabled::before,

.casestydy_sec .slide_control .btn_sec .swiper-button-next.swiper-button-disabled::before { border-color: var(--border-clr-8); }

.casestydy_sec .slide_control .btn_sec .swiper-button-prev:not(.swiper-button-disabled),

.casestydy_sec .slide_control .btn_sec .swiper-button-next:not(.swiper-button-disabled) { background:var(--bs-orange); border:1px solid transparent;  }

.casestydy_sec .slide_control .btn_sec .swiper-button-prev:not(.swiper-button-disabled)::before {}



.form_sec { background:#0f1835 url(../img/h_form_base.jpg) no-repeat center top  / cover;  }

.form_sec::before { background:linear-gradient(to right, rgba(8,5,24,1) 0%,rgba(229,229,229,0) 100%); content:""; display:inline-block; position:absolute; left:0%; top:0; width:100%; height:100%; }

.form_sec .points { font-size:16px; }

.form_sec .form .form_title { font-size: 26px; margin: 0 0 5px; font-weight: 700; color: #000; line-height: 1.2; }

.form_sec .inner_box { max-width:540px; color:#fff; }

.form_sec.inner_form { background: linear-gradient(135deg,  rgba(16,34,76,1) 0%,rgba(10,19,34,1) 100%); }

.form_sec.inner_form .form { background:#fff; }

.form_sec .keypoints { color:#fff; text-align: center; margin-top:50px; }

.form_sec .keypoints .img { height: 40px; margin-bottom:20px; }

.form_sec .keypoints .img svg { height: 100%; width: auto; }



.why_choose_sec {}

.why_choose_sec .why_choose_inner { display:grid; grid-template-columns:260px 1fr 260px; gap:30px; align-items:stretch; }

.why_choose_sec .tab-column { display:flex; flex-direction:column; gap:14px; }

.why_choose_sec .tab-btn { position:relative; border:none; background:#fff; border-radius:14px; padding:22px 50px 22px 25px; min-height:82px; text-align:left; font-size:20px; cursor:pointer; transition:.3s ease; white-space:nowrap; font-weight:500; flex-shrink:0; }

.why_choose_sec .tab-btn.active{ background:linear-gradient(90deg,#1b1747,#5b3dc2); color:#fff; box-shadow:0 10px 20px rgba(70,50,170,.2); }

.why_choose_sec .tab-btn.active::after{ content:""; position:absolute; top:1px; right:-13px; border-top:40px solid transparent; border-bottom:40px solid transparent; border-left:18px solid #5b3dc2; }

.why_choose_sec .tab-btn .icon{ position:absolute; right:18px; top:50%; width:28px; height:28px; border-radius:50%; display:none; align-items:center; justify-content:center; font-size:15px; background:url(../img/white-cir-arrow.svg) no-repeat 0 0 / cover; transform: translateY(-50%); }

.why_choose_sec .tab-btn.active .icon { display:block; }

.why_choose_sec .content-box { position:relative; background:#222; border-radius:22px; min-height:373px; overflow:hidden; padding:60px 40px; display:flex; align-items:end; justify-content:center; text-align:center; }

.why_choose_sec .content-bg { position: absolute; inset: 0; overflow: hidden; background: url(../img/logo-transparent.png) no-repeat center 20px / cover; opacity: 0.4; left: 50%; transform: translateX(-50%); width: 370px; }

.why_choose_sec .content { position:relative; z-index:2; max-width:500px; color:#fff; animation:fade .4s ease; }

.why_choose_sec .content small {  display:inline-block; margin-bottom:20px; position:relative; font-size:15px; }

.why_choose_sec .content small::after { content:""; position:absolute; left:0; bottom:-5px; width:100%; height:2px; background:#fff; }

.why_choose_sec .content p { font-size:23px; font-weight:400; }

@keyframes fade{

from{

opacity:0;

transform:translateY(10px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.why_choose_sec .mobile-tabs-wrapper { display:none; }



.diff_sec {}

.diff_sec .diff_inner .col { margin-bottom:20px; }

.diff_sec .diff_inner .box { height:100%; min-height:180px; border:1px solid var(--border-clr-7); border-radius:15px; font-size:15px; }

.diff_sec .diff_inner .box .img { width:50px; margin:0 20px 0 0; }



.tect_sec { display:none; }

.tect_sec .tect_inside > * { margin:10px 0; }

.tect_sec .tech_inner { border-radius:20px; height: 100%; }

.tect_sec .tech_inner .tech_box { border-radius: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; row-gap: 25px; }

.tect_sec .tech_inner .tech_box .w-20 { width: 20%; text-align: center; }

.tect_sec .tech_inner .tech_box .w-30 { width: 30%; }

.tect_sec .tech_inner .tech_box .w-35 { width: 35%; }

.tect_sec .tech_inner .tech_box .w-40 { width: 40%; }

.tect_sec .tech_inner .tech_box .w-45 { width: 45%; }

.tect_sec .tech_inner .tech_box .w-60 { width: 60%; }

.tect_sec .tech_inner .tech_box .w-70 { width: 70%; }

.tect_sec .tech_inner .tech_box .img img { max-width: 100%; height: auto; }



.faq_section {}

.faq_section .accordion-item{cursor: pointer; border: 1px solid #FFFFFF; border-radius: 15px !important; overflow: hidden; margin-bottom: 22px !important; counter-increment: faq-counter;  }

.faq_section .accordion-item.active { border-color:var(--bs-orange);  }

.faq_section .accordion-item .accordion-header { padding: 31px 50px 31px 70px; margin: 0; font-size: 24px; font-weight: 700; border-radius: 15px 15px 0px 0px !important; }

.faq_section .accordion-item .accordion-header::before { content: counter(faq-counter) "."; font-size: 30px; font-weight: 700;line-height: 1; position: absolute; left: 30px; } 

.faq_section .accordion-item .accordion-header span { position: absolute; right: 12px; top: 30px; height: 34px; width: 34px; border: 1px solid rgba(0,0,0,0.5); border-radius: 100%; background: #fff; }

.faq_section .accordion-item .accordion-header span::before,

.faq_section .accordion-item .accordion-header span::after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }

.faq_section .accordion-item .accordion-header span::before { height: 2px; width: 50%; background: rgba(0,0,0,0.5); }

.faq_section .accordion-item .accordion-header span::after { height: 50%; width: 2px; background: rgba(0,0,0,0.5);  }

.faq_section .accordion-item .accordion-header[aria-expanded="false"] { background:var(--bs-gray-6) !important; }

.faq_section .accordion-item .accordion-header[aria-expanded="true"] { /*border: 1px solid var(--bs-orange);*/ border-bottom: 0; padding-bottom: 18px; }

.faq_section .accordion-item .accordion-body{padding:0px 50px 26px 70px;}

.faq_section .accordion-item .accordion-header[aria-expanded="true"] span { border: 1px solid var(--bs-orange); }

.faq_section .accordion-item .accordion-header[aria-expanded="true"] span::before { background:var(--bs-orange); }

.faq_section .accordion-item .accordion-header[aria-expanded="true"] span::after { background: var(--bs-orange); display:none; }

.faq_section .accordion-item .accordion-button:not(.collapsed) { box-shadow: unset; background-color: #ffffff !important; color: #000; /*border: 1px solid var(--bs-orange);*/ border-bottom: 0; border-radius:15px 15px 0 0 !important; }

.faq_section .accordion-collapse.collapse.show { background-color: #fff !important;/* border: 1px solid var(--bs-orange);*/ border-top: 0; border-radius: 0 0 15px 15px; }

/*.faq_section .accordion-button span::after{ color:#fff; height: 28px;  top: 0;  width: 28px;  top: 50%; background: url(../img/accord-open.svg) no-repeat center / contain;  transform: translate(-50%,-50%);  position: absolute;  right: -5px;  text-align: center;  font-size: 28px;  line-height: 0.9;  font-weight: 400; font-weight: 400;}*/

.faq_section .accordion-button[aria-expanded="true"] span:after{content:''}

.faq_section .accordion-button::after{display: none;}



.process_sec {}

.process_sec .process_inner {  counter-reset: my-sec-counter; padding-top: 80px; overflow: hidden; }

.process_sec .process_inner .col .count { position: absolute; z-index: 1; top: -50px; left: 40px; }

.process_sec .process_inner .count::before { counter-increment: my-sec-counter; content: counter(my-sec-counter); height: 60px; width: 60px; display: flex; text-align: center; place-items: center; justify-content: center; margin: 0 0 20px; color: #fff; font-weight: bold; border: 4px solid #fff; border-radius: 100px; background: var(--bs-orange); box-shadow: 0 0 1px var(--bs-orange); font-weight: bold; font-size: 21px; }

.process_sec .process_inner .process_box::after { content: ""; display: block; border-top: 2px dashed var(--border-clr-6); top: -23px; position: absolute; left: 50px; right: 0; z-index: 0; width: calc(100% + 50px); }

.process_sec .process_inner .process_box { position: relative; padding:40px 30px 30px; border: 1px solid var(--border-clr-9); height: 100%; border-radius: 20px; }

.process_sec .process_inner .process_box::before { content:""; background:url(../img/shape-round.png) no-repeat 0 0; height: 29px; width: 111px; display: block; position: absolute; top: -1px; left: 17px; z-index:1; }

.process_sec.gray-0 .process_inner .process_box::before { background:url(../img/shape-round2.png) no-repeat 0 0; }

.process_sec.gray-0 .process_inner .process_box { background:#fff; }



.cross_plat_sec .cont_sec { border-radius:15px; overflow: hidden; }

.cross_plat_sec .cont_sec * { color:#000; }

.cross_plat_sec .head_sec, 

.cross_plat_sec .cont_block { display:flex; }

.cross_plat_sec .head_sec .row_head { width:25%; padding:20px; font-size: 19px; } 

.cross_plat_sec .cont_block .row_cont { width:25%; }

.cross_plat_sec .cont_block .row_cont > * { padding:20px; display:block; }

.cross_plat_sec .head_sec { margin-bottom:-10px; }

.cross_plat_sec .head_sec .row_head { border-radius: 15px 15px 0 0; padding: 20px 20px 30px; font-weight:bold; }

.cross_plat_sec .head_sec .row_head:last-child { background:#e7e8eb; color:#000; }

.cross_plat_sec .head_sec .row_head:last-child * { color:#000; }

.cross_plat_sec .head_sec .row_head { border-radius:15px 15px 0 0; }

.cross_plat_sec .cont_block { background:#EBEBEB; color:#000; }

.cross_plat_sec .cont_block:hover .row_cont { background:#fff; }

.cross_plat_sec .cont_block:hover .row_cont:first-child { background:#e97d00; }

.cross_plat_sec .cont_block:hover .row_cont:last-child { background:#f6ece5; }

.cross_plat_sec .cont_block .row_cont { border-top: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); } 

.cross_plat_sec .cont_block .row_cont:first-child { background:var(--bs-orange); font-weight: bold; color:#fff; border-left:0; }

.cross_plat_sec .cont_block .row_cont:first-child * { color:#fff; }

.cross_plat_sec .cont_block .row_cont:last-child { background: #fff; border-left:0; }

.cross_plat_sec .cont_block .row_cont:last-child * {  color: var(--bs-orange); font-weight: bold; }

.cross_plat_sec .cont_block .row_cont .d-mob { display:none; }


.services_tech_sec { display:none; }
.services_tech_sec .tabs-nav {}

.services_tech_sec .tabs-nav li { margin:0; }

.services_tech_sec .tabs-nav li a { padding:9px 15px; color:var(--bs-body-color); display: block; border-bottom:2px solid var(--bs-body-color); position:relative; white-space: nowrap; font-weight: 600; }

.services_tech_sec .tabs-nav li a.active,

.services_tech_sec .tabs-nav li a:hover{ background-color: transparent; color:var(--bs-orange); text-decoration:none; }

.services_tech_sec .tabs-nav li a.active::before,

.services_tech_sec .tabs-nav li a:hover::before { content: ""; display: block; background:var(--bs-orange); position: absolute; bottom: -4px; left: -4px; right: -4px; height: 6px; border-radius: 59px; z-index: 9; }

.services_tech_sec .tab-content { padding: 40px 0 0px 0; }

.services_tech_sec .tab-content .card-header { display:none; }

.services_tech_sec .card { background-color: transparent;border: none; }

.services_tech_sec ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;align-items: flex-start; list-style: none; margin: 0; padding: 0; }

.services_tech_sec ul li { text-align: center; margin: 10px 10px; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; align-items: center; transition: all linear .3s; }

.services_tech_sec ul.techlogo li {width: 100px;}

.services_tech_sec ul li .techblk { padding: 15px; border:1px solid #E9E9E9; background:#F7F7F7; border-radius:15px; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; margin: 0 0 10px; }

.services_tech_sec ul li .techblk img { height:auto; max-height:100%; width:100%; }

.services_tech_sec .title5 { font-size:15px; }





.news .card img { object-fit: cover; height: 100%; width: 100%; }

.news .card {transform: scale(1); transition: all 0.2s ease 0s; cursor: pointer; height:100%; }

.news .card:hover {transform: scale(1.01);box-shadow: 0 0 40px rgb(0 0 0 / 9%);}

.news .card .read_news {position: absolute;right: 20px;bottom: 20px;opacity: 0;transition: all 0.2s ease 0s;}

.news .card .read_news svg {width: 15px;height: 15px;}

.news .card:hover .read_news { color:var(--bs-orange); opacity: 1;transition: all 0.2s ease 0s;}

.news .card a p {color: var(--bs-body-color);}

.news .card .news_title { margin: 0 0 20px; }

.news-banner { background: url(../img/news-inner-bgs.jpg) center top/cover no-repeat; }



.sitemap a { color:#000; }

.sitemap a:hover { color:var(--bs-orange); }

.sitemap ul { list-style:none; padding:0; }

.sitemap ul li { margin:5px 0; position: relative; padding-left:30px; }

.sitemap ul li::before { content: ""; display: block; height: 8px; width: 13px; position: absolute; top: 13px; left: 0px; border:3px solid var(--bs-orange); border-top: 0; border-right: 0; transform: rotate(-45deg); }



.cta_sec { background:url(../img/common_cta.jpg) no-repeat center top / cover; }
.cta_sec_2 { background:url(../img/common_cta2.jpg) no-repeat center top / cover; }


@media (min-width: 768px) {

}



@media (min-width: 992px) {	

.py-6 { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }

.pt-6 { padding-top: 6.5rem !important; }

.pb-6 { padding-bottom: 6.5rem !important; }

.solution_sec .tab-content .collapse:not(.show) { display:block; }

.industry_sec .tab-content .collapse:not(.show) { display:block; }

.services_tabs .tab-content .collapse:not(.show) { display:block; }

.why_choose_sec .desktop-right .tab-btn.active::after{ transform:scaleX(-1); left:-14px; right:inherit; border-left-color:#21174e; }

.services_tech_sec .tab-content .collapse:not(.show) { display:block; }

}



@media (min-width: 1200px) {

.hero_sec { /*min-height: 100vh;*/ padding:200px 0 200px; }

.why_choose_sec .why_choose_inner { grid-template-columns: 30% 1fr 30%; }

.stats_sec .stats_sec_inner .title { font-size:60px; }

.stats_sec .stats_sec_inner .title sub { font-size: 20px; top:20px; }

.solution_sec .tab-content .box_sec .box { min-height: 220px; }

.form_sec .form .form_title { font-size: 34px; }

}



@media (min-width: 1400px) {

.stats_sec .stats_sec_inner .title { font-size:90px; }

.stats_sec .stats_sec_inner .title sub { font-size: 30px;  top:26px; }

}



@media (min-width: 1600px) {

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1560px; }

.cross_plat_sec .head_sec .row_head,

.cross_plat_sec .cont_block .row_cont > * { padding: 30px 50px; }

.form_sec .inner_box { max-width: 580px; }

.form_sec .inner_box .f_head { font-size: 50px; }

.casestydy_sec .casestudy_box .cont_box .rht_box .outcome_sec .big { font-size: 76px; }

.casestydy_sec .casestudy_box .cont_box .case_title { font-size: 36px;}

}



@media (max-width: 1439px) {

.tect_sec .tech_inner .tech_box > * { width: 40%; }

}



@media (max-width: 1199px) {

h1, .h1 { font-size:42px; }

h2, .h2 { font-size:34px; }

h3, .h3 { font-size:22px; }

.hero_sec { padding:130px 0; }

.solution_sec .block_title { font-size:22px; }

.services_tabs .tabs-nav { grid-template-columns: repeat(3, 1fr); }

.casestydy_sec .swiper-slide { width:95%; }

.industry_sec .tabs-nav li a { font-size: 18px; padding: 18px 7px; }

.industry_sec .tab-content .cont_blcok > * { font-size:22px; }

.services_tabs .service_box .second_box { min-height:inherit; }

.services_tabs .service_box .second_box .img_box { display:none; }

.services_tabs .service_box .second_box ul { opacity:1; }

.border_sec .row { margin: -1.5rem !important; }

.border_sec .row .col { padding: 1.5rem !important; }

.why_choose_sec .tab-btn { font-size:16px; }

.why_choose_sec .content-bg { background-size:contain; width: 290px; }

.why_choose_sec .tab-btn .icon { width: 22px; height: 22px; }

.diff_sec .diff_inner .box .img { width: 50px; margin:0 0 20px; } 

.diff_sec .diff_inner .box { display:block !important; min-height: 280px; }

.stats_sec .stats_sec_inner ul li { padding: 20px 20px; }

.form_sec { background-size:cover; }

.process_sec .process_inner { display:block; padding: 0; }

.process_sec .process_inner .process_box { margin:0 0 20px 50px; padding: 20px; }

.process_sec .process_inner .process_box .count { position: absolute; left: -47px;  top: 0; }

.process_sec .process_inner .col .count::before { height: 40px; width: 40px; border-width:1px;  }

.process_sec .process_inner .process_box::before { border: 0; border-left: 2px dashed var(--border-clr-6); width: 2px; height:calc(100% + 20px); left: -28px; }

.process_sec .process_inner .process_box::after { display:none; }

.process_sec .process_inner .col:last-child .process_box::before { display:none; }

}



@media (max-width: 991px) {

h1, .h1 { font-size:34px; }

h2, .h2 { font-size:28px; }

h3, .h3 { font-size:20px; }

.spl::before { height:20px; width:20px; }

.hero_sec::before { background:var(--bs-blue-3); width:100%; opacity: 0.7; }

[class*="cta_sec"]::before  { background:var(--bs-blue-3); width:100%; opacity: 0.7; }

.hero_sec .banner_caption { text-align:center; max-width:100%; }

.btn-primary span,

.btn_white span { padding:14px 15px; min-width:100px; font-size:14px; }

.btn-primary span { padding:11px 15px; }

.custom_btn span { padding:14px 15px; font-size:14px; }

.h_cta_bg:before { background:rgba(0,0,0,0.5); content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; }

.solution_sec ul{flex-wrap: nowrap;}



.solution_sec .block_title { font-size: 18px; }

.solution_sec .sol_inner { padding:0; }

.solution_sec .card .collapse ul { overflow-x: scroll;scroll-snap-type: X mandatory;justify-content: start; }

.solution_sec .card .collapse ul li { scroll-snap-align: center;  }

.solution_sec .card { background: var(--bs-gray-1); display: block !important; margin: 10px 0 0; padding: 0; opacity: 1; overflow: hidden; }

.solution_sec .card:first-child { margin-top:0; }

.solution_sec .tab-content .card-header { display:block; }

.solution_sec .tab-content { padding-top:0; }

.solution_sec .card .collapse { padding:0; padding-bottom: 0;}

.solution_sec .card .cont_inner { padding:15px; }

.solution_sec .tab-content { padding:0; }

.solution_sec .tab-content .card-header { display: block; padding: 0; border: none; background: #fff; border-radius: 0; }

.solution_sec .tab-content .card-header a { background: var(--bs-gray-1); display: block; padding: 13px 15px; color: #000; text-decoration: none; font-size: 16px; font-weight: 600; }

.solution_sec .tab-content .card-header a[aria-expanded="false"]::after,

.solution_sec .tab-content .card-header a[aria-expanded="true"]::after { content: ""; display: block; height: 10px; width: 10px; border-left: 2px solid var(--bs-body-color); border-top: 2px solid var(--bs-body-color); position: absolute; right: 20px; top: 17px; 

-webkit-transform: rotate(-135deg);

-moz-transform: rotate(-135deg);

-ms-transform: rotate(-135deg);

transform: rotate(-135deg);

}

.solution_sec .tab-content .card-header a[aria-expanded="true"]::after {

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

transform: rotate(45deg);

}

.solution_sec .tab-content .box_sec .box { padding:15px; }

.services_tabs ul{flex-wrap: nowrap;}

.services_tabs .card .collapse ul{overflow-x: scroll;scroll-snap-type: X mandatory;justify-content: start;}

.services_tabs .card .collapse ul li{scroll-snap-align: center;}

.services_tabs .card { display: block !important; margin: 10px 0 0; padding: 0; opacity: 1; overflow: hidden; }

.services_tabs .tab-content .card-header { display:block; }

.services_tabs .tab-content { padding-top:0; }

.services_tabs .card .collapse {/* padding: 20px 0; */ padding:20px 0 ;}

.services_tabs .tab-content .card-header { display: block; padding: 0; border: none; background: #fff; border-radius: 0; text-align:left; }

.services_tabs .tab-content .card-header a { display: block; font-size: 16px; font-weight: 600; border-radius: 10px; } 

.services_tabs .tab-content .card-header a span { justify-content: start !important; display: block; padding: 14px; border-radius: 10px; }

.services_tabs .tab-content .card-header a[aria-expanded="false"]::after,

.services_tabs .tab-content .card-header a[aria-expanded="true"]::after { content: ""; display: block; height: 10px; width: 10px; border-left: 2px solid var(--bs-body-color); border-top: 2px solid var(--bs-body-color); position: absolute; right: 20px; top: 25px; 

-webkit-transform: rotate(-135deg);

-moz-transform: rotate(-135deg);

-ms-transform: rotate(-135deg);

transform: rotate(-135deg);

}

.services_tabs .tab-content .card-header a[aria-expanded="true"]::after { border-color:#fff;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

transform: rotate(45deg);

}

.services_tabs .service_box { padding:20px; border-radius: 15px 15px 80px 15px; }

.services_tabs .box_sec { padding:10px 0; }

.services_tabs .box_sec > .col { margin-bottom:15px; }

.services_tabs .service_box .readmore { display:block; }

.services_tabs .service_box .img { display:none; }



.industry_sec ul { flex-wrap: nowrap; }

.industry_sec .card .collapse ul{overflow-x: scroll;scroll-snap-type: X mandatory;justify-content: start;}

.industry_sec .card .collapse ul li{scroll-snap-align: center;}

.industry_sec .card { background:linear-gradient(to right, var(--blue-primary-1) 50%,var(--blue-primary-2) 100%);  display: block !important; margin: 10px 0 0; padding: 0; opacity: 1; overflow: hidden; }

.industry_sec .tab-content .card-header { display:block; }

.industry_sec .tab-content { padding:0; background:none; }

.industry_sec .card .collapse { padding: 20px 0; padding-bottom: 0;}

.industry_sec .tab-content .card-header { display: block; padding: 0; border: none; /*background: #fff;*/ border-radius: 0; }

.industry_sec .tab-content .card-header a { display: block; padding:15px 15px; color: #fff; text-decoration: none; font-size: 16px; font-weight:600; } 

.industry_sec .tab-content .card-header a[aria-expanded="false"]::after,

.industry_sec .tab-content .card-header a[aria-expanded="true"]::after { content: ""; display: block; height: 10px; width: 10px; border-left: 2px solid #fff; border-top: 2px solid #fff; position: absolute; right: 20px; top: 17px; 

-webkit-transform: rotate(-135deg);

-moz-transform: rotate(-135deg);

-ms-transform: rotate(-135deg);

transform: rotate(-135deg);

}

.industry_sec .tab-content .card-header a[aria-expanded="true"]::after {

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

transform: rotate(45deg);

}



.casestydy_sec .casestudy_box .cont_box { padding:20px; }

.casestydy_sec .casestudy_box .img_box .stats_box { padding:20px 10px 20px 20px; }

.casestydy_sec .casestudy_box .cont_box .rht_box { padding:20px; }

.casestydy_sec .casestudy_box .cont_box .case_title { font-size:22px; }



.faq_section .accordion-item .accordion-header { font-size: 20px; padding: 22px 40px; }

.faq_section .accordion-item .accordion-header::before { font-size: 20px; left: 13px; top: 27px; }

.faq_section .accordion-item .accordion-body { padding: 0 40px 30px ; }

.faq_section .accordion-item .accordion-header[aria-expanded="true"] { padding-bottom: 12px; }

.faq_section .accordion-item .accordion-header span { right: 10px; top: 23px; height: 27px; width: 27px; }



.cross_plat_sec .head_sec { display:none; }

.cross_plat_sec .cont_block { display:block; margin: 0 0 10px; }

.cross_plat_sec .cont_block .row_cont:first-child > * { font-size: 20px; }

.cross_plat_sec .cont_block .row_cont { width:100%; display: flex; }

.cross_plat_sec .cont_block .row_cont .d-mob { display:block; font-weight: bold; }

.cross_plat_sec .cont_block .row_cont:not(:first-child) > * { width: 50%; border-left: 1px solid rgba(0,0,0,0.1); }

.cross_plat_sec .cont_block .row_cont > *:first-child { border:0; } 

.cross_plat_sec .cont_block .row_cont > * { padding:15px; font-size: 15px; }



.why_choose_sec .why_choose_inner { grid-template-columns:1fr !important; }

.why_choose_sec .desktop-left,

.why_choose_sec .desktop-right { display:none; }

.why_choose_sec .mobile-tabs-wrapper { display:block; overflow-x:auto; margin-bottom:20px; scrollbar-width:none; }

.why_choose_sec .mobile-tabs-wrapper::-webkit-scrollbar { display:none; }

.why_choose_sec .mobile-tabs{ display:flex; gap:12px; width:max-content; }

.why_choose_sec .mobile-tabs .tab-btn { min-width:220px; }

.why_choose_sec .mobile-tabs .tab-btn.active::after { display:none; }

.why_choose_sec .content-box { min-height:380px; padding:40px 25px; }

.why_choose_sec .tab-column.desktop-left,

.why_choose_sec .tab-column.desktop-right { display:none; }



.diff_sec .diff_inner .box { min-height:inherit; }

.form_sec .inner_box { max-width:inherit; }

.form_sec .input_d { padding-bottom:50px; }



.solution_sec .tab-content .box_sec .box { height:auto; }

.solution_sec .tab-content .box_sec .box .inner_box p { display: block; }

.solution_sec .tab-content .box_sec .box .arrow { display:block; }

.solution_sec .tab-content .box_sec .box .img,

.solution_sec .tab-content .box_sec .box .sec_title { margin-bottom:10px; }



.services_tech_sec ul { flex-wrap: nowrap; overflow-x: scroll; }

.services_tech_sec .card .collapse ul{overflow-x: scroll;scroll-snap-type: X mandatory;justify-content: start;}

.services_tech_sec .card .collapse ul li{scroll-snap-align: center;}

.services_tech_sec .card { border:1px solid var(--border-clr-1); display: block !important; margin: 10px 0 0; padding: 0; opacity: 1; overflow: hidden; }

.services_tech_sec .tab-content .card-header { display:block; }

.services_tech_sec .tab-content { padding-top:0; }

.services_tech_sec .card .collapse { padding: 20px 0; padding-bottom: 0;}

.services_tech_sec .tab-content .card-header { display: block; padding: 0; border: none; background: #fff; border-radius: 0; }

.services_tech_sec .tab-content .card-header a { display: block; padding: 10px 15px; color: var(--bs-body-color); text-decoration: none; font-size: 16px; font-weight: 600; } 

.services_tech_sec .tab-content .card-header a[aria-expanded="false"]::after,

.services_tech_sec .tab-content .card-header a[aria-expanded="true"]::after { content: ""; display: block; height: 10px; width: 10px; border-left: 2px solid var(--bs-body-color); border-top: 2px solid var(--bs-body-color); position: absolute; right: 20px; top: 17px; 

-webkit-transform: rotate(-135deg);

-moz-transform: rotate(-135deg);

-ms-transform: rotate(-135deg);

transform: rotate(-135deg);

}

.services_tech_sec .tab-content .card-header a[aria-expanded="true"]::after {

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

transform: rotate(45deg);

}



.news .card .read_news {position: static; opacity:1; }



}



@media (max-width:767px) {

h1, .h1 { font-size:30px; }

h2, .h2 { font-size:24px; }



.hero_sec { padding: 120px 0 60px; }



.casestydy_sec .casestudy_box .img_box { position: relative; min-height: 170px; }

.casestydy_sec .casestudy_box .img_box::before { height:100%; }

.casestydy_sec .casestudy_box .img_box img { object-fit:cover; width:100%; height:100%; display:block; }

.casestydy_sec .casestudy_box .cont_box .rht_box { margin:20px 0 0; }

.casestydy_sec .casestudy_box .cont_box { grid-template-columns: repeat(1, 1fr); }

.casestydy_sec .casestudy_box .cont_box .rht_box { border:0; }

.casestydy_sec .casestudy_box .img_box .stats_box ul { gap:10px; }

.casestydy_sec .casestudy_box .img_box .stats_box ul li { width:45%; }

}



@media (max-width:575px) {

.stats_sec .stats_sec_inner ul { margin-bottom:20px; }

.stats_sec .stats_sec_inner ul li { padding: 30px 20px; width: 100%; margin: 2px 0; }

.stats_sec .stats_sec_inner ul li .blank { display:none; }

.cta_list .col { border:0; }

}