.text-title h1{
    color: var(--color-5);
}

.section-form-TVDC p {
    text-align: center;
}

.col-form-tv .col-inner {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
   
}

.form-tv > p {
    display: flex;
    gap: 0 5px;
    width: 100%;
    flex-wrap: wrap;
}


.form-tv label {
    text-align: left;
    color: var(--color-6);
    font-size: 1rem;
    flex-basis: 49%;
    max-width: 50%;
}

.form-tv .col-letf,
.form-tv .col-right {
    width: 50%;
}

.form-tv input,
.form-tv select {
    border: 1px solid var(--color-9);
    box-shadow: var(--box--shadow-2);
    color: var(--color-7);
    background-color: var(--color-8);
    padding: .75em;
    height: auto;
    border-radius: 2px;
    transition: all .2s linear;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
}

.form-tv input:focus,
.form-tv select:focus {
    box-shadow: none;
    background-color: var(--color-1);
}

form.wpcf7-form{
    margin-bottom: 0;
}

.form-tv-index input[type="submit"].wpcf7-submit {
    background-color: var(--color-10);
    color: var(--color-1);
} 

.form-tv-index input[type="submit"].wpcf7-submit:hover {
    background-color: var(--bg-expert) ;
    color: var(--color-1) ;
}

.wpcf7-spinner::before {
    display: none;
}

.wpcf7-spinner {
    margin: 0;
    width: 0;
}

.col-about-index .text-about-index h2 {
    color: var(--color-12);
    font-weight: 700;
}

.btn-about-index {
    font-weight: 100;
    background-color: var(--color-12);
    padding: 8px 30px 8px 30px;
}

.btn-testimol {
    background: var(--color-13);
    font-weight: 100;
}

.row-box-index {
    gap: 5px;
}


.img-index-bl {
    transition: all .3s ease;
}

.img-index-bl .img-inner::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    transition: opacity 1s;
    opacity: 0;
}

.img-index-bl:hover .img-inner::after {
    opacity: 1;
    transition: opacity .5s;
}

.row-slider .col-inner 
.silder-show .flickity-viewport {
    height: 450px;
}

.row-slider .text-title-slider {
    font-size: 22px;
}

.img-avatar-index .icon-box-img img {
    width: 90%; 
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.img-avatar-index .icon-box-text h5 {
    background: var(--color-11);
    color: var(--color-1);
    border-radius: 50px;
    font-weight: 400;
    text-align: center;
}

.silder-show .next {
    right: -10px;
}

.silder-show .previous {
    left: -10px;
}

.silder-show .flickity-prev-next-button {
    opacity: 1;
    width: 25px;
}

.slider-nav-circle .flickity-prev-next-button svg {
    fill: var(--color-11) !important;
    background-color: transparent;
    border-color: transparent;
}

.slider .flickity-prev-next-button .arrow {
    fill: var(--color-11) !important;
}

.slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: var(--color-11) !important;
    background-color: transparent;
    border-color: transparent;
}

.slider .flickity-prev-next-button:hover .arrow {
    fill: var(--color-11) !important;
}

.col-posts .text-posts h3 {
    font-size: 15px;
}

.secondary.is-underline, .secondary.is-link, 
.secondary.is-outline, .stars a.active, 
.star-rating::before, .woocommerce-page 
.star-rating::before, .star-rating span::before, 
.color-secondary {
  color: #c47622;
}

.section-footer {
    background-color: var(--color-17);
}

.col-footer .text-h-footer h2 {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-1);
    margin-bottom: 10px;
}

.row-footer .col-footer-text .text-h-footer {
    margin-bottom: 35px !important;
}

.col-footer .text-h-footer p {
    color: var(--color-1) ;
}

.col-footer .icon-footer p {
    margin-bottom: 0;
}

.col-footer .icon-footer,
.col-footer .icon-footer a{
    color: var(--color-1);
}

.col-footer .icon-box-left 
.icon-box-img + .icon-box-text {
  padding-left: 9px;
}

footer .absolute-footer {
    display: none;
}

.col-contact .text-contact h2 {
    font-size: 25px;
    color: var(--color-3);
    margin-bottom: 15px;
}

.form-contact p {
    text-align: center;
}

.form-contact .input-contact label {
    text-align: left;
    font-weight: 700;
    font-size: 19px;
    margin: 0;
}

.form-contact .input-contact span {
    text-align: left;
}

.col-contact .is-divider {
    text-align: center;
    margin: auto;
}

.form-contact .input-contact input,
.form-contact .input-contact textarea {
    border-radius: 5px;
    border: 2px solid var(--color-20);
    font-weight: 400;
}

.form-contact .wpcf7 p {
    text-align: center;
}

.form-contact input[type="submit"].wpcf7-submit {
    border-radius: 5px;
    padding: 2px 45px;
    background-color: var(--color-12);
    font-weight: 400;
}

.form-contact input[type="submit"].wpcf7-submit:hover {
    background-color: var(--color-12);
}

.col-text-ct .col-inner {
    border: 1px solid var(--color-3);
    border-radius: 5px;
    padding: 10px 15px 0 15px;
}

.title-CSPA h1 {
    font-size: 3rem;
}

.row-cspa {
    padding: 20px 0 20px 0;
}

.row-cspa .form-cspa p {
    text-align: right;
}

.col-form-cspa .col-inner form {
    margin-bottom: 0;
}

.form-cspa .form-cspa-tt input {
    padding: 10px 20px;
    border: 1px solid var(--color-18) ;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    max-width: 35%;
    margin-top: -66px;
    margin-left: 25rem;
}



.row-cspa .wpcf7 {
    justify-content: center;
    display: flex;
    margin-left: 50px !important;
}


.form-cspa .form-cspa-tt placeholder {
    color: var(--color-7);
    font-size: 13px;
}

.form-cspa .wpcf7-form {
    text-align: left;
    font-weight: 100;
    font-size: 15px;
}

.form-cspa-tt label {
    display: flex;
    width: 100%;
    font-size: 20px;
}
.form-cspa-tt .wpcf7-form-control-wrap {
    margin-bottom: -20px;
}

.form-cspa .wpcf7-not-valid-tip {
    background-color: #fff0;
    padding-left: 510px;
    font-size: 16px;
    bottom: 60px;
}

.form-cspa .dp4 {
    display: none;
}

.form-cspa .nsv-text {
    display: none;
}

.form-cspa .patriot {
    display: none;
}

/* .form-cspa input[type="submit"].wpcf7-submit {
    border-radius: 5px;
    font-weight: 100;
    background-color: var(--color-11);
    margin-top: 0;
    border: none;
    padding: 0 40px;
} */

/* .form-cspa input[type="submit"].wpcf7-submit:hover {
    background-color: var(--color-11);
    box-shadow: none;
} */

.form-cspa .btn-cspa {
    background-color: var(--color-12);
    color: var(--color-1);
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
    padding: 0px 30px;
    margin-right: 40px;
    text-transform: uppercase;
}

.row-about-page .col-about-page .col-inner {

}

@media screen and (max-width: 995px) {
    .row-box-index {
        gap:4px;
    }

    .btn-cspa {
        font-size: 15px;
    }
}

@media screen and (max-width: 850px) {

    .banner-img-index {
        padding-top: 250px !important;
    }

    .form-cspa .form-cspa-tt input {
        max-width: 30%;
        margin-top: -71px;
        margin-left: 400px;
    }

    /* .form-cspa input[type="submit"].wpcf7-submit {
        margin-top: -5px;
        padding: 0px 56px;
    }  */

    .form-cspa .btn-cspa {
        left: 190px;
    }

    .section-content .banner-img-CSPA {
        padding-top: 200px !important;
    }

    .form-cspa .wpcf7-not-valid-tip {
        padding-left: 414px;
        font-size: 15px;
        bottom: 29px;
    }
}

@media screen and (max-width: 849px){
    .form-cspa .btn-cspa {
        left: 28px;
    }
    .medium-6 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .blog-event .flickity-viewport h5 {
        font-size: 19px;
        color: #333;
        text-align: center;
    }
    .col-footer .text-h-footer h2{
        font-size: 18px;
    }
    .icon-box-text p{
        font-size: 14px;
    }
    .title-slider-post{
        text-align: center;
    }
    #text-2{
        margin-top: 4rem;
        text-align: center;
       
    }
    #text-2 .widget-title span{
        font-size: 1.875rem;
        font-weight: bold;
       
    }
    .textwidget p{
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .textwidget p strong {
        font-size: 19px;
        color: #333;
       
    }
    .is-divider{
        display: none;
    }
    
}

@media screen and (max-width: 795px) {
    .col-icon-box {
        max-width: 49%;
    }
    .row-cspa .form-cspa p {
        text-align: center;
    }
    .form-cspa .btn-cspa {
        display: inline-flex;
        justify-content: center;

    }
}

@media screen and (max-width: 550px) {

    .col-about-page {
        padding-right: 10px ;
        padding-left: 10px;
    }

    .title-about h3 {
        text-align: center;
    }

    .btn-link-about {
        padding: 0px 15px 0px 15px !important;
    }
    
    .row-about-page .is-divider {
        display: none;
    }

    .row-about-page .col-about-page .col-inner {
        padding: 0 !important;
    }

    .row-contact {
        flex-flow: column-reverse;
    }

    .form-cspa .form-cspa-tt input {
        max-width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .form-cspa-tt .wpcf7-form-control-wrap {
        margin: 0px 0px 0px 0px;
    }

    /* .form-cspa input[type="submit"].wpcf7-submit {
        margin-top: 0;
        padding: 0px 30px;
    } */

    .form-cspa-tt label {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 0;
    }

    .col-icon-box {
        max-width: 100%;
    }

    .form-tv label{
        flex-basis: 100%;
        max-width: 100%;
    }

    .form-cspa .btn-cspa {
        margin: 0 0 10px;
        left: 0;
    }

    .section-content .banner-img-CSPA {
        padding-top: 100px !important;
    }

    .form-cspa .wpcf7-not-valid-tip {
        border-bottom-color: #fff0;
        padding: 0;
        bottom: 5px;
        font-size: 16px;
    }

    .form-cspa .wpcf7-not-valid-tip::after {
        border: none;
        border-bottom-color: none;
        border-bottom-color: none;
    }
}

@media screen and (max-width: 549px){

    .banner-img-index {
        padding-top: 169px !important;
    }.banner-img-index .bg.bg-loaded {
       background-position: 100% !important;
    }

    .banner-about-index .bg.bg-loaded{
        background-size: 100% !important;
    }
    
    #logo img {
        padding: 15px 0 !important;
    }
    .row-cspa .wpcf7 {
        margin-left: 0px !important;
    }
    .row-footer .col-footer-text .text-h-footer {
        margin-bottom: 0 !important;
    }

    .text-p-index {
        font-size: 17px;
    }
    
    .btn-about-index span {
        font-size: 15px;
    }
}
@media screen and (max-width: 431px){

 
    .post .entry-title {
    font-size: 25px;
    }
    .single-page h2{
        font-size: 20px;
        padding-bottom: 10px;
    }
    .title-slider-post h2 ,#text-2 .widget-title span {
        font-size: 24px;
    }
    .blog-wrapper .post-title, .textwidget p strong  {
        font-size: 17px;
        text-align: center;
    }
    .blog-event .flickity-viewport h5 {
        font-size: 18px;
        color: #333;
        text-align: center;
    }
    
}

@media screen and (max-width: 391px){

    /* .col-about-index .text-box-content {
        margin-bottom: -48px;
    } */

    .btn-about-index {
        padding: 5px 15px 5px 15px;
    }

    .btn-about-index span {
        font-size: 12px;
    }

    .col-about-index .text-about-index h2 {
        font-size: 26px;
    }

    .text-p-index {
        font-size: 15px;
    }

    .form-tv-index input[type="submit"].wpcf7-submit {
        padding: 0px 10px 0px 10px;
        font-size: 15px;
    }
    .post .entry-title {
    font-size: 23px;
    }
    .single-page h2{
        font-size: 21px;
        padding-bottom: 10px;
    }
    .title-slider-post h2 ,#text-2 .widget-title span {
        font-size: 24px;
    }
    .blog-wrapper .post-title, .textwidget p strong  {
        font-size: 17px;
    }
    .blog-event .flickity-viewport h5 {
        font-size: 18px;
        color: #333;
        text-align: center;
    }
    
}

@media screen and (max-width: 360px) {

    .banner-img-index {
        padding-top: 140px !important;
    }

    .section-content .banner-img-CSPA {
        padding-top: 85px !important;
    }

    .gap-cspa {
        padding-top: 40px !important;
    }

    .row-cspa {
        padding: 0;
    }

    .form-cspa {
        padding: 0 20px 0 20px;
    }

    .form-cspa .btn-cspa {
        padding: 0px 15px;
    }

    .text-title h1 {
        font-size: 25px;
    }
    
    .text-title p {
        font-size: 15px;
    }

    .icon-box .icon-box-text p {
        font-size: 15px;
    }
}