@media (min-width: 20px) and (max-width: 560px){
.fasu-2{
  margin: 0px 15px;
}

.fasu-5 svg{
  width: 90% !important;
}
.ttt-1 .s-ser-msx.s-ser-4{
    width: 50%;
    position:relative;
    float: right;
    margin: 20px 100px 0% 0px;
}
    
.ttt-1 .s-ser-4{
    margin: 0px -50px 0% 0px;
}

.ttt-1 .s-ser-1{
    padding: 1% 0px 0px 0px;
}

.ttt-1 .ser-8 h2{
  font-size: 20px;
  padding-top: 15px;
}




.ser-1 .tab_container1 img{
    width: 100%;
    height: 200px;
    line-height: 0px;
    object-fit: cover;
    border-radius: 10px;
}


.tab_container{
    width: 100%;
    position:relative;
    float: left;
}



.tabs-2 .ser-8 span{
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}


.tabs-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 0% 0px 0% 0px;
    text-align: center;
}

.tabs-2 .ser-8{
    padding: 0% 0px 0% 0px;
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}




.fasu-6{
  transform:rotate3d(0, 0, 1, 90deg);
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-1;
  bottom: 11px;
  font-size: 24px;
  color: #AFB7C6;
  right: 14px;
  opacity: 30%;
  height: 30px;
  z-indeX:0;
}

.tabs .active .fasu-5{
  box-shadow: 0px 0px 0px 3px #286DEE, 0px 0px 0px 6px #377af7; 
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .fasu-6{
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-6{
      opacity: 100%;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-3{
color: #ffffff;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-5{
    background:#3F80FB;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.fasu-5 svg{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 38px;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    opacity: 9;

    width: 110px;
    height: 110px;
    text-align: center;
}




.fasu-5{
  width: 70px;
  height: 70px;
  background:rgb(38 66 119 / 30%);
  overflow:hidden; 
  font-family: font-2;
  margin: 6px;
  line-height: 0px;
  border-radius: 10px;
  position:relative;
  z-indeX:1;
  floaT: left;
}

.fasu-4{
  /* width: 100%; */
  floaT: left;
  position: relative;
  overflow:hidden;
  font-family: font-2;
  margin: 15px 0px 0px 0px;
}




.fasu-3{
  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  bottom: 15px;
  right: 35px;
  font-size: 17px;
  color: #596783;
}




.fasu-8, .fasu-9{ 
  width: 100%; 
  floaT: left; 
  overflow:hidden; 
  margin: 0px 0px 0px 0px;
}

.fasu-7{
 width: calc(100% - 100px);
 floaT: left;
 position: relative;
 overflow:hidden;
 font-family: font-1;
 text-align: left;
 font-size: 14px;
 line-height: 19px;
 letter-spacing: 0.1px;
 margin: 25px 0px 0px 12px;
}


.tabs-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  font-family: font-2;
  margin: 0px 0px;
}

.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color:#ffffff;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.tabs .active {
    background:#286DEE;
}

.tabs{ margin-bottom: 2%; margin-top: 2%; width: 100%; floaT: left; position:relative; overflow:hidden; font-family: font-2;   }
.tabs li{text-align: center;background: #232F57;width: 100%;border-radius: 10px; height: 111px; margin: 0px 0px 10px 0px;float: left;position:relative;display:inline-block;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
}



@media (min-width: 560px) and (max-width: 810px){
.fasu-2{
  margin: 0px 15px;
}

.fasu-5 svg{
  width: 90% !important;
}
.ttt-1 .s-ser-msx.s-ser-4{
    width: 21%;
    position:relative;
    float: right;
    margin: -5px 10px 0% 0px;
}
    
.ttt-1 .s-ser-4{
    margin: 0px -50px 0% 0px;
}

.ttt-1 .s-ser-1{
    padding: 1% 0px 0px 0px;
}

.ttt-1 .ser-8 h2{
  font-size: 20px;
  padding-top: 15px;
}




.ser-1 .tab_container1 img{
    width: 100%;
    height: 200px;
    line-height: 0px;
    object-fit: cover;
    border-radius: 10px;
}


.tab_container{
    width: 100%;
    position:relative;
    float: left;
}



.tabs-2 .ser-8 span{
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}


.tabs-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 0% 0px 0% 0px;
    text-align: center;
}

.tabs-2 .ser-8{
    padding: 0% 0px 0% 0px;
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}




.fasu-6{
  transform:rotate3d(0, 0, 1, 90deg);
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-1;
  bottom: 14px;
  font-size: 24px;
  color: #AFB7C6;
  right: 22px;
  opacity: 30%;
  height: 30px;
  z-indeX:0;
}

.tabs .active .fasu-5{
  box-shadow: 0px 0px 0px 3px #286DEE, 0px 0px 0px 6px #377af7; 
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .fasu-6{
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-6{
      opacity: 100%;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-3{
color: #ffffff;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-5{
    background:#3F80FB;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.fasu-5 svg{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 38px;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    opacity: 9;

    width: 110px;
    height: 110px;
    text-align: center;
}




.fasu-5{
  width: 70px;
  height: 70px;
  background:rgb(38 66 119 / 30%);
  overflow:hidden; 
  font-family: font-2;
  margin: 6px;
  line-height: 0px;
  border-radius: 10px;
  position:relative;
  z-indeX:1;
  floaT: left;
}

.fasu-4{
  /* width: 100%; */
  floaT: left;
  position: relative;
  overflow:hidden;
  font-family: font-2;
  margin: 15px 0px 0px 0px;
}




.fasu-3{
  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  top: 0px;
  right: 20px;
  font-size: 20px;
  color: #596783;
  margin: 20px 0px 0px 20px;
}




.fasu-8, .fasu-9{ 
  width: 100%; 
  floaT: left; 
  overflow:hidden; 
  margin: 0px 0px 0px 0px;
}

.fasu-7{
 width: calc(100% - 160px);
 floaT: left;
 position: relative;
 overflow:hidden;
 font-family: font-1;
 text-align: left;
 font-size: 15px;
 line-height: 20px;
 letter-spacing: 0.1px;
 margin: 7.5% 0px 0px 12px;
}


.tabs-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  font-family: font-2;
  margin: 0px 0px;
}

.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color:#ffffff;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.tabs .active {
    background:#286DEE;
}

.tabs{ margin-bottom: 2%; margin-top: 2%; width: 100%; floaT: left; position:relative; overflow:hidden; font-family: font-2;   }
.tabs li{text-align: center;background: #232F57;width: 100%;border-radius: 10px; height: 111px; margin: 0px 0px 10px 0px;float: left;position:relative;display:inline-block;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
}



@media (min-width: 810px) and (max-width: 1000px){

.fasu-2{
  margin: 0px 20px;
}

.fasu-5 svg{
  width: 80% !important;
}

.ttt-1 .s-ser-msx.s-ser-4{
    width: 20%;
    position:relative;
    float: left;
    margin: 20px 0px 0% 200px !important;
}
    
    
.ttt-1 .s-ser-4{
    margin: 0px -50px 0% 0px;
}

.ttt-1 .s-ser-1{
    padding: 1% 0px 0px 0px;
}

.ttt-1 .ser-8 h2{
  padding-top: 0px;
}




.ser-1 .tab_container1 img{
    width: 100%;
    height: 200px;
    line-height: 0px;
    object-fit: cover;
    border-radius: 10px;
}


.tab_container{
    width: 100%;
    position:relative;
    float: left;
}



.tabs-2 .ser-8 span{
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}


.tabs-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 0% 0px 0% 0px;
    text-align: center;
}

.tabs-2 .ser-8{
    padding: 0% 0px 0% 0px;
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}




.fasu-6{ 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-1;
  top: 0px;
  font-size: 24px;
  color: #AFB7C6;
  margin-top: 14.8%;
  right: 22px;
  opacity: 30%;
  z-indeX:0;
}

.tabs .active .fasu-5{
  box-shadow: 0px 0px 0px 3px #286DEE, 0px 0px 0px 6px #377af7; 
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .fasu-6{
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-6{
      opacity: 100%;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-3{
color: #ffffff;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-5{
    background:#3F80FB;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.fasu-5 svg{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 38px;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    opacity: 9;

    width: 110px;
    height: 110px;
    text-align: center;
}




.fasu-5{
  width: 90px;
  height: 90px;
  background:rgb(38 66 119 / 30%);
  overflow:hidden; 
  font-family: font-2;
  margin: 6px;
  line-height: 0px;
  border-radius: 10px;
  position:relative;
  z-indeX:1;
  floaT: left;
}

.fasu-4{
  /* width: 100%; */
  floaT: left;
  position: relative;
  overflow:hidden;
  font-family: font-2;
  margin: 20px 0px 0px 0px;
}




.fasu-3{
  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  top: 0px;
  right: 20px;
  font-size: 20px;
  color: #596783;
  margin: 20px 0px 0px 20px;
}




.fasu-8, .fasu-9{ 
  width: 100%; 
  floaT: left; 
  overflow:hidden; 
  margin: 0px 0px 0px 0px;
}

.fasu-7{
 width: calc(100% - 160px);
 floaT: left;
 position: relative;
 overflow:hidden;
 font-family: font-1;
 text-align: left;
 font-size: 15px;
 line-height: 21px;
 letter-spacing: 0.1px;
 margin: 7.5% 0px 0px 20px;
}


.tabs-1{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  font-family: font-2;
  margin: 0px 0px;
}

.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color:#ffffff;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.tabs .active {
    background:#286DEE;
}

.tabs{ margin-bottom: 2%; margin-top: 2%; width: 100%; floaT: left; position:relative; overflow:hidden; font-family: font-2;   }
.tabs li{text-align: center;background: #232F57;width: 100%;border-radius: 10px; height: 142px; margin: 0px 0px 20px 0px;float: left;position:relative;display:inline-block;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
}




@media (min-width: 1000px) and (max-width: 1075px){

.fasu-5 svg{
  width: 80% !important;
}

.ttt-1 .s-ser-4{
    margin: 0px -50px 0% 0px;
}

.ttt-1 .s-ser-1{
    padding: 1% 0px 0px 0px;
}

.ttt-1 .ser-8 h2{
  padding-top: 0px;
}



.ser-1 .tab_container1 img{
    width: 100%;
    height: 200px;
    line-height: 0px;
    object-fit: cover;
    border-radius: 10px;
}


.tab_container{
    width: 100%;
    position:relative;
    float: left;
}



.tabs-2 .ser-8 span{
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}


.tabs-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 0% 0px 0% 0px;
    text-align: center;
}

.tabs-2 .ser-8{
    padding: 0% 0px 0% 0px;
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}




.fasu-6{ 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-1;
  top: 0px;
  font-size: 24px;
  color: #AFB7C6;
  margin-top: 24.5%;
  right: 22%;
  opacity: 30%;
  z-indeX:0;
}

.tabs .active .fasu-5{
  box-shadow: 0px 0px 0px 3px #286DEE, 0px 0px 0px 6px #377af7; 
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .fasu-6{
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-6{
      opacity: 100%;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-3{
color: #ffffff;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-5{
    background:#3F80FB;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.fasu-5 svg{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 38px;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    opacity: 9;

    width: 110px;
    height: 110px;
    text-align: center;
}




.fasu-5{
  width: 90px;
  height: 90px;
  background:rgb(38 66 119 / 30%);
  overflow:hidden; 
  font-family: font-2;
  margin: 6px auto;
  line-height: 0px;
  border-radius: 10px;
  position:relative;
  z-indeX:1;
}

.fasu-4{ 
  width: 100%; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  margin: 35px 0px 0px 0px;
}




.fasu-3{
  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  top: 0px;
  font-size: 22px;
  color: #596783;
  margin: 20px 0px 0px 20px;
}




.fasu-8, .fasu-9{ 
  width: 100%; 
  floaT: left; 
  overflow:hidden; 
  margin: 0px 0px 0px 0px;
}

.fasu-7{
  width: 100%;
  floaT: left;
  position: absolute;
  overflow:hidden;
  font-family: font-1;
  bottom: 30px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.1px;
  margin: 0px 0px 0px 0px;
}


.tabs-1{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
  font-family: font-2;
  margin: 0px -10px;
}

.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color:#ffffff;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.tabs .active {
    background:#286DEE;
}

.tabs{ margin-bottom: 2%; margin-top: 2%; width: 100%; floaT: left; position:relative; overflow:hidden; font-family: font-2;   }
.tabs li{text-align: center;background: #232F57;width: 262px;border-radius: 10px;height: 235px;margin: 10px;float: left;position:relative;display:inline-block;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
}



@media (min-width: 1075px) and (max-width: 1180px){

.fasu-5 svg{
  width: 80% !important;
}

.ttt-1 .s-ser-msx.s-ser-4{
    width: 21%;
    position:relative;
    float: right;
    margin: -5px 10px 0% 0px;
}
    

    
.ttt-1 .s-ser-4{
    margin: 0px -50px 0% 0px;
}

.ttt-1 .s-ser-1{
    padding: 1% 0px 0px 0px;
}

.ttt-1 .ser-8 h2{
  padding-top: 0px;
}




.ser-1 .tab_container1 img{
    width: 100%;
    height: 200px;
    line-height: 0px;
    object-fit: cover;
    border-radius: 10px;
}


.tab_container{
    width: 100%;
    position:relative;
    float: left;
}



.tabs-2 .ser-8 span{
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}


.tabs-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 0% 0px 0% 0px;
    text-align: center;
}

.tabs-2 .ser-8{
    padding: 0% 0px 0% 0px;
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}




.fasu-6{ 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-1;
  top: 0px;
  font-size: 24px;
  color: #AFB7C6;
  margin-top: 24.5%;
  right: 22%;
  opacity: 30%;
  z-indeX:0;
}

.tabs .active .fasu-5{
  box-shadow: 0px 0px 0px 3px #286DEE, 0px 0px 0px 6px #377af7; 
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .fasu-6{
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-6{
      opacity: 100%;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-3{
color: #ffffff;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-5{
    background:#3F80FB;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.fasu-5 svg{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 38px;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    opacity: 9;

    width: 110px;
    height: 110px;
    text-align: center;
}




.fasu-5{
  width: 90px;
  height: 90px;
  background:rgb(38 66 119 / 30%);
  overflow:hidden; 
  font-family: font-2;
  margin: 6px auto;
  line-height: 0px;
  border-radius: 10px;
  position:relative;
  z-indeX:1;
}

.fasu-4{ 
  width: 100%; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  margin: 35px 0px 0px 0px;
}




.fasu-3{
  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  top: 0px;
  font-size: 22px;
  color: #596783;
  margin: 20px 0px 0px 20px;
}




.fasu-8, .fasu-9{ 
  width: 100%; 
  floaT: left; 
  overflow:hidden; 
  margin: 0px 0px 0px 0px;
}

.fasu-7{
  width: 100%;
  floaT: left;
  position: absolute;
  overflow:hidden;
  font-family: font-1;
  bottom: 30px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.1px;
  margin: 0px 0px 0px 0px;
}


.tabs-1{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
  font-family: font-2;
  margin: 0px -10px;
}

.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color:#ffffff;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.tabs .active {
    background:#286DEE;
}

.tabs{ margin-bottom: 2%; margin-top: 2%; width: 100%; floaT: left; position:relative; overflow:hidden; font-family: font-2;   }
.tabs li{text-align: center;background: #232F57;width: 285px;border-radius: 10px;height: 235px;margin: 10px;float: left;position:relative;display:inline-block;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
}





@media (min-width:1180px) and (max-width:90000000px){
.ttt-1 .s-ser-1{
    padding: 1% 0px 0px 0px;
}

.ttt-1 .ser-8 h2{
  padding-top: 0px;
}



.ser-1 .tab_container1 img{
    width: 100%;
    height: 200px;
    line-height: 0px;
    object-fit: cover;
    border-radius: 10px;
}


.tab_container{
    width: 100%;
    position:relative;
    float: left;
}



.tabs-2 .ser-8 span{
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}


.tabs-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 0% 0px 0% 0px;
    text-align: center;
}

.tabs-2 .ser-8{
    padding: 0% 0px 0% 0px;
    width: 100%;
    position:relative;
    float: left;
    text-align: center;
}




.fasu-6{ 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-1;
  top: 0px;
  font-size: 24px;
  color: #AFB7C6;
  margin-top: 26%;
  right: 21%;
  opacity: 30%;
  z-indeX:0;
}

.tabs .active .fasu-5{
  box-shadow: 0px 0px 0px 3px #286DEE, 0px 0px 0px 6px #377af7; 
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .fasu-6{
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-6{
      opacity: 100%;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-3{
color: #ffffff;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.tabs .active .fasu-5{
    background:#3F80FB;
       -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.fasu-5 svg{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 38px;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    opacity: 9;

    width: 110px;
    height: 110px;
    text-align: center;
}




.fasu-5{
  width: 110px;
  height: 110px;
  background:rgb(38 66 119 / 30%);
  overflow:hidden; 
  font-family: font-2;
  margin: 6px auto;
  line-height: 0px;
  border-radius: 10px;
  position:relative;
  z-indeX:1;
}

.fasu-4{ 
  width: 100%; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  margin: 35px 0px 0px 0px;
}




.fasu-3{
  -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-2;
  top: 0px;
  font-size: 24px;
  color: #596783;
  margin: 25px 0px 0px 25px;
}




.fasu-8, .fasu-9{ 
  width: 100%; 
  floaT: left; 
  overflow:hidden; 
  margin: 0px 0px 0px 0px;
}

.fasu-7{ 
  width: 100%; 
  floaT: left; 
  position: absolute; 
  overflow:hidden; 
  font-family: font-1;
  bottom: 32px;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.1px;
  margin: 0px 0px 0px 0px;
}


.tabs-1{ 
  width: 103%; 
  floaT: left; 
  position:relative; 
  overflow:hidden; 
  font-family: font-2;
  margin: 0px -15px;
}

.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color:#ffffff;
    transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}


.tabs .active {
    background:#286DEE;
}

.tabs{ margin-bottom: 2%; margin-top: 2%; width: 100%; floaT: left; position:relative; overflow:hidden; font-family: font-2;   }
.tabs li{text-align: center;background: #232F57;width: 306.3px;border-radius: 10px;height: 250px;margin: 15px;float: left;position:relative;display:inline-block;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
}