/* a:focus, a:active, a:visited {
    outline: none;
    color: transparent!important;
    border: none;
} */

.web-arrow {
   
    float: right;
}
.web-arrow img {
    width: 50px;
}

/* single blog post css */
.next-btn.post-available-btn {
    text-decoration: none;
    color: #46415899;
    font-family: var(--body);
    font-size: 1rem;
	padding: 0 50px;
}
.next-btn.post-available-btn:hover{
	color: #E65125;
}	
.next-btn.post-available-btn svg path, .next-btn.post-available-btn svg path {
	stroke: #969696;
}	
.next-btn.post-available-btn:hover svg path, .next-btn.post-available-btn:hover svg path {
	stroke: #E65125;
}	
.next-btn svg {
    width: 55px;
    padding: 0 10px;
}
/* single blog post End css */
.our_process_page.overflow-hidden.blog {
    padding: 0px;
}

/* @media (min-width: 1200px) and (max-width: 1600px){
  
 .btn.blog-btn {
  
    right: 1% !important;
   
}

h2.blog-heading {
    
    font-size: 1.2rem !important;
   
}
.blog-img-contnant img {
    
    height: 95% !important;
}
} */


.process_heading {
    font-family: var(--headfont);
    font-weight: 400;
    font-size: 7rem;
    line-height: 93%;
    color: #464158;
    margin: auto;
}

.contaform select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 40px 10px 15px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M1.79079 -0.000315605L10.2108 -0.000314869C10.5432 -0.000796446 10.869 0.0928706 11.1503 0.269844C11.4317 0.446817 11.6572 0.699861 11.8008 0.999685C11.9688 1.35543 12.0335 1.75122 11.9876 2.14195C11.9416 2.53269 11.7868 2.90265 11.5408 3.20968L7.33079 8.30968C7.16557 8.50031 6.9613 8.6532 6.73183 8.75798C6.50236 8.86276 6.25305 8.91699 6.00079 8.91699C5.74852 8.91699 5.49921 8.86276 5.26974 8.75798C5.04027 8.6532 4.836 8.50031 4.67079 8.30968L0.460784 3.20968C0.214778 2.90265 0.0599705 2.53269 0.0140015 2.14195C-0.0319675 1.75122 0.0327537 1.35543 0.200786 0.999684C0.344328 0.69986 0.569845 0.446816 0.851232 0.269843C1.13262 0.0928698 1.45837 -0.00079724 1.79079 -0.000315605Z' fill='%23464158' fill-opacity='0.8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    cursor: pointer;
  
}

.contaform  select option {
	  color: rgba(70, 65, 88, 0.5) !important;
	font-size:1rem;
	}
	.contaform select option:hover {
	  background: #878232 !important;
	  color: #fff !important;
	}
/* 	.contaform select option:checked {
	  background: #878232 !important;
	  color: #fff !important; 
	} */
.page-template-thank-you .level_up_your_brand.pt-5.mt-5.pb-5.footer-top,
.page-template-404 .level_up_your_brand.pt-5.mt-5.pb-5.footer-top,
.page-template-contact .level_up_your_brand.pt-5.mt-5.pb-5.footer-top {
    display: none;
}

.pink_logo_s::after {
    content: "";
    position: absolute;
    top: -4rem;
    right: -32rem;
    width: 65rem;
    height: 32rem;
    background-image: url(./../images/puzzle/pink_honeycomb_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.pink-layout{
	position : relative;
}
.pink_logo_s::before {
    content: "";
    position: absolute;
    top: -7rem;
    right: -42rem;
    width: 68rem;
    height: 41rem;
    background-image: url(./../images/puzzle/purplish_vector.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.cv-upload::before {
  content: "Upload your CV";
  display: inline-block;
  background-color: #0073e6;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.process_paragraph {
    font-family: var(--body);
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 170%;
    background: linear-gradient(90deg, #5C489C 0%, #ED9D21 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 9;
    position: relative;
    top: 30px;
}

/* contact form css start */
img.cbg {
    position: absolute;
    bottom: 0px;
    right: 0;
    max-width: 500px;
    z-index: -1;
}
.color-effect {
    position: relative;
    z-index: 0;
}
.contaform {
/*padding: 20px 0;*/
background: rgba(255, 255, 255, 0.45);
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-top: 40px;
max-width: 90%;
	margin: 0 auto;
}
.contaform h2 {
    text-align: center;
    font-family: var(--body);
    /* font-style: italic; */
    font-size: 29px;
    font-weight: 200;
    margin-bottom: 1rem;
    color: rgba(70, 65, 88, 1);
}
label {
    display: inline-block;
    width: 100%;
    /* padding: 0 20px; */
}
.formcust {
    padding: 20px;
}
.puzzle h2 {
    text-align: center;
    font-family: var(--headfont);
    font-size: 29px;
    font-weight: 200;
    margin-bottom: 2rem;
    color: rgba(70, 65, 88, 1);
}
.contaform input, select, .formcust textarea {
    background: transparent;
/*     border: 1px solid #464158 !important; */
   border :0.75px solid rgba(70, 65, 88, 0.5) !important;
	border-radius: 37.61px !important;
    padding: 10px 25px !important;
    font-family: var(--body);
    color: #939393 !important;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
}

 

.contaform textarea {
    height: 110px;
    border-radius: 30px;
}

a.linkani:hover {
    background-color: #E65125;
}
a.linkani:before {
    content: "";
    position: absolute;
    background: #5C489C;
    width: 150px;
    height: 38px;
    overflow: hidden;
    transition: all 0.5s linear;
    transform: translateX(-150px);
    border-radius: 30px;
    z-index: -1;
}
a.linkani:hover:before {
    transform: translateX(150px);
}
.contaform input.wpcf7-form-control.wpcf7-submit {
    background: #5C489C;
    color: #ffff !important;
    margin: auto;
    display: flex;
   font-family: var(--body);
	justify-content:center;
}


.wpcf7 textarea::placeholder {
  color: #888; /* Change to your desired color */
  font-size: 14px; /* Change to your desired size */
  font-style: normal; /* Optional: Make placeholder italic */
  opacity: 1; /* Ensure placeholder is fully visible */
}
.wpcf7 select::placeholder {
  color: #888; /* Change to your desired color */
  font-size: 14px; /* Change to your desired size */
  font-style: normal; /* Optional: Make placeholder italic */
  opacity: 1; /* Ensure placeholder is fully visible */
}

.wpcf7 input::placeholder {
  color: #888; /* Change to your desired color */
  font-size: 14px; /* Change to your desired size */
  font-style: normal; /* Optional: Make placeholder italic */
  opacity: 1; /* Ensure placeholder is fully visible */
}
.contaform input.wpcf7-form-control.wpcf7-submit:hover{
    transition: all 0.5s linear;
    background: #E65125;
}
.contaform {
    max-width: 90%;
    margin: 0 auto;
}
.contaform .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    text-align: right;
    background: #fed4d4;
    padding: 0px 6px;
    margin-left: 4px;
    max-width: fit-content;
    border-radius: 10px;
	margin-top: 10px;
}
.contaform input.wpcf7-form-control.wpcf7-submit:hover {
    transition: all 0.5s linear;
    background: #E65125;
}
.background-img-body {
    /* font-family: "Manrope", sans-serif; */
    background-image: url('../images/background-bg.svg');
    margin: 0;
    background-repeat: repeat-y;
    color: #464158 !important;
    padding: 30px 0px;
}

.our-services-heading {
    font-family: var(--headfont);
    font-size: 2.5rem;
    line-height: 3rem;
}

.contaform .wpcf7 form.invalid .wpcf7-response-output, .contaform .wpcf7 form.unaccepted .wpcf7-response-output, .contaform .wpcf7 form.payment-required .wpcf7-response-output, .contaform .wpcf7 form.sent .wpcf7-response-output {
    position: absolute;
    display: flex;
    /* align-content: center; */
    /* align-items: flex-start; */
    /* flex-wrap: wrap; */
    /* flex-direction: row; */
    justify-content: center;
    /* margin: 0 auto; */
    width: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    text-align: center;
}

.our-services-box {
    /* background-color:background :linear-gradient(158.82deg, rgba(92, 72, 156, 0.3) 1.33%, rgba(230, 81, 37, 0.3) 95.13%); */
    background: linear-gradient(158.82deg, rgba(92, 72, 156, 0.3) 1.33%, rgba(230, 81, 37, 0.3) 95.13%);
    border-radius: 15px;
    text-align: center;
    padding: 25px;
    height:500px;
}

/* .our-services {
    align-items: center;
} */

.our-service-text {
    font-family: var(--body);
    padding: 0 30px;
    color: #464158;
    font-weight: 500;
    font-size: 1rem;
}

.our-service-slid .swiper {
    width: 100%;
    height: 100%;
  }

  .our-service-slid .swiper-slide {
    text-align: center;
  
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .our-service-slid .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .our-slide-box img {
  
    border-radius: 10px;
}
.our-slide-box {
    position: absolute;
    top: 0;
    
}
.our-service-slider img {
    width: 100%;
    height: auto;
   
    border-radius: 20px;
}
.our-service-slider {
    position: absolute;
   
    top: 220px;
    overflow: hidden;
    width: 100%;
}
section.section-1 {
    position: relative;
    margin: 150px 0px 250px 0px;
}
h3.our-slide-heading {
    font-family:var(--body);
    font-size: 1rem;
    text-align: left;
    padding: 0px  15px;
    width: 150px;
    position: absolute;
    bottom: -88px;
}


.our-services-box-content {
    padding-top: 30px;
}


 
        .Creative-Studio-box {
    position: relative;
}
section.section-2 img {
    width: 100%;
}

.Creative-Studio-content {
    position: absolute;
    top: 20%;
    /* width: 99%; */
    left: 100px;
    overflow: hidden;
}

.Creative-Studio-text {
    position: relative;
    top: 15px;
    width: 50%;
    color: #000;
    font-family:var(--body);
}
h2.our-service-heading-2 {
    font-family: var(--headfont);
    color: #5C489C;
    font-size: 38px;
    font-weight: 500;
}

.our-service-slider .swiper-slide {
   
    max-width: 300px !important;
}
section.section-3 {
    position: relative;
    margin: 150px 0px 250px 0px;
}

.formcust.Puzzle {
    display: flex;
    align-items: flex-start;
    gap: 50px;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}
.single-job .level_up_your_brand.pt-5.mt-5.pb-5.footer-top {
    display: none;
}
.contaform.puzzle.z-3.position-relative {
    width: 100%;
    max-width: 100%;
}



/* @media only screen and (min-width: 1366px){

    .Creative-Studio-content {
        position: absolute;
        top: 90px;
       
        left: 100px;
        overflow: hidden;
    }
} */

input::placeholder {
    color: rgb(151, 146, 146);          
    font-size: 14px;      
/*     font-style: italic;    */
    opacity: 1;            
}

.blog-row{
	display:flex;
	height:100%;
}
.blog-box img {
    width: 100%;
}
.blog-box {
    position: relative;
}

.blog-img-contnant {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.blog-img-contnant img {
    width: 100%;
    object-fit: cover;
    border-radius: 35px;
    height: 100%;
    padding: 15px;
}
.blog-content {
    padding: 30px 21px 0px 5px;
}
h2.blog-heading {
    color: #464158;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: var(--headfont);
}
.card-meta span {
    color: #46415899;
    margin-right: 20px;
    font-weight: 400;
    font-size: 0.9rem;
	font-family: var(--body);
}

.card-meta span a {
    color: #46415899;
    margin-right: 20px;
    text-decoration: none;
}

.blog-text {
    font-size: 0.9rem;
    color: #464158;
    padding: 15px 0px;
    font-weight: 500;
    font-family: var(--body);
}
.btn.blog-btn {
    position: absolute;
    right: 5%;
    bottom: 1px;
    border-radius: 30px;
    border: 1px solid #E65125;
    padding: 4px 40px 4px 15px;
    background-color: #E65125;
    color: #fff;
}
.Recent-Posts li a {
    color: #464158 !important;
}
.blog-box {
    position: relative;
    margin-bottom: 40px;
}

.blog-left-bar .search-bar button {
    padding: 10px 15px;
    background-color: #E65125;
    border: none;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    padding: 7px 10px;
    right: 5px;
    top: 4px;
}
.blog-left-bar .search-bar {
/*     display: flex; */
    margin: 0px 0px 13px 25px;
    position: relative;
}
.fa-search:before {
    content: "\f002";
}
.blog-left-bar {
   
    border-left: 1px solid #ccc;
    height: 100%;
}
.blog-left-bar .search-bar input {
    flex-grow: 1;
    padding: 7px;
    border: none;
    border-radius: 8px;
    outline: none;
    background: #FEF9E9;
    width: 100%;
    border: 1px solid #ccc;
}
.Recent-Posts h5 {
    color: #464158;
    font-size: 1.5rem;
    font-family: var(--body);
}
.Recent-Posts a {
    color: #464158;
    text-decoration: none;
    font-size: 0.9rem;
    font-family: var(--body);
}
.Recent-Posts ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.Recent-Posts {
    padding: 30px 0px 0px 30px;
}
.Recent-Posts li {
    padding: 8px 0px;
}
span.time:before {
    /* content: ''; */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/blog/tabler_clock.png');
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}
span.author:before {
    /* content: ''; */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/blog/basil_user-outline.png');
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}

span.author:before {
    /* content: ''; */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/blog/basil_user-outline.png');
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}
span.category:before {
    /* content: ''; */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/blog/material-symbols-light_folder-open-outline.png');
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}
.Recent-Posts li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/blog/mdi_tag.png');
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}

.cat li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/blog/material-symbols_folder-open.png');
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}

.btn.blog-btn:after {

    
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
   
    position: absolute;
    right: 10px;
}



/* blog page css end */

/* blog-details page css start */
.blog-details-banner img {
    width: 100%;
}
.blog-details-banner {
    position: relative;
}

.banne-heading {
    position: absolute;
    bottom: 40px;
    left: 4rem;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
.blog-details-banner .card-meta span {
    padding-right: 30px;
}
.blog-details-banner-heading {
    color: #464158;
    font-size: 1.4rem;
    font-family: var(--body);
    font-weight: 300;
}
.blog-details-banner-sec {
    margin: 40px  0px 100px 0px;
}

/* blog-details page css End */

/* portfolio page css start */

.portfolio {
/*     margin: 100px 0px 0px 0px; */
    position: relative;
}
.p0{padding:0;}
.portfolio__filter {
display: inline-block;
text-align: left;
margin: 30px 0;
overflow: hidden;
}
.portfolio__filter {
border: 1px solid #F1F1F1;
border-radius: 20px;
width: 100%;
background: #C781D31A;
display: flex;
justify-content: space-between;
}

button.filter-button.active {
    background: #E65125;
    border-radius: 11px;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    /* background: #C781D31A; */
    border-radius: 20px;
}
.portfolio__filter .filter-button:hover, .portfolio__filter .filter-button:focus, .portfolio__filter .filter-button:active {
background: #E65125;
border-radius: 11px;
color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
/* background: #C781D31A; */
border-radius: 20px;
}
.portfolio__filter .filter-button {
display: inline-block;
padding: 10px 23px;
background: transparent;
border: none;
color: #222222;
letter-spacing: 0;
font-size: 1rem;
cursor: pointer;
font-weight: 500;
font-family: var(--body);
}
.portfolio__filter .filter-button:focus {outline:0;}


.portfolio__img img {
padding: 0px 10px;
width: 100% !important;
/* margin: 10px; */
}

.portfolio-bottom a {
    color: #E65125 !important;
}
.portfolio-content {
    position: absolute;
    top: 0;
    width: 100%;
}

.portfolio-content .img-link{
  
    width: 100%;
}
.portfolio-box {
position: relative;
margin-bottom: 40px;
}

.portfolio-content img {
    width: 100%;
    padding: 30px;
    border-radius: 50px;
    height: auto;
    max-width: 100%;
    object-fit: cover;
}
/* .img-box img {
    width: 100%;
  
} */

.portfolio-bottom {
    display: flex;
    align-items: center;
    width: 85%;
    justify-content: space-between;
    left: 27px;
    position: absolute;
    bottom: 16px;
}
.portfolio-bottom h5 a {
    font-size: 1rem;
    font-weight: 500;
    color: #2A2A2A !important;
    font-family: var(--body);
    border: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
}
.portfolio-btn {
font-family: var(--body);
font-size: 1rem;
padding: 0px;
text-decoration: none;
border: 1px solid #E65125;
padding: 0 15px;
color: #E65125;
border-radius: 18px;
}

/* @media only screen and (max-width: 768px) {


} */

/* portfolio page css End */
.page-template {
    margin-bottom: 0px !important;
}

/* Faq page css start  */

.faq-section-1 {
    margin: 150px 0px 0px 0px;
}

.faq_section .accordion {
    display: flex;
    flex-direction: column;
   
    min-width: 320px;
    margin: 50px auto;
    padding: 0 0px;
}

.faq_section {
    padding: 30px;
    background: rgba(151, 71, 255, 0.1);
    margin: 60px  0px;
    border-radius: 20px;
}

.faq_section  .accordion-item {
    margin-top: 16px;
/*     border: 1px solid #fcfcfc; */
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.faq_section  .accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 1.1rem;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
    color: rgba(92, 72, 156, 1);
    font-family: var(--body);
    font-weight: 500;
}


.faq_section  .accordion-item .accordion-item-desc {
    display: none;
    font-size: 0.9rem;
    line-height: 22px;
    font-weight: 300;
    color: rgba(111, 108, 144, 1);
/*     border-top: 1px dashed #ddd; */
    padding: 10px 20px 20px;
    box-sizing: border-box;
    font-weight: 400;
    font-family: var(--body);
}
.faq_section  .accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.faq_section  .accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.faq_section  .accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 1rem;
    background-color: background: rgba(151, 71, 255, 0.1);
    padding: 7px 15px;
    color: #fff;
    background: rgba(151, 71, 255, 1);
    border-radius: 5px;
}
.faq_section  .accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 18px;
    background-color: rgba(247, 247, 255, 1);
    padding: 10px 15px;
    border-radius: 5px;
}
.faq_section  .accordion-item:first-child {
    margin-top: 0;
}
.faq_section  .accordion-item .icon {
    margin-left: 14px;
}


.faq .cbg {
    position: absolute;
    top: -146px;
    right: 0;
    max-width: 400px;
    z-index: -1;
}
section.our_process_section.pt-md-3.mt-md-5.faq {
    position: relative;
    z-index: 0;
}


  /* faq's end css */

  /* Privacy css start */


.Privacy-section .container {
    background: rgba(255, 255, 255, 0.45);
    border-radius: 35px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 3px solid rgba(255, 255, 255, 29.7);
    padding: 20px;
}
  section.Privacy-section h4 {
    margin: 10px 0px;
    font-family: var(--body);
    color: rgba(70, 65, 88, 1);
}
  section.Privacy-section {
    margin: 100px 0px;
}
.Privacy-section p {
    font-size: 1rem;
    color: rgba(70, 65, 88, 1);
    font-family: var(--body);
}
.process_paragraph.Privacy_sub_text {
    margin: 80px 0px 0px 0px;
    font-size: 1rem;
    color: rgba(70, 65, 88, 1);
    font-family: var(--body);
}

  /* Privacy css end */

/* Thank page css start */
section.thanks-sec .banner {
    width: 100%;
    height: 650px;
}
.thank-content {
    position: absolute;
    top: 25%;
    text-align: center;
    width: 100%;
}
.thanks-sec {
    position: relative;
}
h1.thanks-heading {
    color: rgba(70, 65, 88, 1);
    font-weight: 500;
    font-size: 5rem;
    font-family: var(--headfont);
}
.thanks-text {
    color: rgba(70, 65, 88, 1);
    font-weight: 500;
    font-size: 1rem;
    font-family: var(--body);
}

img.img_top {
    display: block;
    margin: 0 auto;
}
img.img_top {
    display: block;
    margin: 0 auto;
    width: 250px;
}
img.img_btm {
    width: 200px;
    position: relative;
    top: 40px;
}
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: 450px;
    height: 300px;
    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: 0;
    left: 0px;
    width: 450px;
    height: 300px;
    z-index: 4;
    background-repeat: no-repeat;
}

/* Thanks page css End */


/* careers css start */

span.color-text {
   
    background: linear-gradient(90deg, #E85124 0%, #ED9D21 100%);
    font-weight: bold;
    background: linear-gradient(90deg, #E85124 0%, #ED9D21 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.text-c {
    color: rgba(70, 65, 88, 0.8);
    font-size: 1.2rem;
    text-align: right;
    right: 160px;
    position: relative;
    font-family: var(--body);
}

.career {
    position: relative;
	margin-bottom: 6rem !important;
}
.career:before {
    content: '';
    background-image: url('../images/Group 37228.png');
    background-size: contain;
    background-position: left;
    position: absolute;
    bottom: 30%;
    left: -8%;
    width: 100%;
    height: 280px;
    z-index: 4;
    background-repeat: no-repeat;
}

.career_job_sec {
    background-color: rgba(251, 238, 213, 1);
    margin: 0px 30px;
    border-radius: 30px;
    padding: 50px 70px;
    font-family: poppines;
}

.career_job_sec_text h3 {
    color: rgba(70, 65, 88, 1);
    font-size: 3rem;
    text-transform: lowercase;
    font-weight: 800;
    font-family: var(--headfont);
    
}
.job-posts .card {
    padding: 20px 15px;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 15px;
    margin: 15px 0;
    
}
.job-posts .card-meta span {
    color: rgba(70, 65, 88, 1);
    margin-right: 20px;
}


.job-posts {
    height: 450px;
    overflow: auto;
    padding: 20px;
}





.job-posts::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(70, 65, 88, 1);
	background-color: rgba(230, 81, 37, 1);
}

.job-posts::-webkit-scrollbar
{    border-radius: 10px;
	width: 8px;
	background-color: rgba(230, 81, 37, 1);
}

.job-posts::-webkit-scrollbar-thumb
{
	background-color: rgba(70, 65, 88, 1);
}

.job-title a {
    font-size: 1.5rem;
    color: rgba(70, 65, 88, 1);
    font-family: var(--headfont);
    font-weight: 500;
    text-decoration: none;
}
.job-posts .apply-btn:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: 30px;
    bottom: 10px;
    color: rgba(230, 81, 37, 1);
    font-size: 18px;
    cursor: pointer;
}
.job-posts  span.location:before {
    /* content: ''; */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/location.png);
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}
.job-posts  span.years:before {
    /* content: ''; */
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/work.png);
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}

.job-posts  .card-meta {
    margin: 10px 0px;
}
.job-posts  span.Onsite:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/company.png);
    background-size: cover;
    margin-right: 5px;
    top: 5px;
    position: relative;
}

.career_job_sec_text span {
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #807c82;
    text-shadow: 3px 3px 0px #4c455200;
    font-family: poppines;
    padding-right: 10px;
    font-size: 5rem;
}
.career_middle_heading {
    color: rgba(70, 65, 88, 0.8);
    font-size: 4rem;
    font-family: var(--headfont);
    font-weight: 300;
    /* letter-spacing: 0px; */
}
.career_middle_text {
    color: rgba(70, 65, 88, 0.8);
    font-size: 1rem;
    font-family: var(--body);
    font-weight: 500;
   
}


.careers-bts-sec .text-btn {
    color: rgba(70, 65, 88, 0.8);
    font-size: 0.8rem;
    padding: 15px;
    border-radius: 15px 15px 0px 0px;
    font-family: var(--body);
    border: 1px solid #cccc;
    text-decoration: none;
}
.careers-bts-sec {
    margin: 80px 0px;
}
.careers-bts-sec .mail {
    font-size: 2rem;
    color: rgba(34, 34, 34, 0.8);
    padding: 10px 40px;
    border: 2px solid rgba(0, 0, 0, 0.4);
    background-color: rgb(222 222 222 / 86%);
    border-radius: 20px;
    position: relative;
    text-decoration: none;
    top: 17px;
}
.Opportunities-box-content h4 {
    color: rgba(70, 65, 88, 1);
    font-size: 1.5rem;
    font-family: var(--headfont);
}

.Opportunities-box-content p {
    color: rgba(70, 65, 88, 1);
    font-size: 1rem;
    font-family: var(--body);
}
.Opportunities-box {
    text-align: left;
    border: 1px solid rgba(237, 157, 33, 0.4);
    padding: 30px 70px 0px 30px;
    margin: 50px;
    border-radius: 20px;
    /* background: linear-gradient(246.78deg, rgba(237, 157, 33, 0.4) 1.75%, rgba(232, 81, 36, 0.4) 97.03%); */
    position: relative;
}
.Opportunities-box-img img {
    width: 100px;
    height: auto;
}
.Opportunities-box-img {
    position: absolute;
    top: 19%;
    right: -45px;
}

.portfolio_section {
    height: 51vh !important;
}


/* Footer css start */
.footer-top{
	position:relative
}
.footer-top img.cbg {
    position: absolute;
    bottom: -350px;
    right: 0px;
    max-width: 1000px;
    z-index: -1;
}
footer{
	position:relative;
}
img.cbg-f {
    position: absolute;
    bottom: -12px;
    left: 0;
    max-width: 500px;
    z-index: -1;
}

.footer-design ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
    font-family: var(--body);
}

.footer-list li {
    padding: 5px 0px;
    color: rgba(70, 65, 88, 1);
}
.footer-design h4 {
    text-align: left;
    font-size: 1.7rem;
    font-family: var(--body);
    font-weight: 400;
    margin: 20px 0px 10px 0px;
    color: rgba(70, 65, 88, 1);
}
.footer-heading {
    color: rgba(70, 65, 88, 1);
    font-family: var(--headfont);
    font-size: 3.5rem;
    text-align: center;
    margin: 20px 0px;
}
ul.footer-list a {
    text-decoration: none;
    color: rgba(70, 65, 88, 1);
}
.footer-sec h4 {
    text-align: right !important;
}

.footer-sec input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    padding: 4px 10px;
    border-radius: 20px;
    width: 100%;
}
ul.social-icons {
    display: flex;
    /* flex-wrap: nowrap; */
    align-items: center;
    /* position: relative; */
    float: right;
    gap: 10px;
    width: 200px;
    height: auto;
}
ul.copy-right-links {
    text-decoration: none;
    color: rgba(70, 65, 88, 1);
    text-align: right;
    display: flex;
    float: right;
    gap: 10px;
    
}
.copy-right-links a {
    text-decoration: none;
    color: rgba(70, 65, 88, 1) !important;
    font-size: 0.9rem;
    font-family: var(--body);
}
.copy-right-links a {
	text-decoration:none;
}
.container.copy-right {
    text-align: left;
    font-family: var(--body);
    font-size: 0.9rem;
    font-weight: 400;
}
footer hr {
    background-color: #000000;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
.footer-sec  p {
    font-size: 1rem;
    font-family: var(--body);
    font-weight: 400;
}
.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: 1px; */
    right: -72px;
    /* width: 50%; */
}
.footer-sec {
    text-align: right;
}
.footer-design {
   
    background: rgba(255, 255, 255, 0.45);
    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: 40px;
    margin: 30px;
}


/* @media (min-width: 320px) and (max-width: 575.98px) {
	.formcust.Puzzle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 0px;
}
} */

/* @media(min-width: 1700px){
		.level_up_your_brand .levelup_heading{font-size: 4rem;}
	.level_up_your_brand .place_title{font-size: 2.2rem;}
	.head_office {
		font-size: 1.2rem;
	}	
	.level_up_your_brand .address,.level_container a{font-size: 1.2rem;}
	.level_container img {
		width: 20px;
		height: auto;
	}
	.footer-heading{font-size: 5rem;}
	.footer-design h4{font-size: 2rem;}
	.footer-list li,.container.copy-right,.footer-sec p,.copy-right-links a,.footer-sec input.wpcf7-form-control.wpcf7-submit.has-spinner{font-size: 1.4rem;}
		.footer-sec input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email::placeholder {
		font-size: 1.2rem;
	}
	.footer-sec input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
		padding: 10px 20px;
		border-radius: 30px;
		width: 100%;
	}
}
@media(min-width: 1700px){
	.design_services_page .container {
		max-width: 1500px;
	}
	.our-service-text{font-size: 1.2rem;}
	.Creative-Studio-text{font-size: 1.2rem;}
}
 */

.blog-section-sec1:before {
    content: "";
    background: url(/wp/wp-content/uploads/2025/01/Vector-24.png);
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 300px;
	z-index: -1;
}
.blog-section-sec1 {
    position: relative;
}
.blog-section-sec1::after {
    content: "";
    background: url(/wp-content/uploads/2025/01/Vector-26.png);
    background-position: top right;
    right: 0;
    top: 22%;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 500px;
	z-index: -1;
}