@font-face {
	font-family: 'Poppins';
	src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
	font-family: 'Poppins-Black';
	src: url(../fonts/Poppins-Black.ttf);
}
@font-face {
	font-family: 'Poppins-Bold';
	src: url(../fonts/Poppins-Bold.ttf);
}
@font-face {
	font-family: 'Poppins-Light';
	src: url(../fonts/Poppins-Light.ttf);
}
@font-face {
	font-family: 'Poppins-ExtraLight';
	src: url(../fonts/Poppins-ExtraLight.ttf);
}
@font-face {
	font-family: 'GulfsDisplay-Normal';
	src: url(../fonts/GulfsDisplay-Normal.ttf);
}
section{
	min-width: 100vw;
}	
.container-100{
    width: 100%;
    max-width: 100%;
}
.container-100 .row{
    max-width: 1140px;
    margin: 0 auto;
}
body{
	font-family: 'Poppins';
	background: #2E2D2D;
	margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; 
}
.section-next-btn{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	cursor: pointer;
	color: #ebebeb;
	z-index: 1000;
}
/* Navigation */

.navigation-botton2, .navigation-botton2-other{
    display: none;
    position: absolute;
    right: 0;
    top: 0px;
    margin: 14px;
}
.navigation-botton2-other{
    display: block !important;
}
.navigation-botton2 a, .navigation-botton2-other a{
    margin: 6px;
    color: #ffffff;
    margin: 7px 13px;
}
.navigation-botton2 .botton-bar-nav, .navigation-botton2-other .botton-bar-nav{
    font-size: 29px;
    cursor: pointer;
}
.navigation-botton2 .botton-bar-nav .nav-btn, .navigation-botton2-other .botton-bar-nav .nav-btn{
    font-weight: bold;
}
.navigation-botton2 .nav-contact-botton, .navigation-botton2-other .nav-contact-botton{
    width: 29px;
}
.navbar-light .navbar-nav .active>.nav-link{
    color: #FFFC00;
}
.remove-nav{
    display: none;
}
.navigation-botton2 .nav-contact-botton .contact-btn, .navigation-botton2-other .nav-contact-botton .contact-btn{
    font-size: 18px;
    font-weight: bold;
}
.navigation-manu-btn2 #home-social-media-icon a.icon, .behance-icon-nav a img{
    font-size: 27px;
}
.navigation-manu-btn2{
    display: none;
    position: absolute;
    top: 78px;
    right: 29px;
    background: #2e2d2de0;
    padding: 15px;
    border: 1px solid #676565;
    font-family: 'Poppins-Light';
    border-radius: 10px;
}
.navigation-manu-btn2 ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.navigation-manu-btn2 ul li{
    padding: 0px;
}

.footer-other-nav li{
    width: 160px;
}

.navigation-manu-btn2 .header-icon{
    color: #ffffff;
    justify-content: space-around;
}
.navigation-manu-btn2 .header-icon a{
    padding: 9px;
    cursor: pointer;
}
.level_1 li.active{
    padding: 7px 0px !important;
}
.main-navigation .active strong{   
    color: #FFFFFF;
    font-weight: normal;
    padding-left: 18px;
    font-size: 21px;
    margin: 61px 0px;
    font-size: 20px;
    font-family: 'Poppins-Light';
}

#landing-page-nav {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	transition: transform 0.5s ease;
}
.hide-nav {
	display: none;
    padding-left: 10px;
}

.main-navigation-hide{
    padding: 0px 19px;
}
.main-navigation-hide .other-navigaton-menu{
    padding: 5px 0px;
}
.main-navigation-hide .other-navigaton-menu h4{
    font-family: 'Poppins-Light';
    font-size: 20px;
}
.main-navigation-hide .other-navigaton-menu h4 a{
    color: #ffffff;
    text-decoration: none;
}
.behance-icon-nav a img{
    width: 35px;
}
.footer-other-nav #home-social-media-icon{
    display: flex;
    justify-content: center;
    align-items: center;
}

.dot-normal{
    position: absolute;
    bottom: 0;
    left: 4%;
}
.dot-normal ul{
    list-style: none;
    display: flex;
}
.dot-normal ul li{
    color: #868686;
    padding: 8px;
}
.dot-normal ul li.dot-active{
    color: #FB5502;
}
#about-us-section .dot-normal{
    top: 126%;
    left: 4%;
}

.main-wrapper{
	display: flex;
	height: 100vh;
	width: auto;
	overflow-x: scroll; 
	overflow-y: hidden;
}
.main-wrapper::-webkit-scrollbar{
    height: 2px;
} 
.main-wrapper::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgba(204, 204, 204, 0); 
    border-radius: 10px;
} 
.main-wrapper::-webkit-scrollbar-thumb{
    background: #FB5502; 
    border-radius: 10px;

} 
.main-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #FFFF33; 
    cursor: pointer;
} 
.main-wrapper::-moz-scrollbar-thumb{
    border-radius: 10px;
} 
#landing-section-home, #testimonial-section, #client-partner-section, #landing-section-learn{
    position: relative;
}
#landing-section-learn{
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-box p{
    color: #ffffff;
}
.client-box-body{
    text-align: center;
}

#landing-section-home .container-fluid::before{
    content: "";
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background-image: url(../images/01a-upper.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 23%;
    left: 3%;
}
#home-career-landing img{
    width: 85%;
}


#landing-section-home .container-fluid::after{
    content: "";
    position: absolute;
    display: flex;
    width: 100%;
    height: 82%;
    background-image: url(../images/01a-lower.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 49%;
    left: 36%;
}
#landing-page-image img{
    width: 50%;
}
#creative-weapon-section{
    position: relative;
}
#internship-headline h2{
    color: #ffff55;
}
#internship-headline p{
    color: #ffffff;
}
.creative-weapon-img{
    width: 60%;
}
#landing-page-nav .navbar .navbar-brand img{
	width: 23%;
}
#landing-page-nav .navbar  a{
	border-bottom : none;
}
#landing-page-nav .navbar li a{
	color: #FFFC00;
    font-size: 20px;
    font-family: 'Poppins-Light';
}
.navigation-manu-btn2 ul li a{
    color: #ffffff !important;
}

#banner-section-landing{
    position: relative;
}
#banner-section-landing .banner-image {
    display: flex;
    justify-content: center;
}
#banner-section-landing .banner-image .banner-image-main{
    height: 100%;
    width: 67%;
    padding: 135px 0px;
    
}
#banner-section-landing .banner-image .banner-image-main img{
	width: 100%;
	height: 100%;
}
.image-text-hover{
    position: absolute;
    bottom: -100%; 
    text-align: center;
    display: flex;
    background: #00000091;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    transition: bottom 0.7s ease-in-out; 
}
a.image-open-tag:hover .image-text-hover{
    display: flex !important;
    bottom: 0;
}
#about-us-section{
    position: relative;
	display: flex;
	align-items: center;
}
#about-us-images img{
    width: 70%;
}
#about-us-section::before{
    content: "";
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background-image: url(../images/03-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    left: 15%;
}
#our-work-section{
    position: relative;
}
#our-work-section::before{
    content: "";
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background-image: url(../images/04-backgroung.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 13%;
    left: 20%;
}
#our-work-section #work-section-image-main .work-image img{
    width: 43%;
}
#our-work-section #work-content-writing{
    position: absolute;
    right: -15%;
    top: 28%;
}
#our-work-section #work-content-writing .content-writing{
    width: 21%;

}
#our-work-section #work-video{
    position: absolute;
    left: 39%;
    top: 49%;
}
#our-work-section #work-video .work-video-link{
    width: 25%;
}
#our-work-section #work-graphics{
    position: absolute;
    bottom: 20%;
    left: 47%;
}
#our-work-section #work-graphics .graphics-link{
    width: 32%;
}

/* portfolio section */
#home-portfolio-section, #home-blog-section{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#home-portfolio-section .slider-padding{
    padding : 0 90px;
}
.video-container {
    position: relative;
    width: 100%;
}
.video-container video {
    width: 100%;
    object-fit: contain;
    border-radius: 12px;
}
.custom-video-controls{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #FB5502;
    z-index: 99999;
    color: #ffffff;
    font-size: 34px;
    padding: 13px;
    border-radius: 50%;
}

.video-container .custom-video-controls{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #FB5502;
    padding: 14px;
    border-radius: 50%;
    cursor: pointer;
    color: #FB5502;
    font-size: 2rem;
    display: none;
}

.video-headline h6{
    font-size: 22px;
    font-weight: 700;
    color: #FFFC00;
}    
.headline-main a{
    text-decoration: none;
    color: #FFFC00;
    font-family: 'Poppins-ExtraLight';
    position: absolute;
    top: 74px;
    right: 4%;
    font-size: 47px;
}
.video-container-text{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    padding: 14px;
    cursor: pointer;
    color: #FB5502;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.video-container-text p{
    font-size: 10px;
    text-wrap: wrap;
}

/* blog */
.blog-image-slider-container{
    width: 100%;
    height: 64vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 12px;
}
.blog-image-slider-container img{
    visibility: hidden;
}
.image-content{
    height: 60.5%;
}
.image-content img{
    height: inherit;
}
#home-blog-section .slider-padding, #home-learn-section .slider-padding{
    padding: 2px 130px;
}

#home-blog-section #slider-images img {
    width: 100%; 
    height: 100%;
    object-fit: cover; 
}
#home-blog-section .slider-padding #slider-images, #home-learn-section .slider-padding #slider-images {
    position: relative;
    width: 86%;
    height: 470px;
}
.owl-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 90%;
    bottom: -14%;
}
.videoslider .owl-dots{
   bottom: -9%; 
}

/*#home-learn-section .owl-dots{*/
/*   bottom: -20%; */
/*}*/
.owl-dots .owl-dot span{
    display: flex;
    margin: 8px;
    border: none;
    background: #FFFFFF;
    height: 10px;
    border-radius: 50%;
    width: 10px;
}
.imageslider .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: none;
    border: 1px solid #ffffff;
    height: 12px;
    width: 12px;
}
.imageslider .owl-dots{
    right: 91%;
    top: 109%;
}
.owl-carousel button:focus{
    outline: none;
} 

/* learn */
.image-slider-container{
    width: 100%;
    height: 380px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: contain; */
}
.image-slider-container img{
    visibility: hidden;
}

#testimonial-section{
    display: flex;
    justify-content: center;
    align-items: center;
}
.owner-box{
    border: 2px solid #ffffff;
    border-radius: 11px;
    color: #ffffff;
}
.owner-box .owner-box-headline {
    width: 100%;
    align-items: center;
    padding-bottom: 30px;
}
.owner-box .owner-box-headline .image{
    width: 10%;
}
.owner-box .owner-box-headline .headline-main{
    width: 80%;
}
.owner-box .owner-box-body p{
    text-align: justify;
    margin-bottom: 0;
}

#client-partner-section{
    display: flex;
    align-items: center;
}
#client-partner-section .client-box{
    border: 4px solid #626262;
    border-radius: 12px;
    height: 45vh;
}




/* Add gap between the slides */
#home-learn-section .slick-slide {
    margin: 0 15px; /* 15px gap on the left and right of each slide */
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.5; /* Semi-transparent for side slides */
}


#home-learn-section .owl-item.center #slider-images .image-slider-container{
    -webkit-transform: scaleX(1.35);
    -ms-transform: scaleX(1.35);
    transform: scaleX(1.35);
    opacity: 1;
    border-radius: 12px;
    height: 57vh;
}
#home-learn-section .owl-item #slider-images .image-slider-container {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    opacity: .6;
    height: 57vh;
    border-radius: 12px;
}

#home-learn-section .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
}


/* Optional: Remove overflow so gap is visible at the edges */
#home-learn-section .slick-list {
    padding: 0 40px; /* Optional: Adds padding to the left and right of the slider */
}

/* Ensure there's no horizontal scroll */
#home-learn-section .slick-track {
    display: flex !important;
}

/* Slick dots styling */
#home-learn-section .slick-dots {
    text-align: center;
    margin-top: 20px; 
    position: relative; 
    bottom: 0; 
}

#home-learn-section.slick-dots li button:before {
    font-size: 16px; 
    color: #ccc; 
}

#home-learn-section .slick-dots li.slick-active button:before {
    color: red; 
}

/* Headline styling */
.headline {
    text-align: center;
    margin-top: 20px;
    font-size: 36px;
    color: #FFFFFF;
}

/* Hide Slick arrows */
.slick-prev,
.slick-next {
    display: none !important; /* Hide both previous and next arrows */
}

.idea-home-container h2{
    color: #ffffff;
    font-family: 'Poppins-Black';
    font-size: 4rem;
}
.idea-home-container em{
    font-style: normal;
    color: #FB5502;
}
.idea-home-container h2::before{
    content: "";
    position: absolute;
    display: flex;
    width: 69%;
    height: 62%;
    background-image: url(../images/cloud.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -21%;
    right: 1%;
}   
.idea-home-container h2 em::before{
    content: "";
    position: absolute;
    display: flex;
    width: 26%;
    height: 40%;
    background-image: url(../images/talk-bubble.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: -15%;
    right: 11%;
}
.idea-home-container a:nth-of-type(1) {
    position: absolute;
    font-family: 'Poppins';
    color: #000000;
    font-size: 14px;
    right: 59.5%;
    top: 9%;
    font-weight: bold;
    text-decoration: none;
}
.idea-home-container a:nth-of-type(2) {
    position: absolute;
    font-family: 'Poppins';
    color: #000000;
    z-index: 33;
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    top: -2%;
    right: 27.5%;
}
.idea-home-container a:nth-of-type(3) {
    background-color: #FFD454;
    position: relative;
    top: -36px;
    right: -16%;
    font-family: 'Poppins';
    padding: 8px 20px;
    border-radius: 48px;
    color: #000000;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}

.idea-dots {
    position: absolute;
    bottom: 0;
    right: 90%;
}
.idea-dots .dots-active{
    background-color: #FB5502 !important;
}
.idea-dots .dot {
    cursor: pointer;
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
/* Faqs part */
#faqs_container, #home-idea-section1, #home-learn-section{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.faqs-headline-main h2, .faqs-headline-main-home h2{
    color: #FB5502;
    font-weight: bold;
    font-family: 'Poppins';
    font-size: 4rem;
}
.faqs-headline-main-home h2{
    color: #FFFF33;
}
#community-landing-container a:hover{
    text-decoration: none;
}
.faq-container{
    padding: 0px 199px;
}
.faq-container::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffff33;
    position: relative;
    top: 12%;
}
.main-faq-wrapper{
    width: 100%;
    overflow: hidden;
    max-height: 70vh;
}
.faq-content-headline {
    align-items: center;
    justify-content: space-between;
    padding: 34px 22px 0px 22px;
}
.faq-content-headline-home {
    align-items: center;
    justify-content: space-between;
}
.faq-content-headline .headline, .faq-content-headline-home .headline{
    margin-top: auto;
}
.faq-content-headline .headline  h4, .faq-content-headline-home .headline  h4{
    font-size: 34px;
    font-family: 'Poppins-ExtraLight';
}
.faq-content-headline-home .headline  h4{
    font-size: 26px;
}
.faq-content-headline .icon img, .faq-content-headline-home .icon img{
    width: 25px;
    cursor: pointer;
}
.faq-content-text{
    display: none;
    padding-right: 27px;
}
.faq-content-text .faq-content-text-main{
    overflow-y: scroll;
    max-height: 170px;
}
/* WebKit browsers (Chrome, Safari, Edge) */
.faq-content-text .faq-content-text-main::-webkit-scrollbar {
    width: 3px;
}

.faq-content-text .faq-content-text-main::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); 
    border-radius: 10px;
}

.faq-content-text .faq-content-text-main::-webkit-scrollbar-thumb {
    background: #ffffff; 
    border-radius: 10px;
}

.faq-content-text .faq-content-text-main::-webkit-scrollbar-thumb:hover {
    background-color: #FFFF33; 
    cursor: pointer;
}
.faq-content-text .faq-content-text-main::-moz-scrollbar-thumb {
    border-radius: 10px;
} 

.faq-content-text .faq-content-text-main p{
    font-family: 'Poppins';
    color: #ffffff;
    margin-bottom: auto;
    padding: 0px 22px;
    text-align: justify;
}
.icon img.active {
    transform: rotate(45deg); 
    transition: transform 0.3s ease;
}
.community-baandook{
    align-items: center;
    display: flex;
}
.community-baandook .text-main p{
    font-family: 'GulfsDisplay-Normal';
    color: #FFF993;
    margin-bottom: 0px;
    font-size: 6pc;
    padding: 0px 27px;
}   
.community-baandook .image-part::after{
    content: "";
    position: absolute;
    display: flex;
    width: 40%;
    height: 40%;
    background-image: url(../images/star-bold.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 73%;
    left: 95%;
}

.faqs_container_home .main-faq-wrapper .faq-container{
    padding: 6px 0px;
}
.community-landing, #community-content-section{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


.community-landing .container{
    position: relative; 
}
/* home footer */
#home-footer-nav{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#home-footer-nav ul{
    list-style: none;
}

#home-footer-nav .other-navigaton-menu{
    padding: 18px 0px;
}
#home-footer-nav .other-navigaton-menu h4 a{ 
    color: #ffffff;
    font-family: 'Poppins-ExtraLight';
    text-decoration: none;
}

#home-social-media-icon a.icon{
    padding: 2px 0px;
}
.facebook-icon a.icon,
.instagram-icon a.icon,
.youtube-icon a.icon{
    color: #ffffff;
    font-size: 35px;
}
.youtube-icon a.icon{
    font-size: 42px;
}
.linkedin-icon a.icon{
    color: #ffffff;
    font-size: 43px;
}
.youtube-icon a.icon i{
    border-radius: 6px;
}
.behance-icon a{
    color: #ffffff;
    font-size: 34px;
} 
.behance-icon-img{
    display: flex;
    justify-content: center;
    padding-top: 7%;
}

.behance-icon-img .behance-icon{
    width: 11%;
}

.footer-nav-left{
    padding-left: 17%;
}
/* Services Page */
.other-headline h2{
    color: #FFFC02;
    font-size: 40px;
    font-family: 'Poppins-Bold';
}
.landscape-video{
    padding: 22px 95px;
}
#services-video{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#services-video figure{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.landscape-video .video-part{
    width: 100%;
    height: 60vh;
    object-fit: cover !important;
    border-radius: 10px;
}
.services-video-text {
    color: #ffffff;
    padding: 0px 100px;
}


/* About Us Page  */

#about-us-content-text .about-us-text p{
    color: #ffffff;
    font-family: "poppins-extralight";
    text-align: justify;
    font-size: 22px;
}

/* Services page */

#from-impact-imag-p1 img{
    width: 80%;
}
#idea-part2-images img{
    width: 85%;
}



.services-main-image img{
    width: 50%;
}
.services-headline-main{
    text-align: end;
    position: absolute;
    bottom: 0;
    margin: 10px;
    right: 5%;
}
.services-headline-main a{
    margin: 0% 10%;
    font-size: 22px;
    padding: 5px 16px;
    border-radius: 8px;
    display: flex;
    width: 100%;
    text-decoration: none;
    color: #ffffff;
    border: 1px solid;
}
.services-video-text .services-headline h2,  .services-text .services-headline h2{
    font-family: 'Poppins';
    color: #FBD158;
    font-size: 52px;
    font-weight: bold;
    padding: 14px 0px;
}
.services-text-container p{
    font-family: 'Poppins-ExtraLight';
    font-size: 25px;
    color: #ffffff;
}
.services-text-container ul{
    padding: 6px 21px;
}
.services-text-container li{
    font-size: 15px;
    color: #ffffff;
}
.main-s-h{
    text-align: end;
    position: absolute
}

.main-s-h a{
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 2px 19px;
    border-radius: 10px;
    font-size: 20px;
    text-decoration: none;
}
.services-main-youtube-video{
    display: flex;
    justify-content: center;
    align-items: center;
}
.services-images{
    display: flex;
    justify-content: center;
    align-items: center;
}
.services-images .content-image{
    width: 80%;
}
.services-images .content-image img{
    width: 100%;
    border-radius: 16px;
}
.idea-container-main{
    display: flex;
    justify-content: center;
    align-items: center;
}
.career-landing-container-main, .career-part-mian-container, .faqs_container-career, .career-baandook-container-main, .internship-form-container-main , #community-landing-main-section{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#block-landing-section, .blog-second-section-container-main, #portfolio-landing-container-main, .portfolio-gallery-video-section-main, #contact-section-main{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#portfolio-landing-section{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#career-part-headline p{
    font-size: 85px;
    color: #ffffff;
}
#career-part-headline p strong{
    color: #FB5502;
}
.main-headline{
    position: absolute;
    color: #FFFC00;
    font-family: 'Poppins-ExtraLight';
    bottom: 3%;
    right: 5%;
} 
.join-internship-button a{
    background: #343333;
    padding: 2% 29%;
    border-radius: 10px;
    text-decoration: none;
    color: #FFFC00;
    font-size: 24px;
    font-family: 'Poppins-ExtraLight';
}
#build-career-headline p{
    font-size: 58px;
    padding-bottom: 38px;
}
#build-career-headline p em{
    font-family: 'Poppins-ExtraLight';
    color: #ffffff;
    font-style: normal;
}
#build-career-headline p strong{
    color: #FB5502;
}
.career-baandook-container-main .block{
    overflow: visible;
}
#career-form .formbody{
    display: flex;
    flex-wrap: wrap;
}
.career-baandook-container-main #portfolio-link-box{
    background: #252525;
    color: #ffffff;
    padding: 33px;
    width: 100%;
    position: absolute;
    top: 0%;
    z-index: 9;
    text-align: center;
    border: 1px solid;
    border-radius: 11px;
    display: none;
}
.resume-btn-main{
    text-align: end;
}
.career-baandook-container-main #portfolio-link-box input{
    background: #b9b9b9d4;
    border-radius: 11px;
}
.cerrer-baandook-btn {
    color: #fffc00;
    font-size: 23px;
    background: #121212;
    padding: 11px 20px;
    text-decoration: none;
    border-radius: 36px;
}
.cerrer-baandook-btn:hover{
    color: #fffc00;
    text-decoration: none;
}
.career-join-btn{
    margin-top: 25px;
}
.career-join-btn .career-submit-button{
    color: #ffffff;
    font-size: 18px;
    background: #121212;
    padding: 4px 59px;
    text-decoration: none;
    border-radius: 36px;
    border: none;
}
.join-us-text p{
    padding-top: 37px;
    color: #ffffff;
    text-align: justify;
}
.internship-program-btn{
    display: flex;
    justify-content: center;
}
.internship-form-container-main input, .internship-form-container-main select{
        background: #464644;
    height: 40px;
    border: none;
    color: #ffffff;
    border-radius: 10px;
}
.internship-upload-btn-main{
    margin: 30px 0px;
}
.internship-program-btn button{
    padding: 1% 20%;
    border-radius: 12px;
    background: #464644;
    color: #ffffff;
}
.wrapper-faq{
    width: 100%;
    overflow: hidden;
    max-height: 76vh;
}
.upload-btn-main-internship{
    background: #464644;
    padding: 11px 45px;
    text-decoration: none;
    color: #959595;
    border-radius: 8px;
}
.internship-form-container-main input:focus-visible, .internship-form-container-main select:focus-visible{
    outline: none;
}
.block-landing-section-container-main .blog-headline h2, .learn-landing-part1 h2{
    color: #FFF993;
    font-family: 'GulfsDisplay-Normal';
    font-size: 6pc;
}
.blog-text{
    margin-top: 55px;
}
.blog-text p{
    color: #ffffff;
    font-family: 'Poppins-ExtraLight';
    font-size: 20px;
}
.portfolio-mian-image{
    display: flex;
    justify-content: center;
}
.portfolio-image-main{
    text-align: center;
}
.portfolio-image-main img{
    width: 57%;
}
.portfolio-graphics{
    width: 15%;
    position: absolute;
    top: 25%;
    left: 22%;
}
.portfolio-graphics a img{
    border-radius: 42px;
}
.portfolio-video{
    position: absolute;
    width: 9%;
    bottom: 32%;
    right: 22%;
}
.portfolio-content{
    width: 16%;
    position: absolute;
    bottom: 21%;
    right: 42%;
}
.portfolio-content a img{
    border-radius: 45px;
}
.portfolio-mian-image::before{
    content: "";
    position: absolute;
    display: flex;
    width: 31%;
    height: 22%;
    background-image: url(../images/009f.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 20%;
    left: 11%;
    z-index: 1;
}
.headline-c-main{
    color: #ffffff;
    font-family: 'GulfsDisplay-Normal';
    text-align: center;
}
.headline-c-main::after{
    content: "";
    position: absolute;
    display: flex;
    width: 63%;
    height: 44%;
    background-image: url(../images/003a.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 22%;
    left: 30%;
}
.headline-c-main::before{
    content: "";
    position: absolute;
    display: flex;
    width: 63%;
    height: 44%;
    background-image: url(../images/003a.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 22%;
    left: 65%;
}
.headline-c-main h2{
    font-size: 4pc;
}
.contact-main-text-box{
    background: #00000061;
    color: #ffffff;
    margin: 0% 9%;
    padding: 0px 15px;
    border-radius: 10px;
}
.contact-text-headline-main{
    display: flex;
    justify-content: space-between;
}
.contact-btn{
    display: flex;
    width: 30%;
    margin: 10px;
    padding: 10px;
    color: #fff990;
    background: #00000082;
    align-items: center;
    border-radius: 11px;
    justify-content: center;
    font-size: 12px;
}
.contact-from-headline{
    color: #ffffff;
    font-size: 20px;
    margin: 1% 10%;
}
.form-bg{
    background: #00000061;
    color: #ffffff;
    margin: 0% 10%;
    padding: 8px 15px;
    border-radius: 10px;
}
.form-bg label{
    margin-bottom: 0px;
    padding:0px;
}
.form-bg input{
    background: #000000a6;
    color: #ffffff;
    border: none;
    border-radius: 6px;
}
.form-bg input:focus-visible{
    outline: none;
    border:none;
}
.contact-btn-submit{
    display: flex;
    justify-content: end;
    padding: 1% 10%;
}
.contact-btn-submit button{
    background: #DAE33B;
    border: none;
    padding: 6px 16px;
    border-radius: 10px;
}
#contact-main-headline{
    padding-top: 4%;
}
#video-items iframe{
    width: 100%;
    height: 64vh;
    margin-top: 19px;
    border-radius: 12px;
}
.portfolio-video-box, .box-images-content{
    display: flex;  
    flex-wrap: wrap;
}
.portfolio-video-box iframe{
    width: 100%;
    height: 168px;
}
.portfolio-video-box-center iframe{
    height: 367px;
    width: 100%;
}
.portfolio-video-box-center{
    padding-left: 8px;
    padding-right: 8px;
}
#portfolio-gallery-video-section img{
    border-radius: 50% ;
}
#portfolio-gallery-main-section, #about-us-page, #portfolio-content-section, #learn-content-section, #community-text-section, #section-services-main-image, .pdt, .blog-langing-image, #team-about-us-section{
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}
.box-images{
    display: flex;
}
.protfolio-image-graphics{
    padding: 1%;
}
.box-images img{
    width: 100%;
    height: 100%;
    max-height: 35vh; 
    border-radius: 12px;
}
.protfolio-content-image-circle-row1 img{
    height: 75% !important; border-radius: 50% !important; width: 89% !important;
}
.protfolio-content-image-circle-row3 img{ border-radius: 50% !important; width: 62% !important; height:82% !important; }
.box-images-content img{  width: 100%; height: 100%; max-height: 24vh; border-radius: 12px; }
.w-60{ width: 60% !important; } .w-40{ width: 40% !important; } .w-33{ width: 33.33% !important; } .w-30{ width: 30% !important; } .w-10{ width: 10% !important; } .w-35{ width: 35% !important; } .w-20{ width: 20% !important; } .w-23{ width: 23.33% !important; } .w-15{ width: 15% !important } .w-25{ width: 25%!important }
.protfolio-content-image {
    padding: 6px;
}
.portfolio-image-box{
    position: relative;
}
.main-headline-link a{
    position: absolute;
    color: #FFFC00;
    font-family: 'Poppins-ExtraLight';
    bottom: 4%;
    right: 5%;
    font-size: 2rem;
}

.blog-langing-image img{
    border-radius: 12px;
    max-height: 70vh;
}
#landing-section-learn iframe{
    width: 90%;
    height: 375px;
    border-radius: 15px;
}
.communiti-content-headline p{
    color: #ffffff;
    font-size: 25px;
}
.communiti-content-headline p em{
    color: #ff5500;
    font-style: normal;
}
.content-parent-box{
    padding: 0% 5%;
}

.community-content-box, .learn-content-box{
    display: flex;
    flex-wrap: wrap;
    padding: 0px 10px;
    overflow-y: scroll;
    max-height: 370px;
}
/* WebKit browsers (Chrome, Safari, Edge) */
.community-content-box::-webkit-scrollbar, .learn-content-box::-webkit-scrollbar {
    width: 5px;
}

.community-content-box::-webkit-scrollbar-track, .learn-content-box::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); 
    border-radius: 10px;
}

.community-content-box::-webkit-scrollbar-thumb, .learn-content-box::-webkit-scrollbar-thumb {
    background: #ffff33; 
    border-radius: 10px;
}

.community-content-box::-webkit-scrollbar-thumb:hover, .learn-content-box::-webkit-scrollbar-thumb:hover{
    background-color: #FFFFFF; 
    cursor: pointer;
}
.community-content-box::-moz-scrollbar-thumb, .learn-content-box::-moz-scrollbar-thumb{
    border-radius: 10px;
} 
.community-video-part, .community-image-part{
    padding: 9px;
    overflow: hidden;
    max-height: 190px;
}
.community-image-part img, .community-video-part iframe{
    width: 100%;
    height: 160px;
}
.about-us-headline-images {
    padding-bottom: 58px;
}
#services-video iframe{
    margin-top: 10px;
    border-radius: 20px;
    width: 80%;
    height: 58vh;
}
.owner-box-main{
    padding:12px;
}
.learn-landing-part1{
    padding: 0px  50px;
}
.learn-text-btn { padding: 19px 0px; }
.learn-text-btn span {
    background: #000000ab;
    padding: 5px 15px;
    border-radius: 10px;
    margin: 6px;
}
.text-container-wrap{
   padding: 28px 20px;
    background: #414141b0;
    border-radius: 12px;
    color: #ffffff;
    text-align: center;
}
.learn-button-container{
    margin-bottom: 18px;
}
.learn-button-container span{
    color: #ffff55;
    background: #464644;
    padding: 5px 19px;
    margin: 13px;
    border: 1px solid #ffffff;
    border-radius: 12px;
    cursor: pointer;
}
.text-container-wrap > p:nth-of-type(2), .community-text p{
    font-family: 'Poppins-ExtraLight';
    margin: 0;
    font-size: 15px;
}
.community-headline-text p{
    color: #ffffff;
    font-size: 34px;
    margin: 2px;
}
.community-headline-text p em{
    font-style: normal;
    color: #ff5500;
}
.community-text-wrap{
    color: #ffffff;
    background: #1a1a1a7a;
    text-align: center;
    padding: 15px;
    border-radius: 18px;
}
.community-text h6{
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 8px;
}
.community-text-btn{
    padding: 16px 0px;
}
.community-text-btn span {
    background: #000000e6;
    padding: 8px 32px;
    border-radius: 12px;
    margin: 25px;
}
.client-box-body span{
    color: #ffff33;
}
#client-partner-section .owl-dots {
    top: 144%;
}
.fancybox__content{
    height: 100% !important;
    padding: 0 !important;
}
#home-blog-section .main-headline, #home-learn-section .main-headline{
  right: 8.5%;
}
#portfolio-gallery-video-section figure{
    margin: auto;
}
.career-baandook-container-main::after{ background-image: url(../images/27.png); }
.internship-form-container-main::after{ background-image: url(../images/26.png); }
.faqs_container-career::after{ background-image: url(../images/25.png); }
#career-part-section::after{ background-image: url(../images/24.png); }
#home-learn-section::after{ background-image: url(../images/13.png); }
#about-us-page::after{  background-image: url(../images/003.png); }
.portfolio-other-bg::after{ background-image: url(../images/012.png); }
#home-blog-section::after{  background-image: url(../images/09.png);  }
#portfolio-landing-section::after{  background-image: url(../images/009.png); }
#landing-section-learn::after{  background-image: url(../images/14.png); }
#learn-content-section::after{  background-image: url(../images/15.png); }
#contact-section-main .container::after{  background-image: url(../images/30.png); }
#block-landing-section::after{ background-image: url(../images/11.png);  }
#blog-second-section::after{  background-image: url(../images/12.png); }
#home-idea-section1::after{ background-image: url(../images/22.png); }
#section-services-main-image::after{ background-image: url(../images/05-background.png); }
#services-container-video::after{ background-image: url(../images/06-services-video.png); }
#services-container-graphics::after{ background-image: url(../images/07-services-graphics.png); }
#services-container-content-writing::after{ background-image: url(../images/08-services-content-writing.png); }
#creative-weapon-container::before{ background-image: url(../images/02a-upper-cloud.png); }
#home-portfolio-section::after{ background-image: url(../images/09.png); }
.community-landing::after, #community-landing-main-section::after{ background-image: url(../images/16.png); }
#testimonial-section .container::after{ background-image: url(../images/19.png); }
#client-partner-section .container::after{ background-image: url(../images/20bg.png); }
.faqs_container_home .container::after{ background-image: url(../images/28.png); }
#career-landing-section .container::after{ background-image: url(../images/23.png); }
#home-footer-nav .container::after{ background-image: url(../images/29.png); }
#team-about-us-section::after{ background-image: url(../images/004.png);}
#community-text-section::after, #community-content-section::after{ background-image: url(../images/18.png); }

#community-text-section::after, #community-content-section::after, #team-about-us-section::after, #home-footer-nav .container::after, #career-landing-section .container::after, .faqs_container_home .container::after, #client-partner-section .container::after, #testimonial-section .container::after, #home-portfolio-section::after, .community-landing::after, #community-landing-main-section::after, #creative-weapon-container::before, #services-container-content-writing::after, #services-container-graphics::after, #section-services-main-image::after, #services-container-video::after, #blog-second-section::after, #home-learn-section::after, #about-us-page::after, #contact-section-main .container::after, #home-idea-section1::after, #block-landing-section::after, #portfolio-landing-section::after, #home-blog-section::after, .career-baandook-container-main::after, .faqs_container-career::after, #career-part-section::after, .internship-form-container-main::after, .portfolio-other-bg::after, #landing-section-learn::after, #learn-content-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.portfolio-mian-image::after{
    content: "";
    position: absolute;
    display: flex;
    width: 51%;
    height: 40%;
    background-image: url(../images/009e.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 80%;
    left: 84%;
    z-index: 1;
}
#testimonial-section .owl-dots{
    position: absolute;
    top: 136%;
    right: 96%;
}
.page-back-btn{
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 10px;
    z-index: 99;
}
.page-back-btn a{
    font-size: 25px;
    color: #ff5500;
    padding: 5px 15px;
    border: 1px solid #ffffff;
    border-radius: 50%;
}
.portfolio-image-box .image-text-hover{
    border-radius: 50%;
    display: none;
}
.join-community{
    padding: 0;  
    margin-top: 10px;
}
.join-community .form-bg{
    margin: 0;
}
.community-text-btn span{
    font-size: 12px;
}
.join-community .contact-btn-submit {
    padding: 0;
    margin-top: 4px;
}
.about-main-image{
    display: flex;
    justify-content: center;
    padding: 25px;
}
.owl-carousel .owl-item .about-main-image img{
    width: 70% ;
}
#team-about-us-section .owl-dots{
    bottom: 0;
}
.career-form-container{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}
.pop-up-career-baandook-form label{
    width: 180px;
}
.pop-up-career-baandook-form input{
    background: #3d3d3d69;
    border-radius: 10px;
    color: #ffffff;
    padding: 3px 10px;
    width: 60%;
}