@font-face {
    font-family: "Satoshi";
    src: url("Satoshi-Variable.ttf") format("truetype");
    font-style: normal;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Satoshi", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    --prime: #264479;
    --primelt: #26447999;
    --sec: #EAE3DB;
    --cream: #f6e9da;
    scroll-behavior: smooth;
    --text: #0E1012;
    --bs-dropdown-link-active-bg: var(--prime);
}

body {
    overflow-x: hidden;
	font-size:15px;
}
p{font-size:15px;}

h2:has(span),
h3:has(span) {
    font-weight: 400;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    border: none;
    background: none;
}

.linetext {
    font-size: 8vw;
    font-weight: 900;
    text-align: right;
    color: transparent;
    -webkit-text-stroke: 1px #0005;
    text-stroke: 1px #0005;
    line-height: 90%;
}

.linetext.white {
    -webkit-text-stroke: 1px #fff7;
    text-stroke: 1px #fff7;
}

@media (max-width:768px) {
    .linetext {
        font-size: 8vw;
        font-weight: 600;
    }
	.topround{
		width:100%
		padding-bottom:15px;
		overflow-x: scroll;
	}
	.why-partner-head{
		display:block !important;
	}
	
	
}

.text-prime {
    color: var(--prime);
}

.bg-sec {
    background: var(--sec);
}

.bg-cream {
    background: var(--cream);
}

.bg-prime {
    background: var(--prime);
}

.btn-prime {
    background: var(--prime);
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: #fff;
    padding:10px 50px 10px 30px;
    border: 3px solid #ACCCFF;
    border-radius: 24px;
    position: relative;
    font-weight: 500;
}

.btn-prime::after {
    content: '›';
    position: absolute;
    bottom: 55%;
    transform: translateY(50%);
    right: 22px;
    font-size: 18px;
    font-weight: 700;
}

.btn-prime.noicon {
    border: 3px solid var(--prime);
}

.btn-prime.noicon::after {
    content: none;
}

.w-fit {
    width: fit-content;
}

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

.mw-1024 {
    max-width: 1024px;
}

.fs-7 {
    font-size: 14px;
}
.bold-blue b{
color : var(--blue);
}
header {
    background: #fff;
    position: sticky;
    top: 0;
    box-shadow: 0px 4px 4px 0px #0000001F;
    z-index: 999;
}

#navbar-toggler:checked~.collapse {
    display: block;
}

header .nav-link {
    color: var(--text);
}

header .nav-link.active {
    font-weight: 500;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

#navbarSupportedContent .dropdown-menu a.active{background:none !important; color:#000;}
footer {
    background: #fff;
}

footer .pages {
    display: grid;
    grid-template-columns: 2fr 3fr;
}

footer .contact,
footer .pages>div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

footer p,
footer .contact a,
footer .pages a {
    color: var(--text);
    transition: all .3s ease-in-out;
    font-size: 15px;
}
footer .footer-link a{
	margin-bottom:8px;
}
footer .officeoont p{
	margin-bottom:5px;
}
footer .pages a:hover {
    transform: translateX(6px);
    transition: all .3s ease-in-out;
}

footer .contact a img {
    margin-right: 8px;
    width: 24px;
}

footer .social-media a {
    height: 30px;
    width: 30px;
}

footer .social-media,
footer .pages,
footer .contact {
    margin-bottom: 20px;
}



/* Forms */
form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

select,
input,
textarea {
    border: 1px solid transparent;
    outline: none;
    border-radius: 12px;
    padding: 14px 20px;
    background: #fff;
    width: 100%;
}

select {
    padding: 15px 20px;
    color: var(--prime);
}

select:focus,
input:focus,
textarea:focus {
    background: #EEF0F2;
}

::placeholder {
    color: var(--prime);
    opacity: 1;
}

.owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    bottom: 50%;
    transform: translateY(50%);
    left: 0;
}

.owl-carousel.arrow .owl-nav.disabled {
    display: flex !important;
}

.owl-carousel.arrow .owl-nav button span {
    font-size: 2rem !important;
}

.owl-carousel.whypartner .owl-nav button span {
    color: #fff !important;
    font-size: 2rem !important;
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 16px 16px 0px;
}

.owl-dots button.owl-dot {
    height: 10px !important;
    width: 10px !important;
    background: var(--prime) !important;
    opacity: .4;
    border-radius: 50%;
}

.owl-dots button.owl-dot.active {
    opacity: 1;
}

.whitedots.owl-carousel .owl-dots button.owl-dot {
    background: #fff !important;
}

details summary {
    background: var(--prime);
    color: #fff;
    border-radius: 6px;
    padding: 4px;
    padding-left: 12px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    content: "›";
    position: absolute;
    font-size: 1rem;
    transform: rotate(90deg);
    border-radius: 50%;
    background: #fff2;
    height: 20px;
    width: 20px;
    right: 8px;
    display: grid;
    place-content: center;
    padding-bottom: 4px;
    top: 5px;
}

details[open] summary::after {
    transform: rotate(270deg);
    padding-top: 1px;
}

details label {
    display: flex;
    gap: 8px;
    justify-content: left;
    margin: 10px 8px;
    cursor: pointer;
    color: #4d4d4d;
}

details label .checked,
details label .unchecked {
    width: 24px;
}

details label:has(input:checked) .unchecked,
details label .checked {
    display: none;
}

details label:has(input:checked) .checked {
    display: block;
}

.why-partner-paralx {
			background:url(../images/home/Group 1000004567.png) 0 0 no-repeat;
			background-size:cover;
			background-attachment: fixed;
		}

@media (prefers-reduced-motion: no-preference) {

    .animate-this {
        opacity: 0;
        transform: translateY(50px);
    }

    .animate-this.animated {
        animation: fade-in 0.8s ease-in-out forwards;
    }

    @keyframes fade-in {
        to {
            opacity: 1;
            transform: translateY(0px);
        }
    }
	
	.animate-this.rtl {
        opacity: 0;
        transform: translateY(0px);
		transform: translateX(100px);
    }

    .animate-this.rtl.animated {
        animation: fade-in-rtl 0.8s ease-in-out forwards;
    }

    @keyframes fade-in-rtl {
        to {
            opacity: 1;
            transform: translateX(0px);
			
        }
    }
	
}

.product-card {
    background: #fff;
    border-bottom: 6px solid #fff;
    border-radius: 24px;
    box-shadow: 0px 4px 4px 0px #0000001F;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 6px;
}

.product-card:hover {
    border-bottom: 6px solid var(--prime);
}

.product-card img {
    border-radius: 18px;
    aspect-ratio: 620/492;
    object-fit:cover;
}

.product-card h4 {
    background: var(--prime);
    color: #fff;
    border-radius: 30px;
    padding:9px 20px 12px;
    width: fit-content;
    font-weight: 400;
    font-size: 18px;
	
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}

.product-card p {
    margin: 15px 0 5px 5px;
    font-weight:600;
	min-height:23px;
	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

/*************/
.ui-accordion-content {
    height: auto !important;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
}
.ac-head
{
    background:#fff !important;
    color: #000 !important; 
}
.ac-cont, 
.ac-head
{
    padding: 0 !important;
    border: 0 !important;
    position: relative;
}
.ac1 {
    padding: 7px  8px!important;
    border-radius: 6px;
}      
.ac-head {
    padding: 5px 10px !important;
}
.ac-head.ac2, 
.ac-head.ac3
{
    /* margin-bottom: 10px; */
}

.ac2 
{

}
.ac4 {
    background: unset !important;
    border: 0 !important;
    padding: 0 !important;
 }
.ac-head, 
.ac4 {
    padding-left: 33px !important;
}

.ac-head.ac1::before 
{
content: unset;
}
.ac-head::before, 
.ac4::before {
    content: '';
    background: #ececec;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 4px;
}
.ui-state-active.ac-head::before, 
.ac4.ui-state-active::before 
{
    background: url('../images/checked.svg') center no-repeat;
    background-size: 100%;
}
.ac2-cont, 
.ac3-cont{
    padding-left: 17px !important;
}
.ac1-cont {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.ac4-cont
{
    display: none !important;
}
.ac1
{
    position: relative;
    margin-bottom: 17px;
}
.ac1::after {
    content: "›";
    position: absolute;
    font-size: 1rem;
    transform: rotate(90deg);
    border-radius: 50%;
    background: #fff2;
    height: 20px;
    width: 20px;
    right: 8px;
    display: grid;
    place-content: center;
    padding-bottom: 4px;
    top: 5px;
}
.ac1.ui-state-active::after {
    transform: rotate(270deg);
    padding-top: 1px;
}
/*------------------Sujit-------------------------*/
.fw-bold-solid{
	font-weight:900;
}
p.breadcumb{
	font-size:20px;
}

.custom-gradient-bdr{
	

background: radial-gradient(circle at 100% 100%, #264479 0, #264479 16px, transparent 16px) 0% 0%/20px 20px no-repeat,
            radial-gradient(circle at 0 100%, #264479 0, #264479 16px, transparent 16px) 100% 0%/20px 20px no-repeat,
            radial-gradient(circle at 100% 0, #264479 0, #264479 16px, transparent 16px) 0% 100%/20px 20px no-repeat,
            radial-gradient(circle at 0 0, #264479 0, #264479 16px, transparent 16px) 100% 100%/20px 20px no-repeat,
            linear-gradient(#264479, #264479) 50% 50%/calc(100% - 8px) calc(100% - 40px) no-repeat,
            linear-gradient(#264479, #264479) 50% 50%/calc(100% - 40px) calc(100% - 8px) no-repeat,
            linear-gradient(0deg, #556D97 0%, #acccff 100%);


			
border-radius: 20px;
border:0;
padding: 8px 50px 10px 30px;
  }
  .product_detail ul{
	padding: 0 30px 0 50px;
  }
  .product_detail ul li{
	 list-style-type: disc;
	margin-bottom: 17px;
  }
  .product_detail .infocard ul{
	  padding: 0 10px 0 30px;
  }
  .contcard p span{
	  font-size:16px !important;
  }
  .contact p span{
	  font-size:15px !important;
  }
  .lastsec p span{
	  font-size:16px !important;
  }
  /*-----#top-nav ul li li ul{
	  position: absolute;
  left: 107%;
  width: 300px;
  padding: 10px 6px !important;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #ccc;
  }
  #top-nav ul li li ul ul{
	  position: absolute;
  left: 103%;
  width: 300px;
  top:-10px;
  }-----*/
  .site-breadcumb ul{display:flex;gap:3px;flex-wrap: wrap; margin-bottom:17px;}
  .site-breadcumb ul li{list-style-type:none;font-size: 16px;margin-bottom:0px !important;}
  .site-breadcumb ul li:after{content:'〉';padding-left: 10px;  font-size: 12px;}
  .site-breadcumb ul li:last-child:after{display:none;}
  .detail-breadcumb ul li:after{display:none;}
  .site-breadcumb ul span{font-size: 14px;  display: block;  padding: 4px 0 5px 5px;}
  .site-breadcumb ul li a{color:#26457a;white-space: nowrap;}
  .download-catl{text-align: right;}
  a.details-btn{
	background:#26457a;
	color:#fff;
	font-size:14px;
	padding:9px 24px;
	border-radius:25px;
	text-transform:uppercase;
	display: inline-block;
  width: auto;
  font-weight:bold;
}
a.details-btn:hover{
background:#3f557c;
}

.product-card h3{font-size:18px !important; margin-top:8px !important; margin-bottom:10px !important;padding-left: 5px;
		overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   height:44px;
}
.product-card h5{padding-left: 5px;}
.product-card h4{font-weight: 400 !important;  font-size: 15px !important;display: block;}
/* .product-card .list-thum{height:200px; overflow:hidden;} */
.product-card .list-thum img{width:100%; height:100%; object-fit:cover;}
  /*---------------Filter-----------------*/
  #top-nav ul li li ul li ul li a{padding-left:42px !important;}
  #top-nav ul li a{text-transform:capitalize;}
  .sj-mega-menu .dropdown-menu li a:hover{font-weight:bold !important;}
  
  
  .industries .owl-stage-outer{height:300px;}
  .cat-thum {max-height: 380px !important;height: auto !important;}
  .cat-thum img{object-fit: contain !important;}
  .get-in-touch{gap:8px !important;}
  .get-in-touch p{margin-bottom:5px;}
  .align-r{text-align:right;}
  .btn-center{margin:0 auto;}
  .details-thumb img{width:100%; height:auto;}
  #top-nav .selected{font-weight:bold;color:#264479;}
  #top-nav .selected.intro{font-weight:normal;}
  #top-nav .intro{font-weight:bold;}
  .modal.show .modal-dialog{margin-top:10%;}
  
  /*--------------Sticky head---------------*/
  #header-sroll {
    /* position:fixed; */
    height: 85px;
    background:#ccc;
    left:0;
    /* top:28px; */
    /* float:left; */
    width:100%;
    -ms-transition:     all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition:      all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}

#header-sroll.small {
    height: 70px;
	top:0;
}
#navbarSupportedContent ul li a{font-size:15px;}
  body .sj-mega-menu ul li a:hover{font-weight:bold !important;}
  .sj-mega-menu li a:hover .dropdown-menu li a:hover {font-weight: bold !important;}
  .sj-mega-menu .dropdown-item.active{font-weight:normal;}
  
  /*---------------------menu--------------------*/
  @media (max-width: 1920.99px) and (min-width:1367.99px){
	  div.dropdown-menu{ background: rgb(186,203,240);
background: linear-gradient(90deg, rgba(186,203,240,1) 34%, rgba(207,219,244,1) 33%, rgba(207,219,244,1) 66%, rgba(231,237,250,1) 66%);}
	.dropdown-item.active{background:none !important;}
	 .sj-mega-menu ul{visibility:hidden; opacity:0;position:absolute; width:250px; border-radius:0;}
	 .sj-mega-menu:hover ul{visibility:visible; opacity:1;  background:#b7c8ec; top:35px; left:0; padding:0;}
	 .sj-mega-menu > ul li:last-child ul.dropdown-menu {bottom:-2px !important;}
	 .sj-mega-menu ul li{list-style-type:none; padding:6px 15px;}
	 .sj-mega-menu li a:hover{font-weight:bold;}
	 .sj-mega-menu:hover ul li ul{visibility:hidden; opacity:0;position:absolute; width:250px; top:0; left:250px;border: 0; border-radius:0;}
	 .sj-mega-menu ul ul li{list-style-type:none; padding:6px 15px;position: relative;font-weight:normal;}
	 .sj-mega-menu ul li:hover ul{visibility:visible; opacity:1; background:#ccd8ef; top:0; left:250px;}
	 .sj-mega-menu:hover ul ul li ul{visibility:hidden; opacity:0; background:#ccd8ef; top:0; left:250px;}
	 .sj-mega-menu ul ul li:hover ul{visibility:visible; opacity:1;position:absolute; width:250px;top:0; left:250px; background:#e3e9f6;}
	 
	 .backg{background: rgb(220,231,254);
		background: linear-gradient(90deg, rgba(220,231,254,1) 33%, rgba(141,164,212,1) 33%, rgba(117,144,200,1) 66%, rgba(96,126,189,1) 66%);}
		
		li.defaultactive a{color: #000; font-weight:bold;}
		/*li.defaultactive > ul{display:block; visibility:visible !important; opacity:1 !important;}*/
		li.defaultactive ul li a{color: #000; font-weight:normal;}
		/*li.defaultactive ul li.defaultactive ul{display:block; visibility:visible !important; opacity:1 !important;}
		li.defaultactive ul li.defaultactive a{color: #000; font-weight:bold;}
		li.defaultactive ul li.defaultactive ul li.defaultactive ul{display:block; visibility:visible !important; opacity:1 !important;}*/
		li.defaultactive ul li.defaultactive li.defaultactive a{color: #000; font-weight:normal;}		
		.sj-mega-menu > .dropdown-menu {  height: 400px;  overflow-y: scroll;}
		.activeshow li li li.defaultactive a{font-weight:normal;}	
		.sj-mega-menu .dropdown-menu h6{padding: 8px 11px 0;border-bottom: 1px solid #26457a;   width: 33%;    color: #26457a;}
		.product_detail .details-thumb{max-height: 400px;}
		.sj-mega-menu > ul li:last-child ul.dropdown-menu {bottom:0px !important;}
  }
  
  
  @media (max-width: 1366.99px) and (min-width:1199.99px){
	  .dropdown-item.active{background:none !important;}
	 .sj-mega-menu ul{visibility:hidden; opacity:0;position:absolute; width:250px; border-radius:0;}
	 .sj-mega-menu:hover ul{visibility:visible; opacity:1;  background:#b7c8ec; top:35px; left:0; padding:0 0 2px;}
	 .sj-mega-menu > ul li:last-child ul.dropdown-menu {bottom:-2px !important;}
	 .sj-mega-menu ul li{list-style-type:none; padding:6px 15px;}
	 .sj-mega-menu li a:hover{font-weight:bold;}
	 .sj-mega-menu:hover ul li ul{visibility:hidden; opacity:0;position:absolute; width:250px; top:0; left:250px;border: 0; border-radius:0;}
	 .sj-mega-menu ul ul li{list-style-type:none; padding:6px 15px;position: relative;font-weight:normal;}
	 .sj-mega-menu ul li:hover ul{visibility:visible; opacity:1; background:#ccd8ef; top:0; left:250px;}
	 .sj-mega-menu:hover ul ul li ul{visibility:hidden; opacity:0; background:#ccd8ef; top:0; left:250px;}
	 .sj-mega-menu ul ul li:hover ul{visibility:visible; opacity:1;position:absolute; width:250px;top:0; left:250px; background:#e3e9f6;}
	
  }
  
  
  @media (max-width: 1198.99px) and (min-width:991.99px){
	  div.dropdown-menu{ background: rgb(186,203,240);
		background: linear-gradient(90deg, rgba(186,203,240,1) 34%, rgba(207,219,244,1) 33%, rgba(207,219,244,1) 66%, rgba(231,237,250,1) 66%);}
	  .dropdown-item.active{background:none !important;}
	 .sj-mega-menu ul{visibility:hidden; opacity:0;position:absolute; width:250px; border-radius:0;}
	 .sj-mega-menu:hover ul{visibility:visible; opacity:1;  background:#b7c8ec; top:35px; left:0; padding:0;}
	 .sj-mega-menu ul li{list-style-type:none; padding:6px 15px;}
	 .sj-mega-menu li a:hover{font-weight:bold;}
	 .sj-mega-menu:hover ul li ul{visibility:hidden; opacity:0;position:absolute; width:250px; top:0; left:250px;border: 0; border-radius:0;}
	 .sj-mega-menu ul ul li{list-style-type:none; padding:6px 15px;position: relative;font-weight:normal;}
	 .sj-mega-menu ul li:hover ul{visibility:visible; opacity:1; background:#ccd8ef; top:0; left:250px;}
	 .sj-mega-menu:hover ul ul li ul{visibility:hidden; opacity:0; background:#ccd8ef; top:0; left:250px;}
	 .sj-mega-menu ul ul li:hover ul{visibility:visible; opacity:1;position:absolute; width:250px;top:0; left:250px; background:#e3e9f6;}
	 .srv-lst a{height:auto !important;}
	 
  }
  
  @media (max-width: 990.99px) and (min-width:360px){
	 .dropdown-item.active{background:none;}
	  .sj-mega-menu ul{visibility:hidden; opacity:0;position:relative; width:100%; border-radius:0;}
	 .sj-mega-menu:hover ul{visibility:visible; opacity:1;  background:#b7c8ec; top:10px; left:0; padding:0;}
	 .sj-mega-menu ul li{list-style-type:none; padding:6px 15px;}
	 .sj-mega-menu li a:hover{font-weight:bold;}
	 
	 .sj-mega-menu:hover ul li ul{visibility:hidden; opacity:0;position:absolute; width:250px; top:30px; left:0px;border: 0; border-radius:0;}
	 .sj-mega-menu ul ul li{list-style-type:none; padding:6px 15px;position: relative;font-weight:normal;}
	 .sj-mega-menu ul li:hover ul{visibility:visible; opacity:1;  top:0; left:0px;}
	 .sj-mega-menu:hover ul ul li ul{visibility:hidden; opacity:0; top:0; left:0px;}
	 .sj-mega-menu ul ul li:hover ul{visibility:visible; opacity:1;position:absolute; width:100%;top:0; left:0px; background:#e3e9f6;}
	 
	 
	  .serv-detail-sec{gap:20px 0;}
  }
  
   @media (max-width: 360px) and (min-width:320px){
	   .top-blue-head a{font-size: 12px !important;}
	   
   }
  
  @media (max-width: 767.98px){
    
}


/* logo slides */
.logo-slide {
    overflow: hidden;
    white-space: nowrap !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.logo-row {
    display: inline-block;
    animation: scrollLogo infinite linear forwards;
    padding: 0px;
}

.logo-row span img {
    height: 100px;
    width: auto;
    margin: 0;
    object-fit: contain;
}

.logo-row span img,
.logo-row span {
    max-width: 200px !important;
}

.logo-slide:hover .logo-row {
    animation-play-state: paused;
}

@keyframes scrollLogo {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}