

/* Layout 8*/

.layout-8 { background-color: #f8f8f8; padding: 90px 0;}

.layout-8 h2{ margin-bottom: 50px; }

.layout-8 .wrap { padding-right: 90px; }

.layout-8 .btn { font-size: 22px; text-transform: uppercase; font-weight: 500; margin-top: 15px; }

.layout-8 h3 { font-family: "Open Sans", sans-serif; font-size: 32px; line-height: 42px; font-weight: 700;  }



.layout-8 .v-tab  { background-color: #fff;  }

.layout-8 .v-tab .accordion-header .accordion-button { border-left: 4px solid #018daf !important; font-size: 24px; padding: 10px 20px; font-family: "Open Sans", sans-serif; font-weight: 700; color: #333; }

.layout-8 .v-tab .accordion-header .accordion-button.collapsed { border: 4px solid #fff !important;  }

.layout-8 .accordion-item { border: none; }

.layout-8 .v-tab .accordion-button:not(.collapsed){ background-color: #fff; box-shadow: none !important; }

.layout-8 .v-tab .panel-heading, .layout-8 .v-tab .accordion-header { cursor: pointer; position: relative;  }

.layout-8 .v-tab .panel-title:after, .layout-8 .v-tab .accordion-header .accordion-button:after { margin-top: -7px; content: "\f0d7";font-family: fontawesome; font-size: 22px;  position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; background-image: none; }

.layout-8 .v-tab .panel-heading.collapsed .panel-title::after { transform: translateY(-50%) rotate(180deg);  }

.layout-8 .v-tab .panel-default {  border: none !important }

.layout-8 .v-tab .panel-default>.panel-heading{ background-color: #fff; }

.layout-8 .v-tab .panel-default .panel-body a { display: block; color: #696969; font-size: 16px; text-transform: uppercase; margin-top: 5px; font-weight: 600;  }

.layout-8 .v-tab .panel-default .panel-body { border: none !important;  font-size: 18px; line-height: 28px; padding-top: 0; padding-right: 20px; padding-left: 20px;}

  

.v-tab .panel-default .panel-heading { padding-right: 20px; padding-left: 20px; padding-bottom: 15px; }

.layout-8 .v-tab .panel-default.panel {  border-left: 4px solid #fff !important;  border-radius: 0; }

.layout-8 .v-tab .panel-default.panel.active {  border-left: 4px solid #018daf !important;  border-radius: 0; }



 









/* Responsive */



@media (max-width: 1199px){ 

.layout-8 .wrap { padding-right: 30px; }

.layout-8 h3 { font-size: 30px; line-height: 40px;  }

.layout-8 .btn { font-size: 20px; }

















}

 



@media (max-width: 991px){ 

.layout-8 h2 {  margin-bottom: 30px; }

.layout-8 h3 { font-size: 28px;  line-height: 36px; }

.layout-8 .panel-group.v-tab { margin-top: 30px; }









}





@media (max-width: 767px){ 

.layout-8 .v-tab h4, .layout-8 .v-tab .accordion-header .accordion-button { font-size: 22px; }

.layout-8 h3 { font-size: 24px; line-height: 30px; }

.layout-8 .v-tab{ margin-top: 30px; }













}





@media (max-width: 599px){ 

.layout-8 .v-tab .panel-default .panel-body { font-size: 16px; line-height: 24px; }

.layout-8 .btn { font-size: 18px; }

.layout-8 .v-tab h4, .layout-8 .v-tab .accordion-header .accordion-button {
    font-size: 18px;
}

.layout-8 .v-tab .accordion-header .accordion-button {    padding: 10px 10px;  }







} 



@media (max-width: 479px){ 

.layout-8 .btn { font-size: 16px; }





} 