/*
Theme Name: Neve Child
Description: Neve WordPress child theme.
Template: neve
Text Domain: neve-child
*/ 



body.home{background:#fffdf6;}
.home-banner{text-align: center;}
.home-banner h1{ font-family: var(--font-main); font-size: 52px;}
.home-banner h1 span{ font-family: var(--font-italic); display: block;}
.home-banner h4{ font-size: 20px;}
.home-banner-inner{ background: url(images/home-banner-bg.svg) no-repeat right 50px top;}

@media (max-width: 767px) {
    h4.sub-txt-md{ display: none;}
    h4.sub-txt-sm {background: #027945; padding: 16px 10px 18px 16px; position: absolute; left: 0; font-family: var(--font-main);
        margin-bottom: 0;
    }
    .home-banner h1 span{ display: block;}
    .hb-col-rht .hb--img {padding-top: 30px;}
}

@media (min-width: 768px) {
    .home-banner{text-align: unset;}
    .home-banner h1{ font-size: 40px; text-align: unset;}
    .home-banner.bg-black{background: linear-gradient(to bottom, #000 0%,#000 90%,#fffdf6 90%,#fffdf6 100%);}
    .home-banner h4{ margin: 100px 0px 100px 0px; font-family: var(--font-main); display: flex; 
            justify-content: center; font-size: 26px; position: relative;}
    .home-banner h4:before{ content: ""; width: 52%; height: 1px; background: #FFFDF6; top: -16px; position: absolute; right: 100px;}    
    .hb-col-rht{ display: flex; align-items: flex-end;}
    .hb-col-rht .hb--img {position: relative; left: -150px;}
    h4.sub-txt-sm{ display: none;}
}

@media (min-width: 1024px) {
    .home-banner h1{ font-size: 60px;}
    .home-banner h4{ margin: 100px 0px 100px 0px; font-size: 32px;}
    .home-banner h4:before{width: 52%; top: -16px; right: 130px;}    
    .hb-col-rht .hb--img {left: -150px;}
}

@media (min-width: 1200px) {
    .home-banner h1{ font-size: 87px;}
    .home-banner h4{ margin: 100px 0px 100px 0px; font-size: 40px;}
    .home-banner h4:before{width: 52%; top: -16px; right: 150px;}    
    .hb-col-rht .hb--img {left: -150px;}
}

.lp-body-sec h2{ font-size: 26px; font-family: var(--font-main);}
.lp-body-sec .dlink{ font-size: 18px; color: #000; font-family: var(--font-semibold);}

@media (min-width: 768px) {
    .lp-body-sec h2{ font-size: 32px;}
    .lp-body-sec .dlink{ font-size: 20px;}
    .lp-body-sec .lp-body-col-txt1{ padding-top: 20%;}
    .lp-body-sec .lp-body-col-txt2{ padding-top: 30px;}
    .lp-body-sec .lpb-img3{ margin-top: -120px;}
    .lp-body-sec .lp-body-col-txt3{ padding-top: 15%;}
}

@media (min-width: 1024px) {
    .lp-body-sec h2{ font-size: 36px;}
    .lp-body-sec .dlink{ font-size: 20px;}
    .lp-body-sec .lp-body-col-txt1{ padding-top: 20%;}
    .lp-body-sec .lp-body-col-txt2{ padding-top: 30px;}
    .lp-body-sec .lpb-img3{ margin-top: -160px;}
    .lp-body-sec .lp-body-col-txt3{ padding-top: 20%;}
}

@media (min-width: 1200px) {
    .lp-body-sec h2{ font-size: 50px;}
    .lp-body-sec .dlink{ font-size: 26px;}
    .lp-body-sec .lp-body-col-txt1{ padding-top: 20%;}
    .lp-body-sec .lp-body-col-txt2{ padding-top: 50px;}
    .lp-body-sec .lpb-img3{ margin-top: -150px;}
    .lp-body-sec .lp-body-col-txt3{ padding-top: 25%;}
}

.hwch-sec h2{ font-size: 26px; font-family: var(--font-main);}
.lp-sec-title{ border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; padding: 20px 0px; margin-bottom: 30px;}
.hwch-sec h3{font-size: 24px; font-family: var(--font-semibold);}
.hwch-title{font-size: 24px; line-height: 28px; font-family: var(--font-main);}
ul.hwch-list{ padding: 0px 0px 0px 0px; margin-top: 20px;}
.row.hwch-row-border{border-bottom: 1px solid #BEBEBE; padding-bottom: 20px; margin-bottom: 30px;}

@media (min-width: 1200px) {
    .hwch-sec h2{ font-size: 50px;}
    .hwch-sec h3{font-size: 40px;}
    .hwch-title{font-size: 40px; line-height: 44px;}
    ul.hwch-list li{ font-size: 21px; line-height: 28px;}
}

.mot-sec h2{font-size: 26px; font-family: var(--font-main);}
.mot-box h3{ font-size: 12px; margin-bottom: 3px;}
.mot-box p{ font-size: 10px;}
.mot-row{ display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); justify-content: space-between; grid-column-gap:5px;}

@media (min-width: 768px) {
    .mot-sec h2{font-size: 50px;}
    .mot-row{ display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); justify-content: space-between; grid-column-gap:5px;}
    .mot-box h3{ font-size: 18px;}
    .mot-box p{ font-size: 14px;}
}

@media (min-width: 1200px) {
    .mot-sec h2{font-size: 100px;}
    .mot-box h3{ font-size: 24px;}
    .mot-box p{ font-size: 18px;}
}

@media (max-width: 767px) {
    .lp-body-sec.spb-50{ padding-bottom: 0;}
    .hwch-sec.sp-50{ padding-top: 0;}
}

.hire-form{ max-width: 700px; margin: auto; background: #F8F6F1; padding: 50px;}
.hire-form .filter-option-inner-inner {font-size: 16px; color: #6c757d;}
.hire-form .btn-light{background: transparent;}
.hire-form .btn{font-weight: 400; font-family: var(--font-main);}
.hire-form label{ width: 100%;}
.hire-form  .form-check-input:checked,.form-check-input:checked[type="radio"]{ background-color: transparent; border:0px; background-image: none;}
.form-check label{ display: block; cursor: pointer; text-align: center;}
.form-check.checkactive{ background-color: #000; }
.form-check.checkactive label{ color: #fff; }
.hire-form  .form-check-input:checked{ background-color: #000;
    border-color: #000;}
.hire-form .form-check .form-check-input{ float: none; border: 1px solid #000; margin-right: 10px; background: transparent;}
.hire-form .form-check-input:focus{box-shadow: none;}
.hire-form textarea{ height: 100px;}
.hire-form .wpcf7-form-control {background: transparent; border-radius: 0;}
.hire-form .wpcf7-form-control.wpcf7-submit{ background: #000;}
.hire-form .wpcf7-form-control.wpcf7-submit:hover{background: #027945; color: #fff; }
.hire-form .wpcf7-not-valid-tip {color: #dc3232; font-size: 12px;}

.hire-form .wpcf7-checkbox .wpcf7-list-item{  margin-bottom: 5px; margin-left: 0px !important; margin-right: 8px;  overflow: auto; position: relative;}
.hire-form .wpcf7-form-control-wrap .wpcf7-checkbox {
	display: grid;
    margin-top: 10px;
    grid-template-columns: auto;
}
.hire-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
    text-align:center;
    padding:5px 10px;
    display:block;
    border-radius:30px;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 14px;
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input {
    position:absolute;
    top:-20px;
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input:hover + span {
    background-color: #027945;
    color:#fff;
    border: 1px solid #027945;
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input:checked + span {
    background-color: #027945;
    color:#fff;
    border: 1px solid #027945;
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input:checked:hover + span {
    background-color: #027945;
    color:#fff;
    border: 1px solid #027945;
}

.hire-form .form-check label {position: relative; top: 4px; margin-left: -20px;}
@media (min-width: 768px) {
    .form-left-col .row, .form-right-col .row{ margin-bottom: 10px;}
}
@media (max-width: 767px) {
    .hire-form {padding: 30px 20px !important;}
    .hire-form label{ margin-top: 10px !important;}
    .contact--form .hire-form label{ margin-top: 0px !important;}
}

@media (min-width: 1200px) {
    .hire-form .wpcf7-form-control-wrap .wpcf7-checkbox {grid-template-columns: auto auto;}
    .hire-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {font-size: 12px;}
    .hire-form .wpcf7-checkbox .wpcf7-list-item{  margin-bottom: 10px;}
}
@media (min-width: 1366px) {
    .hire-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {font-size: 15px;}
}

.thankyou-banner{ padding: 50px 0px;}
.thankyou-box{ background: #fff; max-width: 600px; margin: auto; color: #000; padding: 20px; border-radius: 5px;}
@media (min-width: 768px) {
    .thankyou-banner{ padding: 100px 0px 200px;}
    .thankyou-box{padding: 30px 30px;}
}

@media (min-width: 1024px) {
    .thankyou-box{max-width: 650px; padding: 50px 30px;}
}


/*resource pages*/
/*pagination*/
.pagination{ text-align: center; margin-top: 20px; justify-content: center; display: flex;}
.pagination a, .pagination span {text-decoration: none; border: 0px solid #ddd; padding: 3px 5px; margin: 2px;
    font-size: 12px; background: #EDEFF6;}
.pagination a, .pagination a:hover{ color: #000;}
.pagination .page-numbers.current{ color: #fff; background: #000;}
#comments.comments-area {display: none;}

@media (min-width: 768px) {
    .pagination{ text-align: center; margin-top: 30px;}
    .pagination a, .pagination span {font-size: 15px; padding: 3px 10px;}
} 
/*pagination*/


/*blog*/
.blog-listing{ background: #fff;}
.blog-listing h3, .blog-listing h3 a{ font-size: 22px; font-family: var(--font-semibold); line-height: 26px; 
    text-decoration: none; color: #000; font-weight: normal;}
.blog-listing .post-content p{ font-size: 16px;}
.blog-listing .post-read a{ color: #000;}
.blog-listing .post-read a:hover{ color: #027945; }
/* .blog-listing .post-date{ font-size: 12px;} */
.blog-listing .post-thumb{ position: relative;}
.blog-listing .post-thumb .post-category-name{ font-size: 16px;}
.blog-single-banner .post-thumb img{ max-width: 100%; height: auto;}

.blog-detail-content { position: relative;}
.blog-detail-content ul{ padding: 0px 0px 0px 20px;}
.blog-detail-content ul li{ list-style-type: disc; margin-bottom: 8px;}
.blog-detail-content strong{ font-family: var(--font-bold); font-weight: unset;}

@media (min-width: 768px) {
    .blog-listing .post-thumb img{height: 200px; object-fit: cover;}
}

@media (max-width: 767px) {
    body.single-post .blog-single-banner h1{ font-size: 26px;}
}

@media (min-width: 1200px) {
.blog-listing .post-content {min-height: 270px; position: relative; margin-bottom: 30px;}
.blog-listing .post-content .post-read {position: absolute; bottom: 0;}
}

@media (min-width: 1366px) {
    .blog-listing .post-content {min-height: 250px;}
}

@media (min-width: 1440px) {
    .blog-listing .post-content {min-height: 280px;}
    .blog-listing .post-content p{ font-size: 18px;}
    .blog-listing .post-thumb img{height: 230px;} 
}

@media (min-width: 1600px) {
    .blog-listing h3, .blog-listing h3 a{ font-size: 24px; line-height: 28px; }
}

.blog-detail-banner{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
.blog-banner-inner{min-height: 300px; display: flex; justify-content: flex-end; flex-direction: column;}
.drop-cap::first-letter {
	float: left;
	font-size: 67px;
	line-height: 3.5rem;
	letter-spacing: -0.015em;
	margin-right: 0.3rem;
}
@media (max-width: 767px) {
.socialShare.sticky-top{ position: relative; z-index: 9;}
}
@media (min-width: 768px) {
    .socialShare.sticky-top{ top:85px; z-index: 9;}
    }

@media (min-width: 1200px) {
    .blog-banner-inner{ min-height: 500px;}
    .blog-banner-inner p{ font-size: 24px;}
    .blog-banner-inner .post-date{ font-size: 18px;}
}

@media (min-width: 1600px) {
    .blog-banner-inner{ min-height: 600px;}
}

.blog-detail-git .git-inner{ border-top: 1px solid #BEBEBE; 
/* 	margin-top: 30px; */
}
.max-1000{ max-width: 1000px; margin-left: auto; margin-right: auto;}
.blog-git-btm{ background: #027945; padding: 10px; text-align: center;}
.blog-git-btm h3, .blog-git-btm h3 a{ font-size: 22px; color: #fff; font-family: var(--font-semibold);}
@media (min-width: 1200px){
    .blog-git-btm h3, .blog-git-btm h3 a{ font-size: 32px;}
}


/*GenAICXO*/
.bg-sandal {
    background-color: #fffdf6;
}
.bg-site-green {
    background-color: #1a905d;
}
.text-22 {
    font-size: 20px !important;
}
.genAI-sec1 .content {
    padding-right: 45px;
}
.ctnt-box {
    padding: 20px;
}
.ctnt-box p {
    font-size: 28px !important;
}
.capability-sec .cap-link a {
    position: relative;
    color: #000 !important;
}
.capability-sec .cap-link a:after {
    content: url("https://thefuturecraft.org/resources/wp-content/uploads/2024/06/sarrow.svg");
    margin-left: 5px;
}
a.download-btn {
    background: #027945 !important;
    padding: 15px 50px !important;
    border-radius: 0px !important;
}
.genAI-list li {
    margin-bottom: 20px;
    list-style-type: disc;
}
.bg-sandal1{
    background-color: rgb(248, 246, 241) !important;
}
.genai-modal .modal-body 
{
	padding: 0px !important;
}
.genai-modal .hire-form {
    max-width: unset !important;
    padding: 25px 35px 20px !important;
}
.genai-modal .hire-form .wpcf7-text 
{
	border-color:#dddddd !important;
}
.genai-modal .hire-form .wpcf7-text:focus
{
	border-color:#86b7fe !important;
	outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
a.team-lnk
{
	text-decoration:none !important;
}
.capability-sec p{ height: 130px;}
.capability-sec h3{ height: 100px;}

@media (min-width: 1200px) {
    .ctnt-box {
        padding: 30px;
    }
	.capability-sec p{ height: 125px !important;}
	.capability-sec h3{ height: auto !important;}
}
@media (min-width: 1400px) {
    .ctnt-box p {
        font-size: 32px !important;
    }
    .text-22 {
        font-size: 22px !important;
    }
}
@media only screen and (max-width: 991px) {
    .text-22 {
        font-size: 18px !important;
    }
    .capability-sec .cap-box {
        margin-bottom: 20px;
    }
    .genAI-list {
        margin-bottom: 30px;
    }
    .ctnt-box {
        padding: 45px 30px;
    }
    .genAI-sec1 .content {
        padding-right: 0px;
    }
    .ctnt-box p {
        font-size: 26px !important;
    }
	   .capability-sec p{ height: 60px;}
     .capability-sec h3{ height: auto;}
}

@media only screen and (max-width: 767px) {
    .capability-sec .cap-box {
        margin-bottom: 15px;
    }
    .text-22 {
        font-size: 16px !important;
    }
    .genAI-list li {
        margin-bottom: 12px;
    }
    .ctnt-box {
        padding: 35px 20px;
    }
    .ctnt-box p {
        font-size: 24px !important;
    }
	 .capability-sec p{ height: 60px;
    }
}