@font-face{font-family:"bold"; src: url("../fonts/Poppins-Bold.woff")}
@font-face{font-family:"semibold"; src: url("../fonts/Poppins-SemiBold.woff")}
@font-face{font-family:"regular"; src: url("../fonts/Poppins-Regular.woff")}
@font-face{font-family:"light"; src: url("../fonts/Poppins-Light.woff")}
@font-face{font-family:"thin"; src: url("../fonts/Poppins-Thin.woff")}



.bold{font-family:"bold"}
.semibold{font-family:"semibold"}
.regular{font-family:"regular";}
.light{font-family:"light"}

body,html{height:100%!important}
body{font-family:"light"!important;overflow-x:hidden; color: #fff !important; font-size: 1.3vw !important; line-height: 1.85vw !important; background: #000 !important;}
.wrapper{margin:auto;width:100%}
.big-container{margin: auto;padding-left: 7vw;    padding-right: 7vw; width: 100%}
.small-container {    margin: auto;    padding-left: 12vw;    padding-right: 12vw;    width: 100%;}
.header{z-index:1;position:absolute;width:100%;margin:auto;left:0;top:0;right:0;transition:all ease-in-out .3s;padding:1vw 0; background: #000;}
.header.stickyheader{position: fixed; animation-direction:normal;animation-duration:.7s;animation:slide-down .7s;z-index:5;transition:all ease-in-out .3s;box-shadow: 0 0 10px rgb(0 0 0 / 5%);}

.banner-circle{display: none;}

.page-template-capabilities .banner-circle.capa-circle,
.page-template-portfolio .banner-circle.capa-circle,
.single-capabilities .banner-circle.single-capa-circle,
.page-template-about .banner-circle.capa-circle,
.page-template-contact .banner-circle.capa-circle
{display: block;}

.capa-circle.banner-circle.position-absolute svg path {stroke: #D897F5 !important;}

.header.stickyheader .banner-circle{display: none !important;}


.coloured-eclipse{display:none;}

.white{color: #fff;}
.black-color{color: #000}
.lpurple{color: #D897F5;}
.green{color: #C5FD7B;}
.blue{color: #6383F0;}
.purple{color: #520A70;}
.low-black{color: rgba(0,0,0,0.5)}


.black-bg{background: #000;}
.white-bg{background: #fff;}
.lpurple-bg{background: #D897F5;}
.green-bg{background: #C5FD7B;}
.blue-bg{background: #6383F0;}
.purple-bg{background: #520A70;}

.letterspacing1{letter-spacing: 1px}





:focus{outline:none!important}
a{color:inherit; transition: all 0.5s;}
a:hover{text-decoration:none!important; transition: all 0.5s;}
a:focus{outline:none!important;border:none!important;text-decoration:none!important}
img{ transition: all 0.5s;}
*:hover img{ transition: all 0.5s;}
.text-underline{text-decoration: underline !important}
.abs-anch{position: absolute; width: 100%; height: 100%; top: 0;left: 0; color: transparent !important;z-index: 0}
.borderbottom{border-bottom: 1px solid}
.list-inline li{display: inline-block}
.show-1024,.show-768,.show-600{display:none!important}
input,select,texarea{border-radius:0!important}
strong,b{font-weight:normal;font-family:bold}
.overflow-hidden{overflow: hidden}
.object-cover img{object-fit: cover; width: 100%; height: 100%;}
.overlay{position: relative;}
.overlay:before{content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}

/*#how-does-zeroBonds-work{scroll-margin-top:130px}*/



.loaderWrap{width: 100%;height: 100%;position: fixed;left: 0;background: #3C3E90;top: 0;z-index: 99999;display:flex;align-items:center; justify-content: center;    flex-direction: column;}


.ptt-30{padding-top:35px;}
.ptt-15{padding-top:15px;}
.pt-120{padding-top: 6vw}
.pb-120{padding-bottom: 6vw}
.pt-80{padding-top: 4.5vw}
.pb-80{padding-bottom: 4.5vw}
.pt-60{padding-top: 3vw}
.pb-60{padding-bottom: 3vw}
.pt-40{padding-top: 2vw}
.pb-40{padding-bottom: 2vw}

.pr-120{padding-right: 6vw !important;}
.pl-120{padding-left: 6vw !important;}
.pr-80{padding-right: 4.5vw !important;}
.pl-80{padding-left: 4.5vw !important;}
.pr-60{padding-right: 3vw !important;}
.pl-60{padding-left: 3vw !important;}
.pr-40{padding-right: 2vw !important;}
.pl-40{padding-left: 2vw !important;}

.nomargin-top{margin-top:0!important}
.nomargin-bottom{margin-bottom:0!important}
.nomargin-left{margin-left:0!important}
.nomargin-right{margin-right:0!important}
.nopadding-top{padding-top:0!important}
.nopadding-bottom{padding-bottom:0!important}
.nopadding-left{padding-left:0!important}
.nopadding-right{padding-right:0!important}

.font-150{font-size: 7.8vw; line-height: 7.8vw;}
.font-125{font-size: 6.5vw; line-height: 6.5vw;}
.font-100{font-size: 5.2vw; line-height: 5.2vw;}
.font-75{font-size:3.91vw;line-height:4.5vw;}


.font-45{font-size: 2.35vw;line-height: 2.55vw;}
.font-32{font-size:1.66vw;line-height:2vw;}

.font-26{font-size: 1.35vw; line-height: 1.55vw;}
.font-25{font-size: 1.3vw; line-height: 1.5vw;}
.font-22{font-size: 1.2vw; line-height: 1.35vw;}
.font-20{font-size: 1.1vw; line-height: 1.6vw}
.font-18{font-size: 1vw; line-height: 1.2vw}
.font-16{font-size: 0.83vw; line-height: 1.3vw}
.font-14{font-size: 0.73vw; line-height: 1vw}
.font-12{font-size: 0.67vw; line-height: 0.8vw}


.sectiontitle-32{font-family:"a-bold";font-size:1.66vw;line-height:2vw}
.sectiontitle-50{font-family:"a-bold";font-size:2.6vw;line-height:3vw}
.sectiontitle-88{font-family:"a-bold";font-size:4.6vw;line-height:4.6vw}



input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-webkit-input-placeholder{color:transparent}
textarea:focus:-moz-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}

input::-webkit-input-placeholder{font-size: 1vw; color: #ffffff;}
input:-moz-placeholder{font-size: 1vw; color: #ffffff}
input::-moz-placeholder{font-size: 1vw; color: #ffffff}
input:-ms-input-placeholder{font-size: 1vw; color: #ffffff}
textarea::-webkit-input-placeholder{font-size: 1vw; color: #ffffff}
textarea:-moz-placeholder{font-size: 1vw; color: #ffffff}
textarea::-moz-placeholder{font-size: 1vw; color: #ffffff}
textarea:-ms-input-placeholder{font-size: 1vw; color: #ffffff}

select {-webkit-appearance: none;position: relative;background-image: url("../images/select-arrow.svg") !important;background-position: right 15px center!important;    background-repeat: no-repeat!important;}




@keyframes slide-down {
0%{opacity:0;transform:translateY(-100%)}
100%{opacity:1;transform:translateY(0)}
}
.down-arrow img{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}
@-webkit-keyframes mover {
0%{transform:translateY(0)}
100%{transform:translateY(-10px)}
}
@keyframes mover {
0%{transform:translateY()}
100%{transform:translateY(-10px)}
}



.moz-background-picture,.moz-background-picture-side{display:inline-block;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}
body.loaded .rollout .moz-background-picture:before,.roll-out.anim.in-view .moz-background-picture:before{height:0; transition-delay:1s}
body.loaded .rollside .moz-background-picture-side:before,.roll-side.anim.in-view .moz-background-picture-side:before{width:0; transition-delay:1s}
.moz-background-picture:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;background-color:#fff;transition:height 1.2s cubic-bezier(.57,0,.08,1);z-index:0}
.moz-background-picture-side.black-bg:before,.moz-background-picture.black-bg:before{background-color:#000}
.moz-background-picture-side:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;background-color:#fff;transition:width 1.2s cubic-bezier(.57,0,.08,1);z-index:0}
.rollout,.roll-out,.rollside,.roll-side{position:relative}
.slide-right,.slideright{transform:translateX(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-right,.anim.in-view .slideright{transform:translateX(0);opacity:1}
.slide-left,.slideleft{transform:translateX(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-left,.anim.in-view .slideleft{transform:translateX(0);opacity:1}
.longslide-left,.longslideleft{transform:translateX(-1000px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .longslide-left,.anim.in-view .longslideleft{transform:translateX(0);opacity:1}
.slide-down,.slidedown{transform:translateY(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-down,.anim.in-view .slidedown{transform:translateY(0);opacity:1}
.slide-up,.slideup{transform:translateY(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-up,.anim.in-view .slideup{transform:translateY(0);opacity:1}

.loaded .delayed,.anim.in-view .de-layed{transition-delay:  0.8s}
.loaded .delayed1,.anim.in-view .de-layed1{transition-delay:  1.0s}
.loaded .delayed2,.anim.in-view .de-layed2{transition-delay: 1.2s}
.loaded .delayed3,.anim.in-view .de-layed3{transition-delay:  1.4s}
.loaded .delayed5,.anim.in-view .de-layed4{transition-delay:  1.6s}
.loaded .delayed6,.anim.in-view .de-layed5{transition-delay:  1.8s}
.loaded .delayed7,.anim.in-view .de-layed6{transition-delay:  2.0s}
[data-aos=scale]{transform:scale(1.3)}
[data-aos=scale].aos-animate{transform:scale(1)}

.circle-btn a{width: 12vw; height: 12vw; font-family: "regular";letter-spacing: 0.05vw;font-size: 1.1vw; line-height: 1.6vw; border-radius: 100%;
    padding: 2vw;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center; text-transform: uppercase; position: relative; overflow: hidden;z-index: 1}


.circle-btn a:before,.circle-arrow:before {
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: "";
    transform: translate3d(-100%, 100%, 0);
    transition: transform .5s cubic-bezier(.19,1,.22,1);
	background: #fff; border-radius: 100%;
}

.circle-btn:hover a:before,.capability-container:hover .circle-arrow:before{
    transform: translateZ(0);
}

.circle-arrow:before {
	background: #000; 
}

.capability-container:hover .circle-arrow svg path{stroke:#fff;}






.curved-cta a{height: 3vw; line-height: 3vw; border: 1px solid #D9D9D9 !important; padding: 0 3vw; letter-spacing: 0.05vw;font-size: 1vw; text-transform: uppercase; display: inline-block; border-radius: 3vw; overflow: hidden;position: relative;}

.curved-cta a:before {
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: "";
    transform: translate3d(-100%, 100%, 0);
    transition: transform .5s cubic-bezier(.19,1,.22,1);
	background: #fff; border-radius: 3vw;
}

.curved-cta:hover a:before{
    transform: translateZ(0);
}

.curved-cta:hover a{color: #000;  transition: transform .5s cubic-bezier(.19,1,.22,1);}

.dflex-ctas{margin: 0 -1vw}
.dflex-ctas .curved-cta{padding: 0 1vw}

/* Image animation */

html {
  display: block;
  height: auto;
  min-height: 100%;
  width: 100%;
}

body {

  margin: 0;
  padding: 0;
  overflow: visible;
}

.main-content{overflow: hidden}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.img {
  position: relative;
}
.img-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.img-container img {
width: 100%; height: 100%; object-fit: cover;
}

.img-container.circular{border-radius: 100%;}



.logo img{width: 11vw;}
.main-menu li{padding: 1vw; position: relative;}
.main-menu li a{font-size: 1.1vw; line-height: 1.6vw; display: block;}
.main-menu li.current-menu-item a,.main-menu li:hover a,.offcanvas-nav ul li:hover a,.offcanvas-nav ul li.current-menu-item a{color: #C5FD7B;}
.main-menu li.current-menu-item a,.offcanvas-nav ul li.current-menu-item a{font-family: "bold"}

.offcanvas-nav ul li{position: relative;display: table; margin: 0; padding-left: 25px;}


.main-menu li:after{content: ""; background: url("../images/menu-hover.svg") no-repeat; width: 2.2vw; height: 2.2vw; background-size: 100%; opacity: 0; transform: scale(0); transition: all ease-in-out 0.5s; display:flex; justify-content: center;align-items: center;position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0; transform-origin: center center; z-index: -1}

.main-menu li.current-menu-item:after,.main-menu li:hover:after{opacity: 1; transform: scale(1); transition: all ease-in-out 0.5s; transform-origin: center center}

.socialicons ul li svg ,.socialmedia ul li svg{
    height: 1.2vw;
    width: 1.1vw;
}

.socialicons ul li:nth-child(4) svg,.socialmedia ul li:nth-child(4) svg {
    height: 1vw;
    width: 0.9vw;
	    position: relative;
    top: -0.05vw;
}

.call-cta svg {
    height: 1vw;
    width: 1.2vw;    margin-right: 0.5vw;
}

.alpha-mask{position: absolute;     right: 0;
    top: 2vw;
    width: 56vw; height: 40vw;}

#video {
    cursor: inherit;
    transition: all 0.3s ease;
}

#video.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}
.mob-event{
    display:none!important;
}
.alpha-target.fullscreen {
    mask-image: none;
}

.event_inner{
    width:15%;
}
.target {
width: 70vw;
}
.events-planning .port-green svg {
        width: 33vw!important;
    }
        .events-planning .port-green {
        right: -5vw!important;
        top: -30%!important;
    }
        .events-planning .port-green svg {
        width: 33vw!important;
    }
.event_number{
transition: all 0.4s ease;
    opacity: 1;
    transform: translateY(0);
}  
.event_icon{
 opacity: 0;
    transform: translateY(10px) scale(0.9);
    transition: all 0.4s ease;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
}  
.event_inner.active .event_icon {
    opacity: 1;
    transform: translateY(0) scale(1);
} 
.event_inner.active .event_number {
    opacity: 0;
    transform: translateY(-10px);
} 
.event_plannings {
    z-index:9999;
}
.event_title {
    transition: all 0.4s ease;
    height:5vw;
}
.nb1.active .event_title,.nb3.active .event_title,.nb5.active .event_title {
    color:#C5FD7B!important;
    transition: all 0.4s ease;
}
.nb2.active .event_title,.nb4.active .event_title {
    color:#D897F5!important;
    transition: all 0.4s ease;
}

.alpha-target {
  mask-image: url("../images/mask2.png");
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: 80%;
}

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

.home-video-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}



.portfolio-featured a:hover .img-container img,
.capabilities-list-container .col-md-4 a:hover .img-container img,
.capabilities-carousel .slick-slide a:hover .img-container img,
.portfolio-list-container .col-md-4 a:hover .img-container img{transition: all linear 0.5s; transform: scale(1.1) !important;}





.portfolio-featured .col-md-6:nth-child(1) .img-container{height: 35vw; width: 35vw;}
.portfolio-featured .col-md-6:nth-child(2) .img-container{height: 29.4vw; width: 27.82vw;}
.portfolio-featured .col-md-6:nth-child(3) .img-container{height: 35vw; width: 28vw;}
.portfolio-featured .col-md-6:nth-child(4) .img-container{height: 35vw; width: 30vw}
.portfolio-featured .col-md-6:nth-child(5) .img-container{height: 35vw; width: 34.38vw;}

.portfolio-featured .col-md-6:nth-child(1) .portfolio-container{}
.portfolio-featured .col-md-6:nth-child(2) .portfolio-container {    margin-top: 25vw;    margin-left: 10vw;}
.portfolio-featured .col-md-6:nth-child(3) .portfolio-container{margin-left: 2vw;margin-top: -10vw;}
.portfolio-featured .col-md-6:nth-child(4) .portfolio-container{    margin-top: 15vw; margin-left: 5vw;}
.portfolio-featured .col-md-6:nth-child(5) .portfolio-container{    margin-top: -15vw;}


.title-logo{position: relative; display: flex; align-items: center;padding-left: 2.2vw;}
.title-logo:before{content: ""; background: url("../images/title-logo.svg") no-repeat; position: absolute; width: 3.75vw; height: 3.75vw; background-size: 100%; left: 0;z-index: -1;}

.home .circle-arrow{	right: 8vw; }
.circle-arrow{width: 5.84vw; height: 5.84vw; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center;bottom: 0.5vw;
    right: 4vw; overflow: hidden;position: relative;z-index: 1}
.capabilities-carousel .slick-list {    padding-right: 15vw;}
.capability-container .img-container {    border-radius: 100%; width: 27vw; height: 27vw;}
.capabilities-carousel .slick-slide{padding: 0 2vw;}


.capabilities-carousel .slick-slide .img-container {
    width: 30vw;
    height: 30vw;
}

.capabilities-container .big-container{padding-left: 5vw; padding-right: 0;}
.capability-container{position: relative;}

.capability-container:after {
    content: "";
    border: 1px solid #C5FD7B;
    position: absolute;
    width: 30vw;
    height: 30vw;
    border-radius: 100%;
    left: -1vw;
    top: 0.5vw;
    z-index: -1;
}

.circle-arrow svg {
    width: 0.5vw;
    height: 1vw;
}

.event_number {
    width: 130px;
    height: 130px;
    margin: auto;
    border: 1px solid;
    border-radius: 100%;
    line-height: 130px!important;
}

.contact-container .img-container{width: 28vw; height: 28vw;    position: relative;
    right: 7vw;
    z-index: -1;top: 0vw;}

.contact-container .svg.position-absolute {
    right: 0;
    top: 0;
    transform: rotate(105deg); z-index: -1;
}
.contact-container .svg.position-absolute {
width: 65vw;
    height: 61vw;
}
.addresses-container{padding:5vw 0 16vw 0;}
.address-list-grid{display:grid;grid-template-columns: repeat(4, 1fr);gap:8rem;padding:2rem 0}

.address-list-grid .svgicon svg{display:block; margin:0 auto 1vw;}

.logos-list{flex-wrap: wrap; justify-content: space-between; align-items: center}

.client-logo{width: 14%; margin-bottom: 3vw; display: flex; justify-content: center; align-items: center;}


.coffee-wine-container{padding-bottom: 12vw;}

.footer .circle-btn {
    position: absolute;
    right: 15vw;
    top: 3.2vw;
    z-index: 1;
}

.footer .circle-btn.whatsapp {
    top: 13vw;
    right: 25vw;
}


.footer .svg.position-absolute {
    right: -16vw;
    transform: rotate(165deg);
    top: 1vw;
}

.footer .svg.position-absolute svg {
    width: 55vw;
    height: 60vw;
}

svg{overflow: visible !important;}

.footer ul {
    margin: 0;
    padding: 0;
}
.footer a {
    display: block;
	margin: 0;
}

.footer-columns .footer-column:last-child a br{display: none;}

.footer ul li{padding-left: 0; padding-bottom: 0.5vw; margin-left: 0;}

.footer-columns .footer-column:first-child{width:25% }
.footer-columns .footer-column:nth-child(2){width:35% }
.footer-columns .footer-column:nth-child(3){width:15% }
.footer-columns .footer-column:last-child{width:25% }

.footer .socialmedia ul li{padding-right: 1vw;}

.inner-banner {
    margin-top: 10vw;position: relative; z-index: 1
}

.banner-circle {
    top: -16vw;
    left: -17vw;
    z-index: 0;
}

.banner-circle svg {
    width: 54vw;
    height: 54vw;
}

.inner-banner .font-150 {
    padding: 2vw 0 1vw;position: relative; z-index: 1;
}



.banner-image {
    right: -15vw;
    top: 2vw; z-index: 1; transition: all ease-in-out 0.5s;
}
.banner-image img{width: 30vw; height: 30vw; border-radius: 100%; transition: all ease-in-out 0.5s;}



.left-padding {
    padding-left: 32vw;
}

.capabilities-list-container .circle-arrow {
    width: 4.28vw;
    height: 4.28vw;
}

.capabilities-list-container .capability-container:after {
    width: 27vw;
	height: 27vw;}

.capabilities-list-container .capability-container {
    padding: 0 0.5vw;margin-bottom: 5vw;
}

.capabilities-list-container .capability-container:after {
    width: 27vw;
    height: 27vw;
    left: -0.5vw;
    top: 0vw;
}

.capatitle span.last {
    /*display: block;*/
    font-family: "bold";
}

.font-32.capatitle {
    padding-left: 5vw;
    margin-top: 1vw;
}

.portfolio-image.img .img-container {
    height: 18vw;
}

.portfolio-page .portfolio-container{margin-bottom: 5vw;}

.portfolio-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;transform: scale(1.1);}

.backtotitle-dflex.d-flex {
    align-items: flex-end;
}

.backto svg{width: 0.5vw; height: 0.65vw; margin-right: 0.5vw;}


.singlecapabilities-page .inner-banner .capatitle span.last {
    display: inline-block;
}
.backto a {
    display: flex;
    align-items: center;position: relative; top: -0.5vw; padding-right: 10vw;
}

.single-capabilities .banner-circle {
    top: -30vw;
    left: -5vw;
}

.single-capabilities .banner-circle svg {
    width: 75vw;
    height: 75vw;
}

.single-capabilities .events-planning .port-green{
    right: -12vw !important;
    top: -23% !important;
}

.featuredcapa-image {
    width: 53.34vw;
    height: 53.34vw;
    border-radius: 100%;
    margin-left: -14vw;
}

.featuredcapa-image img{
    border-radius: 100%;
}

.service-point svg,.flex-icon svg  {
    width: 1.1vw;
    height: 1.1vw;
    margin-right: 1vw;
}

.service-point{margin-bottom: 1vw;}

.event-introduction .pl-60.black-bg{position: relative; z-index: 1;}

.event-introduction .row .col-md-5{z-index: 1;}

.related-services .capability-container .img-container,.related-services .capability-container:after {
    border-radius: 100%;
    width: 13.55vw;
    height: 13.55vw;
}

.related-services .circle-arrow {
    width: 4.28vw;
    height: 4.28vw;
	bottom: 0.5vw;
    right: 0vw;
}
.related-services .capability-container.d-flex {
    align-items: flex-end;
}
.related-services .capatitle{padding-left: 1vw;
    margin: 0;}


.related-services .col-md-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rope-circle svg{
    width: 100vw;
    height: 100vw;
}

.rope-circle:after {
    top: -32vw;
    z-index: 0;
    border-bottom: 1px solid #D897F5;
    width: 130vw;
    height: 48vw;
    content: "";
    position: absolute;
    border-radius: 100%;
    left: -17vw;
}

.portfolio-list-container {
    position: relative;
    z-index: 1;
}

.singleportfolio-page .backto a {
    top: 1vw;
    padding-right: 0;
}

.singleportfolio-page .inner-banner {z-index: 0;}

.port-circle.position-absolute {
    bottom: 0vw;
    z-index: -1;
}

.event-introduction p:not(:last-child){padding-bottom: 2vw;}

.event-details .featuredcapa-image {
    width: 28.13vw;
    height: 28.13vw;
    border-radius: 100%;
    margin-left: 0;    margin-top: -7vw;
}

.details-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.details-list .detail-container {
    width: 50%; justify-content: space-between; margin-bottom: 2vw; padding: 0 1vw
}
.details-list  {
 margin: 0 -1vw;
}


.flex-icon{width: 10%;}
.flex-details{width: 90%;}

.portfolio-slick-carousel{flex-wrap: wrap;}

.portfolio-gallery .portfolio-image {
    width: 33.33%;
    padding: 0.45vw;
}

.portfolio-gallery .portfolio-image .image-div {
    height: 17vw; border-radius: 0.35vw; position: relative; overflow: hidden;
}

.portfolio-image .image-div img{
border-radius: 0.35vw;
}

.postid-1427 .portfolio-image .image-div img {
    object-position: top;
}

a.overlay:before{background: #000; opacity: 0.35;}

.video-gallery a.overlay{display: flex; align-items: center; justify-content: center;}

.video-gallery .play {
    left: 0;
    right: 0;
    margin: auto;
    width: 4vw;z-index: 1;
}

.video-container{width: 55vw; margin: auto;}

#text{display: none;}


.circular-video-container{
    width: 75vw;
    height: 75vw;
    border-radius: 100%; margin: auto; overflow: hidden;
}

.circular-video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%; transform: scale(1.8);
    top: 0;
    left: 0;
}

.play-button-wrapper {
	position: absolute;
	top: 3vw;
	left: 5vw;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	pointer-events: none;z-index: 1;
}
	#circle-play-b {
		
		pointer-events: auto; position: absolute; width: 100%; height: 100%;
}

		#circle-play-b svg {
			width: 5vw;
			height: 5vw;
			fill: #fff;
			stroke: #fff;
			cursor: pointer;
			background-color: rgba(black, 0.2);
			border-radius: 50%;
		}

.circular-video-container.overlay:before {
    background: #520A70;
    z-index: 1;
    opacity: 0.5;
}

.svg-icon {
    z-index: 1;
    top: -14vw;
    left: -14vw;
    width: 97vw;
    height: 97vw;
}

.circular-video-content {
    background: #1F032A;
    top: 14vw;
    position: absolute;
    z-index: 2;
    border-radius: 100%;
    width: 28vw;
    height: 28vw;
    left: 11vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3vw 2vw 3vw 3vw;
}


.about-page .purple-svg {
    right: -12vw;
    top: 12vw;
    z-index: -1;
}

.about-page .purple-svg svg {
    width: 46vw;
    height: 46vw;
}

.about-content-container .big-container .row:nth-child(even){flex-direction: row-reverse}


.about-content-container .big-container .row:nth-child(even) .content-container{padding-left: 3vw}
.about-content-container .big-container .row:nth-child(odd) .content-container{padding-right: 3vw}

.about-content-container .row:last-child {
    margin-right: -20vw;
}

.image-container .img-container {
    border-radius: 100%;
    width: 35vw;
    height: 35vw;
}

.half-green {
    top: 60vw;
    z-index: -1;
}

.half-green svg {
    width: 24vw;
    height: inherit;
}

#map{width: 60vw; height: 60vw; border-radius: 100%;}

.gm-style-iw-ch {
    display: none !important;
}
.gm-style-iw-chr button.gm-ui-hover-effect {
    position: absolute !important; right: 0 !important;
}
.gm-style-iw-d {
    padding: 2vw 1vw 1vw 1vw !important;
}

.iframe-container {
    margin-top: -22vw;
    position: relative;
    right: -10vw;
    z-index: 1;
}

.contact-info svg{width: 2vw; margin-right: 1vw;}

.form__container {
    background: #191919;
    padding: 2vw;
    border-radius: 40px;
}

.input-fields input:not(.submit) {
    background: #303030;
    border: none;
    height: 4vw;
    line-height: 4vw;
    border-radius: 4vw !important;
    padding: 0 1.5vw;
    color: #fff;font-size: 1vw;
}

.input-fields textarea {
    background: #303030;
    border: none;
    height: 9vw;
    border-radius: 2vw !important;
    padding: 1.5vw;
    color: #fff; font-size: 1vw;
}

.submit-btn input{height: 3vw; line-height: 3vw; border: 1px solid #D9D9D9 !important; padding: 0 3vw; letter-spacing: 0.1vw;font-size: 1vw; text-transform: uppercase; display: inline-block; border-radius: 3vw !important; background-color: transparent !important;color: #D9D9D9; font-weight: normal !important; text-decoration: none !important; outline: none !important;}

.submit-btn {
    display: flex;
    justify-content: flex-end;
}

.submit-btn .wpcf7-spinner {
    position: absolute;
    left: 7vw;
    top: 1vw;
}
.form__container span.wpcf7-not-valid-tip {
    font-size: 0.83vw; line-height: 1.3vw;
    padding-left: 1vw;
    padding-top: 0.5vw;
}

.wpcf7 form .wpcf7-response-output {
font-size: 1vw; line-height: 1.2vw;
    border: none;
    text-align: center;
}
.contact_svg {
    top: -18vw;z-index: -1;
}

.contact_svg svg {
    width: auto;
    height: 58vw;
}

.home .port-green {
    right: -35vw;
}

.home .half-purple {
    right: 0;
    bottom: 15vw;
}

.home .port-green svg {
    width: 67vw;
}

.home .half-purple svg {
    width: 29vw;
}
.clientlogo {
    min-width: 6vw;
    min-height: 8vw;
    display: flex;
    justify-content: center;
    align-items: center; padding: 0 1vw;
}

.clientlogo img {
    width: 100%;
    height: 100%;
}






 .marquee {
  margin-top: 100vh;
  margin-bottom: 100vh;
  height: auto;
  position: absolute;
  overflow-x: hidden;
}
.marquee__inner {
  width: fit-content;
  display: flex;
  position: relative;
  white-space: nowrap;
}
.marquee__inner span {
  white-space: nowrap;
  font-size: 25vw;
  font-family: "bold"; line-height: 25vw;text-shadow: -1px 0 rgba(255,255,255,0.35), 0 1px rgba(255,255,255,0.35), 1px 0 rgba(255,255,255,0.35), 0 -1px rgba(255,255,255,0.35); color: #000;
  padding: 0 2vw;
  margin-right: 5vw;
}
.marquee .first {
  transform: translateX(80%);
}
.marquee .second {
  transform: translateX(-80%);
}


/* Custom Cursor (hidden by default, appears on hover) */
.custom-cursor {
    position: fixed;
    width: 3vw;
    height: 3vw;
    background: rgba(255,255,255,1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #DE5453;
   pointer-events: none;
    left: 0;
    top: 0;
    transform: scale(0.7); /* Start small */
    opacity: 0;
    transition: opacity 0.2s ease-out;user-select:none;pointer-events:none;mix-blend-mode:difference;z-index:10000; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
	
		.custom-cursor:after {
    content: "";
    border: 0.001px solid #fff;
    display: block;
    width: 3.35vw;
    height: 3.35vw;
    border-radius: 100%;
    position: absolute;
}


.cursor-text{font-size: 1vw; color: #000;}

/* Ensure default cursor is hidden in hover area, even on links */
.hover-area,
.hover-area a {
    cursor: none !important; /* Hide default cursor */
}




/* Cursor */
.cursor{position:absolute;background:rgba(255,255,255,1);width:3vw;height:3vw;border-radius:100%;transform:scale(0) translate(-50%,-50%);transition:opacity .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1);user-select:none;pointer-events:none;mix-blend-mode:difference;z-index:10000; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.cursor::before{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;content:">";font-size:1vw;line-height:7px;display:flex;align-items:center;justify-content:center;padding:3px;color:#000;text-align:center; text-transform: uppercase; letter-spacing: 0.02vw;}

.cursor.cursor.link-active::before{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;content:"";}



.cursor.active{opacity:1;transform:scale(2.5) translateZ(0);transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}
.cursor.active::before,.link-cursor.active::before{opacity:1}

.page-template-capabilities .cursor.active,
.page-template-portfolio .cursor.active{opacity:1;transform:scale(1.5) translateZ(0);transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}

.page-template-about .cursor.active{opacity:1;transform:scale(3) translateZ(0);transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}


.cursor.link-active{opacity:1;transform:scale(1) translateZ(0);transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}
.cursor:after {
    content: "";
    border: 0.001px solid #fff;
    display: block;
    width: 3.35vw;
    height: 3.35vw;
    border-radius: 100%;
    position: absolute;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

/* end Cursor */


.anim.in-view .port-green svg path, .anim.in-view .half-purple svg path,.anim.in-view.contact-container .svg svg path,
.anim.in-view.footer .svg svg path{
  stroke-dasharray: 5500;
  stroke-dashoffset: 5500;
  animation: dash 3s linear forwards;
	animation-delay: 1s
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.loaded .circle {
  stroke-dasharray: 5000;
  stroke-dashoffset: 5000;
  animation: stroke 2s ease-out forwards;
}

@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}


style attribute {
    --loading-scale: 154.578125;
    --offset-x: 1818;
    --offset-y: 106.000284;
    opacity: 0;
    visibility: hidden;
}

.loading-animation{position:fixed;z-index:4;top:0;left:0;width:100%;height:calc(var(--vh)*99.99);height:100dvh;pointer-events:none}
.loading-animation:before{position:absolute;top:0;right:0;bottom:0;left:0;background:#1d32f5;content:""}
.loading-animation.animation-started:before{display:none}
.loading-animation:after{position:absolute;z-index:1;top:0;left:0;width:1000px;height:1000px;background:#1d32f5;border-radius:9999rem;content:"";transform:translate3d(calc(-50% + var(--offset-x)*1px),calc(-50% + var(--offset-y)*1px),0) scale3d(calc(var(--loading-scale)/1000),calc(var(--loading-scale)/1000),1)}

#page-transition[data-v-6ef494fa]{position:fixed;z-index:999999;top:0;left:0;width:100vw;height:100vh;pointer-events:none}







/* RWD Menu */

.has-offcanvas {
  position: fixed;
}

.rwd-row {
  margin-left: auto;
  margin-right: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: 1150px;
  max-width: 100%;
}

.rwd-header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 15px 0;
}

.header-row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.hamburger-toggle {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

.has-offcanvas .hamburger-toggle {
    background-color: #000;
    border-radius: 100%;
}

.has-offcanvas .line {
    background-color: #fff;transition: all linear 0.5s;
}

.has-offcanvas span.hamburger-menu span.line.line--top {
    transform:rotate(-45deg) translate(-4px, 5px); transition: all linear 0.5s;
}

.has-offcanvas span.hamburger-menu span.line.line--middle{display: none;}

.has-offcanvas span.hamburger-menu span.line.line--bottom{width: 100%;transform:rotate(45deg) translate(-4px, -5px); transition: all linear 0.5s;}


.hamburger-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 25px;
  height: 15px;
}

.line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;transition: all linear 0.5s;
}

.line--middle {
  width: 80%;
}

.line--bottom {
  width: 60%;
}

.hamburger-toggle__circle {
  width: 42px;
  height: 42px;
  fill: #fff;
  pointer-events: none;
  transform: scale(1) translateZ(1%, 1%, 0);
  transform-origin: center;
  transition: transform 0.5s;
}
.has-offcanvas .hamburger-toggle__circle {
  transform: scale(75) translate3d(1%, 1%, 0);
}

.offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content:  space-between;
  width: 100%;
  min-height: calc(var(--vh) * 100);
  pointer-events: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s, transform 0.3s; flex-wrap: wrap; padding-top: 100px; flex-direction: column;padding-bottom: 45px;
}
.has-offcanvas .offcanvas {
  pointer-events: auto;
  opacity: 1;
  transform: none;
}

.offcanvas-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.offcanvas-nav__list li{
  font-size: 32px;
  text-transform: uppercase; color: #000;
}
@media screen and (min-width: 1400px) {
  .offcanvas-nav__list li {
    font-size: 64px;
  }
}
  .offcanvas-nav__list li a +   .offcanvas-nav__list li a{
  margin-top: 15px;
}

  .offcanvas-nav__list li a {
  color: #000;
  text-decoration: none;
}

.toggle-circle {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 90px;
  padding: 15px 0;
}
.toggle-circle .rwd-row {
 display: flex;justify-content: flex-end;
}


.error404 .coffee-wine-container,.page-template-thankyou .coffee-wine-container,.page-template-contact .coffee-wine-container{
    display: none;
}

.error-caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
    padding: 6.5vw 1vw;
}

.error404 .svg.position-absolute,.page-template-thankyou .svg.position-absolute  {
    left: -20vw;
    bottom: -12vw;
    z-index: -1;
    top: inherit;
}

.error404 footer.footer,.page-template-thankyou footer.footer {
    position: relative;
    z-index: 1;
}

.error404 .svg.position-absolute svg, .page-template-thankyou .svg.position-absolute svg {
    width: 48vw;
}

.event-date.input-fields{position: relative;}
span.calendar {
    position: absolute;
    right: 1vw;
    top: 1.2vw;
}

.calendar svg {
    width: 1.4vw;
    height: 1.4vw;
}

#ui-datepicker-div {
	display: none;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
	margin-top: 0.25rem;
	border-radius: 0.5rem;
	padding: 0.5rem;width: 15vw;
}
.ui-datepicker-header {
    padding: 0.5vw 0;
}

.ui-datepicker-calendar thead th {
	padding: 0.25rem 0;
	text-align: center;
	font-size: 0.75vw;
	font-weight: 400;
	color: #000; font-family: "bold";
}
.ui-datepicker-calendar tbody td {
	width: 2.5rem;
	text-align: center;
	padding: 0;
}
.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 0.25rem;
	line-height: 2rem;
	transition: 0.3s all;
	color: #000;
	font-size: 0.75vw;
	text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {	
	background-color: #fff;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background-color: #000;
	color: white;
}
.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0.45vw;
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
	background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {	
	left: 0;	
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-size: 1vw;
	background-position: 50%;
	transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 1vw;
	background-position: 50%;
}
.ui-datepicker-header a>span {
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 2rem;
	margin-bottom: 0.25rem;
	font-size: 1vw;
	font-family: "bold";
	padding-bottom: 0.25rem;
	color: #000;
}
.ui-datepicker-week-col {
	color: #000;
	font-weight: 400;
	font-size: 0.75rem;
}

table.ui-datepicker-calendar {
    margin: 1vw auto 1vw;
	padding: 1vw;
}

.related-services .slick-slide {
    padding: 0 1vw 5vw;
}

.video-carousel .slick-list.draggable{padding: 0 !important;}


.video-carousel .slick-slide,
.video-carousel
  .slick-slide[aria-hidden="true"]:not(.slick-cloned)
  ~ .slick-cloned[aria-hidden="true"] {
  
	   transform: scale(1.2, 1.2);
  transition: transform 0.3s;
}
/* slide when active/center */
.video-carousel .slick-center,
.video-carousel 
  .slick-slide[aria-hidden="true"]:not([tabindex="-1"])
  + .slick-cloned[aria-hidden="true"],.portfolio-image.portfolio-video.slick-slide.slick-active {
 transform: scale(0.75, 0.75) translateY(4.7vw);
}
.slick-slide img {
  margin: 0 auto;
}

.video-carousel .image-div.object-cover {
    width: 100%;
    height: 100%;
}

.video-carousel  .slick-prev.slick-arrow:before,
.video-carousel .slick-next.slick-arrow:before{display: none;}

.video-carousel  .slick-prev.slick-arrow,
.video-carousel .slick-next.slick-arrow{width: 3vw; height: 3vw;z-index: 3}

.video-carousel  .slick-prev.slick-arrow{background: url("../images/prev.svg") no-repeat; background-size: 100%;right: 8.5vw; left: inherit;
    top: 4vw;}
.video-carousel .slick-next.slick-arrow{background: url("../images/next.svg") no-repeat; background-size: 100%;right: 5vw;
    top: 4vw;}

.wpcf7-form.sent .wpcf7-response-output{display:none !important;}


.selected-dial-code {
    font-size: 0.75vw !important;
}

.intl-tel-input .country-list .country {
    padding:0.75vw 0 0vw 0vw !important;
    font-size: 0.75vw !important;
}

.intl-tel-input .country-list {
    background-color: #303030 !important;
    border: none !important;
    border-top-left-radius: 0vw;
    border-top-right-radius: 0vw;
    border-bottom-left-radius: 1vw !important;
    border-bottom-right-radius: 1vw !important;
}







/*=======================MEDIA QUERIES=======================*/

@media only screen and (max-width: 2560px) and (min-width: 1921px) {

}

@media (max-width:1680px){



}
@media (max-width:1600px){
	
.pt-120{padding-top: 120px}
.pb-120{padding-bottom: 120px}
.pt-80{padding-top: 80px}
.pb-80{padding-bottom: 80px}
.pt-60{padding-top: 60px}
.pb-60{padding-bottom: 60px}
.pt-40{padding-top: 40px}
.pb-40{padding-bottom: 40px}	
	
.event_inner {
        width: 18%;
    }	
	    .event_number {
        width: 110px;
        height: 110px;
        line-height: 110px !important;
    }
}
@media (max-width:1480px){

.clientlogo {
    min-width: 120px;
    min-height: 150px;
    padding: 0 25px;
}
.title-logo {
    padding-left: 35px;
}
	
.wpcf7 form .wpcf7-response-output {
    font-size: 14px;
	line-height: 20px;}
	
	.form__container span.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 15px;
    padding-left: 15px;
    padding-top: 6px;
}
	
.font-45{font-size:40px;line-height: 45px;}
.font-32{font-size:30px;line-height:35px;}
.font-25,.font-26 {font-size: 21px;line-height: 27px;}
.font-22,.font-20,.font-18 {font-size: 18px;line-height: 22px;}
.font-16{font-size: 16px; line-height: 22px;}
.font-14{font-size: 14px; line-height:20px;}
.font-12{font-size: 12px; line-height: 18px;}	
body{font-size: 18px !important; line-height: 25px !important;}
.main-menu li a {font-size: 18px;line-height: 20px;}	
	
.circle-arrow svg {
    width: 10px;
    height: 20px;
}	
	
.portfolio-title.pt-40 {
    padding-top: 20px;
}
.circle-btn a {
    width: 180px;
    height: 180px;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 22px;
    padding: 20px;
    z-index: 1;
}
.main-menu li:after {    width: 40px;	height: 40px;}
	
.singleportfolio-page .inner-banner .col-md-6.col-sm-12{-ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
	
	.event-details .featuredcapa-image {
    width: 20vw;
    height: 20vw;
    margin-top: 6vw;
}
	.event-details .col-md-4 {
    display: flex;
    justify-content: flex-end;
}
	.circular-video-content .font-16 {
    font-size: 14px;
}

	.circular-video-content {
    width: 35vw;
    height: 35vw;
    padding: 3vw 3vw 3vw 4vw;
		top:12vw
}
	
	.selected-dial-code {
    font-size: 12px !important;
}
	
	
.intl-tel-input .country-list .country {
    padding-top:15px !important;
    font-size:12px !important;
}

.intl-tel-input .country-list {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

}


@media (max-width:1366px){
	
    .event_title {
        height: 8vw;
    }

}

@media (max-width:1280px){

.big-container {padding-left: 25px;    padding-right: 25px;}	

	.capabilities-page .capabilities-list-container .circle-arrow {
    width: 70px;
    height: 70px;
    right: 70px;
}
    .event_title {
        height: 9vw;
    }	
	.service-point svg, .flex-icon svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
	.service-point {
    margin-bottom: 20px;
}
.singleportfolio-page .capatitle.pb-120 {
    padding-bottom: 40px;
}

input::-webkit-input-placeholder{font-size: 12px;}
input:-moz-placeholder{font-size: 12px;}
input::-moz-placeholder{font-size: 12px;}
input:-ms-input-placeholder{font-size: 12px;}
textarea::-webkit-input-placeholder{font-size: 12px;}
textarea:-moz-placeholder{font-size: 12px;}
textarea::-moz-placeholder{font-size: 12px;}
textarea:-ms-input-placeholder{font-size: 12px;}
	
    .event_number {
        width: 100px;
        height: 100px;
        line-height: 100px !important;
    }
        .events-planning .port-green {
        right: -5vw !important;
        top: -25% !important;
    }
	.video-container {
    width: 90%;
    margin: auto;
}

}

@media (max-width:1024px){
.show-1024{display:block !important}
.hide-1024,.cursor,.custom-cursor{display:none!important}

.home-video-container {min-height: 40vw;}
	
.pt-120{padding-top: 60px}
.pb-120{padding-bottom: 60px}
.pt-80{padding-top: 40px}
.pb-80{padding-bottom: 40px}
.pt-60{padding-top: 30px}
.pb-60{padding-bottom: 30px}
.pt-40{padding-top: 20px}
.pb-40{padding-bottom: 20px}	
	
.main-content.pt-120 {padding-top: 120px;}
.socialicons ul li svg {height: 20px;width: 20px;}
.call-cta svg {height: 20px;width: 20px;margin-right: 10px;}	
.marquee {margin-top: 50vh;	margin-bottom: 50vh;}
	
.header {padding: 15px 0;}
.logo img {
    width: 180px;z-index: 101; position: relative;
}
	.header{z-index: inherit;}	
	
	.title-logo:before {
    width: 50px;
    height: 50px;background-size: 100%;
	}
	    .event_title {
        height: 13vw;
    }
	    .title-logo {
        padding-left: 30px;
    }
	
	.curved-cta a {
    height: 40px;
    line-height: 40px; border-radius: 40px;
    padding: 0 35px;
    letter-spacing: 1px;
		font-size: 12px;}
	
	.client-logo {
    width: 25%;
		margin-bottom: 15px;}
	
	.contact-container .svg.position-absolute {
    width: 65%;
    height: inherit;
    right: -115px;
    top: -55px;
}
	.contact-container .img-container {
    width: 280px;
    height: 280px;
    right: 80px;
    top: -40px;
}
	.footer-columns.d-flex {
    justify-content: space-between;
}
	
	.call-cta{margin: 15px 15px 15px 25px}
	

	.backto svg {
    width: 10px;
    height: 14px;
    margin-right: 6px;
}
	
    .circular-video-content {
        top: 9vw;
        position: absolute;
        width: 400px;
        height: 400px;
        left: 10vw;
        padding: 15px 45px 15px 45px;
    }
	.circular-video-content .font-16 {
    font-size: 12px;
}
	
.contact-info.pl-80 {
    padding-left: 0 !important;
}
	
	.contact-info ul {
    margin: 0; padding: 0;
}
	
	.input-fields textarea {
    height: 100px;
    border-radius: 10px !important;
    padding: 15px;font-size: 18px;
}
	.input-fields input:not(.submit) {
    height: 40px;
    line-height: 40px;
    border-radius: 60px !important;
    padding: 0 15px; font-size: 15px;
}
	
	.submit-btn input {
    height: 40px;
    line-height: 40px;
    border-radius: 40px !important;
    padding: 0 40px;
    letter-spacing: 0.1vw;
    font-size: 12px;
}
	
	.contact-info svg {
    width: 25px;
    margin-right: 15px;
}
	
	.input-fields {
    margin-bottom: 20px;
}
	
	.offcanvas-nav ul li:after{width: 50px; height: 50px;}
	
	#circle-play-c {
		
	        pointer-events: auto;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 5;
        text-align: center;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
}

		#circle-play-c svg {
			width: 45px;
			height: 45px;
		}
	
	.home .play-button-wrapper {
		left: 0; top: 0;}
	.caption {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    bottom: 0;
}
	
	.error404 .font-150 {
    font-size: 100px;
    line-height: 100px;
}
	
	#ui-datepicker-div {
    width: 200px;
}
	.ui-datepicker-title {		font-size: 14px;}
	.ui-datepicker-calendar thead th,.ui-datepicker-calendar tbody td a {		font-size: 12px;}
	.ui-datepicker-header a.ui-datepicker-prev,.ui-datepicker-header a.ui-datepicker-next {background-size: 15px;}
	
	span.calendar svg {
    width: 15px;height: 15px;
}
span.calendar {
    position: absolute;
    right: 15px;
    top: 12px;
}

    .circle-btn a {
        width: 120px;
        height: 120px;
        font-size: 14px;
    }
    
    
    .address-list-grid{display:grid;grid-template-columns: repeat(2, 1fr);gap:35px 15vw;padding:15px 0}

}

@media (max-width:992px){


	
}
@media (max-width:768px){
.show-768{display:block !important}
.hide-768{display:none!important}
	
.pr-120,.pr-80,.pr-60,.pr-40{padding-right: 0px !important;}
.pl-120,.pl-80,.pl-60,.pl-40{padding-left: 0px !important;}
	
.alpha-target {
    mask-size: 100%;width: 100%;
}

.alpha-mask {
    top: 2vw;
    width: 100%;
    height: 62vw;position: static
}
	    .main-content.pt-120 {
        padding-top: 120px;
    }
    

.owl-item.active .event_number{
    display:none;
}
.owl-item.active .event_icon {
    display:block;
    position: initial!important;
    opacity:1!important;
}
.owl-item.active .nb1 .event_title,.owl-item.active .nb3 .event_title,.owl-item.active .nb5 .event_title {
    color:#C5FD7B!important;
    transition: all 0.4s ease;
}
.owl-item.active .nb2 .event_title,.owl-item.active .nb4 .event_title {
    color:#D897F5!important;
    transition: all 0.4s ease;
}      
#owl-demo .owl-stage-outer {
    overflow: visible;
}
.event_title{height:auto!important;}
#owl-demo .owl-item.active {
    padding-right: 0px; /* space to reveal next */
}
        .events-planning .port-green {
            right: -5vw !important;
            top: 0% !important;
        }
        .events-planning .port-green svg {
        width: 50vw !important;
    }
	.owl-carousel .owl-dots .owl-dot.active span {
        width: 50px!important;
        height: 8px!important;
        margin: 0!important;
        display:block!important;
        border-radius: 20px;        
        background: #fff!important;
    }
    .owl-carousel .owl-dots .owl-dot span {
        display:none!important;
    }
    .owl-carousel .owl-dots .owl-dot:first-child{
    border-top-left-radius: 20px!important;
    border-bottom-left-radius: 20px!important;        
    }
    .owl-carousel .owl-dots .owl-dot:last-child{
    border-top-right-radius: 20px!important;
    border-bottom-right-radius: 20px!important;        
    }
    .owl-carousel .owl-dot {
        width: 50px;
        height: 8px!important;
        background: rgb(255 255 255 / .2)!important;
    }
    .owl-carousel .owl-dots {
    text-align:center;
    padding-top: 20px;
    }
.mob-event{
    display:block!important;
}
        .event_inner {
            width: 100%;
        }
.event_plannings.d-flex{
    display:none!important;
}
.event_icon img{
    width:100px!important;
    height:100px;
    line-height:100px;
}

    .home-video-container {
        min-height: 330px;

    }
	.contact-container .col-md-3 {
    position: absolute;
    right: 0;
}
	    .contact-container .img-container {
			right: 0;}
	
	.footer .circle-btn {
    right: 50px;
    top: 0px;
}
	
	.footer-columns.d-flex {
    flex-direction: column;
}
	.footer-columns .footer-column{
    width: 100% !important;
}
	.footer-columns .footer-column:nth-child(1){margin-bottom: 35px;}
	
	.capabilities-page .capability-container .img-container {
    width: 300px;
    height: 300px;
}
	.capabilities-page .capabilities-list-container .capability-container:after {
    width: 300px;
    height: 300px;
    left: -7px;
}
	
	.inner-banner {
		margin-top: 100px;}
	
	.font-75 {
    font-size: 30px;
    line-height: 30px;
}
	
	.single-capabilities  .big-container.nopadding-left{padding-left: 25px !important;}
	
.portfolio-image.img .img-container {
    height: 250px;
}
	
	    .singleportfolio-page .capatitle.pb-120 {
         padding-top: 25px;
    }
	
	.port-circle.position-absolute {
    bottom: inherit;
    z-index: -1;
    top: -130px;
}
	.event-details .featuredcapa-image {
     display: none;
    }
	
	.portfolio-page .portfolio-container {
    margin-bottom: 35px;
}
	
		.circular-video-content .font-22 p {
    font-size: 12px;
    line-height: 15px;
}
	.font-100 {
    font-size: 35px;
    line-height: 35px;
}
	.image-container .img-container {
    width: 320px;
    height: 320px;
    margin-top: 30px;
}
	
	.iframe-container {
    margin-top: 40px;
    right: 0;
    margin-left: -25px;
}
	#map {
    width: 100%;
    height: 350px;
    border-radius: 0;
}
	.map-contact-info.pt-120,.form-container.pt-120{
    padding-top: 0;
}
	
.form__container {
    padding: 40px 25px;
    border-radius: 40px;
}
	
	.video-carousel .slick-prev.slick-arrow {
    right: 90px;
}
	
		.video-carousel .slick-next.slick-arrow {
    right: 45px;
}

.video-carousel .slick-prev.slick-arrow, .video-carousel .slick-next.slick-arrow {
    width: 35px;
    height: 35px;
    z-index: 3;
}
	
	    .singleportfolio-page .inner-banner .col-md-6.col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	
	.about-content-container .row:last-child {
    margin-right: 0;
}
	
}

@media (max-width:600px){
.show-600{display:block !important}
.hide-600{display:none!important}
	
.pt-120{padding-top: 30px}
.pb-120{padding-bottom: 30px}
.pt-80{padding-top: 20px}
.pb-80{padding-bottom: 20px}	
	
.portfolio-featured .col-md-6:nth-child(2) .img-container {
    height: 120px;
    width: 100%;
}
	
	.portfolio-featured .col-md-6:nth-child(2) .portfolio-container {
    margin-left: 5vw;
}
	.portfolio-featured .col-md-6:nth-child(3) .portfolio-container {
    margin-left: 0; margin-top:0;
}
	.circle-btn a {
        width: 120px;
        height: 120px;
        font-size: 14px;
        line-height: 20px;
		padding: 15px;}
	
	.home .half-purple {
    right: 0;
    bottom: 45vw;
}
	.home .portfolio-container .font-20 {
    font-size: 16px;
    line-height: 20px;
}
	.home .portfolio-featured.row .col-md-6:nth-child(odd) {
    padding-right: 0;
}
	.home .portfolio-featured.row .col-md-6:nth-child(even) {
    padding-left: 0;
}
	   .home .portfolio-title.pt-40 {
        padding-top: 10px;
    }
	
	.capabilities-carousel .slick-slide .img-container {
    width: 70vw;
    height: 70vw;
}
	.capability-container:after {
    width: 71vw;
    height: 71vw;
    left: -7px;
    top: 4px;
}
	.circle-arrow {
    width: 60px;
    height: 60px;
    bottom: 20px;
		right: 20px;}
	
	.font-32.pt-5.capatitle {
    font-size: 25px;
    line-height: 30px;
    padding-top: 15px !important;
}
	
	    .contact-container .svg.position-absolute {
			width: 100%;}
	
	    .contact-container .img-container {
        width: 200px;
        height: 200px;
        right: -30px;
        top: -71px;
    }
	
	.subtitle br{display: none;}
	
	    .clientlogo {
        min-width: 115px;
        min-height: 55px;
        padding: 0 15px;
    }
	    .client-logo {
        width: 33.33%;
        margin-bottom: 15px;
    }
	
	.footer .circle-btn {
    position: static;
    right: 15vw;
    top: 3.2vw;
    z-index: 1;
    margin: 25px auto 0;
    display: table;
}
	
.copyright-dflex.d-flex.justify-content-between.align-items-center { text-align: 
	center;
    justify-content: flex-start !important; flex-direction: column; margin-top: 15px;border-top: 1px solid rgba(0, 0, 0, 0.2);padding-top: 15px !important;
}
	.font-22.low-black.mb-5 {
    margin-bottom: 10px !important;
}
	.footer a.mb-4 {
    margin-bottom: 0px !important;
}
	.copyright-dflex .font-16 {
    font-size: 12px;
}
	.borncreators img {
    width: 80px;
    display: block;
    margin: 0 auto;
}
.copyright-dflex>div {
    width: 100%;
}
	.capabilities-container.pb-80 {
    padding-bottom: 60px;
}
	.pb-80.title-logo {
    padding-bottom: 50px;
}

	
	.left-padding {
    padding-left: 0;        padding-right: 120px;
}
	.left-padding br{
    display: none;
}
	
	.loaded .banner-image img {
    width: 150px;
		height: 150px;}
	
	    .capabilities-page .capabilities-list-container .circle-arrow {
        right: 20px;
    
}
	.capatitle span.last {
		display: inline;}
	
	.backtotitle-dflex.d-flex {
    align-items: flex-start;
    flex-direction: column;
}
	
	.backto a {
    padding-right: 0;
}

	.related-services .capability-container.d-flex {
    display: block !important; width: 180px
}
	.related-services .capability-container .img-container, .related-services .capability-container:after {
    width: 150px;
    height: 150px;
}
	.related-services .capatitle {
    padding-left: 0;
    padding-top: 15px; text-align: center
}
	
	.rope-circle:after {
		top: -60px;}
	
	.related-services .circle-arrow {
    width: 35px;
    height: 35px;
    bottom: 10px;
    right: 30px;
}
	.related-services-container .big-container {
    padding: 0;
}
	.related-services .slick-slide {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
	
	.details-list .detail-container {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
}
	.details-list {
    margin: 0;
	display: block;}
	
	.portfolio-gallery .portfolio-image .image-div {
    height: 120px;
    border-radius: 5px;
}
	.portfolio-gallery .portfolio-image {
    width: 50%;
    padding: 5px;
}
	.portfolio-video iframe {
    transform: scale(1.4);
}
	
.circular-video-content {
        position: relative;
        top: 0;
        width: 320px;
        height: 320px;
        left: 0;
        padding: 15px 25px 15px 45px;
        margin: auto;
    }
	
	.circular-video-container {
    width: 300px;
    height: 300px;
    margin-top: -50px;
}
	.play-button-wrapper {
    top: 0;
		left: 0;}
	
	#circle-play-b svg {
    width: 35px;
		height: 35px;}
	
	    .circular-video-content .font-16 p{
        font-size: 10px;
        line-height: 18px;
    }
.banner-circle svg {
    width: 65vw;
    height: 65vw;
}
	
	    .inner-banner {
        margin-top: 130px;
    }
	
	.banner-circle {
    top: -18vw;
		left: -24vw;}
	
	.error-caption {
    padding: 0 25px 60px;
}
	
	
	.font-30 br {
    display: none;
}
	
	    .contact-container .svg.position-absolute {
        width: 65%;
        top: -85px;
    }
	.contact-container.pb-120 {
    padding-bottom: 40px;
}
	.related-services .slick-list {
    padding-right: 120px;
}
	.clients-container .pb-80.title-logo {
        padding-bottom: 10px;
    }
	.borncreators .font-18 {
    font-size: 16px;
}
	
	.video-container {
    width: 100%;
}
	.video-gallery .play {
		width: 40px;}
	
	.fancybox-iframe {
    transform: scale(1.15);
}
	.fancybox-slide.fancybox-slide--video{
    padding: 20px !important;
}
	
	    .video-carousel .slick-next.slick-arrow {
        right: calc(50% - 35px);
    }
	
	    .video-carousel .slick-prev.slick-arrow {
        right: calc(50% - -10px);
    }

	.copyright-dflex.d-flex {
    flex-direction: column;
}
	.socialicons ul li svg, .socialmedia ul li svg {
    height: 15px;
    width: 20px;
}
	.socialicons ul li:nth-child(4) svg, .socialmedia ul li:nth-child(4) svg {
    height: 15px;
		width: 10px;}
		
		.portfolio-featured .col-md-6:nth-child(5) .portfolio-container{    margin-top: 9vw;}
		
		.capabilities-carousel.pb-80.pt-120{padding-top:45px;}
		
		        .title-logo {
            padding-left: 0px;
        }
	
	.related-services-container.pt-80 {
    padding-top: 45px;
}

.address-column .font-45 {
    font-size: 28px;
}

.address-column .running-text.font-20{font-size:16px;}
	
}

@media (max-width:480px){

}
@media (max-width:375px){
}

@media (max-width:320px){
}