h2,h3,h3{font-weight:bold;}
h2{font-size:1.4rem;}
h3{font-size:1.3rem;}
header .main-menu>div>ul {
    justify-content: start;
}
.homePrev>div>div.row {
    flex-direction: column-reverse;
}
.category-row a:after {
    content: '';
    padding: 280px 360px;
    position: absolute;
    background: #ff000014;
    top: 390px;
    left: 0px;
    transform: rotate(65deg);
    border-radius:50%;
     transition:0.3s ease-out;
}
.category-row a:hover:after{top: 100px;left: -120px;}
.category-row a {
    overflow: hidden;
    position: relative;
    transition:1s linear
}
.page-wrapper.error-wrapper.notfound-mode {
    text-align: center;
    padding: 20px 0 0 0;
}
.form-captcha img {width: initial !important;}
.page-wrapper.page img {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
}
.pageTitle h1 {
    background: #f5f5f5;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 20px;
    border-radius: 10px;
}
header .main-menu>div>ul>li:hover>div> a {
    color: var(--primary-color);
}
header .menu-wrapper.main-menu .menu-window>ul li ul {display: none;flex-direction: column;background-color: #fff;right: 0;-webkit-transition: all 0.5s 
ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s 
ease;min-width: 200px;padding: 0;list-style: none;text-align: right;z-index: 100;top: 100%;border-bottom: 2px solid #df4949;}
header .menu-wrapper.main-menu .menu-window>ul li ul a{

/* padding: 10px; */

display: block;

text-decoration: none;

-webkit-transition: all 0.5s 
ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

transition: all 0.5s 
ease;
}
header  .main-menu > button {
    background: #fff;
    border: none;
    padding: 6px 7px;
    width: 40px;
    display: flex;
    height: 40px;
    border-radius: 4px;
    justify-content: space-evenly;
    flex-direction: column;
}
header .menu-wrapper.main-menu {
    display: flex;
    justify-content: end;
}
header  .main-menu > button span{
background: var(--primary-color);
    height: 3px;
    width: 100%;
    border-radius: 50px;
}

header .menu-wrapper.main-menu .menu-window>ul>li:hover ul{display:flex;}
.homePrev ul {
    margin: 0;
    padding: 0;
}
.homePrev ul li {
    text-align: right;
    padding: 10px 10px 10px 13px;
    color:#fff;
    display:flex;
    background:#9c9c9c;
    border-radius: 10px;
    margin: 0 0 19px 0;
}
.homePrev li.green {background-color: #89BF55;}
.homePrev li.blue {background-color: #24bfb3;}
.homePrev li.red {background-color: #d95a5a;}
.homePrev li.yellow {background-color: #e3bb09;}
.homePrev .img {
    padding: 0px 0px 0px 0px;
    width: 24%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.homePrev .img img{width: 47%;}
.homePrev .text {
    width: 74%;
    font-size: 0.9rem;
    margin: 10px 0;
    line-height: 24px;
}
.homePrev .text p{margin:0;font-size: 0.8rem;}
footer .telbox {
    background: #df4949;
    text-align: center;
    /* direction: ltr !important; */
    min-height: 320px;
    padding: 20px 15px 0 15px;
    border-radius: 15px;
}
footer .telbox > div.emza{
    display: block;
}
footer .telbox > div {
    border-top: 3px solid #fff;
    padding: 10px;
    color: #fff;
    font-size: 40px;
    display: flex;
    flex-direction: column;
}
footer .telbox > div >span{
    display: block;
    padding: 14px 0;
}
footer .menulist ul {
    font-size: 0.8rem;
    list-style: none;
    padding: 20px 0px 0 0px;
    text-align: right;
}
footer .menulist ul li {
    padding: 2px 10px;
}
footer .menulist ul li a {
    color: #b9b9b9;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
footer  .emza a {
    font-size: 12px;
    color: #fff;
    margin: 80px 0 0 0;
    display: inline-block;
}
footer .socialicons ul {
    text-align: center;
    padding: 0;
    margin: 5px 0 0 0;
    display:flex;
    width: 100%;
    list-style:none;
    justify-content:center;
    margin: 30px 0 50px 0;
}
footer .socialicons ul li a {
    margin: 0 5px;
    display: inline-block;
    -webkit-transition: all 0.5s 
ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s 
ease;
    filter: alpha(opacity=20);
    opacity: 0.4;
}
footer .socialicons ul li a img {
    height: 32px;
}
footer .socialicons ul li a:hover {
    -webkit-transform: translate(0px, -3px);
    -moz-transform: translate(0px, -3px);
    -o-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
    filter: alpha(opacity=100);
    opacity: 1;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer .aboutbox p {
    text-align: justify;
    font-size: 0.9rem;
}

footer .aboutbox {
    color: #b9b9b9;
    padding: 20px 0px 20px 0px;
    line-height: 35px;
}
footer .backtop {
    background: #df4949 url(/uploads/images/backtotop_1.png) center no-repeat;
    padding: 21px;
    display: inline-block;
    border-radius: 50%;
    margin: -20px 0 0 0;
    z-index: 999;
}
.backtopbt {text-align: center;}

@media (min-width: 576px) {
    .homePrev .text{
    margin: 10px 0;
}
    .homePrev ul li{
    margin: 0 0 19px 0;
}
    footer .telbox{border-radius:0;}
    footer .telbox > div{font-size: 26px;}
       footer .telbox > div>span{
    padding: 3px 0;
}
    footer .aboutbox {

    padding: 20px 20px 20px 0px;
    
}
.homePrev>div>div.row {
    flex-direction: row;
}
header .menu-wrapper.main-menu {
   
    justify-content: start;
}
    
}
@media (min-width: 768px) {
    .homePrev .text{
    margin: 10px 0;
}
    .homePrev ul li{
    margin: 0 0 19px 0;
}
      footer .telbox > div{font-size: 16px;}
}
@media (min-width: 992px) {
    .homePrev .text{
    margin: 10px 0;
}
    .homePrev ul li{
    margin: 0 0 19px 0;
}
      footer .telbox > div{font-size: 15px;}
    footer .telbox {padding:0;}
}
@media (min-width: 1200px) {
    .homePrev .text{
    margin: 0px 0;
}
    .homePrev ul li{
    margin: 0 0 9px 0;
}
      footer .telbox > div{font-size: 20px;}
}
@media (min-width: 1400px) {
    .homePrev .text{
    margin: 10px 0;
}
    .homePrev ul li{
    margin: 0 0 9px 0;
}
      footer .telbox > div{font-size: 26px;}
}
@media (min-width: 1536px) {
    .homePrev .text{}
    .homePrev ul li{
    margin: 0 0 18px 0;
}
      footer .telbox > div{font-size: 26px;}
    .container {
        max-width: 1536px;
    }
}