:root{
    --orange : #FFAA23;
    --red : #FE6150;
    --blue : #124E70;
    --light-blue : #1BC0C6;
    --gray : #DFE0E5;
    --white : #fff;
    --main-font: 'El Messiri', sans-serif;
    --main-font2: 'Tajawal', sans-serif;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
.footer{
    background-color: var(--white);
    padding: 2vh 0 0;
    font-family: testfont2;
    color: var(--blue);
    direction: rtl; 
    margin: auto;
}  
.footer-row{
    width: 90%;
    margin: auto auto 0;
}
.footer-col{
    padding-right: 10vh;
}
.footer-logo-col .footer-logo{
    width: 125px;
    height: auto;
    margin: 2vh auto;
}
.footer-logo-text{
    font-size: 2vh;
}
.footer-slogan{
    font-size : 3.5vh;
    color : var(--orange);
    text-align : center;
    margin :  auto;
    font-family: testfont;
}
.footer-titles{
    margin: 2vh auto;
    font-size: 3.1vh;
    font-family: testfont;
}
.footer-links-col .footer-link{
    display: block;
    margin: 1vh auto 0;
    text-decoration: none;
    color: var(--blue);
    font-size: 2.5vh;
}
.footer-contact{
    display: block;
    margin: 2vh auto;
    color: var(--blue);
    text-decoration: none;
    font-size: 2.5vh;
}
.footer-contact:hover{
    color: var(--blue);
}
.footer-contact i{
    padding: 0 0 0 2vh;
}
.footer-follow-col .follow{
    display: block;
    margin: 2vh auto;
    color: var(--blue);
    text-decoration: none;
}
.footer-follow-col .follow:hover{
    color: var(--blue);
}
.footer-follow-col{
    padding-right: 0;
}
.footer-social-list{
    list-style: none;
    padding : 0;
}
.footer-social-list li{
    display: inline-block;
    margin: auto 0 auto 4vh;
}
.footer-social-list li .footer-social-icons{
    color: var(--orange);
    font-size: 4vh;
}
.footer-trust{
    width: 55%;
}
.copyright{
    text-align: center;
    margin: auto;
}
.copyright-title{
    border-top: 1px solid var(--blue);
    font-size: 2vh;
    width: fit-content;
    margin: auto;
    padding: 1.5vh 0 ;

}
.footer-trust-col{
    display: none;
}
@media only screen and (max-width : 850px){
    .footer-row{
        width: 100%;
    }
    .footer-col{
        padding-right: 1.5vh;
    }
    .footer-logo-col .footer-logo{
        width: 100%;
    }
    .footer-contact i{
        padding: 0;
    }
    .copyright-title{
        font-size: 2.2vh;
    }
    .footer-logo-col{
        display: none;
    }
    .footer-first-row{
        margin-bottom : 3vh;
    }
    .footer-trust-col{
        display: block;
        margin: auto;
    }
   .footer-trust {
        width: 65%;
    }    
    .footer-trust-vat{
        width: 50%;
    }    
    .trust-desktop{
        display: none;
    }   
}
@media only screen and (min-width : 1400px){
    .footer-social-list li{
        display: inline-block;
        margin: auto 1vh;
    }
    .footer-titles{
        font-size : 2.25vh;
    }
    .footer-slogan{
        font-size : 55.6vh;
    }
    .footer-links-col .footer-link{
        font-size: 2vh;
    }    
    .footer-contact{
        font-size: 2vh;
    }
    .footer-social-list li{
        margin: auto 0 auto 4vh;
    }  
    .footer-social-list li .footer-social-icons{
        font-size: 3vh;
    }    
    
}
.footer-row-mobile,
.mobile-social-footer{
    display: none;
}
@media only screen and (max-width:850px){
    .footer-row{
        display: none;
    }
    .footer-row-mobile{
        display: flex;
    }
    .footer-mobile-col{
        margin: auto;
    }
    .footer-mobile-col-images{
        transform: translateX(2.5vh);
    }    
    .footer-link{
        display: block;
        margin: 1vh auto 0;
        text-decoration: none;
        color: var(--blue);
        font-size: 2vh;
    }
    .footer-trust{
        width: 60%;
    }
    .mobile-social-footer{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobile-social-footer .footer-social-list{
        text-align: center;
    }      
}

.mySwipersocialheader{
    position:fixed;
    bottom:2vh;
    right:2vh;
    text-align: right;
    direction: rtl;
    border-radius: 100%;
    background-color: #f6f6f6;
    width: 7.5vh;
    height : 7.5vh;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);  
   }
   .mySwipersocialheader .swiper-slide{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
   }
   .social-link{
    text-decoration: none;
    margin-top: 0.75vh;
    transition: all 0.5s;
    display: block;
  }
  .social-icon{
    font-size: 6vh;
    transition: all 0.5s;
    color: #025E55; 
  }
  .whats-svg{
      width : 6vh;
      height : 6vh;
      transform : translateY(-0.5vh);
  }
  .social-phone{
      font-size: 4.5vh;
      margin-top: 0.75vh;
  }   
.mySwipersocialheader .phone-slide{
    display: none;
}
  @media only screen and (max-width : 850px){
    .mySwipersocialheader{
        bottom:2vh;
        right:2vh;
        width: 7.5vh;
        height: 7.5vh;
       }
       .social-icon{
            font-size: 5.5vh;
       }
       .social-phone{
         font-size: 4vh;
        }          
      .mySwipersocialheader .phone-slide{
          display: flex;
      }
  }