/*
    Theme Name:White Web Worx
    Theme URI:https://whiteweb.co.il
    Author:WhiteWebWorx
    Author URI:https://whiteweb.co.il/
    Requires at least:5.8.x
    Requires PHP:7.4.x
    Version:1.0
*/

/* @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');


/* Global Variables */
:root{
	/* --prompt:'Prompt', sans-serif;*/
	/* --kiwimaru:'Kiwi Maru', serif;*/
    --glow-rgb:255 255 255;
	--montserrat:'Montserrat', sans-serif;
    --archivo:"Archivo Black", sans-serif;
	--black:#000000;
	--blue:#2A4688;
    --blueHover:#1D3261;
    --Darkblue:#0E2E79;
	--white:#fff;
	--red:#B2243B;
    --redHover:#951E31;
	--pink:#E7A9B3;
    --error:#f5b8c0;
    --pinkHover:#B0848B;
    --gray :#D9D9D9;
    --dgray :#655E5E;
    --mustard :#D4D2AD;
    --f11:11px;
    --f12:12px;
    --f13:13px;
    --f14:14px;
    --f15:15px;
	--f16:16px;
    --f18:18px;
	--f20:20px;
    --f22:22px;
    --f25:25px;
    --f26:26px;
    --f30:30px;
    --f35:35px;
    --f32:32px;
    --f34:34px;
    --f40:40px;
    --f42:42px;
    --f50:50px;
    --f55:55px;
    --f60:60px;
    --f90:90px;
    --f110:110px;
    --f100:100px;
    --mt10:10px;
    --mt15:15px;
    --mt20:20px;
    --mt30:30px;
    --mt75 :75px;
    --ml50:50px;
    --mb5:5px;
    --mb10:10px;
    --mb15:15px;
    --mb20:20px;
    --mb25:25px;
    --mb30:30px;
    --mb50:50px;
    --mb60:60px;
    --mb70:70px;
    --mb80:80px;
    --mb100:100px;
    --mb35:35px;
    --padding40tb:40px 0;
    --padding15lr:0 15px;
    --pt75:75px;
    --pt90:90px;
	--p15:15px;
	--p65:65px;
	--p42:42px;
	--p54:54px;
	--p63:63px;
	--p67:67px;
	--l24:24px;
	--l30:30px;
    --l35:35px;
    --l40:40px;
	--l38:38px;
	--l45:45px;
	--l93:93px;
    --fontW300:300;
	--fontW400:400;
	--fontW700:700;
    --fontW500:500;
    --borderadius90:90px;
    --borderadius40:40px;
    --borderadius30:30px;
    --background-color:#4d5061;
    --inner-cursor-border-color:rgba(255, 255, 0, .25);
    --mid-cursor-border-color:rgba(255, 255, 255, .5);
    --outer-cursor-border-color:rgb(255, 255, 0, .33);
    --inner-border-size:1px;
    --mid-border-size:2px;
    --outer-border-size:8px;
    --cursor-size:40px;
    --inner-cursor-size:calc(.6 * var(--cursor-size));
    --mid-cursor-size:var(--cursor-size);
    --outer-cursor-size:calc(1.2 * var(--cursor-size));
    --inner-cursor-margin:calc((var(--mid-cursor-size) / 2) - (var(--inner-cursor-size) / 2) - var(--mid-border-size));
    --mid-cursor-margin:calc(-.5 * var(--mid-cursor-size));
    --outer-cursor-margin:calc((var(--mid-cursor-size) / 2) - (var(--outer-cursor-size) / 2) - var(--mid-border-size));
    --transition-duration:200ms;
}

/* Global Elements */

*, :after, :before{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#303030;position:relative;}
body.scroll{height:calc( 100% + 100px);}
html,body{font-size:var(--f16);font-family:var(--montserrat);font-weight:var(--fontW400);color:var(--black);margin:0px;}
ul, li{padding:0px;margin:0px;}
a, .nav-link{text-decoration:none;}
img{outline:none;max-width:100%;height:auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:0;}
h1, .h1{font-size:var(--f60);line-height:normal;font-weight:var(--fontW700);font-family:var(--montserrat);color:var(--black);}
h2, .h2{font-size:var(--f60);line-height:normal;font-weight:var(--fontW700);font-family:var(--montserrat);color:var(--black);}
h3, .h3{font-size:var(--f40);line-height:normal;font-weight:var(--fontW700);font-family:var(--montserrat);color:var(--black);}
h4, .h4{font-size:var(--f30);line-height:normal;font-weight:var(--fontW700);font-family:var(--montserrat);color:var(--black);}
h5, .h5{font-size:var(--f25);line-height:normal;font-weight:var(--fontW700);font-family:var(--montserrat);color:var(--black);}
p{font-size:var(--f18);line-height:normal;font-weight:var(--fontW400);}
.container{width:1180px;}
.navbar-toggler:focus{box-shadow:none;}
h1.block-heading{font-size:var(--f110);font-weight:var(--fontW500);margin-bottom:var(--mb20);}
.form-control{color:var(--white);}
.firstBlock{padding:100px 0 50px;}

@-webkit-keyframes fadeIn{
    from{opacity:0;}
    to{opacity:1;}
}

@keyframes fadeIn{
    from{opacity:0;}
    to{opacity:1;}
}

.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1.4s;animation-duration:1.4s;}
.fade-in.delayed{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.animated{-webkit-animation-duration :300ms !important;animation-duration :300ms !important;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
body{min-height:102vh;}

@media (max-width:1200px){
    .container{width:992px;}
    h2{font-size:var(--f40);}
}

@media (max-width:992px){
    .container{width:786px;}
    #our-team .teamsecimg{top:-85px;}
    h1.block-heading{font-size:80px;}
}

@media (max-width:768px){
    .container{width:100%;max-width:100%;padding:0 20px;}
    p{font-size:var(--f15);}
    h2{font-size:var(--f35);font-weight:var(--fontW500);}
    h1.block-heading{font-size:var(--f55)}
    .firstBlock{padding:10px 0 50px;}
}

/* Website Button */

.webbtn a.btn{font-size:var(--f16);font-weight:var(--fontW400);font-family:var(--montserrat);line-height:normal;text-transform:uppercase;padding:0;}
.webbtn a.btn:focus-visible{outline:1px solid var(--blue);}
.webbtn a.btn:focus{box-shadow:none;}

@media (max-width:768px){
    .webbtn a.btn{font-size:var(--f16);padding:0;}
    #banner .webbtn a.btn{height:65px;}
}

/* Header */

header{background:#303030;padding:20px 0 20px;top:0;transition:all 0.3s ease;    position: fixed;
    top: 0;
    width: 100%;}
/* position:sticky;*/
.navbar-expand-lg{border:1px solid var(--white);border-radius:20px;padding:0;max-height:40px;background:#303030;}
.navbar-expand-lg li:hover a ,.navbar-expand-lg li a{color:var(--white);}
.navbar-expand-lg li.current-menu-item a, .navbar-expand-lg li:hover a{font-weight:var(--fontW700);}
.skip-to-content-link{background:var(--red);left:0;padding:8px;position:absolute;transform:translateY(-500%);transition:transform .3s;color:var(--white);z-index:999999999999;text-decoration:none;}
.skip-to-content-link:focus, .skip-to-content-link:focus-within{transform:translateY(0);}
.logo{color:var(--white);font-family:var(--archivo);font-size:51px;font-style:normal;font-weight:var(--fontW700);line-height:normal;text-shadow:-3px -1px #303030;letter-spacing:-9px;line-height:43px;}
.logo:after{width:10px;height:10px;background:var(--white);position:absolute;content:'';right:-18px;bottom:3px;border-radius:100%;}
.logo:focus:after, .logo:hover:after{display:none;}
.logo span{display:inline-block;white-space:nowrap;vertical-align:top;overflow:hidden;transition:all .5s;font-weight:var(--fontW400);width:0;visibility:hidden;}
.logo:focus span.white, .logo:hover span.white{width:115px;visibility:visible;}
.logo:focus span.web, .logo:hover span.web{width:73px;visibility:visible;}
.logo:focus span.worx, .logo:hover span.worx{width:95px;visibility:visible;}
.logo:focus, .logo:hover{color:var(--white);letter-spacing:0;text-shadow:none;}
.logo:focus-visible{outline:1px solid var(--blue);padding:0;}
.navbar .nav-item{display:inline-block;font-size:0;min-width:100px;text-align:center;}
.navbar .nav-item .nav-link{font-size:var(--f16);font-weight:var(--fontW400);color:var(--white);display:inline-block;}
.navbar .nav-item .nav-link:focus-visible{  outline:1px solid var(--blue);}
.navbar .nav-item.current-menu-item .nav-link, .navbar .nav-item .nav-link.active, .navbar .nav-item .nav-link:hover{color:var(--white);font-weight:var(--fontW700);transition:0.3s;}
.navbar .nav-item .nav-link::before{display:block;content:attr(title);font-weight:var(--fontW700);height:0;overflow:hidden;visibility:hidden;}
.navbar .nav-item:last-child {margin-right: 18px;}
header{-webkit-transition:all 0.5s ease;-moz-transition:position 10s;-ms-transition:position 10s;-o-transition:position 10s;transition:all 0.5s ease;z-index:9;}
header.sticky{background:transparent;top:0;z-index:999;}
header.sticky .logo{display:none !important;}

@keyframes smoothScroll{
	0%{transform:translateY(-40px);}
	100%{transform:translateY(0px);}
}

@media (max-width:991px){
    .navbar .nav-item {min-width: unset;}
    .navHolder.container{padding:25px;} 
    .navbar-toggler .navbar-toggler-icon{background:url(images/bars-solid.svg) no-repeat;background-position:center;}
    .page-template-portfolio-tpl .navbar-toggler .navbar-toggler-icon{background:url(images/black_mobile_bar.svg) no-repeat;background-position:center;}
    .navbar-toggler.open .navbar-toggler-icon{background:url(images/closemenu.svg) no-repeat;background-position:center;}
    .page-template-portfolio-tpl .navbar-toggler.open .navbar-toggler-icon{background:url(images/closemenu-white.svg) no-repeat;background-position:center;}
    .navbar-toggler{z-index:99;padding:9px;width:auto;position:absolute;right:1px;}
    .navbar{position:static;}
    .navbar-collapse{z-index:9;text-align:center;transition:none !important;flex-basis:auto;}
    .navbar-nav{display:inline-block;margin-bottom:0 !important;}
    .navbar .nav-item .nav-link{width:100%;font-size:var(--f16);padding:13px 9px;}
    .navbar .nav-item{padding:0;}
    .navbar-expand-lg{border:1px solid var(--white);border-radius:100px;padding:0;max-height:52px;min-height:52px;background:#303030;flex-direction:row-reverse;padding-right:40px;position:relative;}
    .logo:after{bottom:6px;}
    .menuCont.menuopen .navbar-expand-lg, .menuCont.menuopen{transition:width 0.5s ease;}
    .menuCont .navbar-expand-lg{transition:width 0.5s ease;width:auto;}
    /* .navbar-collapse{transition:width 0.3s ease;} */
    #nav-icon1{width:20px;height:23px;position:relative;margin:0px 5px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
    #nav-icon1 span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:9px;opacity:1;top:2px;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
    #nav-icon1 span:nth-child(1){top:2px;}
    #nav-icon1 span:nth-child(2){top:10px;}
    #nav-icon1 span:nth-child(3){top:18px;}
    /*.open #nav-icon1 span{width:16px;height:2px;}*/
    .open #nav-icon1 span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
    .open #nav-icon1 span:nth-child(2){opacity:0;left:-60px;}
    .open #nav-icon1 span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);} 
    body.page-template-portfolio-tpl .navbar-expand-lg #nav-icon1 span{background:#000;}
}

@media (max-width:768px){
    .logo:hover span.white{width:75px;}
    .logo:hover span.web{width:48px;}
    .logo:hover span.worx{width:63px;}
    header{padding-top:0;padding-bottom: 0;}
    .logo{font-size:var(--f34);letter-spacing:-4px;}
    .logo:after{right:-12px;bottom:14px;width:8px;height:8px;}
    .navbar-expand-lg{max-height:40px;min-height:40px;}
    .navbar-toggler{padding:3px;}
    .navbar-toggler.open .navbar-toggler-icon{padding:10px 12px;}
    .navbar .nav-item .nav-link{padding:7px 9px;}
    .logoCont.menuopen{opacity:0;height:0;}
    .menuCont.menuopen .navbar-expand-lg, .menuCont.menuopen{width:100%;overflow:hidden;}
    .navHolder.container .row{justify-content:end;}
    .navbar .nav-item:last-child .nav-link{padding-right:9px;}
    .navbar .nav-item:first-child .nav-link{padding-left:9px;}
    .navHolder.container{min-height:93px;}
    .menuCont .navbar-expand-lg{width:40px;}
}

@media (max-width:500px){
    .navbar .nav-item .nav-link{padding:7px 4px;}
    .navbar .nav-item:last-child .nav-link{padding-right:4px;}
    .navbar .nav-item:first-child .nav-link{padding-left:4px;}
    .logo span{transition:none;}
}

@media (max-width:400px){
    .navbar .nav-item .nav-link{padding:7px 2px;font-size:var(--f15);}
}

/* Banner */

#banner{padding:100px 0 130px;position:sticky !important;top:0 !important}
#banner #meta-tag-img { right:83px;}
#banner .bannerRightimg{position:absolute !important;width:816px;right:0;top:-42px;}
#banner h1{margin-bottom:80px;line-height:normal;font-size:var(--f100);font-weight:var(--fontW500);padding-right:40px;text-align:left;}
.bannercont p{font-family:var(--montserrat);line-height:30px;font-size:var(--f22);}
#banner .webbtn a.btn{position:relative;display:flex;align-items:center;height:92px;color:var(--white);}

#banner .bannercont:has(p:hover) ~ .webbtn a.btn .dot {width: 92px;height: 92px;padding: 20px;}
#banner .bannercont:has(p:hover) ~ .webbtn a.btn .dot img {height: 55px;opacity: 1;transform: rotate(0deg) translateY(0) !important; transition: all .2s ease-in-out;transition-delay: .2s;}

.dot{width:6px;height:6px;background-color:var(--white);border-radius:50%;cursor:pointer;overflow:hidden;transition:all .3s;display:inline-block;margin-left:8px;}
#banner .webbtn a.btn:hover .dot{width:92px;height:92px;padding:20px;}
#banner .webbtn a.btn:hover .dot img{height:55px;opacity:1;transform:rotate(0deg) translatey(0) !important;transition:all .2s ease-in-out;transition-delay:.2s;}
.dot img{opacity:0;width:100%;height:0;transform:rotate(0deg) translatey(-130px) !important;transition:transform .2s ease-in-out;}

@media (max-width:1400px){
    #banner{padding:70px 0 70px;}
    #banner h1{font-size:var(--f90);margin-bottom:var(--mb100);}
}

@media (max-width:1200px){
    #banner h1{font-size:var(--f60);margin-bottom:var(--mb70);padding-right:0;}
    .bannerLeftCont .col-md-8{width:100% !important;}
    .bannerLeftCont .col-md-8 p br{display:none;}
}

@media (max-width:768px){
    #banner .container{padding:0 20px;}
    #banner h1{font-size:var(--f30)!important;font-weight:var(--fontW500);margin-bottom:var(--mb50);text-align:left;margin-top: var(--mb80);}
    #banner{padding:20px 0 40px;position:static !important;}
    .bannercont{font-size:var(--f15);margin-bottom:var(--mb20);}
    .bannercont p{font-size:var(--f16);line-height:var(--l24);}
    #banner .webbtn a.btn{height:65px;}
    #banner .bannercont:has(p:hover) ~ .webbtn a.btn .dot {width: 50px;height: 50px;padding: 10px;}
#banner .bannercont:has(p:hover) ~ .webbtn a.btn .dot img {height: 33px;opacity: 1;transform: rotate(0deg) translateY(0) !important; transition: all .2s ease-in-out;transition-delay: .2s;}
#banner .webbtn a.btn:hover .dot{width:50px;height:50px;padding:10px;}
#banner .webbtn a.btn:hover .dot img{height:33px;opacity:1;transform:rotate(0deg) translatey(0) !important;transition:all .2s ease-in-out;transition-delay:.2s;}
}

@media (max-width:600px){
    section.container-fluid#our-services{transform:translate3d(0,20px,0) !important;}
    .dot{transition:none;}
}

@media (max-width:400px){
    #banner h1{font-size:var(--f50);}
}

@media(min-width:768px) and (max-width:991px){
    #banner{height:auto;}
}

.custom-container {width: auto; }
@media (min-width: 2200px) { .custom-container{ width: 48%; }}
@media (max-width: 1699px) { .custom-container{ width: 100%;padding-right: var(--bs-gutter-x, .75rem)!important;padding-left: var(--bs-gutter-x, .75rem)!important;max-width: 82%; }}
@media (max-width: 1599px) { .custom-container{ width: 100%;padding-right: var(--bs-gutter-x, .75rem)!important;padding-left: var(--bs-gutter-x, .75rem)!important;max-width: 90%; }}
@media (max-width: 992px)  {.custom-container {max-width: 100%;}} 

.visibleNow .dissolveInBottom{-webkit-animation:dissolveInBottom 0.7s ease-in-out;}
.visibleNow{height:100%;}
@-webkit-keyframes dissolveInBottom{
	0%{opacity:0;transform:translate3d(0,100px,0)}
	100%{opacity:1;transform:translate3d(0,0,0)}
}
#our-projects{padding:55px 0 0px;background:var(--white);min-height:1000px;}
/*#our-projects h2{margin-bottom:var(--mb15);}*/
#our-projects .projectCont{width:700px;font-family:var(--montserrat);}
#our-projects .projectCont p{line-height:30px;}
#our-projects .prosecimg{top:-15px;right:-250px}
.tagNav ul li{list-style:none;width:auto;height:50px;line-height:50px;color:var(--black);cursor:pointer;}
.tagNav ul li a{color:var(--black);font-size:var(--f18);font-weight:400;line-height:normal;padding:10px;border-right:1.5px solid var(--black);}
.tagNav ul li.active a{-webkit-text-stroke:1px var(--black);}
.tagNav ul li:last-child a{border:none}
#our-projects #animatingH1{color:var(--black);font-size:var(--f100);font-style:normal;font-weight:500;line-height:normal;height:100%;overflow:hidden;margin-bottom:0;}
#our-projects .animatingHeaging{overflow:hidden;}
.tabHeading{height:103px;border-bottom:1px solid #C7C7C7}
.tagNav ul li:first-child{margin-left:0;}
.tagNav#mobTagNavMenu{align-items:end;display:flex;justify-content:flex-end;margin-bottom:-11px;}
.col-md-12.tagDescription .tagDescriptionindex{margin-bottom:100px;}
.col-md-12.tagDescription{margin-top:55px;padding-bottom:0px;}
.col-md-12.tagDescription .tagDescriptionindex p {font-size: var(--f22) !important;line-height: 32px;font-weight: var(--fontW500); }
.col-md-12.tagDescription p{line-height:24px;color:var(--black);font-size:var(--f18) !important}
.col-md-8.tagDescription .tagDescriptionindex h3{font-size:var(--f20);color:#646464;font-weight:var(--fontW700);margin-bottom:12px;}
.col-md-8.tagDescription .tagDescriptionindex p{color:#646464;font-size:var(--f18);font-weight:var(--fontW400);line-height:27px;}
.tagDescriptionInner.active{display:flex;flex-wrap:wrap;}
.tagDescriptionInner{display:none;}
.innerItem{padding-left:35px;}
.innerItem label{font-size:var(--f18);color:var(--red);font-weight:var(--fontW700);margin-bottom:8px;}
.innerItem p{color:var(--Darkblue);font-size:var(--f16);}
.clientSection{padding:130px 0 70px;background-color:#303030;}
.clientSec .col-md-3{position:absolute;right:13px;width:40%;}
.clientSec h3, .clientSec .h2{color:var(--white);font-size:65px;font-style:normal;font-weight:var(--fontW500);line-height:normal;margin-bottom:10px;}
.clientSec p{font-size:var(--f16);color:var(--white);line-height:24px;}
/* .clientSec ul li{list-style:none;width:45%;display:flex;justify-content:center;padding:0;margin-bottom:8px;} */
.clientSec ul li {list-style:none;width:20%;display:flex;justify-content:center;padding:0;margin-bottom:15px;}
.clientSec ul li a.logoBox img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:all 0.5s ease;z-index:2;}
.clientSec ul li a.logoBox{width:134px;height:90px;border:1px solid #777;z-index:0;transition:all 0.3s ease;opacity:1;margin-right:-1px;}
.clientSec ul li a.logoBox:before, .clientSec ul li a.logoBox:after{content:"";display:block;position:absolute;background:#303030;top:50%;left:50%;transform:translate(-50%, -50%);animation-iteration-count:1;transform-origin:50% 50%;opacity:1;}
.clientSec ul li a.logoBox:before{width:calc(100% + 5px);height:100%;z-index:1;transition:height 1s ease, opacity 0.8s ease;}
.clientSec ul li a.logoBox:after{height:calc(100% + 5px);width:100%;z-index:1;transition:width 1s ease, opacity 0.8s ease;}
.clientSec ul li a.logoBox:hover{z-index:10;}
.clientSec ul li a.logoBox:hover:before, .clientSec ul li a.logoBox:focus:before{transition:height 0.2s ease, opacity 0.3s ease;height:85%;opacity:0.7;}
.clientSec ul li a.logoBox:hover:after, .clientSec ul li a.logoBox:focus:after{transition:width 0.2s ease, opacity 0.3s ease;width:85%;opacity:0.8;}
.proSlider{display:none;}
.proSlider.active{display:block;}
.proSlider .col-md-2{padding-left:250px;width:270px;box-sizing:content-box;background:#f8f8f8;}
.proSlider .col-md-2 h3{color:var(--black);font-size:var(--f30);font-weight:500;margin-bottom:10px;}
.proSlider .col-md-2 p{color:var(--black);font-size:var(--f16);line-height:24px;}
.proSliderInner{position:sticky;top:100px;z-index:2;}
.slideArrow{right:0;cursor:pointer;}
.text-slider-wrapper .slick-list{padding:0 !important;}
.accordion-button:focus{box-shadow:0 0 0 1px rgb(0 0 0 / 25%) !important;font-weight:bold;}
.projectVisit{margin-top: 10px;display: inline-block;text-decoration: none;color: var(--black);font-weight:600;font-size: 14px;margin-left: 13px;}
.projectVisit:hover{color: var(--black);text-decoration: underline;}

@media (max-width:1600px){
    .clientSec ul li{width:24%;}
}

@media (max-width:1400px){
    .clientSec ul li{width:27%;}
}

@media (max-width:1200px){
    #our-projects #animatingH1{font-size:70px;}
    .tabHeading{height:auto;}
}

@media (max-width:992px){
    /* .tagNav{overflow-y:scroll;over} */
    .tagNav .row{width:1000px;}
    .visibleNow{flex-direction:column-reverse;}
    .col-md-12.tagDescription{margin-top:0;}
    .tabHeading{border:none;}
    .tagNav#mobTagNavMenu{justify-content:unset;margin-bottom:var(--mb60);margin-top:0;padding-left:20px;}
    .tagNav#mobTagNavMenu ul{flex-wrap:wrap;position:relative;}
    .tagNav#mobTagNavMenu ul:after{width:1px;height:122%;background:#C7C7C7;content:'';position:absolute;left:15px;top:-15px;}
    .tagNav ul li{width:100%;}
    .tagNav ul li a{border-right:none;padding:10px 26px;position:relative;font-size:var(--f16);}
    .tagNav ul li a:after{content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;background:var(--black);z-index:99;}
    .tagDescriptionInner .col-sm-8, .tagDescriptionInner .col-md-8{width:100%;}
    #our-projects #animatingH1{font-size:80px;}
    #our-projects .animatingHeaging{margin-bottom:var(--mb10);}
    .tagDescriptionInner{margin-bottom:var(--mb30);}
    .col-md-12.tagDescription .tagDescriptionindex{margin-bottom:0;}
    .col-md-12.tagDescription p{font-size:var(--f16) !important}
    .clientSection{padding:55px 0 0;}
    .clientSec .col-md-3{position:static;width:100%;}
    .clientSec ul li{width:45%;}
    .clientSec .col-md-7{width:100%;}
    .col-md-12.tagDescription .tagDescriptionindex p {font-size: var(--f18) !important;line-height: 28px;}
}

@media (max-width:767px){   
    #our-projects .projectCont{width:100%;}
    .innerItem{padding:40px 30px 10px;width:100%;}
    .innerItem label{font-size:var(--f20);}
    #our-projects{padding:15px 0 0;}
    .tagNav{margin-top:30px;}
    #our-projects .tagNav .d-flex.flex-wrap.justify-content-center{justify-content:left !important}
    .innerItem .slideCont{min-height:77px;}
    .clientSec h3, .clientSec .h2{font-size:var(--f40);}
    .tagNav#mobTagNavMenu{margin-bottom:var(--mb25);}    
    .tagNav#mobTagNavMenu ul:after{height:115%;}
    #our-projects #animatingH1{font-size:var(--f50);}
}

@media (max-width:500px){
    .tagNav .row{width:650px;}
    .tagNav ul li{margin:0 3px;font-size:var(--f13);}
}

/* Career Block */

#career-block{padding:100px 0 50px;background:#303030;}
#career-block .secCont{width:100%;margin-bottom:var(--mb35);}
#career-block .secCont p{font-family:var(--montserrat);line-height:var(--l24);color:var(--white);font-size:var(--f18);}
#career-block h1{margin-bottom:0;color:var(--white);font-size:var(--f110);font-weight:var(--fontW500);}
#careerAccordion{margin-top:var(--mt75);}
#career-block .accordion-item{margin-bottom:var(--mb5);border:none;background:none;}
#career-block .accordion-item h3 button{color:var(--white);font-size:var(--f18);font-family:var(--montserrat);font-weight:var(--fontW400);padding:11px 22px 11px 0px;background:transparent;}
#career-block .accordion-item h3 button:focus-visible{outline:1px solid var(--blue);}
#career-block .accordion-item h3 button:focus{box-shadow:none !important;}
#career-block .accordion-button:not(.collapsed){box-shadow:none;}
#career-block .accordion-button:not(.collapsed)::after{background-image:url(images/minus-light.svg) !important;}
#career-block .accordion-button:not(.collapsed){font-weight:var(--fontW700);}
#career-block .accordion-button.collapsed::after{background-image:url(images/plus-light.svg) !important;}
#career-block .accordion-button.collapsed{border-bottom:1px solid var(--white);}
#career-block .accordion-button:not(.collapsed){border:none}
#career-block .accordion-body{padding:40px 10px 0px;}
#career-block .col-md-4{padding:0 0px 0px 77px;border-left:1px solid var(--white);margin-left:5%;}
#career-block .col-md-4 form textarea, #career-block .col-md-4 form input{width:100%;border:none}
#career-block .col-md-4 form input[type='email'], #career-block .col-md-4 form input[type='tel'], #career-block .col-md-4 form input[type='text']{font-size:var(--f14);color:var(--white);padding:0 15px;line-height:var(--l40);background:transparent;border:1px solid var(--white);}
#career-block .col-md-4 form input:focus-visible{outline:1px solid var(--blue);}
#career-block .col-md-4 form textarea::placeholder, #career-block .col-md-4 form input::placeholder{color:var(--white);}
#career-block .col-md-4 form textarea{font-size:var(--f16);color:var(--white);padding:10px 15px;line-height:var(--l30);min-height:140px;max-height:140px;background:transparent;border:1px solid var(--white)}
#career-block .col-md-4 form input[type="submit"]{background:transparent;color:var(--white);font-size:var(--f14);line-height:var(--l40);width:auto;text-transform:uppercase;}
#career-block .col-md-4 form input[type="submit"]:hover{transition:0.3s;}
#career-block .col-md-4 form .fieldrow p{margin-bottom:0px;}
#career-block .col-md-4 form{padding:0px 0px 20px;border-radius:0;}
#career-block .col-md-4 form h5{color:var(--white);font-size:var(--f16);font-family:var(--montserrat);font-weight:var(--fontW700);line-height:30px;}
#career-block .col-md-4 form p{color:var(--white);font-size:var(--f16);}
#career-block .accordion-body h4{font-size:var(--f16);font-weight:var(--fontW700);font-family:var(--montserrat);margin-bottom:var(--mb15);color:var(--white);}
#career-block .accordion-body .col-md-7 p{color:var(--white);margin-bottom:var(--mb25);font-size:var(--f16);font-family:var(--montserrat);line-height:25px;}
#career-block .accordion-body .col-md-7 ul{padding-left:18px;}
#career-block .accordion-body .col-md-7 ul li{color:var(--white);list-style:disc;font-family:var(--montserrat);line-height:25px;}
#career-block .col-md-4 form .wpcf7-spinner{position:absolute;left:50%;margin-left:-12px;}
#career-block .col-md-4 form .fieldrow{margin-bottom:var(--mb20)}
#career-block .col-md-4 form .fieldrow p{margin-bottom:0;}
#career-block .col-md-4 form .fieldrow.msgfield{margin-bottom:var(--mb15)}
#career-block .col-md-4 form .fieldrow.uploadfile br{display:none;}
#career-block .col-md-4 form .fieldrow textarea.wpcf7-not-valid, #career-block .col-md-4 form .fieldrow input.wpcf7-not-valid{border:2px solid var(--red)}
.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip{font-size:var(--f14);padding:8px 12px;color:var(--white);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{width:100%;text-align:center;font-size:var(--f12);}
.wpcf7 form.invalid .wpcf7-response-output{display:none;}
.wpcf7 form.sent .wpcf7-response-output{border:none}
#career-block .col-md-4 form .fieldrow.uploadfile .uploadresume{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;overflow:hidden;opacity:0;height:40px}
#career-block .col-md-4 form .fieldrow.uploadfile label:after{content:'Attach file';position:absolute;left:0;top:0;font-size:var(--f12);color:var(--dgray);background:
    var(--white) url(images/paperclip-solid.svg) no-repeat 10px center;height:100%;width:102px;padding-left:30px;line-height:var(--l40);}
#career-block .col-md-4 form .fieldrow.uploadfile label{background:transparent;padding:0px 0 0px 112px;margin-bottom:0;top:0;width:100%;left:0;color:var(--white);font-size:var(--f12);line-height:15px;min-height:42px;display:flex;align-items:center;border:1px solid var(--white);}
#career-block .col-md-4 form .fieldrow.submitbtn{text-align:right;width:170px;float:right;height:50px;display:flex;align-items:center;justify-content:flex-end;margin-bottom:0;}
#career-block .col-md-4 form .fieldrow.submitbtn:hover span.dot{width:62px;height:62px;padding:15px;}
#career-block .col-md-4 form .fieldrow.submitbtn p{display:flex;align-items:center;}    
#career-block .col-md-4 form .fieldrow.submitbtn br{display:none;}
#career-block .col-md-4 form .fieldrow.submitbtn:hover .dot img{height:37px;opacity:1;transform:rotate(0deg) translatey(0) !important;transition:all .2s ease-in-out;transition-delay:.2s;}
#career-block .wpcf7-list-item{margin-left:0;}
#career-block .col-md-4 form .wpcf7-acceptance input{width:auto;}

@media (max-width:992px){
    #career-block .col-md-5{padding:0 0 0 15px;}
    #career-block .col-md-4{margin-left:4%;width:37%;padding:0 0px 0px 24px;}
}

@media (max-width:768px){
    #career-block .secCont{width:100%;}
    #career-block .col-md-5{padding:0;margin-top:var(--mt30);width:100%;}
    #career-block{padding:90px 0 20px}
    #career-block .col-md-5 form h5{font-size:var(--f15);margin-bottom:3px;}
    #career-block .col-md-5 form p{margin-bottom:20px;}
    #careerAccordion{margin-top:var(--mt10);}
    #career-block .accordion-item h3 button{font-size:var(--f16);padding:15px 22px 15px 10px;}
    #career-block .accordion-body{padding:25px 12px 30px;}
    #career-block .col-md-5 form{padding:30px 20px 20px;}
    #career-block .col-md-5 form input[type='email'], #career-block .col-md-5 form input[type='tel'], #career-block .col-md-5 form input[type='text']{line-height:var(--l35);}
    #career-block .col-md-5 form .fieldrow{margin-bottom:12px;}
    #career-block .col-md-5 form .fieldrow.uploadfile .uploadresume{height:35px;}
    #career-block .col-md-5 form .fieldrow.uploadfile label:after, #career-block .col-md-5 form .fieldrow.uploadfile label{line-height:var(--l35);}
    #career-block .col-md-5 form input[type="submit"]{line-height:50px;}
    #career-block .col-md-5 form .fieldrow.msgfield{margin-bottom:10px;}
    #career-block h1{font-size:55px;margin-bottom:var(--mb10);}
    #career-block{padding:10px 0 50px;}
    #career-block .col-md-4{padding:0 0px 0px 0;border-left:none;margin-left:0;width:100%;}
}

/* Footer */

#footer{padding: 0; border-top: 1px solid var(--white);margin-top:3rem;}
.menu-footer-bottom-menu-container{display:flex;}
#footer.noscroll{height:auto;}
#footer.noscroll .footerFormInnerSec{bottom:0;transition:opacity 1s;}
#footer .footerFormInnerSec.show{bottom:0;opacity:1;}
#footer #footer-meta-tag-img{ max-width:115px;}
body.page-template-portfolio-tpl #footer #footer-meta-tag-img{filter: invert(1) hue-rotate(180deg);}
#footer .footerMenu ul li a{font-size:var(--f16);color:var(--white);padding:8px 12px;border-radius:20px;display:inline-block;}
/* #footer .footerMenu ul li a:before{display:block;content:attr(title);font-weight:var(--fontW700);height:0;overflow:hidden;visibility:hidden;} */
#footer .footerMenu ul li:last-child a:before{display:none;}
#footer .footerMenu ul li:hover a{font-weight:var(--fontW700);}
#footer .footerMenu ul li:last-child a{border:1px solid var(--white);font-weight:var(--fontW400);}
#footer .footerMenu ul li:last-child:focus a, #footer .footerMenu ul li:last-child:hover a{background:var(--white);color:var(--black);}
#footer .footerMenu ul li{list-style: none;text-align: center;display: inline-block;min-width: 80px;}
#footer .menu-footer-bottom-menu-container{display:flex;padding:10px 0 10px 0;width:100%;}
#footer .menu-footer-bottom-menu-container li{list-style:none;}
#footer .menu-footer-bottom-menu-container li a{color:var(--white);font-size:var(--f12);border-right:1px solid var(--white);text-transform:capitalize;}
#footer .menu-footer-bottom-menu-container li:first-child a{padding:0 10px 0 0;}
#footer .menu-footer-bottom-menu-container li:last-child a {padding: 0 0 0 10px;}
#footer .menu-footer-bottom-menu-container li:last-child a{border-right:none;border-left:1px solid var(--black)}
#footer .menu-footer-bottom-menu-container li a:focus, #footer .menu-footer-bottom-menu-container li a:hover{text-decoration:underline;}

@media (min-width:2200px){
    #footer .footerFormInnerSec{left:19%;}
}

@media (max-width:1400px){
    .f_arrow{right:0px;}
    #footer span.wpcf7-not-valid-tip{font-size:var(--f11);}
}

@media (max-width:992px){
    #footer span.wpcf7-not-valid-tip{font-size:9px;}
}

@media (max-width:768px){
    /* #footer{transform:translate3d(0,100px,0) !important;} */
    #footer .bottomMenu{flex-wrap:wrap;justify-content:flex-start;}
    .menu-footer-bottom-menu-container{width:100%;}
    #footer .footerMenu ul li{width:100%; text-align:start;}
    #footer .footerMenu ul li a{border:none; padding-left: 0px;}
    #footer .bottomMenu li a{padding:0 6px;}
    #footer .bottomMenu {border-top: none;}
    #footer .footerMenu ul li:last-child a {border: none;}
    #footer .footerMenu ul li a {padding: 0;}
    ul#menu-footer-menu { margin-top: 50px;}

}

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.sliderbtns .customPause, .sliderbtns .customPlay{width:30px;height:30px;background:var(--red);border-radius:50%;display:flex;line-height:23px;align-items:center;justify-content:center;}
.sliderbtns img{width:22px;}
.sliderbtns{margin-top:33px;margin-left:22px;}
.pagenotFoundMainDiv{padding-top:5.5%;}
body.error404{background-position:calc(100vw - 43.5vw) top !important;}
.pagenotFoundMainDiv .notfoundContentArea{top:78px;max-width:614px;}
.pagenotFoundMainDiv .notfoundContentArea h1{font-size:150px;font-family:var(--montserrat);line-height:normal;font-weight:var(--fontW700);}
.pagenotFoundMainDiv .notfoundContentArea .notfoundDescArea{position:relative;top:-20px;}
.pagenotFoundMainDiv .notfoundDescArea p{color:var(--white);margin-bottom:3px;}
.pagenotFoundMainDiv .notfoundDescArea a{color:var(--white);text-decoration:underline;text-underline-offset:5px;font-weight:500;}
.cstmSlctMenuProjType{display:none}

@media (min-width:1381px) and (max-width:1560px){
	.pagenotFoundMainDiv .notfoundContentArea h1{font-size:140px;}
	.pagenotFoundMainDiv{padding-top:0%;}
	.pagenotFoundMainDiv .notfoundContentArea{top:64px;}
	.pagenotFoundMainDiv .pagenotFoundInnerDiv > img{max-height:550px;object-fit:contain;}
}

@media (min-width:993px) and (max-width:1380px){
	.pagenotFoundMainDiv .notfoundContentArea h1{font-size:115px;}
	.pagenotFoundMainDiv{padding-top:0%;}
	.pagenotFoundMainDiv .notfoundContentArea{top:52px;}
	.pagenotFoundMainDiv .pagenotFoundInnerDiv > img{max-height:490px;object-fit:contain;}
}

@media (max-width:992px){
    .pagenotFoundMainDiv .pagenotFoundInnerDiv{padding-top:30px;}
    .pagenotFoundMainDiv .notfoundContentArea h1{font-size:82px;}
    #mobTagNavMenu .cstmSlctMenuProjType{display:block;}
    #mobTagNavMenu .cstmSlctMenuProjType.active{background-color:var(--white);display:block;position:relative;border-radius:30px;border:1px solid var(--red);}
    #mobTagNavMenu .cstmSlctMenuProjType.active .cstmSlctProjTypeList li{color:var(--red) !important}
    #mobTagNavMenu .cstmSlctMenuProjType.active .cstmSlctProjTypeList li.active{border-radius:50px;background:#f0f0f0 !important;}
    #mobTagNavMenu .cstmSlctMenuProjType .openProType{position:relative;background-color:var(--red);max-width:100%;width:100%;display:flex;border-radius:100px;min-height:53px;align-items:center;color:var(--white);padding-left:25px;}
    #mobTagNavMenu .cstmSlctMenuProjType.active .openProType{position:relative;background-color:transparent;max-width:100%;width:100%;display:flex;border-radius:100px;min-height:53px;align-items:center;color:var(--red);padding-left:25px;}
    #mobTagNavMenu .cstmSlctMenuProjType .openProType:after{content:'';background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M7.4687 13.0313C7.76245 13.3251 8.23745 13.3251 8.52808 13.0313L14.5312 7.03135C14.825 6.7376 14.825 6.2626 14.5312 5.97197C14.2375 5.68135 13.7625 5.67822 13.4718 5.97197L8.00308 11.4407L2.5312 5.96885C2.23745 5.6751 1.76245 5.6751 1.47183 5.96885C1.1812 6.2626 1.17808 6.7376 1.47183 7.02822L7.4687 13.0313Z" fill="white"/></svg>');background-repeat:no-repeat;background-size:contain;width:16px;height:16px;position:absolute;right:16px;top:19px;}
    #mobTagNavMenu .cstmSlctMenuProjType.active .openProType:after{content:'';background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none"><path d="M6.46876 8.03135C6.76251 8.3251 7.23751 8.3251 7.52814 8.03135L13.5313 2.03135C13.825 1.7376 13.825 1.2626 13.5313 0.971973C13.2375 0.681348 12.7625 0.678223 12.4719 0.971973L7.00314 6.44072L1.53126 0.968848C1.23751 0.675098 0.762514 0.675098 0.471889 0.968848C0.181264 1.2626 0.178139 1.7376 0.471889 2.02822L6.46876 8.03135Z" fill="%23B2243B"/></svg>');}
    #mobTagNavMenu .cstmSlctMenuProjType .cstmSlctProjTypeList{display:none;max-width:80%;margin-left:12px;}
    #mobTagNavMenu .cstmSlctMenuProjType.active .cstmSlctProjTypeList{display:block;}
    #mobTagNavMenu .cstmSlctProjTypeList li{width:88%;text-align:left !important;padding-left:18px;border-radius:70px;margin:9px 0;background:transparent !important;color:var(--red) !important;font-size:var(--f14);}
    #mobTagNavMenu .row{max-width:100%;margin:0 auto;}
    #footer form .commentTextareaFld{position:relative;top:auto;transition:none;width:100%;height:auto !important;max-height:120px;}
}

@media (max-width:560px){
	.pagenotFoundMainDiv .notfoundContentArea{top:0;}
	.pagenotFoundMainDiv{padding-top:25.5%;}
}

.footerImg{right:10%;top:-113px;}

/* Slider */

.imageslider, .image-slider{z-index:0;margin:0 auto;padding:0;width:100%;height:63vh;}
.imageslider .image-slide, .image-slide{height:63vh;margin:0 auto;background-size:100% 100% !important;display:block !important;}
.slick-slide.slick-center{transition:transform .8s 1.4s cubic-bezier(.84, 0, .08, .99);transform:scale(1.1);}
.slick-slide{transition:transform .7s cubic-bezier(.84, 0, .08, .99);}
.slider-control{margin:0%;position:absolute;z-index:99;bottom:-150px;left:13.5%;transform:translate(-50%, -50%);display:flex;}
.slider-control .next.slick-arrow img{transform:rotate(-90deg);width:21px;}
.slider-control .prev.slick-arrow img{transform:rotate(90deg);width:21px}
.slick-arrow button{color:var(--white);background:none;padding:15px;border:1px solid #f8f8f8;font-size:var(--f16);border-radius:50%;margin:.4em;display:inline-block;width:70px;height:70px;}
.slick-arrow button:focus{outline:none;}
.overlay{z-index:1;position:fixed;width:20%;left:5%;background:rgba(0, 0, 0, .65);}
.text-slider-wrapper{z-index:99;position:absolute;width:100%;top:30%;}
.text-slider{margin:0%;padding:0%;}
.text-slide h2{color:var(--white);font-size:64px;text-transform:uppercase;padding-left:10%;font-weight:var(--fontW400);}
.col-md-12.tagDescription .text-slide p{width:40%;padding-left:10%;color:var(--white);}
.slick-initialized .slick-slide{position:relative;}
.imageslider.slick-initialized .slick-slide:after{content:'';position:absolute;left:0;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, .85);}
.imageslider.slick-initialized .slick-slide.slick-active:after, .imageslider.slick-initialized .slick-slide.slick-current::after{display:none;}
.slick-list{padding-top:30px !important;padding-bottom:30px !important;padding-left:0 !important;padding-right:0 !important;}
.slick-slide.slick-current.slick-center{z-index:9;}
.block-1{z-index:10;position:absolute;height:100%;width:17.6vw;left:29.5vw;background:#0f0f0f;top:30px;}

@media(min-width:2200px){
    .block-1{width:18vw;}
}

@media(min-width:1200px){
    .tagNav#mobTagNavMenu{margin-bottom:8px;}
}

@media(max-width:992px){
    .block-2, .overlay{display:none;}
    .block-1{width:50%;}
    .block-3{width:12%;}
    .slide-slick{display:none !important;}
    .text-slide h1{font-size:var(--f30) !important;}
    .text-slider-wrapper{position:relative;background:var(--black);padding-top:90px;padding-bottom:30px;}
    .slider-control{left:inherit;z-index:999;right:-4vw;top:48px;bottom:inherit;}
    .text-slide h2{font-size:40px;}    
    .block-1{display:none;}
    .imageslider .image-slide, .image-slide{height:75vw;}
    .imageslider, .image-slider{height:auto;}
    .col-md-12.tagDescription .text-slide h2, .col-md-12.tagDescription .text-slide p{padding:0 25px;width:100%;}
    .slick-list{padding:0 !important;}
    .slider-control .slick-arrow img{width:15px;}
    .slick-arrow button{width:50px;height:50px;padding:8px;}
    .col-md-12.tagDescription .text-slide p{font-size:var(--f16);margin-bottom:0;}
    #our-projects h2{margin-bottom:var(--mb10);}
}

@media(max-width:600px){
    .text-slide h2{font-size:30px;}    
}

/* Contact Page */

.firstsection{padding:106px 0 50px;}
#contact-block h1{font-size:110px;font-weight:var(--fontW500);color:var(--white);}
#contact-block h1 span{font-size:var(--f16);}
.col-md-12.contactForm{margin-top:100px;}
.contactForm textarea, .contactForm input{background:none;border:1px solid var(--white);border-radius:0;text-align:left;padding:7px 14px;font-size:var(--f14);color:var(--white);}
.contactForm textarea.wpcf7-not-valid, .contactForm input.wpcf7-not-valid{border:2px solid var(--red);}
.contactForm textarea:focus, .contactForm input:focus{background:none;color:var(--white);border-color:#fff;box-shadow:none}
.contactForm textarea:focus-visible, .contactForm input:focus-visible{outline:none;}
.contactForm textarea::placeholder, .contactForm input::placeholder{color:var(--white);}
.contactForm .contpage{margin-bottom:25px;}
.contactForm .contpage p{margin-bottom:0;}
.contactForm textarea{width:100%;height:160px;}
.contactForm select{width:100%;background:none;border:1px solid var(--white);color:var(--white);text-align:left;direction:ltr;padding:7px 14px;font-size:var(--f14);appearance:none;-webkit-appearance:none;background-image:url('images/arrow-icon-down.svg');background-repeat:no-repeat;background-position:95%;height:37px;border-radius:0;}
.contactForm select option{color:var(--black);}
#contact-block .col-md-4{padding-right:45px;}
.contactContent .text, .contactContent{color:var(--white);}
.contactContent .text{font-size:var(--f22);font-weight:var(--fontW500);margin-bottom:10px;}
.contactContent p{color:var(--white);font-size:var(--f16);line-height:var(--l24);}
.contactContent{padding-left:35px;border-left:1px solid var(--white);}
.contactForm .col-md-8{padding-left:100px;}
.contactContent ul li{list-style:none;padding:8px 14px;align-items:center;}
.contactForm .contpage.submitBtnFormCt{margin-bottom:0;width:100%;height:67px;display:flex;align-items:center;justify-content:flex-end;}
.contactForm form input[type="submit"]{background:transparent;color:var(--white);font-size:var(--f14);line-height:var(--l40);width:auto;text-transform:uppercase;border:none;padding:0;}
.contactForm form .contpage.submitBtnFormCt :hover span.dot{width:62px;height:62px;padding:15px;}
.contactForm form .contpage.submitBtnFormCt :hover p{display:flex;flex-wrap:wrap;}
.contactForm form .contpage.textarea{margin-bottom:0;}
.contactForm form .contpage.submitBtnFormCt :hover .dot img{height:37px;opacity:1;transform:rotate(0deg) translatey(0) !important;transition:all .2s ease-in-out;transition-delay:.2s;}
.contactForm .contpage.submitBtnFormCt  .wpcf7-spinner{position:absolute !important;}
.contactForm .contpage.submitBtnFormCt  p{display:flex;align-items:center;display:flex;}
.text-content{transform:translateY(100%);opacity:0;transition:transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s cubic-bezier(0.25, 1, 0.5, 1);max-width:450px;}
.right-0{right:0;}
.text-content h3, .text-content .h3{font-weight:500;}
.owl-item.animated.owl-animated-out.fadeOut .slider-content{opacity:0 !important;}
.custom-prev, .custom-next{border:1px solid;padding:10px 20px;cursor:pointer;transition:background-color 0.3s ease;border-radius:100%;}
.nameItial{font-size:100px;}
.slider-container{max-width:90%;}
.client-image{max-height:480px;max-width:800px;margin-left:auto;}
.contactForm .wpcf7 form.sent .wpcf7-response-output, #career-block .col-md-4 .wpcf7 form.sent .wpcf7-response-output{display:none;}
.thankYouMsg{position:absolute;top:0;left:0;width:calc(100% + 10px);height:calc(100% + 20px);display:flex;flex-direction:column;justify-content:space-between;background-color:#303030;z-index:3;transform:translate(-5px, -10px);}
.thankYouMsg .btnBox{ text-transform:uppercase;color:var(--white);}
.thankYouMsg .btnBox img{max-width:62px;}
.thankYouMsg .btnBox span{margin-right:14px;}
.thankYouMsg .msgBox{border:1px solid var(--white);padding:50px 30px;height:calc(100% - 85px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.thankYouMsg .msgBox:before{content:'';position:absolute;width:480px;height:480px;background-color:#fff;border-radius:50%;left:-19px;top:99px;display:none;}
.thankYouMsg .msgBox > *{position:relative;color:var(--white);}
.thankYouMsg .msgBox h3{font-size:var(--f20);font-weight:var(--fontW500);margin-bottom:10px;text-transform:uppercase;}
.thankYouMsg .msgBox p{font-size:var(--f16);}
.wpcf7-checkbox.wpcf7-not-valid input{appearance:none;background:#fff;padding:0;width:15px;height:15px;border:2px solid var(--red)}


@media(min-width:2000px){
    .client-image{max-width:800px;}
}

.clientslider{opacity:0;height:0;overflow:hidden;}
.clientslider.active{opacity:1;height:auto;overflow:visible;}
.custom-prev svg, .custom-next svg{width:25px !important;height:40px;}
.custom-prev{transform:rotate(180deg);}
.custom-prev:hover svg path, .custom-next:hover svg path{fill:white;}
.custom-prev:hover, .custom-next:hover{background-color:black;}
.wpcf7-textarea:focus{border:2px solid white;}
.contactForm input:focus{outline:1px solid white;}
.skip-link-item{background:#303030;left:0;padding:8px;position:absolute;transform:translateY(-100%);transition:transform .3s;color:var(--white);z-index:1000;text-decoration:none;border:1px solid white;border-left:unset;}
.skip-link-item:focus{transform:translateY(0);}
.slide-animation{opacity:1;transform:translateY(0);}
.min-h-100{min-height:100%;}
.tags span{padding:4px 10px;border:1px solid #000;cursor:default;border-radius:100px;transition:0.1s;}
.tags span:hover{background-color:#000;color:#fff;}

@media(max-width:992px){
    #contact-block h1{font-size:80px;}
    .col-md-4{padding-right:0;}
    .contactForm .col-md-8{padding-left:70px;}
}

@media(max-width:768px){
    #contact-block h1{font-size:55px;line-height:55px;display:flex;flex-wrap:wrap;}
    #contact-block h1 span{width:100%;line-height:37px;font-weight:var(--fontW400);}
    .col-md-12.contactForm{margin-top:40px;}
    #contact-block .col-md-4{padding-right:0;}
    .firstsection{padding:10px 0 50px;}
    .contactForm .col-md-8{padding-left:0;padding-top:40px;}
    span.wpcf7-not-valid-tip{font-size:var(--f12);}
    .contactForm .col-md-8 .contactContent{padding-left:0;border:none}
    .contactForm .col-md-8 .contactContent ul{justify-content:center;}
    .contactContent ul li{padding:8px 11px;width:50%;justify-content: start; text-align: left;margin-top: 20px;}
    .contactForm select, .contactForm input{padding:7px 30px;}
    .contactForm textarea{padding:12px 30px;}
    .contactContent .text{font-size:var(--f30);}
}

/* our-portfolio */
#portfolioMain .portfolio-content p{font-size: var(--f22);line-height: 32px;}

body.page-template-portfolio-tpl{height:100%;}
#portfolioMain h1{font-size:var(--f110);font-weight:var(--fontW500);}
body.page-template-portfolio-tpl .logo{color:var(--black);text-shadow:-2px -1px var(--white);}
body.page-template-portfolio-tpl .logo:after{background:var(--black);}
body.page-template-portfolio-tpl .logo:hover{color:var(--black);letter-spacing:0;text-shadow:none;}
body.page-template-portfolio-tpl header, body.page-template-portfolio-tpl{background:#fff;}
#portfolioMain{padding-top:100px;}
body.page-template-portfolio-tpl .navbar .nav-item .nav-link{color:var(--black);}
body.page-template-portfolio-tpl .navbar .nav-item.current_page_item .nav-link{font-weight:var(--fontW700);}
body.page-template-portfolio-tpl .navbar-expand-lg{border:1px solid var(--black);background:var(--white);}
#portfolioMain .nav-tabs{border:none;}
#portfolioMain .nav-tabs .nav-link{border:1px solid var(--black);width:150px;height:150px;border-radius:100%;font-size:var(--f20);color:var(--black);font-weight:var(--fontW500);line-height:23px;}
#portfolioMain .nav-tabs .nav-link.active{background:var(--black);color:var(--white);}
#portfolioMain .nav-tabs li.nav-item:focus .nav-link, #portfolioMain .nav-tabs li.nav-item:hover .nav-link{background:var(--black);color:var(--white);}
#portfolioMain .nav-tabs li.nav-item{margin:0 23px;opacity:0;}
#portfolioMain .nav-tabs li.nav-item:first-child{margin-left:0;}
#portfolioMain .mainCont{margin-top:60px;}
#portfolioTabContent{margin-top:75px;}
#portfolioTabContent h3{font-size:var(--f30);color:var(--black);font-weight:var(--fontW500);margin-bottom:var(--mb20);}
#portfolioTabContent .accordion-item{border:none;border-bottom:1px solid var(--black);}
#portfolioTabContent .accordion-button{background:none;box-shadow:none;padding-left:0;font-size:var(--f16);color:var(--black);padding:26px 12px 26px 0;}
#portfolioTabContent .accordion-button:focus{box-shadow:none !important;}
#portfolioTabContent .accordion-body{padding-left:0;padding-top:0;padding-bottom:20px;font-size:var(--f16);line-height:var(--l24);color:var(--black);}
#portfolioTabContent .accordion-button:not(.collapsed){font-weight:var(--fontW700);}
#portfolioTabContent .accordion-button:not(.collapsed)::after{background-image:url(images/minus-dark.svg);}
#portfolioTabContent .accordion-button::after{background-image:url(images/plus-dark.svg);}
#portfolioTabContent .accordion-item:last-of-type{border-radius:0;}
.projectimg{margin-top:75px;}
#portfolioTabContent .projectimg h3{font-size:110px;font-weight:var(--fontW500);color:var(--black);text-transform:uppercase;}
.projectimg .catprojectimg{left:0;}
body.page-template-portfolio-tpl #footer .bottomMenu{border: none !important;}
body.page-template-portfolio-tpl #footer {border-top: 1px solid var(--black); background:var(--white) !important;}
body.page-template-portfolio-tpl #footer .menu-footer-bottom-menu-container li a{color:var(--black) !important;}
body.page-template-portfolio-tpl #footer .footerMenu ul li a {color: var(--black) !important;}
body.page-template-portfolio-tpl #footer .footerMenu ul li:last-child a {border:1px solid var(--black) !important;}
body.page-template-portfolio-tpl #footer .footerMenu ul li:last-child a:hover {background:var(--black) !important; color:var(--white) !important;}
.projectimg .catprojectimg ul li { list-style: none; margin-bottom: .6vw; overflow: hidden; width: 32.5%; position: relative; }
.projectimg .catprojectimg ul li a { height: 100%; width: 100%; z-index: 99; display: inline-block; position: relative; }
.projectimg .catprojectimg ul li a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); transition: background 0.3s ease; } 
.projectimg .catprojectimg ul li:hover a:after { background: rgba(0, 0, 0, 0); } 
.projectimg .catprojectimg ul li a:before { position: absolute; content: ''; z-index: 9; -webkit-transition-property: all; -webkit-transition-duration: 0.4s; width: 150px; height: 150px; -webkit-transition-timing-function: ease; }
.projectimg .catprojectimg ul li a, .projectimg .catprojectimg ul li a:-webkit-any-link, .projectimg .catprojectimg ul li a:hover { cursor: url('images/circlearrow.svg'), auto; } 
.projectimg .catprojectimg ul li img { -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; width: 100%; height: 100%; } 
.projectimg .catprojectimg ul li:hover img { transform: scale(1.1); } 
.projectimg .catprojectimg ul li label { color: var(--white); z-index: 9; bottom: 4%; left: 3.5%; font-size: 30px; opacity: 1; font-weight: 500; position: absolute; transition: opacity 0.3s ease; }
.projectimg .catprojectimg ul li:hover label { opacity: 0; }

.scrollBttn{display:none;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{isolation:unset !important;}
.projectGrid{width: 1600px;margin: 0 auto;}

@media(max-width:1600px){
    .projectGrid{width:100%;}
    .projectimg .catprojectimg ul li{width:49%;}
}

@media(max-width:1200px){
    #portfolioMain h1{font-size:90px;}
    #portfolioMain .nav-tabs .nav-link{width:120px;height:120px;}
    #portfolioMain .nav-tabs li.nav-item{margin:0 15px;}
    #portfolioTabContent .projectimg h3{font-size:var(--f100);}
}

@media(max-width:992px){
    #portfolioMain h1{font-size:65px;}
    #portfolioMain .nav-tabs .nav-link{width:100px;height:100px;}
    #portfolioMain .nav-tabs li.nav-item{margin:0 10px;}
    #portfolioTabContent .projectimg h3{font-size:65px;}
    #portfolioMain .nav-tabs .nav-link{font-size:var(--f16);line-height:18px;}
    #portfolioMain{padding-top:40px;}
}

@media(max-width:768px){
    #portfolioMain .portfolio-content p{    font-size: var(--f20);line-height: 30px;}
    .portcontainer{overflow-x:scroll;overflow-y:hidden;padding-bottom:10px;}
    .portcontainer::-webkit-scrollbar{height:4px;width:4px;background:var(--white);}
    .portcontainer::-webkit-scrollbar-track{background:var(--white);}
    .portcontainer::-webkit-scrollbar-thumb{background:var(--white);}
    .portcontainer::-webkit-scrollbar-thumb:hover{background:var(--white);}
    .portcontainer::-webkit-scrollbar-thumb:horizontal{background:var(--white);}
    .portcontainer ul{width:870px;}
    #portfolioMain h1{line-height:68px;}
    #portfolioMain .mainCont{margin-top:40px;}
    #portfolioMain{padding-top:10px;}
    #portfolioTabContent{margin-top:15px;}
    #portfolioTabContent .projectimg h3{font-size:50px;}
    .projectimg{margin-top:40px;}
    .projectimg .catprojectimg ul li{width:100%;overflow:hidden;margin-bottom:0;}
    .projectimg .catprojectimg ul li a:hover:before{width:50px;height:50px;}
    body.page-template-portfolio-tpl #footer .footerMenu ul li:last-child a {border: none !important;}
    #portfolioMain .nav-tabs .nav-link{width:150px;height:150px;font-size:20px;line-height:23px;}
    #portfolioTabContent .accordion-button{padding:15px 12px 15px 0;line-height:21px;}
    .accordion-button::after{width:2rem;height:1rem;background-size:contain;background-position:right;transition:none;}
    #portfolioTabContent .accordion-button:not(.collapsed)::after{background-position:left;}
    .projectimg .catprojectimg ul li label{top:50%;left:50%;transform:translate(-50%, -50%);bottom:inherit;font-size:35px;font-weight:bold;width:100%;text-align:center;}
    #footer .footerFormInnerSec{bottom:-365px;background-size:100%;background-position:right bottom;}
    #footer .footerFormInnerSec.show{background-size:100%;}
    #portfolioMain h1{font-size:55px;line-height:55px;}
    #portfolioTabContent .projectimg h3, #our-projects #animatingH1{font-size:40px;}
    .text-content h3{font-size:30px;}
    .projectimg .catprojectimg ul li label {font-size: 30px;opacity: 1;font-weight: 400;}
}

@media(max-width:600px){
    .scrollBttn{text-align:right;display:inline-block;width:100%;margin-top:15px;}
    .scrollBttn .btn{width:12px;height:20px;border:none;padding:0;margin:0 3px;}
    .scrollBttn .btn:focus{box-shadow:none;}
    .scrollBttn #scroll-left{background:url(images/scroll-right.svg) no-repeat;}
    .scrollBttn #scroll-right{background:url(images/scroll-left.svg) no-repeat;}

    .projectimg{height: auto !important;}
    .projectimg .catprojectimg {position: relative !important;margin-left: -20px;margin-right: -20px;width: calc(100% + 40px) !important;}
}

#who_we_are{padding:100px 0 100px;}
.topCont p{font-size:var(--f18);line-height:var(--l24);}
#technology .topCont p a{color:inherit}
#technology .topCont p a{text-decoration:underline;}
.topCont{width:100%;}
.teamCont{margin-top:50px;position:relative;}
.teamRow{font-size:var(--f100);color:var(--white);transition:opacity 1s ease-in-out;opacity:0;font-weight:var(--fontW700);line-height:105px;margin-bottom:110px;margin-bottom:0px;}
.brizzle .teamRow .nameItial{font-size:150px;}
.overflow-hidden{overflow:hidden;}
.teamRow:hover{opacity:1 !important;}
.teamRow label{color:var(--white);font-size:var(--f18);line-height:27px;font-weight:var(--fontW400);}
.hidden{opacity:0;}

@media(min-width:768px){
    #teamContainer.brizzle{position:absolute;left:0;top:-25px;width:100%;}
    #teamContainer.brizzle .teamRow{font-size:200px;width:373px;line-height:255px;}
}

/* Cursor Animation */

/* @media(min-width:768px){
    .pointer{z-index:999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px;background:rgba(255,255,255,255);border:1px solid rgba(255,255,255,.1);border-radius:50%;box-sizing:border-box;pointer-events:none;transition:.2s;}
    .pointer1{transition:0.05s;}
    .pointer2{transition:0.1s;}
    .pointer3{transition:0.15s;}
    .pointer4{transition:0.2s;}
    .pointer5{transition:0.25s;}
} */

@media(max-width:768px){
    .text-content{min-height:1px;}
    .slider-container{padding:0;}
    #who_we_are{padding:10px 0 10px;}
    .topCont{width:100%;}
    .teamRow{width:150px;font-size:50px;text-align:center;line-height:70px;margin-bottom:40px;}
    .teamRow label{font-size:var(--f15);}
    .teamRow{position:static !important;margin-bottom:10px;line-height:65px !important;}
}

.tagCont{margin-top:100px;}
.tagCont li{list-style:none;color:var(--white);border:1px solid var(--white);display:inline-block;padding:10px 17px;margin-left:15px;margin-bottom:15px;border-radius:22px;text-transform:uppercase;font-size:var(--f18);opacity:0;}
.tagCont li:hover{background:#ccc;color:var(--black);}

@media(max-width:768px){
    .tagCont{margin-top:40px;}
    .tagCont li{font-size:var(--f16);padding:8px 14px;margin-left:10px;margin-bottom:12px;}
}

@media(min-width:1280px){
    #our-projects .tagDescription{min-height:772px;}
}

.overflow-hidden{overflow:hidden;}

@media(min-width:1200px){
    .teamContainer{position:absolute;right:0;overflow:hidden;padding-bottom:70px;}	
}

@media(max-width:1199px){
    .hideInitalInfo{display:none !important}
}

@media(max-width:992px){   
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content h3, #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content .h3{max-width:70%;font-size:26px;}
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content .tags span{padding:1px 6px;font-size:15px;}
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content .tags{gap:14px !important;}
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content + .d-flex.gap-3{position:absolute;right:32px; z-index:9;}
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content + .d-flex.gap-3 .custom-prev, #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content + .d-flex.gap-3 .custom-next{padding:3px 12px;}
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content + .d-flex.gap-3 .custom-prev svg, #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content + .d-flex.gap-3 .custom-next svg{width:14px !important;height:31px;}
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content{transition:none;transform:none;opacity:1;position:relative;padding-top:30px;}
    #our-projects .slider-container .clientslider .item .col-md-7.col-12 img.client-image.shadow{padding-bottom:0px;box-shadow:none !important;}
	#our-projects .slider-container .clientslider .item.d-flex.flex-md-row.flex-column.justify-content-between.gap-md-0.gap-4.mb-5{margin-bottom:20px !important;}
	#our-projects .slider-container{max-width:100%;background:#000;}
	#our-projects .slider-container .slider-content{max-width:90%;margin:0 auto;}
	#our-projects .slider-container *{color:#000000;background:#f8f8f8;}
	#our-projects .slider-container .clientslider .item .col-md-7.col-12{position:relative;order:2;}
	#our-projects .slider-container .clientslider .item .col-md-7.col-12:after{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;}
    #our-projects .slider-container{background-color:unset;}
    #our-projects .slider-container .clientslider .item .slider-content .col-12.text-content{padding:0;}
}

.contactpageFormMainDiv .comLabelPrice label{ position:absolute;top:9px;left:27px;background:#303030;pointer-events:none;font-weight:normal;transition:top 0.2s;color:#fff;font-size:14px;padding:0 5px;}
.contactpageFormMainDiv .comLabelPrice label.has-value{top:-7px;background:#303030;z-index:1;padding:0 5px;}
.contactpageFormMainDiv .contpage.submitBtnFormCt p{position:relative;}
.contactpageFormMainDiv .contpage.submitBtnFormCt p .dot{position:absolute;right:0px;}
.contactpageFormMainDiv .contpage.submitBtnFormCt p input[type="submit"]{padding-right:30px;   z-index:2;   width:100%;transition:all .5s;outline:none;}
.contactpageFormMainDiv .consentDiv p .wpcf7-form-control-wrap{display:block;margin-top:-2px;}
.contactpageFormMainDiv .contpage.submitBtnFormCt p:hover  input[type="submit"]{padding-right:80px;}
.contactpageFormMainDiv .contpage.submitBtnFormCt .wpcf7-spinner{ position:absolute !important;left:-90px;}
.contactForm .contpage.submitBtnFormCt p:hover span.dot{width:62px;height:62px;padding:15px;}
.contactpageFormMainDiv .consentDiv p > label{display:flex;}
.contactpageFormMainDiv .consentDiv p .privyLinkText{color:#fff;text-decoration:underline}
.privyLinkText {color: #fff !important;text-decoration: underline !important;}
.contactpageFormMainDiv .consentDiv p .wpcf7-list-item-label{display:none}
.contactpageFormMainDiv .consentDiv p span + span.contentTxt{margin-left:5px;color:#fff;font-size:14px;}
.contactpageFormMainDiv .consentDiv p span[data-name="checkbox-748"] span.wpcf7-not-valid-tip{ position:absolute;top:39px;width:340px;}
.contactpageFormMainDiv .consentDiv p span[data-name="checkbox-748"] .wpcf7-list-item{margin:0px;}
#technology .tagCont li{cursor:default}
#mobTagNavMenu .nextDivSlide{padding:3px 12px;border:1px solid;cursor:pointer;transition:background-color 0.3s ease;border-radius:100%;color:#000;display:none;position:absolute;top:48px;}
#mobTagNavMenu .nextDivSlide svg{width:14px;height:31px;}

@media(max-width:992px){
    .arrows-container{justify-content:end;width:100%;padding-right:8px;}
    #mobTagNavMenu .nextDivSlide{display:block}
    #our-projects .tagNav ul li a:after{display:none;}
    #our-projects .tagNav#mobTagNavMenu ul{flex-wrap:nowrap;margin-right:auto;gap:18px;}
    #our-projects .tagNav ul li.active a, #our-projects .tagNav#mobTagNavMenu ul:after{background:transparent;}
    #our-projects .tagNav ul li{width:auto;margin:0px;height:auto;line-height:1;}
    #our-projects .tagNav ul li a{padding:2px 6px;font-size:14px;width:fit-content; display:contents;}
    #our-projects .tagNav#mobTagNavMenu{justify-content:flex-end; padding-bottom: 10px ! important;border-bottom: 1px solid var(--black);}
    .animatingHeaging .custom-prev svg, .animatingHeaging .custom-next svg{width:14px !important;height:30px;}
    .animatingHeaging .custom-prev, .animatingHeaging .custom-next{padding:0px 8px;}
    .projectimg .catprojectimg ul a:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);}
    .projectimg .catprojectimg ul a:after{background:rgba(0, 0, 0, .7)}
    #our-projects .animatingHeaging{height:100%;}
}
 
@media(max-width:500px){
    .skip-links-place-holder{display:none;}
    #footer .bottomMenu{padding:15px 0 20px 0;}
    #portfolioMain h1{font-size:50px;}
    #mobTagNavMenu{padding:0 !important;}
    h1{font-size:var(--f40) !important;}
}

@media(max-width:400px){
    #footer .footerFormInnerSec.show{background-size:110%;}
}

/* About Us Page*/
section#who_we_are  .h2{ font-size: 60px;font-style: normal;font-weight: var(--fontW500);line-height: 60px;margin-bottom: 10px;}
section#who_we_are p.member-name {font-weight: var(--fontW500);font-size: 20px;}
section#who_we_are p.designation {font-size: 20px;font-weight: var(--fontW300);}
section#who_we_are   button.custom-prev-new ,section#who_we_are button.custom-next-new{height: 38px;width: 38px;color: var(--white);border: 1px solid var(--white);background-color: transparent;border-radius: 50%;}
section#who_we_are .vibe-heading{margin-top: 100px;}
section#who_we_are .vibe-heading span.first-word { font-weight: var(--fontW700)}
@media (min-width: 992px) { section#who_we_are .team-slider { right: 0; width: 60%; top: 0; } section#who_we_are .left-text { min-height: 300px; } section#who_we_are .team-slider { position: absolute; } section#who_we_are .custom-margin { margin-top: var(--mt75); } section#who_we_are .owl-nav-custom-new { margin-right: 25%; } }

@media (min-width: 2560px) { section#who_we_are .team-slider { width: 57%; } section#who_we_are .vibe-heading { margin-top: 200px; }
.team-slider img.fixed-team-img {
        height: 480px!important;
        object-fit: cover !important;
    }

}

section#who_we_are .vibe-section .inner-vibe-gallery { display: flex; gap: 16px; padding: 0; 
    
    /* overflow: hidden; 
    justify-content: space-between;  */
}
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item { flex: 0 0 calc((95% - 96px) / 7);  margin: auto;}
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item img { display: block; width: 100%; height: 50vh; object-fit: cover; transition: transform 0.3s ease; }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item img:hover { transform: scale(1.03); }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item:nth-child(1) img { margin-top: 36px; }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item:nth-child(2) img { margin-top: 0; }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item:nth-child(3) img { margin-top: 114px; }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item:nth-child(4) img { margin-top: 10px; }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item:nth-child(5) img { margin-top: 36px; }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item:nth-child(6) img { margin-top: 10px; }
section#who_we_are .vibe-section .inner-vibe-gallery .vibe-item:nth-child(7) img { margin-top: 88px; }
section#who_we_are .vibe-section .inner-vibe-gallery .owl-item:nth-child(even) { margin-top: 38px;}


@media (max-width: 767px) { section#who_we_are .vibe-section .inner-vibe-gallery { flex-wrap: wrap; gap: 12px; } section#who_we_are .vibe-section .inner-vibe-gallery > div { flex: unset; } section#who_we_are .vibe-section .inner-vibe-gallery > div img { margin-top: 2px !important; } }
@media (max-width: 992px) { section#who_we_are .h2 { font-size: var(--f40); } section#who_we_are .custom-margin { margin-top: var(--ml50); } 
/* section#who_we_are h2.team-title {padding-bottom: 70px;} */
section#who_we_are .vibe-section .inner-vibe-gallery .owl-item:nth-child(even) { margin-top: 18px !important;}
.owl-nav-custom-vibe.text-center.text-md-end.mobile {
    margin-top: 40px;
}
}

.desktop {display: block;}
.mobile {display: none;}

@media (max-width: 767px) {
    .mobile {display: block;}
    .desktop {display: none;}
    .team-slider {padding-left: calc(20px + .75rem);width: 100%;overflow: hidden;position: relative;}
    .team-slider .owl-carousel, .vibe-section .owl-carousel {overflow: visible;width: unset !important;}
    /* .team-slider .owl-carousel {margin-left: -100px;} */
    .vibe-section .owl-carousel {margin-left: -170px;}
    .team-slider .owl-stage-outer, .vibe-section .owl-stage-outer {overflow: visible;}
    .team-slider .owl-item img, .vibe-section .owl-item img {width: 100%;display: block;}
    /* .owl-nav-custom-new {position: absolute; right: calc(20px + .75rem); bottom:0;} */
    .theme-padding {padding: 0 calc(20px + .75rem);}
    
}
@media screen and (min-width: 991px) {
.team-slider  img.fixed-team-img { height: 305px;object-fit: cover !important;}  
html, body {height: 100%;margin: 0;}
body {display: flex;flex-direction: column;min-height: 100vh; }
main {flex: 1;        padding-top: 90px;}     
}