@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


body {
  margin: 0;
  font-family: "Roboto";
  font-size: 1.2rem;
  font-weight: 400;
  color: #212529;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.page-section-2 {
  padding: 6rem 0;
}
.page-section h2.section-heading {
  font-size: 3.7rem;
	font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
}
.page-section h3.section-subheading {
  font-size: 1.9rem;
  font-weight: 700;
  font-style: normal;
  font-family: "Roboto";
  margin-bottom: 4rem;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

.menu-course-nav > li > a:hover, .menu-course-nav > li > a:focus {
    background-color: rgba(0,0,0,0.20);
    outline:none;
}

.menu-course-nav .dropdown-menu {
    background-color: #f4f4f4;
	padding: 0;
	overflow: hidden;
}

.menu-course-nav .dropdown-menu {
    background-color: #f4f4f4;
	padding: 0;
	overflow: hidden;
	float: left;
	position: relative;
}

.menu-course-nav .dropdown-item {
    padding: .5rem 1rem;
    border-bottom: solid 1px #d5d5d5;
    color:#000;
}

.menu-course-nav .dropdown-item:hover, .menu-course-nav .dropdown-item:focus {
    color: #e63946;
    background-color: #e8e8e8;
    text-decoration: none;
    outline:none;
}

.menu-course-nav .dropdown-item.active, .menu-course-nav .dropdown-item:active {
    color: #e63946;
    background-color: #e8e8e8;
    text-decoration: none;
    outline:none;
}

.menu-course-nav .dropdown-item.disabled, .menu-course-nav .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color:transparent;
}





.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color:#f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color:#dae0e5
}

.btn-light:focus, .btn-light.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
    box-shadow:0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color:#f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color:#d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
    box-shadow:0 0 0 .2rem rgba(216, 217, 219, .5)
}





.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color:#f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color:#dae0e5
}

.btn-light:focus, .btn-light.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
    box-shadow:0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color:#f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color:#d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
    box-shadow:0 0 0 .2rem rgba(216, 217, 219, .5)
}




.btn-custom {
    color: var(--tooltip-txt-color);
    background-color: var(--tooltip-bg-color);
    border-color: var(--tooltip-bg-color);
    
}

.btn-custom:hover {
    color: var(--tooltip-txtover-color);
    background-color: var(--tooltip-bgover-color);
    border-color: var(--tooltip-bgover-color);
}

.btn-custom:focus, .btn-custom.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,0,0,0.5);
    box-shadow:0 0 0 .2rem rgba(0,0,0,0.5);
}

.btn-custom.disabled, .btn-custom:disabled {
    color: var(--tooltip-txt-color);
    background-color: var(--tooltip-bg-color);
    border-color: var(--tooltip-bg-color);
}

.btn-custom.disabled:before, .btn-custom:disabled:before {
    background-color: var(--tooltip-bgdis-color);
    border-color: var(--tooltip-linedis-color);
}

.btn-custom:not(:disabled):not(.disabled):active, .btn-custom:not(:disabled):not(.disabled).active, .show > .btn-custom.dropdown-toggle {
    color: var(--tooltip-txt-color);
    background-color: var(--tooltip-bg-color);
    border-color: var(--tooltip-bg-color);
}

.btn-custom:not(:disabled):not(.disabled):active:focus, .btn-custom:not(:disabled):not(.disabled).active:focus, .show > .btn-custom.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,0,0,0.5);
    box-shadow:0 0 0 .2rem rgba(0,0,0,0.5);
}




.btn-custom2 {
    color: var(--tooltip-txt-color);
    background-color: var(--tooltip-bg-color);
    border-color: var(--tooltip-line-color);
    
}

.btn-custom2:hover {
    color: var(--tooltip-txtover-color);
    background-color: var(--tooltip-bgover-color);
    border-color: var(--tooltip-lineover-color);
}

.btn-custom2:focus, .btn-custom2.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,0,0,0.5);
    box-shadow:0 0 0 .2rem rgba(0,0,0,0.5);
}

.btn-custom2.disabled, .btn-custom2:disabled {
    color: var(--tooltip-txt-color);
    background-color: var(--tooltip-bg-color);
    border-color: var(--tooltip-line-color);
}

.btn-custom2.disabled:before, .btn-custom2:disabled:before {
    background-color: var(--tooltip-bgdis-color);
    border-color: var(--tooltip-linedis-color);
}

.btn-custom2:not(:disabled):not(.disabled):active, .btn-custom2:not(:disabled):not(.disabled).active, .show > .btn-custom2.dropdown-toggle {
    color: var(--tooltip-txt-color);
    background-color: var(--tooltip-bg-color);
    border-color: var(--tooltip-line-color);
}

.btn-custom2:not(:disabled):not(.disabled):active:focus, .btn-custom2:not(:disabled):not(.disabled).active:focus, .show > .btn-custom2.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,0,0,0.5);
    box-shadow:0 0 0 .2rem rgba(0,0,0,0.5);
}










.bg-inverse {
    background-color:#27323a !important
}

a.bg-inverse:hover, button.bg-inverse:hover, a.bg-inverse:focus, button.bg-inverse:focus {
    background-color:#181e23 !important
}




.rounded-xl {
  border-radius: 1rem !important;
}






/* ------------------------------------------------------
			Feautured efects
--------------------------------------------------------- */


/* Fueutured efect */
.efect-feautured {
  transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  position: relative;
  top: 0;
}
.efect-feautured:hover {
  top: -10px;
  transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
}

/* Shadow efect */
.shadow-efect {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  position: relative;
  top: 0;
}
.shadow-efect:hover {
  top: -10px;
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
  transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
}

/* Shadow-cust efect */
.shadow-cust {
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1) !important;
}


/* ------------------------------------------------------
			END Feautured efects
--------------------------------------------------------- */





/* ----------------------------------------------------
			navbar original bootstrap css
-------------------------------------------------------- */




.main-menu > .lang-item-nav ul {
    width:100%
}

.main-menu > .lang-item-nav {
    float: right
}

.main-menu > .lang-item-nav > a {
    background-color:#33424c
}

.main-menu > .lang-item-nav > a:after {
    right:6px !important
}

.header-light2 .main-menu > .lang-item-nav > a {
    background-color:#dedede
}

#main-header .main-menu > .lang-item-nav > a {
    background-color:transparent !important
}

.lang-item-nav a {
    padding-left: 33px !important;
    text-transform: capitalize !important;
    padding-right: .3rem !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis
}

@media only screen and (max-width: 768px) {
    .lang-item-nav a {
        padding-left:40px !important
    }
}



/* ----------------------------------------------------
			END navbar original bootstrap css
-------------------------------------------------------- */






.btn-link {
	color:#FFF;
}

.btn-link:hover {
	color:red;
}




.btn.btn-link4, .btn-link4 {
	color: var(--tooltip-color);
}

.btn.btn-link4:hover,.btn-link4:hover,.btn.btn-link4:focus,.btn-link4:focus,.btn.btn-link4:active,.btn-link4:active {
    color: var(--tooltip-hvcolor)!important
}



.border-right-responsive {
	border-right: 1px solid;
}

@media only screen and (max-width: 768px) {
    .border-right-responsive {
		border-right: none;
	}
}

.border-right-responsive2 {
	border-right: 1px solid;
}

@media only screen and (max-width: 768px) {
    
    .border-right-responsive2 {
		border-right: none;
        border-bottom: 1px solid;
	}
}









/* -------------- tabs -------------- */



.theme-tabs.moodle-tabs {
    margin-bottom:1.3rem
}

.theme-tabs .nav-tabs {
    list-style: none !important;
    border-bottom-color: #e63946;
    border-bottom-width:2px
}

.theme-tabs .nav-tabs .nav-item {
    margin-bottom:0
}

.theme-tabs .nav-tabs .nav-link {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    color: #000;
    margin-right: .3rem;
    padding: .35rem .7rem;
    -webkit-border-radius: .15rem .15rem 0 0;
    -moz-border-radius: .15rem .15rem 0 0;
    -ms-border-radius: .15rem .15rem 0 0;
    border-radius:.15rem .15rem 0 0
}

.theme-tabs .nav-tabs .nav-link.active {
    background-color: #e63946;
    border-color: #e63946;
    color:#fff !important
}

.theme-tabs .tab-content {
    padding-top:1.3rem
}







/* ----------------------------------------------------
			Row with equal height columns
-------------------------------------------------------- */

.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}

/* ----------------------------------------------------
			END Row with equal height columns
-------------------------------------------------------- */



/* ----------------------------------------------------
			grid sistem tabs
-------------------------------------------------------- */



.grid-container {
  display: grid;
  grid-gap: 0;
  grid-template-columns: auto auto auto;
}

.grid-item {
  padding: 0 15px;
  margin: 0 15px;
}


/* ----------------------------------------------------
			END grid sistem tabs
-------------------------------------------------------- */






/* ------------------------------------------------------
			Vertical NAV TABS custom
--------------------------------------------------------- */

/* ------------ Dark background ------------ */
.nav-pills-custom {
    display: table;
}

.nav-pills-custom .nav-pills {
    display: table-cell;
    width: 28%;
    min-width: 28%;
    vertical-align: top;
    border: none;
    border-right: 2px solid rgba(255,255,255,0.2);
    padding:50px 0;
}

.nav-pills-custom .nav-link {
    color: rgba(255,255,255,0.35);
    background: rgba(0,0,0,0);
    position: relative;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 0 0 1px 0;
    border: none;
    transition: all 0.3s ease 0s;
}

.nav-pills-custom .nav-link.active,
.nav-pills-custom .nav-link:hover {
    color: #FFF;
    background: rgba(0,0,0,0);
    border: none;
}

.nav-pills-custom .tab-content{
    background-color: rgba(0,0,0,0);
    padding: 50px 0 50px 50px;
    display: table-cell;
    position: relative;
}

.nav-pills-custom .nav-link::before,
.nav-pills-custom .nav-link:hover::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0.1s;
}

.nav-pills-custom .nav-link::after,
.nav-pills-custom .nav-link:hover::after {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #FFF;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -4px;
    transform: translateY(-50%);
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0.1s;
}
    
.nav-pills-custom .nav-link::before,
.nav-pills-custom .nav-link:hover::before {
    content: "";
    background: transparent;
    border-right: 3px solid #FFF;
    height: 100%;
    transform: translateY(0);
    top: 0;
    right: 8px;
    transition: all 0.3s ease 0s;
}

.nav-pills-custom .nav-link.active::before,
.nav-pills-custom .nav-link:hover::before {
    opacity: 1;
    right: -2px;
}

.nav-pills-custom .nav-link.active::after,
.nav-pills-custom .nav-link:hover::after {
    opacity: 1;
    right: -12px;
}

@media only screen and (max-width: 768px) {
    
    .nav-pills-custom .nav-pills {
        display: block;
        width: 100%;
        border-right: none;
        padding: 0;
    }

    .nav-pills-custom .nav-link {
        padding: 7px 7px;
        margin: 0 0 18px 0;
        text-align: center;
    }
    
    .nav-pills-custom .nav-link::before,
    .nav-pills-custom .nav-link:hover::before {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        bottom:0;
        top: -107px;
    }

    .nav-pills-custom .nav-link::after,
    .nav-pills-custom .nav-link:hover::after {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        top: auto;
        bottom:0;
    }
    
    .nav-pills-custom .nav-link::before,
    .nav-pills-custom .nav-link:hover::before {
        height: 500%;
    }

    .nav-pills-custom .nav-link.active::before,
    .nav-pills-custom .nav-link:hover::before {
        bottom: 0;
        right: 50%;
		top: -95px;
    }

    .nav-pills-custom .nav-link.active::after,
    .nav-pills-custom .nav-link:hover::after {
        bottom: -7px;
        right: 50%;
    }

    .nav-pills-custom .tab-content{
        border-top: 1px solid #ccc;
        display: block;
        padding: 50px 15px;
    }
       
}

@media (min-width: 0.001px) and (max-width: 395px) {
    
    .nav-pills-custom .nav-link::before,
    .nav-pills-custom .nav-link:hover::before {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        bottom:0;
        top: -57px;
    }

    .nav-pills-custom .nav-link::after,
    .nav-pills-custom .nav-link:hover::after {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        top: auto;
        bottom:0;
    }
    
    .nav-pills-custom .nav-link::before,
    .nav-pills-custom .nav-link:hover::before {
        height: 300%;
    }

    .nav-pills-custom .nav-link.active::before,
    .nav-pills-custom .nav-link.active:hover::before {
        bottom: 0;
        right: 50%;
		top: -35px;
    }

    .nav-pills-custom .nav-link.active::after,
    .nav-pills-custom .nav-link.active:hover::after {
        bottom: -7px;
        right: 50%;
    }

}
/* ------------ END Dark background ------------ */

/* ------------ Light background ------------ */

.nav-pills-custom.pills-light-cust .nav-pills {
    border-right: 2px solid rgba(0,0,0,0.2);
}

.nav-pills-custom.pills-light-cust .nav-link {
    color: rgba(0,0,0,0.35);
    background: rgba(0,0,0,0);
}

.nav-pills-custom.pills-light-cust .nav-link.active,
.nav-pills-custom.pills-light-cust .nav-link:hover {
    color: #e63946;
    background: rgba(0,0,0,0);
}

.nav-pills-custom.pills-light-cust .tab-content{
    background-color: rgba(0,0,0,0);
}

.nav-pills-custom.pills-light-cust .nav-link::after,
.nav-pills-custom.pills-light-cust .nav-link:hover::after {
    border-top: 8px solid transparent;
    border-left: 10px solid #e63946;
    border-bottom: 8px solid transparent;
}
    
.nav-pills-custom.pills-light-cust .nav-link::before,
.nav-pills-custom.pills-light-cust .nav-link:hover::before {
    background: transparent;
    border-right: 3px solid #e63946;
}

@media only screen and (max-width: 768px) {
    
    .nav-pills-custom.pills-light-cust .nav-pills {
        display: block;
        width: 100%;
        border-right: none;
        padding: 0;
    }

    .nav-pills-custom.pills-light-cust .nav-link {
        padding: 7px 7px;
        margin: 0 0 18px 0;
        text-align: center;
    }
    
    .nav-pills-custom.pills-light-cust .nav-link::before,
    .nav-pills-custom.pills-light-cust .nav-link:hover::before {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        bottom:0;
        top: -107px;
    }

    .nav-pills-custom.pills-light-cust .nav-link::after,
    .nav-pills-custom.pills-light-cust .nav-link:hover::after {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        top: auto;
        bottom:0;
    }
    
    .nav-pills-custom.pills-light-cust .nav-link::before,
    .nav-pills-custom.pills-light-cust .nav-link:hover::before {
        height: 500%;
    }

    .nav-pills-custom.pills-light-cust .nav-link.active::before,
    .nav-pills-custom.pills-light-cust .nav-link:hover::before {
        bottom: 0;
        right: 50%;
		top: -95px;
    }

    .nav-pills-custom.pills-light-cust .nav-link.active::after,
    .nav-pills-custom.pills-light-cust .nav-link:hover::after {
        bottom: -7px;
        right: 50%;
    }

    .nav-pills-custom.pills-light-cust .tab-content{
        border-top: 1px solid #ccc;
        display: block;
        padding: 50px 15px;
    }
       
}

@media (min-width: 0.001px) and (max-width: 395px) {
    
    .nav-pills-custom.pills-light-cust .nav-link::before,
    .nav-pills-custom.pills-light-cust .nav-link:hover::before {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        bottom:0;
        top: -57px;
    }

    .nav-pills-custom.pills-light-cust .nav-link::after,
    .nav-pills-custom.pills-light-cust .nav-link:hover::after {
        transform: translateY(0) translateX(50%) rotate(90deg);
        right: 50%;
        top: auto;
        bottom:0;
    }
    
    .nav-pills-custom.pills-light-cust .nav-link::before,
    .nav-pills-custom.pills-light-cust .nav-link:hover::before {
        height: 300%;
    }

    .nav-pills-custom.pills-light-cust .nav-link.active::before,
    .nav-pills-custom.pills-light-cust .nav-link.active:hover::before {
        bottom: 0;
        right: 50%;
		top: -35px;
    }

    .nav-pills-custom.pills-light-cust .nav-link.active::after,
    .nav-pills-custom.pills-light-cust .nav-link.active:hover::after {
        bottom: -7px;
        right: 50%;
    }

}
/* ------------ END light background ------------ */




/* ------------------------------------------------------
			END Vertical NAV TABS custom
--------------------------------------------------------- */



/* ------------------------------------------------------
			Vertical NAV TABS custom
--------------------------------------------------------- */


.icon-collapse {;
}

.icon-collapse .nav-pills {
    border: none;
}

.icon-collapse .nav-pills .nav-link {
    color: inherit !important;
    background: rgba(0,0,0,0);
    border: none;
}

.icon-collapse .nav-pills .nav-link .card .card-top-wrapper {
    position:relative;
}

.icon-collapse .nav-pills .nav-link .card .card-top-wrapper .card-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
}

.icon-collapse .nav-pills .nav-link.active .card .card-top-wrapper .card-overlay,
.icon-collapse .nav-pills .nav-link:hover .card .card-top-wrapper .card-overlay {
    opacity: 1;
}

.icon-collapse .nav-pills .nav-link.active,
.icon-collapse .nav-pills .nav-link:hover {
    color: inherit !important;
    background-color: rgba(0,0,0,0) !important;
    border: none;
}

.nav-pills-custom .tab-content{
    background-color: rgba(0,0,0,0);
    padding-top: 50px;
	padding-bottom: 50px;
}


/* ------------------------------------------------------
			END Vertical NAV TABS custom
--------------------------------------------------------- */












/* ------------------------------------------------------
			owl Nav and Dots custom
--------------------------------------------------------- */

.slider-nav-out .owl-nav {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    opacity:0.4
}

.slider-nav-out .owl-nav > div {
    display: block;
    width: 2.35rem;
    height: 2.35rem;
    line-height: 2.35rem;
    background-color: rgba(0, 0, 0, .6);
    color: #FFF;
    position: absolute;
    top: 100%;
    margin-top: -2.375rem;
    text-align: center;
    font-size:1.3rem
}

.slider-nav-out .owl-nav > div.owl-prev {
    left:1rem
}

.slider-nav-out .owl-nav > div.owl-next {
    right:1rem
}

.slider-nav-out .owl-carousel:hover .owl-nav {
    opacity:1;
	background-color: rgba(230,57,70,1.0);
	color: #FFF
}

.slider-nav-out .owl-carousel:hover .owl-nav > div {
	background-color: rgba(230,57,70,1.0);
	color: #FFF
}

.slider-nav-out .owl-dots {
    text-align: center;
    margin-top:1.35rem
}

.slider-nav-out .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .3);
    margin: .4rem .7rem;
    border-radius: 999px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition:all .15s ease-in-out
}

.slider-nav-out .owl-dot.active {
    background-color:#e63946
}

.slider-nav-out .owl-dots>.owl-dot {
    text-align: center;
    margin-top:1.35rem;
	color: #FFF;
    width: 35px;
    height: 26px;
    margin: .4rem .7rem;
    border-radius: 5px;
	font-weight: 400;
	font-size: 1rem;
	padding-top: .1rem
}

.slider-nav-out .owl-dot.active>.owl-dot {
    background-color:#e63946
}

.slider-nav-out .owl-carousel .owl-stage-outer {
    box-shadow: 0 0 20px 7px rgba(0,0,0,0.15)
}


/* ------------ Dark owl Nav and Dots custom ------------ */


.slider-nav-out.nav-out-dark .owl-nav {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    opacity:0.4
}

.slider-nav-out.nav-out-dark .owl-nav > div {
    display: block;
    width: 2.35rem;
    height: 2.35rem;
    line-height: 2.35rem;
    background-color: rgba(255, 255, 255, .6);
    color: #e63946;
    position: absolute;
    top: 100%;
    margin-top: -2.375rem;
    text-align: center;
    font-size:1.3rem
}

.slider-nav-out.nav-out-dark .owl-nav > div.owl-prev {
    left:1rem
}

.slider-nav-out.nav-out-dark .owl-nav > div.owl-next {
    right:1rem
}

.slider-nav-out.nav-out-dark .owl-carousel:hover .owl-nav {
    opacity:1;
}

.slider-nav-out.nav-out-dark .owl-carousel:hover .owl-nav > div {
	background-color: rgba(255,255,255,1.0);
	color: #e63946
}

.slider-nav-out.nav-out-dark .owl-dots {
    text-align: center;
    margin-top:1.35rem
}

.slider-nav-out.nav-out-dark .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .3);
    margin: .4rem .7rem;
    border-radius: 999px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition:all .15s ease-in-out
}

.slider-nav-out.nav-out-dark .owl-dot.active {
    background-color:#FFF
}

.slider-nav-out.nav-out-dark .owl-dots>.owl-dot {
    text-align: center;
    margin-top:1.35rem;
	color: #e63946;
    width: 35px;
    height: 26px;
    margin: .4rem .7rem;
    border-radius: 5px;
	font-weight: 400;
	font-size: 1rem;
	padding-top: .1rem
}

.slider-nav-out.nav-out-dark .owl-dot.active>.owl-dot {
    background-color:#FFF
}

.slider-nav-out.nav-out-dark .owl-carousel .owl-stage-outer {
    box-shadow: 0 0 20px 7px rgba(0,0,0,0.15)
}


/* ------------ Dark Nav and Dots custom ------------ */


/* ------------------------------------------------------
			END owl Nav and Dots custom
--------------------------------------------------------- */









.bg-1 {
  background-color: #ffffff !important; }
  .bg-1.edge.bottom-right {
    position: relative; }
    .bg-1.edge.bottom-right::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 250' fill='rgb(255,255,255)' fill-opacity='1'%3E%3Cpolygon points='0,0 100,0 0,250'%3E%3C/polygon%3E%3C/svg%3E");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      content: '';
      height: 250px;
      left: 0;
      position: absolute;
      right: 0;
      width: 100%;
      z-index: 1;
      bottom: -250px; }
  .bg-1.edge.top-left {
    position: relative; }
    .bg-1.edge.top-left::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 250' fill='rgb(255,255,255)' fill-opacity='1'%3E%3Cpolygon points='0,250 100,250 100,0'%3E%3C/polygon%3E%3C/svg%3E");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      content: '';
      height: 250px;
      left: 0;
      position: absolute;
      right: 0;
      width: 100%;
      z-index: 1;
      top: -250px; }
  .bg-1.arrow:after {
    background-color: #ffffff; }
  .bg-1.alpha-1 {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .bg-1.alpha-2 {
    background-color: rgba(255, 255, 255, 0.2) !important; }
  .bg-1.alpha-3 {
    background-color: rgba(255, 255, 255, 0.3) !important; }
  .bg-1.alpha-4 {
    background-color: rgba(255, 255, 255, 0.4) !important; }
  .bg-1.alpha-5 {
    background-color: rgba(255, 255, 255, 0.5) !important; }
  .bg-1.alpha-6 {
    background-color: rgba(255, 255, 255, 0.6) !important; }
  .bg-1.alpha-7 {
    background-color: rgba(255, 255, 255, 0.7) !important; }
  .bg-1.alpha-8 {
    background-color: rgba(255, 255, 255, 0.8) !important; }
  .bg-1.alpha-9 {
    background-color: rgba(255, 255, 255, 0.9) !important; }

.shadow-box {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.03); }


.image-background {
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat; }
  .image-background.cover {
    background-size: cover; }
  .image-background.contain {
    background-size: contain; }
  .image-background.left-bottom {
    background-position: 0 bottom; }
  .image-background.center-top {
    background-position: center top; }
  .image-background.center-bottom {
    background-position: center bottom; }
  .image-background.p100-top {
    background-position: 100% top; }
  .image-background.p100-bottom {
    background-position: 100% bottom; }




.off-left-background {
  background-position: -60px 20px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all .4s ease;
  transition: all .4s ease; }
  .off-left-background:hover {
    background-position: -60px 0px;
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }








/* ------------------------------------------------------
			Big font title custom
--------------------------------------------------------- */



@media (min-width: 0.001px) and (max-width: 395px) {
	
	.big-font2 {
		font-size: 50% !important;
		line-height: 1 !important;
	}
	
	.big-font {
		font-size: 50%;
	}

}

@media (min-width: 396px) and (max-width: 575px) {
	
	.big-font2 {
		font-size: 70% !important;
	}
	
	.big-font {
		font-size: 65%;
	}

}

@media (min-width: 576px) and (max-width: 767px) {
	
	.big-font2 {
	}
	
	.big-font {
		font-size: 70%;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	
	.big-font2 {
	}
	
	.big-font {
		font-size: 65%;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.big-font2 {
		font-size: 77%;
	}
	
	.big-font {
		font-size: 65%;
	}

}




/* ------------------------------------------------------
			END Big font title custom
--------------------------------------------------------- */




/* ------------------------------------------------------
			image shape
--------------------------------------------------------- */

/* About Images */

.about-images {
    position: relative;
    z-index: 1;
    margin-top:0
}

.about-images img {
    border-radius:50%
}

.about-images .shape {
    width: 340px;
    height: 540px;
    background-color: #ebf7f8;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) rotate(30deg);
    -ms-transform: translateX(-50%) rotate(30deg);
    transform: translateX(-50%) rotate(30deg);
    position: absolute;
    top: 10px;
    left: 58%;
    z-index:-1
}

@media only screen and (max-width: 575px) {
    .about-images .shape {
        width: 240px;
        height:340px
    }
}




/* Call-to-action Images */

.call-to-action-image {
  padding: 40px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 575px) {
  .call-to-action-image {
    padding: 0px;
  }
}

.call-to-action-image img {
  width: 100%;
  box-shadow: 0px 8px 46px 0px rgba(3, 15, 39, 0.13);
  border-radius: 10px;
}

.call-to-action-image .shape-1 {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: -1;
}

.call-to-action-image .shape-1 img {
  width: auto;
  box-shadow: none;
  border-radius: 0;
  opacity: 0.18;
}

.call-to-action-image .shape-2 {
  width: 310px;
  height: 335px;
  background-color: #ebf7f8;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px;
  z-index: -1;
}

@media only screen and (max-width: 575px) {
  .call-to-action-image .shape-2 {
    width: 180px;
    height: 205px;
  }
}


/* ------------------------------------------------------
			END image shape
--------------------------------------------------------- */









/* ------------------------------------------------------
			Tittle section
--------------------------------------------------------- */

.section-title-efect .title {
    font-size: 60px;
    margin-bottom:0
}

@media only screen and (min-width: 992px) and(max-width: 1199px) {
    .section-title-efect .title {
        font-size:44px
    }
}

@media only screen and (min-width: 768px) and(max-width: 991px) {
    .section-title-efect .title {
        font-size:42px
    }
}

@media only screen and (max-width: 767px) {
    .section-title-efect .title {
        font-size:40px
    }
}

@media only screen and (max-width: 575px) {
    .section-title-efect .title {
        font-size:24px
    }
}

.section-title-efect .title span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding:0 5px
}

.section-title-efect .title span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 14px;
    background-color: var(--tooltip-color);
    bottom: 13px;
    left: 0;
    z-index:-1
}

@media only screen and (max-width: 767px) {
    .section-title-efect .title span::before {
        bottom:5px
    }
}

@media only screen and (max-width: 575px) {
    .section-title-efect .title span::before {
        height: 8px;
        bottom:3px
    }
}


/* ------------------------------------------------------
			END Tittle section
--------------------------------------------------------- */




/* ------------------------------------------------------
			Tittle section 2
--------------------------------------------------------- */

.section-title-efect2 .title {
	font-size: var(--tooltip-txtsize);
    margin-bottom:0
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-efect2 .title {
		font-size: var(--tooltip-txtlgsize);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-efect2 .title {
		font-size: var(--tooltip-txtmdsize);
    }
}

@media screen and (max-width: 767px) {
    .section-title-efect2 .title {
		font-size: var(--tooltip-txtsmsize);
    }
}

@media screen and (max-width: 575px) {
    .section-title-efect2 .title {
		font-size: var(--tooltip-txtxsmsize);
    }
}

.section-title-efect2 .title span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding:0 5px
}

.section-title-efect2 .title span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 14px;
    background-color: var(--tooltip-color);
    bottom: 13px;
    left: 0;
    z-index:-1
}

@media screen and (max-width: 767px) {
    .section-title-efect2 .title span::before {
        bottom:5px
    }
}

@media screen and (max-width: 575px) {
    .section-title-efect2 .title span::before {
        height: 8px;
        bottom:3px
    }
}


/* ------------------------------------------------------
			END Tittle section 2
--------------------------------------------------------- */










/*==================
Dropcaps Style
====================*/
.dropcap {
    color: #222222;
    display: block;
    float: left;
    font-size: 60px;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    margin-top: 6px;
    text-transform: uppercase;
}

.dropcap-brand {
    color: #fdc657;
}

.dropcap-rounded {
    border-radius: 50%;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    width: 40px;
}

.dropcap-square {
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 40px;
	border-radius: 4px;
}
/*==================
Dropcaps Style
====================*/
















/* ------------------------------------------------------
			feature-box
--------------------------------------------------------- */


  .feature-box .feature-post {
    margin-bottom: 40px;
    display: flex; }
    .feature-box .feature-post a {
      display: inline-block;
      width: 70px !important;
      height: 70px !important;
      background: var(--tooltip-bg-color);
      line-height: 70px;
      text-align: center;
      color: var(--tooltip-color);
      font-size: 34px;
      margin-right: 30px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative; }
      .feature-box .feature-post a i {
        position: relative;
        z-index: 2; }
      .feature-box .feature-post a:after {
        content: '';
        top: -10px;
        left: -10px;
        bottom: -10px;
        right: -10px;
        position: absolute;
        opacity: 0.3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
      .feature-box .feature-post:hover a, .feature-box .feature-post a:hover {
        background: var(--tooltip-bgover-color);
        color: var(--tooltip-over-color); }
      .feature-box .feature-post:hover a:after, .feature-box .feature-post a:hover:after {
        background: var(--tooltip-bgover-color);
        animation-name: bordermove;
        animation-duration: 0.8s;
        animation-timing-function: ease-out;
        animation-delay: 0s;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-fill-mode: none;
        animation-play-state: running; }

@keyframes bordermove {
  0% {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px; }
  100% {
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px; } }
    .feature-box .feature-post .features-post-content {
      padding-top: 20px; }
      .feature-box .feature-post .features-post-content h2 {
      color: var(--tooltip-title-color);
        margin-bottom: 0px; }
      .feature-box .feature-post .features-post-content p {
      color: var(--tooltip-txt-color);
        margin-bottom: 0px; }

.second-style .feature-box .title-section {
  text-align: left;
  margin-top: 20px; }
  .second-style .feature-box .title-section h1 {
    font-size: 36px;
    margin-bottom: 30px; }

.second-style .feature-box .feature-post a {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(71, 133, 255, 0.7);
  line-height: 68px;
  color: #4885ff;
  font-size: 34px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative; }
  .second-style .feature-box .feature-post a i {
    position: relative;
    z-index: 2; }
  .second-style .feature-box .feature-post a:after {
    content: '';
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    position: absolute;
    border: 1px solid #4885ff;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  .second-style .feature-box .feature-post:hover a, .second-style .feature-box .feature-post a:hover {
    background:  var(--tooltip-color);
    color: #fff; }
  .second-style .feature-box .feature-post:hover a:after, .second-style .feature-box .feature-post a:hover:after {
    background: var(--tooltip-color);
    animation-name: bordermove;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running; }

@keyframes bordermove {
  0% {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px; }
  100% {
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px; } }

/* ------------------------------------------------------
			feature-box
--------------------------------------------------------- */





/* ------------------------------------------------------
			feature-box vertical
--------------------------------------------------------- */


  .services-box .services-post {
    margin-bottom: 50px;
    background: var(--tooltip-bg-post-color);
    text-align: center; }
  .services-box .services-post:hover {
    background: var(--tooltip-bgover-post-color); }
    .services-box .services-post a {
      display: inline-block;
      width: 70px !important;
      height: 70px !important;
      background: var(--tooltip-bg-color);
      line-height: 70px;
      color: var(--tooltip-color);
      font-size: 34px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-bottom: 30px;
      position: relative; }
      .services-box .services-post a i {
        position: relative;
        z-index: 2; }
      .services-box .services-post a:after {
        content: '';
        top: -10px;
        left: -10px;
        bottom: -10px;
        right: -10px;
        position: absolute;
        opacity: 0.3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
      .services-box .services-post:hover a, .services-box .services-post a:hover {
        background: var(--tooltip-bgover-color);
        color: var(--tooltip-over-color); }
      .services-box .services-post:hover a:after, .services-box .services-post a:hover:after {
        background: var(--tooltip-bgover-color);
        animation-name: bordermove;
        animation-duration: 0.8s;
        animation-timing-function: ease-out;
        animation-delay: 0s;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-fill-mode: none;
        animation-play-state: running; }

@keyframes bordermove {
  0% {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px; }
  100% {
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px; } }
    .services-box .services-post h2 {
      color: var(--tooltip-title-color);
      margin-bottom: 0px; }
    .services-box .services-post p {
      color: var(--tooltip-txt-color);
      margin-bottom: 0px; }
    .services-box .services-post:hover h2 {
      color: var(--tooltip-titleover-color);
      margin-bottom: 0px; }
    .services-box .services-post:hover p {
      color: var(--tooltip-txtover-color);
      margin-bottom: 0px; }

/* ------------------------------------------------------
			feature-box vertical
--------------------------------------------------------- */





/* ----------------------------------------------------
			Flip Card
-------------------------------------------------------- */
/* Flip Cards CSS */
.card-container {
  display: grid;
  perspective: 700px;
}
.card-flip {
  display: grid;
  grid-template: 1fr / 1fr;
  grid-template-areas: "frontAndBack";
  transform-style: preserve-3d;
  transition: all 0.7s ease;
}
.card-flip div {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.front {
  grid-area: frontAndBack;
}
.back {
  grid-area: frontAndBack;
  transform: rotateY(-180deg);
}
.card-container:hover .card-flip {
  transform: rotateY(180deg);
}
/* ----------------------------------------------------
			END Flip Card
-------------------------------------------------------- */






/* ------------------------------------------------------
			text in 2 colums
--------------------------------------------------------- */

.twocolums {
    column-count:2;
    column-gap:30px;
}



@media screen and (max-width: 767px) {
    .twocolums {
        column-count:1;
        column-gap:inherit;
    }
}



.colums-1 {
    column-count:1;
    column-gap:inherit;
}

.colums-2 {
    column-count:2;
    column-gap:30px;
}

.colums-3 {
    column-count:3;
    column-gap:30px;
}

.colums-4 {
    column-count:4;
    column-gap:30px;
}

.colums-5 {
    column-count:5;
    column-gap:30px;
}

.colums-6 {
    column-count:6;
    column-gap:30px;
}




@media (min-width: 396px) {
    
    .colums-xs-1 {
        column-count:1;
        column-gap:inherit;
    }
    
    .colums-xs-2 {
        column-count:2;
        column-gap:30px;
    }
    
    .colums-xs-3 {
        column-count:3;
        column-gap:30px;
    }
    
    .colums-xs-4 {
        column-count:4;
        column-gap:30px;
    }
    
    .colums-xs-5 {
        column-count:5;
        column-gap:30px;
    }
    
    .colums-xs-6 {
        column-count:6;
        column-gap:30px;
    }
    
}

@media (min-width: 576px) {
    
    .colums-sm-1 {
        column-count:1;
        column-gap:inherit;
    }
    
    .colums-sm-2 {
        column-count:2;
        column-gap:30px;
    }
    
    .colums-sm-3 {
        column-count:3;
        column-gap:30px;
    }
    
    .colums-sm-4 {
        column-count:4;
        column-gap:30px;
    }
    
    .colums-sm-5 {
        column-count:5;
        column-gap:30px;
    }
    
    .colums-sm-6 {
        column-count:6;
        column-gap:30px;
    }
    
}

@media (min-width: 768px) {
    
    .colums-md-1 {
        column-count:1;
        column-gap:inherit;
    }
    
    .colums-md-2 {
        column-count:2;
        column-gap:30px;
    }
    
    .colums-md-3 {
        column-count:3;
        column-gap:30px;
    }
    
    .colums-md-4 {
        column-count:4;
        column-gap:30px;
    }
    
    .colums-md-5 {
        column-count:5;
        column-gap:30px;
    }
    
    .colums-md-6 {
        column-count:6;
        column-gap:30px;
    }
    
}

@media (min-width: 992px) {
    
    .colums-lg-1 {
        column-count:1;
        column-gap:inherit;
    }
    
    .colums-lg-2 {
        column-count:2;
        column-gap:30px;
    }
    
    .colums-lg-3 {
        column-count:3;
        column-gap:30px;
    }
    
    .colums-lg-4 {
        column-count:4;
        column-gap:30px;
    }
    
    .colums-lg-5 {
        column-count:5;
        column-gap:30px;
    }
    
    .colums-lg-6 {
        column-count:6;
        column-gap:30px;
    }
    
}

@media (min-width: 1200px) {
    
    .colums-xl-1 {
        column-count:1;
        column-gap:inherit;
    }
    
    .colums-xl-2 {
        column-count:2;
        column-gap:30px;
    }
    
    .colums-xl-3 {
        column-count:3;
        column-gap:30px;
    }
    
    .colums-xl-4 {
        column-count:4;
        column-gap:30px;
    }
    
    .colums-xl-5 {
        column-count:5;
        column-gap:30px;
    }
    
    .colums-xl-6 {
        column-count:6;
        column-gap:30px;
    }
    
}

/* ------------------------------------------------------
			END text in 2 colums
--------------------------------------------------------- */




/* ------------------------------------------------------
			HR custom CSS
--------------------------------------------------------- */
.hrcustom1 {
	height: 1px;
	background: var(--tooltip-color);
	border: none;
	outline: none;
	margin: 0 3rem;
	position: relative;
}

.hrcustom1:before {
	content: attr(data-symbol);
	position: absolute;
	top: 0;
	left: 50%;
	background: var(--tooltip-bg-color);
	color: var(--tooltip-color);
	padding: 0.5em 1em;
	transform: translate(-50%, -50%);
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    font-style: normal;
}

.hrcustom1#one {
	width: 50%;
	margin: 3rem auto;
}

.hrcustom2 {
  font-family: "Share Tech Mono", monospace;
  color: var(--tooltip-color);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hrcustom2::before, .hrcustom2::after {
  content: "";
  display: block;
  height: 1px;
  min-width: 17vw;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.hrcustom2::before {
  background: var(--tooltip-color);
  margin-right: 0.5em;
}
.hrcustom2::after {
  background: var(--tooltip-color);
  margin-left: 0.5em;
}

@media (max-width: 575px) {
	
	.hrcustom2::before, .hrcustom2::after {
		min-width: 20vw;
	}
	
}

@media (min-width: 576px) {
	
	.hrcustom2::before, .hrcustom2::after {
		min-width: 21vw;
	}
	
}

@media (min-width: 768px) {
	
	.hrcustom2::before, .hrcustom2::after {
		min-width: 18vw;
	}
	
}

@media (min-width: 992px) {
	
	.hrcustom2::before, .hrcustom2::after {
		min-width: 19vw;
	}
	
}

@media (min-width: 1200px) {
	
	.hrcustom1#one {
		width: 35%;
		margin: 3rem auto;
	}
	.hrcustom2::before, .hrcustom2::after {
		min-width: 13vw;
	}
	
}
/* ------------------------------------------------------
			END HR custom CSS
--------------------------------------------------------- */






/* ==============================
        Border responsive all
============================== */

.border-r1 {
	border-right: 1px solid;
}

.border-r0 {
	border-right: none;
}

.border-l1 {
	border-left: 1px solid;
}

.border-l0 {
	border-left: none;
}

.border-b1 {
        border-bottom: 1px solid;
}

.border-b0 {
        border-bottom: none;
}

.border-t1 {
        border-top: 1px solid;
}

.border-t0 {
        border-top: none;
}


.rounded-custom {
    border-radius: var(--tooltip-radius)!important;
}

.rounded-tcustom {
    border-top-left-radius: var(--tooltip-radius)!important;
    border-top-right-radius: var(--tooltip-radius)!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.rounded-rcustom {
    border-top-right-radius: var(--tooltip-radius)!important;
    border-bottom-right-radius: var(--tooltip-radius)!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.rounded-bcustom {
    border-bottom-right-radius: var(--tooltip-radius)!important;
    border-bottom-left-radius: var(--tooltip-radius)!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

.rounded-lcustom {
    border-top-left-radius: var(--tooltip-radius)!important;
    border-bottom-left-radius: var(--tooltip-radius)!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}



@media (min-width: 576px) {
    
    .border-sm-r1 {
        border-right: 1px solid;
    }
    
    .border-sm-r0 {
        border-right: none;
    }
    
    .border-sm-l1 {
        border-left: 1px solid;
    }
    
    .border-sm-l0 {
        border-left: none;
    }
    
    .border-sm-b1 {
        border-bottom: 1px solid;
    }
    
    .border-sm-b0 {
        border-bottom: none;
    }
    
    .border-sm-t1 {
        border-top: 1px solid;
    }
    
    .border-sm-t0 {
        border-top: none;
    }
    
    
    .rounded-sm-custom {
        border-radius: var(--tooltip-radius)!important;
    }
    
    .rounded-sm-tcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    
    .rounded-sm-rcustom {
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
    
    .rounded-sm-bcustom {
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
    }
    
    .rounded-sm-lcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
}

@media (min-width: 768px) {
    
    .border-md-r1 {
        border-right: 1px solid;
    }
    
    .border-md-r0 {
        border-right: none;
    }
    
    .border-md-l1 {
        border-left: 1px solid;
    }
    
    .border-md-l0 {
        border-left: none;
    }
    
    .border-md-b1 {
        border-bottom: 1px solid;
    }
    
    .border-md-b0 {
        border-bottom: none;
    }
    
    .border-md-t1 {
        border-top: 1px solid;
    }
    
    .border-md-t0 {
        border-top: none;
    }
    
    
    .rounded-md-custom {
        border-radius: var(--tooltip-radius)!important;
    }
    
    .rounded-md-tcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    
    .rounded-md-rcustom {
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
    
    .rounded-md-bcustom {
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
    }
    
    .rounded-md-lcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
}

@media (min-width: 992px) {
    
    .border-lg-r1 {
        border-right: 1px solid;
    }
    
    .border-lg-r0 {
        border-right: none;
    }
    
    .border-lg-l1 {
        border-left: 1px solid;
    }
    
    .border-lg-l0 {
        border-left: none;
    }
    
    .border-lg-b1 {
        border-bottom: 1px solid;
    }
    
    .border-lg-b0 {
        border-bottom: none;
    }
    
    .border-lg-t1 {
        border-top: 1px solid;
    }
    
    .border-lg-t0 {
        border-top: none;
    }
    
    
    .rounded-lg-custom {
        border-radius: var(--tooltip-radius)!important;
    }
    
    .rounded-lg-tcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    
    .rounded-lg-rcustom {
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
    
    .rounded-lg-bcustom {
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
    }
    
    .rounded-lg-lcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
}

@media (min-width: 1200px) {
    
    .border-xl-r1 {
        border-right: 1px solid;
    }
    
    .border-xl-r0 {
        border-right: none;
    }
    
    .border-xl-l1 {
        border-left: 1px solid;
    }
    
    .border-xl-l0 {
        border-left: none;
    }
    
    .border-xl-b1 {
        border-bottom: 1px solid;
    }
    
    .border-xl-b0 {
        border-bottom: none;
    }
    
    .border-xl-t1 {
        border-top: 1px solid;
    }
    
    .border-xl-t0 {
        border-top: none;
    }
    
    
    .rounded-xl-custom {
        border-radius: var(--tooltip-radius)!important;
    }
    
    .rounded-xl-tcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    
    .rounded-xl-rcustom {
        border-top-right-radius: var(--tooltip-radius)!important;
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
    
    .rounded-xl-bcustom {
        border-bottom-right-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
    }
    
    .rounded-xl-lcustom {
        border-top-left-radius: var(--tooltip-radius)!important;
        border-bottom-left-radius: var(--tooltip-radius)!important;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
}

/* ==============================
        END Border responsive all
============================== */



/*==================================================
 * Theme boximg
 * ===============================================*/

.themes-boximg {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index:1
}
.themes-boximg-image {
    display: block;
    overflow:hidden
}

.themes-boximg-image img {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition:all .25s ease-in-out;
}

.themes-boximg-image:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform:scale(1.1);
}



/*==================================================
 * END Theme boximg
 * ===============================================*/



/* ----------------------------------------------------
			Card feautures
-------------------------------------------------------- */

.card.feautured {
    background: var(--tooltip-bgp-color);
    border: var(--tooltip-bord-color) !important; }
    
    .card.feautured:hover {
        background: var(--tooltip-bgpover-color);
        border: var(--tooltip-bordover-color) !important; }

    .card.feautured .icon-holdup {
        display: inline-block;
        width: 70px !important;
        height: 70px !important;
        line-height: 70px;
        color: var(--tooltip-hup-color);
        font-size: 34px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: relative; }
        .card.feautured .icon-holdup i {
            position: relative;
            font-style: normal;
            z-index: 25; }
        .card.feautured .icon-holdup svg {
            position: relative;
            z-index: 2;
            fill: var(--tooltip-hup-color); }
        .card.feautured .icon-holdup img {
            position: relative;
            z-index: 2;
            filter: var(--tooltip-hupfill-color); }
            .card.feautured:hover .icon-holdup, .card.feautured .icon-holdup:hover {
                color: var(--tooltip-hupover-color); }
            .card.feautured:hover .icon-holdup, .card.feautured .icon-holdup:hover svg {
                fill: var(--tooltip-hupover-color); }
            .card.feautured:hover .icon-holdup, .card.feautured .icon-holdup:hover img {
                filter: var(--tooltip-hupover-color); }

    .card.feautured .icon-hold span {
        display: inline-block;
        width: 70px !important;
        height: 70px !important;
        line-height: 70px;
        color: var(--tooltip-hicon-color);
        font-size: 34px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: relative;
        background: var(--tooltip-hiconbg-color); }
        .card.feautured .icon-hold span i {
            position: relative;
            font-style: normal;
            z-index: 25; }
        .card.feautured .icon-hold span:after {
            content: '';
            top: -10px;
            left: -10px;
            bottom: -10px;
            right: -10px;
            position: absolute;
            opacity: 0.3;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%; }
            .card.feautured:hover span, .card.feautured .icon-hold span:hover {
                color: var(--tooltip-hiconover-color);
                background: var(--tooltip-hiconbgover-color); }
            .card.feautured:hover span:after, .card.feautured .icon-hold span:hover:after {
                background: var(--tooltip-hiconbgover-color);
                animation-name: bordermove;
                animation-duration: 0.8s;
                animation-timing-function: ease-out;
                animation-delay: 0s;
                animation-direction: alternate;
                animation-iteration-count: infinite;
                animation-fill-mode: none;
                animation-play-state: running; }

    @keyframes bordermove {
        0% {
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px; }
        100% {
            top: -10px;
            left: -10px;
            bottom: -10px;
            right: -10px; } }

    .card.feautured h2 {
        color: var(--tooltip-title-color); }
    .card.feautured h3 {
        color: var(--tooltip-title2-color); }
    .card.feautured p {
        color: var(--tooltip-txt-color); }
    .card.feautured ul {
        color: var(--tooltip-txt-color); }
    .card.feautured:hover h2 {
        color: var(--tooltip-titleover-color); }
    .card.feautured:hover h3 {
        color: var(--tooltip-title2over-color); }
    .card.feautured:hover p {
        color: var(--tooltip-txtover-color); }
    .card.feautured:hover ul {
        color: var(--tooltip-txtover-color); }

/* ----------------------------------------------------
			END Card feautured
-------------------------------------------------------- */





.embed-responsive-h5p::before {
    padding-top: var(--tooltip-aspect-ratio);
}









/* ----------------------------------------------------
			pdf-viewer
-------------------------------------------------------- */
.pdf-viewer .lg-inner .lg-video {
    padding-bottom: 47%;
}
.lg-backdrop {
    -webkit-backdrop-filter: blur(4px); -o-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.lg-backdrop.in {
    opacity:0.93 !important;  -webkit-backdrop-filter: blur(4px); -o-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.mfp-bg {
    background: #000000 !important; opacity: 0.93 !important;  -webkit-backdrop-filter: blur(4px); -o-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .pdf-viewer .lg-inner .lg-video {
        padding-bottom: 53%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pdf-viewer .lg-inner .lg-video {
        padding-bottom: 65%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .pdf-viewer .lg-inner .lg-video {
        padding-bottom: 85%;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .pdf-viewer .lg-inner .lg-video {
        padding-bottom: 97%;
    }
}
@media screen and (max-width: 575px) {
    .pdf-viewer .lg-inner .lg-video {
        padding-bottom: 99%;
    }
}
/* ----------------------------------------------------
			END pdf-viewer
-------------------------------------------------------- */







/* ----------------------------------------------------
			Close modal
-------------------------------------------------------- */
.mod-close {
	background-color: rgba(0,0,0,0);
	margin-top: -40px;
	border: none;
}

.mod-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 3px;
    color: #fff;
    font-style: normal;
    font-size: 32px;
    font-family:  'Montserrat', sans-serif;
	font-weight: 100;
}

.mod-close:hover, .mod-close:focus {
    opacity:1
}

.mod-close:hover {
    color: #fff;
    background-color: #34434d;
    border-color: #242f36;
}

.mod-close:focus {
    color: #fff;
    background-color: #34434d;
    border-color: #242f36;
    -webkit-box-shadow: 0 0 0 .2rem rgba(87, 101, 110, .5);
    box-shadow: 0 0 0 .2rem rgba(87, 101, 110, .5);
}

.mod-close-scroll {
	background-color: rgba(0,0,0,0);
	border: none;
    position: relative;
	left: 96%;
    top: 0;
}

.mod-close-scroll{
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 3px;
    color: #fff;
    font-style: normal;
    font-size: 32px;
    font-family:  'Montserrat', sans-serif;
	font-weight: 100;
	z-index: 9999;
}

.mod-close-scroll:hover, .mod-close-scroll:focus {
    opacity:1
}
/* ----------------------------------------------------
			END Close modal
-------------------------------------------------------- */




.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }

/*==================
custom slider
====================*/

/* ------- custom container ------- */
.swiper.mySwiper, .swiper.mySwiperauto { padding-left: 50px !important; padding-right: 50px !important; }

.mySwiper .swiper-slide, .mySwiperauto .swiper-slide { height: auto !important; background-color: var(--tooltip-bgslide-color); }

.mySwiper .theme-carousel-pagenavnav, .mySwiperauto .theme-carousel-pagenavnav { display: inherit !important; }
/* ------- END custom container ------- */

/* ------- custom button ------- */
.mySwiper button.swiper-button-nav, .mySwiperauto button.swiper-button-nav { background-color: var(--tooltip-bg-color); color: var(--tooltip-txt-color); }

.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next, .mySwiperauto .swiper-button-prev, .mySwiperauto .swiper-button-next {
    color:var(--swiper-navigation-color, var(--swiper-theme-color))
}

.mySwiper .swiper-button-prev, .mySwiper .swiper-rtl .swiper-button-next, .mySwiperauto .swiper-button-prev, .mySwiperauto .swiper-rtl .swiper-button-next { left: 0; right:auto; }

.mySwiper .swiper-button-next, .mySwiper .swiper-rtl .swiper-button-prev, .mySwiperauto .swiper-button-next, .mySwiperauto .swiper-rtl .swiper-button-prev { right: 0; left:auto; }

.mySwipercustom .swiper-button-prev:after, .mySwipercustom .swiper-button-next:after { font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 44px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height:1; }

.mySwipercustom .swiper-button-prev:after, .mySwipercustom .swiper-rtl .swiper-button-next:after { content: "\f104"; }

.mySwipercustom .swiper-button-next:after, .mySwipercustom .swiper-rtl .swiper-button-prev:after { content: "\f105"; }
/* ------- END custom button ------- */

/* ------- custom bullets ------- */
.mySwiper .swiper-pagination, .mySwiperauto .swiper-pagination { margin: 0; padding: 0; width: auto; position: relative !important; display: block; margin-top: 35px; }

.mySwiper .swiper-pagination-bullets .swiper-pagination-bullet, .mySwiperauto .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 9px; position: relative; width: 12px; height: 12px; background-color: #000; opacity: 0.4; }

.mySwiper .swiper-pagination-bullets .swiper-pagination-bullet::before, .mySwiperauto .swiper-pagination-bullets .swiper-pagination-bullet::before { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; transform: translate(-50%, -50%); border: 0px solid; border-radius: 50%; }

.mySwiper .swiper-pagination-bullets .swiper-pagination-bullet:hover, .mySwiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .mySwiperauto .swiper-pagination-bullets .swiper-pagination-bullet:hover, .mySwiperauto .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: var(--tooltip-bulletact-color); }

.mySwiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before, .mySwiperauto .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before { border-width: 1px; border-color: var(--tooltip-border-color); }
/* ------- END custom bullets ------- */

/*==================
END custom slider
====================*/

button.themereset { border: 0; padding: 0; margin: 0; background-color: transparent; font-weight:inherit; }

button.swiper-button-nav { -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; border-radius: 999px; width: 38px; height: 38px; background-color: rgba(255, 255, 255, .96); color: #333; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow:0 0 5px rgba(0, 0, 0, .2); }

button.swiper-button-nav:after { font-size: 1rem; text-shadow: 0 0 1px #000; position:relative; }

button.swiper-button-nav.swiper-button-disabled { opacity:0; }

button.swiper-button-nav.swiper-button-prev:after {left:-1px; }

.theme-carousel-pagenavnav { position:relative; }

.swiper-pagination-bullets.swiper-pagination-horizontal { bottom:0; }

.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#d2232a; }

.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(44px / 44 * 27); height: 44px; margin-top: calc(0px -(44px / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center;
    color:var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events:none; }

.swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: 44px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height:1; }

.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right:auto; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left:auto; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; }

img { max-width: 100%; min-width: 12px; height:auto; }

img { vertical-align: middle; border-style:none; }

.theme-slider-readmore { margin-top:20px; }

.mb2-pb-carousel.prestylenlearning .theme-slider-item-inner { position: relative; overflow: hidden; text-align:center; }

.mb2-pb-carousel.prestylenlearning2 .theme-slider-item-inner { position: relative; overflow: hidden; text-align:center; }

.mb2-pb-carousel .mb2-pb-subelement .theme-slider-img-src { display:none; }

.theme-slider-img img { margin: 0 auto; display:block; }

.pbmainslider-wrap .mb2-pb-carousel-item .theme-slider-img { position: absolute; left: 0; top: 0; width: 100%; height:100%; }

.pbmainslider-wrap .mb2-pb-carousel-item .theme-slider-img .img-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; }

.mb2-pb-carousel.prestylenlearning .theme-slider-img { margin:0; }

.mb2-pb-carousel.prestylenlearning .theme-slider-img img { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition:all 0.25s ease-in-out; }

.mb2-pb-carousel.prestylenlearning .theme-slider-item:hover .theme-slider-img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform:scale(1.15); }

.mb2-pb-carousel.prestylegrayscale .theme-slider-img img { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity:.5; }

.mb2-pb-carousel.prestylegrayscale .theme-slider-img:hover img { -moz-filter: none; -webkit-filter: none; -ms-filter: none; filter: none; opacity:1; }

.mb2-pb-carousel.prestylenlearning .theme-slider-item:hover .theme-slide-title:after { width: 100%; left: 0; margin-left:0; }

.mb2-pb-carousel.prestylenlearning .theme-slider-item-details, .mb2-pb-carousel.prestylenlearning .theme-slider-desc { color:#ffffff; }






.tooltip .tooltip-inner { max-width: 400px; padding: 1rem 1rem; }