/*************************************************************************************************************************|
                                                           FAQ mission Vision                                           **|
**************************************************************************************************************************/

.wrapper-faq {
    padding: 50px 0 20px;
    background: #044b7a0f;
}

.wrapper-faq-mission {
    position: relative;
    padding: 70px 0 0px;
}

.container.faq-mission {}

.wrap-faq-mission.row-container {
    align-items: unset;
}

.left-faq-mission {
    width: 50%;
    padding: 0 15px;
}

.wrap-left-faq-mission {}

.text-mision-vision {
    margin-bottom: 23px;
    color: #74787C;
    position: relative;
    padding-left: 21px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}


.content-mission-vision {
}

.text-mision-vision:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #00bdd3;
    top: 0;
    left: 0;
}

.content-mission-vision .btn-wrap {
    margin-top: 30px;
}

ul.list-content-mission-vision {margin: 0px 0px 30px 0px;}

li.item-list-content-mv {
    margin-bottom: 13px;
}

span.icon-list-content-mv {
    margin-right: 8px;
    margin-bottom: 4px;
    transition: all 220ms linear;
    font-size: 16px;
    color: #00bbd9;
}

span.icon-list-content-mv i {}

span.title-list-content-mv {
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1px;
    transition: all .3s linear;
}


.right-faq-mission {
    width: 100%;
    padding: 20px 15px;
}

.wrap-right-faq-mission.accordion {}

.toggle.ttm-style-classic {
    transition: all 0.3s ease-in-out;
    margin-bottom: 15px;
}

.toggle.ttm-style-classic.active {
    box-shadow: rgba(0,0,0,7%)0 4px 12px;
}

h4.toggle-title {
    overflow: hidden;
    color: #1A1A1A;
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: -0.54px;
    border-radius: 5px;
    padding: 9px 48px 9px 28px;
    background-color: rgba(1,1,1,4%);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    position: relative;
    padding-left: 55px;
    cursor: pointer;
}

.active h4.toggle-title {
    background-color: #fff;
    border-color: #fff;
}

h4.toggle-title:before {
    content: "\f101";
    position: absolute;
    font-family: 'FontAwesome';
    left: 29px;
    font-size: 18px;
    color: #005aa9;
    top: 52%;
    transform: translatey(-50%);
}

h4.toggle-title:after {
    content: '\f067';
    position: absolute;
    font-family: "FontAwesome";
    top: 50%;
    right: 36px;
    transform: translateY(-50%);
    transition: all .3s linear;
    border-radius: 5px;
    color: #005aa9;
}

.active h4.toggle-title:after {
    content: "\f068";
}

.toggle-content {
    display: none;
}

.body-content-response-faq {
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #74787C;
    background: white;
    padding: 0 30px 16px;
    box-shadow: rgba(149,157,165,3%)0 8px 24px;
}

.active .toggle-content {
    display: block;
}



/* *****************************************************************************************************************************
|                                                     CALL TO ACTION                                                            |
********************************************************************************************************************************/

section.wrapper-call-action {
    margin-bottom: -50px;
    padding: 0 0 0px;
    z-index: 2;
    position: relative;
}

.wrap-call-call-action {
    justify-content: space-between;
    padding: 40px 0;
    position: relative;
    z-index: 1;
    color: #fff;
}

.riht-call-action {}

.wrap-call-call-action:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1000%;
    height: 100%;
    background: #5fbb32;
    z-index: -1;
    border-top-right-radius: 30px;
}

.call-action-title {
    width: 48%;
    padding: 0 15px;
}

.call-action-title h2 {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1.2;
}

h2.desc-call-action {
    font-size: 21px;
    font-weight: 600;
}

.right-call-action > div {
    margin-right: 30px;
    padding-right: 30px;
}

.item-right-call-action {
    margin-right: 0 !important;
    padding: 0;
}

.right-call-action .btn-call-action {
     border-right: 1px dashed #fff; 
}

.btn-call-action a:before {
}

.btn-call-action a {
}

.btn-call-action a:hover {
}

.icon-new-call-action {
    font-size: 30px;
    line-height: 1;
    vertical-align: middle;
    padding: 0 15px;
    align-self: flex-end;
}

.info-text {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.phn-number {
    font-size: 20px;
    font-weight: 500;
}

.right-call-action {
    width: 52%;
    justify-content: unset;
}