@font-face{
    font-family: ReadexPro;
    src: url(fonts/ReadexPro-Regular.ttf);
}

body{
    direction: rtl;
    text-align: right !important;
    font-family: ReadexPro !important;
}

.desktoplogo,
.wsmenu > .wsmenu-list > li{
    float: right
}

.wsmenu {
    float: left;
}

ul.simple-list {
    margin-left: 0;
    margin-right: 15px;
}

.ct-01 .img-block, .ct-04 .img-block {
    margin-left: 0;
    margin-right: 30px;
}

.wsmenu > .wsmenu-list > li > a{
    text-align: right
}

.wsmenu > .wsmenu-list > li > a i{
    margin-left: 12px ;
    margin-right: 0;
}

.btn-google img{
    right: auto;
    left:5px
}

.integrations-1-wrapper .in_tool-logo{
    margin-left: 20px;
    margin-right: 0;
}

@media (min-width: 390px) and (max-width: 413.98px){
    .wsmobileheader .smllogo{
        padding-right: 16px;
        padding-left: 0;
    }
    .wsanimated-arrow {
        margin: 27px 0px 25px 46px;
    }
    .wsmenu > .wsmenu-list{
        margin-left: -325px;
        margin-right: auto;
    }
    .wsactive .wsmobileheader {
        margin-right: auto;
        margin-left: 325px;
    }
    .btn-google img{
        right: auto;
        left:5px
    }
}

@media (max-width: 767px){
    .wsmenu > .wsmenu-list > li a.btn{
        padding: 5px 32px;
    }
     
}

@media only screen and (max-width: 991px){
   
    .wsactive .wsmenu > .wsmenu-list{
        margin-left: 0;
        margin-right: auto;
    }

    .overlapblackbg{
        right: 0;
        left:auto
    }

    .wsactive .wsmenu > .wsmenu-list{
        margin-right: auto;
        margin-left: 0;
    }

    .wsmobileheader{
        left: 0;
        right: auto
    }
    .wsmenu > .wsmenu-list > li{
        clear: left
    }
    .wsactive .wsmenucontainer{
        margin-left: 300px;
        margin-right: auto;
    }
}

@media (max-width: 991px){
    
     .wsanimated-arrow{
        right: auto;
        left: 0;
    }
}


@media (max-width: 767px){
    
    .wsanimated-arrow{
        right: auto;
        left: 0;
    }
}


@media (max-width: 360px){
    
    .wsanimated-arrow{
        right: auto;
        left: 50px;
    }
}



.wsmenu > .wsmenu-list > li > a,
.font--jakarta h1, .font--jakarta h2, .font--jakarta h3, .font--jakarta h4, .font--jakarta h5, .font--jakarta h6,
.font--jakarta .section-id{
    font-family: ReadexPro !important;
}

.pagination li{
}
.pagination li a{
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    color: #6c757d;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 2px 14px;
    margin: 0 8px;
    background-color: transparent;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.pagination li a:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}
.pagination li a:hover {
    color: #6c757d;
    background-color: transparent;
    border: 2px solid #ccc;
}



.pagination li.active > a{
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #1D6CBA;
    border-color: #1D6CBA;
}