@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@import url("https://p.typekit.net/p.css?s=1&k=dcu8suk&ht=tk&f=6768.6769.6770.6771.6772.6773.33655.33656.33659.33660&a=27932381&app=typekit&e=css");

@import url("https://use.typekit.net/dcu8suk.css");

h1,h2,h3,h4,h5,h6,
.sec-title-11{
    font-family: "adobe-garamond-pro" !important;
}


@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-SemiBold.woff') format('woff2'),
        url('../assets/fonts/inter/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-Medium.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-Regular.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-ExtraLight.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-Light.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-Bold.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-Black.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../assets/fonts/inter/Inter-Thin.woff2') format('woff2'),
        url('../assets/fonts/inter/Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../assets/fonts/euclid-circular-b/EuclidCircularB-Medium.woff2') format('woff2'),
        url('../assets/fonts/euclid-circular-b/EuclidCircularB-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('../assets/fonts/euclid-circular-b/EuclidCircularB-Regular.woff2') format('woff2'),
        url('../assets/fonts/euclid-circular-b/EuclidCircularB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/outfit/Outfit-Medium.woff2') format('woff2'),
        url('../assets/fonts/outfit/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/outfit/Outfit-Light.woff2') format('woff2'),
        url('../assets/fonts/outfit/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('../assets/fonts/outfit/Outfit-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/outfit/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


#smooth-wrapper{
    background-color: black;
}

.body-wrapper{
    background-color: black;
}

.light_black{ 
    background-color: #0D0D0D;
}

.dark_black{
    background-color: #080809;
}

.container_big{
    max-width: 1540px;
    padding: 0px 50px;
    margin: 0px auto;
    width: 100%;
}

.container_large{
    max-width: 1706px;
    padding: 0px 50px;
    margin: 0px auto;
    width: 100%;
}

.container_lg{
    max-width: 1668px;
    padding: 0px 50px;
    width: 100%;
    margin: 0px auto;
}

p ,.tablet_text p {
    font-family: 'Inter' !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px; /* 161.111% */
}

.sec-title-11 {
    color: #FFF;
    font-family: "adobe-garamond-pro" !important;
    font-weight: 400;
    font-size: 60px;
    line-height: normal;
    text-transform: uppercase;
    text-indent: 0px;
    position: relative;

}

.sec-title-11 span{
    color: #FFF;
    text-align: right;
    font-family: "adobe-garamond-pro" !important;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    
}   

.btn-wrapper a , .btn-wrapper button{
    color: #FFF;
    font-family: 'Outfit' !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
	 transition: all ease 2s 0s;
}

.sec-title-11 span::before{
    position: absolute;
    content: '';
    width: 46px;
    height: 46px;
    left: -58px;
    top: 15px;
    background-image: url(../assets/images/bg_images/shape-4.svg);
    background-repeat: no-repeat;
}

.event_btn{
    margin-top: 60px;
    text-align: center;
}

.social_link_btn{
    display: flex;
    align-items: center;
    gap: 24px;
}

.font_16 p{
    color: #999;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px; /* 181.25% */
}

.pt-88{
    padding-top: 88px;
}


/************************** header **************************************/

.header__area{
    padding-top: 20px;
}

.main-menu ul {
    display: flex;
    gap: 82px;
}

.header__logo img {
    width: 100%;
}
/***********************************  Hero Banner *************** */

.writer-hero__top {
    max-width: 1440px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 157px 50px 0px 0px;

}

.writer-hero__btm .right .cf_text p{
    font-family: 'Euclid Circular B' !important;
    color: white;
}

.writer-about__content p {
    line-height: 25.2px !important;
}

.writer-hero__area .shape {
    margin-top: 140px;
    animation: wcSlideBottom 5s infinite linear;
    position: relative;
    z-index: -1;
    right: 13%;
}

.writer-hero__top .btn-width{
    flex-direction: column;
    gap: 25px;
    padding-top: 15px;
}

.writer-hero__area .shape{
    margin-top: 30px;
}

.writer-hero__area{
    overflow: hidden;
}

.writer-hero__title{
    color: #FFF;
    text-align: right;
    font-family: "adobe-garamond-pro" !important;
    font-size: 128px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.writer-hero__btm {
    display: flex;
    justify-content: space-between;
}

.writer-hero__btm .left{
    max-width: 703px;
}

.writer-hero__btm .right {
    width: 100%;
    max-width: 456px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 92px;
}

.writer-hero__area-bg img {
    mix-blend-mode: hard-light;
}

.writer-hero__area-bg::after {
    content: '';
    position: absolute;
    height: 64%;
    width: 100%;
    background: linear-gradient(180deg, rgba(8, 8, 9, 0.00) 17.64%, rgba(8, 8, 9, 0.40) 27.37%, rgba(8, 8, 9, 0.85) 70.47%, #080809 100%);
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
}


/************************************** design biography ************************ */

.writer-about__content {
    display: grid;
    grid-template-columns: 480px auto;
    grid-gap: 55px 102px;
    padding-top: 50px;
    padding-inline-start: 0px;
    max-width: 1075px;
    margin-left: auto;
    align-items: flex-start;
}

.writer-about__area .sec-title-11 span ,.sfluence-event__top .sec-title-11 span ,.title_professional .sec-title-11 span{
    left: 61px;
}

.writer-about__area .sec-title-11::after{
    width: 1033px;
    height: 2px;
    background-color: #343434;
}

.writer-about__area_main{
    max-width: 1394px;
    margin: 0px auto;
}

.writer-about__area .thumb{
    position: relative;
    z-index: 11;
}

.deginer_patch {
    position: absolute;
    left: 0;
    bottom: -20%;
    z-index: -1;
    left: -10%;
}

.mobile_img{
    display: none;
}
/************************************* Area Of Experties ************************************* */



.intDesigner-service__area_main{
    max-width: 1312px;
    margin: 0px auto;
}

.intDesigner-service__name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 37px;
}

.intDesigner-service__area .sec-title-11 {
    position: relative;
    text-align: center;
    margin-bottom: 107px;
}

.intDesigner-service__area .sec-title-11 span {
    left: 34px;
}

.intDesigner-service__area .sec-title-11::after {
    position: absolute;
    content: "";
    width: 490px;
    height: 2px;
    inset-inline-end: 0;
    bottom: 42px;
    background: var(--black-6);
}

/* .mobile_title{
    visibility: hidden;
} */

.intDesigner-service__name.has_fade_anim.mobile_title {
    margin-bottom: 20px;
    display: none;
}

/* .intDesigner-service__name.has_fade_anim.mobile_title span,.intDesigner-service__name.has_fade_anim.mobile_title h3{
    display: none;
} */


.cf_image.intDesigner-service__hoverImg.img_anim_reveal {
    left: 0;
}



.intDesigner-service__name-wrapper {
    margin-bottom: 70px;
    margin-left: 634px !important;
    display: flex;
}

.intDesigner-service__name h3 {
    color: #999999;
    font-family: "adobe-garamond-pro" !important;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.intDesigner-service__text {
    display: flex;
    flex-direction: column;
    gap: 51px;
    max-width: 624px;
    margin-left: 630px;
}

.intDesigner-service__text p {
   max-width: 100%;
   color: #EDEDED;
   line-height: 27px;
}

.intDesigner-service__items .nav{
    margin-left: auto;
}

.bullet_colum {
    display: flex;
}

.type_of_area {
    display: flex;
    gap: 53px;
    flex-wrap: wrap;
    padding-left: 14px;
}

.type_of_area .bullet_colum li {
    position: relative;
    color: white;
    line-height: 188.795%;
    font-family: 'Inter';
}

.type_of_area .bullet_colum li::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #999999;
    top: 39%;
    left: -14px;
}



/************************ Professional experience  ******************************/

.professional_experience{
    padding-bottom: 63px;
    position: relative;
    z-index: 1;
}

.professional_experience::before{
    content: "";
    position: absolute;
    left: 0%;
    top: 32.70%;
    width: 170px;
    height: 333px;
    background-image: url(../assets/images/professional_patch.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.professional_experience .title_professional p{
    max-width: 904px;
    text-align: left;
    margin-left: auto;
    color: #AFAFAF;
    line-height: 30px; /* 166.667% */
    padding-top: 18px;
}

.professional_content{
    max-width: 1204px;
    margin: 0px auto;
    margin-bottom: 42px;
}

.professional_experience .content_section_raw{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0px;
    border-bottom: 2px solid #343434;;
}

.professional_experience .content_section_raw:nth-child(1){
    padding-top: 0px;
}

.professional_experience .content_section_raw p:nth-child(1){
    color: #FFF;
    text-align: right;
    font-family: "adobe-garamond-pro" !important;
    font-size: 24px;
    line-height: normal;
    text-transform: uppercase;
}

.professional_experience .content_section_raw p:nth-child(2) {
    padding: 0px 100px 0px 170px;
}

.title_professional {
    padding-bottom: 60px;
    position: relative;
}

.title_professional .sec-title-11::after {
    position: absolute;
    content: "";
    width: 1069px;
    height: 2px;
    inset-inline-end: 0;
    bottom: 40px;
    background: var(--black-6);
}


/**************************  My project ******************************* */


.sfluence-event__top {
    padding-bottom: 80px;
}

.sfluence-event__area .sec-title-11::after {
    position: absolute;
    content: "";
    width: 1137px;
    height: 2px;
    inset-inline-end: 0;
    bottom: 37px;
    background: var(--black-6);
}

.sfluence-event__list {
    max-width: 1296px;
    margin: 0px auto;
}

.sfluence-event__item:hover .link svg {
    transform: rotate(45deg);
    transition: 0.3s ease-in-out 0s;
}

/* .sfluence-event__item:hover .link img{
    transform: rotate(45deg);
    transition: 0.3s ease-in-out 0s;
} */

.sfluence-event__area .text-center {
    padding-top: 60px;
}

/****************************** Brand logo * ************************************* */

.pdesigner-brand__area {
    background: #101010;
}

.logo_section_main {
    position: relative;
    z-index: 1;
    max-width: 1609px;
    margin: 0px auto;
  }

.slider_logo_section{
    max-width: 1609px;
    margin: 0px auto;
}

.logo_section_main::before {
    position: absolute;
    width: 22.71%;
    height: 100%;
    content: '';
    background: linear-gradient(90deg, #101010 5.33%, rgba(16, 16, 16, 0.00) 147.49%);
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    z-index: 2;
}

.logo_section_main::after {
    background: linear-gradient(90deg, rgba(16, 16, 16, 0.00) 5.33%, #101010 80.91%);
    position: absolute;
    width: 42.2%;
    height: 50.2%;
    content: '';
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    z-index: 1;
}

.pdesigner-brand__title-pb .sec-title-11{
    text-align: center;
}

.pdesigner-brand__title-pb .sec-title-11::after {
    position: absolute;
    content: "";
    width: 504px;
    height: 2px;
    inset-inline-end: 0;
    bottom: 35px;
    background: var(--black-6);
}

.pdesigner-brand__title-pb{
    padding-bottom: 50px;
}

.brand_logo_slider-width {
    max-width: 100%;
}

.logo_main{
    display: flex;
    align-items: center;
    gap: 100px;
}

/*************************** * Lets work section **************************** */

.cf-cta__text-wrapper {
    max-width: 1309px;
    margin: 0px auto;
}

.cf-cta__sec-title-wrapper {
    display: flex;
    width: 71.74%;
}

.cf-cta__text {
    max-width: 327px;
    margin-left: -42px;
    margin-top: 106px;
}

.cf-cta__sec-title-wrapper .sec-title-18{
    font-size: 120px;
    line-height: normal;
}

.cf-cta__text-wrapper .d-block{
    flex: 1;
}


/******************************** Footer  ************************************/

footer{
	background: #080809;
}

.intDesigner-footer__menu p{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
}

.intDesigner-footer__menu{
    display:flex;
    flex-direction: column;
    gap: 20px;
}

.show-light{
    display: block;
}

.ul#Footer-menu {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.footer__widget ul li a {
    color: #FFF;
    font-family: 'Inter';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 88.889% */
    text-transform: uppercase;
    display: block;
}

.intDesigner-footer__menu .contact_to_mail {
    display: flex;
    flex-direction: column;
    justify-content: left;
    gap: 17px;
}

.footer_link{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.social_link_btn{
    display: flex ;
}
.social_link_btn a:hover {
    filter: brightness(0.5);
}

.intDesigner-footer__menu .contact_to_mail span {
    position: relative;
    padding-left: 20px;
}

.intDesigner-footer__menu .contact_to_mail span::before {
    content: '';
    position: absolute;
    left: 6px;
    width: 2.5px;
    height: 19px;
    background-color: white;
    bottom: 0;
}
.footer__widget ul li a:hover ,.social_link_btn a:hover ,.header__nav a:hover {
    color: var(--primary);
}



/*********************************************  Work Page **************************************************** */


.work_main .title .sec-title-11::after {
    content: '';
    position: absolute;
    width: 1078px;
    height: 2px;
    background-color: #343434;
    top: 24%;
    right: 0;
}

.title .sec-title-11 span{
    text-indent: 65px;
    display: inline-block;
}

.title .sec-title-11 span::before{
    left: 0;
}

.title{
    /* padding-bottom: 90px; */
    position: relative;
}

.intDesigner-portfolio__items{
    padding: 90px 0px;
}

.interior-portfolio__content h3{
    color: #FFF;
    font-size: 35px;
    line-height: normal;
    padding: 0px;
    margin: 32px 0px 19px;
}

.intDesigner-portfolio__info p{
    font-size: 18px;
}

.img_section {
    display: grid;
    grid-template-columns: 655px auto;
    gap: 177px 130px;
}

.work_main .img_section .box_text p {
    line-height: 27px;
}

/* / for 2nd boxes only / */
.align_center {
    display: flex;
    align-items: center;
}    
/* / for 3rd and 4th boxes / */
.just_align_center {
    display: flex;
    justify-content: center;
} 

/* / for 4 andd 6 boxs / */
.mt_170 {
    position: relative;
    top: -263px;
}

.img_section .boxes:nth-last-child(1) {
    margin-bottom: -263px;
}

/*/ for 5 boxs / */
.justify_end {
    justify-self: end;
}

.work .title h3 {
    padding-bottom: 68px;
}

section.work form.post-password-form {
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

section.work form.post-password-form p {
    font-size: 30px;
    padding-bottom: 30px;
    color: #ffffff;
}

section.work form.post-password-form p input {
    padding: 10px 23px;
    display: block;
    margin-top: 25px;
    border-radius: 8px;
    outline: none !important;
    border: 0 !important;
}

section.work form.post-password-form p input[type="submit"] {
    padding: 13.5px 40px;
    font-size: 28px;
    font-weight: bolder;
    text-transform: uppercase;
	transition: all ease 0.3s;
}

section.work form.post-password-form p:nth-child(2) {display: flex;flex-direction: column;background: #1f1f1f;padding: 30px;border-radius: 20px;}

section.work form.post-password-form p:nth-child(2) label {
    display: block !important;
    width: 100%;
    color: #ffffff;
}
section.work form.post-password-form p input[type="submit"]:hover {
    background: black;
    color: #fff;
}




.page-template-work-list.password-protected {
  min-height: 100vh;
}
.page-template-work-list.password-protected #smooth-content {
  height: 100%;
}
.page-template-work-list.password-protected #smooth-content .body-wrapper.body-writer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-template-work-list.password-protected #smooth-content .body-wrapper.body-writer .work {
  flex: 1;
  display: flex;
}
.page-template-work-list.password-protected #smooth-content .body-wrapper.body-writer .work .container_lg {
  display: flex;
  justify-content: center;
  align-content: center;
}

.work {
    padding:147px 0px 90px;
}

.custom-password-form form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
}
/********************************************* Detail Page **************************************************** */

.space_main .title {
    padding: 108px 0px 116px;
    max-width: 1440px;
    margin: 0px auto;
}

.space_main .title .sec-title-11::after{
    content: '';
    position: absolute;
    width: 1180px;
    height: 2px;
    background-color: #343434;
    right: 0;
    top: 50%;
}

.big_image{
    max-width: 1567px;
    margin:0px auto;
}

.image_discription.has_fade_anim {
    display: flex;
    gap: 100px;
    padding-top: 41px;
    max-width: 1038px;
    margin: 0px auto;
    padding-bottom: 30px;
}

.image_discription {
    display: flex;
    max-width: 1038px;
    margin: 0px auto;
    justify-content: space-between;
    padding: 40px 0px 30px;
}

.image_discription_title {
    display: flex;
    flex-direction: column;
}

.image_discription_title p{
    font-family: "adobe-garamond-pro" !important;
    line-height: normal;
}

.image_discription_content p{
    color: #FFF;
    font-size: 20px;
    line-height: 24px; /* 120% */
}

.overview_section {
    max-width: 1440px;
    margin: 0px auto;
    padding-top: 50px;
    border-top: 1px solid rgb(255 255 255 / 10%);
}

.overview_title h4{
    color: #FFF;
    font-size: 40px;
}

.overview_section_main {
    max-width: 970px;
    margin: 0px auto;
}

.overview_feature {
    column-count: 4;
}
.overview_feature_tag{
    display: flex;
    flex-direction: column;
    gap: 8px;

}

.overview_content{
    padding:22px 0px 40px;
}

.overview_section_main p{
    line-height: 27px;
}

.overview_feature_tag p{
    color: #FFF;
}

.overview_image_section{
    display: grid;
    grid-template-columns: auto auto;
    padding: 88px 0px;
    gap: 30px;
}

/****************************   Designer Section  *************************************/

.designer_content {
    display: grid;
    grid-template-columns: auto auto;
}

.design_concept_main .sec-title-11::after {
    content: '';
    position: absolute;
    width: 1134px;
    height: 2px;
    background-color: #343434;
    right: 0;
    bottom: 25%;
}

.span_2{
    grid-column: span 2;
}

.feature {
    padding-top: 29px;
    column-count: 2;
    padding-left: 30px;
    column-gap: 98px;
}

.feature ul li{
    position: relative;
    font-family: 'inter';
    line-height: 25px;
    padding-bottom: 23px;
}


.feature ul li::before{
    position: absolute;
    content: '';
    width:14px;
    height:14px;
    background-image: url(../assets/images/detail-page-design-patch.svg);
    background-repeat: no-repeat;
    top: 5px;
    left: -30px;
    
}

.design_concept_imgs_main{
    display: grid;
    grid-template-columns: auto auto;
    gap: 30px;
}

.design_concept_main .title {
    padding-bottom: 48px;
}

.creator-partner__slider img {
    max-width: 180px;
}


.type_of_area .bullet_colum ul {
    column-count: 2;
}


.bullet_colum ul {
    column-count: 2;
}

.team_boxes.scale_hover {
    overflow: hidden;
}

.content_box {
    grid-template-columns: auto auto;
    display: grid;
    gap: 30px 80px;
}

.designer_content_otr {
    max-width: 1074px;
    margin-left: auto;
    padding-right: 55px;
}
.content_box p {
    line-height: 27px;
}

/************************************************* password page ******************************/


.password_form_box p {
    position: relative;
    color: #FFF;
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 64px;
    margin-left: 56px;
}

.password_form_box p::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../assets/images/bg_images/shape-4.svg);
    top: 0;
    left: -56px;
}

.password_form_box {
    width: 50%;
}

.password_form_box label {
    display: none;
}

.password-input-wrapper input {
    border: unset;
    background: unset;
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
    color: white;
    font-size: 24px;
    padding: 16px 0px 10px 16px;
    outline: unset;
    position: relative;
}

.password-input-wrapper ::placeholder{
    color: #FFF;
    font-family: 'Inter';
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
    opacity: 0.4;
    height: auto;
}

.password-toggle {
    position: relative;
    width: 80%;
}

.password-toggle-icon {
    position: absolute;
    bottom: 0px;
    right: 1%;
    transform: translateY(-50%);
    cursor: pointer;
	background: #080809;
}

/* span.password-toggle-icon.active svg path {
    opacity: 0.5;
} */

.btn_main_div {
    display: flex;
    gap: 40px;
    align-items: baseline;
    justify-content: space-between;
}

.password-protected #smooth-wrapper {
    overflow: auto !important;
}



.content_section_raw br{
    display: none;
}

.tablet_design{
    display: none;
}
.accordion-content {
    display: none;
}
.accordion-title {
    cursor: pointer;
    text-transform: uppercase;
    opacity: 0.2;
    display: flex;
    align-items: center;
    gap: 38px;
}
.accordion-content.active {
    display: block !important;
}

.active .accordion-title{
color: red; 
}

.accordion-content h3{
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.accordion-title span{
    color: #FFF;
    font-family: Adobe Garamond Pro;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.tablet_design{
    display: none;
    flex-direction: column;
    gap: 50px;
}
.accordion-content p{
    padding-top: 20px;
}
.accordion-content .type_of_area{
    padding-top: 20px;
    padding-bottom: 45px;
}
.accordion-content .type_of_area .bullet_colum ul {
    column-count: 2;
}
.accordion_content_img img {
    width: 100%;
    height: 396px;
    object-fit: cover;
}


.tablet_text{
    display: none;
}

section {
    margin-bottom: 0px !important;
}

.writer-hero__area .shape{
    position: relative; 
    z-index: 1;
}

ul#Footer-menu{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.black_line_main {
	display: flex;
    align-items: center;
    gap: 20px;
	padding: 108px 0px 116px;
    max-width: 1440px;
    margin: 0px auto;
}
.blank_line{
   flex:1;
   background: #343434;
	height:2px;
}
.space_main .title .sec-title-11::after{
	display:none;
}
.design_concept_imgs_main .design_concept_img_box:nth-child(1) {
    grid-column: span 2;
}
.big_image img {
    width: 100%;
    object-fit: cover;
    max-height: 753px;
    min-height: 753px;
    object-position: top;
}
.design_concept_imgs_main .design_concept_img_box img {
    height: 100%;
    object-fit: cover;
}
.box_image img {
    width: auto;
    height: auto;
}
.accordion-title.active {
    opacity: 1;
}

section#contact {
    background: #080809;
}

.space ,.design_concept{
	background: #080809;
}

/* 
.smart-page-loader.hidden {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translatey(-20%) !important;
}
 */



span.show-hide-password.password-toggle-icon .hide_icon {
    display: none;
}

span.show-hide-password.password-toggle-icon.active .hide_icon{
	display:block
}

span.show-hide-password.password-toggle-icon.active .show_icon{
	display:none;
}



.password_right_image {
    width: 30%;
}

.cursor1{
	display:block !important;
}