/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 20 2025 | 04:38:34 */
@media only screen and (max-width: 1024px) {
.cc_proposal_form_two .ccpf_wrapper {
	display: flex;
	flex-direction: column;
}
.dynamic_form_sec {
    background: linear-gradient(45deg, #00000000, transparent) !important;
}
.cc_proposal_form_two .left_column,
.cc_proposal_form_two .right_column {
    width: 100%;
    flex: 0 0 auto;
}	 
	 
}

 @media only screen and (max-width: 767px) {
.custom_form .from_wrapper {
    flex-direction: column;
    gap: 0 !important;
}	 

.ser_pag_form .cc_form_inner .form_group {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
}	 
	 
}

.custom_form .from_wrapper {
    display: flex;
    gap: 20px;
}
.custom_form label{
	display:block;
	font-size: 16px !important;
    font-weight: 400;
    color: #1d1e26;
}
.custom_form label span {
    margin: 10px 0px 20px 0px !important;
    display: block;
}

.custom_form .from_wrapper p {
    flex-basis: 50%;
}


.ser_pag_form input {
    width: 100%;
    background: transparent;
    border: 1px solid #ddd;
	outline: none;
}

.ser_pag_form input:focus {
    border-color: #ddd;
}

.custom_form input[type=date],
.custom_form input[type=email],
.custom_form input[type=number],
.custom_form input[type=password],
.custom_form input[type=search],
.custom_form input[type=tel],
.custom_form input[type=text],
.custom_form input[type=url],
.custom_form select,
.custom_form textarea {
    width: 100%;
	background: transparent;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    height: 50px;
	outline: none;
}
.custom_form input[type=date]:focus,
.custom_form input[type=email]:focus,
.custom_form input[type=number]:focus,
.custom_form input[type=password]:focus,
.custom_form input[type=search]:focus,
.custom_form input[type=tel]:focus,
.custom_form input[type=text]:focus,
.custom_form input[type=url]:focus,
.custom_form select:focus,
.custom_form textarea:focus {
    border-color: #ddd;
}

.custom_form textarea {
    height: 92px;
}

.custom_form input[type="submit"] {
    width: 100%;
    transition: all 0.3s;
	border: none !important;
}
.custom_form input[type="submit"]:hover{
	background:#019197;
	transition: all 0.3s;
}

/* DARK MODE CSS */
.dark_mode .left_heading h3 {
    color: #fff;
}
.dark_mode .custom_form label {
    color: #ffffff;
}
.dark_mode .ser_pag_form input,
.dark_mode .custom_form input[type=date],
.dark_mode .custom_form input[type=email],
.dark_mode .custom_form input[type=number],
.dark_mode .custom_form input[type=password],
.dark_mode .custom_form input[type=search],
.dark_mode .custom_form input[type=tel],
.dark_mode .custom_form input[type=text],
.dark_mode .custom_form input[type=url],
.dark_mode .custom_form select,
.dark_mode .custom_form textarea {
    border: 1px solid rgb(255 255 255 / 10%);
	color: #fff;
}
.dark_mode .ser_pag_form input:focus,
.dark_mode .custom_form input[type=date]:focus,
.dark_mode .custom_form input[type=email]:focus,
.dark_mode .custom_form input[type=number]:focus,
.dark_mode .custom_form input[type=password]:focus,
.dark_mode .custom_form input[type=search]:focus,
.dark_mode .custom_form input[type=tel]:focus,
.dark_mode .custom_form input[type=text]:focus,
.dark_mode .custom_form input[type=url]:focus,
.dark_mode .custom_form select:focus,
.dark_mode .custom_form textarea:focus {
    border-color: rgb(255 255 255 / 10%);
}


.dark_mode .custom_form select {
    color: #fff;
    background: #1a1b22;
}
.dark_mode .contact_form_2 select {
    color: #fff;
    background: #17282e;
}

.dark_mode .dark_background {
    background-color: #17282e !important;
}