@media(max-width: 767px){
	.social-icons-menu {
    margin: 15px 0px 57px 0px;
   
}
	.formcust.Puzzle {
    display: flex;
    align-items: center;
    gap: 0px;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
	
	.page-template-faqs .breadcrumbsection_heading {
    position: relative;
    top: 80px;
}
	
	
	
/* 	blog details page */
	
	.single-post ol {
        padding:0px;
		margin:20px;
	}
	.single-post  ol p{
		padding:0px;
		margin:0px;
		
	}

	ol.wp-block-list {
    margin: 0;
    padding: 0px 0px;
}
	    .blog-details-banner-sec {
    margin: 20px  0px 70px 0px;
}

.banne-heading {
    position: absolute;
    bottom: -70px;
    left: 0.5rem;
}
	.text-right {
    position: relative;
    bottom: 28px;
}
.blog-details-banner .card-meta span {
    padding-right: 5px;
}
.blog-details-banner-heading {
    color: #464158;
    font-size: 0.8rem;
    font-family: var(--body);
    font-weight: 300;
}
.card-meta span {
    font-size: 0.7rem;
}
	
/* 	Blog page  */
	
		.blog-row{
	display:block;
	height:100%;
}

    .blog-box img {
    display: none;
}
.blog-img-contnant img {
    display: block;
}
.blog-img-contnant {
    position: relative;
   
}
.blog-content {
    padding: 24px;
}
	
		.pagination {
   
    font-size: 13px;
}
	.page-numbers:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='74' viewBox='0 0 66 74' fill='none'%3E%3Cg filter='url(%23filter0_b_890_11725)'%3E%3Cpath d='M48.4805 10.1789L48.4805 10.1789L48.4875 10.1829L61.5113 17.632C63.0744 18.5261 64.0361 20.1917 64.0288 21.9925L63.968 36.9959L63.968 37.0041L64.0288 52.0075C64.0361 53.8083 63.0744 55.4739 61.5113 56.368L48.4875 63.8171L48.4875 63.817L48.4805 63.8211L35.5175 71.3755C33.9616 72.2822 32.0384 72.2822 30.4825 71.3755L17.5195 63.8211L17.5195 63.8211L17.5125 63.8171L4.48874 56.368C2.92556 55.4739 1.96392 53.8083 1.97122 52.0075L2.03202 37.0041L2.03199 36.9959L1.97122 21.9925C1.96392 20.1917 2.92556 18.5261 4.48874 17.632L17.5125 10.1829L17.5125 10.183L17.5195 10.1789L30.4825 2.62454C32.0384 1.71782 33.9616 1.71782 35.5175 2.62454L48.4805 10.1789Z' stroke='%23464158' stroke-opacity='0.4' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_890_11725' x='-11.9293' y='-11.9557' width='89.8586' height='97.9113' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='6.45'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_890_11725'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_890_11725' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    width: 46px;
    height: 53px;
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: -17px;
    margin: 0 auto;
}
	
	
	ul.Privacy {
    margin: 0px;
}
section.thanks-sec:after {
    content: '';
    background-image: url('../images/Group 67.png');
    background-size: contain;
    background-position: left;
    position: absolute;
    top: 0;
    right: 0px;
    width: 150px;
    height: 200px;
    z-index: 4;
    background-repeat: no-repeat;
}
section.thanks-sec:before {
    content: '';
    background-image: url('../images/Group 66.png');
    background-size: contain;
    background-position: left;
    position: absolute;
  
    top: 40%;
    width: 200px;
    height: 141px;
    z-index: 4;
    background-repeat: no-repeat;
}
	
/* careers page */
	
		.career_middle_heading {
    color: rgba(70, 65, 88, 0.8);
    font-size: 3rem;
    font-family: var(--headfont);
    font-weight: 300;
    /* letter-spacing: 0px; */
}
	
	.process_heading {
    font-family: var(--headfont);
    font-weight: 400;
    font-size: 4rem;
    line-height: 93%;
    color: #464158;
    margin: auto;
}
	.careers-bts-sec {
    margin: 50px 0px !important;
}
	.careers-bts-sec .text-btn {
 
    font-size: 0.5rem !important;

}
	.careers-bts-sec .mail {
    font-size: 1.2rem !important;
 
}
	
		.careers-header{left: 0 !important;}
		.career:before {
			content: '';
			background-image: url('../images/Group 37228.png');
			background-size: contain;
			background-position: left;
			position: absolute;
			bottom: 0px;
			left: 50%;
			width: 90%;
			height: 280px;
			z-index: 4;
			background-repeat: no-repeat;
			transform: translateX(-50%);
		}
		.career-page .breadcrumb_section .pink_vector_logo {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			transform: translateX(-50%);
		}
		.career-page .breadcrumb_title {
			transform: translate(-50%, -50%);
			top: 40%;
			width: 95%;
			left: 50%;
		}	
		.career_middle_heading{font-size: 3rem;}
		.process_heading, .process_paragraph{text-align: center;}
	
	.life-section-card img{width: 100%;}
		img.bees-image {
		max-width: 100%;
		margin: 0 auto;
		position: relative;
		left: 50%;
		transform: translateX(-54%);
		margin-top: 0px;
	}
.career_job_sec {
    background-color: rgba(251, 238, 213, 1);
    margin: 40px 0px !important;
    border-radius: 30px;
    padding: 20px 30px !important;
    font-family: poppines;
}
	.Opportunities-box {
    text-align: left;
    border: 1px solid rgba(237, 157, 33, 0.4);
    padding: 30px 70px 0px 30px;
    margin: 10px !important;
    border-radius: 20px;
  
    position: relative;
}
	
	.Opportunities-box-img {
    position: absolute;
    top: 31% !important;
    right: -36px !important;
}
	
	.contaform {
    padding: 20px 20px;
   
}
	.section-1 {
    position: relative;
    margin: 20px 10px 13px 10px !important;
}
		.section-3 {
    position: relative;
    margin: 210px 10px 13px 10px !important;
}
.contaform input, .formcust textarea {
  
    width: 100%;
}
    .our-service-slider .swiper-slide {
        max-width: 400px !important;
    }
    .our-service-slider .swiper-slide {
      width: 100% !important;
  }

  .our-service-slider img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
  .our-service-slider {
    position: absolute;
    top: 180px;
    overflow: hidden;
    width: 100%;
    /* left: -8px; */
}


.Creative-Studio-content {
    position: relative;
    top: 0px;
    /* width: 99%; */
    left: 20px;
    overflow: hidden;
}
.Creative-Studio-text {
    position: relative;
    top: 15px;
    width: 100%;
    color: #000;
    font-family: var(--body);
    /* right: 10px; */
    padding-right: 30px;
}
section.section-2 img {
  
    display: none;
}
.our-service-text {
   
    position: relative;
    top: 100px;
}

section.section-2 {
    margin-top: 120px;
}
.our-service-text {
    font-family: var(--body);
    padding: 0 10px;
    color: #464158;
    font-weight: 500;
}

.background-img-body {
   
    overflow: hidden;
}
.our-services-box-content {
    padding-top: 80px;
}
	
/* 	portfolio*/
	
	.portfolio__filter {
border: 1px solid #F1F1F1;
border-radius: 20px;
width: 100%;
background: #C781D31A;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.portfolio-content img {
width: 100%;
padding: 30px;
border-radius: 50px;
height: 260px;
}
.portfolio-bottom {
    display: flex;
    align-items: center;
    width: 85%;
    justify-content: space-between;
    left: 29px;
    position: relative;
    bottom: 50px;
}
.portfolio {
/*     margin: 150px 0px 0px 0px; */
    position: relative;
}
/* 	faq */
	
	   .faq_section  .accordion {
        padding: 0 16px;
    }
    .faq_section  .accordion h1 {
        font-size: 22px;
    }
	
	.faq_section {
    padding: 0px;
    background: rgba(151, 71, 255, 0.1);
    margin: 50px  0px;
    border-radius: 20px;
}
.faq_section  .accordion-item .accordion-item-title {
   
    font-size: 0.8rem;
   
}
.faq_section  .accordion-item .accordion-item-desc {
    display: none;
    font-size: 0.7rem;
    line-height: 19px;
    
}
.faq_section .mobile .accordion {
    
    min-width: 320px;
    margin: 50;
    
    margin: -19px 0px 50px 0px;
}
section.Privacy-section {
    margin: 50px 0px !important;
}
.process_paragraph.Privacy_sub_text {
    margin: 30px 0px 0px 0px !important;
   
}
	.formcust {
    padding: 0px;
}
	
/* 	Privecy  */
	
		ul.Privacy {
    margin: 0px;
}
section.thanks-sec:after {
    content: '';
    background-image: url('../images/Group 67.png');
    background-size: contain;
    background-position: left;
    position: absolute;
    top: 0;
    right: 0px;
    width: 150px;
    height: 200px;
    z-index: 4;
    background-repeat: no-repeat;
}
section.thanks-sec:before {
    content: '';
    background-image: url('../images/Group 66.png');
    background-size: contain;
    background-position: left;
    position: absolute;
  
    top: 40%;
    width: 200px;
    height: 141px;
    z-index: 4;
    background-repeat: no-repeat;
}
	
/* 	Footer */
	
		section.blog-sec-1 {
    margin: 100px 0px 40px 0px;
}
body.page-template {
    margin-bottom: 0px !important;
}
	.footer-sec {
    text-align: center;
}
	.footer-sec h4 {
    text-align: center !important;
}
	.footer-design h4 {
    text-align: left;
    font-size: 1.5rem;
    font-family: var(--body);
    font-weight: 400;
    margin: 5px 0px 10px 0px;
    color: rgba(70, 65, 88, 1);
}
.footer-heading {
    color: rgba(70, 65, 88, 1);
    font-family: var(--headfont);
    font-size: 2rem;
    text-align: center;
    margin: 20px 0px;
}
	.footer-design ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
    font-family: var(--body);
}
	
	.footer-design h4 {
    text-align: left;
    font-size: 1.5rem;
    font-family: var(--body);
    font-weight: 400;
    margin: 20px 0px 10px 0px;
    color: rgba(70, 65, 88, 1);
}
	
    .formcust {
        padding: 0px;
    }

	
	.contaform input, select, .formcust textarea {
    background: transparent;
    border: 1px solid #464158 !important;
    border-radius: 20px !important;
    padding: 6px 25px !important;
    font-family: var(--body);
    color: #939393 !important;
    font-weight: 400;
    font-size: 0.9rem !important;
    width: 100%;
}

.footer-design {
    background: rgb(254 252 217 / 20%);
    border-radius: 35px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 3px solid rgba(255, 255, 255, 0.70);
    text-align: center;
    padding: 20px;
    margin: 20px;
    margin: 0px 0px 20px 0px;
}
	.footer-sec input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: rgba(230, 81, 37, 1);
    color: #fff;
    border-radius: 20px;
    font-size: 1rem;
    font-family: var(--body);
    position: relative !important;
    padding: 10px 30px;
    margin: 10px;
    position: relative;
   
    right: -30px !important;
    
}
	ul.social-icons {
    display: flex;
   
    align-items: center;
   
    text-align: center;
    width: 100%;
    height: auto;
    gap: 20px;
    align-content: center;
    justify-content: center;
}
	ul.copy-right-links {
    text-decoration: none;
    color: rgba(70, 65, 88, 1);
    text-align: right;
    display: flex;
    float: left;
    gap: 10px;
    padding: 10px;
}
	
/* 	about us */
	
	    /*Vision Mission Section mobile css*/
    .vision_mission_section .mission-title {
        position: relative;
        left: 0;
    }
	
	.vision_mission_section .mission-description, .vision_mission_section .vision-description{font-size: 1.2rem; max-width: 100%;}

	
    .vision_mission_section .vision-title {
        position: relative;
    }

    .values_block {
        margin-top: 30px;
    }

    .vision_mission_section .mission-background,
    .vision_mission_section .vision-background {
        max-width: 100%;
    }

    .vision_mission_section .mission-title {
        max-width: 100%;
        margin: 15px auto;
    }

    .vision_mission_section .vision-block {
        left: 0;
    }

    .vision_mission_section .vision_wrapper {
        margin-top: 20px;
    }

    .vision_mission_section .vision-title {
        max-width: 100%;
        left: 0;
        margin: 20px 0;
    }
	
	.vision_mission_section .mission_wrapper, .vision_mission_section .vision_wrapper {
		position: relative;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

    /*Choose Section mobile css*/

    .choose-section .choose-item .choose-image,
    .choose-section .choose-item-content {
        transform: translateX(0);
    }

    .choose-section .choose-item-text .choose-description {
		max-width: 100%;
		font-size: 1.1rem;
	}

    .choose-section .choose-sub-title, .choose-section .choose-description{text-align: center;}
    .choose-section .choose-item-number{position: relative;}

		.vision_mission_section .values-title{font-size: 2.8rem; max-width: 100%;}
	.vision_mission_section .values-description {
		max-width: 100%;
		font-size: 1.1rem;
	}
	.breadcrumb-content {
		max-width: 100% !important;
	}
	.choose-section .choose-section-title{font-size: 2.8rem;}
	.choose-section .choose-item-text .choose-sub-title{font-size: 1.5rem;}
	.choose-section .choose-item-number{font-size: 1.5rem;}
	.about-breadcrumb-paragraph{text-align: center;}
	
	
/* 	clients */
	
		.clients-logo-image {
			width: 530px;
			right: 0rem;
			height: 100%;
		}
		.clients-section::before {display: none;}
		.clients-page .breadcrumb_title {
			transform: translate(-50%, -50%);
			top: 45%;
			width: 90%;
			left: 50%;
		}
	
/* 	content-marketing-services */
	.content-marketing-services-section .content-marketing-description{font-size: 0.8rem;}
	
/* 	digital-marketing-services */
	.digital-marketing-services-section .digital-marketing-description{font-size: 0.9rem;}
	
/* 	header */
	
		.full-page-menu-header{flex-direction: column; gap: 30px;}
	.row.full-page-menu-bg{background: none;}
	.menu-option-left:not(:last-child){border: none;}
	.left-menu-option:after{display: none;}
/* 	.btn-close{bottom: 0%; right: 50%;} */
	.offcanvas.offcanvas-top{height: 100%;}
	.menu-option{text-align: center;}
	p.sub-menu-option {
		padding: 0;
		text-align: center;
	}
	.mobile-menu-links-honey a:visited {
    color: #ffffff;
}
		.menu-option{padding: 0rem;}
		.navbar-collapse div {
			flex-direction: column;
		}	
		.navbar>.container-fluid {
			justify-content: center;
			margin: 15px 0;
		}	
	.overtopmenu button.btn.btn-primary img {
		margin-right: 10px;
		width: 20px;
		height: 20px;
	}
		

	.overtopmenu button.btn.btn-primary {
		color: #464158;
		font-family: var(--body);
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
	}	
	
	.desktop-header{
            display:none;
		}
	.mobile-links-mobile {
    position: absolute;
    padding-top: 26px;
    top: 2rem;
    /* width: 100%; */
}
				.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /* justify-content: center; */
    align-content: center;
}
				.mobile_header {
    position: relative;
    padding: 20px;
				
					display: block;
}
				.btn-close {
    top: 4%;
    right: 10%;
}
				.btn-close {
					width: max-content;
    position: absolute;
   
    font-size: 1.8rem !important;
    
}
	.menu-option {
    font-size: 1rem;
    margin-bottom: 13px;
    color: #fff;
    font-style: italic;
    font-family: var(--menu);
    font-weight: 275;
    padding: 0px 0rem;
}

a.mobile-menu-link {
    font-family: var(--menu);
    text-decoration: none;
    color: #fff;
    font-style: italic;
    font-size: 1.2rem;
    font-weight: 300;
}		
a.mobile-sub-menu-link {
    font-family: var(--menu);
    text-decoration: none;
    color: #fff;
    font-style: italic;
    font-weight: 300;
}				
.mobile-sub-menu-links-honey li{margin-bottom: 10px;}
ul.mobile-menu-links-honey, .mobile-sub-menu-links-honey {
    padding: 0px;
    list-style: none;
    margin: 15px;
	padding-left: 10px;
	        max-height: 500px;
        overflow-y: auto;
}		
/* .mobile-menu-bg{height: 100%; z-index: -1;}	 */
	
	.btn-close{z-index: 2;}
		.mobile-links-mobile{z-index: 1;}
	
/* 	sitemap */
	.desktop_sitemap{display: none;}
		.mobile_sitemap{display: block;}
	
	.breadcrumb-with-form-title {
			font-size: 3rem;
			text-align: center;
			line-height: 3rem;
		}
		.breadcrumb-with-form-description {
			font-size: 1rem;
			text-align: center;
		}
	
	.servicesform{max-width: 100% !important;}
	
/* 	Team */
	
		.Our_team_page .breadcrumb_section .pink_vector_logo {
			position: absolute;
			top: 45%;
			left: 50%;
			width: 100%;
			transform: translateX(-50%);
		}
		.Our_team_page .breadcrumb_title {
			transform: translate(-50%, -50%);
			top: 40%;
			width: 100%;
			left: 50%;
		}
	
/* 	video-production-services */
	     .video-production-services .video-before-image {
            position: absolute;
            top: -15%;
            right: -10%;
            width: 14rem;
            z-index: 1;
        }
        .video-production-services .video-content-reverse .video-before-image {
            position: absolute;
            top: -12%;
            left: -10%;
            width: 14rem;
            z-index: 1;
        }
	
/* 	web-services */
	
		.breadcrumb-with-form-title {
			font-size: 3rem;
			text-align: center;
			line-height: 3rem;
		}
		.breadcrumb-with-form-description {
			font-size: 1rem;
			text-align: center;
		}
	
}



/* About */
@media (min-width: 320px) and (max-width: 575.98px) {
	
	
/* 	Team */
	  .founder-container{
        width:100%;
        margin:auto;
    }
    .founders_heading {
    font-family: var(--headfont);
    font-weight: 400;
    font-size: 2.5rem;
    color: #464146;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 10%;
}
    .founder_information{
        position: absolute;
        top: 31%;
        transform: translate(-50px, 50px);
        left: 19%;
        text-align: end;
    }
    .founder_information1{
        position: absolute;
        top: 31%;
        transform: translate(-50px, 50px);
        left: 50%;
        text-align: end;
    }
    .founder_information2{
        position: absolute;
        top: 81%;
        transform: translate(-50px, 50px);
        right: 54%;
        text-align: end;
    }
    .founder_information3{
        position: absolute;
        top: 81%;
        transform: translate(-50px, 50px);
        right: 22%;
        text-align: end;
    }
    .founder-name{
    font-size: 1rem;
    }
    .founder-role{
    font-size: 0.8rem;
    }
/*     .linked_img{
        width:30%;
    } */
    .linked_img1{
        width:20%;
    }
    .linked_img2{
        width:25%;
    }
	
	 .founders_section{
         margin-top:5rem;
    }
    .founders_section .founder_container{
        width: 100%;
        margin: auto;
        padding-top:21rem;
        padding-bottom: 2rem;
    }
    .founders_section .founders_heading{
        font-size: 2.5rem;
    }
    .founders_section .noufel_img::after{
        top: -24%;
        left: -4%;
        width: 16rem;
        height: 20rem;
    }
    .founders_section .shafeeque_img::after{
        top: -44%;
        left: -22%;
        width: 21rem;
        height: 23rem;
    }
    .founders_section .krishna_img::after{
        top: -33%;
        left: -19%;
        width: 22rem;
        height: 22rem;
    }
    .founders_section .sajeevan_img::after{
        top: -55%;
        left: -31%;
        width: 20rem;
        height: 23rem;
    }
    .founders_section .founder_name {
            font-size: 14px;
    }
    .founders_section .founder_desg{
        font-size: 0.8rem;
    }
    .Nazarius_section {
        width: 100%;
        margin: auto;
        position: relative;
    }
    .Nazarius_section::before {
        top: -7rem;
        right: 66rem;
        width: 45rem;
        height: 70rem;
    }
    .Nazarius_section .naz_name {
        font-size: 1.5rem;
    }
    .Nazarius_section .designation {
        font-size: 1rem;
    }
    .Nazarius_section .linked_icon{
        width:2.5rem;
        height:2.5rem;
    }
    .Nazarius_section .information_para {
        font-size: 1rem;
    }
    .department_section {
        width: 100%;
        margin: auto;
    }
    .department_section .department_heading {
        font-size: 2rem;
    }
    .department_section .head_name {
        font-size: 1rem;
    }
    .department_section .designation_name {
        font-size: 0.8rem;
    }
    .Team_section .team_heading {
        font-size: 2rem;
    }
	
	  .level_container{
    margin:auto;
    width:100%;
  }
	
	 .breadcrumbsectioncontainer{
    margin: auto;
        width: 100%;
  }
 .breadcrumbsection_heading{
    font-size: 3rem;
    text-align: center;
  }
.breadcrumbsection_paragraph{
    font-size: 1rem;
        text-align: center;
}
	
	.breadcrumb_title{
		transform: translate(-50%, -50%);
    top: 32%;
    width: 100%;
    left: 50%;
	}
  .breadcrumb_heading {
      font-size: 3rem!important;
      text-align: center;
  }
  .breadcrumb_paragraph {
      font-size: 14px; font-size: 1rem;
      text-align: center;
  }
 .breadcrumb_section .pink_logo::after {
      top: -1rem;
      right: -32rem;
      width: 53rem;
      height: 18rem;
  }
	.breadcrumb_section .pink_vector_logo {
        position: absolute;
        top: 32%;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
    
}
	
    .about-us .breadcrumb_section .pink_vector_logo {
        position: absolute;
        top: 38% !important;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
    }
	
/* 	puzzle */
	
	 .graphic_desginer_section .graphic_heading {
        font-size: 2rem;
        text-align: center;
    }

    .graphic_desginer_section .paragraph {
        font-size: 1rem;
        text-align: center;
    }

    .graphic_desginer_section .btnpurple {
        font-size: 14px;
        width: 200px;
        margin: auto;
    }

    .graphic_desginer_section .btnpurple:hover {
        background: #E65125;
        border: none;
    }
    .green_button .btn_green {
       width: 200px;
        font-size: 14px;
    }
    .green_button .btn_green:hover {
        background: #E65125;
        border: none;
       
    }
    .btn_purple {
        text-align: center;
    }

    .paragraph_section .paragraph_container::after {
        background: none;
    }

    .paragraph_section .paragraph_container {
        width: 100%;
        margin: auto;
        position: relative;
    }
	
	
/* 	process */
	
    .briefing_process_section .numerical {
        font-size: 2rem;
    }

    .briefing_process_section .brief_heading {
        font-size: 1.1rem;
    }

    .briefing_process_section .brief_paragraph {
        font-size: 0.8rem;
        line-height: 20px;
    }

    .briefing_process_section .clients {
        font-size: 20px;
    }
    .briefing_process_section .orange_card_paragraph {
        top: 15rem;
        text-align: start;
        left: 2rem;
    }
    .briefing_process_section .orange_card_paragraph .organge_white {
        font-size: 1rem;
    }
    
    .briefing_process_section .orange_card_paragraph .organge_middle_white {
        font-size: 1.8rem;
    }
    .briefing_process_section .orange_card_paragraph2 {
        top: 15rem;
        text-align: start;
        left: 2rem;
    }
    .briefing_process_section .orange_card_paragraph2 .organge_white2 {
        font-size: 1rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_middle_white2 {
        font-size: 1.8rem;
    }
    .briefing_process_section .orange_card_paragraph3 {
        top: 15rem;
        text-align: start;
        left: 2rem;
    }
    .briefing_process_section .orange_card_paragraph3 .organge_white3 {
        font-size: 1rem;
    }
    
    .briefing_process_section .orange_card_paragraph3 .organge_middle_white3 {
        font-size: 1.8rem;
    }
   
	
/* 	creative-studio */
	
	    .creative_studio_page .brand_impact_section .brand_container {
        margin: auto;
        width: 100%;
    }

    .creative_studio_page .brand_impact_section .brand_container .maximize_heading {
        font-size: 1.5rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .maximize_paragraph {
        font-size: 0.8rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle::after {
        top: 4rem;
        right: -19rem;
        width: 38rem;
        height: 9rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .first_img {
        top: 0rem;
        left: 12rem;
        width: 10rem;
        z-index: 9;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .second_img {
        top: 3rem;
        left: 0rem;
        width: 10rem;
        z-index: 9;
    }

    .style_section {
        padding-top: 18rem;
    }

    .creative_studio_page .style_section .style_container .own_heading {
        
        font-size: 1.8rem;
        color: transparent;
        -webkit-text-stroke: 1px #464158;
        text-transform: lowercase;
        text-align: center;
    }

    .orange_color {
        font-size: 1.8rem;
        -webkit-text-stroke: 0px;
    }

    .green_color {
        font-size: 1.8rem;
        -webkit-text-stroke: 0px;
    }
	
/* 	design-services */
	   .design_services_page .design_container {
        margin: auto;
        width: 100%;
    }
    .design_services_page .design_services_section .design_services_heading {
        font-size: 3rem;
        text-align: center;
    }
    
    .design_services_page .design_services_section .design_services_paragraph {
        font-size: 1rem;
        text-align: center;
    }
    .design_services_page .marketing_section .marketing_container {
        margin: auto;
        width: 100%;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card::before {
        top: -2rem;
        right: 0rem;
        width: 10rem;
        height: 10rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info {
        top: 5rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .heading {
        font-size: 1.2rem;
        line-height: 24px;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .paragraph {
        font-size: 0.8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 {
        position: relative;
        padding-top: 3rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1::before {
        top: 1rem;
        right: 0rem;
        width: 10rem;
        height: 10rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info {
        top: 7em;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .heading {
        font-size: 1.2rem;
        line-height: 24px;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading1 .heading {
        font-family: 'Rozha One';
        font-weight: 400;
        font-size: 2rem;
        text-transform: capitalize;
        color: #464158;
        text-align: center;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .paragraph {
        font-size: 0.8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 {
        position: relative;
        padding-top: 3rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2::before {
        top: 1rem;
        right: 0rem;
        width: 10rem;
        height: 10rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info {
        top: 8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .heading {
        font-size: 1.2rem;
        line-height: 24px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .paragraph {
        font-size: 0.8rem;
        padding-top: 1rem !important;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading .heading {
        font-size: 4rem;
        top: -2rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 {
        position: relative;
        padding-top: 3rem;
        right: 0px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3::before {
        top: 1rem;
        right: 0rem;
        width: 10rem;
        height: 10rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info {
        top: 8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .heading {
        line-height: 24px;
        font-size: 1.2rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .paragraph {
        font-size: 0.8rem;
        padding-top: 1rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 {
        position: relative;
        padding-top: 3rem;
        right: 0px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4::before {
        top: 1rem;
        right: 0rem;
        width: 10rem;
        height: 10rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info {
        top: 8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .heading {
        font-size: 1.2rem;
        line-height: 24px;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .paragraph {
        font-size: 0.8rem;
        padding-top: 1rem !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
	
	
		.about-us .breadcrumb_title {
			transform: translate(-50%, -50%);
			top: 45%;
			width: 100%;
			left: 50%;
		}		
		.about-us .breadcrumb_section {
			height: 90vh;
		}	
	
/* 	Team */
	
	

	
	  .founders_section .noufel_img::after{
        top: -32%;
        left: -10%;
        width: 36rem;
        height: 29rem;
    }
    .founders_section .shafeeque_img::after{
        top: -44%;
        left: -22%;
        width: 42rem;
        height: 31rem;
    }
    .founders_section .krishna_img::after{
        top: -30%;
        left: -16%;
        width: 28rem;
        height: 29rem;
    }
    .founders_section .sajeevan_img::after{
        top: -47%;
        left: -24%;
        width: 25rem;
        height: 29rem;
    }
	
	 .breadcrumbsectioncontainer{
    margin: auto;
        width: 100%;
  }
 .breadcrumbsection_heading{
    font-size: 3rem;
    text-align: center;
  }
   .breadcrumbsection_paragraph{
    font-size: 1rem;
        text-align: center;
}
	
	
	  .breadcrumb_section{
      height:105vh;
  }
  .breadcrumb_heading {
      font-size: 4rem;
      text-align: center;
  }
  .breadcrumb_paragraph {
      font-size: 1rem;
      text-align: center;
  }

 .pink_logo::after {
      top: -2rem;
      right: -30rem;
      width: 60rem;
      height: 23rem;
  }
 .pink_vector_logo {
    position: absolute;
    top: 24%;
    right: 10%;
    width: 100%;
}
/* 	puzzle */
	
	.formcust.Puzzle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
		gap: 0px;}
	  .graphic_desginer_section .graphic_heading {
        font-size: 2.5rem;
    }

    .graphic_desginer_section .paragraph {
        font-size: 1rem;
        text-align: center;
    }

    .graphic_desginer_section .btnpurple {
        font-size: 16px;
        width: 200px;
        margin: auto;
    }

    .graphic_desginer_section .btnpurple:hover {
        background: #E65125;
        border: none;
    }

    .graphic_desginer_section {
        margin-top: 23rem;
    }

    .paragraph_section .paragraph_container::after {
        background: none;
    }
    .green_button .btn_green {
        width: 200px;
        font-size: 16px;
    }
    .green_button .btn_green:hover {
        background: #E65125;
        border: none;
       
    }
	
	
	
/* 	process */
	
	 .briefing_process_section .numerical {
        font-size: 3rem;
    }

    .briefing_process_section .brief_heading {
        font-size: 1.5rem;
    }

    .briefing_process_section .brief_paragraph {
        font-size: 1rem;
    }

    .briefing_process_section .clients {
        font-size: 20px;
    }
    .briefing_process_section .orange_card_paragraph {
        top: 24rem;
        text-align: start;
        left: 4rem;
    }
    
    .briefing_process_section .orange_card_paragraph .organge_white {
        font-size: 1.5rem;
    }
    
    .briefing_process_section .orange_card_paragraph .organge_middle_white {
        font-size: 2rem;
    }
    .briefing_process_section .orange_card_paragraph2 {
        top: 24rem;
        text-align: start;
        left: 4rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_white2 {
        font-size: 1.5rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_middle_white2 {
        font-size: 2rem;
    }
    .briefing_process_section .orange_card_paragraph3 {
        top: 24rem;
        text-align: start;
        left: 4rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_white3 {
        font-size: 1.5rem;
    }
    
    .briefing_process_section .orange_card_paragraph2 .organge_middle_white3 {
        font-size: 2rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle::after {
        top: 4rem;
        right: -15rem;
        width: 42rem;
        height: 12rem;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .first_img {
        top: 6rem;
        left: 4rem;
        width: 11rem;
        z-index: 9;
    }

    .creative_studio_page .brand_impact_section .brand_container .orange_rectangle .second_img {
        top: -1rem;
        left: 18rem;
        width: 11rem;
        z-index: 9;
    }
    .style_section {
        padding-top: 22rem;
    }
	
	/* 	design-services */
	
	  .design_services_page .design_container {
        margin: auto;
        width: 100%;
    }
    .design_services_page .design_services_section .design_services_heading {
        font-size: 4rem;
        text-align: center;
    }
    
    .design_services_page .design_services_section .design_services_paragraph {
        font-size: 1rem;
        text-align: center;
    }
    .design_services_page .marketing_section .marketing_container {
        margin: auto;
        width: 100%;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card::before {
        top: -2rem;
        right: 0rem;
        width: 16rem;
        height: 16rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info {
        top: 9rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .heading {
        font-size: 1.8rem;
    }
    
    .design_services_page .marketing_section .marketing_container .orange_card .orange_info .paragraph {
        font-size: 1.2rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 {
        position: relative;
        padding-top: 3rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1::before {
        top: 1rem;
        right: 0rem;
        width: 16rem;
        height: 16rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info {
        top: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .heading {
        font-size: 1.8rem;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading1 .heading {
        font-family: 'Rozha One';
        font-weight: 400;
        font-size: 2.5rem;
        text-transform: capitalize;
        color: #464158;
        text-align: center;
    }
    .design_services_page .marketing_section .marketing_container .orange_card1 .orange_info .paragraph {
        font-size: 1.2rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 {
        position: relative;
        padding-top: 3rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2::before {
        top: 1rem;
        right: 0rem;
        width: 16rem;
        height: 16rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info {
        top: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .heading {
        font-size: 1.8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card2 .orange_info .paragraph {
        font-size: 1.2rem;
        padding-top: 1rem !important;
    }
    .design_services_page .marketing_section .marketing_container .comminication_heading .heading {
        font-size: 4rem;
        top: -2rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 {
        position: relative;
        padding-top: 3rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3::before {
        top: 1rem;
        right: 0rem;
        width: 16rem;
        height: 16rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info {
        top: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .heading {
        font-size: 1.8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card3 .orange_info .paragraph {
        font-size: 1.2rem;
        padding-top: 1rem !important;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 {
        position: relative;
        padding-top: 3rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4::before {
        top: 1rem;
        right: 0rem;
        width: 16rem;
        height: 16rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info {
        top: 12rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .heading {
        font-size: 1.8rem;
    }
    .design_services_page .marketing_section .marketing_container .orange_card4 .orange_info .paragraph {
        font-size: 1.2rem;
        padding-top: 2rem !important;
    }
	
	
}

  @media only screen and (min-width: 430px) and (max-width: 930px) {
    /* Your CSS rules for devices with widths between 430px and 930px */
    .our-service-slider {
        position: absolute;
        top: 130px;
        overflow: hidden;
        width: 100%;
        padding: 10px;
    }
}

@media (min-width: 320px) and (max-width: 470px) {
    .about-us .breadcrumb_section .pink_vector_logo {
        top: 84% !important;
    }
	
	.about-us .breadcrumb_section {
        	height: 110vh !important;
    	}
	   .about-us .breadcrumb_title {
        transform: translate(-50%, -50%);
        top: 55% !important;
        width: 100%;
        left: 50%;
    }
}
.contaform input, select, .formcust textarea{
	border:0.75px solid rgba(70, 65, 88, 0.5) !important;
}