@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");

/*body {
  font-family: "Poppins", sans-serif !important;
}
*/
body{
   /* font-family: "Josefin Slab",serif;*/
       font-family: Lato, sans-serif !important;
       padding: 0 !important;
           overflow-x: hidden;
           font-size: 14px;
}
p{
    font-size: 14px;
}
/*span{
    font-size: 14px;
}*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*nav{
    background: yellow;
}
*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.navbar-nav > li > a{padding-top:0;padding-bottom:0}
.mainmenu{background-color:transparent;border-color:transparent;margin-bottom:0;border:0!important}
.navbar-nav > li:last-child > a{padding-right:0;margin-right:0}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.navbar-nav .show .dropdown-menu > li > a{padding:16px 15px 16px 25px;}
/*.header_bottom{background:#0D47A1}*/
.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a,
.header_area .header_bottom .mainmenu ul li a {
    color: #000 !important;
    font-size: 12px;
    text-transform: capitalize;
    padding: 10px 7px;
    font-family: 'Roboto',sans-serif;
    display: block !important;}
.header_area .mainmenu .active a,.header_area .mainmenu .active a:focus,.header_area
.mainmenu .active a:hover,.header_area .mainmenu li a:hover,.header_area
.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a,
.navbar-default .navbar-nav>.show>a:focus, .navbar-default
.navbar-nav>.show>a:hover{color: #fff;
   /* background: #4CAF50;*/
    outline: 0;}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/
/*.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    position: fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    background: #fff;
    top: 265px;
}*/

/*==========Sub Menu=v==========*/
/*.mainmenu .collapse ul > li:hover > a{background: #4CAF50;}*/
/*.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}*/

/*.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}*/
/*.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
*/
/*.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}*/

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;right: 0;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
    /* .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    position: fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    background: #fff;
    top: 265px;
} */
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
/*nav{
    background: #b1b7bd;
    border-bottom: 3px solid #ff4a01;
}*/
.header-top {
    font-size: 14px;
    padding: 3px 0px;
    background: #055199;
}
.container-padding {
    padding: 0px 120px;
}
.header-top p {
    margin-bottom: 0px;
    color: #eee;
}
.header-top p a {
    color: #fff;
}
.img-responsive{
    width: 100% !important
}
@media (min-width: 992px){
.float-lg-right {
    float: right !important;
}

}
@media (max-width: 500px){
.rankingList li {
     width: 100%;
    float: left;
    list-style: none;
}
.img-circle {
    position: absolute;
    z-index: 99;
    left: 426px;
    bottom: 67%;
    border-radius: 5px 5px 5px 5px;
    display: none;
}
.img-responsive-logo {
    max-width: 150px !important;
    height: auto;
}
.companionSection .rightCol {
    width: 100% !important;
    position: relative;
    float: right;
}
.companionSection .rightCol1 {
    width: 100% !important;
    position: relative;
    float: right;
}
.article .banner {
    width: 100% !important;
    height: 273px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin-right: 15px;
    position: relative;
}
.article .articleBox .thumb {
    width: auto;
    height: auto;
    /* float: left; */
    /* margin-right: 10px; */
    position: relative;
}
}
.upcomingExam-Slider .item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

@media (max-width: 480px){
/* .header-top p {
    display: none;
} */
/* .header-right a {
    color: #fff;
    margin-left: 25px !important;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
} */
.container-padding {
     padding: 0px;
}
/* .header-right a {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 10px;
    border-left: 1px solid transparent;
} */
}
.header-right a:first-child {
    border: 0px;
}
.header-right a {
    color: #fff;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.logo{
  max-width: 250px;
  max-height: 66px;
}
.dropdown, .dropend, .dropstart, .dropup {
    position: relative;
    text-align: left;
}
.navbar .megamenu{ padding: 1rem; }

.header-area {
    background-color: #ee4033;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    z-index: 999;
}
.nav-top-area {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    z-index: 99;
}
.sticky-top {
    z-index: 9;
}
.call a{
color: #fff;
text-decoration: none;
}
.header-area .container-fluid {
    max-width: 1720px;
    padding-left: 50px;
    padding-right: 50px;
}
.header-area .left ul {
    margin: 0;
    padding: 0;
}
.header-area .left ul li {
    list-style-type: none;
    display: inline-block;
   font-size: 18px;
    color: #fff;
    margin-right: 15px;
}
.header-area .left ul li i {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 3px;
}
.top-area .right {
    text-align: right;
}
.top-area .right .inner {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.top-area .right .inner .nice-select {
    height: 35px;
    border-radius: 5px;
    line-height: 35px;
    color: #545454;
    background-color: #fff;
    border: 0;
}
/* .nav-link {
    display: block;
    padding: 0.5rem 1rem;
   color: #fff !important;
    text-decoration: none;
    font-size: 18px !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link  a{
   font-size: 18px !important} */
.rightCol1 {
        margin-bottom: 20px;
}

.gallery-main-indi {
    height: 80px;
    padding-left: 110px;
    transition: all ease-in-out 0.4s;
    overflow: hidden;
}

.gallery-main-indi img {
    position: absolute;
    width: 100px;
    height: 80px;
    left: 0;
    top: 0;
}

.gallery-main-indi:hover {
    text-decoration: none;
    padding-left: 115px;
}

.gallery-indi-p {
    background-color: #fff;
    padding: 20px;
}

.gallery-indi-p article {
    padding: 10px;
}

.gallery-indi-in {
    background-color: #fff;
    padding: 20px;
}

.gallery-indi-in figure {
    padding: 10px;
}

.gallery-indi-in figure a {
    display: block;
    padding: 10px;
    background-color: #DDE6E8;
    position: relative;
    height: 200px;
}

.gal-indi-img {
    height: auto;
    display: block;
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all ease-in-out 0.4s;
        height: 200px;
    object-fit: cover;
}

.gal-indi-img:hover {
  /*  max-height: 100%;
    max-width: 100%;*/
    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);
}

.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

/*.dropdown:hover .dropdown-menu {
  display: block;
}*/

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
  margin-top: 0;
}

.navbar .sub-menu:before {
  border-bottom: 7px solid transparent;
  border-left: none;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
  left: -7px;
  top: 10px;
}

.navbar .sub-menu:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  left: 10px;
  top: 11px;
  left: -6px;
}
/*.navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
    /* padding-top: 0.5rem; */
    /* padding-bottom: 0.5rem; */
}

/*.dropdown{
    box-shadow: 0 0 20px 0 #dddddd59 !important;
    background: red
}*/


.navbar-toggler {

   background-color: #0366c5 !important;

}

.list-unstyled li {
  /*  color: #000 !important;
    text-decoration: none;*/
  /*  padding-top: 10px*/
}

.list-unstyled li a{
    color: #000 !important;
    text-decoration: none;
    /*padding-top: 30px*/
    font-size: 14px;
}
.cakesdrop{
    left: 86px;
    right: 0;
    width: 50% !important;
    margin-top: 0;
}
.buy-area {
    position: relative;
    overflow: hidden;
}
.buy-area .buy-content {
    max-width: 500px;
    padding-left: 30px;
}
.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.buy-area .buy-content ul {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.buy-area .buy-content ul li {
    list-style-type: none;
    display: inline-block;
    font-weight: 600;
    margin-right: 15px;
}
.common-btn {
    display: inline-block;
    color: #fff;
    background-color: #0366c5;
    padding: 12px 30px;
    font-weight: 600;
    border: 0;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 1!important;
    z-index: 1;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}



.products-area {
  /*  background-color: #f5f5f5;*/
    overflow: hidden;
  /*  padding-bottom: 30px;*/
padding: 25px 0;
}
.products-area .sorting-menu ul {
    /* margin: 0; */
    /* padding: 0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    margin-bottom: 50px;
}
.justify-content-center {
     justify-content: none !important;
}

.products-area .sorting-menu ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    cursor: pointer;
}
.products-area .sorting-menu ul li.active .products-thumb {
    background-color: #0366c5;
}
/* .products-thumb {
    padding: 30px 5px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59;
    text-align: center;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
} */

@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
body {
    font-family: poppins;
    color: #2a2a2a;
    background-color: #fff;
    font-size: 16px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    color: #0366c5;
    font-family: poppins, sans-serif
}

p {
    line-height: 1.7
}

a {
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none
}

/*img {
    max-width: 100%
}
*/
.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

.mtb-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mt-100 {
    margin-top: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

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

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

.pb-100 {
    padding-bottom: 100px
}

button:focus {
    outline: 0
}

.btn.focus,
.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.container {
    max-width: 92%;
}

.common-btn {
    display: inline-block;
    color: #fff;
    background-color: #174bb6;
    padding: 12px 30px;
    font-weight: 600;
    border: 0;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 1!important;
    z-index: 1;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}
.abtus{
        background-color: #FAF8F6;
        padding: 50px 50px
}

.common-btn img {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1
}

.common-btn img:nth-child(1) {
    bottom: -15px;
    left: -15px
}

.common-btn img:nth-child(2) {
    top: -15px;
    right: -15px
}

.common-btn:hover {
    color: #fff
}

.common-btn:hover img {
    opacity: .2;
    visibility: visible;
    max-width: 30px
}

.common-btn:hover img:nth-child(1) {
    bottom: 0;
    left: 0
}

.common-btn:hover img:nth-child(2) {
    top: 0;
    right: 0
}

.common-btn.two {
    background-color: #2ec1ac
}

.common-btn.three {
    background-color: #ff5f59
}

.section-title {
    margin-bottom: 30px;
    margin-top: -5px;
        padding-top: 20px;
}

.section-title h2 {
    margin-bottom: 0;
    font-size: 25px;
    color: #000;
}

.header-area {
    background-color: #0366c5;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    z-index: 999
}

.header-area .container-fluid {
    max-width: 1720px;
    padding-left: 50px;
    padding-right: 50px
}

.header-area .left ul {
    margin: 0;
    padding: 0
}

.header-area .left ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-right: 15px
}

.header-area .left ul li i {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 3px
}

.header-area .right {
    text-align: right
}

.header-area .right .inner {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.header-area .right .inner:last-child {
    margin-right: 0
}

.header-area .right .inner .nice-select {
    height: 35px;
    border-radius: 5px;
    line-height: 35px;
    color: #545454;
    background-color: #fff;
    border: 0
}

.header-area .right .inner .nice-select:after {
    right: 20px;
    top: 52%
}

.header-area .right .inner .call i {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 3px;
    color: #fff
}

.header-area .right .inner .call a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: relative
}

.header-area .right .inner .call a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.header-area .right .inner .call a:hover:before {
    width: 100%
}

.nav-top-area {
    padding-top:0;
    padding-bottom: 0;
    /*border-bottom: 1px solid #f5f5f5;*/
    position: relative;
    z-index: 99;
    background: #fff;

}

.nav-top-area .container-fluid {
    max-width: 1720px;
   /* padding-left: 50px;
    padding-right: 50px*/
}

.nav-top-area .left a {
    display: inline-block
}

.nav-top-area .middle .form-group {
    position: relative
}

.nav-top-area .middle .form-group .inner {
    position: absolute;
    top: 6px;
    left: 10px
}

.nav-top-area .middle .form-group .inner .nice-select {
    border: 0;
    background-color: #0366c5;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    /*width: 145px;*/
    padding-left: 15px;
    padding-right: 25px
}

.nav-top-area .middle .form-group .inner .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.nav-top-area .middle .form-group .inner .nice-select .option {
    color: #545454;
    font-size: 15px
}

.nav-top-area .middle .form-group .form-control {
    height: 53px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px 0 #dcdcdc;
    box-shadow: 0 0 20px 0 #dcdcdc;
    border: 1px solid transparent;
    -webkit-transition: .5s;
    transition: .5s;
  padding-left: 215px;
}

.nav-top-area .middle .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0366c5;
    box-shadow: none
}

.nav-top-area .middle .form-group .btn {
    position: absolute;
   top: 5px;
    right: 10px;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0;
    font-size: 30px;
    color: #545454
}

.nav-top-area .middle .form-group .btn:hover {
    color: #0366c5
}

.nav-top-area .right {
    text-align: right
}

.nav-top-area .right ul {
    margin: 0;
    padding: 0
}

.nav-top-area .right ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px
}

.nav-top-area .right ul li:last-child {
    margin-right: 0
}

.nav-top-area .right ul li .inner i {
    display: inline-block;
    font-size: 18px;
    margin-right: 2px
}

.nav-top-area .right ul li .inner a {
  display: inline-block;
  color: #000;
    font-weight: 600;
    font-size: 16px
}

.nav-top-area .right ul li .inner a:hover {
    color: #f05454
}

.nav-top-area .right ul li .wishlist {
    color: #545454;
    font-weight: 600;
    font-size: 25px;
    position: relative;
    display: inline-block;
    top: 2px;
    vertical-align: middle;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.nav-top-area .right ul li .wishlist span {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    top: -3px;
    right: -4px;
    color: #fff;
    background-color: #f05454;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%
}

.nav-top-area .right ul li .wishlist:hover {
    color: #f05454
}

.nav-top-area .right ul li .join {
    display: inline-block;
    color: #fff;
    background-color: #0366c5;
    padding: 8px 18px;
    border-radius: 5px;
    border: 1px solid #0366c5
}

.nav-top-area .right ul li .join i {
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 2px
}

.nav-top-area .right ul li .join:hover {
    color: #0366c5;
    background-color: #fff
}

.sticky-top {
    z-index: 9
}

.main-nav {
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.main-nav.menu-shrink {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59;
    z-index: 9999999
}

.main-nav .container-fluid {
    max-width: 1720px;
    padding-left: 50px;
    padding-right: 50px
}

.main-nav .left .nice-select {
    border: 0;
    background-color: #fff;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    color: #0165c4;
    font-size: 16px;
    width: 145px;
    padding-left: 15px;
    padding-right: 20px;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59
}

.main-nav .left .nice-select li {
    font-size: 15px
}

.main-nav nav .navbar-nav {
    margin-left: auto;
    margin-right: auto
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu:before {
    width: 45px
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu:after {
    height: 45px
}

.main-nav nav .navbar-nav .nav-item:hover a {
    color: #0165c4
}

.main-nav nav .navbar-nav .nav-item a {
    font-weight: 600;
    font-size: 16px;
    text-transform: unset;
    color: #0165c4;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s
}

.main-nav nav .navbar-nav .nav-item a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    left: 0;
    bottom: -2px;
    background-color: #0165c4;
    -webkit-transition: .5s;
    transition: .5s
}

.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a:focus,
.main-nav nav .navbar-nav .nav-item a.active {
    color: #0165c4
}

.main-nav nav .navbar-nav .nav-item a:hover:before,
.main-nav nav .navbar-nav .nav-item a:focus:before,
.main-nav nav .navbar-nav .nav-item a.active:before {
    width: 40%
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
    background: #fff;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    border: 0;
    border-radius: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 260px
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu:before {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    top: 0;
    left: 0;
    background-color: #0165c4;
    -webkit-transition: .5s;
    transition: .5s
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 0;
    top: 0;
    left: 0;
    background-color: #0165c4;
    -webkit-transition: .5s;
    transition: .5s
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
    border-bottom: 1px solid #f1f0f0
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    top: 0!important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
    color: #0165c4
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
    text-transform: unset;
    padding: 12px 15px;
    color: #0165c4;
    font-weight: 600
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:before {
    display: none
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #f05454
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: unset;
    right: -100%;
    top: 15px
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover a {
    color: #0165c4
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #0165c4;
    text-transform: unset
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: #f05454
}

.main-nav .dropdown-toggle::after {
    display: none
}

.side-nav h4 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    color: #545454;
    font-family: lato, sans-serif
}

.side-nav h4 span {
    display: inline-block;
    color: #f05454;
    font-weight: 600
}
.nice-select {
     -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    /* border: 1px solid #e8e8e8; */
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
        font-size: 16px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    box-shadow: 0 0 20px 0 #dddddd59;
}

.nice-select:hover {
  border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #999
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 7px;
  margin-top: -3px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  width: 7px
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0)
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none
}

.nice-select.disabled:after {
  border-color: #ccc
}

.nice-select.wide {
  width: 100%
}

.nice-select.wide .list {
  left: 0!important;
  right: 0!important
}

.nice-select.right {
  float: right
}

.nice-select.right .list {
  left: auto;
  right: 0
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px
}

.nice-select.small:after {
  height: 4px;
  width: 4px
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(.75) translateY(-21px);
  -ms-transform: scale(.75) translateY(-21px);
  transform: scale(.75) translateY(-21px);
  -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
  transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
  z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent!important
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: 0;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all .2s;
  transition: all .2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
  background-color: #f6f6f6
}

.nice-select .option.selected {
  font-weight: 700
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default
}

.no-csspointerevents .nice-select .list {
  display: none
}

.no-csspointerevents .nice-select.open .list {
  display: block
}


/*# sourceMappingURL=nice-select.min.css.map */

.side-nav h4 a {
    display: inline-block;
    color: #0366c5;
    border-bottom: 1px solid #0366c5;
    font-weight: 600
}

.side-nav h4 a:hover {
    color: #f05454;
    border-bottom: 1px solid #f05454
}

.banner-area .container-fluid {
    max-width: 1720px;
    padding-left: 50px;
    padding-right: 50px
}

.banner-area .banner-h1 {
    font-size: 74px!important;
    color: #0366c5!important;
    font-weight: 700!important;
    font-family: poppins, sans-serif;
    line-height: 1.2!important
}

.banner-area .banner-p {
    font-family: lato, sans-serif;
    font-size: 18px!important;
    line-height: 1.6!important
}

.banner-area .banner-btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0165c4;
    border-radius: 50% 50% 0 0;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s
}

.banner-area .banner-btn:hover:before {
    height: 100%;
    border-radius: 5px
}

.banner-area .tp-leftarrow {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: matrix(1, 0, 0, 1, -50, -125)!important;
    transform: matrix(1, 0, 0, 1, -50, -125)!important
}

.banner-area .tp-leftarrow:before {
    color: #0366c5
}

.banner-area .tp-leftarrow:hover {
    background: #0366c5
}

.banner-area .tp-leftarrow:hover:before {
    color: #fff
}

.banner-area .tp-rightarrow {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: matrix(1, 0, 0, 1, 10, -125)!important;
    transform: matrix(1, 0, 0, 1, 10, -125)!important
}

.banner-area .tp-rightarrow:before {
    color: #0366c5
}

.banner-area .tp-rightarrow:hover {
    background: #0366c5
}

.banner-area .tp-rightarrow:hover:before {
    color: #fff
}

#Container .mix {
    display: none
}

/*.products-area {
    background-color: #f5f5f5;
    overflow: hidden
}

.products-area .sorting-menu ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
   /* display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap*/
}

.products-area .sorting-menu ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    cursor: pointer
}

/* .products-area .sorting-menu ul li.active .products-thumb {
    background-color: #fff;
} */

/* .products-area .sorting-menu ul li.active .products-thumb img {
    opacity: .2;
    visibility: visible
}

.products-area .sorting-menu ul li.active .products-thumb img:nth-child(1) {
  position: absolute;
    left: 0;
    bottom: 0
}

.products-area .sorting-menu ul li.active .products-thumb img:nth-child(2) {
   position: absolute;
    top: 0;
    right: 0
} */

.products-area .sorting-menu ul li.active .products-thumb i {
    color: #000
}

.products-area .sorting-menu ul li.active .products-thumb span {
    color: #000
}

.products-thumb {
    padding: 0;
    border-radius: 10px;
    background-color: #ffe5de;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59;
    text-align: center;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
    border: 2px solid #ffe5de;
}
.products-thumb:hover {
    background-color: #d1e6ff;
    border: 2px solid #d1e6ff;
}
/* .products-thumb:hover {
    background-color: #0366c5
} */

/* .products-thumb:hover img {
    opacity: .2;
    visibility: visible
}

.products-thumb:hover img:nth-child(1) {
  position: absolute;
    left: 0;
    bottom: 0
}

.products-thumb:hover img:nth-child(2) {
   position: absolute;
    top: 0;
    right: 0
} */

.products-thumb:hover i {
    color: #000
}

.products-thumb:hover span {
    color: #094b9c;
}

/* .products-thumb img {
   position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.products-thumb img:nth-child(1) {
      position: absolute;
    left: -15px;
    bottom: -15px
}

.products-thumb img:nth-child(2) {
      position: absolute;
    top: -15px;
    right: -15px
} */

.products-thumb i {
    display: block;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 5px;
    -webkit-transition: .5s;
    transition: .5s;
        color: #000;
}

.products-thumb span {
    display: block;
    font-weight: 600;
    -webkit-transition: .5s;
    transition: .5s;
    color: #ff3500;
    padding: 10px 0;
}

.products-item {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
   /* padding-bottom: 40px;*/
       /*padding-bottom: 22px;*/
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 30px
}

.products-item:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
    /*background: #000;*/

}

.products-item:hover .top img {
    -webkit-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
    opacity: 0.5;
    /*background: #000;*/
}

.products-item .top {
    position: relative;
    padding: 10px;
}

.products-item .top .product-type {
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 3px 12px;
    font-size: 14px;
    background-color: #ffde00;
    position: absolute;
    top: 15px;
    left: 15px
}

.products-item .top .product-type.two {
    background-color: #ff0f4e
}

.products-item .top .wishlist {
    display: inline-block;
    color: #f05454;
    font-size: 25px;
    position: absolute;
    top: 14px;
    right: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59;
    border-radius: 50%;
    z-index: 9;
}

.products-item .top .wishlist i {
    line-height: 40px
}

.products-item .top .wishlist:hover {
    color: #fff;
    background-color: #f05454
}

.products-item .top img {
 /* max-width: 242px;*/
    margin-left: auto;
    margin-right: auto;
   margin-bottom: 15px;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
    /*padding:15px;*/
}

.products-item .top .inner {
    text-align: left;
    /*padding-left: 15px*/
}

.products-thumb span {
    font-weight: 500;
    padding: 5px 0;
    font-size: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.products-item .top .inner h3 a {
    color: #0165c4
}

.products-item .top .inner h3 a:hover {
    color: #f05454
}

.products-item .top .inner span {
    display: block;
    font-size: 15px
}

.products-item .bottom {
    text-align: right;
    position: absolute;
    right: -8px;
    bottom: -8px
}

.products-item .bottom:hover a {
    opacity: 1;
    visibility: visible;
    right: 15px
}

.products-item .bottom:hover i {
    color: #fff;
    background-color: #0366c5;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.products-item .bottom a {
   /* display: inline-block;
    color: #0366c5;
    font-weight: 600;
    position: relative;
    top: -5px;
    right: 0;
    opacity: 0;
    visibility: hidden*/
        display: inline-block;
    color: #0366c5;
    font-weight: 600;
    position: relative;
    top: -125px;
    right: -84px;
    opacity: 0;
    visibility: hidden;
      left: -55px;
}

.products-item .bottom a:hover {
    color: #f05454
}

.products-item .bottom i {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 42px;
    color: #0366c5;
    background-color: #fff;
    font-size: 25px;
    border: 10px solid #f5f5f5;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s
}

.buy-area {
    position: relative;
    overflow: hidden
}

.buy-area .buy-shape img {
    position: absolute
}

.buy-area .buy-shape img:nth-child(1) {
    right: 0;
    bottom: 0;
    max-width: 300px;
    -webkit-animation: buy-ani-one 8s infinite linear;
    animation: buy-ani-one 8s infinite linear
}

.buy-area .buy-content {
    max-width: 500px;
    padding-left: 30px
}

.buy-area .buy-content h2 {
    font-size: 50px;
    margin-bottom: 10px;
    line-height: 1.3;
    margin-top: -10px
}

.buy-area .buy-content p {
    color: #0165c4;
    font-weight: 600;
    margin-bottom: 10px
}

.buy-area .buy-content ul {
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

.buy-area .buy-content ul li {
    list-style-type: none;
    display: inline-block;
    font-weight: 600;
    margin-right: 15px
}

.buy-area .buy-content ul li:nth-child(2) {
    font-weight: 400
}

@-webkit-keyframes buy-ani-one {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes buy-ani-one {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.brand-area {
    background-color: #f5f5f5
}

.brand-item {
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-transition: .5s;
    transition: .5s
}

.brand-item a {
    display: block
}

.brand-item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

/*.testimonials-area {
    background-color: #f5f5f5
}
*/
.testimonials-area .owl-theme .owl-nav {
    margin-top: 0
}

.testimonials-area .owl-prev {
    position: absolute;
    left: -70px;
    top: 40%;
    width: 45px;
    height: 45px;
    line-height: 49px!important;
    border-radius: 10px!important;
    color: #0366c5!important;
  /*  background-color: #fff!important;*/
    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s
}

/*.testimonials-area .owl-prev:hover {
    color: #fff!important;
    background-color: #0366c5!important
}*/

.testimonials-area .owl-next {
    position: absolute;
    right: -70px;
    top: 40%;
    width: 45px;
    height: 45px;
    line-height: 49px!important;
    border-radius: 10px!important;
    color: #0366c5!important;

    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s
}
.counterUp{
        font-size: 50px;
    color: #ff4b02;
}
.counterUpt{
    font-size: 18px;
    color: #000;
}
.counter-number-prefix{
    text-align: left;
}
.counter-number-suffix {
    text-align: right;
    color: #f14e23;
    font-size: 40px;
    font-weight: 900;
}
/*.testimonials-area .owl-next:hover {
    color: #fff!important;
    background-color: #0366c5!important
}*/

.testimonials-area .owl-item.center .testimonials-item {
    background-color: #0366c5
}

.testimonials-area .owl-item.center .testimonials-item i {
    color: #fff
}

.testimonials-area .owl-item.center .testimonials-item p {
    color: #fff
}

.testimonials-area .owl-item.center .testimonials-item h3 {
    color: #fff
}

.testimonials-area .owl-item.center .testimonials-item span {
    color: #fff
}

.testimonials-item {
    text-align: center;
    border-radius: 10px;
    background-color: #ffdad0;
    padding: 12px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 20px;
    margin-bottom: 50px;
}
.testimonials-item iframe {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.testimonials-item h3 {
    display: none;
}
.testimonials-item span p {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*.testimonials-item:hover {
    background-color: #fe6526
}

.testimonials-item:hover i {
    color: #fff
}

.testimonials-item:hover p {
    color: #fff
}

.testimonials-item:hover h3 {
    color: #fff
}

.testimonials-item:hover span {
    color: #fff
}
*/
.testimonials-item i {
    display: inline-block;
    font-size: 65px;
    margin-bottom: 15px;
    line-height: 65px;
    margin-top: -25px;
    color: #b3a7a7;
    -webkit-transition: .5s;
    transition: .5s
}

.testimonials-item p {
    margin-bottom: 16px;
    font-size: 18px;
    font-style: italic;
    -webkit-transition: .5s;
    transition: .5s
}

.testimonials-item h3 {
    margin-bottom: 5px;
    font-size: 20px;
    color: #0165c4;
    -webkit-transition: .5s;
    transition: .5s
}

.testimonials-item span {
    display: block;
    -webkit-transition: .5s;
    transition: .5s
}

.testimonials-item img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
   max-width: 80px;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #e7e6e6;
    border-radius: 50%
}

.support-item {
    margin-bottom: 30px;
    position: relative;
    background-color: #0366c5;
    border-radius: 10px;
    padding: 30px 15px 30px 60px;
    margin-left: 45px;
    z-index: 1
}

.support-item:hover i {
    border: 10px solid #0366c5;
    color: #0366c5;
    background-color: #fff
}

.support-item i {
    display: inline-block;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #fff;
    background-color: #0366c5;
    border: 10px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    left: -45px;
    -webkit-transition: .5s;
    transition: .5s
}

.support-item h3 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px
}

.support-item p {
    margin-bottom: 0;
    color: #fff
}

.support-item img {
    position: absolute;
    right: 10px;
    bottom: 0;
    max-width: 125px;
    z-index: -1;

}

.blog-area {
    background-color: #fff;
    padding: 50px 0;
}

.blog-item {
    margin-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    /*height: 330px;*/
}

.blog-item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.blog-item:hover .top span {
    color: #fff;
    background-color: #0366c5;
    border: 7px solid #fff
}

.blog-item .top {
    position: relative;
    margin-bottom: 25px;
    border-radius: 10px
}

.blog-item .top a {
    display: block
}

.blog-item .top a img {
    width: 100%;
    border-radius: 10px
}

.blog-item .top span {
    display: inline-block;
    width: 85px;
    height: 85px;
    padding: 11px 15px 0;
    text-align: center;
    color: #0165c4;
    background-color: #fff;
    border: 7px solid #f5f5f5;
    font-weight: 600;
    border-radius: 50%;
    position: absolute;
    bottom: -20px;
    right: -4px;
    -webkit-transition: .5s;
    transition: .5s
}

.blog-item .bottom h3 {
    line-height: 1.4;
    font-size: 20px;
    margin-bottom: 10px
}

.blog-item .bottom h3 a {
    color: #0165c4
}

.blog-item .bottom h3 a:hover {
    color: #0366c5
}

.blog-item .bottom p {
    margin-bottom: 14px
}

.blog-item .bottom .blog-btn {
    display: inline-block;
    font-weight: 600;
    color: #0165c4
}

.blog-item .bottom .blog-btn:hover {
    color: #0366c5
}

.blog-item .bottom .blog-btn:hover i {
    -webkit-animation: blog-rotate-ani 2s infinite linear;
    animation: blog-rotate-ani 2s infinite linear
}

.blog-item .bottom .blog-btn i {
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 17px;
    position: relative;
    top: 3px
}

@-webkit-keyframes blog-rotate-ani {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes blog-rotate-ani {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.giftp-area {
    position: relative;
    overflow: hidden;
 /*   margin-bottom: 30px;*/
}
.best-seller {
    background-color: #f5f5f5;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
}
.featured-items{
  font-family: 'Lato';
  text-align: center;
  font-size: 30px;
  /*border-bottom: 3px dotted #d5dbe6;*/
 /* margin: 50px 0;*/
 color: #ff4a02;
 padding-bottom: 30px;
}
.testimonials-title{
   font-family: 'Lato';
  text-align: center;
  font-size: 30px !important;
 /* border-bottom: 3px dotted #d5dbe6;*/
}
.best-seller h2{
    font-family: 'Lato';
  text-align: center;
  font-size: 30px;
   border-bottom: 3px dotted #d5dbe6;
      /*margin: 50px 0;*/
      padding-top: 20px;
}
.quick-area{
  display: flex;
      padding-top: 10px;
}
.quick-area li {
 list-style-type: none;
}
.quick-view {
    pointer-events: auto;
    width: 40px;
    height: 40px;
    border: 0;
    line-height: 35px;
    text-align: center;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    margin: 0 23px 0 0;
 /*   margin: 0 10px 0 0;*/
    display: block;
    color: #000;
    transition: all .4s;
    position: relative;
   /* border: 1px solid #be7374;*/
}
.products-item .top1 {
    position: relative;
    padding-top: 10px;
}
.products-item .top1 img {
    max-width: 271px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px
}
.products-item .top1 .inner h3 a{
    margin-bottom: 5px;
    font-size: 16px;
    color: #000 !important;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav span {
    font-size: 50px;
    position: relative;
    top: -5px;
    color: #000;
    /*visibility: hidden;*/
}
.owl-nav button:focus {
    outline: none;
}






.footer-area {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    background: #000;
}

.footer-area .footer-shape img {
    position: absolute;
    z-index: -1;
    max-width: 105px
}

.footer-area .footer-shape img:nth-child(1) {
    top: 0;
    right: 0
}

.footer-area .footer-shape img:nth-child(2) {
    left: 0;
    bottom: 30px
}

.footer-item {
    margin-bottom: 30px
}

.footer-item h3 {
    font-size: 17px;
    margin-bottom: 15px;
    color: #fff;
}
.footer-item ul a{
    color: #fff;
}
.footer-item .footer-logo .logo {
    display: block;
    margin-bottom: 30px
}

.footer-item .footer-logo ul {
    margin: 0;
    padding: 0
}

.footer-item .footer-logo ul li {
    list-style-type: none;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px
}

.footer-item .footer-logo ul li:last-child {
    margin-bottom: 0
}

.footer-item .footer-logo ul li i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
        color: #fff;
}

.footer-item .footer-logo ul li a {
    display: block;
    color: #fff
}

.footer-item .footer-logo ul li a:hover {
    color: #fff
}

.footer-item .footer-services ul {
    margin: 0;
    padding: 0
}

.footer-item .footer-services ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 6px
}

.footer-item .footer-services ul li:last-child {
    margin-bottom: 0
}

.footer-item .footer-services ul li a {
    display: block;
    color: #fff;
    font-size: 13px;

}
 .footer-services ul li a:before{
    content: ' \00BB';
    font-size: 13px;
    padding-right: 8px
}
 .footer-links1 ul li a:before{
     content: ' \00BB';
    font-size: 13px;
    padding-right: 8px
}
/*.cardBlk {
    font-size: 15px
}*/
.footer-item .footer-services ul li a:hover {
    color: #fff;
    padding-left: 5px
}

.footer-item .footer-links ul {
    margin: 0;
    padding: 0
}

.footer-item .footer-links ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 8px;
    font-size: 13px;

}

.footer-item .footer-links ul li:last-child {
    margin-bottom: 0
}

.footer-item .footer-links ul li a {
    display: block;
    color: #fff
}

.footer-item .footer-links ul li a:hover {
    color: #f05454;
    padding-left: 5px
}

.payment-cards {
    margin-bottom: 30px
}

.payment-cards ul {
    margin: 0;
    padding: 0
}

.payment-cards ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px
}

.payment-cards ul li a {
    display: block;
    max-width: 50px
}

.payment-cards ul li a:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

.social-links {
    text-align: right;
    margin-bottom: 30px
}

.social-links ul {
    margin: 0;
    padding: 0
}

.social-links ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 5px
}

.social-links ul li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    background-color: #0366c5;
    font-size: 16px;
    text-align: center
}

.social-links ul li a i {
    line-height: 30px;
    color: #fff;
}

.social-links ul li a:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

.copyright-area {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #000;
   /* border-top: 5px solid #ff5916;*/
}

.copyright-area .copyright-item {
    text-align: center
}

.copyright-area .copyright-item p {
    margin-bottom: 0;
    color: #fff
}

.copyright-area .copyright-item p a {
    display: inline-block;
    color: #fff;
    font-weight: 700
}

.copyright-area .copyright-item p a:hover {
    letter-spacing: 1px
}

.popup-modal {
    z-index: 999999
}

.popup-modal .modal-header {
    display: block;
    padding: 0;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 25px
}

.popup-modal .modal-header h2 {
    font-size: 22px;
    margin-bottom: 0;
    position: relative;
    margin-top: -4px
}

.popup-modal .modal-header h2 span {
    display: inline-block;
    font-size: 16px;
    position: absolute;
    top: 4px;
    right: 0
}

.popup-modal .btn-close {
    position: absolute;
    top: -13px;
    right: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: 3px solid #ddd;
    background-color: #fff;
    color: #0165c4;
    padding: 0;
    opacity: 1
}

.popup-modal .btn-close:hover {
    border: 3px solid #0366c5
}

.popup-modal .btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup-modal .modal-content {
    padding: 30px;
    overflow-y: auto;
    border-radius: 10px 0 0 10px;
    overflow: visible
}

.popup-modal .modal-body {
    padding: 0
}

.popup-modal .modal-body .cart-table .table {
    margin-bottom: 30px
}

.popup-modal .modal-body .cart-table .table tr {
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #f4f4f4
}

.popup-modal .modal-body .cart-table img {
    max-width: 95px;
    margin-left: auto;
    margin-right: auto
}

.popup-modal .modal-body .cart-table h3 {
    font-size: 16px;
    margin-bottom: 3px
}

.popup-modal .modal-body .cart-table .rate {
    display: block
}

.popup-modal .modal-body .cart-table .common-btn img {
    max-width: 30px
}

.popup-modal .modal-body .cart-table .close {
    display: inline-block;
    color: #0165c4;
    font-size: 20px
}

.popup-modal .modal-body .cart-table .close:hover {
    color: #f05454
}

.popup-modal .modal-body .total-amount {
    margin-bottom: 30px
}

.popup-modal .modal-body .total-amount h3 {
    font-size: 20px;
    margin-bottom: 0;
    position: relative
}

.popup-modal .modal-body .total-amount h3 span {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600
}

.popup-modal .modal-footer {
    padding: 0;
    border: 0;
    display: block
}

.popup-modal .modal-footer .form-control {
    height: 55px;
    border: 1px solid #0366c5;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 10px;
    padding-left: 15px
}

.popup-modal .modal-footer .form-control:focus {
    border: 1px solid #0366c5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup-modal .modal-footer .common-btn {
    height: 55px;
    border-radius: 10px;
    display: block;
    width: 100%;
    margin-top: 15px
}

.popup-modal.modal-right .modal-dialog {
    max-width: 585px;
    margin: 0 0 0 auto;
    -webkit-transform: translate(100%, 70px);
    transform: translate(100%, 70px)
}

.popup-modal.modal-right.show .modal-dialog {
    -webkit-transform: translate(17px, 70px);
    transform: translate(17px, 70px)
}

.number {
    margin: 0;
    background-color: #0366c5;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px
}

.number li {
    list-style-type: none;
    display: inline-block
}

.number li .minus {
    border-right: 1px solid #fff
}

.number li .minus,
.number li .plus {
    color: #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    vertical-align: middle
}

.number li input {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #0366c5;
    color: #fff;
    border-right: 1px solid #fff
}

.number li input:focus {
    outline: 0
}

.wishlist-modal .modal-body .cart-table .table {
    margin-bottom: 0
}

.wishlist-modal.modal-right .modal-dialog {
    -webkit-transform: translate(100%, 145px);
    transform: translate(100%, 145px)
}

.wishlist-modal.modal-right.show .modal-dialog {
    -webkit-transform: translate(17px, 145px);
    transform: translate(17px, 145px)
}

.header-area.two {
    background-color: #2ec1ac
}

.nav-top-area.two {
    background-color: #f5f5f5
}

.nav-top-area.two .middle .form-group .form-control:focus {
    border: 1px solid #2ec1ac
}

.nav-top-area.two .middle .form-group .inner .nice-select {
    background-color: #2ec1ac
}

.nav-top-area.two .right ul li .join {
    background-color: #2ec1ac;
    border: 1px solid #2ec1ac
}

.nav-top-area.two .right ul li .join:hover {
    background-color: #fff
}

.main-nav.two {
    background-color: #fff
}

.side-nav.two h4 a {
    color: #2ec1ac;
    border-bottom: 1px solid #2ec1ac
}

.side-nav.two h4 a:hover {
    color: #f05454;
    border-bottom: 1px solid #f05454
}

.sale-area {
    margin-top: 100px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff
}

.sale-area .row {
    padding-top: 30px
}

.sale-area .container-fluid {
    max-width: 1720px
}

.sale-bg-one {
    background-image: url(../images/sale-bg1.png)
}
.course_area {
   /* padding: 15px 0;*/
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: #00000094;
    background-repeat: no-repeat;
    background-attachment: scroll;
     background-image:url(../images/sl4.jpg);
}
.about_area{
    background-image:url(../images/UTTARANCHAL-UNIVERSITY.jpg);
        padding: 10px 0 !important;
}
.course_area{
     background-image:url(../images/UTTARANCHAL-UNIVERSITY.jpg);
        /*padding: 50px 0 !important;*/
}
/*.breadcrumb_content h3{
    padding: 30px 0;
}*/
.text-secondary strong{
color: #e61f28;
}
.about_area h3{
   color: #fff
}
.heading h3{
    color: #fff;
    font-size: 45px;
}
.sale-bg-two {
    background-image: url(../images/sale-bg2.png)
}

.sale-bg-three {
    background-image: url(../images/sale-bg3.png)
}

.sale-item {
    margin-bottom: 30px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 40px 10px 40px 40px;
    position: relative;
    margin-right: 55px
}

.sale-item img {
    position: absolute;
    bottom: 0;
    right: -65px;
    max-width: 170px
}

.sale-item .inner h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 400;
    margin-top: -5px
}

.sale-item .inner h3 span {
    font-weight: 700;
    display: inline-block
}

.sale-item .inner h3 .percent {
    -webkit-animation: sale-bean-ani .25s infinite alternate;
    animation: sale-bean-ani .25s infinite alternate
}

.sale-item .inner p {
    margin-bottom: 30px;
    color: #fff;
    font-weight: 600
}

.sale-item .inner a {
    display: inline-block;
    color: #2ec1ac;
    background-color: #fff;
    padding: 12px 25px;
    font-weight: 600;
    border-radius: 5px
}

.sale-item .inner a:hover {
    color: #fff;
    background-color: #2ec1ac
}

@-webkit-keyframes sale-bean-ani {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes sale-bean-ani {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.products-area.two {
    padding-top: 30px
}

.products-area.two .products-thumb {
    margin-bottom: 30px
}

.products-area.two .products-thumb:hover {
    background-color: #2ec1ac
}

.products-area.two .products-thumb a {
    display: block;
    color: #545454
}

.products-area.two .products-thumb img {
    max-width: 40px
}

.products-area.two .products-thumb i {
    font-weight: 400;
    font-size: 50px
}

.products-area.two .owl-theme .owl-nav {
    margin-top: 0
}

.products-area.two .owl-prev {
    position: absolute;
    left: -70px;
    top: 30%;
    width: 45px;
    height: 45px;
    line-height: 45px!important;
    border-radius: 10px!important;
    color: #2ec1ac!important;
    background-color: #fff!important;
    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s
}

.products-area.two .owl-prev:hover {
    color: #fff!important;
    background-color: #2ec1ac!important
}

.products-area.two .owl-next {
    position: absolute;
    right: -70px;
    top: 30%;
    width: 45px;
    height: 45px;
    line-height: 45px!important;
    border-radius: 10px!important;
    color: #2ec1ac!important;
    background-color: #fff!important;
    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s
}

.products-area.two .owl-next:hover {
    color: #fff!important;
    background-color: #2ec1ac!important
}

.products-area.two .products-item .bottom:hover i {
    color: #fff;
    background-color: #2ec1ac
}

.products-area.two .products-item .bottom a {
    color: #2ec1ac
}

.products-area.two .products-item .bottom a:hover {
    color: #f05454
}

.products-area.two .products-item .bottom i {
    color: #2ec1ac
}

.buy-area.two .buy-shape img:nth-child(1) {
    max-width: 240px
}

.buy-area.two .buy-shape img:nth-child(2) {
    left: 0;
    top: 0;
    max-width: 240px;
    -webkit-animation: buy-ani-two 8s infinite linear;
    animation: buy-ani-two 8s infinite linear
}

.buy-area.two .buy-content {
    max-width: 100%;
    padding-left: 0
}

.buy-area.two .buy-content h2 {
    color: #2ec1ac
}

.buy-area.two .buy-img {
    text-align: center
}

.buy-area.two .buy-img img {
    -webkit-animation: buy-ani-three 6s infinite linear;
    animation: buy-ani-three 6s infinite linear
}

@-webkit-keyframes buy-ani-three {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(30deg);
        transform: rotateY(30deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes buy-ani-three {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(30deg);
        transform: rotateY(30deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes buy-ani-two {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes buy-ani-two {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.deal-area {
    background-color: #f5f5f5
}

.deal-area .deal-black {
    background-color: #0165c4;
    text-align: center;
    padding: 25px 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1
}

.deal-area .deal-black img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.deal-area .deal-black h3 {
    font-size: 25px;
    margin-bottom: 5px;
    color: #fff;
    margin-top: -4px
}

.deal-area .deal-black a {
    display: inline-block;
    color: #fff;
    border-bottom: 1px solid #fff
}

.deal-area .deal-black a:hover {
    color: #2ec1ac;
    border-bottom: 1px solid #2ec1ac
}

.deal-item {
    margin-bottom: 30px;
    background-color: #ff0f4e;
    border-radius: 10px;
    position: relative;
    padding: 50px 20px 50px 50px
}

.deal-item .percent {
    display: inline-block;
    color: #ff0f4e;
    background-color: #fff;
    border-radius: 0 30px 30px 0;
    position: absolute;
    top: 15px;
    left: 0;
    display: inline-block;
    padding: 5px 15px;
    font-weight: 600
}

.deal-item .deal-btn {
    display: inline-block;
    color: #0165c4;
    background-color: #fff;
    padding: 8px 12px;
    border-radius: 5px 0 5px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 20px;
    z-index: 1
}

.deal-item .deal-btn:hover {
    color: #fff;
    background-color: #0165c4
}

.deal-item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.deal-item .inner .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    text-align: center
}

.deal-item .inner .left img {
    -webkit-animation: deal-ani-one 5s infinite linear;
    animation: deal-ani-one 5s infinite linear
}

.deal-item .inner .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%
}

.deal-item .inner .right .reviews {
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.deal-item .inner .right .reviews li {
    list-style-type: none;
    display: inline-block
}

.deal-item .inner .right .reviews li i {
    color: #ddd;
    font-size: 18px
}

.deal-item .inner .right .reviews li i.checked {
    color: #f8d137
}

.deal-item .inner .right .reviews li span {
    display: inline-block;
    color: #fff
}

.deal-item .inner .right h3 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.3
}

.deal-item .inner .right .price {
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.deal-item .inner .right .price li {
    list-style-type: none;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-right: 15px
}

.deal-item .inner .right .price li:nth-child(2) {
    font-weight: 400
}

.deal-item .inner .right .features {
    margin: 0;
    padding: 0;
    margin-bottom: 15px
}

.deal-item .inner .right .features li {
    list-style-type: none;
    display: block;
    color: #fff;
    margin-bottom: 2px
}

.deal-item .inner .right .features li:first-child {
    margin-bottom: 5px
}

.deal-item .inner .right .features li:last-child {
    margin-bottom: 0
}

.deal-item .inner .right .features li span {
    font-weight: 600
}

.deal-item .inner .right .timer {
    margin: 0;
    padding: 0
}

.deal-item .inner .right .timer li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px
}

.deal-item .inner .right .timer li .timer-inner {
    text-align: center
}

.deal-item .inner .right .timer li .timer-inner span {
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 5px
}

.deal-item .inner .right .timer li .timer-inner p {
    margin-bottom: 0;
    color: #fff
}

.deal-item .inner .right h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3
}

.deal-item .inner .right h4 span {
    font-weight: 700;
    font-size: 18px
}

.deal-item .inner .right .cart-wishlist {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 35%;
    right: 0
}

.deal-item .inner .right .cart-wishlist li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px
}

.deal-item .inner .right .cart-wishlist li a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #2ec1ac;
    background-color: #fff;
    border-radius: 50%;
    font-size: 20px
}

.deal-item .inner .right .cart-wishlist li a i {
    line-height: 40px
}

.deal-item .inner .right .cart-wishlist li a:hover {
    color: #fff;
    background-color: #2ec1ac
}

.deal-item.two {
    background-color: #50a3ff
}

@-webkit-keyframes deal-ani-one {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(35deg);
        transform: rotateY(35deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes deal-ani-one {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(35deg);
        transform: rotateY(35deg)
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}
.testimonials-area {
    padding: 50px 0px;
    background-color: #2866b321;
}
.testimonials-area.two .owl-prev {
    color: #2ec1ac!important
}

.testimonials-area.two .owl-prev:hover {
    color: #fff!important;
    background-color: #2ec1ac!important
}

.testimonials-area.two .owl-next {
    color: #2ec1ac!important
}

.testimonials-area.two .owl-next:hover {
    color: #fff!important;
    background-color: #2ec1ac!important
}

.testimonials-area.two .owl-item.center .testimonials-item {
    background-color: #2ec1ac
}

.testimonials-area.two .testimonials-item:hover {
    background-color: #2ec1ac
}

.testimonials-area.two .testimonials-item:hover i {
    color: #fff
}

.testimonials-area.two .testimonials-item i {
    color: #2ec1ac
}

.support-item.two {
    background-color: #ff0f4e
}

.support-item.two:hover i {
    color: #ff0f4e;
    background-color: #fff;
    border: 10px solid #ff0f4e
}

.support-item.two i {
    background-color: #ff0f4e
}

.support-item.three {
    background-color: #0079ff
}

.support-item.three:hover i {
    color: #0079ff;
    background-color: #fff;
    border: 10px solid #0079ff
}

.support-item.three i {
    background-color: #0079ff
}

.support-item.four {
    background-color: #3fc5f0
}

.support-item.four:hover i {
    color: #3fc5f0;
    background-color: #fff;
    border: 10px solid #3fc5f0
}

.support-item.four i {
    background-color: #3fc5f0
}

.blog-area.two .blog-item:hover .top span {
    background-color: #2ec1ac
}

.blog-area.two .blog-item .bottom h3 a:hover {
    color: #2ec1ac
}

.blog-area.two .blog-item .bottom .blog-btn:hover {
    color: #2ec1ac
}

.footer-area.two .footer-item h3 {
    color: #2ec1ac
}

.footer-area.two .social-links ul li a {
    background-color: #2ec1ac
}

.copyright-area.two {
    background-color: #2ec1ac
}

.cart-popup-btn.two .one {
    background-color: #2ec1ac
}

.cart-popup-btn.two .two {
    color: #2ec1ac
}

.header-area.three {
    background-color: #ff5f59
}

.nav-top-area.three .middle .form-group .form-control:focus {
    border: 1px solid #ff5f59
}

.nav-top-area.three .middle .form-group .inner .nice-select {
    background-color: #ff5f59
}

.nav-top-area.three .right ul li .join {
    background-color: #ff5f59;
    border: 1px solid #ff5f59
}

.nav-top-area.three .right ul li .join:hover {
    background-color: #fff
}

.side-nav.three h4 a {
    color: #ff5f59;
    border-bottom: 1px solid #ff5f59
}

.side-nav.three h4 a:hover {
    color: #f05454;
    border-bottom: 1px solid #f05454
}

.video-area {
    background-color: #f5f5f5;
    margin-top: 100px;
    padding-top: 30px
}

.video-area .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 140px;
    bottom: 40px
}

.video-area .owl-prev {
    width: 45px;
    height: 45px;
    line-height: 45px!important;
    border-radius: 10px!important;
    color: #ff5f59!important;
    background-color: #fff!important;
    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s
}

.video-area .owl-prev:hover {
    color: #fff!important;
    background-color: #ff5f59!important
}

.video-area .owl-next {
    width: 45px;
    height: 45px;
    line-height: 45px!important;
    border-radius: 10px!important;
    color: #ff5f59!important;
    background-color: #fff!important;
    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s
}

.video-area .owl-next:hover {
    color: #fff!important;
    background-color: #ff5f59!important
}

.video-area .video-left {
    margin-bottom: 30px
}

.video-area .video-left .form-group {
    margin-bottom: 15px
}

.video-area .video-left .form-group:last-child {
    margin-bottom: 0
}

.video-area .video-left .form-group .btn-video-left {
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #fff;
    background-color: #ff5f59;
    border-radius: 10px;
    padding: 0
}

.video-area .video-left .form-group .btn-video-left .icon {
    display: inline-block;
    font-size: 22px;
    margin-right: 3px;
    position: relative;
    top: 2px
}

.video-area .video-left .form-group .btn-video-left .icon-two {
    display: inline-block;
    font-size: 22px;
    margin-left: 3px;
    position: relative;
    top: 4px
}

.video-area .video-left .form-group .dropdown-menu {
    border-radius: 10px;
    border: 0;
    width: 100%;
    padding: 0
}

.video-area .video-left .form-group .dropdown-menu li {
    border-bottom: 1px solid #f4f4f4
}

.video-area .video-left .form-group .dropdown-menu li:last-child {
    border-bottom: 0
}

.video-area .video-left .form-group .dropdown-menu li a {
    padding: 10px 15px
}

.video-area .video-left .form-group .dropdown-menu li a:hover {
    color: #fff;
    background-color: #ff5f59
}

.video-area .video-left .dropdown-toggle::after {
    display: none
}

.video-area .products-item .top .inner h3 {
    font-size: 20px
}

.video-bg-one {
    background-image: url(../images/video-bg1.jpg)
}

.video-bg-two {
    background-image: url(../images/video-bg2.jpg)
}

.video-bg-three {
    background-image: url(../images/video-bg3.jpg)
}

.video-item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 300px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px
}

.video-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .4;
    border-radius: 10px
}

.video-item .inner {
    text-align: center;
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.video-item .inner .video-wrap {
    margin-bottom: 20px
}

.video-item .inner h3 {
    font-size: 25px;
    margin-bottom: 0;
    color: #fff;
    line-height: 1.3
}

.video-item .inner-two {
    padding-left: 25px;
    position: relative;
    max-width: 420px
}

.video-item .inner-two h2 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.3
}

.video-wrap {
    z-index: 2
}

.video-wrap .js-modal-btn {
    z-index: 5;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    font-size: 55px;
    text-align: center;
    color: #ff5f59;
    -webkit-transition: .5s;
    transition: .5s
}

.video-wrap .js-modal-btn i {
    line-height: 75px
}

.video-wrap .js-modal-btn:before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite
}

.video-wrap .js-modal-btn:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s
}

.video-wrap .js-modal-btn:hover {
    color: #fff
}

.video-wrap .js-modal-btn:hover:before {
    background-color: #ff5f59
}

.video-wrap .js-modal-btn:hover:after {
    background-color: #ff5f59
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.products-area.three .products-item .top .inner h3 {
    font-size: 20px
}

.products-area.three .products-item .bottom:hover i {
    color: #fff;
    background-color: #ff5f59
}

.products-area.three .products-item .bottom a {
    color: #ff5f59
}

.products-area.three .products-item .bottom a:hover {
    color: #f05454
}

.products-area.three .products-item .bottom i {
    color: #ff5f59
}

.buy-area.three .buy-content {
    max-width: 100%;
    padding-left: 0
}

.buy-area.three .buy-content h2 {
    color: #ff5f59
}

.buy-area.three .buy-content p {
    font-weight: 400;
    margin-bottom: 18px
}

.buy-area.three .buy-content .common-btn.three {
    padding: 12px 25px
}

.buy-area.three .buy-content .common-btn.three i {
    margin-right: 3px
}

.buy-area.three .buy-content .buy-btn {
    margin-right: 10px
}

.testimonials-wrap {
    position: relative
}

.testimonials-wrap img {
    position: absolute;
    z-index: 2
}

.testimonials-wrap img:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 90%
}

.testimonials-area.three .owl-prev {
    color: #ff5f59!important
}

.testimonials-area.three .owl-prev:hover {
    color: #fff!important;
    background-color: #ff5f59!important
}

.testimonials-area.three .owl-next {
    color: #ff5f59!important
}

.testimonials-area.three .owl-next:hover {
    color: #fff!important;
    background-color: #ff5f59!important
}

.testimonials-area.three .testimonials-item {
    padding: 50px 180px 75px;
    background-color: #ff5f59;
    margin-top: 0
}

.testimonials-area.three .testimonials-item i {
    margin-top: 0;
    color: #fff
}

.testimonials-area.three .testimonials-item p {
    font-size: 26px;
    color: #fff
}

.testimonials-area.three .testimonials-item h3 {
    color: #fff
}

.testimonials-area.three .testimonials-item span {
    color: #fff
}

.support-area.three {
    position: relative
}

.support-area.three .support-shape img {
    position: absolute
}

.support-area.three .support-shape img:nth-child(1) {
    top: 0;
    left: 0
}

.support-area.three .support-shape img:nth-child(2) {
    bottom: 0;
    right: 0
}

.support-item.five {
    background-color: #ff5f59
}

.support-item.five:hover i {
    color: #ff5f59;
    background-color: #fff;
    border: 10px solid #ff5f59
}

.support-item.five i {
    background-color: #ff5f59
}

.blog-area.three .blog-item:hover .top span {
    background-color: #ff5f59
}

.blog-area.three .blog-item .bottom h3 a:hover {
    color: #ff5f59
}

.blog-area.three .blog-item .bottom .blog-btn:hover {
    color: #ff5f59
}

.blog-area.three .blog-item-right .inner {
    margin-bottom: 30px
}

.blog-area.three .blog-item-right .inner ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog-area.three .blog-item-right .inner ul li {
    list-style-type: none;
    display: inline-block
}

.blog-area.three .blog-item-right .inner ul li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.blog-area.three .blog-item-right .inner ul li:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    margin-left: 15px
}

.blog-area.three .blog-item-right .inner ul li span {
    display: block;
    color: #ff5f59;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    padding: 12px 15px
}

.blog-area.three .blog-item-right .inner ul li h3 {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.4
}

.blog-area.three .blog-item-right .inner ul li h3 a {
    color: #0165c4
}

.blog-area.three .blog-item-right .inner ul li h3 a:hover {
    color: #ff5f59
}

.blog-area.three .blog-item-right .inner ul li .blog-btn {
    color: #ff5f59;
    display: inline-block;
    font-weight: 600
}

.blog-area.three .blog-item-right .inner ul li .blog-btn i {
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 17px;
    position: relative;
    top: 3px
}

.blog-area.three .blog-item-right .inner ul li .blog-btn:hover {
    color: #0165c4
}

.footer-area.three .footer-item h3 {
    color: #ff5f59
}

.footer-area.three .social-links ul li a {
    background-color: #ff5f59
}

.copyright-area.three {
    background-color: #ff5f59
}

.cart-popup-btn.three .one {
    background-color: #ff5f59
}

.cart-popup-btn.three .two {
    color: #ff5f59
}

.banner-area-two {
 background-color: #f5f5f5;
   /* padding-left: 50px;
    padding-right: 50px;*/
    margin-top: 50px;
    position: relative;
}

.banner-area-two:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    top: -45px;
    left: 0;
    right: 0;
    background-color: #f5f5f5
}

.banner-area-two .banner-item {
    height: 600px;
    position: relative;
    background-color: #fff;
    border-radius: 30px
}

.banner-area-two .banner-item .banner-content {
    max-width: 675px;
    position: relative;
    z-index: 2;
    margin-top: 0
}

.banner-area-two .banner-item .banner-content h1 {
    font-size: 60px;
    margin-bottom: 15px
}

.banner-area-two .banner-item .banner-content p {
    font-size: 18px;
    margin-bottom: 30px
}

.banner-area-two .banner-item .banner-img img {
    position: absolute;
    z-index: 1
}

.banner-area-two .banner-item .banner-img img:nth-child(1) {
    top: 0;
    right: 0;
    height: 100%;
    max-width: 615px;
    border-radius: 30px
}

.banner-area-two .banner-item .banner-img img:nth-child(2) {
    bottom: 40px;
    left: 15%;
    max-width: 50px
}

.banner-area-two .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px
}

.banner-area-two .owl-prev {
    width: 45px;
    height: 45px;
    line-height: 45px!important;
    border-radius: 10px!important;
    color: #0366c5!important;
    background-color: #fff!important;
    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 0 20px 0 #e6e5e5;
    box-shadow: 0 0 20px 0 #e6e5e5
}

.banner-area-two .owl-prev:hover {
    color: #fff!important;
    background-color: #0366c5!important
}

.banner-area-two .owl-next {
    width: 45px;
    height: 45px;
    line-height: 45px!important;
    border-radius: 10px!important;
    color: #0366c5!important;
    background-color: #fff!important;
    font-size: 25px!important;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 0 20px 0 #e6e5e5;
    box-shadow: 0 0 20px 0 #e6e5e5
}

.banner-area-two .owl-next:hover {
    color: #fff!important;
    background-color: #0366c5!important
}

.page-title-area {
    height: 500px;
    background-color: #fff;
    position: relative
}

.page-title-area .title-content {
    margin-top: 50px;
    position: relative;
    z-index: 1
}

.page-title-area .title-content h2 {
    font-size: 50px;
    margin-bottom: 15px
}

.page-title-area .title-content ul {
    margin: 0;
    padding: 0
}

.page-title-area .title-content ul li {
    list-style-type: none;
    display: inline-block;
    font-weight: 600;
    margin-right: 20px;
    position: relative
}

.page-title-area .title-content ul li:before {
    position: absolute;
    content: '>';
    top: -2px;
    right: -18px;
    color: #545454;
    font-size: 20px
}

.page-title-area .title-content ul li:last-child:before {
    display: none
}

.page-title-area .title-content ul li a {
    display: block;
    color: #545454
}

.page-title-area .title-content ul li a:hover {
    color: #f05454
}

.page-title-area .title-content ul li span {
    display: block
}

.page-title-area .title-img img {
    position: absolute
}

.page-title-area .title-img img:nth-child(1) {
    top: 0;
    right: 0;
    height: 100%
}

.page-title-area .title-img img:nth-child(2) {
    left: 20%;
    bottom: 10px;
    -webkit-animation: page-title-ani-one 10s infinite linear;
    animation: page-title-ani-one 10s infinite linear
}

.page-title-area .title-img img:nth-child(3) {
    left: 35%;
    top: 155px;
    -webkit-animation: page-title-ani-two 10s infinite linear;
    animation: page-title-ani-two 10s infinite linear
}

.page-title-area .title-img img:nth-child(4) {
    bottom: 0;
    left: 0;
    max-width: 160px
}

@-webkit-keyframes page-title-ani-one {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30% {
        -webkit-transform: translate(25px, 25px);
        transform: translate(25px, 25px)
    }
    60% {
        -webkit-transform: translate(50px, -100px);
        transform: translate(50px, -100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes page-title-ani-one {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30% {
        -webkit-transform: translate(25px, 25px);
        transform: translate(25px, 25px)
    }
    60% {
        -webkit-transform: translate(50px, -100px);
        transform: translate(50px, -100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes page-title-ani-two {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30% {
        -webkit-transform: translate(-25px, -25px);
        transform: translate(-25px, -25px)
    }
    60% {
        -webkit-transform: translate(-50px, 100px);
        transform: translate(-50px, 100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes page-title-ani-two {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    30% {
        -webkit-transform: translate(-25px, -25px);
        transform: translate(-25px, -25px)
    }
    60% {
        -webkit-transform: translate(-50px, 100px);
        transform: translate(-50px, 100px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.privacy-area {
/*    background-color: #f5f5f5; */
    padding-top:10px;
}

.about-area {
    background-color: #f5f5f5
}

.about-area .about-content {
    margin-bottom: 30px
}

.about-area .about-content .top {
    margin-bottom: 25px
}

.about-area .about-content .top h2 {
    font-size: 40px;
    margin-bottom: 10px
}

.about-area .about-content .top p {
    margin-bottom: 4px
}

.about-area .about-content .top p:last-child {
    margin-bottom: 0
}

.about-area .about-content .middle ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-area .about-content .middle ul li {
    list-style-type: none;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    padding: 25px 15px 25px 100px;
    margin-bottom: 25px;
    margin-right: 25px
}

.about-area .about-content .middle ul li img {
    position: absolute;
    top: 20px;
    left: 25px
}

.about-area .about-content .middle ul li h3 {
    font-size: 20px;
    color: #545454;
    margin-bottom: 0;
    line-height: 1.3
}

.about-area .about-content .middle p {
    margin-bottom: 25px
}

.about-area .about-img {
    margin-bottom: 30px
}

.about-area .about-img img {
    border-radius: 15px
}

.about-area .about-img img:nth-child(1) {
    padding-left: 55px
}

.about-area .about-img img:nth-child(2) {
    margin-top: -115px;
    max-width: 285px
}

.about-area .about-img img:nth-child(3) {
    margin-top: -140px;
    margin-left: 305px;
    max-width: 230px
}

.blog-details-area {
    background-color: #f5f5f5
}

.blog-details-area .details-item .details-img {
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #bebebe
}

.blog-details-area .details-item .details-img img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px
}

.blog-details-area .details-item .details-img .details-date {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 20px
}

.blog-details-area .details-item .details-img .details-date li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;
    font-size: 15px
}

.blog-details-area .details-item .details-img .details-date li i {
    display: inline-block;
    font-size: 20px;
    margin-right: 2px;
    position: relative;
    top: 3px
}

.blog-details-area .details-item .details-img .details-date li span {
    display: inline-block
}

.blog-details-area .details-item .details-img .details-date li a {
    display: inline-block;
    color: #545454
}

.blog-details-area .details-item .details-img .details-date li a:hover {
    color: #f05454
}

.blog-details-area .details-item .details-img h2 {
    font-size: 27px;
    margin-bottom: 10px
}

.blog-details-area .details-item .details-img p {
    margin-bottom: 5px
}

.blog-details-area .details-item .details-img .details-list {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.blog-details-area .details-item .details-img .details-list li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px
}

.blog-details-area .details-item .details-img .details-list li:last-child {
    margin-bottom: 0
}

.blog-details-area .details-item .details-img .details-list li span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #0366c5;
    border-radius: 5px;
    position: relative;
    margin-right: 5px;
    top: 2px
}

.blog-details-area .details-item .details-img .details-list li span:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    background-color: #fff
}

.blog-details-area .details-item .details-img .details-social {
    margin: 0;
    padding: 0;
    margin-top: 20px
}

.blog-details-area .details-item .details-img .details-social li {
    list-style-type: none;
    display: inline-block;
    margin-left: 5px
}

.blog-details-area .details-item .details-img .details-social li span {
    display: inline-block;
    font-weight: 600
}

.blog-details-area .details-item .details-img .details-social li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    background-color: #0366c5;
    font-size: 16px;
    text-align: center
}

.blog-details-area .details-item .details-img .details-social li a i {
    line-height: 30px
}

.blog-details-area .details-item .details-img .details-social li a:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

.blog-details-area .details-item .details-arrow-page {
    margin-bottom: 30px;
    border-bottom: 1px solid #bebebe
}

.blog-details-area .details-item .details-arrow-page .left {
    margin-bottom: 30px
}

.blog-details-area .details-item .details-arrow-page .left .arrows {
    display: inline-block;
    color: #545454;
    border-bottom: 1px solid #545454;
    margin-bottom: 15px
}

.blog-details-area .details-item .details-arrow-page .left .arrows i {
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 3px;
    margin-right: -3px
}

.blog-details-area .details-item .details-arrow-page .left .arrows:hover {
    color: #f05454;
    border-bottom: 1px solid #f05454
}

.blog-details-area .details-item .details-arrow-page .left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.blog-details-area .details-item .details-arrow-page .left ul li {
    list-style-type: none;
    display: inline-block
}

.blog-details-area .details-item .details-arrow-page .left ul li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.blog-details-area .details-item .details-arrow-page .left ul li:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    margin-left: 10px
}

.blog-details-area .details-item .details-arrow-page .left ul li img {
    border-radius: 10px;
    width: 100%
}

.blog-details-area .details-item .details-arrow-page .left ul li h3 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.3
}

.blog-details-area .details-item .details-arrow-page .left ul li h3 a {
    color: #0165c4
}

.blog-details-area .details-item .details-arrow-page .left ul li h3 a:hover {
    color: #f05454
}

.blog-details-area .details-item .details-arrow-page .left ul li i {
    display: inline-block;
    font-size: 17px;
    position: relative;
    top: 1px
}

.blog-details-area .details-item .details-arrow-page .left ul li span {
    display: inline-block
}

.blog-details-area .details-item .details-arrow-page .right {
    margin-bottom: 30px;
    text-align: right
}

.blog-details-area .details-item .details-arrow-page .right .arrows {
    display: inline-block;
    color: #545454;
    border-bottom: 1px solid #545454;
    margin-bottom: 15px
}

.blog-details-area .details-item .details-arrow-page .right .arrows i {
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 3px;
    margin-right: -3px
}

.blog-details-area .details-item .details-arrow-page .right .arrows:hover {
    color: #f05454;
    border-bottom: 1px solid #f05454
}

.blog-details-area .details-item .details-arrow-page .right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.blog-details-area .details-item .details-arrow-page .right ul li {
    list-style-type: none;
    display: inline-block
}

.blog-details-area .details-item .details-arrow-page .right ul li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 77%;
    flex: 0 0 77%;
    max-width: 77%;
    margin-right: 10px
}

.blog-details-area .details-item .details-arrow-page .right ul li:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.blog-details-area .details-item .details-arrow-page .right ul li img {
    border-radius: 10px;
    width: 100%
}

.blog-details-area .details-item .details-arrow-page .right ul li h3 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.3
}

.blog-details-area .details-item .details-arrow-page .right ul li h3 a {
    color: #0165c4
}

.blog-details-area .details-item .details-arrow-page .right ul li h3 a:hover {
    color: #f05454
}

.blog-details-area .details-item .details-arrow-page .right ul li i {
    display: inline-block;
    font-size: 17px;
    position: relative;
    top: 1px
}

.blog-details-area .details-item .details-arrow-page .right ul li span {
    display: inline-block
}

.blog-details-area .details-item .details-comments {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #bebebe
}

.blog-details-area .details-item .details-comments h3 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #0165c4
}

.blog-details-area .details-item .details-comments h3 span {
    color: #545454
}

.blog-details-area .details-item .details-comments ul {
    margin: 0;
    padding: 0
}

.blog-details-area .details-item .details-comments ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 20px 120px;
    position: relative
}

.blog-details-area .details-item .details-comments ul li:last-child {
    margin-bottom: 0
}

.blog-details-area .details-item .details-comments ul li img {
    position: absolute;
    border-radius: 10px;
    top: 20px;
    left: 20px;
    max-width: 85px
}

.blog-details-area .details-item .details-comments ul li h4 {
    font-size: 16px;
    color: #0165c4;
    margin-bottom: 5px
}

.blog-details-area .details-item .details-comments ul li span {
    display: block;
    margin-bottom: 8px;
    font-size: 15px
}

.blog-details-area .details-item .details-comments ul li p {
    margin-bottom: 0
}

.blog-details-area .details-item .details-comments ul li a {
    display: inline-block;
    color: #fff;
    background-color: #0366c5;
    border-radius: 5px;
    padding: 4px 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 15px
}

.blog-details-area .details-item .details-comments ul li a:hover {
    color: #fff;
    background-color: #0165c4
}

.blog-details-area .details-item .details-form h3 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #0165c4
}

.blog-details-area .details-item .details-form .form-group {
    margin-bottom: 15px
}

.blog-details-area .details-item .details-form .form-group .form-control {
    border-radius: 5px;
    height: 50px;
    border: 0
}

.blog-details-area .details-item .details-form .form-group .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.blog-details-area .details-item .details-form .form-group textarea {
    padding-top: 13px;
    height: auto!important
}

.blog-details-area .details-item .details-form .common-btn {
    width: 100%;
    display: block
}

.widget-area .widget-item {
    margin-bottom: 30px
}

.widget-area .widget-item h3 {
    font-size: 20px;
    color: #0165c4;
    margin-bottom: 15px
}

.widget-area .widget-item:last-child {
    margin-bottom: 0
}

.widget-area form {
    background-color: #0366c5;
    border-radius: 5px;
    position: relative;
    padding: 15px
}

.widget-area form .form-control {
    height: 50px;
    border-radius: 30px;
    border: 0
}

.widget-area form .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget-area form .btn {
    padding: 0;
    position: absolute;
    top: 22px;
    right: 25px;
    color: #545454;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 25px
}

.widget-area form .btn:hover {
    color: #f05454
}

.widget-area .categories ul {
    margin: 0;
    padding: 0
}

.widget-area .categories ul li {
    list-style-type: none;
    display: block;
    position: relative;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 5px
}

.widget-area .categories ul li:last-child {
    margin-bottom: 0
}

.widget-area .categories ul li a {
    display: block;
    position: relative;
    color: #545454;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid transparent
}

.widget-area .categories ul li a:hover {
    color: #f05454;
    border: 1px solid #f05454
}

.widget-area .categories ul li a span {
    position: absolute;
    top: 10px;
    right: 15px
}

.widget-area .articles .inner {
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 15px
}

.widget-area .articles .inner:last-child {
    margin-bottom: 0
}

.widget-area .articles .inner ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-area .articles .inner ul li {
    list-style-type: none;
    display: block
}

.widget-area .articles .inner ul li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%
}

.widget-area .articles .inner ul li:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    margin-left: 10px
}

.widget-area .articles .inner ul li img {
    border-radius: 5px;
    width: 100%
}

.widget-area .articles .inner ul li a {
    display: block;
    color: #0165c4;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: poppins, sans-serif
}

.widget-area .articles .inner ul li a:hover {
    color: #f05454
}

.widget-area .articles .inner ul li i {
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 3px
}

.widget-area .articles .inner ul li span {
    display: inline-block;
    font-size: 14px
}

.widget-area .tags h3 {
    margin-bottom: 7px
}

.widget-area .tags ul {
    margin: 0;
    padding: 0
}

.widget-area .tags ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 5px;
    margin-top: 8px
}

.widget-area .tags ul li a {
    display: block;
    color: #545454;
    background-color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 15px;
    padding: 4px 15px
}

.widget-area .tags ul li a:hover {
    color: #fff;
    background-color: #0165c4
}

.checkout-area {
    background-color: #f5f5f5
}

.checkout-area .section-title h2 {
    font-size: 30px
}

.checkout-area .checkout-billing {
    margin-bottom: 30px
}

.checkout-area .checkout-billing .form-group {
    margin-bottom: 15px
}

.checkout-area .checkout-billing .form-group .form-control {
    height: 50px;
    border-radius: 5px;
    border: 0;
    padding-left: 15px
}

.checkout-area .checkout-billing .form-group .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout-area .checkout-billing .form-group textarea {
    height: auto!important;
    padding-top: 13px
}

.checkout-area .checkout-billing .form-group .nice-select {
    height: 50px;
    border-radius: 5px;
    border: 0;
    margin-bottom: 15px;
    line-height: 50px;
    color: #545454;
    width: 100%;
    display: block;
    font-size: 16px
}

.checkout-area .checkout-billing .form-group .nice-select .list {
    width: 100%;
    display: block
}

.checkout-area .checkout-billing .form-group .form-check {
    margin-bottom: 15px;
    padding-left: 26px
}

.checkout-area .checkout-billing .form-group .form-check .form-check-label {
    font-size: 15px;
    color: #545454
}

.checkout-area .checkout-billing .form-group .form-check .form-check-input {
    margin-left: -26px;
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin-top: 2px;
    border: 1px solid transparent
}

.checkout-area .checkout-billing .form-group .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0165c4
}

.checkout-area .checkout-billing .form-group .form-check .form-check-input:checked {
    background-color: #0165c4
}

.checkout-area .checkout-billing .text-center .common-btn {
    display: block;
    width: 100%
}

.checkout-area .checkout-billing ::-webkit-input-placeholder {
    color: #545454
}

.checkout-area .checkout-billing :-ms-input-placeholder {
    color: #545454
}

.checkout-area .checkout-billing ::-ms-input-placeholder {
    color: #545454
}

.checkout-area .checkout-billing ::placeholder {
    color: #545454
}

.checkout-area .checkout-order {
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 #ddd;
    box-shadow: 0 0 20px 0 #ddd
}

.checkout-area .checkout-order h3 {
    font-size: 20px;
    margin-bottom: 30px
}

.checkout-area .checkout-order ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4
}

.checkout-area .checkout-order ul li {
    list-style-type: none;
    display: inline-block
}

.checkout-area .checkout-order ul li:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.checkout-area .checkout-order ul li:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    margin-left: 5px
}

.checkout-area .checkout-order ul li:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
    margin-left: 5px
}

.checkout-area .checkout-order ul li h4 {
    margin-bottom: 0;
    font-size: 16px
}

.checkout-area .checkout-order ul li span {
    display: block
}

.checkout-area .checkout-order .inner h3 {
    font-size: 16px;
    color: #545454;
    font-weight: 400;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4
}

.checkout-area .checkout-order .inner h3 span {
    position: absolute;
    top: 0;
    right: 0
}

.checkout-area .checkout-order .inner h4 {
    font-size: 18px;
    margin-bottom: 0;
    position: relative
}

.checkout-area .checkout-order .inner h4 span {
    position: absolute;
    top: 0;
    right: 0
}

.checkout-area .checkout-method {
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 #ddd;
    box-shadow: 0 0 20px 0 #ddd
}

.checkout-area .checkout-method h3 {
    font-size: 20px;
    margin-bottom: 30px
}

.checkout-area .checkout-method .form-check {
    padding-left: 32px;
    margin-bottom: 15px
}

.checkout-area .checkout-method .form-check:last-child {
    margin-bottom: 0
}

.checkout-area .checkout-method .form-check p {
    margin-bottom: 0;
    margin-top: 10px
}

.checkout-area .checkout-method .form-check .form-check-label {
    color: #0165c4;
    margin-bottom: 0;
    font-size: 18px
}

.checkout-area .checkout-method .form-check .form-check-input {
    margin-left: -32px;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    border: 1px dashed #0165c4
}

.checkout-area .checkout-method .form-check .form-check-input:focus {
    border: 1px solid #0165c4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout-area .checkout-method .form-check .form-check-input:checked {
    background-color: #0165c4
}

.checkout-area .checkout-method .form-check.two .form-check-label {
    font-size: 15px;
    color: #545454
}

.checkout-area .checkout-method .form-check.two .form-check-label a {
    display: inline-block;
    color: #545454;
    font-weight: 600
}

.checkout-area .checkout-method .form-check.two .form-check-label a:hover {
    color: #f05454
}

.checkout-area .checkout-method .form-check.two .form-check-input {
    margin-left: -30px;
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin-top: 3px;
    border: 1px solid #0165c4
}

.checkout-area .checkout-method .form-check.two .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0165c4
}

.checkout-area .checkout-method .form-check.two .form-check-input:checked {
    background-color: #0165c4
}

.product-details-area {
    background-color: #f5f5f5
}

.product-details-area #thumbs.owl-carousel.owl-drag .owl-item {
    margin-right: 0!important;
    max-width: 165px;
    width: 100%!important
}

.product-details-area .top .top-img {
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px
}

.product-details-area .top .top-img a {
    display: inline-block
}

.product-details-area .top .top-content {
    margin-bottom: 30px
}

.product-details-area .top .top-content h2 {
    font-size: 30px;
    margin-bottom: 15px
}

.product-details-area .top .top-content .reviews {
    margin: 0;
    padding: 0;
    margin-bottom: 8px
}

.product-details-area .top .top-content .reviews li {
    list-style-type: none;
    display: inline-block
}

.product-details-area .top .top-content .reviews li h3 {
    font-size: 25px;
    margin-bottom: 0
}

.product-details-area .top .top-content .reviews li i {
    display: block;
    color: #ddd;
    font-size: 18px
}

.product-details-area .top .top-content .reviews li i.checked {
    color: #ffc107
}

.product-details-area .top .top-content .reviews li span {
    display: inline-block;
    font-size: 15px;
    margin-left: 10px
}

.product-details-area .top .top-content .reviews li:last-child {
    display: block;
    margin-top: 10px
}

.product-details-area .top .top-content p {
    margin-bottom: 15px
}

.product-details-area .top .top-content .tag {
    margin: 0;
    padding: 0;
    margin-bottom: 25px
}

.product-details-area .top .top-content .tag li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px;
    font-weight: 600
}

.product-details-area .top .top-content .tag li:last-child {
    margin-bottom: 0
}

.product-details-area .top .top-content .tag li span {
    font-weight: 400
}

.product-details-area .top .top-content .cart {
    margin: 0;
    padding: 0;
    margin-bottom: 15px
}

.product-details-area .top .top-content .cart li {
    list-style-type: none;
    display: inline-block
}

.product-details-area .top .top-content .cart li .number {
    overflow: hidden;
    width: 120px;
    padding: 8px 0
}

.product-details-area .top .top-content .cart li .common-btn {
    margin-left: 15px;
    color: #0366c5;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 #dddddd59;
    box-shadow: 0 0 20px 0 #dddddd59
}

.product-details-area .top .top-content .cart li .common-btn:hover {
    color: #fff;
    background-color: #0366c5
}

.product-details-area .top .wishlist-btn {
    display: inline-block;
    color: #545454;
    font-weight: 600
}

.product-details-area .top .wishlist-btn i {
    display: inline-block;
    margin-right: 3px;
    color: #f05454;
    position: relative;
    font-size: 20px;
    top: 3px
}

.product-details-area .top .wishlist-btn:hover {
    color: #0366c5
}

.product-details-area .bottom .nav-pills {
    display: block;
    text-align: center;
    margin-bottom: 15px
}

.product-details-area .bottom .nav-pills li {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px
}

.product-details-area .bottom .nav-pills li a {
    padding: 10px 25px;
    color: #545454;
    background-color: #fff;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px
}

.product-details-area .bottom .nav-pills li a.active {
    color: #fff;
    background-color: #0366c5
}

.product-details-area .bottom .bottom-description p {
    margin-bottom: 5px
}

.product-details-area .bottom .bottom-description ul {
    margin: 0;
    padding: 0;
    margin-top: 20px
}

.product-details-area .bottom .bottom-description ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px
}

.product-details-area .bottom .bottom-description ul li:last-child {
    margin-bottom: 0
}

.product-details-area .bottom .bottom-description ul li span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #0366c5;
    border-radius: 5px;
    position: relative;
    margin-right: 5px;
    top: 2px
}

.product-details-area .bottom .bottom-description ul li span:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    background-color: #fff
}

.product-details-area .bottom .bottom-comment {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #bebebe
}

.product-details-area .bottom .bottom-comment h3 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #0165c4
}

.product-details-area .bottom .bottom-comment h3 span {
    color: #545454
}

.product-details-area .bottom .bottom-comment .comments {
    margin: 0;
    padding: 0
}

.product-details-area .bottom .bottom-comment .comments li {
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 20px 120px;
    position: relative
}

.product-details-area .bottom .bottom-comment .comments li:last-child {
    margin-bottom: 0
}

.product-details-area .bottom .bottom-comment .comments li img {
    position: absolute;
    border-radius: 10px;
    top: 20px;
    left: 20px;
    max-width: 85px
}

.product-details-area .bottom .bottom-comment .comments li h4 {
    font-size: 16px;
    color: #0165c4;
    margin-bottom: 5px
}

.product-details-area .bottom .bottom-comment .comments li span {
    display: block;
    margin-bottom: 8px;
    font-size: 15px
}

.product-details-area .bottom .bottom-comment .comments li p {
    margin-bottom: 0
}

.product-details-area .bottom .bottom-comment .comments .reviews {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px
}

.product-details-area .bottom .bottom-comment .comments .reviews li {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0
}

.product-details-area .bottom .bottom-comment .comments .reviews li i {
    display: block;
    color: #ddd;
    font-size: 18px
}

.product-details-area .bottom .bottom-comment .comments .reviews li i.checked {
    color: #ffc107
}

.product-details-area .bottom .bottom-review h3 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #0165c4
}

.product-details-area .bottom .bottom-review .form-group {
    margin-bottom: 15px
}

.product-details-area .bottom .bottom-review .form-group .form-control {
    border-radius: 5px;
    height: 50px;
    border: 0
}

.product-details-area .bottom .bottom-review .form-group .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-details-area .bottom .bottom-review .form-group textarea {
    padding-top: 13px;
    height: auto!important
}

.product-details-area .bottom .bottom-review .common-btn {
    width: 100%;
    display: block
}

.order-tracking-area {
    background-color: #f5f5f5
}

.order-tracking-area .order-img {
    margin-bottom: 30px;
    text-align: center
}

.order-tracking-area .order-img img {
    -webkit-animation: order-ani-one 5s infinite linear;
    animation: order-ani-one 5s infinite linear
}

.order-tracking-area .order-content {
    margin-bottom: 30px
}

.order-tracking-area .order-content h2 {
    font-size: 25px;
    margin-bottom: 30px
}

.order-tracking-area .order-content .form-group {
    margin-bottom: 15px
}

.order-tracking-area .order-content .form-group .form-control {
    height: 50px;
    border: 0;
    border-radius: 5px
}

.order-tracking-area .order-content .form-group .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.order-tracking-area .order-content .common-btn {
    display: block;
    width: 100%;
    margin-bottom: 15px
}

.order-tracking-area .order-content .form-check .form-check-label {
    color: #545454
}

.order-tracking-area .order-content .form-check .form-check-label a {
    display: inline-block;
    color: #545454;
    font-weight: 600
}

.order-tracking-area .order-content .form-check .form-check-label a:hover {
    color: #f05454
}

.order-tracking-area .order-content .form-check .form-check-input {
    margin-left: -25px;
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin-top: 3px;
    border: 1px solid #0165c4
}

.order-tracking-area .order-content .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0165c4
}

.order-tracking-area .order-content .form-check .form-check-input:checked {
    background-color: #0165c4
}

@-webkit-keyframes order-ani-one {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, -15px);
        transform: translate(0, -15px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes order-ani-one {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, -15px);
        transform: translate(0, -15px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.common-faq-area {
    background-color: #f5f5f5
}

.common-faq-area .faq-item .accordion {
    margin: 0;
    padding: 0
}

.common-faq-area .faq-item .accordion li {
    position: relative;
    list-style-type: none;
    margin-bottom: 20px;
    display: block;
    -webkit-box-shadow: 0 0 20px 0 #dddddd75;
    box-shadow: 0 0 20px 0 #dddddd75
}

.common-faq-area .faq-item .accordion li:last-child {
    margin-bottom: 0
}

.common-faq-area .faq-item .accordion li .faq-head {
    color: #0165c4;
    font-size: 18px;
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    padding: 18px 35px 18px 18px;
    margin-bottom: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
    border: 1px solid transparent;
    background-color: #fff
}

.common-faq-area .faq-item .accordion li .faq-head:after {
    position: absolute;
    right: -25px;
    content: "+";
    top: 5px;
    color: #0165c4;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    border: 5px solid #f5f5f5;
    text-align: center;
    background-color: #fff
}

.common-faq-area .faq-item .accordion li .faq-head.active {
    color: #fff;
    background-color: #0366c5;
    border: 1px solid #0366c5
}

.common-faq-area .faq-item .accordion li .faq-head.active:after {
    content: '-';
    font-size: 25px;
    color: #0165c4
}

.common-faq-area .faq-item .accordion li .faq-content {
    display: none;
    background-color: #fff;
    padding: 12px 45px 15px 20px
}

.common-faq-area .faq-item .accordion li .faq-content .inner-list {
    margin: 0;
    padding: 0
}

.common-faq-area .faq-item .accordion li .faq-content .inner-list li {
    list-style-type: none;
    display: block;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 10px
}

.common-faq-area .faq-item .accordion li .faq-content .inner-list li:last-child {
    margin-bottom: 0
}

.common-faq-area .faq-item .accordion li .faq-content p {
    margin-bottom: 0
}

.common-faq-area .faq-item .accordion li .faq-content a {
    display: inline-block;
    color: #0366c5;
    font-weight: 600
}

.common-faq-area .faq-item .accordion li .faq-content a:hover {
    color: #f05454
}

.contact-area {
    background-color: #f5f5f5
}

.contact-area #contactForm {
    margin-bottom: 30px
}

.contact-area #contactForm .form-group {
    margin-bottom: 15px
}

.contact-area #contactForm .form-group .form-control {
    border-radius: 5px;
    height: 50px;
    border: 0;
    padding-left: 15px
}

.contact-area #contactForm .form-group .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-area #contactForm .form-group textarea {
    height: auto!important;
    padding-top: 13px
}

.contact-area #contactForm .form-group .form-check .form-check-label {
    color: #545454
}

.contact-area #contactForm .form-group .form-check .form-check-label a {
    display: inline-block;
    color: #545454;
    font-weight: 600
}

.contact-area #contactForm .form-group .form-check .form-check-label a:hover {
    color: #f05454
}

.contact-area #contactForm .form-group .form-check .form-check-input {
    margin-left: -25px;
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin-top: 3px;
    border: 1px solid #0165c4
}

.contact-area #contactForm .form-group .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0165c4
}

.contact-area #contactForm .form-group .form-check .form-check-input:checked {
    background-color: #0165c4
}

.contact-area #contactForm .common-btn {
    width: 100%;
    display: block
}

.contact-area #contactForm .list-unstyled {
    color: #dc3545!important;
    margin-top: 10px
}

.contact-area #contactForm .text-danger {
    color: #dc3545!important;
    margin-top: 10px
}

.contact-area #contactForm .text-success {
    color: #28a745!important;
    margin-top: 10px
}

.contact-area .contact-info {
    margin-bottom: 30px
}

.contact-area .contact-info h3 {
    font-size: 20px;
    color: #0165c4;
    margin-bottom: 25px
}

.contact-area .contact-info .info {
    margin: 0;
    padding: 0
}

.contact-area .contact-info .info li {
    list-style-type: none;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px
}

.contact-area .contact-info .info li i {
    display: inline-block;
    font-size: 25px;
    position: absolute;
    top: 0;
    left: 0
}

.contact-area .contact-info .info li a {
    display: block;
    color: #545454;
    margin-bottom: 3px
}

.contact-area .contact-info .info li a:last-child {
    margin-bottom: 0
}

.contact-area .contact-info .info li a:hover {
    color: #f05454
}

.contact-area .contact-info .social-links {
    text-align: left;
    margin-bottom: 0
}

.map-area {
    background-color: #f5f5f5
}

.map-area #map {
    width: 100%;
    height: 400px;
    display: block;
    border-radius: 10px
}

.user-area {
    background-color: #f5f5f5
}

.user-area .user-item {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    background-color: #fff;
    padding: 50px
}

.user-area .user-item h2 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: -4px
}

.user-area .user-item .form-group {
    margin-bottom: 15px
}

.user-area .user-item .form-group .form-control {
    height: 50px;
    border: 0;
    border-radius: 5px;
    padding-left: 15px;
    background-color: #f5f5f5
}

.user-area .user-item .form-group .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-area .user-item .form-group .form-check .form-check-label {
    color: #545454
}

.user-area .user-item .form-group .form-check .form-check-label a {
    display: inline-block;
    color: #545454;
    font-weight: 600
}

.user-area .user-item .form-group .form-check .form-check-label a:hover {
    color: #f05454
}

.user-area .user-item .form-group .form-check .form-check-input {
    margin-left: -25px;
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin-top: 3px;
    border: 1px solid #0165c4
}

.user-area .user-item .form-group .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0165c4
}

.user-area .user-item .form-group .form-check .form-check-input:checked {
    background-color: #0165c4
}

.user-area .user-item .common-btn {
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.user-area .user-item h4 {
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 16px;
    position: relative;
    text-align: center
}

.user-area .user-item h4:before {
    position: absolute;
    content: '';
    top: 9px;
    left: 0;
    width: 45%;
    height: 1px;
    background-color: #ddd
}

.user-area .user-item h4:after {
    position: absolute;
    content: '';
    top: 9px;
    right: 0;
    width: 45%;
    height: 1px;
    background-color: #ddd
}

.user-area .user-item ul {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 30px
}

.user-area .user-item ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 15px
}

.user-area .user-item ul li:last-child {
    margin-bottom: 0
}

.user-area .user-item ul li a {
    display: block;
    color: #fff;
    background-color: #3b5998;
    border-radius: 5px;
    border: 1px solid #3b5998;
    padding: 10px 12px;
    font-weight: 600
}

.user-area .user-item ul li a i {
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 3px
}

.user-area .user-item ul li a:hover {
    color: #3b5998;
    background-color: #fff
}

.user-area .user-item ul li:nth-child(2) a {
    background-color: #db3236;
    border: 1px solid #db3236
}

.user-area .user-item ul li:nth-child(2) a:hover {
    color: #db3236;
    background-color: #fff
}

.user-area .user-item h5 {
    margin-bottom: 0;
    font-weight: 400;
    color: #545454;
    font-size: 16px;
    text-align: center
}

.user-area .user-item h5 a {
    color: #f05454;
    display: inline-block;
    font-weight: 600;
    border-bottom: 1px solid #f05454
}

.user-area .user-item h5 a:hover {
    color: #545454;
    border-bottom: 1px solid #545454
}

.error-area {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
    text-align: center
}

.error-area .error-content i {
    color: #0366c5;
    display: inline-block;
    font-size: 100px
}

.error-area .error-content h1 {
    font-size: 130px;
    color: #0366c5;
    margin-bottom: 20px
}

.error-area .error-content h2 {
    font-size: 25px;
    color: #0366c5;
    margin-bottom: 10px
}

.error-area .error-content p {
    margin-bottom: 20px;
    font-weight: 500
}

.return-policy-area {
    background-color: #f5f5f5
}

.return-policy-area .return-policy-item h2 {
    font-size: 30px;
    margin-bottom: 30px
}

.return-policy-area .return-policy-item .inner {
    margin-bottom: 30px
}

.return-policy-area .return-policy-item .inner:last-child {
    margin-bottom: 0
}

.return-policy-area .return-policy-item .inner h3 {
    font-size: 20px;
    margin-bottom: 5px
}

.return-policy-area .return-policy-item .inner p {
    margin-bottom: 5px
}

.return-policy-area .return-policy-item .inner p:last-child {
    margin-bottom: 0
}

.rules-area {
    background-color: #f5f5f5
}

.rules-area .rules-item .inner {
    margin-bottom: 30px
}

.rules-area .rules-item .inner:last-child {
    margin-bottom: 0
}

.rules-area .rules-item .inner h3 {
    font-size: 20px;
    margin-bottom: 10px
}

.rules-area .rules-item .inner p {
    margin-bottom: 5px
}

.rules-area .rules-item .inner p:last-child {
    margin-bottom: 0
}

.rules-area .rules-item .inner ul {
    margin: 0;
    padding: 0;
    margin-top: 14px
}

.rules-area .rules-item .inner ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px
}

.rules-area .rules-item .inner ul li:last-child {
    margin-bottom: 0
}

.rules-area .rules-item .inner ul li span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #0366c5;
    border-radius: 5px;
    position: relative;
    margin-right: 5px;
    top: 2px
}

.rules-area .rules-item .inner ul li span:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;
    border-radius: 50%;
    background-color: #fff
}

#modal-subscribe.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    position: relative;
    top: 50%;
    left: 50%
}

#modal-subscribe.show .modal-dialog {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#modal-subscribe .modal-dialog {
    max-width: 1000px;
    margin: 0
}

#modal-subscribe .modal-dialog .modal-content {
    padding: 50px 50px 20px;
    border-radius: 10px;
    position: relative
}

#modal-subscribe .modal-dialog .modal-content .subscribe-shape img {
    position: absolute
}

#modal-subscribe .modal-dialog .modal-content .subscribe-shape img:nth-child(1) {
    top: 10px;
    left: 40%
}

#modal-subscribe .modal-dialog .modal-content .subscribe-shape img:nth-child(2) {
    top: 40%;
    right: -1px
}

#modal-subscribe .modal-dialog .modal-content .subscribe-shape img:nth-child(3) {
    bottom: 0;
    left: 50px
}

#modal-subscribe .modal-dialog .modal-content .btn-close {
    position: absolute;
    top: -13px;
    right: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    border: 3px solid #ddd;
    background-color: #fff;
    color: #0165c4;
    padding: 0;
    opacity: 1
}

#modal-subscribe .modal-dialog .modal-content .btn-close:hover {
    border: 3px solid #0366c5
}

#modal-subscribe .modal-dialog .modal-content .btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#modal-subscribe .modal-dialog .modal-content .modal-body {
    padding: 0
}

#modal-subscribe .subscribe-img {
    margin-bottom: 30px;
    text-align: center
}

#modal-subscribe .subscribe-content {
    margin-bottom: 30px
}

#modal-subscribe .subscribe-content h2 {
    font-size: 25px;
    margin-bottom: 5px
}

#modal-subscribe .subscribe-content p {
    margin-bottom: 15px
}

#modal-subscribe .subscribe-content form .form-control {
    height: 50px;
    border: 0;
    border-radius: 5px;
    background-color: #f5f5f5;
    margin-bottom: 15px
}

#modal-subscribe .subscribe-content form .form-control:focus {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#modal-subscribe .subscribe-content form .common-btn {
    width: 100%;
    display: block
}

#modal-subscribe .subscribe-content form .validation-danger {
    color: #dc3545!important;
    margin-top: 10px
}

#modal-subscribe .subscribe-content form .validation-success {
    color: #28a745!important;
    margin-top: 10px
}

#modal-subscribe .subscribe-content form .inner-check {
    margin-top: 15px
}

#modal-subscribe .subscribe-content form .inner-check .form-check {
    padding-left: 26px;
    margin-bottom: 5px
}

#modal-subscribe .subscribe-content form .inner-check .form-check .form-check-input {
    margin-left: -26px;
    width: 15px;
    height: 15px;
    border-radius: 0;
    margin-top: 5px;
    border: 1px solid #0165c4
}

#modal-subscribe .subscribe-content form .inner-check .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #0165c4
}

#modal-subscribe .subscribe-content form .inner-check .form-check .form-check-input:checked {
    background-color: #0165c4
}

#modal-subscribe .subscribe-content form .inner-check .form-check .form-check-label {
    font-size: 15px;
    color: #545454
}

#modal-subscribe .subscribe-content form .inner-check .form-check .form-check-label a {
    display: inline-block;
    color: #f05454;
    font-weight: 600
}

#modal-subscribe .subscribe-content form .inner-check .form-check .form-check-label a:hover {
    color: #545454
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: #0366c5
}

.loader .pre-load {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 85px;
    height: 85px;
    border-radius: 50%;
    -webkit-perspective: 800px;
    perspective: 800px
}

.loader .pre-load .inner {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.loader .pre-load .inner.one {
    left: 0%;
    top: 0%;
    -webkit-animation: rotate-one 1s linear infinite;
    animation: rotate-one 1s linear infinite;
    border-bottom: 10px solid #fff
}

.loader .pre-load .inner.two {
    right: 0%;
    top: 0%;
    -webkit-animation: rotate-two 1s linear infinite;
    animation: rotate-two 1s linear infinite;
    border-right: 10px solid #fff
}

.loader .pre-load .inner.three {
    right: 0%;
    bottom: 0%;
    -webkit-animation: rotate-three 1s linear infinite;
    animation: rotate-three 1s linear infinite;
    border-top: 10px solid #fff
}

@-webkit-keyframes rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-webkit-keyframes rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@keyframes rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-webkit-keyframes rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

@keyframes rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

.go-top {
    position: fixed;
    cursor: pointer;
    bottom: 0;
    right: 15px;
    color: #0366c5;
    z-index: 4;
    width: 45px;
    text-align: center;
    height: 45px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    background: #fff;
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .6s;
    transition: .6s;
    font-size: 25px;
    line-height: 45px
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.go-top.active {
    bottom: 2%;
    -webkit-transform: translateY(-1%);
    transform: translateY(-1%);
    opacity: 1;
    visibility: visible
}

.go-top:hover,
.go-top:focus {
    color: #f05454
}

.go-top:hover i:first-child,
.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:hover i:last-child,
.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.go-top.two {
    color: #0366c5
}

/* .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    max-width: 1720px;
   padding-left: 50px;
    padding-right: 50px;
} */

/*.d-block-img{
  border-radius: 30px;
}*/

.navbar-expand-lg .navbar-nav .nav-link {
    font-weight: 600;
    font-size: 15px;
    text-transform: unset;
    color: #333;
    margin-left: 14px;
    /* position: relative; */
    text-transform: uppercase;
    letter-spacing: 0.2px;
    text-shadow: 0px 0px 0px #0000008a;
}
.list-group-item a{
    color: #000
}
.news{
        border: 1px solid #ececec;
}
.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
     border: none;
    border-top: 4px solid #ececec;
     border-radius: 0rem;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
}
}
.sort-filt{
  width: 37%;
}

.box1-4-h1 {
    position: relative;
    margin-top: 25px;
}
.box1-4-h1 .image_description {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 17%;
}
.box1-4-h1 .image_description h4 {
    font-weight: 600;
    font-size: 18px;
    color: #000;
}
.box1-4-h1 .image_description h3 {
    font-size: 30px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
}
.box1-4-h1 .image_description p {
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 2px dashed #000;
}
.box1-5-h1 {
    position: relative;
    margin-top: 25px;
}
.box1-5-h1 .image_description {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.box1-5-h1 .image_description h4 {
    font-weight: 700;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
}
.box1-5-h1 .image_description h3 {
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    padding: 20px 0;
}

.giftspack{
 /* padding-top: 45px;*/
  padding-bottom: 20px;
 }

.newsletter{
    font-size: 20px;
}

.header-sticky{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    width: 100%;
    background: #fff;
}
/*.navbar-sticky{
      box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 72%);
}*/
.para{
    text-align: justify;
}
.carousel-item{

    height: 600px;
}
.carousel-caption{
    transform: translateY(-50%);
    bottom: initial;
    top: 50%;
}
 .carousel-caption h2 {
        font-size: 60px;
        font-family: serif;
        color: transparent;
        text-align: center;
        color: #fff;
        font-family: Lato !important;


    }

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

@-webkit-keyframes slidein-right {
  from {
    margin-right: 100%;
    width: 300%
  }
  to {
    margin-right: 0%;
    width: 100%;
  }
}
.carousel-caption {
      font-size: 20px;
    font-family: serif;
    color: transparent;
    text-align: center;
    color: #fff;
    font-family: Lato !important;
   animation-name: fadeIn;
  animation-duration: 4s;
          background: #0000006b;
    padding: 50px;

    }
  @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }

         @keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }


         @-webkit-keyframes fadeUp {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }

         @keyframes fadeUp {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }

.carousel-caption p{
    font-size: 18px;
    font-weight: 500;
}
         .social{
            display: flex;
         }
.testimonials-section{
    padding: 30px 100px
}
.blog:hover {
    box-shadow: 0 14px 59px rgb(0 0 0 / 12%);
    background: #fff;
}

.social li a{
    list-style-type: none;
}

@media (max-width: 991px){
    .carousel-item {

     height: auto;
}
.carousel-caption h2 {
    font-size: 20px;
    font-family: serif;
    color: transparent;
    text-align: center;
    color: #fff;
    font-family: Lato !important;
}
.carousel-caption p{
     font-size: 10px;
    font-family: serif;
    color: transparent;
    text-align: center;
    color: #fff;
    font-family: Lato !important;
}
}
.tchead {
    color: #333333;
    font-size: 18px;
    /* border-bottom: 2px solid #f2f2f2; */
    padding-bottom: 6px;
    margin: 0 0 5px; position:relative
}
.tchead:after {
    height: 10px;
    display: block;
    width: 50px;
    border-bottom: 2px solid #ff5814;
    content: '';
}.why_list_1sa {padding:0;margin:0;list-style:none;line-height: 28px;}
.why_list_1sa li{display:block;font-size:16px;color:#2a2a2a;padding:4px 15px;position:relative;border-bottom:0;float:left;width:100%;}
.why_list_1sa li span {display:block;float:left;width:100%;background:#1c1f26;padding:20px 20px 20px 20px;}
.why_list_1sa li strong {
    color: #fff;margin-bottom:6px;
    display: block;
    font-weight: 600;
    font-size: 17px;}
.why_list_1sa li img {max-width:40px;margin:0 0 10px;}
.why_list_1sa li:last-child{border-bottom:0 solid #373d42}
.why_list_1sa li i{position:absolute;left:0;font-size:15px;margin-top:5px;color:#e49715}
.breadcrumb_content h1 {
    color: #fff;
    font-size: 35px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: 'Lato';
    /*    padding: 30px 0;*/
}
.breadcrumb_content  h3 span{
    font-size: 35px !important;
        color: #fff;
}
.breadcrumb_content{
        padding: 30px 0;
}
.breadcrumb {
       background: transparent;
    padding: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 0px;
    /* padding-top: 5px; */

     text-align: left;
    padding-left: 72px;
   margin-bottom: 10px;
   padding: 15px 66px;
    background-color: #f5f9fc;
    min-height: 40px;
}
.breadcrumb .breadcrumb-item {
    font-size: 18px;
    color: #000 !important;
    font-weight: 400;
}
.post-card{
        max-width: 100%;
    height: 200px !important;
    object-fit: cover;
}
.about-area {
    padding: 90px 0;

}
.breadcrumb .breadcrumb-item a {
       color: #ed512c !important;
    font-weight: 400;
}

/*.breadcrumb .breadcrumb-item a:last-child {
    color: red !important;
}*/
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
        font-weight: 400;
/*    content: var(--bs-breadcrumb-divider, ">") !important;*/
}
.breadcrumb-item li{
        font-weight: 400;
}
.about_area {
    padding:  0 !important;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-color: #00000094;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.about-area1 {
    margin: 50px 0;

}

.profile-img {
width: 100%;
position: relative;
}

.img-responsive {
max-width:100%;
height:auto;
}

.img-circle {
position: absolute;
    z-index: 99;
    left: 426px;
    bottom: 67%;
    border-radius: 5px 5px 5px 5px;
}

.course-list{
    padding: 50px 0;
}

/*.companionSection {
    padding: 10px 0;
}*/
.grayBg {
    background-color: #f2f2f2;
}
/*.companionBar {
    margin-bottom: 40px;
}*/
.companionSection .leftCol {
    width: 300px;
    float: left;
    background: #fff;
    margin-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 8px 0 rgb(102 102 102 / 15%);
    -moz-box-shadow: 0px 3px 8px 0 rgba(102, 102, 102, 0.15);
    -ms-box-shadow: 0px 3px 8px 0 rgba(102, 102, 102, 0.15);
    -o-box-shadow: 0px 3px 8px 0 rgba(102, 102, 102, 0.15);
    box-shadow: 0px 3px 8px 0 rgb(102 102 102 / 15%);
}
.companionSection .leftCol1 {
    width: 24%;
    float: right;
    background: #fff;
    margin-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 8px 0 rgb(102 102 102 / 15%);
    -moz-box-shadow: 0px 3px 8px 0 rgba(102, 102, 102, 0.15);
    -ms-box-shadow: 0px 3px 8px 0 rgba(102, 102, 102, 0.15);
    -o-box-shadow: 0px 3px 8px 0 rgba(102, 102, 102, 0.15);
    box-shadow: 0px 3px 8px 0 rgb(102 102 102 / 15%);
}
.companionSection .asideNav a {
    border-top: 1px solid #f2f2f2;
    display: block;
    padding: 15px;
    font-size: 14px;
    color: #666666;
}
.companionSection #asideNav1 a {
  color: #0a58ca !important;
}

/*.companionSection .rightCol {
    width: 860px;
    position: relative;
    float: right;
}*/
.companionSection .rightCol1 {
    width: 74%;
    position: relative;
    float: left;
}
p {
    font-size: 14px !important;
    line-height: 1.8em !important;
}
.para  {
    font-size: 14px !important;
        line-height: 1.8em;
}
.companionSection .rightCol1 p span {
    font-size: 14px !important;
        line-height: 1.8em;
}
.companionSection .rightCol .cardBlk {
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.companionSection .rightCol1 .cardBlk {
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#sticky{
    position: sticky;
}
.companionSection .rightCol .heading span {
    display: inline-block;
    padding-bottom: 6px;
    margin-bottom: -10px;
    padding-right: 10px;
}
.companionSection .rightCol1 .heading span {
    display: inline-block;
    padding-bottom: 6px;
    margin-bottom: -10px;
    padding-right: 10px;
}
.companionSection .rightCol .heading a {
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    margin-top: 5px;
}
.companionSection .rightCol1 .heading a {
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    margin-top: 5px;
}
.article .banner {
    width: 543px;
    height: 273px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin-right: 15px;
    position: relative;
}
.article .banner img {
    display: block;
}
.article .banner .caption {
    width: 100%;
    position: absolute;
    bottom: 0px;
    font-size: 16px;
    line-height: 28px;
    padding: 50px 20px 15px;
    background: -webkit-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.01) 83%);
    background: -ms-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.01) 83%);
    background: linear-gradient(to top, #000 0, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.01) 83%);
    color: #fff;
}
.article .banner .caption a {
    color: #fff;
    text-decoration: underline;
}
.companionSection .rightCol .heading {
    color: #333333;
    font-size: 18px;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 6px;
    margin: 0 0 15px;
}
.companionSection .rightCol1 .heading {
    color: #333333;
    font-size: 18px;
    /*border-bottom: 2px solid #f2f2f2;*/
    padding-bottom: 6px;
    margin: 0 0 15px;
}
.article .articleBox {
   /* width: calc(100% - 558px);
    float: left;*/
}
.article .articleBox .articleBoxInn {
    position: relative;
}
.article .articleBox .thumb {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.article .articleBox.withImg .arTitle {
    min-height: 40px;
    overflow: hidden;
}
.article .articleBox.withImg a {
    color: #333333;
}
.article .articleBox a {
    display: block;
}
.article .articleBox .thumb:after {
    border: 1px solid #e5e5e5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 99;
}
.article .articleBox.withImg a {
    color: #333333;
}
.article .articleBox .detail {
    width: 100%;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 7px;
    margin-bottom: 10px;
    padding-right: 40px;
    color: #333333;
    margin-top: -5px;
}
.article .articleBox .detail:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 3px;
    margin-left: 2px;
    margin-bottom: 1px;
    display: inline-block;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(
45deg
);
}
.articleBox1 {
   /* width: calc(100% - 558px);
    float: left;*/
}
/*.article .articleBox .detail {
font-size:
}*/
.bottomStrip{
    display: flex;
}
.bottomStrip span{
    font-size: 12px
}
/* .bottomStrip span.userStrip {
    float: right;
}*/
/*.bottomStrip {
    color: #999999;
    font-size: 1rem;
    margin-top: 2px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
    width: calc(100% - 60px);
    float: right;
}*/
.bottomStrip span a {
    display: inline-block;
}
.rankingList {
    overflow: hidden;
    padding: 0;
}
.rankingList li:nth-child(2n+1) {
    margin-right: 50px;
}
.rankingList li:not(:nth-last-child(-n+2)) {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.rankingList li {
    width: 46%;
    float: left;
    list-style: none;
}
.rankingList li a {
    display: block;
    font-size: 14px;
    padding-left: 12px;
    position: relative;
}
.rankingList li a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-top: 1px solid #3a4d95;
    border-right: 1px solid #3a4d95;
    transform: rotate(
45deg
);
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.rankingList li a:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-top: 1px solid #3a4d95;
    border-right: 1px solid #3a4d95;
    transform: rotate(
45deg
);
    left: 3px;
    top: 50%;
    margin-top: -2px;
}
.boxexamBlock {
    padding: 10px;
    font-size: 13px;
    width: 100%;
    position: relative;
    color: #333;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 #e1e1e3;
    border: solid 1px #d8dbea;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding-bottom: 60px;
}
.boxexamBlock h5 {
    margin: 0 0px 10px 0px;
    font-size: 13px;
    color: #333;
    min-height: 80px;
    border-bottom: 1px solid #eee;
}
.boxexamBlock h5 a {
    padding: 5px 0;
}
.boxexamBlock h5 a {
    color: #2277e8;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
.examList ul {
    padding: 0;
    margin: 0;
}
.examList ul li {
    padding: 0px 0px 8px 5px;
    margin: 0;
    font-size: 12px;
    display: inline-block;
}
.examList ul li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background: #c1bfbf;
}
.bottomBlock {
    position: absolute;
    bottom: 10px;
}
.bottomBlock .button {
    margin-right: 3px;
}
.bottomBlock .button {
    display: inline-block;
    min-width: 84px;
    margin-right: 5px;
    font-size: 13px;
}
.button.btn-lineGray {
    background-color: #f2f2f2;
    color: #666666;
    border: 1px solid #e5e5e5;
}
.button.btn-primary {
    background-color: #e56c5b;
    color: #fff;
    border: 1px solid #e56c5b;
}
.bottomBlock .button {
    margin-right: 3px;
}
.bottomBlock .button {
    display: inline-block;
    min-width: 84px;
    margin-right: 5px;
    font-size: 13px;
}
.button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    height: 30px;
    padding: 0 5px;
    min-width: 150px;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 28px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

        .companionSection .rightCol .cardBlk {
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.companionSection .rightCol1 .cardBlk {
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.companionSection .rightCol .heading {
    color: #333333;
    font-size: 18px;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 6px;
    margin: 0 0 15px;
}
.companionSection .rightCol1 .heading {
    color: #333333;
    font-size: 18px;
    /*border-bottom: 2px solid #f2f2f2;*/
    padding-bottom: 6px;
    margin: 0 0 15px;
}

#medical-line:after {
    height: 10px;
    display: block;
    width: 50px;

    border-bottom: 2px solid #ff5814;
    content: '';
}
.companionSection .rightCol .cardBlk {
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.companionSection .rightCol1 .cardBlk {
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.cardBlk {
    overflow-wrap: break-word;
    background-color: #fff;
    padding: 30px 20px;
}
.cardBlk:not(:first-child) {
    margin-top: 20px;
}
    .viewMoreRow:before {
        background:
            -moz-linear-gradient(top, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.71) 46%, rgba(242, 242, 242, 0.73) 47%, #f2f2f2 99%, #f2f2f2 100%);
        background: -webkit-linear-gradient(top, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.71) 46%, rgba(242, 242, 242, 0.73) 47%, #f2f2f2 99%, #f2f2f2 100%);
        background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.71) 46%, rgba(242, 242, 242, 0.73) 47%, #f2f2f2 99%, #f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0cdcd', endColorstr='##f2f2f2', GradientType=0);
    }

    .morelink {
        font-weight: bold;
    }

    .heightBlk {
        word-break: break-word;
    }

    .heightMethod h2 {
        font-size: 20px;
    }

    .heightMethod h3 {
        font-size: 18px;
    }

    .heightMethod h2 a {
        font-size: 20px;
    }

    .heightMethod h3 a {
        font-size: 18px;
    }

    .moreContLink.less {
        display: none;
    }

    .collegeCompareMID.cardBlk {
        background: transparent;
        margin: 0;
        padding: 20px 35px 0px 35px;
    }

    .adm-buddy-block-apply {
        position: relative;
        width: 825px;
        overflow: unset;
    }

    .adm-buddy-block-apply.adm-buddy-block-applySecond {
        background: transparent;
        position: unset;
        padding: 10px 0px;
        overflow: unset;
        margin: 20px 0px;
    }

    .adm-buddy-block-apply.adm-buddy-block-applySecond .owl-carousel {
        display: block;
        background: #fff;
        padding: 10px;
    }

    .adm-buddy-block-apply .owl-stage {
        padding-left: 0px !important;
    }

    .boxAdmBlock h5 {
        font-size: 14px;
        font-weight: normal;
        margin: 10px 0 10px 0;
        min-height: 60px;
        max-height: 60px;
    }

    .adm-buddy-block-apply .logoIMG img {
        font-size: 1px;
        height: 40px;
        width: 40px;
        display: block;
        margin: 0 auto;
    }

    .upcomingExam .owl-carousel .owl-nav.disabled,
    .upcomingExam .owl-carousel .owl-dots.disabled {
        display: block;
    }

    .upcomingExam .owl-nav.disabled {
        pointer-events: none;
    }

    .upcomingExam .owl-nav.disabled {
        opacity: 0.4;
    }

    .popupbox.modal.grayModal i.closebtn.careers-cross {
        color: #fff;
        top: -5px;
    }

    .cloudTag.moreItems {
        height: 40px;
    }

    .moreReadCloud,
    .moreLessCloud {
        margin: 0px 0px 20px 0px;
        cursor: pointer;
        float: left;
        background: #fff;
        border-radius: 20px;
        margin-top: 2px;
        padding: 6px 6px 6px 10px;
        text-align: center;
        min-width: 80px;
        font-size: 12px;
        color: #3A4D95;
    }

    .moreReadCloud:after,
    .moreLessCloud:after {
        content: "\e90f";
        font-family: 'careers-fonts' !important;
        font-size: 8px;
        display: inline-block;
        margin: 0px 5px;
        vertical-align: middle;
        color: #444;
    }

    .moreReadCloud:after {
        -webkit-transition: all ease 0.5s;
        -ms-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }

    .moreLessCloud:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all ease 0.5s;
        -ms-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        transition: all ease 0.5s;

    }

    .upcomingExam {
        box-shadow: inherit;
    }

    .upcomingExam h3 {
        padding: 0 0 6px;
        background: inherit;
        text-align: left;
        font-weight: 600;
    }

    .upcomingExam h3 a {
        color: #3A4D95;
    }

    .upcomingExam .owl-nav {
            position: absolute;
    top: 110%;
    right: 0;
    width: 100%;
    text-indent: -9999999px;
    /* bottom: 24px; */
    text-align: right;

    }
 .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
 .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
    .upcomingExam .owl-nav .owl-prev {
        left: -61px !important;
        display: inline-block;
        position: relative !important;
        top: 16px !important;
            border: 1px solid #e5e5e5;
    }

    .upcomingExam .owl-nav .owl-next {
        right: 15px !important;
        top: 16px !important;
            border: 1px solid #e5e5e5;
    }

    .bottomBlock .button {
        margin-right: 3px;
    }

    .upcomingExam .owl-nav i {
        top: 2px;
        display: inline-block;
        position: relative;
    }

    .upcomingExam .owl-nav .owl-prev,
    .upcomingExam .owl-nav .owl-next {
        border-radius: 0px !important;
    }


    .upcomingExam .owl-nav {
        text-indent: -9999999px;
    }


    .upcomingExam .owl-nav .owl-prev,
    .upcomingExam .owl-nav .owl-next {
        border-radius: 0px !important;
    }

    .upcomingExam .owl-nav .owl-prev:before,
    .upcomingExam .owl-nav .owl-next:before {
        content: '';
        position: absolute;
        top: 7px;
        left: 0;
        width: 14px;
        height: 14px;
        margin-left: 2px;
        margin-bottom: 1px;
        display: inline-block;
        border-top: 1px solid #7483ab;
        border-right: 1px solid #7483ab;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .upcomingExam .owl-nav .owl-next:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .upcomingExam .owl-nav .owl-prev:before {
        -webkit-transform: rotate(-142deg);
        -ms-transform: rotate(-142deg);
        -moz-transform: rotate(-142deg);
        -o-transform: rotate(-142deg);
        transform: rotate(-142deg);
        margin-left: 8px !important;
    }

    .upcomingExam .boxexamBlock h5 a {
        padding: 5px 0;
    }

    .upcomingExam .boxexamBlock h5 {
        height: 78px !important;
        min-height: 78px;
        overflow: hidden;
    }

    p.examdateName {
        max-height: 44px;
        min-height: 44px;
        overflow: hidden;
    }

    .upcomingExam .upcomingExam-Slider {
        padding: 15px 0 0px;
    }

    .upcomingExam {
        padding-bottom: 60px !important;
    }

.exam-box{
       border: 1px solid #ececec;
    padding: 10px;
    height: 130px;
    margin-bottom: 10px;
    /*text-align: center;*/
}
.exam-box h3 span{
    color: red;
font-size: 20px;
font-weight: bold;
}
.exam-box p{
    margin: 0 0px 10px 0px;
    font-size: 16px;
    color: #333;
    min-height: 80px;

    font-weight: 600;

}
#asideNav1 a:before{
     content: ' \00BB';
     font-size: 20px;
}
.text-right1{ text-align:right;}
.EnquiryFormIndex{ width:250px; position:fixed; right:-250px; z-index:999   ; top:60px; transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; }
.FloatingFrmBtn{    position: absolute;
    right: 100%;
    cursor: pointer;
    top: 10%;
    border-radius: 5px 0 0 5px;
    max-width: 48px;}
.DisplayForm{right:0 !important;}
.HOrizonalBar{ height:25px; background-color:rgba(255, 255, 255, 0.5) !important;}
.po-nav-box-2a{ display:none;}
.tab-block{display:none;}
.menubar{position: absolute;top: 45px;right: 25px;width:35px; height: 35px;/*border: 1px solid #ccc;background-color:#fff; */padding: 3px 6px; border-radius: 5px;    cursor: pointer;overflow:hidden;display:none;}
.menubar span{ width: 100%;    height:4px;    background-color: #1C76DA;    margin-top: 3px;    display: block;  border-radius: 5px;opacity:1;transition:all 1s;}
.line{margin-top:7px;background-color:#f2f2f2; height:15px;}
.modal-top-title{text-align:center;padding:60px 20px 140px;background-image:url(../images/admission-pop.png);background-size:100% 100%;position:relative}
.modal-top-title:before{background-color:rgba(25, 39, 64, 0.79);position:absolute;top:0;left:0;right:0;bottom:0;content:'';display:block;}
.modal-top-title h3{    color: #fff;
    position: relative;
    z-index: 5;
    font-family: 'Open sans',sans-serif;
    margin-top: 0;
    font-size: 21px;
    letter-spacing: 0.8px;}
.modal-top-title p{ color: #fff;
    position: relative;
    z-index: 5;
    font-family: 'Open sans',sans-serif;
    margin-top: 0;
    font-size: 15px;
    letter-spacing: 0.8px;}
.modal-top-title button.close{    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    color: #fff;}

.modal-body-content{text-align:center;padding:20px;position:relative;}
.modal-body-content ul{margin-top:-100px;display:block;padding-left:0;}
.modal-body-content ul li{display:inline-block;width:49%;    vertical-align: top;}
.modal-body-content ul.list3 li{width:32%;}
.modal-body-content ul li a{display:block;max-width:162px;margin:auto;}
.modal-body-content ul li a:hover{text-decoration:none; }
.modal-body-content ul li a span{    display: block;
    background-color: #0036A7;transition:all 0.5s;
    border-radius: 50%;
    padding: 28px;
    border: 2px solid #fff;}
.modal-body-content ul li a span img{max-width: 100%;max-height: 100%;  -webkit-filter: invert(100%); /* Safari 6.0 - 9.0 */
    filter: invert(100%);transition:all 0.5s}
.modal-body-content ul li a:hover span{background-color:#fff;box-shadow: 0 0 8px #8E8E8E;}
.modal-body-content ul li a:hover span img{-webkit-filter: invert(0%); /* Safari 6.0 - 9.0 */
    filter: invert(0%);}
.modal-body-content ul li a p{color:#000;font-size:15px;font-family: 'lato',sans-serif;margin-top:10px ;   text-transform: uppercase;}
.dsply_slide {display:block !important;}
.block_slide {display:none !important;}
.servic_tabs {display:none !important;}
.none_systms {display:none !important;}
.none_mobles {display:block !important;}
.custm_check{position:absolute;top:17px;left:33px;z-index:-1;}
.marketingform1 {position:relative;}
.EnquiryFormIndex .multiselect-native-select button.btn.multiselect{height:27px;background-color:transparent;box-shadow:none;padding-left:8px;padding-top:3px;margin-bottom:7px;border-radius:0;border:1px solid #D7D7D7!important}
.indexNewFormDEsign .multiselect-native-select button.btn.multiselect{display:block;position:relative;width:100%;height:35px;font-size:14px;padding:6px 12px;line-height:1.42857143;color:#555;background-image:none;border:1px solid #D0D0D0!important;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;text-align:left}
.newStyleForm{padding:20px;background-color:#fff;display:block;float:left;width:100%;position:relative;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 7px 0 rgba(0,0,0,.12);margin-bottom:0;}
/*.newStyleForm:after{content:'';display:block;width:100%;height:10px;background-color:#000;bottom:7px;left:0;position:absolute;}*/
.newStyleForm form{padding:0 !important;}
.newStyleForm .form-enq .form-control {
    border: 1px solid #ddd;
    margin-bottom: 14px !important;
    border-radius: 0 !important;
    height: 43px;
}
/* =================== akz =================== */
.EnquiryFormIndex .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:6px dashed;border-bottom:6px solid dashed;border-right:3px solid transparent;border-left:3px solid transparent;color:#333}
/* .newStyleForm .form-enq .form-control option {padding:10px !important;height:60px !important;} */
.hrader_bord {border-bottom: 5px solid #ccc;padding-bottom:5px;}
/* =================== akz =================== */
.Resend_OTP {display: display;text-align: right;margin-top: 2px;}
/* =================== akz =================== */

.EnquiryFormIndex {
    width: 250px;
    position: fixed;
    right: -250px;
    z-index: 99999;
    top: 50%;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    transform: translateY(-50%);
}
.FloatingFrmBtn {
    position: absolute;
    right: 100%;
    cursor: pointer;
    top: 0%;
    border-radius: 5px 0 0 5px;
    max-width: 35px;
}
.DisplayForm{right:0 !important;}
.HOrizonalBar{ height:25px; background-color:rgba(255, 255, 255, 0.5) !important;}
.po-nav-box-2a{ display:none;}
.tab-block{display:none;}
.frm-btn {
    background: #e61f28;
    color: #FFF;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    /*padding: 5px 35px !important;*/
    text-transform: uppercase !important;
    border-radius: 7px !important;
    margin-top: 1px;
    text-transform: uppercase !important;
    border-radius: 7px !important;
    margin-top: 1px;
    font-size: 12px
}
.form-control {

    color: #686e72 !important;

}
.tex-secondary{
    font-style: italic;
    color:#6c757d;
}
.text-dark{
    color:#000 !important;
    font-weight: 600; font-size: 1rem;
    text-transform: capitalize;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;

  /*   border-top: none !important;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;*/
     box-sizing: border-box;
  /*
  border-style: solid;
  border-color: white;*/
  border-width: 0px 1px 1px 0px;

}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #174bb6;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.footer-item p{
    color: #fff
}

.college-block {
    background: rgba(0,0,0,.5);
    padding: 20px;
}
.college-block h1 {
    text-transform: uppercase;
    line-height: 60px;
    font-size: 42px;
    float: left;
    color: #fff;
    font-weight: 700;
}
.top-college-header ul li {
    display: inline;
    text-align: left;
    color: #fff;
    font-size: 20px;
    padding: 0 30px 0 10px;
    line-height: 40px;
}

.top-college-header ul li i{
    color: red;
    font-size: 20px;
    padding: 0 10px 0 10px;
    line-height: 40px;
}
.inlineflex li {
    display: inline-flex!important;
}
 .top-college-header ul li .bi-pin-map-fill {
    color: red;
}

.nav-fill .nav-item, .nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center;
    margin-right: 20px;
}.nav-pills .nav-link {
    background: #f2f2f2;
    border: 0;
    border-radius: 0.25rem;
    border: 1px solid #0d6efd;
    /* color: #0d6efd !important; */
    /* margin-right: 20px; */
}
.bg1{

    background-color: #f5f9fc;

}
/* .inner-banner {
    position: relative;
    min-height: 500px;
    background-position: 100% 30%;
    background-size: cover;
    padding: 40px;
} */
.inner-banner {
    position: relative;
    min-height: 500px;
    background-position: 100% 30%;
    background-size: cover;
    padding: 40px 40px 10px 40px;
    display: flex;
    align-items: end;
}
.ibi-l img {
    max-width: 230px;
}
/* .ib-inner {
    background: #000000a3;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 420px;
    padding: 10px 30px;
} */
.ib-inner {
    display: flex;
    align-items: center;
    background: #000000c9;
    width: 100%;
    height: 100%;
    position: relative;
    /* min-height: 420px; */
    padding: 10px 30px;
    /* backdrop-filter: blur(1px); */
}
.ibi-f {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}
.ibi-f img {
    width: 100%;
    max-width: 100px;
}
.ibi-f h3 {
    color: #fff;
    /* margin: 0 0 10px 20px; */
    /* padding-bottom: 10px; */
    position: relative;
}
/* .ibi-f h3:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 4px;
    background: #f74200;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.ibi-f h3:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    background: #174bb6;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-inline: 4px solid #fff;
} */
.ibi-s ul {
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2px;
    column-gap: 50px;
}
/* .ibi-s ul li {
    width: 100%;
    max-width: 49%;
    background: #ffffff29;
    padding: 4px 16px;
    backdrop-filter: blur(1px);
    border-radius: 3px;
    text-align: center;
} */
.ibi-s ul li p {
    font-size: 16px !important;
    margin-bottom: 0;
}
.ibi-s {
    margin-top: 10px;
}
.ibi-t {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.ibi-t a {
    color: #fff;
    padding: 0px 20px;
    margin-inline: 10px;
    border-radius: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.btn-blue{
    background: #055199;
}
.btn-blue:hover{
    background: #d73d00;
    transition: 0.5s;
}
.btn-orange {
    background: #d73d00;
}
.btn-orange:hover{
    background: #055199;
    transition: 0.5s;
}
nav.new-nav .breadcrumb {
    padding: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 0px;
    /* padding-top: 5px; */
    text-align: left;
    padding-left: 72px;
    margin-bottom: 10px;
    padding: 15px 66px;
    background-color: #d4eaff;
    min-height: 40px;
    padding-left: 0 !important;
}
.ibi-t a i {
    margin-right: 8px;
}
.slider-f ul {
    justify-content: left;
    column-gap: 11px;
    flex-wrap: nowrap;
    /* margin-left: 110px; */
    margin-bottom: 0px !important;
}
/* .itd-inner {
    padding: 50px 0;
} */
.slider-f .nav-pills .nav-link.active, .slider-f .nav-pills .show>.nav-link {
    background-color: #2d70c530;
    border-inline: 4px solid #2d70c5;
    /* box-shadow: 3px 3px 3px #000d27b5; */
    position: relative;
    font-size: 15px !important;
    padding: 10px 16px;
    border-radius: 8px;
    color: #2d70c5 !important;
    border-top: 1px solid #dae3f3;
    border-bottom: 1px solid #dae3f3;
}
/* .slider-f .nav-pills .nav-link {
    background: #055199 ;
    border: 0;
    border-radius: 0.25rem;
    border: 1px solid #0d6efd ;
    color: #fff ;
    padding: 12px 23px ;
    position: relative ;
} */
.slider-f .nav-pills .nav-link {
    background: #2d70c529;
    border: 0;
    border-radius: 0;
    /* border: 2px solid #d73d00; */
    color: #333;
    padding: 10px 16px  10px;
    position: relative;
    font-weight: 600;
    /* border-radius: 4px; */
    font-size: 15px !important;
    width: max-content;
    border-radius: 5px;
    border: 1px solid #00295d70;
}
/* .slider-f .nav-pills .nav-link:before {
    content: "";
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: transparent;
    top: 50%;
    left: 50%;
    border: 2px solid  #fff;
    transform: translate(-50%, -50%);
    border-radius: 3px;
} */
.tab-inner {
    background: #e4f2ff;
    padding: 30px;
    margin-top: 0px;
    border-radius: 0;
}
.tab-btn {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    background: #ffdccf;
    width: 40px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #ff4a1fb3;
    border-radius: 6px;
    font-size: 14px;
    border: 2px solid #ff4a1f57;
}
.tab-btn:hover {
    background: #f4c0ac;
    color: #ff4a1f;
    border: 2px solid #ff4a1f;
    transition: 0.5s;
}
.tab-btn-right {
    right: 0;
}
.tab-btn-left {
    left: 0;
}
.sf-ul {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
}

.sf-ul::-webkit-scrollbar, .usbi-two::-webkit-scrollbar  {
    width: 6px !important;
    cursor: pointer;
    height: 0px !important;
  }

  /* Track */
  .sf-ul::-webkit-scrollbar-track, .usbi-two::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 4px;
  }

  /* Handle */
  .sf-ul::-webkit-scrollbar-thumb, .usbi-two::-webkit-scrollbar-thumb {
    background: #055199 ;
    border-radius: 10px;
    /* box-shadow: inset 0 0 5px #ffffff50;  */

  }

  /* Handle on hover */
  .sf-ul::-webkit-scrollbar-thumb:hover, .usbi-two::-webkit-scrollbar-thumb:hover  {
    background: #055199;
  }
  .get-exam-now-form {
    background: #ffdcce;
    padding: 25px;
    border-radius: 6px;
}
.ibi-s ul li p b {
    text-transform: capitalize;
}
/* .slider-f .nav-pills .nav-link.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background: #e4f2ff;
    bottom: -10px;
    left: 0px;
    z-index: -2;
} */
.itd-row{
    margin:80px 0 ;
}
.cus-rfm h4.title-heading {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #333;
    padding: 10px 0;
    margin: 0 0 20px 0;
    position: relative;
}
.cus-rfm h4.title-heading {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #333;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    position: relative;
}
.cus-rfm h4.title-heading:before {
    content: "";
    position: absolute;
    width: 100px;
    left:50%;
    transform: translateX(-50%);
    height: 2px;
    background: #333333d1;
    bottom: 0;
}

.cus-rfm input, .cus-rfm textarea, select.form-select {
    /* background: #fff; */
    /* border: 2px solid #33333354; */
    margin-bottom: 16px;
    color: #333;
    font-size: 14px;
    padding: 7px 7px;
}
.fg-row {
    display: flex;
    column-gap: 12px;
}
.cus-rfm button {
    background: #222222;
    border: none;
    color: #fff;
    padding: 8px 22px;
    border-radius: 36px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
}
select.form-select {
    color: #6c757d !important;
}
.tab-inner h3 {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 16px;
    position: relative;
    margin-top: 20px;
}
.tab-inner h3:first-child {
    margin-top: 0px;
}
.tab-inner h3:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background: #d73d00;
    bottom: 0;
    left: 2px;
}
.tab-inner p {
    font-size: 16px !important;
    color: #000;
    margin-bottom: 10px !important;
}
.tab-inner table {
    background: #ffffff91;
}
.tab-inner table td, .tab-inner table th {
    border: 1px solid #3333;
    padding: 10px;
}
/* .tab-inner table tr:nth-child(odd) {
    background: #fff9f9 !important;
} */
.itd-i2 ul {
    list-style: none;
    display: flex;
    column-gap: 20px;
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    row-gap: 20px;
}
.itd-i2 .sort-filt {
    width: 100%;
}
.itd-i2 ul li {
    width: 100%;
    max-width: 22% !important;
}
/* .itd-i2 .products-thumb:hover {
    background-color: #bedfff;
} */
/* .itd-i2 .products-thumb:hover i, .itd-i2 .products-thumb:hover span {
    color: #fff;
} */
/* .itd-i2 .products-thumb span {
    color: #d73d00;
} */
.inner-page-banner {
    text-align: center;
}
.inner-page-banner {
    position: relative;
    min-height: 300px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.ipb-inner p {
    color: #fff;
    font-size: 22px !important;
    max-width: 500px;
    margin-inline: auto;
    font-weight: 400;
    line-height: 32px !important;
}
.ipb-inner h4 {
    font-size: 34px;
    color: #ff966a;
}
.ipb-inner a {
    background: #0162c8;
    color: #fff;
    padding: 12px 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.2px;
    border-radius: 6px;
    margin-top: 10px;
    border: 1px solid transparent;
    display: inline-block;
}
.ipb-inner a:hover{
    background-color: #fff;
    border: 1px solid #0162c8;
    color: #0162c8;
}
.ipb-inner h4 {
    font-size: 34px;
    color: #f14e23;
    text-shadow: 1px 1px 1px #ffffffd1;
}
.itd-i3 {
    margin-top: 30px;
}
.cus-rfm {
    position: sticky;
    top: 115px;
}
.ilcl-one {
    display: flex;
    width: 100%;
    align-items: center;
    column-gap: 20px;
    padding: 25px;
}
.ilclo-img img {
    max-width: 150px;
}
.ilcl-inner {
    box-shadow: 0 0 10px #00000020;
    border-radius: 6px;
}
.ilclo-content h4 {
    color: #333;
    line-height: 38px;
}
.ilclo-content p {
    font-size: 18px !important;
}
.ilclo-content p i{
    margin-right: 10px;
    color: #0162c8 ;
}
.tu-btns a {
    color: #fff;
    padding: 0px 20px;
    margin-inline: 3px;
    border-radius: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    display: inline-block;
}
.itdtu {
    position: relative;
    box-shadow: 4px 4px 4px #00000099;
    padding: 20px 20px 23px;
    border-radius: 6px;
    text-align: center;
    margin: 10px;
    background: #ffdcce;
}
.itdtu-inner img {
    max-width: 100px;
    margin-inline: auto;
}
.itdtu-inner h4 {
    font-size: 16px;
    margin: 10px 0 16px;
}
.owl-item:nth-child(odd) .itdtu{
    background: #e4f2ff;
}
/* .tu-btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 5px;
} */
.tu-btns {
    display: flex;
    justify-content: center;
    /* flex-wrap: wrap; */
    row-gap: 5px;
}
.ibi-other {
    display: block;
    padding: 30px;
}
.ibi-sb {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    justify-content: space-between;
}
.ibi-sb .ibi-t {
    margin-top: 0;
}
.ibi-sbl {
    width: 100%;
    max-width: 450px;
    position: relative;
}
.ibi-sb .ibi-t a {
    border-radius: 6px;
}
.ibi-slb-inner input {
    padding-inline: 36px;
}
.ibi-slb-inner {
    position: relative;
}
span.search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    /* color: #055199; */
}
span.close-icon, .usb-close-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    color: #055199;
    cursor: pointer;
}
.ibi-other .ibi-f h3 {
    max-width: 800px;
    text-align: center;
    margin-inline: auto;
    margin-bottom: 20px;
    line-height: 38px;
    padding-bottom: 20px;
    position: relative;
}
.ibi-other .ibi-f h3 span {
    color: #f14e23;
}

.ibi-university-list {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 100%;
    padding: 12px;
    border-radius: 4px;
}
.iul-inner p {
    margin-bottom: 0;
    padding: 6px 0;
    border-bottom: 1px solid #d8d8d8;
}
.iul-inner p:first-child {
    padding-top: 0;
}
.iul-inner p:last-child {
    padding-bottom: 0;
    border: none;
}
.iul-inner p a {
    color: #555;
    font-size: 16px;
    font-weight: 600;
    display: block;
}
.iul-inner p a:hover {
    color: #000;
}
.university-detail-div {
    margin: 60px 0;
    position: relative;
}
.usbi-fo {
    display: flex;
    align-items: center;
    position: relative;
}
.usb-inner {
    position: relative;
    padding: 20px;
    box-shadow: 0 0 10px #00000020;
    border-radius: 6px;
}
span.usb-icon i {
    font-size: 20px;
    margin-right: 6px;
}
.usbi-fo h3 {
    color: #333;
    margin-bottom: 0;
    font-size: 18px;
}
span.usb-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    cursor: pointer;
}
span.usb-search i {
    font-size: 20px;
}
.usbi-fo {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 8px;
}
.usbi-so {
    /* margin-bottom: 10px; */
    position: relative;
}
.usbi-one {
    border-bottom: 1px solid #a9a9a9;
    padding-bottom: 15px;
margin-bottom: 15px;
}

.usbi-two .form-check {
    margin-bottom: 8px;
}
.usbi-two {
   max-height: 360px;
    overflow-y: auto; /* Scrollbar appears only if content exceeds 360px */
    height: 100%;
}
.udd-search-box {
    margin-bottom: 20px;
}
.udddr-inner {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
/*    justify-content: center;*/
}
.udr-box {
    width: 100%;
    max-width: 31%;
}
.udrb-img img {
    width: 100%;
    max-width: 140px;
}
.udrb-img {
    text-align: center;
}
.udr-box {
    width: 100%;
    max-width: 31%;
    padding: 20px;
    background: #edf6ff;
    border-radius: 6px;
}
.udrb-title h5 {
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333;
}
.udrb-sec-title h5 {
    font-size: 16px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    position: relative;
}
.udrb-sec-title h5:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #0366c5;
    bottom: 0;
}
.udrb-sec-title p {
    font-size: 16px !important;
    margin-bottom: 0;
}
.udr-box .tu-btns a {
    padding: 0px 14px;
    margin-inline: 2px;
    line-height: 35px;
    font-size: 11px;

}
/* .udr-box .tu-btns {
    margin-top: 10px;
} */
.uddl-filter-m {
    position: relative;
    padding: 15px;
    box-shadow: 0 0 10px #00000020;
    border-radius: 6px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
span.filter-icon i {
    font-size: 20px;
    margin-right: 6px;
}
.uddl-filter-m h3 {
    color: #333;
    margin-bottom: 0;
    font-size: 20px;
}
span.filter-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    cursor: pointer;
}
.uddl-filter-m {
    display: none;
}
.di-none{
    display: none ;
}
a.lm-btn {
    color: #fff;
    padding: 0px 20px;
    margin-inline: 10px;
    border-radius: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
}

a.lm-btn i {
    margin-right: 6px;
}
.udddr-btn {
    margin-top: 30px;
}
.udc-inner p {
    font-size: 18px !important;
    font-weight: 500;
}
.ud-det-content {
    margin: 60px 0;
}
.univer-details-form {
    padding: 100px 0;
}
.udf-l h4, .udf-r h4 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
}
.udf-l p {
    font-size: 18px !important;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 800;
}
.udf-r .form-group {
    column-gap: 10px !important;
    margin-bottom: 10px;
}
.udf-r button {
    color: #fff;
    padding: 0px 20px;
    /* margin-inline: 10px; */
    border-radius: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    /* display: inline-block; */
    border-radius: 4px;
    background: #0036A7;
    color: #ffff;
    border: none;
}
.whatasapp-icon {
    position: fixed;
    bottom: 70px;
    z-index: 9;
    right: 14px;
}
.udr-box2 {
    padding: 0 0 2px 0;
}
.udr-box2 .udrb-inner img {
    width: 100%;
}
.udr-box2 .udr-box-inner {
    background: #000000ba;
    align-items: center;
    /* flex-wrap: wrap; */
    padding: 2px;
    width: 100%;
}
.udr-box2 .udrb-title h5 {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    font-weight: 400;
}
.udr-box2 .udrb-sec-title p {
    font-size: 12px !important;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}
.udr-box2 .udrb-sec-title p span{
    margin-inline: 4px;
}
.udr-box2 .udrb-inner {
    min-height: 220px;
    padding: 16px 0px 0 0px;
    display: flex;
    align-items: end;
}
.udr-box2 .tu-btns a {
    padding: 0px 7px;
    margin-inline: 0px;
    line-height: 32px;
    font-size: 10px;
    border-radius: 4px;
    display: block;
    width: 100%;
    border-radius: 0;
    text-align: center;
}
.udr-box2 .udrb-img {
    text-align: center;
    max-width: 55px !important;
}
/* .udr-box2 .tu-btns {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 14px;
    justify-content: space-between;
} */
.udr-box2 {
    background-color: #c1dffd;
}
.udrb-inner {
    border-radius: 6px 6px 0 0;
}
.udr-box2 {
    box-shadow: 0px 0px 10px #00000020;
}
.usbi-two .form-check label {
    font-size: 14px;
    cursor: pointer;
    color: #000;

}
.usbi-two1 .form-check label {
    font-size: 14px;
    cursor: pointer;
    color: #000;
    padding-left: 17px;
}
.usbi-two1 .form-check label::before {
    content: "»";
    font-size: 16px;
    margin-right: 5px;
    color: #333;
    position: absolute;
    left: 36px;
        margin-top: -3px;
}
.fees-filtration {
    width: 100%;
    max-width: 130px;
    position: absolute;
    top: -44px;
    right: 80px;
}
select.form-select {
    padding: 2px 10px;
    font-size: 14px;
    height: 38px;
}
.ibi-tl h3 {
    text-align: left !important;
    margin-inline: 0 !important;

}
.ibs-box {
    /* display: flex; */
    background: #fff;
    /* align-items: center; */
    padding: 10px;
    border-radius: 10px;
    margin-inline: 10px;
}
.ibsbl-inner img {
    width: 100%;
    border-radius: 10px;
}
.ibsbl-inner {
    position: relative;
}
.ibsbl-date {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.ibsbl-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000a3;
    border-radius: 10px;
    left: 0;
    top: 0;
}
.ibsbl-date h4 {
    font-size: 22px;
    color: #fff;
}
.ibsb-l, .ibsb-r {
    width: 100%;
    text-align: center;
}
.ibsb-r p {
    font-size: 14px !important;
    font-weight: 600;
    color: #055199;
    margin-bottom: 0;
    line-height: 20px !important;
    margin-inline: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ibsb-inner {
    display: flex;
    align-items: center;
    width: 100%;
}
.ibs-slider button.owl-prev i, .ibs-slider button.owl-next i {
    color: #d73d00;
}
.no-sticky {
    position: unset !important;
    margin-bottom: 20px;
}
.udr-box3 .udrb-img img {
    width: 100%;
    max-width: 100%;
    border-radius: 6px 6px 0 0;
}
.udr-box3 {
    padding: 0px;
    border-radius: 6px;
    box-shadow: 3px 3px 4px #00000020;
    background: #ffded5;
}
.udr-box3 .udrb-title h5 {
    text-align: center;
}
.udr-box3:hover .udrb-title h5 {
    color: #d73d00;
}
.udr-box3 .udrb-img {
    text-align: center;
    overflow: hidden;
}
/* .udr-box3:hover .udrb-img img {
    transform: scale(1.05);
    transition: 1s;
} */
.usbi-two .ibs-box {
    background: #f2f2f2;
    padding: 10px;
    margin: 0 15px 15px 0;
}
.h-320 {
    height: 100%;
    max-height: 320px;
    overflow-y: scroll;
}
.h-320 .ibsbl-date h4 {
    font-size: 18px;
    color: #fff;
    width: 100%;
}
.usbi-two2 .ibsb-r p {
    font-size: 12px !important;
    color: #333;
    line-height: 16px !important;
    padding-inline: 8px;
}
.usbi-two2 .ibsbl-inner:before{
display: none;
}
.gss-slider2 .itdtu {
    padding: 0 0 26px 0;
}
.gss-slider2 .itdtu-inner img {
    max-width: 100%;
    border-radius: 6px 6px 0 0;
}
.gss-slider2 .itdtu-inner h4 {
    font-size: 16px;
    margin: 24px 0 24px;
}
.udr-box:hover {
    transform: scale(1.08);
    transition: 1s;
}
.ibi-other .ibi-f h3:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 3px;
    background: #fff;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -30px;
}
.ibi-other .ibi-f h3:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #f14e23;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 16px;
}

.ibi-slider .ibi-f h3:before, .no-uld h3:before {
    display: none;
}
.ibi-slider .ibi-f h3:after, .no-uld h3:after {
    display: none;
}

.ibi-slider .ibi-f h3{
    margin-bottom: 0;
}
.ibi-slider .ibi-f h3 span{
    color: #fff;
}

.no-uld h3 {
    padding: 0 !important;
}
ul.navbar-nav {
    margin-right: 0 !important;
    margin-left: auto;
}
a.nav-link.active {
    color: #f14e23 !important;
}
a.nav-link:hover, a.nav-link:focus {
    color: #f14e23 !important;
}
.top-header-right {
    display: flex;
    align-items: center;
    justify-content: end;
}
.ad-login-dropdown {
    margin-left: 16px;
}
.ad-login-dropdown button {
    background: #fff;
    color: #055199;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    padding: 0 10px 0 10px;
    line-height: 26px;
}
.ad-login-dropdown button i {
    font-size: 18px;
    line-height: 26px;
    margin-left: 3px;
}
.ad-login-dropdown button:hover{
    color: #fff;
    background-color: #f14e23;
}
a.navbar-brand {
    padding: 0;
    margin: 0;
}
nav.navbar {
    padding: 4px 0;
}
.carousel-caption {
    display: none;
}
.products-thumb img {
    width: 100%;
}
.pas-slider button.owl-prev i.fa.fa-chevron-left {
    color: #2866b3;
    font-size: 18px;
}
.pas-slider button.owl-next i.fa.fa-chevron-right {
    color: #2866b3;
    font-size: 18px;
}
.pas-slider .owl-nav button.owl-prev, .hcol-ic .owl-nav button.owl-prev, .htu-ic .owl-nav button.owl-prev, .hsa-ic .owl-nav button.owl-prev, .nes-slider .owl-nav button.owl-prev{
    left: -16px;
}
.pas-slider .owl-nav button.owl-next, .hcol-ic .owl-nav button.owl-next, .htu-ic .owl-nav button.owl-next, .hsa-ic .owl-nav button.owl-next, .nes-slider .owl-nav button.owl-next  {
    right: -16px;
}
.news_section {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 16px;
}
.news {
    width: 100%;
    max-width: 48%;
}
.hlnl-inner-box {
    display: flex;
    align-items: center;
        padding: 0px 16px;
}
.hlnl-img {
    width: 30%;
}
.hlnl-img img {
      width: 100%;
    border-radius: 0;
    height: 91px;
    object-fit: contain;
/*    border: 1px solid #ececec;*/
    /*width: 100%;
    border-radius: 6px 0 0 6px;
    min-height: 118px;
    object-fit: cover;*/
}
.hlnl-content {
    width: 100%;
    padding: 16px;
}
.hlnl-content h3 {
    font-size: 18px;
    margin-bottom: 6px;
    line-height: 24px;
    color: #2866b3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
}
.hlnl-content p {
    font-size: 14px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1px;
    color: #333;
}
.hlnl-box {
    box-shadow: 0 0 10px #00000020;
    background: #fff;
    border-radius: 6px;
    margin-top: 16px;
}
.hlnl-main-content {
    margin: 30px 0;
}
.hln-row {
    display: flex;
    column-gap: 70px;
    position: relative;
}
.hln-row:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 70%;
    background: #ff3500;
    left: 73%;
    transform: translate(-50%, -50%);
    top: 50%;
}
.hlnl-content p b {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #f14e23;
    font-weight: 900;
}
.htes-ib1 {
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.htes-ib1-l img {
    min-width: 130px;
    border-radius: 6px 0 0 0;
    max-width: 130px;
    max-height: 140px;
    min-height: 140px;
    object-fit: cover;
    object-position: top center;
}
.htes-ib1-r h4 {
    font-size: 20px;
    margin-bottom: 2px;
}
.htes-ib1-r p {
    font-weight: 600;
    margin-bottom: 3px;
}
.htes-ib1-r h5 {
    font-size: 16px;
    color: #f14e23;
    margin-bottom: 4px;
}
.htes-box {
    box-shadow: 0 0 10px #00000020;
    background: #fff;
    border-radius: 6px;
    position: relative;
    margin: 10px 14px;
}
.htes-ib1-r p i {
    font-size: 20px;
    margin-top: 4px;
    margin-right: 8px;
    color: #ffa900;
}
.htes-ib2 p {
    padding: 20px;
    margin: 0;
    font-size: 16px !important;
    height: 114px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.h-letest-news {
    margin: 60px 0;
}
.h-testimonial {
    margin: 60px 0;
}
.htes-content {
    margin-top: 30px;
}
.htes-quote img {
    width: 100%;
}
.htes-quote {
    position: absolute;
    top: 20px;
    right: 20px;
    max-width: 80px;
    opacity: 0.2;
}
/*.owl-item:nth-child(even) .products-thumb {
    background: #ddecff !important;
    border: 2px solid #ddecff;
}
.owl-item:nth-child(even) .products-thumb span {
    color: #2866b3;
}
.owl-item:nth-child(even) .products-thumb:hover {
    background: #ffe5de !important;
    border: 2px solid #ffe5de;
}
 .owl-item:nth-child(even) .products-thumb:hover span {
    color: #ff3500;
} */
.hcol-ibox .udr-box, .htu-ibox .udr-box, .has-icbox .udr-box{
    width: 100%;
    max-width: 100%;
}
.hcol-content, .htu-content, .hsa-content {
    margin-top: 30px;
}
.hcol-ibox .udr-box:hover, .htu-ibox .udr-box:hover, .has-icbox .udr-box:hover{
    transform: scale(0.95);
    transition: 1s;
}
.h-collages, .h-top-univesity, .h-study-abroad, .news-letest-div {
    margin: 60px 0;
}
/* .owl-item:nth-child(even) .udr-box2 {
    background-color: #ffe5de;
} */
.htu-ibox .udr-box {
    background: #ffe5de;
}
.has-icbox .udr-box2 .udr-box-inner {
    width: 100%;
    max-width: 70%;
    margin-inline: auto;
    padding: 15px;
}
.has-icbox .udr-box2 .udrb-title h5 {
    font-size: 20px;
    line-height: 20px;
    margin: 0px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    font-weight: 600;
}
.has-icbox .udrb-top {
    align-items: center;
    column-gap: 20px;
}
.has-icbox .udrb-content {
    width: 100%;
}
.study-abroad-box {
    position: relative;
    margin-top: 70px !important;
    margin: 10px;
}
.sab-i-img img {
    width: 100%;
    min-height: 200px;
    object-fit: cover;
    border-radius: 6px;
}
.sab-inner {
    box-shadow: 0 0 10px #00000063;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
}
.sab-i-img {
    margin-top: -80px;
    box-shadow: 0 0 10px #00000063;
    border-radius: 6px;
}
.sab-f-img img {
    max-width: 80px;
    filter: drop-shadow(2px 2px 3px #666666);
}
.sab-f-img {
    margin-top: -40px;
    display: flex;
    justify-content: center;
}
.sab-m-content h5 {
    margin-bottom: 0;
    text-align: center;
    margin-top: 16px;
    font-weight: 900 !important;
    font-size: 20px !important;
    color: #ff3500;
}
.study-abroad-box:hover .sab-inner, .study-abroad-box:hover .sab-i-img {
    box-shadow: 0 0 10px #000000c7;
    transition: 0.5s;
}
.sm-cus i {
    margin-top: 15px;
}
.navbar-toggler-icon {
    width: 2em;
    height: 2em;
    background-image: url(../images/toggler.png);
}
.navbar-toggler:focus {
    box-shadow: none !important;
}
.news-box {
    border-radius: 10px;
    background: #d4eaff;
}
.news-img img {
    border-radius: 10px 10px 0 0;
}
.news-event-slider {
    margin-top: 30px;
}
.news-content h3 {
    font-size: 15px;
    font-weight: 500;
    color: #094b9c;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 53px;
}
.news-content {
    padding: 10px 16px;
}
.news-img {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.news-box:hover .news-img img {
    transform: scale(1.2);
    transition: 3s;
}
.news-box:hover .news-content h3 {
    color: #f14e23;
    transition: 0.5s;
}
.news-box:hover {
    background: #fde7e2;
    transition: 0.5s;
}
.nldc-box {
    max-width: 49%;
}
.nldc-ic {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-top: 20px;
}
.no-posi {
    position: unset !important;
    margin-bottom: 20px;
    border-radius: 6px;
}
.usb-neb .ibsbl-inner:before {
    display: none;
}
.usb-neb .ibsb-r p {
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left;
    margin-left: 10px;
}
.usb-neb .ibsb-l {
    max-width: 110px !important;
}
.ibs-box:hover .ibsb-r p {
    color: #f14e23;
}
.ibs-box:hover {
    background: #fbefeb;
}
.ndd-social a img {
    max-width: 40px;
}
.ndd-social a {
    margin-right: 8px;
}
.ndd-social {
    border: 1px solid #ccc;
    border-inline: none;
    padding: 10px 0;
    margin: 14px 0;
}
.ndd-img img {
    width: 100%;
    min-height: 360px;
    max-height: 360px;
    object-fit: cover;
}
.ndd-content p {
    font-size: 16px !important;
    color: #141414;
    margin-bottom: 10px !important;
}
.ndd-content p b {
    font-size: 20px;
    color: #2866b3;
}
.ndd-content p b span{
    color: #f14e23;
}
.ndd-content {
    margin-top: 20px;
}
.nddc-table {
    padding: 0;
    margin: 0;
}
.ndd-c-fr {
    display: flex;
    justify-content: space-between;
}
p.publish-date b, p.publish-date b span {
    font-size: 14px !important;
    font-weight: 800;
    color: #000;
    line-height: 30px;
}
.cct-row {
    display: flex;
    column-gap: 10px;
    row-gap: 10px;
}
.cct-box {
    width: 100%;
    height: 230px;
    background: #fff;
}

.udrb-top {
    justify-content: center;
}
.icl-title h1 {
    font-size: 26px;
}
.usbi-two-cus {
    max-height: 350px;
}
.usbi-two-cus .form-check {
   /* border-bottom: 1px solid #d4eaff;
    padding-bottom: 8px;*/
    padding: 3px 13px 5px;
    background: #ececec;
}
.usbi-two-cus .form-check:hover {
        background: #fedcd0;
        text-decoration: underline;
}


.ul-inner {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.uli-l, .uli-r {
    width: 100%;
}
.user-login {
    padding: 60px 0;
    position: relative;
    z-index: 0;
}
.user-login:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: #ffe1d9;
    top: 0;
    left: 0;
    z-index: -1;
}
.ulil-ic {
    padding: 0 10% 0 0;
}
.ulir-ic {
    padding: 0 0 0 10%;
}
.ulil-ic h2 {
    font-size: 28px;
    font-weight: 600;
    color: #2866b3;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}
.ulil-ic h2 span{
    color: #f14e23;
}
.ulil-ic p {
    font-size: 16px !important;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
    font-weight: 500;
}
.ulil-ic h2:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 3px;
    background: #f14e23;
    bottom: 0;
}
.ulil-ic p b {
    font-weight: 800;
    color: #f14e23;
}
.login-form {
    padding: 40px 60px;
    box-shadow: 0 0 10px #00000030;
    border-radius: 10px;
    background: #e2f1ff;
}

.form-title h4 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 12px;
    margin-bottom: 24px;
    text-align: center;
    position: relative;
    color: #f14e23;
}
.form-title h4:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 3px;
    background: #f14e23;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.form-row-cus {
    display: flex;
    justify-content: space-between;
}
p.fgp-p a {
    color: #f14e23;
    font-size: 16px;
    font-weight: 600;
}
button.login-btn {
    background: #f14e23;
    width: 100%;
    border: none;
    height: 40px;
    border-radius: 7px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 2px solid #f14e23;
    max-width: 250px;
}
button.login-btn:hover {
    color: #f14e23;
    background: #fff;
    border: 2px solid #f14e23;
    transition: 0.5s;
}
.frc-signup p {
    text-align: center;
    margin: 15px 0 0;
    font-size: 16px !important;
    font-weight: 500;
}
.frc-signup p a{
    font-weight: 600;
    color: #f14e23;
}
.fixed-top {
    box-shadow: 0 0 10px #00000040;
}
.frc-btn {
    text-align: center;
}

/* dashboard css */
@import url("https://fonts.googleapis.com/css?family=Roboto:300&display=swap");
/* Color Variables */
/* Styles */
body {
  background: #e3e5e6;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1px;
}

.text-red {
  color: red !important;
}

.text-green {
  color: green !important;
}

.text-orange {
  color: orange !important;
}

.text-blue {
  color: blue !important;
}

/* buttons */
.btn-red {
  background: red;
  color: white;
  font-size: xx-small;
}
.btn-red:hover, .btn-red:focus {
  background: #d60000;
  color: white;
}

.btn-grayblue {
  background: #acb6c4;
  color: white;
  font-size: xx-small;
}
.btn-grayblue:hover, .btn-grayblue:focus {
  background: #97a4b5;
  color: white;
}

/* Custom scrollbar */
.main ::-webkit-scrollbar {
  width: 5px;
}
.main ::-webkit-scrollbar-track {
  border-radius: 10px;
}
.main ::-webkit-scrollbar-thumb {
  background: #5d7090;
  border-radius: 10px;
}
.main ::-webkit-scrollbar-thumb:hover {
  background: #495871;
}

/* Left Menu */
.left {
    width: 57px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #104381;
    position: fixed;
    transition: all 0.5s;
}
.left:hover {
  width: 220px;
}
/* .left:hover ul li.menu-heading {
  opacity: 1;
} */
.left ul {
  padding-left: 0;
}
.left ul li {
  list-style-type: none;
}
.left ul li.active a {
    background: #f14e23;
    color: white;
}
.left ul li.active a:hover {
  background: #009a00;
}
.left ul li a {
    display: flex;
    align-items: center;
    background: #104381;
    color: white;
    padding: 15px 10px;
    font-size: 13px;
    width: 220px;
    border-bottom: 1px solid #ffffff66;
}
.left ul li a:hover {
    background: #f14e23;
    text-decoration: none;
}
.left ul li a:hover i.fa {
  color: #fff;
}
.left ul li a:focus {
  text-decoration: none;
}
.left ul li a i.fa {
  width: 50px;
  text-align: center;
  padding-right: 15px;
  transition: all 1s;
}
.left ul .menu-heading {
  opacity: 0;
  padding: 10px 5px 10px 10px;
  color: #b3b300;
  font-size: smaller;
  border-bottom: 1px solid #2b3443;
  transition: all 0.5s;
}

/* Right Content */
.right {
  transition: all 0.5s;
  margin-left: 72px;
  /* Overview */
  /* Performance */
  /* Analytics */
  /* Landing */
  /* Projects */
  /* User Profile */
  /* Candidates */
  /* Invoices */
  /* Single Invoice */
  /* Browse */
}
.right #overview .header {
    background: #ffe1da;
    display: block;
    border: 1px solid #dddddd;
    padding: 15px 30px;
    margin-left: -17px;
}
.right #overview .header h4 {
    display: inline-block;
    color: #055199;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}
.right #overview .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #overview .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #overview .header ul li .btn-group i.fa-user-o,
.right #overview .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #overview .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #overview .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #overview .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #overview .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #overview .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #overview .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #overview .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #overview .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #overview .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #overview .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #overview .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #overview .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #overview .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #overview .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #overview .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #overview .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #overview .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #overview .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #overview .content {
  padding: 0 30px 15px 15px;
}
.right #overview .content .row.graph-cards {
  margin-top: 20px;
}
.right #overview .content .row.graph-cards .col-sm-4 div {
  background: white;
  padding: 15px;
}
.right #overview .content .row.graph-cards .col-sm-4 div h4,
.right #overview .content .row.graph-cards .col-sm-4 div h2 {
  color: #354052;
}
.right #overview .content .row.graph-cards .col-sm-4 div h4 small,
.right #overview .content .row.graph-cards .col-sm-4 div h2 small {
  color: #7f8fa4;
  font-size: small;
}
.right #overview .content .row.graph-cards .col-sm-4 div h2 {
  line-height: 85%;
}
.right #overview .content .row.graph-cards .col-sm-4 div img {
  width: 100%;
  height: 150px;
  object-fit: contain;
}
.right #overview .content .row.graph-cards .col-sm-4:last-child img {
  height: 220px;
}
.right #overview .content .row.project-cards {
  margin-top: 20px;
}
.right #overview .content .row.project-cards .col-sm-3 .card {
  background: white;
  padding: 0;
}
.right #overview .content .row.project-cards .col-sm-3 .card img {
  width: 100%;
}
.right #overview .content .row.project-cards .col-sm-3 .card h5 {
  padding: 15px 30px;
  border-bottom: 1px solid #e6e6e6;
}
.right #overview .content .row.project-cards .col-sm-3 .card .row {
  padding: 0 15px;
  margin-left: 0;
  margin-right: 0;
}
.right #overview .content .row.project-cards .col-sm-3 .card .row .col-sm-6 {
  padding: 15px;
}
.right #overview .content .row.invoice-task {
  margin-top: 20px;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice,
.right #overview .content .row.invoice-task .col-sm-6 .tasks {
  background: white;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice h5,
.right #overview .content .row.invoice-task .col-sm-6 .tasks h5 {
  color: black;
  padding: 15px;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice h5 small a,
.right #overview .content .row.invoice-task .col-sm-6 .tasks h5 small a {
  color: #7f8fa4;
  font-size: xs-small;
  margin-top: 5px;
  display: block;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td,
.right #overview .content .row.invoice-task .col-sm-6 .tasks .table tbody tr td {
  font-size: small;
  border-top-color: #e6e6e6;
  padding: 15px;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td:nth-child(1), .right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td:nth-child(3) {
  color: #7f8fa4;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td:nth-child(4) .btn {
  font-size: xx-small;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td:nth-child(1), .right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td:nth-child(2), .right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td:nth-child(3), .right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td:nth-child(5) {
  padding-top: 20px;
}
.right #overview .content .row.invoice-task .col-sm-6 .invoice .table tbody tr td .checkbox {
  margin: 5px 0 0;
}
.right #overview .content .row.invoice-task .col-sm-6 .tasks .table tbody tr td .checkbox {
  margin: 5px 0 0 0;
}
.right #overview .content .row.invoice-task .col-sm-6 .tasks .table tbody tr td .checkbox:hover label {
  text-decoration: line-through;
  color: #999999;
}
.right #overview .content .row.invoice-task .col-sm-6 .tasks .table tbody tr td .checkbox:hover label input {
  opacity: 0.5;
}
.right #overview .content .row.invoice-task .col-sm-6 .tasks .table tbody tr td .checkbox label input {
  margin-top: 2px;
}
.right #performance .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #performance .header h4 {
  display: inline-block;
  color: #354052;
}
.right #performance .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #performance .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #performance .header ul li .btn-group i.fa-user-o,
.right #performance .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #performance .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #performance .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #performance .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #performance .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #performance .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #performance .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #performance .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #performance .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #performance .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #performance .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #performance .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #performance .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #performance .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #performance .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #performance .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #performance .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #performance .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #performance .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #performance .content {
  margin: 0 30px 15px 15px;
}
.right #performance .content .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  margin-left: -30px;
  margin-right: -30px;
}
.right #performance .content .flex .col-sm-2 .info-card {
  padding: 20px;
}
.right #performance .content .flex .col-sm-2 .info-card h3 {
  margin-top: 10px;
}
.right #performance .content .flex .col-sm-2 .info-card h3 small {
  font-size: small;
}
.right #performance .content .world {
  padding-top: 15px;
}
.right #performance .content .world .col-sm-6:first-child {
  padding-left: 0;
}
.right #performance .content .world .col-sm-6:last-child {
  padding-right: 0;
}
.right #performance .content .world .col-sm-6 .world-card,
.right #performance .content .world .col-sm-6 .product-card {
  background: white;
}
.right #performance .content .world .col-sm-6 .world-card h4,
.right #performance .content .world .col-sm-6 .product-card h4 {
  padding: 15px;
}
.right #performance .content .world .col-sm-6 .world-card img,
.right #performance .content .world .col-sm-6 .product-card img {
  width: 100%;
  height: 280px;
  object-fit: contain;
}
.right #performance .content .world .col-sm-6 .product-card h4 {
  margin-bottom: 0;
}
.right #performance .content .world .col-sm-6 .product-card .custom-progress {
  padding: 9px 15px 15px;
}
.right #performance .content .world .col-sm-6 .product-card .custom-progress h6 i.fa {
  padding-right: 10px;
}
.right #performance .content .world .col-sm-6 .product-card .custom-progress h6 small {
  font-size: small;
}
.right #performance .content .world .col-sm-6 .product-card .custom-progress .progress {
  height: 15px;
  border-radius: 10px;
  margin-bottom: 0;
  background: #e7eaee;
}
.right #performance .content .world .col-sm-6 .product-card .custom-progress .progress .progress-bar {
  border-radius: 10px;
}
.right #performance .content .stats {
  margin-top: 15px;
}
.right #performance .content .stats .col-sm-4:first-child {
  padding-left: 0;
}
.right #performance .content .stats .col-sm-4:last-child {
  padding-right: 0;
}
.right #performance .content .stats .col-sm-4 .stats-card {
  background: white;
}
.right #performance .content .stats .col-sm-4 .stats-card h4 {
  padding: 15px;
}
.right #performance .content .stats .col-sm-4 .stats-card h4 small:first-child {
  font-size: xx-large;
  color: black;
}
.right #performance .content .stats .col-sm-4 .stats-card img {
  width: 100%;
  height: 150px;
  object-fit: contain;
}
.right #performance .content .stats .col-sm-4 .stats-card .row {
  padding: 0 15px;
}
.right #performance .content .stats .col-sm-4 .stats-card .row .col-sm-6 h6 {
  display: inline-block;
  font-size: 80%;
  color: #7f8fa4;
}
.right #performance .content .stats .col-sm-4 .stats-card .row .col-sm-6 h6 small {
  font-size: small;
  color: black;
  padding-left: 10px;
}
.right #performance .content .stats .col-sm-4 .stats-card .row .col-sm-10 h6 {
  font-size: x-small;
}
.right #performance .content .stats .col-sm-4 .stats-card .row .col-sm-10 .progress {
  height: 10px;
  background: #e7eaee;
  border-radius: 10px;
}
.right #performance .content .stats .col-sm-4 .stats-card .row .col-sm-10 .progress .progress-bar {
  border-radius: 10px;
}
.right #performance .content .stats .col-sm-4 .stats-card .row .col-sm-2 h4 {
  margin-top: 10px;
  font-weight: bold;
}
.right #performance .content .stats .col-sm-4 .customers .row {
  padding: 0 30px;
}
.right #performance .content .stats .col-sm-4 .customers .row .col-sm-4 h6 {
  font-size: smaller;
}
.right #performance .content .stats .col-sm-4 .customers .p-bars {
  padding-bottom: 50px;
}
.right #performance .content .stats .col-sm-4 .customers .p-bars .col-sm-4 h6 {
  font-size: large;
  font-weight: bold;
}
.right #performance .content .stats .col-sm-4 .customers .p-bars .col-sm-4 h6 small {
  font-size: small;
}
.right #performance .content .stats .col-sm-4 .customers .p-bars .col-sm-4 .progress {
  height: 10px;
  border-radius: 10px;
  background: #e6e6e6;
}
.right #performance .content .stats .col-sm-4 .customers .p-bars .col-sm-4 .progress .progress-bar {
  border-radius: 10px;
}
.right #performance .content .stats .col-sm-4 .profit {
  padding-bottom: 30px;
}
.right #performance .content .stats .col-sm-4 .profit .table tbody tr td {
  font-size: smaller;
  border-top-color: #e6e6e6;
  padding: 15px;
}
.right #performance .content .stats .col-sm-4 .profit .table tbody tr td i.fa {
  padding-right: 10px;
}
.right #performance .content .stats .col-sm-4 .profit .table tbody tr:first-child td {
  border-top: none;
}
.right #analytics .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #analytics .header h4 {
  display: inline-block;
  color: #354052;
}
.right #analytics .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #analytics .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #analytics .header ul li .btn-group i.fa-user-o,
.right #analytics .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #analytics .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #analytics .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #analytics .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #analytics .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #analytics .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #analytics .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #analytics .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #analytics .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #analytics .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #analytics .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #analytics .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #analytics .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #analytics .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #analytics .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #analytics .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #analytics .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #analytics .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #analytics .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #analytics .content {
  margin: 0 30px 15px 15px;
}
.right #analytics .content .revenue,
.right #analytics .content .active-clients {
  background: white;
  padding: 15px;
  margin-top: 20px;
}
.right #analytics .content .revenue h4,
.right #analytics .content .active-clients h4 {
  margin-bottom: 20px;
}
.right #analytics .content .revenue img,
.right #analytics .content .active-clients img {
  width: 100%;
  height: 418px;
  object-fit: contain;
}
.right #analytics .content .active-clients,
.right #analytics .content .tasks {
  background: white;
}
.right #analytics .content .active-clients h6,
.right #analytics .content .tasks h6 {
  font-weight: bold;
  line-height: 150%;
}
.right #analytics .content .active-clients h6 small,
.right #analytics .content .tasks h6 small {
  font-size: small;
}
.right #analytics .content .active-clients .table,
.right #analytics .content .tasks .table {
  margin-bottom: 0;
}
.right #analytics .content .active-clients .table tbody tr td,
.right #analytics .content .tasks .table tbody tr td {
  border-top: 0;
  font-size: small;
}
.right #analytics .content .active-clients .table tbody tr td .progress,
.right #analytics .content .tasks .table tbody tr td .progress {
  height: 5px;
  border-radius: 10px;
  background: #e6e6e6;
  margin-top: 10px;
  margin-bottom: 10px;
}
.right #analytics .content .active-clients .table tbody tr td .progress .progress-bar,
.right #analytics .content .tasks .table tbody tr td .progress .progress-bar {
  border-radius: 10px;
}
.right #analytics .content .tasks {
  margin-top: 15px;
  padding: 15px;
}
.right #analytics .content .total-stats {
  margin-top: 20px;
}
.right #analytics .content .total-stats .col-sm-3:nth-child(3) .stats-card h3 small i.fa {
  padding: 2px 4px 0;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card {
  background: white;
  padding: 15px;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card span {
  display: inline-block;
  border-radius: 50%;
  vertical-align: bottom;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card span i.fa {
  border: 1px solid white;
  padding: 20px 17px;
  border-radius: 50%;
  color: white;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card .orange-chart {
  background: #ffa705;
  border: 5px solid #ffa705;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card .purple-chart {
  background: #b300b3;
  border: 5px solid #b300b3;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card .red-chart {
  background: #ff3333;
  border: 5px solid #ff3333;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card .green-chart {
  background: #00b300;
  border: 5px solid #00b300;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card h3 {
  display: inline-block;
  font-weight: bold;
  padding-left: 20px;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card h3 small {
  font-size: small;
}
.right #analytics .content .total-stats .col-sm-3 .stats-card h3 small i.fa {
  background: #b6c0d0;
  color: white;
  vertical-align: super;
  border-radius: 50%;
  padding: 0 4px 2px;
}
.right #analytics .content .income-customers {
  margin-top: 20px;
  background: white;
}
.right #analytics .content .income-customers .table-responsive h4 {
  padding: 15px;
}
.right #analytics .content .income-customers .table-responsive h4 small {
  font-size: small;
}
.right #analytics .content .income-customers .table-responsive table {
  margin-bottom: 0;
}
.right #analytics .content .income-customers .table-responsive table tbody tr td {
  vertical-align: middle;
  font-size: smaller;
  padding: 15px;
}
.right #analytics .content .income-customers .table-responsive table tbody tr td img {
  width: 30px;
}
.right #landing .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #landing .header h4 {
  display: inline-block;
  color: #354052;
}
.right #landing .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #landing .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #landing .header ul li .btn-group i.fa-user-o,
.right #landing .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #landing .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #landing .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #landing .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #landing .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #landing .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #landing .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #landing .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #landing .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #landing .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #landing .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #landing .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #landing .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #landing .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #landing .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #landing .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #landing .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #landing .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #landing .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #landing .content {
  margin: 0 30px 15px 15px;
}
.right #landing .content h3.text-center {
  padding: 2em;
}
.right #landing .content .card-4 {
  background: white;
  padding: 50px;
}
.right #landing .content .card-4 p {
  padding: 2em;
  margin-bottom: 0;
  font-weight: bold;
}
.right #landing .content .col-sm-6:nth-child(2) .card-6 {
  padding: 0;
}
.right #landing .content .card-6 {
  background: white;
  padding: 15px;
}
.right #landing .content .card-6 .row .col-sm-4 h4 {
  font-weight: bold;
}
.right #landing .content .card-6 .row .col-sm-4 h4 small {
  font-size: small;
  margin: 10px 0;
}
.right #landing .content .card-6 .row .col-sm-4 img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.right #landing .content .card-6 .row .col-sm-3 h5 {
  font-weight: bold;
}
.right #landing .content .card-6 .row .col-sm-3 h5 small {
  font-size: small;
  margin: 10px 0;
}
.right #landing .content .card-6 .row .col-sm-3 .progress {
  height: 5px;
}
.right #landing .content .card-6 .table-responsive {
  overflow-x: unset;
}
.right #landing .content .card-6 .table-responsive .table {
  margin-bottom: 0;
}
.right #landing .content .card-6 .table-responsive .table tr:first-child td {
  border-top: 0;
}
.right #landing .content .card-6 .table-responsive .table tr td {
  vertical-align: middle;
  padding: 15px;
}
.right #landing .content .card-6 .table-responsive .table tr td img {
  height: 45px;
}
.right #projects .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #projects .header h4 {
  display: inline-block;
  color: #354052;
}
.right #projects .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #projects .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #projects .header ul li .btn-group i.fa-user-o,
.right #projects .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #projects .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #projects .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #projects .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #projects .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #projects .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #projects .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #projects .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #projects .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #projects .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #projects .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #projects .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #projects .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #projects .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #projects .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #projects .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #projects .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #projects .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #projects .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #projects .content {
  margin: 20px 30px 15px 15px;
}
.right #projects .content .row {
  padding-left: 15px;
  padding-right: 15px;
}
.right #projects .content .row .col-sm-3:first-child {
  padding-left: 0;
}
.right #projects .content .row .col-sm-3:first-child .card-3 {
  background: #4d5d77;
}
.right #projects .content .row .col-sm-3:nth-child(2) .card-3 {
  background: #00bd00;
}
.right #projects .content .row .col-sm-3:nth-child(3) .card-3 {
  background: #e69500;
}
.right #projects .content .row .col-sm-3:last-child {
  padding-right: 0;
}
.right #projects .content .row .col-sm-3:last-child .card-3 {
  background: #ff3333;
}
.right #projects .content .row .col-sm-3 .card-3 {
  background: white;
  padding: 15px;
  color: white;
  border-radius: 5px;
}
.right #projects .content .row .col-sm-3 .card-3 h3 {
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: bold;
}
.right #projects .content .row .col-sm-3 .card-3 h3 small {
  font-size: small;
  line-height: 3em;
  color: rgba(255, 255, 255, 0.8);
}
.right #projects .content .row .col-sm-3 .card-3 h3 span i.fa {
  color: rgba(255, 255, 255, 0.3);
}
.right #projects .content .row {
  margin-top: 20px;
}
.right #projects .content .row .responsive-table {
  background: white;
  border: 1px solid #e6e6e6;
}
.right #projects .content .row .responsive-table h3 {
  color: #354052;
  padding: 30px 15px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
}
.right #projects .content .row .responsive-table h3 small {
  font-size: small;
  color: #7f8fa4;
}
.right #projects .content .row .responsive-table h3 i.fa {
  color: #7f8fa4;
  cursor: pointer;
}
.right #projects .content .row .responsive-table h3 i.fa:hover {
  color: #00b300;
}
.right #projects .content .row .responsive-table table {
  font-size: small;
  color: #354052;
  margin-bottom: 0;
}
.right #projects .content .row .responsive-table table thead tr th {
  color: #7f8fa4;
  font-weight: normal;
  border-bottom-color: #e6e6e6;
  padding: 15px;
}
.right #projects .content .row .responsive-table table tbody tr td {
  border-top-color: #e6e6e6;
  padding: 15px;
}
.right #projects .content .row .responsive-table table tbody tr td small {
  color: #7f8fa4;
  font-size: xx-small;
}
.right #projects .content .row .responsive-table table tbody tr td i.fa {
  padding-right: 10px;
}
.right #projects .content .row .responsive-table table tbody tr td .btn-group .btn {
  color: #354052;
  font-size: small;
}
.right #projects .content .row .responsive-table table tbody tr td .btn-group .dropdown-toggle i.fa {
  padding-right: 0;
}
.right #projects .content .row .responsive-table table tbody tr td .btn-group .dropdown-menu {
  padding: 0;
  right: 0;
  left: inherit;
  box-shadow: none;
  border-color: #d9d9d9;
}
.right #projects .content .row .responsive-table table tbody tr td .btn-group .dropdown-menu li a {
  color: #354052;
  font-size: small;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 20px;
}
.right #projects .content .row .responsive-table table tbody tr .img-team {
  display: flex;
  align-items: center;
}
.right #projects .content .row .responsive-table table tbody tr .img-team img {
  height: 40px;
}
.right #projects .content .row .responsive-table table tbody tr .img-team p {
  padding-left: 10px;
  margin-bottom: 0;
}
.right #projects .content .row .responsive-table table tbody tr.danger {
  border-left: 2px solid red;
}
.right #projects .content .row .responsive-table table tbody tr.danger td {
  background: white;
}
.right #user-profile .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #user-profile .header h4 {
  display: inline-block;
  color: #354052;
}
.right #user-profile .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #user-profile .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #user-profile .header ul li .btn-group i.fa-user-o,
.right #user-profile .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #user-profile .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #user-profile .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #user-profile .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #user-profile .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #user-profile .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #user-profile .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #user-profile .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #user-profile .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #user-profile .content {
  margin: 0 30px 15px 15px;
}
.right #user-profile .content .row {
  padding-top: 20px;
}
.right #user-profile .content .row .card-7,
.right #user-profile .content .row .card-5 {
  background: white;
}
.right #user-profile .content .row .card-7 .nav-tabs {
  border-bottom: 0;
  border: 1px solid #ddd;
}
.right #user-profile .content .row .card-7 .nav-tabs li {
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}
.right #user-profile .content .row .card-7 .nav-tabs li a {
  color: #495871;
  padding-top: 20px;
  padding-bottom: 20px;
}
.right #user-profile .content .row .card-7 .nav-tabs li:hover a {
  color: black;
  border-bottom: 0;
  background: transparent;
}
.right #user-profile .content .row .card-7 .nav-tabs li.active {
  font-weight: bold;
  border-bottom: 2px solid #00b300;
}
.right #user-profile .content .row .card-7 .nav-tabs li.active a {
  border: 0;
  color: black;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane {
  padding: 20px 15px;
  border: 1px solid #ddd;
  border-top: 0;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul {
  padding-left: 25px;
  padding-right: 50px;
  margin-bottom: 40px;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul small.title {
  margin-left: -25px;
  color: #999999;
  font-weight: bold;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li {
  list-style-type: none;
  position: relative;
  color: black;
  margin-bottom: 20px;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -25px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #7f8fa4;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li:nth-child(2):before {
  background: orange;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li:nth-child(3):before {
  background: green;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li:nth-child(4):before {
  background: red;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li h6 {
  line-height: 30px;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li h6 span {
  display: block;
  padding: 5px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li h6 span.imgs {
  border: none;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li h6 span.imgs img {
  height: 60px;
  display: inline-block;
  margin-right: 5px;
}
.right #user-profile .content .row .card-7 .tab-content .tab-pane ul li h6 small {
  font-size: inherit;
}
.right #user-profile .content .row .card-5 {
  padding: 15px;
  margin-bottom: 20px;
}
.right #user-profile .content .row .card-5 .profile {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.right #user-profile .content .row .card-5 .profile img {
  height: 100px;
}
.right #user-profile .content .row .card-5 .profile h4 {
  font-weight: bold;
  line-height: 40px;
}
.right #user-profile .content .row .card-5 .profile h4 small {
  font-size: small;
  display: block;
  line-height: 20px;
}
.right #user-profile .content .row .card-5 .profile h4 small:nth-child(1) {
  color: black;
}
.right #user-profile .content .row .card-5 .profile h4 small:nth-child(2) {
  color: #7f8fa4;
}
.right #user-profile .content .row .card-5 .dtls .col-sm-3 h5 {
  font-weight: bold;
  color: black;
}
.right #user-profile .content .row .card-5 .dtls .col-sm-3 h5 small {
  color: #999999;
  line-height: 30px;
}
.right #user-profile .content .row .card-5 .fb,
.right #user-profile .content .row .card-5 .drop,
.right #user-profile .content .row .card-5 .link {
  margin: 30px 0;
}
.right #user-profile .content .row .card-5 .fb span,
.right #user-profile .content .row .card-5 .drop span,
.right #user-profile .content .row .card-5 .link span {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  padding-top: 9px;
  margin-right: 20px;
}
.right #user-profile .content .row .card-5 .fb span i.fa,
.right #user-profile .content .row .card-5 .drop span i.fa,
.right #user-profile .content .row .card-5 .link span i.fa {
  color: white;
}
.right #user-profile .content .row .card-5 .fb h5,
.right #user-profile .content .row .card-5 .drop h5,
.right #user-profile .content .row .card-5 .link h5 {
  color: black;
  font-weight: bold;
}
.right #user-profile .content .row .card-5 .fb span {
  background: green;
  padding-top: 7px;
}
.right #user-profile .content .row .card-5 .drop span {
  background: purple;
}
.right #user-profile .content .row .card-5 .link a {
  font-size: small;
  color: #9da9b9;
}
.right #user-profile .content .row .billing .billing-row {
  font-size: small;
  margin-bottom: 20px;
}
.right #user-profile .content .row .billing .billing-row .col-sm-6 i.fa {
  padding-right: 10px;
  color: purple;
}
.right #user-profile .content .row .billing .billing-row .col-sm-3.text-gray {
  color: #999999;
}
.right #user-profile .content .row .table tbody tr td {
  padding: 10px 5px;
  border-top: 0;
  font-size: small;
  color: #8c8c8c;
}
.right #user-profile .content .row .table tbody tr td:first-child {
  color: black;
  width: 40%;
}
.right #user-profile .content .row .table tbody tr td:last-child {
  text-align: right;
}
.right #candidates .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #candidates .header h4 {
  display: inline-block;
  color: #354052;
}
.right #candidates .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #candidates .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #candidates .header ul li .btn-group i.fa-user-o,
.right #candidates .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #candidates .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #candidates .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #candidates .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #candidates .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #candidates .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #candidates .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #candidates .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #candidates .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #candidates .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #candidates .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #candidates .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #candidates .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #candidates .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #candidates .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #candidates .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #candidates .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #candidates .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #candidates .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #candidates .content {
  margin: 0 30px 15px 15px;
}
.right #candidates .content .row {
  margin-top: 20px;
}
.right #candidates .content .row .candid-card .card-4 {
  background: white;
  padding: 15px;
}
.right #candidates .content .row .candid-card .card-4 .main-img {
  width: 100%;
}
.right #candidates .content .row .candid-card .card-4 .row {
  margin-top: 10px;
}
.right #candidates .content .row .candid-card .card-4 .row .col-sm-10 img {
  margin-top: -40px;
  margin-right: 15px;
}
.right #candidates .content .row .candid-card .card-4 .row .col-sm-10 h5 {
  font-weight: bold;
}
.right #candidates .content .row .candid-card .card-4 .row .col-sm-10 h5 small {
  font-size: small;
  line-height: 30px;
}
.right #candidates .content .row .candid-card .card-4 .row .col-sm-2 {
  margin-top: 10px;
}
.right #candidates .content .row .candid-card .card-4 .row .col-sm-2 a {
  color: #bfbfbf;
}
.right #invoices .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #invoices .header h4 {
  display: inline-block;
  color: #354052;
}
.right #invoices .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #invoices .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #invoices .header ul li .btn-group i.fa-user-o,
.right #invoices .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #invoices .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #invoices .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #invoices .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #invoices .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #invoices .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #invoices .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #invoices .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #invoices .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #invoices .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #invoices .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #invoices .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #invoices .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #invoices .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #invoices .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #invoices .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #invoices .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #invoices .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #invoices .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #invoices .content {
  margin: 0 30px 15px 15px;
}
.right #invoices .content .row.invoice {
  margin-top: 20px;
}
.right #invoices .content .row.invoice .summary-card {
  background: white;
  padding: 15px;
}
.right #invoices .content .row.invoice .summary-card h5 {
  display: inline-block;
  font-weight: bold;
}
.right #invoices .content .row.invoice .summary-card h5 small {
  color: #7f8fa4;
}
.right #invoices .content .row.invoice .summary-card .dropdown i.fa {
  margin-top: 15px;
  color: #7f8fa4;
  cursor: pointer;
}
.right #invoices .content .row.invoice .summary-card .row .col-sm-4:nth-child(2) .bg-cir {
  background: red;
  padding: 2px 3px 1px 4px;
}
.right #invoices .content .row.invoice .summary-card .row .col-sm-4 h3 {
  position: relative;
}
.right #invoices .content .row.invoice .summary-card .row .col-sm-4 h3 small {
  font-size: x-small;
  font-weight: bold;
}
.right #invoices .content .row.invoice .summary-card .row .col-sm-4 h3 .bg-cir {
  position: absolute;
  bottom: 35px;
  font-size: x-small;
  background: green;
  color: white;
  padding: 0 3px 3px 4px;
  border-radius: 10px;
}
.right #invoices .content .row.invoice .summary-card .cust-img {
  height: 135px;
  width: 100%;
  object-fit: contain;
}
.right #invoices .content .table-invoice .table-in-card {
  background: white;
}
.right #invoices .content .table-invoice .table-in-card h3 {
  color: black;
  font-weight: bold;
  padding: 15px;
}
.right #invoices .content .table-invoice .table-in-card .table thead tr th,
.right #invoices .content .table-invoice .table-in-card .table tbody tr td {
  vertical-align: middle;
  font-size: smaller;
}
.right #invoices .content .table-invoice .table-in-card .table thead tr th {
  color: #999999;
  border-bottom: 0;
}
.right #invoices .content .table-invoice .table-in-card .table tbody tr td {
  padding: 20px 10px;
}
.right #invoices .content .table-invoice .table-in-card .table tbody tr td:last-child a {
  color: #999999;
}
.right #single-invoice .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #single-invoice .header h4 {
  display: inline-block;
  color: #354052;
}
.right #single-invoice .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #single-invoice .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #single-invoice .header ul li .btn-group i.fa-user-o,
.right #single-invoice .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #single-invoice .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #single-invoice .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #single-invoice .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #single-invoice .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #single-invoice .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #single-invoice .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #single-invoice .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #single-invoice .content {
  margin: 0 30px 15px 15px;
}
.right #single-invoice .content .s-inv-card {
  background: white;
  margin-top: 20px;
  padding: 10rem 10rem 3rem;
  box-shadow: 0 0 10px #cad0d9;
}
.right #single-invoice .content .s-inv-card .row {
  margin-bottom: 8rem;
}
.right #single-invoice .content .s-inv-card .row:last-child {
  margin-bottom: 2rem;
}
.right #single-invoice .content .s-inv-card .row small {
  line-height: 25px;
}
.right #single-invoice .content .s-inv-card .row .s-inv-header .col-sm-3 h4 {
  margin-top: 4rem;
}
.right #single-invoice .content .s-inv-card .row .s-inv-body .col-sm-3 h4 small {
  line-height: 50px;
}
.right #single-invoice .content .s-inv-card .row .s-inv-body .col-sm-9 table {
  border: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
.right #single-invoice .content .s-inv-card .row .s-inv-body .col-sm-9 table tr td,
.right #single-invoice .content .s-inv-card .row .s-inv-body .col-sm-9 table tr th {
  font-size: small;
  padding: 15px;
  border-bottom: 1px;
  border-top: 1px solid #e6e6e6;
}
.right #single-invoice .content .s-inv-card .row .s-inv-body .col-sm-9 table thead tr th {
  color: #7f8fa4;
}
.right #browse .header {
  background: white;
  display: block;
  border: 1px solid #e6e6e6;
  padding: 15px 30px;
  margin-left: -15px;
}
.right #browse .header h4 {
  display: inline-block;
  color: #354052;
}
.right #browse .header ul {
  right: 0;
  left: inherit;
  max-width: 350px;
}
.right #browse .header ul li {
  display: inline-block;
  padding-left: 20px;
}
.right #browse .header ul li .btn-group i.fa-user-o,
.right #browse .header ul li .btn-group i.fa-bell-o {
  color: #b3b3b3;
  font-size: 24px;
  cursor: pointer;
}
.right #browse .header ul li .btn-group i.fa-user-o:nth-child(1):after,
.right #browse .header ul li .btn-group i.fa-bell-o:nth-child(1):after {
  content: "3";
  background: orange;
  color: white;
  font-size: small;
  padding: 4px 7px;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: 10px;
}
.right #browse .header ul li .btn-group i.fa-angle-down {
  cursor: pointer;
}
.right #browse .header ul li .btn-group .dropdown-menu {
  padding: 0;
}
.right #browse .header ul li .btn-group .dropdown-menu li {
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.right #browse .header ul li .btn-group .dropdown-menu li:nth-child(1) .alert-card i.fa {
  color: #00b300;
}
.right #browse .header ul li .btn-group .dropdown-menu li:nth-child(2) .alert-card i.fa {
  color: #b300b3;
}
.right #browse .header ul li .btn-group .dropdown-menu li:nth-child(3) .alert-card i.fa {
  color: #354052;
}
.right #browse .header ul li .btn-group .dropdown-menu li:last-child {
  border-bottom: none;
}
.right #browse .header ul li .btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.right #browse .header ul li .btn-group .dropdown-menu li a:hover {
  background: #e5e8ee;
}
.right #browse .header ul li .btn-group .dropdown-menu li a .alert-card {
  display: flex;
}
.right #browse .header ul li .btn-group .dropdown-menu li a .alert-card img,
.right #browse .header ul li .btn-group .dropdown-menu li a .alert-card i.fa {
  height: 40px;
  margin-right: 15px;
}
.right #browse .header ul li .btn-group .dropdown-menu li a .alert-card p {
  color: #354052;
  margin-bottom: 0;
}
.right #browse .header ul li .btn-group .dropdown-menu li a .alert-card p small {
  color: #7f8fa4;
  width: 100%;
  white-space: pre-line;
}
.right #browse .header ul li .dropdown-avatar img {
  height: 35px;
}
.right #browse .header ul li .dropdown-avatar i.fa {
  padding-left: 8px;
}
.right #browse h5.search {
  background: white;
  padding: 30px;
  margin-left: -15px;
  margin-top: 0;
}
.right #browse .content {
  margin: 0 30px 15px 15px;
}
.right #browse .content .browse .card {
  background: white;
  padding: 15px;
}
.right #browse .content .browse .card img {
  width: 60px;
}
.right #browse .content .browse .card h5 {
  display: inline-block;
  vertical-align: middle;
}

.left:hover + .right {
    margin-left: 235px;
}

.strike {
  color: #999999;
}

hr {
  border-top: 1px solid #e6e6e6;
  margin: 10px 0;
}

.py-15 {
  padding: 15px 0;
}
.fade {
    opacity: 1 !important;
}
.vtd-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.vtd-box {
    width: 100%;
    max-width: 49%;
    background: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
}
.vtdc-title span {
    font-weight: 700;
    font-size: 16px;
    margin-top: 6px;
    display: block;
}
.mt-13{
    margin-top: 25px !important;
}
.vpr-icr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.vpr-icr .vtd-box {
    width: 100%;
    max-width: 32.3%;
}
.vpr-icr .vtd-box img{
/*    width: 100%;*/
        width: 100%;
    height: 167px;
    object-fit: cover;
}
button.close {
    background: #055199;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    right: 20px;
}
.tiu-box {
    background: #fff;
    padding: 24px;
    margin-bottom: 16px;
}
.tiub-fr {
    display: flex;
    justify-content: space-between;
}
.tiub-sr span {
    display: block;
}
.tiub-fr-l h4{
    margin-bottom: 16px;
}
.tiub-fr-l h4 a {
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    display: block;
}
.tiub-fr-l h4 a:hover {
    color: #2d70c5;
}
.tiub-frl-span span {
    display: inline-block;
    background: #ebebeb;
    padding-inline: 20px;
    line-height: 30px;
    margin-right: 6px;
    border: 1px solid #b4b4b4;
    font-size: 14px;
}
.tiub-fr-l {
    width: 100%;
    max-width: 530px;
}
.tiub-fr-r p span {
    font-size: 14px;
    letter-spacing: 0;
    color: #686868;
    font-weight: 600;
}
.tiub-fr-r p{
    color: #404040;
    font-weight: 600;
    margin-bottom: 0 !important;
    display: flex;
    column-gap: 6px;
    align-items: center;
}
/* .tiub-fr-r span {
    text-decoration: none;
    color: #ff4a1f;
    display: block;
    line-height: 20px;
    cursor: pointer;
}
.tiub-fr-r span:hover {
    color: #055199;
} */
.tiub-fr {
    margin-bottom: 30px;
}
.tiub-sr p {
    font-weight: 600;
    font-size: 15px !important;
    margin-bottom: 0 !important;
}
.tiub-sr span {
    display: block;
    font-size: 14px;
    margin-bottom: 14px;
}
.tiub-sr button {
    color: #fff;
    padding: 0px 20px;
    margin-inline: 0px;
    border-radius: 0px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    border: none;
}
.see-details-table {
    position: fixed;
    background: #000000e6;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
}
.sdf-b{
    display: flex !important;
}
.sdf-inner {
    width: 100%;
    max-width: 900px;
    background: #ffff;
    border-radius: 12px;
    padding: 16px;
}
.sdf-r1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #cccccc; */
}
.sdf-r1 h4, .acf-r1 h4 {
    margin-bottom: 0;
    font-weight: 500;
    color: #ff4a1f;
    font-weight: 500;
}
.sdf-r1 span i, .acf-r1 span i {
    font-size: 24px;
    color: #ff4a1f;
    cursor: pointer;
}
.sdf-r1 span i:hover, .acf-r1 span i:hover {
    color: #f14e23
}
.sdf-r2 table {
    width: 100%;
}
.sdf-r2 table thead tr {
    background: #e8e8e8;
}
.apply-course-form {
    position: fixed;
    background: #000000e6;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
}
.acf-b {
    display: flex !important;

}
.acf-inner {
    width: 100%;
    max-width: 550px;
    background: #ffff;
    border-radius: 12px;
/*    padding: 16px;*/
}
.acf-r1 {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 14px;
    padding: 16px;
    background: #ed512c;
        border-radius: 12px 12px 0 0px;
}
.acf-r2{
    padding: 4px 15px;
    border-radius: 12px;
    box-shadow: none;
}
.acf-r2 label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #636363;
}
.acf-r2 input, .acf-r2 select {
    font-size: 14px;
    margin-bottom: 12px;
}
.acf-r2 button {
    color: #fff;
    padding: 0px 20px;
    margin-inline: 0px;
    border-radius: 0px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    border: none;
    width: 100%;
    border-radius:6px;
}
.form-group-btn {
    margin-top: 20px;
}
a{
    text-decoration: none !important;
}
.slf-ul-list {
    position: relative;
    padding-inline: 55px;
    height: 70px;
    display: flex;
    align-items: center;
}
.tab-content {
    margin-top: 20px;
}

.inner-tab-div {
    margin-top: 60px;
}
.uddl-inner {
    position: sticky;
    top: 90px;
}
.breadcrumb-sec{
    background:#d4eaff;
}


    .address_list {padding: 0 0 0 45px;margin: 0px;list-style: none;position: relative;}
.address_list li {font-size: 15px;font-weight: 400;color: #4a4a4a;line-height: 28px;    margin-bottom: 10px;}
.address_list li i {     float: left;
    display: block;
    text-align: center;
    background-color: #3065b0;
    position: absolute;
    left: 0px;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
        font-size: 13px;
}

  .lm-btn {
    border: none;
    color: #fff;
    padding: 0px 20px;

    border-radius: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
}
.contact-form-sec{
          box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.15);
    border-radius: 15px;
    padding: 20px 30px;
    background: #fff;
}
.contact-addr{
       box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.15);
    border-radius: 15px;
    padding: 20px 30px;
    background: #fff;
        margin-bottom: 20px;
}
@media(min-width:991px){
    .colmns-2{
        columns: 2;
    }
    .colmns-4{
         columns: 4;
    }
     .colmns-3{
         columns: 3;
    }
    .foot-flex{
        display: flex;
    }
    .foot-flex1 {
                margin-left: 20px !important;
    }
    .foot-flex h3{
        margin-right: 20px;
    }
}
.footer-l ul a {
    text-decoration: none;
    color: #fff;
/*    margin: 0 5px; */
    position: relative;
}

.footer-l ul a::after {
    content: "|";
    margin-left: 10px;
    color: #fff;
    margin-right: 6px;
}

.footer-l ul a:last-child::after {
    content: "";
}
.footer-l{
    margin-bottom: 10px;
}
.text-right1{
    text-align: right;
}
.text-right1 a{
    margin-inline: 0;
}
.join-as-p{
        box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.15);
    border-radius: 15px;
    padding: 25px 30px;
    background: #fff;
}
.join-as-p .form-control {

    background: #ececec !important;
}
.title-b{
    color: #fff;
    font-weight: 600;
}
.modal-header{
    background:#d73d00;
}
.bt-close{
    background: #055199 !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 24px;
    padding: 0px 6px 12px !important;
}
.newStyleForm1{
        padding: 0 !important;
}
@media (min-width: 576px) {
    .modal-dialog2 {
        max-width: 600px !important;

    }
}
.newStyleForm1 .form-enq .form-control {
    border: 1px solid #ddd;
    margin-bottom: 14px !important;
    border-radius: 0 !important;
    height: 43px;
}
.newStyleForm1 .form-enq textarea {

    height: 120px !important;
}
.ibi-search {
    max-width: 500px;
    margin-inline: auto;
    position: relative;
}
.ibi-search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100px;
    height: 100%;
    border: none;
    background: #055199;
    color: #fff;
    border-radius: 0 4px 4px 0;
    display: flex
    ;
            justify-content: center;
            align-items: center;
}
.calls-icon a {
    position: fixed;
    bottom: 120px;
    z-index: 9;
    right: 14px;
    background: #055199;
    color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    display: none;
}
.color-orange{
    color: #f14e23 !important;
    font-weight: 600;
}
.itd-i2 h2 {
    font-size: 18px;
}
.vtdc-vc iframe {
    width: 100%;
    height: 100%;
}
.tab-inner table thead tr th {
    background: #055199;
    color: #fff;
    border: 1px solid #ffffff42;
}
.accordion-button:not(.collapsed) {
    background-color: #ffdcce !important;
    box-shadow: none !important;
    color: #111 !important;
}
button.accordion-button span {
    background: linear-gradient(45deg, #097daf, #00183c);
    color: #fff;
    padding: 22px 30px;
    margin: -22px;
    margin-right: 24px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-family: "Kumbh Sans", sans-serif;
    border-radius: 8px 0px 0 8px;
}
button.accordion-button {
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.2px;
}

.accordion-item:first-of-type {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
.accordion-item {
    border: none !important;
    margin-bottom: 24px;
    background: transparent !important;
}
.accordion-item:last-child {
    margin-bottom: 0px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
button.accordion-button {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 22px 22px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.otp_close {
    background: #101010 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
}
.getSuggestionDropdown {
    width: 100%;
    max-width: 500px;
    left: 50%;
    height: 400px;
    transform: translateX(-50%);
    overflow-y: scroll;
}
.getSuggestionDropdown ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.getSuggestionDropdown ul li {
    border-bottom: 1px solid #efefef;
    padding: 10px 10px;
}
.getSuggestionDropdown ul li a{
    color: #333;
}
.getSuggestionDropdown ul li a:hover{
    color: #f14e23;
}
/* This line can be removed it was just for display on CodePen: */
.slider-labels {
  margin-top: 10px;
}

.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    left: -13px;
    top: -9px;
    background-color: #055199;
}
/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #898989;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 10px;
}

.noUi-target {
  border-radius: 10px;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #3BB77E;
  border: 8px solid rgba(59,183,126,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}
.range #slider-range {
    box-shadow: none;
    border: none;
    height: 6px;
    border-radius: 10px;
    background: #d73d00;
    color: #d73d00;
    margin: 16px 12px 16px 12px;
}

.form-phone {
    display: flex;
    gap: 10px;
}
.fp1 {
    width: 100%;
    max-width: 50px;

}
.fp1z {
    width: 100%;
    max-width: 165px;
}
.fp1z select, .fp1 select{
font-size: 14px;

}
.fp2 {
    width: 100%;
}
.form-control{
        appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}
.btn1 {
    border: none !important;
    background: #d73d00;
    color: #fff;
    display: inline-flex;
    width: 100%;
    height: 36px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    justify-content: center;
    align-items: center;
}
.btn2 {
    border: none !important;
    background: #055199;
    color: #fff;
    display: inline-flex;
    width: 100%;
    height: 36px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    justify-content: center;
    align-items: center;
}

.modal-header {
    color: #fff;
}
.modal-header .btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}
.tiub-fr-r span {
    font-size: 12px;
    margin-top: 6px;
}
.udr-box {
    position: relative;
    z-index: 0;
}
.udr-rating {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #232332;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 14px 4px 6px;
    color: #fff;
    z-index: 0;
    clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0 100%, 0 0);
}
.udr-rating:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 50px;
    background: #ffb300;
    z-index: -1;
    left: 0;
    clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0);
}
span.udr-r {
    margin-left: 7px;
    display: flex;
    gap: 2px;
}
.otp-verify-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #000000c9;
    justify-content: center;
    align-items: center;
    display: none;
}
.ovm-show{
    display: flex !important;
}
.ovm-img img {
    max-height: 140px;
    margin-bottom: 20px;
}
.ovm-ic {
    text-align: center;
    background: #fff;
    padding: 20px 20px;
    max-width: 440px;
    border-radius: 10px;
    position: relative;
}
.ovm-con h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}
.ofm-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    justify-content: center;
}
.ofm-group input {
    width: 30px;
}
.ovm-btn a {
    color: #000;
    margin-top: 10px;
    display: block;
    font-weight: 600;
    font-size: 15px;
}
span.ovm-close {
    position: absolute;
    right: 14px;
    top: 6px;
    font-size: 30px;
    color: #fe0000;
    cursor: pointer;
}
span.ovm-close:hover {
    color: #000;
}
.md-country-picker-item {
    position: relative;
    line-height: 20px;
    padding: 10px 0 10px 40px;
}

.md-country-picker-flag {
    position: absolute;
    left: 0;
    height: 20px;
}

.mbsc-scroller-wheel-item-2d .md-country-picker-item {
    transform: scale(1.1);
}
.form-row {
    display: flex;
    gap: 10px;
}
.gp-0{
    gap: 0 !important;
}
.form-group {
    width: 100%;
}
.form-phone {
    width: 100%;
}
.fgr-otp a {
    margin-top: 12px;
    display: block;
}
.fgr-otp a:hover {
 color: #fe0000;
}
.fp1z select {
    padding: 7px 7px;
    font-size: 14px;
}
.slide_enq_form .form-row {
    flex-wrap: wrap;
}
.slide_enq_form select.form-select {
    border: 1px solid #ddd;
    margin-bottom: 14px !important;
    border-radius: 0 !important;
    height: 43px;
}

.slide_enq_form .frw-sfr {
    flex-wrap: nowrap !important;
}

@media (max-width: 768px) {
  .inner-banner {
        background-size: 100% !important;
        min-height: auto ! IMPORTANT;
        padding-top: 29.25% !important;
        position: relative;
  }

  .ib-inner {
    position: relative;
   /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    width: 100%;
    text-align: center;
    padding: 0 15px;
  }
}
@media(max-width: 991px){
.mob-innerbanner{
background-size: contain;
}
.inner-banner {
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 250px; /* adjust based on design */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 15px;
  box-sizing: border-box;
}

.ib-inner {

    /*background: #fff;*/

}
.ibi-other .ibi-f h3{
    /*color: #000;*/
}
    .ibi-other .ibi-f h3 {
        line-height: 22px !important;
        font-size: 14px !important;
        margin-bottom: 8px;
        padding-bottom: 8px;
        padding-top: 5px;
    }
    .ibs-box {
    /* display: flex
; */
    background: #ececec;
    /* align-items: center; */
    padding: 10px;
    border-radius: 10px;
    margin-inline: 10px;
    /*box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);*/
}
}

.usbi-two .form-check a{
     position: relative;


}
.right-filter .usbi-two .form-check label {
  font-size: 14px;
    cursor: pointer;
    color: #000;
    background: #9e9e9e61;
    border-radius: 10px 10px 0px;
    padding: 8px;
    padding-left: 25px;
    width: 100%;
    border-bottom: 3px inset #9E9E9E;


}
.right-filter .usbi-two .form-check a:before{
      content: "";
    position: absolute;

    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ed512c;
   left: 9px;
    margin-top: 13px;
}
.right-filter .usbi-two .form-check {
    margin-bottom: 8px;
    padding-left: 0;
       margin-left: 5px;
       margin-right: 5px;
}
.right-filter .usbi-two .form-check:hover label {
    color: #fff;
     background: #0a2d7c;
}
@media(max-width: 768px){
    .course-banner-mb{
  background-image:url('../images/banner-mob/course-banner-mb.jpg') !important;
}
.college-banner-mob{
    background-image:url('../images/banner-mob/college-banner-mb.jpg') !important;
}
.exam-banner-mob{
    background-image:url('../images/banner-mob/exam-banner-mb.jpg') !important;
}
.news-banner-mob{
    background-image:url('../images/banner-mob/news-banner-mb.jpg') !important;
}
.university-banner-mob{
    background-image:url('../images/banner-mob/university-banner-mb.jpg') !important;
}
}
@media(max-width:575px){
    .news-content h3 {
    -webkit-line-clamp: 2;
    height: 36px;
}
}