﻿a:hover{
    color: #222;
    text-decoration: none;
}
.bs-vertical-wizard {
    border-right: 1px solid #eaecf1;
    padding-bottom: 50px;
    background: white;
    box-shadow: 1px 4px 12px 5px #00000036;
    padding: 15px 2px 50px;
    margin-bottom: 10px;
}

.bs-vertical-wizard ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bs-vertical-wizard ul>li {
    display: block;
    position: relative;
}

.bs-vertical-wizard ul>li>a {
    display: block;
    padding: 10px 10px 10px 40px;
    color: #585858;
    font-size: 13px;
    font-weight: 600;
}

.bs-vertical-wizard ul>li>a:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 25px);
    background-color: #bdc2ce;
    left: 13px;
    bottom: -9px;
    z-index: 3;
}

.bs-vertical-wizard ul>li>a .ico {
    pointer-events: none;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 15px;
    z-index: 2;
}

.bs-vertical-wizard ul>li>a:after {
    content: '';
    position: absolute;
    border: 2px solid #bdc2ce;
    border-radius: 50%;
    top: 14px;
    left: 6px;
    width: 16px;
    height: 16px;
    z-index: 3;
}

.bs-vertical-wizard ul>li>a .desc {
    display: block;
    color: #bdc2ce;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: .8px;
}

.bs-vertical-wizard ul>li.complete>a:before {
    background-color: #5cb85c;
    opacity: 1;
    height: calc(100% - 25px);
    bottom: -9px;
}

.bs-vertical-wizard ul>li.complete>a:after {display:none;}
.bs-vertical-wizard ul>li.locked>a:after {display:none;}
.bs-vertical-wizard ul>li:last-child>a:before {display:none;}

.bs-vertical-wizard ul>li.complete>a .ico {
    left: 8px;
}

.bs-vertical-wizard ul>li>a .ico.ico-green {
    color: #5cb85c;
}

.bs-vertical-wizard ul>li>a .ico.ico-muted {
    color: #bdc2ce;
}

.bs-vertical-wizard ul>li.current {
    background-color: #fff;
}

.bs-vertical-wizard ul>li.current>a:before {
    background-color: #ffe357;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current>a:after {
    border-color: #ffe357;
    background-color: #ffe357;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current:after, .bs-vertical-wizard ul>li.current:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.bs-vertical-wizard ul>li.current:after {
    border-color: rgba(255,255,255,0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.bs-vertical-wizard ul>li.current:before {
    border-color: rgba(234,236,241,0);
    border-left-color: #eaecf1;
    border-width: 11px;
    margin-top: -11px;
}

.fee-field-empty{
    border: 1px solid red;
}

.detail-head img {
    width: 70px;
    height: 50px;
}

.detail-head h4{
    font-size: 15px;
    min-height: 30px;
    font-weight: 500;
}

.detail-head a{
    font-size: 13px;  

}
.primary a{
     color: #03afef;
    font-weight: 500;
}
.top-header{
    background: white;
    box-shadow: 1px 4px 12px 5px #00000036;
    padding: 17px 0px;
    margin-bottom: 30px;
    margin: 0px 15px 20px 15px;
}
.top-header ul {
    display: flex;
/*    justify-content: space-evenly;
*/   list-style: none;
    padding: 0 10px;
    margin: 10px;   

}
.top-header .form-control{
    font-size: .85rem;
    color: #222;   
    border: 1px solid #e3c438;
    font-weight: 500;
}
.top-header label{
    font-size: .85rem;
    color: #222;      
    font-weight: 500;
}
.mr-top{
    margin-top: -45px;
}

.top-header .add_btn{
    background: #e3c438;
    font-size: 14px;
    padding: 9px 15px;
    margin-right: 20px;
    border-radius: 20rem;
}
.form-check{
    padding-left: 3.25rem;
    padding-top: 6px;
}
.school-detail{
    /*border: 1px solid #e3c438;
    padding: 5px;*/
    background: #fff;
    padding: 15px 10px;
    box-shadow: 1px 4px 12px 5px #00000036;
    border-radius: 4px;
    margin: 5px 0px;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  /*border: 0;*/
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 85%;
}


.fee-detail-div {
    padding-left: 5px;
    padding-right: 5px;
}

ul.detail-ul{
    list-style: none;
    padding: 0;
}

ul.detail-ul li{
    font-size: 14px;
    padding: 5px;
    border: 1px solid #e3c438;
    background-color: #e3c438;
    border-radius: 4px;
    margin-bottom: 5px;
}

ul.detail-ul li:hover{
    background-color: #e3c438;
}

ul.detail-ul li .row-head{
    font-weight: bold;
}

ul.detail-ul li .row-detail{
    float: right;
}

ul.detail-ul-inner{
    list-style: none;
    padding: 0 5px;
}

ul.detail-ul-inner li{
    font-size: 14px;
    margin-bottom: 5px;
    
}

/*ul.detail-ul-inner li .row-head{
    font-weight: bold;
}*/

ul.detail-ul-inner li .row-detail{
    float: right;
}

.detail-panel-head {
    padding: 5px;
    border: 1px solid #e3c438;
    background-color: #e3c438;
    border-radius: 4px;
    margin-bottom: 5px;
}

.detail-panel-head:hover{
    background-color: #e3c438;
}

.detail-collapse-head{
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none;
}
.detail-collapse-head:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}
.detail-collapse-head.collapsed:after {
    content: "\f107";

}
.detail-collapse-content {
    margin-top: 20px;
}

.fee-table thead th ,.fee-table tbody td{
    font-size: 14px;
    padding: .25rem;
    border-top: unset;
}

.compare-schools{
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.estimation-data {
/*    position: absolute;
*/    right: 0;
    top: 0;
    left: 100%;
    z-index: 99;
    background: #fff;
    width: 100%;
    border: 1px solid #263466;
    margin-top: 10px;
}

.head-est{ 
    border: 1px solid #263466;
    background-color: #263466;
    padding: 8px;
    display: flex;
    justify-content: space-evenly;
}

.head-est h4 {
    min-height: unset;
    color: #fff;
}

.estimate-body {
    padding: 5px;
}
.estimate-header .btn-1{
    background: #fff;
    color: #263466;
    font-size: 10px;
    padding: 5px 5px;
    border-radius: 20rem;
    margin: 0px 30px;
    font-weight: 600;
}

.close-pop {
    position: absolute;
    right: 25px;
    top: 45px;
    color: #fff!important;
}

#form-step-pop .form-group label{
    font-size: 14px;
    font-weight: 600;
}

#school-modal .modal-header{
    background-color: rgb(1 174 240 / 67%);
    
}

#school-modal .modal-header h4{
    font-size: 17px;
}
#school-modal .modal-body, #school-modal .modal-footer{
    background: #d4f3ff91;
}


#form-step-pop .form-group select{
    height: 35px;
    font-size: 14px;
    height: calc(2.75rem + 2px)!important;
    border: 2px solid #737375b5!important;
    border-radius: 0!important;
    width: 100%;

}
.text-r{text-align: right;}
.control-input{
    height: calc(2.75rem + 2px)!important;
    border: 2px solid #737375b5!important;
    border-radius: 0!important;
    width: 100%;

}
.steps-content label{
    color: #222;
    font-weight: 500;
    font-size: 15px;
}

.tip {
    color: #222;
    cursor: help;
    position: relative;
    overflow: visible;
    top:-2px;
    
}

.tip:before,
.tip:after {
    position: absolute;
    opacity: 0;
    z-index: -100;    
    transform: translateY(-30%);
    transition: .4s;
}

.tip:before {
    content: '';
    border-style: solid;
    border-width: 0.8em 0.5em 0 0.5em;
    border-color: #585858 transparent transparent transparent;
    transform: translateY(-200%);
    bottom:90%;
    left:50%;
}

.tip:after {
    content: attr(data-tip);
    color: #fff;
    width: 80px;
    padding: 6px;
    font-size: 0.8em;
    bottom: 150%;
    left: -50%;
    border: 1px solid #3333;
    background: #585858;
}

.tip:hover:before,
.tip:hover:after {
    opacity: 1;
    z-index: 100;
    transform: scaleY(1);
}

.tip i{
    font-size: 8px;
    border: 1px solid #585858;
    padding: 3px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 6px;
    margin: 0px 7px;
    color: #ffffff;
    background: #000000;
}

.step-content-bg{
   background: #d4f3ff91;
   border-radius: .5em;
   border: .5em solid rgba(255,255,255,.3);
   padding: 35px;
   box-shadow: 1px 4px 12px 5px #00000036;
}
.para{
    font-size: 13px;
    color:#585858;
}
.form-info{
    border: 1px solid #e3c438;
    display: block;
    margin: 0 auto;
    padding: 15px;
    text-align: left;

}
.information{
    background: #fff;
    margin: 40px 0 0;
    padding: 10px;
    border-bottom: 3px solid #03afef;
}
.height{
    height: 70px;
}
.reset{
    margin-top: 10px;
    float: right;
    display: inline-flex;
}
.reset span{
    font-size: 14px;
    margin-top: 4px;
}
.form-reset{
    text-decoration: underline;
    color: #222;
    font-size: 13px;
    font-weight: 600;
    
   
}
@media (max-width: 768px){
.mr-top{
    margin-top: 0!important;
}
.text-r{
    text-align: center!important;
}
.top-header .add_btn {
    font-size: 14px!important;
    padding: 4px 15px!important;   
}
.control-input{ width: 100%!important;}
}



.wait{
    position: relative;     
    background-color: #fff;
    height: 100%;
    }
 .fs_row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.fee-padding {
    padding: 40px 140px 70px 60px;
}
/*.fs_col {
    display: flex;
}*/
.wait h4{ color: #00adff;  padding: 20px 0;}
.wait h1{margin-bottom: 15px;
   
    font-size: 32px;
    font-weight: 400;
    color: #172B4D;
    text-align: left; }
.wait p{ color: rgba(0, 0, 0, 0.7); }
.wait select{ 
    width: 100%;
    padding: 15px;
    border: 1px solid #a9a8a8;   
    margin: 20px 0;
    display: block;
    border-radius: 5px; }
/*.wait a{ 
    padding: 10px 45px;
    border: 0;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    border: 2px solid #00adff; 
    color: #00adff
}  */
.sub-main{
  width: 100%;
  margin-top: 15px;
  float: left;
}
.button-two{
  text-align: center;
  cursor: pointer;
 
}
.button-two {
   border-radius: 5px;
    background-color: #03afef;
    border: none;
    padding: 10px;
    width: 92%;
    transition: all 0.5s;
    color: #fff;
    font-size: 20px;
}


.button-two span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-two span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button-two:hover span {
  padding-right: 25px;
}

.button-two:hover span:after {
  opacity: 1;
  right: 0;
}
.fee-padding ul li {list-style:none;}
.fee-padding ul.heading.list {
    margin: 10px 0 30px 0;
    width: 100%;
    text-align: left;
}
.fee-padding ul.heading.list li:nth-child(1) {
    color: #4ca958;
}
.fee-padding ul.heading.list li {
    width: 26%;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.fee-padding ul.heading.list li:nth-child(1){
    width: 25%;
}
.fee-padding ul.heading.list li:nth-child(2){
    width: 25%;
}
.fee-padding ul.heading.list li:nth-child(3){
    width: 45%;
}
.fee-padding ul.heading.list li:nth-child(1) b {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: inline-block;
    background: #edfaf4 url(../../images/school-fees/instant-policy.png) no-repeat center center / 11px;    
    position: relative;
    top: 4px;
    margin-right: 10px;
}
.fee-padding ul.heading.list li b {
    top: 4px!important;
}
.fee-padding .heading li em {
    font-style: normal;
}
.fee-padding ul.heading.list li em {
    display: inline-block;
    width: 64%;
    font-style: normal;
    text-align: left;
    font-size: 14px;
}
.fee-padding ul.heading.list li:nth-child(2) {
    color: #f8c446;
    margin: 0;
}
.fee-padding ul.heading.list li:nth-child(2) b {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: inline-block;
    background: #fef9e6 url(../../images/school-fees/best-price.png) no-repeat center center / 19px;
    /* line-height: 27px; */
    position: relative;
    top: 4px;
    margin-right: 10px;
}

.fee-padding ul.heading.list li:nth-child(3) {
    color: #2FCDEB;
}
.fee-padding ul.heading.list li:nth-child(3) b {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: inline-block;
    background: #D5F6FC url(../../images/school-fees/print_disabled.svg) no-repeat center center / 21px;
    /* line-height: 27px; */
    position: relative;
    top: 4px;
    margin-right: 10px;
}
@media(min-width: 2000px){
    .fee-padding ul.heading.list li:nth-child(1) 
    {
    width: 25%!important;
}
    .fee-padding ul.heading.list li:nth-child(2) 
    {
    width: 25%!important;
}
    .fee-padding ul.heading.list li:nth-child(3) 
    {
    width: 40%!important;
}
    .fee-padding ul.heading.list li em {
    display: inline-block;
    width: 48%!important;
    font-style: normal;
    text-align: left;
    font-size: 14px;
}

    }
@media(min-width: 1900px)and (max-width: 1999px){
    .fee-padding ul.heading.list li:nth-child(1)
{
    width: 25%;}
    }
@media(max-width: 768px){
    .fees_col_bg{
        display: none;
    }
    .fee-padding {
    padding: 15px 15px 15px 15px;
    }
.fee-padding ul.heading.list li {
    width: 32%;
    }
    .button-two{
        width: 100%;
    }
    .wait h1 {   
    font-size: 22px;
}
.fee-padding ul.heading.list li em {
    width: 50%;
}
.fee-padding ul.heading.list li b {
    top: 4px !important;
}
.fee-padding ul.heading.list li:nth-child(1), .fee-padding ul.heading.list li:nth-child(2), .fee-padding ul.heading.list li:nth-child(3){
    width: 100%
}

}
@media(min-width: 2700px){
    .fee-padding {
    padding: 40px 160px 70px 60px;
}
.fee-padding ul.heading.list li em{
 width: 65%!important;
}
.fee-padding ul.heading.list li b{
  top: 11px!important;
}

}
@media(min-width: 1200px) and (max-width: 1400px){
    .fee-padding {
    padding: 40px 70px 70px 60px;
}
}
@media(min-width: 1025px) and (max-width: 1200px){
     .fee-padding ul.heading.list li:nth-child(1), .fee-padding ul.heading.list li:nth-child(2), .fee-padding ul.heading.list li:nth-child(3){
    width: 100%
}
.fee-padding ul.heading.list li b{
        top: 13px !important;
    }
    .fee-padding ul.heading.list li:nth-child(3) b{
        top: 0px!important;
    }
    .fee-padding ul.heading.list li:nth-child(3) em{
        margin-top: 14px!important;
    }
}
@media(min-width: 800px) and (max-width: 1024px){
    .fee-padding ul.heading.list li:nth-child(1), .fee-padding ul.heading.list li:nth-child(2), .fee-padding ul.heading.list li:nth-child(3){
    width: 100%
}
    .fee-padding ul.heading.list li b{
        top: 13px !important;
    }
    .fee-padding ul.heading.list li em{
        width: 80%;
    }
    .fee-padding ul.heading.list li:nth-child(3) b{
        top: 0px!important;
    }
    .fee-padding ul.heading.list li:nth-child(3) em{
        margin-top: 14px!important;
    }
}
@media(min-width: 682px) and (max-width: 767px){
    .fee-padding ul.heading.list li b{
        top: 14px !important;
    }
}
@media(max-width: 680px){
.fee-padding ul.heading.list li em{
    width: 85%;
    font-size: 12px;
    }
    .fee-padding ul.heading.list li b{
        top: 14px !important;
    }
    .wait p{
        font-size: 15px;
        padding-bottom: 0px !important;
    }
    .fee-padding ul.heading.list{
        margin:-25px 0 30px 0;
    }
}
.mainsteps{ padding: 0px 30px 130px 0;}
.mainsteps h4{ padding: 20px 0 !important; }
.mainsteps h2{ color: #000; }


.drop_iskl h2{ padding: 15px 0; }
.drop_iskl {  margin-bottom:20px; padding: 5px;}
.drop_iskl select{ border:0; border-right:1px solid #ccc; background:#f5f5f5; padding: 10px; width: 100%;}

.year1 b{ display:block; color:#767676; font-size:15px; padding:10px 0;}
.feesleft{ float:left;}
.feesright{ float:right;}
.year1 h2{
	 border-bottom: 2px solid #000;
    	 color: #000;
    	 padding: 10px 0; 
}

.year1 table{ width: 100%; }
.feesright{ text-align: right; }
.year1 tr{ padding: 12px 0; display: flex; }


.feesright b{ text-align:right;}
.frame .feesright { padding:2px 50px 0px 0px;}
.frame::before{ 
    position: absolute;
    top: 18%;
    left: 50%;
    bottom: 8%;
    content: "";
    background: #ccc;
    width: 1px;
   }
.year1 h4{ color:#000; padding:5px 0 !important;}
.year1{ border-bottom: 2px solid #575c9f; padding: 30px 0; }
.frame{
  float: right;
    padding: 0px 0 40px 0;
    background: #f5f5f5;
    border-radius: 2px 2px 30px 30px;
    position: relative;
    margin: 35px -40px;
}

.frame h5{ 
    padding: 18px 20px;
    color: #000;
    border-bottom: 1px solid #ccc;}


.frame .feesright b span{ color:#e3c438; }
.frame .feesleft  b span{ font-weight:100; }

.frame table{ width: 100%; }
.frame tr{ display: flex; padding: 10px 0; }
.frame th{ border-bottom: 1px solid #ccc; padding: 10px 14px;}
.frame th.feesright{ padding: 10px 55px;}




.year2 b{ display:block; color:#000; font-size:16px; padding:10px 0; font-weight: 400;}
.feesleft{ float:left;}
.feesright{ float:right;}
.year2 h2{
   border-bottom: 2px solid #575c9f;
       color: #e3c438;
       padding: 10px 0; 
}

.feesright b{ text-align:right;}
.year2 h4{ color:#000; padding:5px 0;}
.year2{ float:none; padding: 0 !important;}
.year2 .feesleft{ padding: 0 !important; }

.year2 tr{display: flex; padding: 10px 0;}


.grades b{ color:#767676; font-size:15px; }
.grades h2{
   border-bottom: 2px solid #575c9f;
      /* color: #e3c438; */
       padding: 10px 0; 
}
.grades h4{ color:#000; padding:5px 0;}
.grades{ float:right; margin-top: 0px; padding: 0 0px 0 45px;}
.grades h5 b{ float: right; line-height: 25px; }
.grades h5{ border-bottom: 2px solid #000; padding: 15px 0; color: #000; position: relative;}
.grades i{ color: #e3c438;  font-size: 20px; margin-left: 20px; }

.grades table{ width: 100%; }
.gradeleft{ float: left; }
.graderight{ float: right; text-align: right;}

.grades .feesleft{ padding: 0; }

.grades tr{
  padding: 10px 0;
    display: flex;
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
}


.year2 li{ display: inline-block;list-style-type: none; padding: 0 0px; margin-left: 50px;}

.fullboard .year2 li{ margin-left: 51px; }
.dropdown-content {
    visibility: hidden;
    top: 5px;
    position: relative;
    float: right;
    opacity: 0;
    transition: opacity 0s, visibility 0s;
    right: -40px;
    margin: -128px 48px 0px;
    overflow: hidden;
}

.dropdownShow{ visibility: visible; opacity: 1; margin: -14px 0px 0px; float: none;}

  .show {display: inline-block; 
/* float: right;  */
padding: 0; }

.dropdown-content li span{
      display: block;
    padding: 5px 0;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    font-family: "Ubuntu", sans-serif;
}

.dropbtn{ background: transparent; border:0; color: #e3c438; font-size: 15px; font-weight: bold; font-family: "Ubuntu", sans-serif; }  
.dropbtn span{color: #000; margin-right: 0px; margin-left: 20px; font-size: 15px; font-weight: 400;}

.buttonanimation:focus .rms{ display: none; }     

/*.dropbtn:focus{ float: none; }*/

.year2 button:focus{ outline: none; }

.tooltip{ display: inline-block; background: #f7f7f7; padding: 15px 10px; border-radius: 8px;
position: absolute; top: 0px; right: 50px; border: 1px solid #ccc;
    box-shadow: 1px 5px 6px #e7e5e5; }

.tooltip h5{ border: 0; color: #000; font-size: 12px; position: relative; padding: 5px 10px;}
.tooltip b{ font-size: 12px;  }
.tooltip .feesleft{ float: none; }

.hidetooltip { display: none !important;}

.popup .popuptext b{display: block; padding: 10px 0; font-size: 12px;  }


.popfees h6{color: #00a549;}

.wait a::before{ 
position: absolute;
    content: 'Next';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00adff;
    transition: all 0.5s;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 6px 0;
    overflow: hidden;
}

.wait a:hover::before{ color: #00adff; transition: all 0.5s; left:100%; }

.tooltip {  }
    .showTooltip {  animation: opacity 1s;
    display: block;
    opacity: 1;
    animation: fadeIn 1s; display: block; }
        .icontag { cursor: pointer;}


.yearleft{ float: left; }
.frameright{ float: right; }

.frame td.feesleft { margin-left: 16px; }
.frame th.feesleft { padding: 10px 30px; }

@media (max-width: 768px) {

.wait h1{ padding: 0 !important; font-size: 20px; }
.wait p{ padding:20px 0 !important; }
.drop_iskl li{border-bottom: 1px solid #d7d7d7; border-right: 0; float: none; }
.frame .feesleft { border-right: 0;}
.grades{padding: 0;}
.grades i{ margin-left: 0; }
.grades h5 b{ display: block; float: right;}
.grades h5 {  }
.mainsteps h4{  font-size: 18px; }
.mainsteps { padding: 0 !important; }
.feesright {  float: none;}
.frame .feesright { padding: 0px 20px 0px 0px;}
.frame{margin: 35px 0px;}
#step3{ padding: 25px 0 70px 0px; }
.year2 .feesleft{ width: 50%; }
.dropdownShow{ 
    margin: 0;
    float: left;
    right: 0;
    top: 0; }
.buttonanimation {left: -24px!important;}
.year2 .feesright{ float: right; width: 50%; }
.year2 li{margin-left: 0px; margin-right: 2px;}

.dropbtn{left: -16px;}
.tooltip{ right: 22px; }

.fullboard{ width: 40%; }
.weeklyboard{ width: 40%; }

.fee-nextbtntest{
  text-align: -webkit-center;
    display: block;
    padding: 25px;
    line-height: 0px;
}

.frame td.feesleft{
  margin-left: 0;
}

.dropdown-content{
      margin: -128px 48px 0px;
}

.dropdownShow{
  margin:0px 0px 0px 0px !important;
}

.drop_iskl select{
  border-bottom: 1px solid #ccc;
  border-right: 0;
}

.mainsteps h2{ font-size: 24px; }


.drop_iskl{ padding: 5px 15px; }

.dropdown-content li span{ font-size: 13px; }

}   

