:root {
 
   --bg_one: #001c42;
   --bg_two: #0a2961;
  --bg_three:#0b2b67;
  --bg_four: #0867d2;
  --bg_five: #1777c6;
  --bg_six: #b0d8f1;
   --colour_one: #001c42;
   --colour_two: #0a2961;
   --colour_thre: #0b2b67;
    --colour_four: #0867d2;
    --colour_five: #1777c6;
    --colour_six: #b0d8f1;
        --black: #000;
 
}
.tp-service-2-item-wrapper:hover .tp-service-2-btn{

  color: #fff!important;
    background-color: var(--bg_four)!important;

}





.tp-value-icon img{width: 180px;}

.insti-bar a {
    width: auto;
    float: left;
    margin-right: 13px;
    text-decoration: none;
    font-size: 15px;
    /* padding: 5px 21px; */
    line-height: 29px;
    -moz-border-radius: 77px 0px 0px 77px;
}

.btn_online {
    width: auto;
    float: left;
    border: 1px solid #4caf50;
    padding: 2px 17px;
    margin-right: 20px;
    color: #000;
    font-weight: 600;
    border-radius: 19px;
}


.line{width: 100%;
height: 1px;
background-color: #a5a5a5;}





.btn_choos {
    width: auto;
    float: right;
    border: 1px solid #4caf50;
    padding: 2px 17px;
    background-color: #4caf50;
    margin-right: 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 19px;
}













.btn_online{width: auto;
float: left;}

.insti-bar span {
    padding: 0px 16px;
}
..haedbtn{width: 100%;
float: left;}

.haedbtn a {
    width: auto;
    float: left;
    margin-right: 3px;
    background-color:var(--bg_four);
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 5px 21px;
    line-height: 29px;

    border-radius: 77px 0px 0px 77px;
-moz-border-radius: 77px 0px 0px 77px;
-webkit-border-radius: 77px 0px 0px 77px;
}

.bg_interest {
    background-color: #868686;
    color: #fff;
    padding-right: 10px;
}


.bg_interest{background-color: #868686;
color: #fff;}

.haedbtn a:hover{
 
       background-color:var(--bg_three);
    color: #fff;
   
}

.haedbtnright a {
    width: auto;
    float: left;
       background-color:var(--bg_four);
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 5px 21px;
    line-height: 29px;

border-radius: 0px 77px 77px 0px;
-moz-border-radius: 0px 77px 77px 0px;
-webkit-border-radius: 0px 77px 77px 0px;
}

.haedbtnright a:hover{
    background-color:var(--bg_three);
    color: #fff;
   
}



.text-yellow{
 
    color: #fdbb2a;
   
}





.haedbtn i{color: yellow;}

#owl-product img{width: 98%;}







.explr i {
    width: 40px;
    height: 40px;
    background-color: #096ab7!important;
    border-radius: 50%;
    color: #fff;
    padding-top: 19px;
    /* line-height: 20px; */
}


.bloger{border-bottom: 2px solid #000;}

.btn_black_hover_radius{width: 100%;
float: left;
}


.btn_black_hover_radius a {
    width: 100%;
    float: left;
   background-color: var(--bg_five);
    /* padding-top: 10px; */
        color: #fff;
    border-radius: 50px;
    padding-left: 6%;
    padding-bottom: 6px;
}


.btn_black_hover_radius a:hover{
 
     background-color: var(--bg_three);
        color:  var(--colour_six);

}

.btn_black_hover_radius span {
    width: 18%;
    float: left;
    margin-top: 15px;
}


.btn_black_hover_radius h4 {
    width: 81%;
    float: left;
    font-size: 17px;

    padding-left: 9px;
    margin-bottom: 0px;
    padding-top: 16px;
    /* letter-spacing: 2px; */
}


.btn_black_hover_radius img {
    width: 100%;
    margin-top: -10px;
}



.border_right_1px{border-right: 1px solid  var(--bg_four);}



.btn_edustore{width: 100%;
float: left;
}


.btn_edustore a {
    width: 100%;
    float: left;

        color: #001c42;
        margin-bottom: 3px;
    padding-left: 6%;
    padding-bottom: 6px;background-color: #b0d8f1;

}


.btn_edustore a:hover{
 
    background-color: var(--bg_four);
        color: #fff;

}

.btn_edustore span {
    width: 18%;
    float: left;
    margin-top: 15px;
}


.btn_edustore h4 {
    width: 81%;
    float: left;
    font-size: 17px;

    padding-left: 9px;
    margin-bottom: 0px;
    padding-top: 16px;
    /* letter-spacing: 2px; */
}


.btn_edustore img {
    width: 100%;
    margin-top: -10px;
}
















.btn_black_radius{width: 100%;
float: left;
}


.btn_black_radius a {
    width: 100%;
    float: left;
    background-color: var(--bg_three);
    /* padding-top: 10px; */
    border-radius: 50px;
    padding-left: 6%;
    padding-bottom: 6px;
}
.btn_black_radius span {
    width: 10%;
    float: left;
    margin-top: 15px;
}


.btn_black_radius h4 {
    width: 80%;
    float: left;
    font-size: 27px;
    color: #fff;
    padding-left: 9px;
    margin-bottom: 0px;
    padding-top: 10px;
    /* letter-spacing: 2px; */
}

.pb-30px{padding-bottom: 30px;}
.pb-40px{padding-bottom: 30px;}


.btn_black_radius img {
    width: 100%;
    margin-top: -10px;
}


.bg-darkblue{ background-color: var(--bg_one);}

.bg-liteblue{ background-color: var(--bg_six);}


.btnsection{width: 100%;
background-color: #fff;}


.black_bar{width: 100%;
   background-color: var(--bg_one)!important;}


.bgform{ background-color: var(--bg_four);}

.bg-black{background-color: #000;}

.darkblubg{width: 100%;
min-height: 200px;
background-color: #233b78;}


.bgywllow{width: 100%;
min-height: 257px;
background-color: #fdba13;}

.darkblubg h3 {
    color: #8aa3c7;
    font-size: 22px;
    text-transform: uppercase;
    padding-left: 12%;
    padding-top: 7%;
    margin: 0;
}

.top-50px{margin-top: 75px;}

.baricon {
    margin-right: 10px;
    font-size: 20px;
}

.footerbtn {
    background-color: #ffc107;
    padding: 10px;
}

.greenone {
    color:  var(--colour_thre);
}

.greentwo{  color:  var(--colour_four);}

.greenthree{  color:  var(--colour_five);}

.bg-gradient-aztec-green {
    background-image: linear-gradient(to right bottom, #060606, #171a19, #252626, #070c0b, #000000);
    color: #fff;
}

.darkblubg h4 {
    color: #8aa3c7;
    font-size: 19px;
    /* text-transform: uppercase; */
    padding-left: 12%;
    padding-top: 0%;
    margin: 0;
}

.lh-24px{line-height: 24px;}

.darkblubg p {
    color: #8aa3c7!important;
    font-size: 17px;
    /* text-transform: uppercase; */
    padding-left: 12%;
    padding-top: 2%;
    margin: 0;
}

.arrowround {
    /* width: 40px; */
    /* height: 40px; */
    /* background-color: #000; */
    color: #e91e63;
    font-size: 31px;
    float: right;
    margin-top: -48px;
}


.decor-none{text-decoration: none;}


.bgywllow h3 {
    color: #000;
    font-size: 28px;
    text-transform: uppercase;
    padding-left: 12%;
    padding-top: 7%;
    margin: 0;
}

.bgywllow h4 {
    color: #fff;
    font-size: 25px;
    /* text-transform: uppercase; */
    padding-left: 10%;
    padding-top: 0%;
    margin: 0;
}

.bgywllow p {
    color: #000!important;
    font-size: 17px;
    /* text-transform: uppercase; */
    padding-left: 10%;
    padding-top: 2%;
    margin: 0;
}
.rightborder {
    border-right: 1px solid #ffc107;
    padding-right: 10px;
}



.topsign{width:auto;;
float: left;}

.topsign a {
    float: right;
    margin-left: 20px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
}

.topsign a:hover {
    color: var(--colour_six)

}


.text_dark_blue{
    color: var(--colour_four)

}

.text_lite_blue{
    color: var(--colour_five)

}


.btn.btn-dark-blue {
   background-color: var(--bg_four);
    color: #fff;
}

.btn.btn-dark-blue:active,
.btn.btn-dark-blue:hover {
   background-color: var(--bg_six)!important;
    border-color: var(--bg_four);
    color: var(--dark-gray)
}

.ad{width: 100%;
margin-bottom: 4px;}


.btn.btn-lite-blue {
   background-color: var(--bg_five);
    color: #fff;
}

.btn.btn-lite-blue:active,
.btn.btn-lite-blue:hover {
    background-color: #000;
    border-color: var(--bg-six);
    color: var(--dark-gray)
}


.filter_box {
    width: 100%;
    border: 1px solid #8d8989;
    padding: 8px 16px 8px 16px;
    background-color: #0563af;
}



.counterbg{width: 100%;
background-color: var(--bg_four);}
;}


.btnsection h5 {
    font-size: 19px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
    line-height: 26px;
}


.btnsection p {
    font-size: 16px;
    font-weight: 300;
    color: #4a4747;
    line-height: 19px;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}


.btn_black_radius{width: 100%;
float: left;
}

.leftbg {
    width: 100%;
    float: left;
    min-height: 200px;
     background-color: var(--bg_four);
    border-right: 4px solid #fff;
    padding-left: 10%;
}
.sm-pading {
    padding: 6px 10px;
}

.hover-box.dark-hover:hover{color: #fff!important;}


.righttbg{width: 100%;
float: left;
min-height: 200px;
  background-color: var(--bg_three);
border-right: 4px solid #0b2b67;
padding-right: 10%;
}



.pt-40px{padding-top: 40px;}

.pt-30px{padding-top: 30px;}

.pt-10px{padding-top: 10px;}

.pt-20px{padding-top: 20px;}

.pt-60px{padding-top: 60px;}

.pt-120px{padding-top: 120px;}






.pb-40px{padding-bottom: 40px;}

.pb-30px{padding-bottom: 30px;}

.pb-10px{padding-bottom: 10px;}

.pb-20px{padding-bottom: 20px;}

.pb-60px{padding-bottom: 60px;}

.pb-120px{padding-bottom: 120px;}


.scroltow h4{font-size: 33px;}

.theme-demos{display: none!important;}


.card-top {
    position: relative;
    padding: 15px 20px;
    background-color: var(--bg_three);
    color: #fff;

}


.card-top .avtar {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    position: relative;
    border-radius: 100%;
}


.bg-very-dark-blue{
    background-color: var(--bg_three)!important;
}

.bg-base-color{
    background-color: var(--bg_four)!important;
}

.bg-base-lite-color{
    background-color: var(--bg_six)!important;
}



.bg-yellow {
    background-color: var(--yellow)!important;
}


.bg-brown{background-color: var(--bg_three)!important;}


.btn-light-brown{background-color: #f3f7fc!important;}


.pt-20px {padding-top: 20px;}

.pb-20px{padding-bottom: 20px;}



.textplus {
    width: 197px;
    /* height: 50px; */
    background-color: #fff;
    float: left;
    margin-right: 15px;
    padding: 23px 0px;
}

.text-dark-blue{color: #0a82e1;}


.pricing-table-style-09{line-height: 15px;}




.bgselect{background-color: #000;
    padding-left: 4px;}



    .box {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.box select {
  background-color: #0563af;
  color: white;
  padding: 8px;
  width: 100%;
  border: 1px solid #82b0d5;
  font-size: 17px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}


.box select option {
  background-color: #0563af;
  color: white;

}




.box:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

.box select option {
  padding: 30px;
}