/*--- Portfolio section ---*/
.dxp-portfolio-title-inner .portfolio-content h6.text-subtitle{margin:0;}
.dxp-portfolio-title-inner .portfolio-content h2{margin:10px 0 0;}
.dxp-portfolio-title-inner .portfolio-cta{position:relative; float:right;}
.dxp-portfolio-mrow .portfolio-cta a{background-color:transparent; color:#242625; border:1px solid rgba(36, 38, 37, .8); display:inline-block; width:fit-content; padding:8px 18px; transition:all 0.3s ease-in-out; text-transform:uppercase; letter-spacing:1.3px; font-size:11px; line-height:11px;}
.dxp-portfolio-mrow .portfolio-cta a:hover{background-color:#242625; color:#faf9f6; }
.dxp-portfolio-mrow .portfolio-cta-mobile{display:none;position:relative;}

@media (max-width: 1024px) {
	.dxp-portfolio-mrow, .dxp-portfolio-mrow .vc_row{margin:0 !important;}
	.dxp-portfolio-mrow .qodef-row-grid-section{width:100%;}
	.dxp-portfolio-mrow .qodef-normal-space .qodef-outer-space .qodef-item-space{margin-bottom:50px !important;}
}
@media (max-width: 767px) {
	.dxp-portfolio-mrow .portfolio-cta-desktop{display:none;}
	.dxp-portfolio-mrow .portfolio-cta-mobile{display:block; width:fit-content; margin:40px auto 0;}
}

.dxp-portfolio-inner .qodef-portfolio-list-holder .qodef-pli-text-holder{margin-top:0 !important;}


/*--- Contact form section ---*/
.designexp-contact-inner .contact-content h6.text-subtitle{margin:0;}
.designexp-contact-inner .contact-content h2{margin:10px 0 20px;}
.designexp-contact-inner .contact-content p{margin:0;}
.designexp-contact-mrow .form-group{position:relative;}
.designexp-contact-mrow .form-row {display: flex;justify-content: space-between;gap: 15px;position:relative;}
.designexp-contact-mrow .form-group{flex: 1;position:relative;}
.designexp-contact-mrow .form-group:not(.submit-group){margin-bottom:30px;}
.form-group.project-scope{margin-bottom:25px;}
.designexp-contact-mrow .form-group input[type=text], .designexp-contact-mrow .form-group input[type=email], .designexp-contact-mrow .form-group select, .designexp-contact-mrow .form-group textarea {position: relative;border-radius:3px !important; margin:0 !important; border:1px solid rgba(36, 38, 37, .2) !important;} 
.designexp-contact-mrow .form-group .select2-selection{border:1px solid rgba(36, 38, 37, .2) !important;}
.designexp-contact-mrow .form-group label {position: absolute;top:-10px;z-index: 1;left:20px;padding: 0 5px;background-color:#faf9f6; padding: 0 10px; font-size:12px; font-weight:300; color:#242625;}
.designexp-contact-mrow .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text, .designexp-contact-mrow .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-number, .designexp-contact-mrow .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-date, .designexp-contact-mrow .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea, .designexp-contact-mrow .cf7_custom_style_1 select.wpcf7-form-control.wpcf7-select, .designexp-contact-mrow .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-quiz{font-size:12px; font-family: 'poppins'; color:#242625; font-weight:300;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid rgba(36, 38, 37, .2) !important; }
.designexp-contact-mrow .submit-group{display:flex; flex-direction:column; align-items:center;}
.designexp-contact-mrow .form-group input.wpcf7-submit{padding:5px 50px !important;width:fit-content !important; letter-spacing:1.5px; font-size:11px; letter-spacing:1.5px; font-weight:300;}
.designexp-contact-mrow .form-group textarea{resize: vertical;min-height:60px;height:80px; max-height:120px;}

@media (max-width: 1200px){.designexp-contact-inner .contact-content p br{display:none;}}
@media (max-width: 1024px){
	.designexp-contact-mrow, .designexp-contact-mrow .vc_row{margin:0 !important;}
	.designexp-contact-mrow .qodef-row-grid-section{width:100%;}
	.designexp-contact-inner .contact-content{margin-bottom:60px !important;}
}
@media (max-width: 767px){
	.designexp-contact-inner .contact-content h2 br{display:none;}
	.designexp-contact-inner .info-col{margin-bottom:70px !important;}
	.designexp-contact-inner .form-row {flex-direction: column;gap: 0;}
}
