.elementor-kit-7{--e-global-color-primary:#04509C;--e-global-color-secondary:#FDC500;--e-global-color-text:#656666;--e-global-color-accent:#145BA2;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"ABeeZee";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"ABeeZee";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"ABeeZee";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-slide-out-up;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-bottom:0px;}.elementor-element{--widgets-spacing:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-right:0px;padding-left:0px;}@media(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */P{
    font-weight: 400 !important;
    line-height: 35px !important;
    text-align: justify !important;
}

a{
    font-weight: 400 !important;
}

.link-500{
    font-weight: 500 !important;
}

span{
    font-family: peyda !important;
}

.elementor-post__read-more-wrapper{
    text-align: center;
    margin-bottom: -20px;
}


.elementor-post:hover .elementor-post__read-more{
        width: 171px;
    color:#FDC500;
}


.elementor-post__read-more{
    color: #04509C;
    background-color: #f3f3f3;
      width: 107px;
  height: 39px;
  border-radius: 10px 10px 0 0;
  margin-top: 30px;
  transition: 0.3s;
  text-align: center;
padding-top: 10px;
}
.elementor-post__read-more:hover{
    width: 171px;
    color:#FDC500;
}

.elementor-post__thumbnail__link {
    padding: 30px;
    position: relative
}

.elementor-fit-height{
    border-radius:22px;
}

.elementor-post__card{
    box-shadow: -7px -7px 16px #fff,7px 7px 16px #f2f2f2,inset 20px 20px 40px #f2f2f2 !important;
}

.elementor-post__title:hover a{
    color: #FDC500 !important;
    transition: all 0.3s;
}


#Products:hover #Products-img{
    transform:translateY(-15%);
    transition:all 0.8s;
}

#Products:hover h6{
    color: #2265a8;
    transition:all 0.8s; 
}

#Products:hover span{
    color: #2265a8;
    transition:all 0.8s; 
}

#brands{
    overflow: hidden;
}

#brands:hover #icon{
    transform: translateY(350%)
}


#brands:hover #brand-img::before{
    transform: translateY(-150%)
}

#icon{
    transition: 1s;
}

#brand-img:before{
content: "";
  background-color:#0352A1;
  z-index: 1 !important;
  opacity: .8;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -100%;
  transition: all 1s;
  border-radius: 25px;
    bottom: -150%;
    
}

@media (max-width: 768px){
   #brand-img:before{
       display:none;
   } 
   #icon{
       display:none;
   }
}

#brand-img{
    overflow: hidden;
    z-index: 2
}

.akardeon-one::before{
    position: absolute;
    content: '01';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-two::before{
    position: absolute;
    content: '02';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-three::before{
    position: absolute;
    content: '03';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-four::before{
    position: absolute;
    content: '04';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-five::before{
    position: absolute;
    content: '05';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-six::before{
    position: absolute;
    content: '06';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-seven::before{
    position: absolute;
    content: '07';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-eight::before{
    position: absolute;
    content: '08';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

.akardeon-nine::before{
    position: absolute;
    content: '09';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 115px
}

@media(max-width:800px){

    .akardeon-one::before{
        position: absolute;
        content: '01';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px;
    }
    
    .akardeon-two::before{
        position: absolute;
        content: '02';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
    
    .akardeon-three::before{
        position: absolute;
        content: '03';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
    
    .akardeon-four::before{
        position: absolute;
        content: '04';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
    
    .akardeon-five::before{
        position: absolute;
        content: '05';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
    
    .akardeon-six::before{
        position: absolute;
        content: '06';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
    
    .akardeon-seven::before{
        position: absolute;
        content: '07';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
    
    .akardeon-eight::before{
        position: absolute;
        content: '08';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
    
    .akardeon-nine::before{
        position: absolute;
        content: '09';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 25px
    }
}

@media(max-width:420px){
    .akardeon-one::before{
        position: absolute;
        content: '01';
        font-size: 16px;
        color: #04509C;
        font-weight: 600 !important;
        background-color: #f9fafc;
        border-radius: 3px 14px 14px 14px;
        min-width: 39px;
        min-height: 39px;
        padding: 9px 12px 0px 2px;
        top: 20px;
        right: 20px;
}

.akardeon-two::before{
    position: absolute;
    content: '02';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}

.akardeon-three::before{
    position: absolute;
    content: '03';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}

.akardeon-four::before{
    position: absolute;
    content: '04';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}

.akardeon-five::before{
    position: absolute;
    content: '05';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}

.akardeon-six::before{
    position: absolute;
    content: '06';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}

.akardeon-seven::before{
    position: absolute;
    content: '07';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}

.akardeon-eight::before{
    position: absolute;
    content: '08';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}

.akardeon-nine::before{
    position: absolute;
    content: '09';
    font-size: 16px;
    color: #04509C;
    font-weight: 600 !important;
    background-color: #f9fafc;
    border-radius: 3px 14px 14px 14px;
    min-width: 39px;
    min-height: 39px;
    padding: 9px 12px 0px 2px;
    top: 20px;
    right: 20px
}
}/* End custom CSS */