.regular { font-family: "Poppins", serif; font-weight: 400; font-style: normal;}
.medium { font-family: "Poppins", serif; font-weight: 500; font-style: normal; }
.semibold {font-family: "Poppins", serif; font-weight: 600; font-style: normal; }
.bold { font-family: "Poppins", serif; font-weight: 700; font-style: normal; }
.regular-italic { font-family: "Poppins", serif; font-weight: 400; font-style: italic;}

:root{
    --bodyBg: #101010;
    --sectionBg: #1D1D1D;
    --blue:#0863FF;
    --blueDark:#004DD0;
    --mineShaft:#222222;
    --mineShaftV2:#333333;
    --mineShaftV3:#2F2F2F;
    --affair:#6E4683;
    --silver:#CCCCCC;
    --shark50:#282B2D80;
    --shark80:#282B2DCC;
    --shark:#282B2D;
    --shipGray:#3C3C3D;
    --bossanova:#452954;
    --doveGray:#666666;
    --studio:#7F51B7;
    --dustyGray:#999999;
    --tundora:#444444;    
    --goldenrod:#FDD567;
    --honeyFlower:#4C226B;
    --daisyBush:#662DA4;
    --gallery:#EEEEEE;
    --easternBlue:#21A0A0;
    --pickledBluewood:#324F55;
    --elm:#208585;
    --genoa:#147171;
    --woodSmoke70:rgba(23, 25, 26, 0.70);
    --fadedJade:#426E77;
    --sharkV2:#242627;

    /* Home banner */
    --atomicTangerine:#FF9B61;
    --sulu:#B6F36B;
    --goldenrodV2:#FDDE67;
    --anakiwa:#95DBFA;

    /* vision - factseeht */
    --lavender:#BC7ADE;
    --marigold:#B57926;    
    --malachite:#18CE64;
    --dodgerBlue:#5887FF;
    --lemonGinger:#AE9A24;
    --paradiso:#338779;
    --cannonPink:#954D74;
    --elSalva:#933436;

    /* gradients */
    --headingGradient: linear-gradient(90deg, #18A1F8 0%, #2CC982 100%);
    --iconBgGradient: linear-gradient(132deg, #186EA6 12.21%, #BC7ADE 85.07%);
    --headingGradient2: linear-gradient(90deg, #9F75F9 0%, #FCFBFF 100%);
    --blueBorderGradient: linear-gradient(141deg, rgba(32,133,133,1) 50%, rgba(31,118,118,0) 100%);    

    --bs-nav-link-font-size:  0.75rem;
    --bs-body-bg: var(--bodyBg);

}

body { font-family: "Poppins", serif !important; color: #fff; font-size: 14px; overflow-x: hidden; }

.oswald { font-family: "Oswald", sans-serif; }
.nanum-pen { font-family: "Nanum Pen Script", cursive; }
  

/* Utilit classes start */
.font-10 { font-size: 0.625rem; }
.font-12, .font-13 { font-size: 0.688rem; }    
.font-14 { font-size: 0.75rem; }
.font-15 { font-size: 0.813rem; }
.font-16 { font-size: 0.875rem; }
.font-18 { font-size: 0.938rem; } 
.font-20 { font-size: 1rem; }
.font-22 { font-size: 1.125rem; }
.font-24 { font-size: 1.25rem; }
.font-32 { font-size: 1.5rem; }
.font-36 { font-size: 1.625rem; }
.font-40 { font-size: 1.875rem; }
.font-50 { font-size: 2rem; }
.font-64 { font-size: 2.25rem; }
.font-75 { font-size: 2.75rem; }
.font-80 { font-size: 3rem; }
.font-100 { font-size: 2.75rem; }

.bgBody { background-color: var(--bodyBg); }
.bgSection { background-color: var(--sectionBg); }
.bgBlue { background-color: var(--blue); }
.bgMineShaft { background-color: var(--mineShaft); }
.bgAtomicTangerine { background-color: var(--atomicTangerine); }
.bgSulu { background-color: var(--sulu); }
.bgGoldenrodV2 { background-color: var(--goldenrodV2); }
.bgAnakiwa { background-color: var(--anakiwa); }
.bgShark50 { background-color: var(--shark50); }
.bgShark80 { background-color: var(--shark80); }
.bgBossanova { background-color: var(--bossanova); }
.bgTundora { background-color: var(--tundora); }
.bgMineShaftV2 { background-color: var(--mineShaftV2) }
.bgDoveGray { background-color: var(--doveGray) }
.bgPickledBluewood { background-color: var(--pickledBluewood) }
.bgWoodSmoke70 { background-color: var(--woodSmoke70) }

.clrSilver { color: var(--silver) }
.clrMineShaftV2 { color: var(--mineShaftV2) }
.clrDoveGray { color: var(--doveGray) }
.clrLavender{ color: var(--lavender) }
.clrMarigold{ color: var(--marigold) }
.clrMalachite{ color: var(--malachite) }
.clrDodgerBlue{ color: var(--dodgerBlue) }
.clrLemonGinger{ color: var(--lemonGinger) }
.clrParadiso{ color: var(--paradiso) }
.clrCannonPink{ color: var(--cannonPink) }
.clrElSalva{ color: var(--elSalva) }
.clrDustyGray{ color: var(--dustyGray) }
.clrTundora { color: var(--tundora); }
.clrStudio { color: var(--studio) }
.clrGoldenrod { color: var(--goldenrod) }
.clrAtomicTangerine { color: var(--atomicTangerine)}
.clrElm { color: var(--elm)}
.clrFadedJade { color: var(--fadedJade)}

.lh-md { line-height: 1.8 }

.headingGradient1 { background: var(--headingGradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.headingGradient2 { background: var(--headingGradient2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.iconBgGradient { background: var(--iconBgGradient);}
.blueBorderGradient { background-image: var(--blueBorderGradient); }
.blueBorderImgGradient { border-image: linear-gradient(to right, rgba(32,133,133,0.5), rgba(31,118,118,0)); border-image-slice: 1; }


.borderMineShaftV2 { --bs-border-color: var(--mineShaftV2); }
.borderShipGray { --bs-border-color: var(--shipGray); }
.borderAffair { --bs-border-color: var(--affair); }
.borderDoveGray { --bs-border-color: var(--doveGray) }
.borderTundora { --bs-border-color: var(--tundora) }
.borderEasternBlue { --bs-border-color: var(--easternBlue) }
.borderGenoa { --bs-border-color: var(--genoa) }

.mostly-customized-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; background-color: transparent; }
.mostly-customized-scrollbar::-webkit-scrollbar-thumb { background: var(--mineShaftV2); border-radius: 4px; }

.btn-primary{ --bs-btn-color: #fff;--bs-btn-bg: var(--blue);--bs-btn-border-color: var(--blue);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--blueDark);--bs-btn-hover-border-color: var(--blueDark);--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--blueDark);--bs-btn-active-border-color: var(--blueDark);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--blue);--bs-btn-disabled-border-color: var(--blue); }
.btn-outline-primary {--bs-btn-color: #fff;--bs-btn-border-color: var(--blue);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: #fff;--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--blue);--bs-btn-active-border-color: var(--blue);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: var(--blue);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--blue);--bs-gradient: none; }
.btn{--bs-btn-padding-x: 1.125rem;--bs-btn-padding-y: 0.438rem;    --bs-btn-font-size: 0.875rem;--bs-btn-font-weight: 600;--bs-btn-line-height: 1.8;}

.py-6 { padding-top: 3rem; padding-bottom: 3rem; }
.pt-6 { padding-top: 3rem; }
.pb-6 { padding-bottom: 3rem; }
.pt-7 { padding-top: 4rem; }
.pb-7 { padding-bottom: 4rem; }
/* Utilit classes end */

main{ padding-top: 72px; }

/* header, nav start */
header{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.w-200px { width:200px; }
.nav-link { --bs-nav-link-font-size: 0.75rem; --bs-nav-link-color: #fff; --bs-navbar-nav-link-padding-x: 15px; padding-block: 27px; }
.dropdown-menu { --bs-dropdown-font-size: 0.75rem; }
.dropdown-toggle::after{ width: 5px; height: 5px; border: 1px solid #fff; border-left: 0; border-top: 0; transform: rotate(45deg); margin-left: 10px; }
.dropdown-menu[data-bs-popper] { --bs-dropdown-spacer: 0px; }
.dropdown-item{ padding-block: 15px; border-bottom: 1px solid var(--mineShaftV2); }
.dropdown-menu li:last-child .dropdown-item{   border-bottom: 0; }
/* header, nav end */

/* footer start */
footer { padding-bottom: 30px; }
footer li a { color:#fff; text-decoration: none; margin-bottom: 15px; display: inline-block; }
footer li a:hover { color:#fff; text-decoration: underline; }
.underline-hover { text-decoration: none; }
.underline-hover:hover { text-decoration: underline; }
/* footer end */

/* Chat widget start */
.chat-widget{ left: 50%; transform: translate(-50%, 0);  top: auto; bottom:30px; height: 60px; width: 768px; z-index: 1; position: fixed; transition: all 0.5s ease; }
.transform1{ transform: translate(-50%, 100%); opacity: 0; width: 0; }
.chat-widget.expanded { bottom:0; right: 0; left: auto; top:72px; height: calc(100vh - 72px); width: 30%; z-index: 1; position: sticky; transition: width 0.5s ease; border-left:1px solid var(--mineShaftV2); overflow-x: hidden; flex-shrink: 0; }
.converesation-container{ display: none; border: 20px solid transparent; }
.transform2{ transform: translate(100%, 0)!important; opacity: 0; transition: none; }
.transform3{ transform: translate(0, 0)!important; opacity: 1; transition: all 0.5s ease; }
.transform4{ width: 0 !important; }
.transform5{ height: 0; transition: none; transform: translate(-50%, 100%) !important; opacity: 0; }
.transform6{ height: 60px; transform: translate(-50%, 0); opacity: 1; transition: all 0.5s ease;}

.expand-chat{ position: absolute; right: 12px; top: 16px; }
.mic-chat{ position: absolute; right: 47px; top: 16px; }
.collapse-chat{ display: none; position: absolute; right: 12px; top: 16px; }

.chat-input-main{ height: 60px; border-radius: 15px; border: 1px solid var(--affair); background: var(--mineShaftV3); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25); color:#fff; padding-left: 15px; padding-right: 100px; }
.chat-widget.expanded .chat-input-container { border: 20px solid transparent; border-top: 0; }
/* Chat widget end */

/* Home page start */
.w-270px { width: 250px; }
.home-banner-shadow { box-shadow: 0px 2px 15px 0px #000; }
@keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.rotating { animation: rotating 32s linear infinite; }
@keyframes rotating-rev { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
.rotating-rev { animation: rotating-rev 32s linear infinite; }
.line-z { display: none; }
.line-stacked { display: block; }
.home-banner-box1 { position: absolute; top: -25px; transform: translate(-50%, 0) rotate(1.5deg); left:50%; margin-left: -10px; }
.home-banner-box2 { position: absolute; top: 100px; transform: translate(-50%, 0) rotate(1.5deg); left:50%; margin-left: -10px; }
.home-banner-box3 { position: absolute; top: 40px; transform: translate(-50%, 0) rotate(-1.5deg); left:50%; margin-left: 0px; }
.home-banner-box4 { position: absolute; top: 165px; transform: translate(-50%, 0) rotate(-1.5deg); left:50%; margin-left: 0px; }
.filterBlur4xp { filter:blur(4px) }
.bg-anim { min-height: calc(100vh - 72px); }

.swiper.marquee-swiper { margin-top: 4rem; mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%); }
.swiper-wrapper.marquee-swiper-wrapper { transition-timing-function: linear; align-items: center; width: 100vw; }
.swiper-slide.marquee-swiper-slide { width: 170px; display: flex; align-items: center; justify-content: center; }
.swiper-slide.marquee-swiper-slide img{ width: auto; height: 30px; }
.size-52px { width: 52px; height: 52px; }

.container-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;}
.block { outline: 1px solid var(--shipGray); transition: background-color 0.2s ease; }
.hover.block:hover { background-color: var(--shark); }
.tippy-box { padding: 12px; border: 1px solid var(--shipGray); background-color: var(--shark80); border-radius: 5px; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(2px); font-size: 0.875rem; color: var(--silver); transition: all 0.2s ease; }
.tippy-svg-arrow { bottom: -15px; }
.tippy-box[data-placement^=top]>.tippy-arrow:before { bottom: -9px; }
.tippy-box[data-placement^=bottom]>.tippy-arrow:before { top: -9px; }
.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}

.outside-box-right-25 { margin-right: 0; }

.swiper-nav { height: 68px; width: 68px; border-radius: 50%; border: 1px solid var(--mineShaftV2); --swiper-navigation-size: 18px; --swiper-theme-color:#fff; --swiper-navigation-top-offset: 15px; }
.swiper-button-next { left: 82px; }
.swiper-button-prev { left: 0; }
.blue-border .swiper-nav { border: 1px solid #0E5858; }

.group { position: relative; margin: 0 0 40px 0; }
.group.no-bar input:focus ~ .bar:before {
    width: 0;
}
textarea { resize: none; }
input, textarea, select { background: none; color: #c6c6c6; font-size: 14px; padding: 10px 10px 10px 5px; display: block; width: 100%; border: none; border-radius: 0; border-bottom: 1px solid var(--mineShaftV2);}
input:focus, textarea:focus, select:focus { outline: none; }
input:focus ~ label, input:valid ~ label, textarea:focus ~ label, textarea:valid ~ label, select:focus ~ label, .group.select select ~ label  { top: -14px; font-size: 12px; font-weight: 600; color:#fff}
input:focus ~ .bar:before, textarea:focus ~ .bar:before, select:focus ~ .bar:before { width: 100%;}  
label { color: #c6c6c6; font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 10px; transition: 300ms ease all; }
.bar { position: relative; display: block; width: 100%; }
.bar:before { content: ""; height: 2px; width: 0; bottom: 0px; position: absolute; background: var(--blue);; transition: 300ms ease all; left: 0%; }
select{background: var(--bodyBg); color:#fff;}
/* Home page end */

/* Vision page start */
.vision-anim1 { width: 529px; height: auto; left: -100px; top: -70px }
.vision-anim2 { width: 413px; height: auto; left: -35px; top: -10px }
.our-parteners .block { outline: 1px solid var(--mineShaftV2); }
.point-left, .point-right { position: relative; }
.point-left::after { content: ''; position: absolute; top: -7px; left: -7px; height: 15px; width: 15px; background-color: var(--honeyFlower); border-radius: 50%; }
.point-left::before { content: ''; position: absolute; bottom: -10px; left: -10px; height: 20px; width: 20px; background-color: var(--bodyBg); border:5px solid var(--daisyBush); border-radius: 50%; }
.border-custom {background-image: url(../images/img-dotted-line.svg); background-repeat: no-repeat; }
.top-group > div { flex-grow: 1; width: 28.56%; }
.top-group > div:last-child { width: 14.28%; }
.bottom-group > div { flex-grow: 1; width: 28.56%; }
.bottom-group > div:first-child { width: 14.28%; }
.point-right { text-align: right; }
.point-right::after { content: ''; position: absolute; bottom: -7px; right: -7px; height: 15px; width: 15px; background-color: var(--honeyFlower); border-radius: 50%; }
.point-right::before { content: ''; position: absolute; top: -10px; right: -10px; height: 20px; width: 20px; background-color: var(--bodyBg); border:5px solid var(--daisyBush); border-radius: 50%; }
.point-right.border-custom {background-image: url(../images/img-dotted-line.svg); background-repeat: no-repeat; background-position: top right; }
.factsheet .font-15 { max-width: 210px; }
/* Vision page end */

/* Faqs page start */
.item .title { position: relative; display: block; padding: 25px 60px 25px 30px; transition: background-color 0.2s ease; cursor: pointer; }
.item .title:hover { background-color: var(--shark50); }
.item .title .arrow { width: 8px; height: 8px; border: 1px solid #fff; border-left: 0; border-top: 0; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; transition: all 0.2s ease; }
.item .title .arrow.rotate { transform: rotate(225deg); margin-top: -1px; }
.item .content { padding: 10px 30px 30px 30px; display: none;}
/* .teams-anim { width: 540px; height: auto; right: -6vw; top: -70px } */
.teams-anim1 { width: 529px; height: auto; right: -100px; top: -70px }
.teams-anim2 { width: 413px; height: auto; right: -35px; top: -10px }
/* Faqs page end */

/* contact page start */
.bg-contact { background: url(../images/img-contact.png) right center no-repeat; }
.contact-us-clock ul li { display: flex; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--mineShaftV2) }
.contact-us-clock ul li.office-open { color: #fff; }
.contact-us-clock ul li.office-open a { color: #fff; text-decoration: none; }
.contact-us-clock ul li.office-close { color: var(--doveGray); }
.contact-us-clock ul li.office-close a { color: var(--doveGray); text-decoration: none; }
.contact-us-clock .contact-header { color: #fff; margin-bottom: 30px; text-transform: uppercase }
.contact-us-clock ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0}
.contact-us-clock .city-img { width: 27%; padding-right: 20px; }
.contact-us-clock .city-time { width: 15%; display: flex; align-items: center; justify-content: center; padding-right: 15px; }
.contact-us-clock .city-name { width: 19%; text-transform: uppercase }
.contact-us-clock .office-address { width: 27%; padding-right: 15px; }
.contact-us-clock .office-contact { width: 27%; word-break: break-all }
.contact-us-clock .city-name span { display: block }
.contact-us-clock ul li.office-close img { filter: brightness(0%) invert(39%) sepia(11%) saturate(0%) hue-rotate(175deg) brightness(98%) contrast(94%);}
/* contact page end */

/* Blog page start */
.swiper-pagination-bullet-active { background: #fff; opacity: 0.6; }
.swiper-pagination-bullet { background: #fff; }
.blog-cards .shadow { --bs-box-shadow: 0px 2px 15px 0px #000; }
.blog-cards img { object-fit: cover; aspect-ratio: 3/2; }
.blog-card { position: relative; }
.blog-card:hover { box-shadow: none !important; }
.blog-card::before { content:''; height: calc(100% + 12px); width: calc(100% + 12px); position: absolute; top: -6px; left: -6px; background: linear-gradient(141deg, rgba(209,128,229,1) 0%, rgba(19,95,185,1) 41%, rgba(15,148,241,1) 60%, rgba(253,213,103,1) 100%); border-radius: 21px; z-index: -1; opacity: 0; transition: opacity 0.2s ease; }
.blog-card:hover::before { opacity: 1; }
/* Blog page end */

/* Blog detail page start */
.comments .btn:not(.bg-white):hover { background-color: var(--tundora); }
.comments .btn.bg-white:hover { color:var(--mineShaftV2); background-color: var(--silver) !important; }
.comment img { height: 40px; width: 40px; object-fit: cover; }
.quick-link { background-color:var(--sectionBg); border:1px solid var(--mineShaftV2); border-radius: 10px 10px 0 0; border-bottom: 0; }
.quick-link::after { content: ''; position: absolute; left: -1px; top: calc(100% - 20px); transform: skewY(-3deg); background-color:var(--sectionBg); border:1px solid var(--mineShaftV2); width: calc(100% + 2px); height: 40px; border-radius: 10px; z-index: -1; }
ul.bullet-list { margin-bottom: 0; text-align: left; }
ul.bullet-list li a { text-decoration: none; color: #fff;}
ul.bullet-list li a:hover { text-decoration: underline; }
ul.bullet-list li { position: relative; padding-left: 16px; margin-bottom: 10px; }
ul.bullet-list li:last-child { margin-bottom: 0px; }
ul.bullet-list li::after { content: ''; position: absolute; height: 6px; width: 6px; background-color: #fff; border-radius: 50%; left: 0; top: 8px; }
.most-popular::after { content: ''; position: absolute; left: 0; top: 0; transform: skewY(-3deg); background-color:var(--sectionBg); border:1px solid var(--mineShaftV2); width: 100%; height: 100%; border-radius: 10px; z-index: -1; }
ol { list-style: none; counter-reset: item; }
ol li { counter-increment: item;padding-left: 40px;margin-bottom: 10px;position: relative; }
ol li a {text-decoration: none;display: block;color:#fff; }
ol li a:hover {text-decoration: underline; }
ol li:before {margin-right: 10px;content: counter(item);background: var(--studio);border-radius: 100%;color: white;text-align: center;display: flex;height: 27px;width: 27px;left: 0;top: -2px;position: absolute;font-weight: bold;justify-content: center;align-items: center; }
ol li span { border-bottom: 1px solid var(--mineShaftV2); padding-bottom: 10px; }
ol li a:hover span { text-decoration: none !important; }
ol li:last-child span { border-bottom: 0; padding-bottom: 0; }
ol li:last-child { margin-bottom: 0; }
/* Blog detail page end */

/* Success stories start */
.hexagon-container { position: relative; padding-top: 70px; }
.w-300px { width: 300px; }
.hexagon { --b: 1px; height: 100%; aspect-ratio: 1/cos(30deg); clip-path: polygon(0 50%,50% -50%,100% 50%,50% 150%,0 50%, var(--b) 50%, calc(25% + var(--b)*cos(60deg)) calc(100% - var(--b)*sin(60deg)), calc(75% - var(--b)*cos(60deg)) calc(100% - var(--b)*sin(60deg)), calc(100% - var(--b)) 50%, calc(75% - var(--b)*cos(60deg)) calc(var(--b)*sin(60deg)), calc(25% + var(--b)*cos(60deg)) calc(var(--b)*sin(60deg)), var(--b) 50%); background:var(--goldenrod); position: relative; }
.hexagon.fill { content: ''; position: absolute; height: 100%; width: 100%; aspect-ratio: 1/cos(30deg); clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); background: var(--bodyBg); top: 0; z-index: -1;}
.hexagon-container img { height: 116px; width: 116px; transform: translate(92px, 67px); }
.hexagon-container h3 { position: absolute; left: 220px; top: 7px; }
.hexagon-container h3::after { content: ''; position: absolute; width: 100%; height: 1px; background-color: var(--goldenrod); bottom: 0; left: 0; }
.hexagon-container .list { position: absolute; left: 300px; }
.hexagon-container .list ul.bullet-list li { margin-bottom: 0px; }
.border-anim { height: 1px; width: 182px; background: linear-gradient(90deg, var(--lavender) 50%, transparent 50%); background-repeat: repeat-x; background-size: 10px 2px; background-position: 0px 0px; animation: border-dance 10s infinite linear; z-index: -1;}
.exploration .border-anim { left: 300px; position: absolute; bottom: 130px; }
.execution .border-anim { left: 75px; position: absolute; bottom: 0px; transform: rotate(120deg); transform-origin: 0 0; }
.exploration { width: 482px; }
.execution {  width: 600px;}
.ci-cd { width: 680px;  margin-left: 80px !important; margin-top: 88px;}
@keyframes border-dance { 0% { background-position: 0px 0px; } 100% { background-position: 300px 0px; } }
.success-stories-card img { aspect-ratio: 9/5; }
/* Success stories end */

/* Privacy policy start */
.policy-terms a { text-decoration: none; color: inherit; }
.policy-terms a:hover { text-decoration: underline; }
ul.policy-terms-list li { list-style: disc; margin-bottom: 10px; margin-left: 20px } 
ul.policy-terms-list li { list-style: disc; margin-bottom: 10px; margin-left: 20px } 
/* Privacy Policy end */

/* AI spaces start */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: var(--sharkV2); font-weight: 700; border: 1px solid var(--lavender); }
.nav-pills .nav-link { --bs-nav-pills-border-radius:50px; background-color: var(--sharkV2); border: 1px solid var(--mineShaftV2); padding: 0.575rem 1.125rem; margin: 0.45rem; }
.nav-pills .nav-link:focus, .nav-pills .nav-link:hover { --bs-nav-link-hover-color:#fff; border: 1px solid var(--silver); } 
.nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover { --bs-nav-link-hover-color:#fff; border: 1px solid var(--lavender); }
/* AI spaces end */

/* Agent as a service start */
.swiper.marquee-swiper2 { margin-top: 4rem; mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%); }
.swiper-wrapper.marquee-swiper2-wrapper { transition-timing-function: linear; align-items: center; width: 100vw; }
.swiper-slide.marquee-swiper2-slide { width: auto; display: flex; align-items: center; justify-content: center; }
.swiper-slide.marquee-swiper2-slide img{ width: 48px; height: 48px; margin-bottom: 8px; }
.aaas-solutions img { height: 24px; width: 24px; opacity: 0.75; }
.aaas-solutions .col-xl-4 > a { transition: background-color 0.2s ease; }
.aaas-solutions .col-xl-4 > a:hover { background-color: var(--shark50); }
.aaas-solutions .col-xl-4 > a:hover img, .aaas-solutions .col-xl-4 > a:hover span { opacity: 1; }
.aaas-solutions .col-xl-4 > a span { opacity: 0.5; }
.aaas-solutions .col-xl-4 > a:hover span { opacity: 1; color: var(--silver); }
.aaas-solutions .col-xl-4 > a p { min-height: 100px; }
.modal-backdrop { --bs-backdrop-bg: var(--doveGray); --bs-backdrop-opacity: 0.5; }
.modal { backdrop-filter: blur(20px); }
.modal-content { background-color: #0000009c; }
.right-drawer .modal-dialog{ margin-left: auto; }
.modal.fade.right-drawer .modal-dialog { transition: transform .3s ease-out; transform: translate(50px, 0); }
.modal.show.right-drawer .modal-dialog { transform: none; }
.modal-header { --bs-modal-header-border-color: var(--mineShaftV2) }
.btn-close { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(327deg) brightness(102%) contrast(102%); }
.modal-fullscreen .modal-content { border-radius: 0; }
.size-24px { width: 24px; height: 24px; }
/* Agent as a service end */

@media screen and (max-width:1800px) {
    .mask-right::after, .mask-left::before { width: 15%; }
}

@media screen and (max-width:1599px) {
    .mask-right::after, .mask-left::before { width: 10%; }
}

@media screen and (max-width:1399px) {
    .w-300px { width: 200px; }    
    .hexagon-container img { height: 80px; width: 80px; transform: translate(60px, 40px); }
    .hexagon-container h3 { left: 120px; top: 12px; }
    .hexagon-container .list { left: 200px; }
    .border-anim { width: 160px;}
    .exploration .border-anim { left: 200px; bottom: 86px; }
    .execution .border-anim { left: 50px; bottom: 0px; }
    .exploration { width: 360px; }
    .execution {  width: 460px;}
    .ci-cd { width: 460px;  margin-left: 0px !important; margin-top: 70px;}    
    .img-100px { height: 100px; width: 100px; aspect-ratio: 1/1; object-fit: cover; }    
}

@media screen and (max-width:1199px) {
    .hexagon-container h3 { left: 120px; top: 19px; }
    .border-anim { width: 160px;}
    .exploration .border-anim { bottom: 0; top: auto; left: 100px; transform: rotate(90deg); transform-origin: 0 0; }
    .execution .border-anim { left: 100px; bottom: auto; transform: rotate(90deg); }
    .exploration { width: 500px; }
    .execution {  width: 500px; margin-top: 50px;}
    .ci-cd { width: 500px; margin-top: 50px; margin-left: auto !important;}
    .voice.font-64 { font-size: 2.5rem; }    
    .img-100px { height: 80px; width: 80px; }
}

@media screen and (max-width:991px) {
    .nav-link { padding-block: 15px; }
    .nav-link span { width: calc(100% - 20px); display: inline-block; }
    .chat-widget { display: none !important; }
    .swiper-nav { height: 40px; width: 40px; }
    .swiper-button-next { left: 50%; margin-left: 10px; }
    .swiper-button-prev { left: 50%; margin-left: -50px; }
    .factsheet .borderDoveGray { width: 1px; background-color: var(--doveGray); }
    .border-custom {background-image: url(../images/img-dotted-line-mob.svg); background-repeat: no-repeat; }
    .point-right.border-custom {background-image: url(../images/img-dotted-line-mob.svg); background-repeat: no-repeat; background-position: top left; }
    .top-group > div, .top-group > div:last-child, .bottom-group > div, .bottom-group > div:first-child { width: 100%; }
    .top-group > div, .bottom-group > div { height: 150px }
    .top-group > div:last-child, .bottom-group > div:first-child { height: 150px; }    
    .point-left { text-align: right; }
    .point-right { text-align: left; align-items: flex-start !important; margin-top: 150px;}
    .point-left::before { right: -10px; bottom: auto; left: auto; top: -10px; }
    .point-right::before { left: -10px; bottom: auto; right: auto; top: -10px; }
    .point-right::after { bottom: auto; top: -7px; }
    .item .title { padding: 20px 40px 20px 15px; }
    .item .content { padding: 5px 15px 20px 15px; }
    .blog-aside { display: none !important; }
    .voice.font-64 { font-size: 2rem; }    
    .img-100px { height: 60px; width: 60px; }
    .wrapper3 { overflow: visible; width: auto; }
    .card3 { opacity: 1; visibility: visible; position: relative; overflow: visible; width: 450px; }
    .card3 img { object-fit: cover; aspect-ratio: 2/1.5; object-position: top center; }
    .right { flex-direction: column; height: auto; justify-content: flex-start; }
    .swiper-hire .swiper-slide { width: 80% !important; }
    .swiper-hire .swiper-slide img { object-fit: cover; aspect-ratio: 2/1.5; object-position: top center; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
    .swiper-hire .swiper-slide .bgPickledBluewood  { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
    .w-250px { width: 250px; }    
}

@media screen and (max-width: 767px) {
    .contact-us-clock ul li { flex-direction: column; }
    .contact-us-clock .city-img, .contact-us-clock .city-time, .contact-us-clock .city-name, .contact-us-clock .office-address, .contact-us-clock .office-contact { width: 100%; }
    .bg-contact { background-size: 300px; background-position: top 100px right 0; }
    .contact-us-clock .city-img { margin-bottom: 20px; }
    .slide-no { position: absolute; bottom: 25px; right: 20px; flex-direction: row-reverse; }
    .w-80px { width: 60px; }
    #slider { width: 48px; height: 48px; border-radius: 10px; }
    .pullee::-webkit-slider-thumb { width: 46px; height: 46px; border-radius: 10px; }
    .pullee::-moz-range-thumb { width: 46px; height: 46px; border-radius: 10px; }
    .pullee::-ms-thumb { width: 46px; height: 46px; border-radius: 10px; }
    .pullee::-webkit-slider-runnable-track { height: 46px; border-radius: 10px; }
    .pullee::-moz-range-track { height: 46px; border-radius: 10px; }
    .pullee::-ms-track { height: 46px; border-radius: 10px;}
    .button-background { height: 58px; font-size: 12px;}
    .swiper-hire .swiper-slide .bgPickledBluewood .font-50 { font-size: 1.5rem; }
    .swiper-hire .swiper-slide .bgPickledBluewood .font-18 { font-size: 0.75rem; }
}

@media screen and (max-width:575px) {
    .w-300px { width: 160px; }    
    .hexagon-container img { height: 80px; width: 80px; transform: translate(40px, 30px); }
    .hexagon-container .list { left: 170px; }
    .border-anim { width: 140px;}
    .hexagon-container h3 { left: 120px; top: 19px; }
    .exploration .border-anim { bottom: 0; top: auto; left: 80px; transform: rotate(90deg); transform-origin: 0 0; }
    .execution .border-anim { left: 80px; bottom: auto; transform: rotate(90deg); }
    .exploration { width: 350px; }
    .execution {  width: 350px; margin-top: 20px;}
    .ci-cd { width: 350px;  margin-top: 20px;}
    .voice.font-64 { font-size: 1.75rem; }
    .aiaas.font-75 { font-size: 2.5rem; }
    .aaas-solutions .col-xl-4 > a p { min-height: auto; }
}


@media screen and (min-width: 768px) {
    .container-grid { grid-template-columns: repeat(3, 1fr);}
    .card-custom { padding: 1.5rem;}    
}

@media screen and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
    .font-12, .font-13 { font-size: 0.688rem; }    
    .font-14 { font-size: 0.75rem; }
    .font-15 { font-size: 0.813rem; }
    .font-16 { font-size: 0.875rem; }
    .font-18 { font-size: 0.938rem; } 
    .font-20 { font-size: 1rem; }
    .font-22 { font-size: 1.125rem; }
    .font-24 { font-size: 1.25rem; }
    .font-32 { font-size: 1.5rem; }
    .font-36 { font-size: 1.625rem; }
    .font-40 { font-size: 1.875rem; }
    .font-50 { font-size: 2.25rem; }
    .font-64 { font-size: 2.5rem; }
    .font-75 { font-size: 3.125rem; }
    .font-80 { font-size: 3.375rem; }
    .font-100 { font-size: 3.75rem; }
    .chat-widget.expanded { width: 300px; }
    .container, .container-lg, .container-md, .container-sm { transition: all 0.5s ease; }
    .expanded .container, .expanded .container-lg, .expanded .container-md, .expanded .container-sm {
        max-width: calc(960px - 300px);
    }
    .py-6 { padding-top: 4rem; padding-bottom: 4rem; }
    .pt-6 { padding-top: 4rem; }
    .pb-6 { padding-bottom: 4rem; }
    .pt-7 { padding-top: 5rem; }
    .pb-7 { padding-bottom: 5rem; }
    footer { padding-bottom: 130px; }
    .outside-box-right-25 { margin-right: -25vw; }  
    .card-custom { padding: 2rem;}
    .overflow-x-lg-auto { overflow-x: unset !important; }
    .right-drawer .modal-fullscreen { width: 800px; }
    .modal-fullscreen .modal-content { border-radius: 24px 0 0 24px; }
}
@media screen and (min-width: 1200px) {
    body {  font-size: 15px; } 
    .font-13 { font-size: 0.75rem; }
    .font-14 { font-size: 0.813rem; }
    .font-15 { font-size: 0.875rem; }
    .font-16 { font-size: 0.938rem; }
    .font-18 { font-size: 1rem; }
    .font-20 { font-size: 1.125rem; }
    .font-22 { font-size: 1.25rem; }
    .font-24 { font-size: 1.375rem; }
    .font-32 { font-size: 1.752rem; }
    .font-36 { font-size: 1.875rem; }
    .font-40 { font-size: 2.25rem; }
    .font-50 { font-size: 2.5rem; }
    .font-64 { font-size: 3.125rem; }
    .font-75 { font-size: 3.75rem; }
    .font-80 { font-size: 4rem; }
    .font-100 { font-size:5rem; }
    .chat-widget.expanded { width: 350px; }
    .expanded .container, .expanded .container-lg, .expanded .container-md, .expanded .container-sm, .expanded .container-xl {
        max-width: calc(1140px - 350px);
    }
    .py-6 { padding-top: 5rem; padding-bottom: 5rem; }
    .pt-6 { padding-top: 5rem; }
    .pb-6 { padding-bottom: 5rem; }
    .pt-7 { padding-top: 6rem; }
    .pb-7 { padding-bottom: 6rem; }
    .card-custom { padding: 2.5rem;}
}
@media screen and (min-width: 1366px) {
    .line-z { display: block; }
    .line-stacked { display: none; }
    .w-270px { width: 275px; }
    .home-banner-box1 { top: -25px; transform: translate(-50%, 0) rotate(1.5deg); margin-left: -300px; }
    .home-banner-box2 { top: -30px; transform: translate(-50%, 0) rotate(-1.4deg); margin-left: 110px; }
    .home-banner-box3 { top: 62px; transform: translate(-50%, 0) rotate(2.2deg); margin-left: -100px; }
    .home-banner-box4 { top: 60px; transform: translate(-50%, 0) rotate(-1.7deg); margin-left: 320px; }
    .container-grid { grid-template-columns: repeat(4, 1fr);}
}
@media screen and (min-width: 1400px) {
    body {  font-size: 16px; } 
    .font-12 { font-size: 0.75rem; }
    .font-13 { font-size: 0.813rem; }
    .font-14 { font-size: 0.875rem; }
    .font-15 { font-size: 0.938rem; }
    .font-16 { font-size: 1rem; }
    .font-18 { font-size: 1.125rem; }
    .font-20 { font-size: 1.25rem; }
    .font-22 { font-size: 1.375rem; }
    .font-24 { font-size: 1.5rem; }
    .font-32 { font-size: 2rem; }
    .font-36 { font-size: 2.25rem; }
    .font-40 { font-size: 2.5rem; }
    .font-50 { font-size: 3.125rem; }
    .font-64 { font-size: 4rem; }
    .font-75 { font-size: 4.688rem; }
    .font-80 { font-size: 5rem; }
    .font-100 { font-size: 6.25rem; }
    .chat-widget.expanded { width: 400px; }
    .expanded .container, .expanded .container-lg, .expanded .container-md, .expanded .container-sm, .expanded .container-xl, .expanded .container-xxl {
        max-width: calc(1320px - 400px);
    }    
    .py-6 { padding-top: 6rem; padding-bottom: 6rem; }
    .pt-6 { padding-top: 6rem; }
    .pb-6 { padding-bottom: 6rem; }
    .pt-7 { padding-top: 9rem; }
    .pb-7 { padding-bottom: 9rem; }
    .card-custom { padding: 3rem;}
}
@media screen and (min-width: 1919px) {
    .chat-widget.expanded { width: 500px; }
    .expanded .container, .expanded .container-lg, .expanded .container-md, .expanded .container-sm, .expanded .container-xl, .expanded .container-xxl {
        max-width: 1320px;
    }
}

#connect {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; /* Makes it take full screen height */
}