@font-face {
    font-family: 'ClashDisplay';
    src: url('../webfonts/ClashDisplay-Variable.woff2') format('woff2'),
         url('../webfonts/ClashDisplay-Variable.woff') format('woff'),
         url('../webfonts/ClashDisplay-Variable.ttf') format('truetype');
         font-weight: 200 700;
         font-display: swap;
         font-style: normal;
  }

@font-face {
    font-family: 'Satoshi';
    src: url('../webfonts/Satoshi-Variable.woff2') format('woff2'),
         url('../webfonts/Satoshi-Variable.woff') format('woff'),
         url('../webfonts/Satoshi-Variable.ttf') format('truetype');
         font-weight: 300 900;
         font-display: swap;
         font-style: normal;
  }

:root{
    --sw-primary:#040506;
    --sw-secondary:#e6e6e6;
    --sw-accent:#82b440e6;
    --sw-highlight:var(--sw-accent);
    --sw-button:#82b440e6;
    --sw-dark:#10113d;
    --sw-surface:#ffffff;
    --sw-border:rgba(0,0,0,0.08);
    --sw-gradient:linear-gradient(135deg,var(--sw-accent) 0%,var(--sw-dark) 100%);
    --sw-shadow:0 35px 90px rgba(4,5,6,0.12);
    --sw-muted:#f5f5f5;
}



/*scrollbar theme*/
::-webkit-scrollbar {width:0px;}
::-webkit-scrollbar-track { background: var(--sw-secondary);}
::-webkit-scrollbar-thumb:hover {background: var(--sw-accent);}
::-webkit-scrollbar-thumb { background:var(--sw-primary); border-radius: 100px;}

/*right click selection css*/
::-moz-selection {background:rgba(49,74,99,0.2);}
::selection {background:rgba(49,74,99,0.2)}

/*universal css*/
*{ -webkit-font-smoothing: antialiased;
-moz-os-font-smoothing: grayscale;
box-sizing: border-box;
padding: 0;  margin: 0;   outline:none;  vertical-align:baseline;}
body {	    font-family: 'Satoshi'; color: var(--sw-primary);	 font-weight: 400; font-style: normal; line-height:1.5; font-size: 19px; outline:none;	overflow-x: hidden;
    background:
    radial-gradient(circle at 0% 30%, rgba(130,180,64,0.18), transparent 55%),
    radial-gradient(circle at 90% 5%, rgba(16,17,61,0.12), transparent 55%),
    var(--sw-muted);
	min-height:100vh;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {  display: block; }
h1, h2, h3, h4, h5, h6 {    font-family: 'ClashDisplay'; color: var(--sw-dark); font-weight: 800;}
h1, h2, h3, h4, h5, h6, p, ul{padding: 0;   margin: 0;}
a{text-decoration: none; background-color: transparent; color: inherit;}
a:hover {text-decoration: none; }
ul{list-style:none;}
a:hover {text-decoration: none;   color: initial;}
button:focus {outline: none!important}
.animation, .separateweb-btn-grdt1,.separateweb-btn-grdt1:hover, .sticky, .separateweb-header, a.sw-links, .dskt-logo, .separateweb-btn-grdt2, .setps, .whatsapp-bg, .separateweb-btn, a,   .sw-media-crd, 
 button, .stats-box, .texts, .mega, .swhz{
-webkit-transition: 1.1s cubic-bezier(.16, .84, .442, .98);
-o-transition: 1.1s cubic-bezier(.16, .84, .442, .98);
transition: 1.1s cubic-bezier(.16, .84, .442, .98); }
.text-bold{font-weight:800}
.text-normal{font-weight:normal}
.text-light{font-weight:lighter}
.vcenter{align-items: center; align-self: center;}
.fw400{font-weight: 400;}
.rounddiv{border-radius: 14px; overflow: hidden;}



.bg {
	position: fixed;
	top: -50%;
	left: -50%;
	right: -50%;
	bottom: -50%;
	width: 200%;
	height: 200vh;
	background:
		radial-gradient(circle at 10% 40%, rgba(205,233,200,0.5), transparent 50%),
		radial-gradient(circle at 80% 0%, rgba(216,242,212,0.35), transparent 55%),
		linear-gradient(180deg, #fdfefd 0%, #f3f4f2 100%);
	animation: bg-animation 20s linear infinite;
	opacity: 1;
	visibility: visible;
	z-index: -999;
  }
  
  @keyframes bg-animation {
	  0% { transform: translate(0,0) }
	  10% { transform: translate(-5%,-5%) }
	  20% { transform: translate(-10%,5%) }
	  30% { transform: translate(5%,-10%) }
	  40% { transform: translate(-5%,15%) }
	  50% { transform: translate(-10%,5%) }
	  60% { transform: translate(15%,0) }
	  70% { transform: translate(0,10%) }
	  80% { transform: translate(-15%,0) }
	  90% { transform: translate(10%,5%) }
	  100% { transform: translate(5%,0) }
  }







/**help css**/
.h1a {font-size: 50px; line-height: 62px; font-weight: 800;}
h1.h1 {  font-size: 55px;  line-height: 65px; font-weight: 800;}
h1 {  font-size: 45px;  line-height: 57px; font-weight: 800;}
h2 {  font-size: 40px;  line-height: 52px; font-weight: 800;}
h3 {  font-size: 34px;  line-height: 46px; font-weight: 700;}
h4 {  font-size: 22px;  line-height: 32px; font-weight: 600;}
h5 {  font-size: 20px;  line-height: 30px; font-weight: 600;}
h6 {  font-size: 17px;  line-height: 26px; font-weight: 600;}
p {   font-size: 20px;  line-height: 32px; font-weight: normal;}
.ptb130{padding-top: 130px; padding-bottom: 130px;}
.sec-heading h2{
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
}
.sec-heading h2::after{
	content:"";
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:0;
	width:80px;
	height:4px;
	border-radius:4px;
	background: linear-gradient(90deg,var(--sw-primary),var(--sw-highlight));
	opacity:.8;
}
.sw-card{background: rgba(255,255,255,0.95);padding: 30px;border-radius: 24px;border: 1px solid var(--sw-border);box-shadow: var(--sw-shadow);backdrop-filter: blur(12px);}
.h-light{font-weight: 500}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color: var(--sw-dark);}
/*margin top class*/
.m0{margin:0 !important;}
html .mt0{margin-top: 0px;}
html .mt5{margin-top: 5px;}
html .mt10{margin-top: 10px;}
html .mt15{margin-top: 15px;}
html .mt20{margin-top: 20px;}
html .mt25{margin-top: 25px;}
html .mt30{margin-top: 30px;}
html .mt35{margin-top: 35px;}
html .mt40{margin-top: 40px;}
html .mt45{margin-top: 45px;}
html .mt50{margin-top: 50px;}
html .mt55{margin-top: 55px;}
html .mt60{margin-top: 60px;}
html .mt65{margin-top: 65px;}
html .mt70{margin-top: 70px;}
html .mt75{margin-top: 75px;}
html .mt80{margin-top: 80px;}
html .mt85{margin-top: 85px;}
html .mt90{margin-top: 90px;}
html .mt95{margin-top: 95px;}
html .mt100{margin-top: 100px;}
html .mt106{margin-top: 105px;}
html .mt110{margin-top: 110px;}
html .mt115{margin-top: 115px;}
html .mt120{margin-top: 120px;}
html .mt125{margin-top: 125px;}
html .mt130{margin-top: 130px;}
html .mt135{margin-top: 135px;}
html .mt140{margin-top: 140px;}
html .mt145{margin-top: 145px;}
html .mt150{margin-top: 150px;}
/*margin bottom class*/
html .mb0{margin-bottom: 0px;}
html .mb5{margin-bottom: 5px;}
html .mb10{margin-bottom: 10px;}
html .mb15{margin-bottom: 15px;}
html .mb20{margin-bottom: 20px;}
html .mb25{margin-bottom: 25px;}
html .mb30{margin-bottom: 30px;}
html .mb35{margin-bottom: 35px;}
html .mb40{margin-bottom: 40px;}
html .mb45{margin-bottom: 45px;}
html .mb50{margin-bottom: 50px;}
html .mb55{margin-bottom: 55px;}
html .mb60{margin-bottom: 60px;}
html .mb65{margin-bottom: 65px;}
html .mb70{margin-bottom: 70px;}
html .mb75{margin-bottom: 75px;}
html .mb80{margin-bottom: 80px;}
html .mb85{margin-bottom: 85px;}
html .mb90{margin-bottom: 90px;}
html .mb95{margin-bottom: 95px;}
html .mb100{margin-bottom: 100px;}
html .mb105{margin-bottom: 105px;}
html .mb110{margin-bottom: 110px;}
html .mb115{margin-bottom: 115px;}
html .mb120{margin-bottom: 120px;}
html .mb125{margin-bottom: 125px;}
html .mb130{margin-bottom: 130px;}
html .mb135{margin-bottom: 135px;}
html .mb140{margin-bottom: 140px;}
html .mb145{margin-bottom: 145px;}
html .mb150{margin-bottom: 150px;}
/*margin left class*/
html .ml5{margin-left: 5px;}
html .ml10{margin-left: 10px;}
html .ml15{margin-left: 15px;}
html .ml20{margin-left: 20px;}
html .ml25{margin-left: 25px;}
html .ml30{margin-left: 30px;}
html .ml35{margin-left: 35px;}
html .ml40{margin-left: 40px;}
html .ml45{margin-left: 45px;}
html .ml50{margin-left: 50px;}
/*margin right class*/
html .mr5{margin-right: 5px;}
html .mr10{margin-right: 10px;}
html .mr15{margin-right: 15px;}
html .mr20{margin-right: 20px;}
html .mr25{margin-right: 25px;}
html .mr30{margin-right: 30px;}
html .mr35{margin-right: 35px;}
html .mr40{margin-right: 40px;}
html .mr45{margin-right: 45px;}
html .mr50{margin-right: 50px;}
/*padding top class*/
html .pt0{padding-top: 0px;}
html .pt5{padding-top: 5px;}
html .pt10{padding-top: 10px;}
html .pt15{padding-top: 15px;}
html .pt20{padding-top: 20px;}
html .pt25{padding-top: 25px;}
html .pt30{padding-top: 30px;}
html .pt35{padding-top: 35px;}
html .pt40{padding-top: 40px;}
html .pt45{padding-top: 45px;}
html .pt50{padding-top: 50px;}
html .pt55{padding-top: 55px;}
html .pt60{padding-top: 60px;}
html .pt65{padding-top: 65px;}
html .pt70{padding-top: 70px;}
html .pt75{padding-top: 75px;}
html .pt80{padding-top: 80px;}
html .pt85{padding-top: 85px;}
html .pt90{padding-top: 90px;}
html .pt95{padding-top: 95px;}
html .pt100{padding-top: 100px;}
html .pt105{padding-top: 105px;}
html .pt110{padding-top: 110px;}
html .pt115{padding-top: 115px;}
html .pt120{padding-top: 120px;}
html .pt125{padding-top: 125px;}
html .pt130{padding-top: 130px;}
html .pt135{padding-top: 135px;}
html .pt140{padding-top: 140px;}
html .pt145{padding-top: 145px;}
html .pt150{padding-top: 150px;}
/*padding bottom class*/
html .pb0{padding-bottom: 0px;}
html .pb5{padding-bottom: 5px;}
html .pb10{padding-bottom: 10px;}
html .pb15{padding-bottom: 15px;}
html .pb20{padding-bottom: 20px;}
html .pb25{padding-bottom: 25px;}
html .pb30{padding-bottom: 30px;}
html .pb35{padding-bottom: 35px;}
html .pb40{padding-bottom: 40px;}
html .pb45{padding-bottom: 45px;}
html .pb50{padding-bottom: 50px;}
html .pb55{padding-bottom: 55px;}
html .pb60{padding-bottom: 60px;}
html .pb65{padding-bottom: 65px;}
html .pb70{padding-bottom: 70px;}
html .pb75{padding-bottom: 75px;}
html .pb80{padding-bottom: 80px;}
html .pb85{padding-bottom: 85px;}
html .pb90{padding-bottom: 90px;}
html .pb95{padding-bottom: 95px;}
html .pb100{padding-bottom: 100px;}
html .pb105{padding-bottom: 105px;}
html .pb110{padding-bottom: 110px;}
html .pb115{padding-bottom: 115px;}
html .pb120{padding-bottom: 120px;}
html .pb125{padding-bottom: 125px;}
html .pb130{padding-bottom: 130px;}
html .pb135{padding-bottom: 135px;}
html .pb140{padding-bottom: 140px;}
html .pb145{padding-bottom: 145px;}
html .pb150{padding-bottom: 150px;}

.shadows {
	-webkit-box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);
	box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%)
}
.no-shadows {
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}
.sol-img {
	border-radius: 24px;
	overflow: hidden
}
.roww {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
/**text gdt**/
.swtxt1{
	background: -webkit-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);
    background: linear-gradient(to right,#ffbd84 0,#ff1f8e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.vide-btntitl {	margin-left: 10px}
.separateweb-header.sticky .dskt-logo {
	float: left;
	line-height: 70px
}
.separateweb-header.sticky {	
	-webkit-box-shadow: 0 20px 40px 0 rgb(12 0 46 / 12%);
	box-shadow: 0 20px 40px 0 rgb(12 0 46 / 12%);	
	height: 70px;
    background: rgba(255,255,255,0.95);
}

.separateweb-header.sticky:after {
	content: "";
    background: rgb(255 255 255 / 85%);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.sticky .separateweb-list li a.sw-links {line-height: 70px!important}
.separateweb-header {
	padding: 0 20px;
    height: 85px;
    z-index: 9995;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg,#f9fbff 0%,#e7edf6 100%);
    border-bottom: 1px solid rgba(5,56,140,0.08);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    box-shadow: 0 25px 45px rgba(12,24,54,0.12);
    transition: box-shadow 0.3s ease, background 0.3s ease;
}
.menu-header {
	align-items: center;
	justify-content: space-between;
	width: 100%
}
.dskt-logo {	float: left;	line-height: 85px}
.dskt-logo .nav-brand img {	max-width: 200px;}
.separateweb-nav .separateweb-list li a.sw-links {
	font-size: 18px;
	color: var(--sw-primary);
	font-weight: 600;
	padding: 0 15px;
	line-height: 85px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden
}
.separateweb-nav .separateweb-list li a.sw-links::after{
    content:"";
    position:absolute;
    height:3px;
    left:15px;
    right:15px;
    bottom:22px;
    border-radius:4px;
    background:var(--sw-gradient);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform 0.4s ease;
}
.separateweb-nav .separateweb-list li a.sw-links:hover::after,
.separateweb-nav .separateweb-list li a.sw-links:focus::after{
    transform:scaleX(1);
}
.separateweb-nav .separateweb-list li a.sw-links:hover,
.separateweb-nav .separateweb-list li a.sw-links:focus{
    color:var(--sw-primary);
}
.separateweb-nav .separateweb-list li {	display: inline-flex}
.owl-carousel .owl-item img {	display: block;	max-width: 100%;	width: inherit}


.pixelz-banner{
    padding: 140px 0;
    background:
        radial-gradient(circle at 0% 50%, rgba(205,233,200,0.65), transparent 55%),
        linear-gradient(180deg,#f9faf9 0%,#f4f5f3 100%);
}
.pixelz-banner .pixelz-wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    gap: 70px;
    align-items: center;
}
.pixelz-copy h3{
    font-size: 56px;
    line-height: 66px;
    font-weight: 700;
    color:var(--sw-primary);
}
.pixelz-copy .pixelz-heading-highlight{
    display: block;
    color:var(--sw-accent);
    font-size: 56px;
    line-height: 66px;
    margin-bottom: 8px;
}
.pixelz-copy p{
    font-size: 20px;
    line-height: 34px;
    color:#6b6e70;
    margin-top: 25px;
    max-width: 520px;
}
.pixelz-btn{
    margin-top: 40px;
    background:var(--sw-button);
    color:#fff;
    border-radius: 100px;
    padding: 16px 42px;
    font-size: 18px;
    letter-spacing:.02em;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    box-shadow:0 20px 35px rgba(29,31,38,0.15);
    transform: translateZ(0);
    transition: background-color 0.3s ease;
}
.pixelz-btn:hover{
    transform:scale(1.04);
    color:#fff;
    box-shadow:0 25px 45px rgba(29,31,38,0.18);
    background:var(--sw-dark);
}
.pixelz-visual{
    /* background:#ffffff; */
    /* border-radius:30px; */
    /* padding:35px; */
    /* box-shadow:0 30px 60px rgba(12,18,32,0.08); */
}
.pixelz-visual img{
    width:100%;
    border-radius:24px;
    display:block;
}

.hero-content-a p {	font-size: 20px;	line-height: 32px}
.fa-btn,.sw-card {	position: relative}
.fa-btn {
	font-size: 11px;
	margin-left: 4px;
	display: inline-block;
	top: -2px
}
 
.company-budges {
	display: flex;
	justify-content: space-around;
	align-items: center
}
.img-budges {
	padding: 0 20px;
	width: 33.333%;
	text-align: center
}
.company-stats {	padding: 0 5%}
.sw-card,.stats-box {	padding: 40px 30px;	border-radius: 24px;background: rgba(255,255,255,0.98);border: 1px solid var(--sw-border);box-shadow: var(--sw-shadow);backdrop-filter: blur(12px);position: relative;overflow: hidden;}
.stats-box h3 {	font-size: 45px}
.stats-box p {	font-size: 18px} 
.sw-card {	place-items: start;	display: grid;}
.sw-card::after,.stats-box::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    border-top:4px solid rgba(242,183,81,0.35);
    opacity:0.8;
    pointer-events:none;
}
.light-grdnt {	background: linear-gradient(180deg, #fff5f9 50%, #f2fcff 100%)}
.sw-card-img {
	background: var(--sw-surface);
	box-shadow: 0 20px 50px 5px rgba(25,37,54,0.12);
	padding: 15px;
	border-radius: 24px;
	position: absolute;
	width: 80px;
	height: 80px;
	top: -30px;
	left: 30px
}
.cta-block-a, .servic-block-a {	-webkit-box-shadow: 0 5px 15px 0px rgb(0 0 0 / 6%)}
.sw-card-img img {	width: 100%}
.sw-card-content h3 {
	font-size: 28px;
	line-height: 38px
}
.sw-card-link {
	display: block;
	color: var(--sw-dark)
}
.work-details,.work-details h2 {	color: #fff}
.ctablock {
	padding: 50px;
	border-radius: 24px;
	overflow: hidden;
    background: rgba(255,255,255,0.94);
    border: 1px solid var(--sw-border);
	backdrop-filter: blur(18px);
    box-shadow: var(--sw-shadow);
    position: relative;
}
.ctablock::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(135deg, rgba(242,183,81,0.18), transparent 60%);
    opacity:0.5;
    pointer-events:none;
}
.cta-block-a {
    background: linear-gradient(140deg, rgba(49,74,99,0.08), rgba(255,255,255,0.04));
}

.link-sol-header {	text-align: right}
.separate-web-fb p.trm,.home-review-slider,.play-vid-review,.review-slider,.work-thumbnails {	text-align: center}
span.checked {	color: #ffb100;	font-size: 24px}
.home-review-slider .owl-dots {	margin-top: 30px}
.review-slider {	width: 60%;	margin: 0 auto}
.reviewers-img {
	border-radius: 100px;
	width: 140px;
	height: 140px;
	margin: 0 auto 20px;
	position: relative;
	-webkit-box-shadow: 0 5px 15px 0px rgb(0 0 0 / 6%);
	box-shadow: 0 5px 15px 0px rgb(0 0 0 / 6%)
}

.reviewers-img img {
	border-radius: 100px;
	width: 100%
}

.play-vid-review {
	font-size: 15px;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	-webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 10px 15px 0 rgb(0 3 23 / 20%)
}

.cta-bg-img,
.home-review-block {
	position: relative
}

.home-partners-block .brand-logo img {
	max-width: 120px
}

.clients-logos ul li {
	display: inline-block;
	padding: 30px 0 0
}

.clients-logos ul li p {
	font-size: 16px;
	padding-top: .5em;
	letter-spacing: 0
}

.brand-logo {
	max-width: 220px;
	margin: 0 auto;
	padding: 10px
}

.review-text p::after, .review-text p::before {
	font-family: 'Font Awesome 5 Fsw';
	font-weight: 700
}
.cta-block-b {
    background: linear-gradient(140deg, rgba(49,74,99,0.05), rgba(255,255,255,0.04));
}

.label-f-form {
	font-size: 16px;
	line-height: 25px
}
.separate-web-fb input, .separate-web-fb select, .separate-web-fb textarea {
	margin: 0 0 15px;
	color: #172b43;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	background: #fff;
	outline: 0
}
.separate-web-fb input, .separate-web-fb select {
	height: 50px;
	padding: 0 15px;
	border: 0;
	border-bottom: 2px solid #e6e6e6;
	-webkit-border-radius: 0px;
	border-radius: 0px
}
.separate-web-fb textarea {
	height: 100px;
	padding: 15px;
	border: 0;
	border-bottom: 2px solid #e6e6e6;
	-webkit-border-radius: 0px;
	border-radius: 0px
}
.separate-web-fb p.trm {
	font-size: 13px;
	width: 100%;
	margin: 10px 0 0
}
.separate-web-fb p.trm i {
	padding: 5px 5px 0 0
}
.form-body {
	background: #fff;
	padding: 40px 50px
}
.form-head {
	background: #f2f0ff;
	padding: 40px 50px
}
.fourc-up-a, .fourc-up-b {
	margin: -125px 0 0
}
.separate-web-fb {
	border-radius: 24px;
	overflow: hidden
}
 
.footer-sw-lg span.checked {
	color: #ffb100;
	font-size: 18px
}

.footer-links-list li {
	display: flex;
	padding: 0 0 5px
}

.footer-links-list li a {
	font-size: 17px;
	line-height: 34px
}
.sw-cta-quote h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
}

.footer-head h5 {
	padding: 30px 0 20px
}

.footer-rowset {
	display: grid;
	justify-content: space-between;
	grid-template-columns: auto auto auto auto auto
}

.icon-setss,
.ref-logo {
	justify-content: space-between
}

.sw-media-sets,
.ref-logo {
	grid-template-columns: auto auto auto auto
}

.social-linkz a span i {
	font-size: 20px
}

.social-linkz a span {
	width: 20px;
	display: inline-block;
	text-align: center;
	margin-right: 10px
}

.ft-btn {
	text-align: right
}

.footer-abt {
	background: rgb(226 221 255 / 20%)
}

.ft-abt p,
.ft-copyright p {
	font-size: 17px;
	line-height: 27px
}

.ft-copyright {
	text-align: center;
	padding: 15px 0
}

.ref-logo {
	display: grid
}

.ref-logo a img {
	width: 120px
}

.zup {
	z-index: 10
}

.home-contact:before {
	content: "CONTACT US";
	position: absolute;
	z-index: 1;
	font-style: normal;
	font-weight: 900;
	font-size: 240px;
	line-height: 1;
	letter-spacing: 10px;
	white-space: nowrap;
	color: #f7c446;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	overflow: hidden
}

.flx-end {
	align-items: flex-end
}

.contact-details-block {
	background: #fff;
	padding: 30px;
	border-radius: 24px
}

.sw-row-set {
	align-items: flex-start;
	display: flex;
	vertical-align: top
}

.sw-icon-set {
	display: inline-table;
	vertical-align: top
}

.dtb-details span {
	margin: 0 0 15px;
	font-weight: 500;
	font-size: 20px;
	display: block
}

.dtb-icon i {
	font-size: 24px
}

.dtb-details a {
	letter-spacing: 1px;
	display: block;
	font-size: 22px;
	font-weight: 700
}

.sw-details-set {
	margin: 0 0 0 20px;
	text-align: left;
	float: left;
	display: table-cell;
	vertical-align: top
}

.center-btn, .go-top-text {
	text-align: center
}

.dtb-details a+a {
	margin-top: 10px
}

.trust-logo-block ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.trust-logo-block li {
	width: 33.333%;
	margin: 10px 0;
	padding: 0 15px
}

.trust-logo-block li img {
	width: 100%
}

.img-round80 {
	border-radius: 100%;
	width: 80px;
	height: 80px;
	overflow: hidden
}

.icon-setss {
	display: flex
}

.icon-imgg img {
	width: 42px
}

.icon-rows {
	padding: 0
}

.icon-txt p {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 500
}

.port-ref-link img {
	width: 40px
}

.port-ref-link a {
	display: block
}

.port-ref-link a span {
	display: block;
	margin-top: 15px;
	font-size: 19px;
	line-height: 28px
}

.port-ref-link {
	display: inline-block;
	width: 33.333%;
	float: left;
	margin-top: 30px
}

.company-stats {
	display: flex
}

.company-stats-sw{
	display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 30px;
    text-align: center;
    margin-top: 70px;
}
 
.statsnum span {
	font-size: 40px;
    font-weight: 700;
    color: var(--sw-primary);
    text-shadow: 0 8px 20px rgba(15,28,44,0.15);
}

.statsnum p {
	font-size: 18px;
	margin-top: 15px
}

.statsnum p {
	font-weight: 500
}

.countrr span,
.port-title-main,
.setps {
	font-weight: 700;
     font-family: 'Poppins', sans-serif;
}

.portfolio-detls {
	position: relative;
	z-index: 50;
	margin-top: 30px
}

.pdr-dtls {
	margin-left: -70px;
	padding-right: 70px
}

.pdl-dtls {
	margin-right: -100px;
	padding-left: 70px
}

.port-tags {
	color: #3f5aff
}

.port-title-main {
    display: block;
    font-size: 22px;
    line-height: 32px;
    color: var(--sw-dark);
	margin-bottom: 10px;
}

.port-links {
	font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 18px 34px;
    border-radius: 100px;
	position: relative;
	overflow: hidden;
	z-index: 9;
	text-transform: uppercase;
    background-color: var(--sw-button);
    box-shadow: 0 25px 45px rgba(15,28,44,0.18);
    transition: transform 0.4s ease, box-shadow 0.4s ease, background-color 0.3s ease;
}

.port-links:hover::before {
	opacity: 0.3;
}

.port-links:hover {
	transform: translateY(-4px);
    background-color: var(--sw-dark);
    color: #fff;
    box-shadow: 0 35px 65px rgba(15,28,44,0.22);
}
.port-links span{
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.port-links::after{
    content:none;
}
.port-links:hover::after{content:none;}

.pt-logo {
    max-width: 150px;
   /* background: #fff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    border: 1px solid #07b5ff;*/
}

.port-links::before {
    animation: swrotateIt 10s linear infinite;
    background-image: url(../images/dot-pattern.png);
    content: '';
    width: 500px;
    height: 500px;
    top: -214px;
    left: -140px;
    z-index: -1;
    opacity: 0;
    transform-origin: center;
    transition: opacity 0.3s;
    position: absolute;
    overflow: hidden;
}

@keyframes swrotateIt {
	to {
		transform: rotate(-360deg);
	}
  }

  /***sw button**/
/* .button:hover{background: #fff;} */
button:hover:not(.separateweb-btn){background: #fff; color: var(--sw-primary) !important;}
.separateweb-btn{
	text-transform: uppercase;
	color: #fff;
	background-color: var(--sw-button);
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	padding: 0 36px;
	line-height: 58px;
    overflow: hidden;
    border: 0;
    font-weight: 600;
    letter-spacing: .04em;
    box-shadow: 0 20px 45px rgba(15,28,44,0.2);
    gap: 12px;
    position: relative;
    transition: background-color 0.3s ease;
}
.separateweb-btn:hover {
    color: #fff;
    background-color: var(--sw-dark);
}
.separateweb-btn::after{
    content:none;
}
 
.button--sw > span {
    overflow: hidden;
    color: #fff;
    z-index: 999;
    position: relative;
} 
.btn-sets, .menu-header, .vid-btntitl {	display: flex}
.separateweb-btn-round {
	border-radius: 100%;
	width: 60px;
	height: 60px;
	text-align: center;
	padding: 0
}

.herobtn{
	position: absolute;
    bottom: -50px;
    left: 0;
}
a.button:hover {
    color: var(--sw-dark);
    text-decoration: none;
}
.button {
    pointer-events: auto;
    cursor: pointer; 
    margin: 0;
    position: relative;
    display: inline-block;   
}
.button--sw2 {
    width: 170px;
    height: 110px;
    color: #fff;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button--sw2::before {
    content: '';
    background: #e6e6e6;
    -webkit-clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");
    clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");
    transition: clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55), -webkit-clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55), background 0.5s ease;
	z-index: 2;
	position: relative;
}
.button--sw2 span {
    display: block;
    transition: transform 0.3s ease;
    z-index: 3;
    color: var(--sw-dark);
}
.button--sw2:hover span{color: #fff;}
.button--sw2::after {
    content: '';
    height: 86%;
    width: 97%;
    top: 5%;
    border-radius: 58% 42% 55% 45% / 56% 45% 55% 44%;
    border: 1px solid var(--sw-dark);
    transform: rotate(-20deg);
     z-index: 1;
    transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
}
.button::before, .button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.button--sw2:hover::before {
    background: #0057FF;
    -webkit-clip-path: path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");
    clip-path: path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");
}
.button--sw2:hover::after {
    transform: translate3d(0,-5px,0);
    border: 1px solid #0057FF;
}
.swheader{line-height: 48px;}
/*****/ 


.item-logo {
	display: inline-block
}

.portfolio-items .row+.row {
	margin-top: 140px
}

.sw-protfolio{
	border-radius: 24px;
	overflow: hidden;
}

.hovr-scale-main .hovr-scale-base {
	border-radius: 14px;
	overflow: hidden;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	position: relative;
}

.hovr-scale-main .hovr-scale-base:after {
    content: "";
    display: block;
    width: 200%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0));
    transform: translate3d(0px, 0px, 0px) rotate(45deg);
    transform-origin: top right;
    transition: transform 0.3s ease-out;
}
.hovr-scale-main:hover .hovr-scale-base {
	transform: perspective(400px) rotateX(5deg) scale(1.05) translateY(-14px);
    box-shadow: 0px 10px 30px -10px rgb(0 0 0 / 20%);
    transition: transform 0.2s ease-in, box-shadow 0.2s ease-in;
}
.hovr-scale-main:hover .hovr-scale-base:after {
    transform: translate3d(0px, 260px, 0px) rotate(45deg);
    transition: transform 0.3s ease-in;
}
.hovr-scale-base img,
.hovr-scale-main .hovr-scale-base {
	-webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
	-o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
	transition: 1.2s cubic-bezier(.17, .85, .438, .99)
}

.light-bg0 {background: #ffffff}
.light-bg1 {background: #f6f7f9}
.light-bg2 {background: #eef0f3}
.light-bg3 {background: #e5e7eb}

  
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p , .text-white a{color:#fff}

.serv-page-head {
	overflow: hidden;
	position: relative
}

.mbm{mix-blend-mode: difference;}

.abtsw{
	position: relative;
    top: 25px;
}

.sw-media-sets {
	display: grid;
	grid-gap: 20px
}

.sw-stat-icn {
	width: 80px;
	height: 80px;
	padding: 14px;
	border-radius: 100px
}

.countrr span {
	font-size: 35px;
	color: var(--sw-dark);
	margin-bottom: 8px;
	display: inline-block
}

.round-bdr {
	border: 1px solid #e2e2e2;
	padding: 20px;
	border-radius: 24px;
	background: rgb(255 255 255 / 12%)
}

.flex-end{align-items: flex-end;}


.aboutsw{
	width: 210px;
    margin: 150px 0 40px 0;
}


.owl-carousel .owl-dots .owl-dot.active:after,
.owl-carousel .owl-dots .owl-dot.active:before,
.process-content:hover .setps {
	opacity: 1
}

.serviceslist{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.serviceslist li{
	font-size: 18px;
    line-height: 28px;
    display: grid;
    grid-template-columns:28px auto;
    align-items: center;
}

.serviceslist li:before{
	content: '\eb41';
	font-family: unicons-line;
    font-style: normal;
    font-weight: 400;
}


.sw-subs-from {
	margin-left: 20%
}

.sw-subs-from form {
	position: relative
}

.subs-input {
	width: 100%;
	height: 65px;
	padding: 0 100px 0 30px;
	margin: 0;
	color: #172b43;
	font-size: 18px;
	outline: 0;
	background: #fff;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 24px;
	border-radius: 24px
}

.subs-btn {
    width: max-content;
    position: absolute;
    top: 4px;
    right: 5px;
    border-radius: 24px;
    padding: 0 30px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    background: var(--sw-button);
    transition: background-color 0.3s ease;
}
.subs-btn:hover{
    background:var(--sw-dark);
}

.sw-media-crd {
	background: #fff;
	margin-top: 40px;
	border-radius: 24px;
	overflow: hidden;
	border: 5px solid #fff
}

.sw-media-crd:hover {
	-webkit-box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);
	box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%)
}

.rpl-contt {
	padding: 0 20px 20px
}

.rpl-img {
	border-radius: 0 0 8px 8px;
	overflow: hidden
}

.tags a+a {
	margin-left: 10px
}

.tags a {
	color: #8383a2;
	margin: 30px 0 20px;
	display: inline-block;
	font-size: 16px
}

.bread-active a,
.info-b-left a {
	color: #3f5aff
}

.fill-fixed {
	object-fit: cover;
	width: 100%;
	max-height: 100%;
	max–width: 100%;
	height: 300px
}

.ul-list li {
	font-size: 19px;
	line-height: 45px;
	list-style-type: circle
}

.ul-list {
	padding: 0 0 0 40px
}

.info-bar {
	display: flex;
	justify-content: space-between;
	margin: 30px 0
}

.info-b-left a+a {
	margin-left: 10px
}

.breadcrus {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	list-style-type: none
}

.center-btn {
	margin-top: 60px
}


.separateweb-m{
	display: none
}



.hc-nav-trigger {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
	top: 0;
	z-index: 9980;
	width: 30px;
	min-height: 48px
}

.go-top {
	position: fixed;
	bottom: 25%;
	right: -34px;
	cursor: pointer;
	transform: rotate(270deg);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	z-index: 9999
}

.go-top-text {
	position: absolute;
	width: 60px;
     font-family: 'Poppins', sans-serif;
	line-height: 1.5;
	letter-spacing: 3px;
	font-size: 12px;
	margin: 20px 0 0 -4px
}

.progress-bar {
	background: #30303c;
	height: 2px;
	width: 0;
	margin: 2px 0 0
}

.prog-cntnr {
	background: #dbccff
}

ul.pagination {
	position: relative;
	background: #e4dfff;
	display: flex;
	padding: 10px 20px;
	border-radius: 50px;
	width: fit-content;
	margin: 0 auto
}

ul.pagination li {
	list-style: none;
	line-height: 50px;
	margin: 0 5px
}

ul.pagination li.pageNumber {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center
}

ul.pagination li a {
	display: block;
	color: #8068ff;
	font-weight: 600;
	border-radius: 50%
}

ul.pagination li.pageNumber.active a,
ul.pagination li.pageNumber:hover a {
	background: #8068ff;
	color: #fff
}

ul.pagination li:first-child {
	margin-right: 30px;
	font-weight: 700;
	font-size: 20px
}

ul.pagination li:last-child {
	margin-left: 30px;
	font-weight: 700;
	font-size: 20px
}

.owl-carousel .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 2px;
	vertical-align: middle
}

.owl-carousel .owl-dots .owl-dot.active:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.owl-carousel .owl-dots .owl-dot:after,
.owl-carousel .owl-dots .owl-dot:before {
	content: '';
	position: absolute;
	border-radius: 50%;
	-webkit-transition: ease-out .16s;
	transition: ease-out .16s
}

.owl-carousel .owl-dots .owl-dot:before {
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	opacity: 0;
	background: 0 0;
	border: 1px solid #5a3afa
}

.owl-carousel .owl-dots .owl-dot:after {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .8;
	background: #5a3afa;
	width: 10px;
	height: 10px
}

.trust-review.owl-carousel .owl-dots {
	position: absolute;
	bottom: 40px;
	right: 30px;
	text-align: right;
	background: #ecebff;
	border-radius: 50px;
	height: auto;
	padding: 5px;
	width: fit-content
}

#scrollUp {
	bottom: 20%;
	left: 10px;
	width: 22px;
	height: 150px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #fff;
	background: url(../images/icons/up-arrow.svg);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center center;
	background-repeat: no-repeat;
}



/****/

.js .loading:after,
.js .loading:before {
	content: "";
	position: fixed;
	z-index: 1000
}

.js .loading:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f8c792
}

.js .loading:after {
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	border-radius: 50%;
	opacity: .4;
	background:  #000;;
	animation: loaderAnim .7s linear infinite alternate forwards
}

@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(.5, .5, 1)
	}
}

 

.unbutton {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit
}

.unbutton:focus {
	outline: none
}

.frame {
	padding: 3rem 5vw;
	text-align: center;
	position: relative;
	z-index: 1000
}

.frame__logo {
	font-size: 1rem;
	margin: 0 0 1rem;
	font-weight: 700
}

.frame__links {
	display: inline
}

.frame__links a:not(:last-child) {
	margin-right: 1rem
}

.frame__demos {
	margin: 1rem 0
}

.frame__demo--current,
.frame__demo--current:hover {
	color:#111
}

.separateweb-wrap {
	display: flex;
	flex-direction: column;	
	position: relative;
	justify-content: center
}

.menu__item {
	cursor: default;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 -1px  #e7e7e7;
}

.menu__item:last-child {
	box-shadow: 0 1px  #e7e7e7, 0 -1px  #e7e7e7;
}

.menu__item-link {
	display: block;
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: var(--sw-dark);
}

.menu__item-link:focus,
.menu__item-link:focus-visible {
	color: #775e41
}

.menu__item-link:focus:not(:focus-visible) {
	color: #000;
}

.marquee {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(90deg, #f3c05a, #e4a540);
    opacity:.9;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.1);
	transform: translate3d(0, 101%, 0)
}

.marquee__inner-separateweb {
	height: 100%;
	width: 100%;
	transform: translate3d(0, -101%, 0)
}

.marquee__inner {
	height: 100%;
	width: fit-content;
	align-items: center;
	display: flex;
	position: relative;
	animation: sw-marquee 15s linear infinite;
	will-change: transform
}

@keyframes sw-marquee {
	to {
		transform: translate3d(-50%, 0, 0)
	}
}

.marquee span, .menu__item-link {
    white-space: nowrap;
    font-size: 70px;
    line-height: 1.2;
    font-weight: 800;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: 'ClashDisplay';
}
.marquee span {
	text-align: center;
	color:#fff;
	font-weight: 400
}
.sw-img-mq {
	width: 15vw;
	height: 90%;
	margin: 02vw;
	border-radius: 0px;
	background-size: cover;
	background-position: 50% 50%;
}
 
.separateweb-text{
    position: relative;   
    width: 180px;
    height: 180px;   
	border-radius: 100px;}
 
 .separateweb-text .texts{
    width: 180px;
    height: 180px;
 }
 .separateweb-text .innerlogo{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 80px;
    right: 0;
    left: 0;
    margin: 0 auto;
 }

 .ctabout{
	 margin-bottom: 50px;
	 margin-top: 100px;
 }

 .ct-index{
	position: absolute;
    right: 50px;
    bottom: -80px;
    width: 180px;
    height: 180px;
    margin: 0 auto;
 }

/****/
 .🖖{border-radius: 100px; display: inline-block;}

.floating-label { 
    position:relative; 
    margin-bottom:20px; 
  }
  .floating-input , .floating-select {
    font-size:14px;
    padding:4px 4px;
    display:block;
    width:100%;
    height:45px;
    background-color: transparent;
    border:none;
    border-bottom:1px solid #C5C5C5;
  }  
  .floating-input:focus , .floating-select:focus {     outline:none;  border-bottom:1px solid var(--sw-primary); }  
  .floating-label label {
    color: var(--sw-dark);
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 28px;
    top: 16px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin-bottom: 0;
  }  
  .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label, .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
      top: 0px;
      font-size: 12px;
      color: #828282;
  }
  .📞 a {
	border-radius: 24px	;
	background: #ffffff;
	border: 1px solid rgb(198 217 255);
	padding: 20px;
	display: flex;
	align-items: center;
}
.📧 {
    text-align: center;
    font-size: 25px;
    margin: 0px 20px 0 0px;
    color: #050748;
}
.text-fld-nx {
    border-left: 1px solid rgb(198 217 255);
    padding: 0 0 0 20px;
}
.📞 a span.small-text {
    font-size: 14px;
    color: #050748;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.2px;
}
.text-fld-nx span {  display: block;}
.📞 a span.large-text {
    font-size: 20px;
    color: #050748;
    line-height: 34px;
    font-weight: 700;
}
.common-heading.text-l > p {  margin-top: 10px;}
.contact-block-btm {
    padding: 50px 30px;
    background: rgba(255,255,255,0.95);
    border-radius: 24px;
    margin-left: 50px;
    border: 1px solid var(--sw-border);
    box-shadow: var(--sw-shadow);
    backdrop-filter: blur(18px);
    position: relative;
    overflow: hidden;
}
.contact-block-btm::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(160deg, rgba(255,255,255,0), rgba(242,183,81,0.2));
    opacity:.6;
    pointer-events:none;
}
.footerdex { background-color: #01011b; }
.list-style- {
    padding: 0 0 0 20px;
    text-align: left;
}
.list-style- li {
    line-height: 38px;
    list-style-type: circle;
}

.footer-address-list li {
    color: #6a6a8e;
    display: flex;
    line-height: 32px;
}

.fttlnks h5 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
}
.contactinfo a {
    display: block;
    font-size: 20px;
    color: #000000ff;
    line-height: 2;
}

.fttlnks h5 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
}

.🔗 a {   
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    padding: 3px 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    z-index: 1;
}
.🔗 a:hover {
    color: #f8ef02  !important;
}

.🔗 a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}
.🔗 a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}


.flexend {
    align-items: flex-end;
}


.contact--block{
	background: linear-gradient(180deg, rgba(246,248,251,0.95) 0%, rgba(235,240,246,0.8) 100%);
}

.home-services-overview {
    background: #f2f4f7;
    padding: 120px 0 100px;
    position: relative;
}
.home-service-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 30px;
    box-shadow: var(--sw-shadow);
    border: 1px solid rgba(155,175,160,0.12);
    backdrop-filter: blur(12px);
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}
.home-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 40px 90px rgba(6, 35, 90, 0.18);
}
.home-service-card .icon-wrap {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgb(140 185 82 / 16%);
    color: var(--sw-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 18px;
}
.home-service-card h3 {
    font-size: 20px;
    margin-bottom: 12px;
}
.home-service-card p {
    margin-bottom: 0;
}
.home-service-card::after{
    content:none;
}
 

.🌏{background: #00318f url(../images/bg-swirl.svg)}
footer h2, footer h3, footer h4, footer h5, footer h6{color:#ffffff;}
footer a, footer p{color:#cfd5e1;font-size:17px;}
footer a:hover{color:var(--sw-accent);}
footer{
    background: linear-gradient(180deg, #101a24 0%, #0b131c 100%);
    color: #e4e9f0;
    border-top: 1px solid rgba(255,255,255,0.04);
    position: relative;
    overflow: hidden;
}
footer::before{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(circle at 20% 20%, rgba(49,74,99,0.35), transparent 60%);
    opacity:.45;
    pointer-events:none;
}
footer::after{
    content:"";
    position:absolute;
    top:0;
    left:10%;
    right:10%;
    height:2px;
    background: linear-gradient(90deg, transparent, rgba(242,183,81,0.7), transparent);
    opacity:.8;
    pointer-events:none;
}
.SeparateWeb-rights{color:#cdd5df;}
.img-logo{width: 100px;}
.pera-block ul li::after {
	content: "\e9c2";
    top: -4px;
    left: 0;
    position: absolute;
    font-family: "unicons-line";
    color: #0811fb;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    z-index: 1;
	display: inline-block;
}
.pera-block ul li {
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
    padding-left: 2rem;
    font-size: 1.25rem;
}

/****/
.progress-wrap {
	position: fixed;
	right: 10px;
	bottom: 100px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow:inset 0 0 0 2px rgb(0 87 255 / 30%);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'unicons-line';
	content: "\ebb6";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: var(--sw-primary);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons-line';
	content: "\ebb6";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: var(--sw-primary);
	opacity: 0;	
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle-sw path {
	stroke: var(--sw-primary);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
body.light .progress-wrap {
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}
body.light .progress-wrap::after {
	color: var(--sw-primary);
}
body.light .progress-wrap svg.progress-circle-sw path {
	stroke: var(--sw-primary);
}


.s-e-p-a-r-a-t-e-w-e-b-🤙 {
	display: none;
	position: fixed;
	z-index: 99999999 !important;
	top: 0;
	left: 0;
	width: var(--width);
	height: var(--height);
	transform: translate(calc(var(--x) - var(--width) / 2), calc(var(--y) - var(--height) / 2));
	/* transition-duration: 125ms;
	transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	transition-property: width, height, transform; */
	transition: 150ms width cubic-bezier(0.39, 0.575, 0.565, 1),
				150ms height cubic-bezier(0.39, 0.575, 0.565, 1),
				150ms transform cubic-bezier(0.39, 0.575, 0.565, 1);
	z-index: 1;
	pointer-events: none;
	will-change: transform;
  }
  @media (pointer: fine) {
	.s-e-p-a-r-a-t-e-w-e-b-🤙 {
	  display: block;
	}
  }
  .s-e-p-a-r-a-t-e-w-e-b-🤙::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: var(--radius);
	border: 2px solid #b2ccff;
	opacity: var(--scale);
	transform: scale(var(--scale));
	transition: 300ms opacity cubic-bezier(0.39, 0.575, 0.565, 1),
				300ms transform cubic-bezier(0.39, 0.575, 0.565, 1),
				150ms border-radius cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  html:not(html:hover) .s-e-p-a-r-a-t-e-w-e-b-🤙::after {
	opacity: 0;
	transform: scale(0);
  }

  /**about**/
  .aboutlogo{
	  max-width: 200px;
  }

  .swhz h2{
	font-size: 50px;
    font-weight: lighter;
    white-space: nowrap;
    display: flex;
    justify-content: center;
  }
  /****/


  .separateweb-nav .separateweb-list li a.sw-links {
    font-size: 17px;
    color: #08182b;
    font-weight: 500;
    padding: 0 15px;
    line-height: 85px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}


.separatewebforblock{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

p.infoseparateweb{
	color: #404656;
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 10px 0;
}

.datasw{
	color: var(--sw-dark);
	font-weight: 500;
}

.ctwork{
	margin: 80px 0 70px 0px;
}

.separateweb-nav-cta li{
	display: inline-flex;
    align-items: center;
    align-content: center;
}


.white-sw-header.sticky .separateweb-nav .separateweb-list li a.sw-links{color: #08182b;}
.white-sw-header .separateweb-nav .separateweb-list li a.sw-links{color: #5d6b82;}
.white-sw-header .dark-sw{ display: none;}
.white-sw-header .white-sw{ display: block;}
.white-sw-header.sticky .dark-sw{ display: block;}
.white-sw-header.sticky .white-sw{ display: none;}
.separateweb-image{text-align: center;}

.marquee-item-list{
   display: inline-flex;
   width: 100%;
   overflow-x: hidden;
   padding: 20px 0;
  }
  .marquee-item-list li{
	width: 100%;
    padding: 0 20px;
    font-size: 35px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
  }

  .separatewebserviceblock{
	padding: 60px 40px;
    border-radius: 24px;
    overflow: hidden;
	box-shadow: var(--sw-shadow);
    border: 1px solid var(--sw-border);
    backdrop-filter: blur(12px);
    position: relative;
    z-index: 1;
  }
  .separatewebserviceblock::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    bottom:-120px;
    right:-80px;
    background: radial-gradient(circle, rgba(127,160,186,0.35), transparent 70%);
    opacity:.6;
    pointer-events:none;
    z-index:-1;
  }
 

  .separateweb-grdt-1 {	background: linear-gradient(135deg, #f6f9fc, #eef2f7);}
  .separateweb-grdt-2 {	background: linear-gradient(135deg, #f4f6f8, #e8edf1);}
  .separateweb-grdt-3 {	background: linear-gradient(135deg, #f5f7fb, #edf1f6);}
  .separateweb-grdt-4 {	background: linear-gradient(135deg, #f7f8fa, #eceff3);}
  .separateweb-grdt-5 {	background: linear-gradient(135deg, #f5f7fb, #eef2f6);}

  .swserviceimg{position: absolute; }
  .swss1{transform: rotate(352deg); }
  .swss2{transform: rotate(365deg); }


  .swtextanimate { background: linear-gradient(to left, #314a63, #5a728b, #8ea2b6, #314a63);
	background-size: 400%;
	background-position: 0% 0%;
	color: transparent;
	-webkit-background-clip: text;
	animation: gradient 60s linear infinite;
  }
  
  @keyframes gradient {
	  0% {
		  background-position: 0% 0%;
	  }
	  25% {
		  background-position: 100% 0%;
	  }
	  50% {
		  background-position: 200% 0%;
	  }
	75% {
	  background-position: 300% 0%;
	}
	100% {
	  background-position: 400% 0%;
	}
  }


  .sw-cta-quote{
    padding: 60px 280px 60px 40px;
    border-radius: 24px;
    background: rgba(255,255,255,0.95);
    border: 1px solid var(--sw-border);
	box-shadow: var(--sw-shadow);
	backdrop-filter: blur(20px);
	position: relative;
  }
  .flotimgsw {
	position: absolute;
    bottom: 0;
    right: -100px;
    max-width: 380px;
}
  .quotess{
	font-size: 50px;
    color: var(--sw-highlight);
    margin: 0 0 20px 0;
    display: block;
  }

  .shadow {
	box-shadow: 0 5px 15px 0px rgb(0 0 0 / 6%)!important;
}

.media-icon60{
	width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
}

.gap50{grid-gap: 50px;}
.swobjctinfo p{
	font-size: 16px;
    line-height: 28px;
}

/***/
.separateweb-menu{
	border: 0;
    font-size: 30px;
    background-color: var(--sw-button);
    line-height: 50px;
    color: #fff;
    border-radius: 100px;
    height: 50px;
    width: 50px;
    box-shadow: 0 20px 35px rgba(15,28,44,0.25);
    transition: background-color 0.3s ease;
}
.separateweb-menu:hover{
    background-color: var(--sw-dark);
}
.sw-menu-sw-set {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    position: relative;
    z-index: 9;
}
.menu-logo{
	position: relative;
    z-index: 9;
}

.separteweblogo img{width: 200px;}

.swmenulabl{
	font-size: 15px;
    opacity: 0.8;
	margin: 0 0 10px 0;}

.separateweb-m-list li{line-height: 40px;}
.separateweb-m-list li a{     font-size: 20px; color: var(--sw-dark);}
.separateweb-m-list li a i{margin: 0 10px 0px 0}

.offcanvas-header { padding: 1.5rem 1rem;}
.offcanvas-backdrop {background-color: rgba(49,74,99,0.85);}
.marketprofile{
	background-color: var(--sw-button);
    width: 100%;
    display: flex;
    border-radius: 100px;
    padding: 20px;
    align-items: center;
    grid-gap: 10px;
    color: #fff;    
	justify-content: center;
    transition: background-color 0.3s ease;
}
.marketprofile:hover{
    color:#fff;
    background-color: var(--sw-dark);
}
.separateweb-nav{
	position: relative;
	z-index:10;
}

.separatewebhranimation, .separateweb-scroll-sw, .ofh{overflow: hidden;}
#separateweb-content{overflow: hidden;}

.sw-hom-h-margin{margin: 0 0 0 -350px;}

.sw-service-blocks{padding: 60px 0;}
.sw-sevefirst{padding-top: 120px;}

.offcanvas {
-webkit-transition: all 1.2s cubic-bezier(.075,.82,.165,1);
transition: all 1.2s cubic-bezier(.075,.82,.165,1);
background: #ffffff;
color: var(--sw-dark);
width: 320px;
max-width: 90%;
border-radius: 0 24px 24px 0;
box-shadow: 0 25px 85px rgba(15,28,44,0.2);
padding-bottom: 30px;
z-index: 12000;
}
.offcanvas .offcanvas-body{
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 20px 25px 30px;
}
.offcanvas .separateweb-m-list li a{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}
.offcanvas .separateweb-m-list li+li{
    margin-top: 10px;
}
.offcanvas .marketprofile{
    margin-top: 10px;
}
.lighttext{font-weight: 300;}

.mandirection {
    position: absolute;
    bottom: -100px;
    max-width: 350px;
    right: -80px;
}

/**button loader**/
.sw-dual-ring {
	display: flex;
    height: 62px;
    width: 100%;
    position: absolute;
    background: var(--sw-primary);
    align-items: center;
    justify-content: center;
}
  .sw-dual-ring:after {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 4px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: separateweb-dual-ring 1.5s linear infinite;
	margin: 0 auto;
  }
  @keyframes separateweb-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  #contactform .error-label .error {
    color: #ff0500;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    bottom: 8px;
    top: inherit;
}
.separateweb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	grid-gap: 5px;
}

button:hover .sw-dual-ring:after {
    border: 4px solid var(--sw-primary);
    border-color: var(--sw-primary) transparent var(--sw-primary) transparent;
   
  }

  button:hover .sw-dual-ring {   
    background: #ffffff;
}

input.ctminpt{
	padding: 0;
    margin: 0;
    width: 18px;
    height: 18px;
}
.ctmsetsw{
	display: grid;
    grid-template-columns: 20px auto;
    grid-gap: 10px;
    justify-content: start;
    align-items: center;
}

.separatewebform input.error{border-bottom: 1px solid red;}
.separatewebform input.valid{border-bottom: 1px solid #00a759;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.ctmlabl{font-size: 16px;}
/* .separatewebform input.valid{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300a759' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: right center;
    background-size: 28px;
} */

/******************************/
/*****************************/
/********responsive*********/
/**************************/
/*************************/
.mobilenav{display:none;}
.swcenterabout{text-align: center;}
@media screen and (max-width:1920px) and (min-width:1500px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {max-width: 1420px}
    .service-stats{padding: 0 6%;}

}

@media only screen and (max-width: 1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl {max-width: 1220px}
    h1.h1 {
        font-size: 45px;
        line-height: 58px;
        font-weight: 800;
    }
    .marquee span, .menu__item-link {
        font-size: 60px;}

    .marquee-item-list li {      
        font-size: 22px;       
    }
    
    h1 {
        font-size: 40px;
        line-height: 52px;      
    }
    h2 {
        font-size: 32px;
        line-height: 42px;       
    }
    .swhz h2 {        font-size: 40px;}
    .abtsw {
        position: relative;
        top: 20px;
    }
    p {
        font-size: 18px;
        line-height: 30px;
        font-weight: normal;
    }
    body {font-size: 18px;}

	

}

@media only screen and (max-width: 1400px) {
	.mandirection {			
		max-width: 250px;
		right: -80px;
	}
	.flotimgsw {	
		right: -90px;
		max-width: 250px;
	}
	.sw-cta-quote {
		padding: 60px 150px 60px 40px;	
	}
	h1.h1 {
		font-size: 45px;
		line-height: 55px;	
	}
}
@media only screen and (max-width: 1290px) {
	h1 {
		font-size: 35px;
		line-height: 45px;
		font-weight: 800;
	}

}


@media screen and (max-width:1299px) and (min-width:1100px) {

        h1.h1 {
            font-size: 40px;
            line-height: 52px;         
        }
        .marquee span, .menu__item-link {
            font-size: 60px;}
    }
    

    @media only screen and (max-width: 1080px) {   
    .separateweb-m {    display: block;}
    .separateweb-nav{display: none;}
    .mobilenav{display:block;}

.flotimgsw, .mandirection{display: none;}
.sw-cta-quote {
    padding: 40px 30px;
}
	
    }    

    @media only screen and (max-width:1150px) {
        h1.h1 {
            font-size: 45px;
            line-height: 55px;
            font-weight: 800;
        }    
 
    }
    

@media only screen and (max-width: 992px) {
		.s-e-p-a-r-a-t-e-w-e-b- {display: none;}
		.swimg {
			text-align: center;
		}
		.herobtn {
			position: relative;
			bottom: 0;
			left: 0;
			margin: 0 auto;
			text-align: center;
		}
        .separatewebforblock {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 30px;
        }
        .separateweb { transform: translate3d(0,0,0) !important; }
        .sw-service-blocks {
            padding: 40px 0;
        }
        .sw-sevefirst {
            padding-top: 100px;
        }

        .swss1, .swss2{display: none;}
        .m-order1{order: 1;}
        .m-order2{order: 2;}
        h1.h1 { font-size: 45px; line-height: 55px;}
        h1 {  font-size: 40px;  line-height: 50px;}
        h2 {  font-size: 32px;  line-height: 42px;}
        h3 {  font-size: 24px;  line-height: 34px;}
        h4 {  font-size: 20px;  line-height: 30px;}
        h5 {  font-size: 18px;  line-height: 28px;}
        h6 {  font-size: 17px;  line-height: 26px;}
        p {   font-size: 18px;  line-height: 30px;} 

       .marquee span, .menu__item-link {font-size: 60px;}

       .spitxt {
        margin-bottom: 30px !important;
        display: grid;
        grid-template-columns: 74% auto;
    }
    .ct-index {
        position: absolute;
        right: 0;
        bottom: 0;
        top: -100px;
        width: 150px;
        height: 150px;
    }
    .separateweb-text {
        position: relative;
        width: 150px;
        height: 150px;
        border-radius: 100px;
    }
    .separateweb-text .texts {
        width: 150px;
        height: 150px;
    }

    .swhz h2 {
        font-size: 40px;       
    }

        .sw-mmt30{margin-top: 40px;}


    .pdr-dtls {
        margin-left: 0;
        padding-right: 0;
    }

    .portfolio-detls {     
        margin-top: 30px;
    }

    .pdl-dtls {
        margin-right: 0;
        padding-left: 0;
    }

    .ctablock {
        padding: 40px;
        border-radius: 24px;
        overflow: hidden;
    }

    .cta-heading, .swheadertext{
        text-align: center;
    }

    .separateweb-btn-sw{
        display: flex;
        justify-content: center;}

    .gap50 {
        grid-gap: 20px;
    }

    .contact-block-btm {
        padding: 50px 30px;
        background: var(--sw-surface);
        border-radius: 24px;
        margin-left: 0;
        margin-top: 40px;
    }
    

    .marquee-item-list li { font-size: 25px;}

    .swheader {
        line-height: 48px;
        padding: 0;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
    }
    .swdkttxt{display: none;}
    .sw-menu-sw-set{
        justify-content: flex-end;
        gap: 10px;
    }
    .sw-menu-sw-set li{
        display: flex;
        align-items: center;
    }
    .sw-menu-sw-set .separateweb-btn.swheader{
        width: 50px;
        height: 50px;
        padding: 0;
        border-radius: 50px;
        justify-content: center;
        align-items: center;
    }
    .sw-menu-sw-set .separateweb-btn.swheader .swdkttxt{
        display: none !important;
    }
    .sw-menu-sw-set .separateweb-btn.swheader i{
        margin: 0;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        display: block;
    }
    .separateweb-menu i{
        font-size: 20px;
        color: #fff;
    }
    .ctwork {
        margin: 50px 0 50px 0px;
    }

        .abtsw {
            position: relative;
            top: 20px;
        }

        .pixelz-banner{
            padding: 80px 0;
        }
        .pixelz-copy h3{
            font-size: 40px;
            line-height: 52px;
        }
        .pixelz-copy .pixelz-heading-highlight{
            font-size: 40px;
            line-height: 52px;
        }
    }

@media only screen and (max-width: 767px){
		.separatewebserviceblock {padding: 40px 20px;}
		.serviceslist {grid-template-columns: repeat(1, 1fr);  grid-gap: 15px;		}
        .sw-hom-h-margin {
            margin: 0 0 0 -400px;
        }

        .abtsw {
            position: relative;
            top: 18px;
        }
        .ctabout {
            margin-bottom: 60px;
            margin-top: 60px;
        }

        .company-stats-sw {
            display: grid;
            grid-template-columns: auto auto;
            grid-gap: 30px;
            text-align: left;
            margin-top: 50px;
        }
        .swcenterabout {
            text-align: left;
        }


        .offcanvas-start{width: 100%; max-width: 100%; border-radius: 0;}
        
        .marquee span, .menu__item-link {
            font-size: 40px;
        }

        .ct-index {
            position: absolute;
            right: 0;
            bottom: 0;
            top: 0;
            width: 150px;
            height: 150px;
        }
        .separateweb-text {
            position: relative;
            width: 150px;
            height: 150px;
            border-radius: 100px;
        }
        .separateweb-text .texts {
            width: 150px;
            height: 150px;
        }

        .ctablock {
            padding: 40px 20px;
            border-radius: 24px;          
        }
        .menu-header{
            flex-wrap: wrap;
            gap: 12px;
        }
        .menu-logo{
            flex: 1 1 150px;
        }
        .dskt-logo .nav-brand img{
            max-width: 160px;
        }
        .sw-menu-sw-set{
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: auto;
        }
        .sw-menu-sw-set li{
            display: flex;
        }
    
    
    }
    
    /**width under 575**/
@media only screen and (max-width: 575px) { 
        
        .📧 {           
            font-size: 25px;
            margin: 0px 10px 0 0px;          
        }
        .text-fld-nx { padding: 0 0 0 10px;
        }

        .📞 a span.large-text {font-size: 18px;}

        .📞 a {padding: 20px 15px;        }
    
        h1.h1 { font-size: 38px; line-height: 48px;}
        h1 {  font-size: 38px; line-height: 48px;}
        h2 {  font-size: 28px;  line-height: 38px;}
        h3 {  font-size: 22px;  line-height: 32px;}
        h4 {  font-size: 19px;  line-height: 28px;}
        h5 {  font-size: 18px;  line-height: 28px;}
        h6 {  font-size: 17px;  line-height: 26px;}
        p {   font-size: 18px;  line-height: 30px;}  
        
        
        .ct-index {        
            right: -50px; 
			top: -48px;        
        }

        .marquee span, .menu__item-link {
            font-size: 30px;
        }
        .swhz h2 {
            font-size: 30px;
            font-weight: 300;
        }

        html .pb100 {
            padding-bottom: 50px;
        }
        html .pt100 {
            padding-top: 50px;
        }

		.port-title-main {
			display: block;
			font-size: 20px;
			line-height: 30px;
			color: var(--sw-dark);
		}
        footer a {
            font-size: 14px;
        }
        .SeparateWeb-rights {
            font-size: 14px; text-align: center;
        }
        .separatewebmobileheader{padding: 0;}
		.ctmlabl {
			font-size: 14px;
			line-height: 22px;
		}
		.marquee-item-list li {
			font-size: 20px;
		}
		.statsnum span {
			font-size: 30px;
			font-weight: 700;
			color: var(--sw-primary);
		}
		.swhz h2 {
			font-size: 22px;
			font-weight: 300;
		}

		.separateweb-btn {			
			font-size: 16px;
			padding: 0 28px;		
			letter-spacing: 0;
		}
		.swheader{padding: 0; font-size: 22px;}
    }
    /**width under 450**/  
    @media only screen and (max-width: 450px) {
        h1.h1 {font-size: 25px;line-height: 35px;}
		h1 {font-size: 25px; line-height: 35px; }
		h2 {font-size: 22px; line-height: 32px;}
		h4 {font-size: 17px; line-height: 26px; }

        .hero-content-a p {font-size: 18px; line-height: 28px;}
        .separateweb-image{margin-top: 30px;}   
		.marquee span, .menu__item-link {font-size: 25px;}
		
		body{font-size: 18px;}
    }
    /**width under 370**/  
    @media only screen and (max-width: 370px) { 
    
    }

	/**/
	.outerlink{ text-align: center;}
	.outerlink a{color: blue;}


	/**/
 
	 
  

 

 

.page-heading-sec{
    background: linear-gradient(135deg,#05388c 0%,#032e6c 80%);
    color:#fff;
    border-radius: 40px;
    padding-top:150px;
    padding-bottom:150px;
    margin-top:120px;
    position:relative;
    overflow:hidden;
    box-shadow: var(--sw-shadow);
}
.page-heading-sec::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    right:-60px;
    bottom:-120px;
    background: radial-gradient(circle, rgba(243,185,85,0.45) 15%, transparent 70%);
    opacity:.8;
    pointer-events:none;
}
.page-heading-sec h1,
.page-heading-sec p{
    color:#fff;
}
.page-heading-sec .port-links{
    background: linear-gradient(135deg, #1a3f8f, #6b82c2);
}