body{
    font-family:nunito,sans-serif;
    overflow-x:hidden
}
html[lang=ar] body{
    font-family:tajawal,sans-serif;
    direction:rtl;
    text-align:right
}
.fullscreen-container{
    direction:ltr
}
:root{
    --blue: #003ca6;
    --green: #047835
}
@media only screen and (max-width:1169px){
    body.nav-on-left.overflow-hidden{
        overflow:hidden
    }
}
input[type=search]::-ms-clear{
    display:none
}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
    display:none
}
.cd-main-content,.cd-main-header{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    will-change:transform
}

.cd-main-content,.cd-main-header{
    position:relative;
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    transition:transform .3s
}
@media only screen and (max-width:1169px){
    .cd-main-content.nav-is-visible,.cd-main-header.nav-is-visible{
        -webkit-transform:translateX(-260px);
        -moz-transform:translateX(-260px);
        -ms-transform:translateX(-260px);
        -o-transform:translateX(-260px);
        transform:translateX(-260px)
    }
    .nav-on-left .cd-main-content.nav-is-visible,.nav-on-left .cd-main-header.nav-is-visible{
        -webkit-transform:translateX(260px);
        -moz-transform:translateX(260px);
        -ms-transform:translateX(260px);
        -o-transform:translateX(260px);
        transform:translateX(260px)
    }
}
.cd-main-content{
    background:#f9fafb;
    min-height:100vh;
    z-index:2
}
.cd-main-header{
    height:50px;
    background:#fff;
    z-index:3
}
.nav-is-fixed .cd-main-header{
    position:fixed;
    top:0;
    left:0;
    width:100%
}
@media only screen and (min-width:1170px){
    .cd-main-header{
        height:80px
    }
    .cd-main-header::after{
        clear:both;
        content:"";
        display:table
    }
}
.cd-logo{
    position:absolute;
    top:12px;
    left:5%;
    width:170px
}
.cd-logo img{
    display:block;
    max-width:100px
}
@media only screen and (max-width:1169px){
    .nav-on-left .cd-logo{
        left:auto;
        right:5%
    }
}
@media only screen and (min-width:1170px){
    .cd-logo{
        top:15px;
        left:4em
    }
}
.cd-header-buttons{
    position:absolute;
    display:inline-block;
    top:3px;
    right:5%
}
.cd-header-buttons li{
    display:inline-block
}
@media only screen and (max-width:1169px){
    .nav-on-left .cd-header-buttons{
        right:auto;
        left:5%
    }
    .nav-on-left .cd-header-buttons li{
        float:right
    }
}
@media only screen and (min-width:1170px){
    .cd-header-buttons{
        top:18px;
        right:4em
    }
}
.cd-search-trigger,.cd-nav-trigger{
    position:relative;
    display:block;
    width:44px;
    height:44px;
    overflow:hidden;
    white-space:nowrap;
    color:transparent;
    z-index:3
}
.cd-search-trigger::before,.cd-search-trigger::after{
    content:'';
    position:absolute;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    transition:opacity .3s;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.cd-search-trigger::before{
    top:11px;
    left:11px;
    width:18px;
    height:18px;
    border-radius:50%;
    border:3px solid #2e3233
}
.cd-search-trigger::after{
    height:3px;
    width:8px;
    background:#2e3233;
    bottom:14px;
    right:11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.cd-search-trigger span{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0
}
.cd-search-trigger span::before,.cd-search-trigger span::after{
    content:'';
    position:absolute;
    display:inline-block;
    height:3px;
    width:22px;
    top:50%;
    margin-top:-2px;
    left:50%;
    margin-left:-11px;
    background:#2e3233;
    opacity:0;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:opacity .3s,-webkit-transform .3s;
    -moz-transition:opacity .3s,-moz-transform .3s;
    transition:opacity .3s,transform .3s
}
.cd-search-trigger span::before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.cd-search-trigger span::after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.cd-search-trigger.search-is-visible::before,.cd-search-trigger.search-is-visible::after{
    opacity:0
}
.cd-search-trigger.search-is-visible span::before,.cd-search-trigger.search-is-visible span::after{
    opacity:1
}
.cd-search-trigger.search-is-visible span::before{
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.cd-search-trigger.search-is-visible span::after{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.cd-nav-trigger span,.cd-nav-trigger span::before,.cd-nav-trigger span::after{
    position:absolute;
    display:inline-block;
    height:3px;
    width:24px;
    background:#2e3233
}
.cd-nav-trigger span{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-2px;
    -webkit-transition:background .3s .3s;
    -moz-transition:background .3s .3s;
    transition:background .3s .3s
}
.cd-nav-trigger span::before,.cd-nav-trigger span::after{
    content:'';
    right:0;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform-origin:0% 50%;
    -moz-transform-origin:0% 50%;
    -ms-transform-origin:0% 50%;
    -o-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-transition:-webkit-transform .3s .3s;
    -moz-transition:-moz-transform .3s .3s;
    transition:transform .3s .3s
}
.cd-nav-trigger span::before{
    top:-6px
}
.cd-nav-trigger span::after{
    top:6px
}
.cd-nav-trigger.nav-is-visible span{
    background:transparent
}
.cd-nav-trigger.nav-is-visible span::before,.cd-nav-trigger.nav-is-visible span::after{
    background:#2e3233
}
.cd-nav-trigger.nav-is-visible span::before{
    -webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform:translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform:translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform:translateX(4px) translateY(-3px) rotate(45deg);
    transform:translateX(4px) translateY(-3px) rotate(45deg)
}
.cd-nav-trigger.nav-is-visible span::after{
    -webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform:translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform:translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform:translateX(4px) translateY(2px) rotate(-45deg);
    transform:translateX(4px) translateY(2px) rotate(-45deg)
}
@media only screen and (min-width:1170px){
    .cd-nav-trigger{
        display:none
    }
}
.cd-primary-nav,.cd-primary-nav ul{
    position:fixed;
    top:0;
    right:0;
    height:100%;
    width:260px;
    background:#2e3233;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    z-index:1;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    transition:transform .3s
}
.cd-primary-nav a,.cd-primary-nav ul a{
    display:block;
    height:50px;
    line-height:50px;
    padding:0 20px;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    border-bottom:1px solid #3a3f40;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    will-change:transform,opacity;
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    -moz-transition:-moz-transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s
}
.cd-primary-nav.is-hidden,.cd-primary-nav ul.is-hidden{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.cd-primary-nav.moves-out>li>a,.cd-primary-nav ul.moves-out>li>a{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    opacity:0
}
@media only screen and (max-width:1169px){
    .nav-on-left .cd-primary-nav,.nav-on-left .cd-primary-nav ul{
        right:auto;
        left:0
    }
}
.cd-primary-nav .see-all a{
    color:var(--blue)
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item,.cd-primary-nav .cd-nav-icons .cd-nav-item{
    height:80px;
    line-height:80px
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3,.cd-primary-nav .cd-nav-icons .cd-nav-item h3{
    overflow:hidden;
    text-overflow:ellipsis
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item{
    padding-left:90px
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img{
    position:absolute;
    display:block;
    height:40px;
    width:auto;
    left:20px;
    top:50%;
    margin-top:-20px
}
.cd-primary-nav .cd-nav-icons .cd-nav-item{
    padding-left:75px
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p{
    color:rgba(0,0,0,.54);
    font-size:.9rem;
    white-space:normal;
    display:none
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before{
    content:'';
    display:block;
    position:absolute;
    left:20px;
    top:50%;
    margin-top:-20px;
    width:40px;
    height:40px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:40px 40px
}
@media only screen and (max-width:1169px){
    .cd-primary-nav{
        visibility:hidden;
        -webkit-transition:visibility 0s .3s;
        -moz-transition:visibility 0s .3s;
        transition:visibility 0s .3s
    }
    .cd-primary-nav.nav-is-visible{
        visibility:visible;
        -webkit-transition:visibility 0s 0s;
        -moz-transition:visibility 0s 0s;
        transition:visibility 0s 0s
    }
}
@media only screen and (min-width:1170px){
    .cd-primary-nav{
        position:static;
        padding:0 15px 0 0;
        height:auto;
        width:auto;
        float:right;
        overflow:visible;
        background:0 0
    }
    .cd-primary-nav::after{
        clear:both;
        content:"";
        display:table
    }
    .cd-primary-nav.moves-out>li>a{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    .cd-primary-nav ul{
        position:static;
        height:auto;
        width:auto;
        background:0 0;
        overflow:visible;
        z-index:3
    }
    .cd-primary-nav ul.is-hidden{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
    .cd-primary-nav ul.moves-out>li>a{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    .cd-primary-nav>li{
        float:left;
        margin-left:0
    }
    .cd-primary-nav>li>a{
        position:relative;
        display:inline-block;
        height:80px;
        line-height:80px;
        padding:0 10px;
        color:#2e3233;
        overflow:visible;
        border-bottom:none;
        -webkit-transition:color .3s,box-shadow .3s;
        -moz-transition:color .3s,box-shadow .3s;
        transition:color .3s,box-shadow .3s
    }
    .cd-primary-nav>li>a:hover{
        color:var(--blue)
    }
    .cd-primary-nav>li>a.selected{
        color:var(--blue);
        box-shadow:inset 0 -2px 0 var(--blue)
    }
    .cd-primary-nav .go-back,.cd-primary-nav .see-all{
        display:none
    }
    .cd-primary-nav .cd-secondary-nav,.cd-primary-nav .cd-nav-gallery,.cd-primary-nav .cd-nav-icons{
        position:absolute;
        top:80px;
        width:100vw;
        background:#f7f7f7;
        padding:40px 64px;
        box-shadow:inset 0 1px 0 #e2e3df,0 3px 6px rgba(0,0,0,.05);
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:opacity .3s 0s,visibility 0s 0s;
        -moz-transition:opacity .3s 0s,visibility 0s 0s;
        transition:opacity .3s 0s,visibility 0s 0s
    }
    .cd-primary-nav .cd-secondary-nav::after,.cd-primary-nav .cd-nav-gallery::after,.cd-primary-nav .cd-nav-icons::after{
        clear:both;
        content:"";
        display:table
    }
    .cd-primary-nav .cd-secondary-nav.is-hidden,.cd-primary-nav .cd-nav-gallery.is-hidden,.cd-primary-nav .cd-nav-icons.is-hidden{
        opacity:0;
        visibility:hidden;
        -webkit-transition:opacity .3s 0s,visibility 0s .3s;
        -moz-transition:opacity .3s 0s,visibility 0s .3s;
        transition:opacity .3s 0s,visibility 0s .3s
    }
    .cd-primary-nav .cd-secondary-nav>.see-all,.cd-primary-nav .cd-nav-gallery>.see-all,.cd-primary-nav .cd-nav-icons>.see-all{
        display:block;
        position:absolute;
        left:0;
        bottom:0;
        height:50px;
        width:100%;
        overflow:hidden;
        margin:0;
        padding:0
    }
    .cd-primary-nav .cd-secondary-nav>.see-all a,.cd-primary-nav .cd-nav-gallery>.see-all a,.cd-primary-nav .cd-nav-icons>.see-all a{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        font-size:1.2rem;
        font-weight:700;
        text-align:center;
        line-height:50px;
        border-top:1px solid #e2e3df;
        border-bottom:none;
        margin:0;
        padding:0;
        -webkit-transition:color .2s,background .2s,border .2s;
        -moz-transition:color .2s,background .2s,border .2s;
        transition:color .2s,background .2s,border .2s
    }
    .cd-primary-nav .cd-secondary-nav>.see-all a:hover,.cd-primary-nav .cd-nav-gallery>.see-all a:hover,.cd-primary-nav .cd-nav-icons>.see-all a:hover{
        background:#003ca6;
        border-color:#003ca6;
        color:#fff
    }
    .cd-primary-nav .cd-secondary-nav>li{
        width:23%;
        float:left;
        margin-right:2.66%;
        border-right:1px solid #e2e3df;
        overflow:hidden;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch
    }
    .cd-primary-nav .cd-secondary-nav>li:last-child{
        border-right:0 solid #e2e3df
    }
    .cd-primary-nav .cd-secondary-nav>li:nth-child(4n+1){
        margin-right:0;
        border-right:none
    }
    .cd-primary-nav .cd-secondary-nav>li>a{
        color:var(--blue);
        font-weight:700;
        font-size:1.2rem;
        margin-bottom:.6em
    }
    .cd-primary-nav .cd-secondary-nav a{
        height:30px;
        line-height:30px;
        padding:0 18% 0 0;
        color:#2e3233;
        border-bottom:none;
        font-size:1.1rem
    }
    .cd-primary-nav .cd-secondary-nav a:hover{
        color:var(--blue)
    }
    .cd-primary-nav .cd-secondary-nav ul{
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -ms-transform:translateZ(0);
        -o-transform:translateZ(0);
        transform:translateZ(0)
    }
    .cd-primary-nav .cd-secondary-nav ul ul{
        position:absolute;
        top:0;
        left:0;
        height:100%;
        width:100%
    }
    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden{
        -webkit-transform:translateX(100%);
        -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
        -o-transform:translateX(100%);
        transform:translateX(100%)
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back{
        display:block
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back a{
        color:transparent
    }
    .cd-primary-nav .cd-secondary-nav ul ul .see-all{
        display:block
    }
    .cd-primary-nav .cd-secondary-nav .moves-out>li>a{
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    .cd-primary-nav .cd-nav-gallery li{
        width:15%;
        float:left;
        margin:0 1% 25px 0;
        text-align:center
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item{
        border-bottom:none;
        padding:0;
        height:auto;
        line-height:1.2
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item img{
        position:static;
        margin-top:0;
        height:auto;
        width:100%;
        margin-bottom:.6em;
        max-width:135px;
        margin:0 auto
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item h3{
        color:var(--blue);
        font-weight:700;
        padding:0 .4em
    }
    .cd-primary-nav .cd-nav-icons li{
        width:32%;
        float:left;
        margin:0 2% 20px 0
    }
    .cd-primary-nav .cd-nav-icons li:nth-child(3n+2){
        margin-right:0
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item{
        border-bottom:none;
        height:80px;
        line-height:1.2;
        padding:24px 0 0 85px;
        position:relative
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item:hover{
        background:#f6f6f5
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item h3{
        color:var(--blue);
        font-weight:700;
        font-size:1.2rem
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item p{
        display:block
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item::before{
        left:25px
    }
}
.has-children>a,.go-back a{
    position:relative
}
.has-children>a::before,.has-children>a::after,.go-back a::before,.go-back a::after{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-1px;
    display:inline-block;
    height:2px;
    width:10px;
    background:#464c4e;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.has-children>a::before,.go-back a::before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.has-children>a::after,.go-back a::after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.cd-nav-item::before{
    content:'';
    position:absolute;
    width:80px;
    height:80px;
    opacity:.3;
    border-radius:100%;
    z-index:-1;
    margin:0 auto;
    left:0;
    right:0;
    bottom:0;
    border:solid 1px rgba(0,60,166,.19)
}
.cd-nav-item p{
    color:rgba(0,0,0,.54);
    font:.9rem
}
@media only screen and (min-width:1170px){
    .has-children>a::before,.has-children>a::after,.go-back a::before,.go-back a::after{
        background:#c9cbc4
    }
    .has-children>a:hover::before,.has-children>a:hover::after,.go-back a:hover::before,.go-back a:hover::after{
        background:var(--blue)
    }
}
.has-children>a{
    padding-right:40px
}
.has-children>a::before,.has-children>a::after{
    right:20px;
    -webkit-transform-origin:9px 50%;
    -moz-transform-origin:9px 50%;
    -ms-transform-origin:9px 50%;
    -o-transform-origin:9px 50%;
    transform-origin:9px 50%
}
.cd-primary-nav .go-back a{
    padding-left:40px
}
.cd-primary-nav .go-back a::before,.cd-primary-nav .go-back a::after{
    left:20px;
    -webkit-transform-origin:1px 50%;
    -moz-transform-origin:1px 50%;
    -ms-transform-origin:1px 50%;
    -o-transform-origin:1px 50%;
    transform-origin:1px 50%
}
@media only screen and (min-width:1170px){
    .has-children>a::before,.has-children>a::after{
        right:15%
    }
    .cd-primary-nav>.has-children>a{
        padding-right:30px!important
    }
    .cd-primary-nav>.has-children>a::before,.cd-primary-nav>.has-children>a::after{
        width:9px;
        -webkit-transform-origin:50% 50%;
        -moz-transform-origin:50% 50%;
        -ms-transform-origin:50% 50%;
        -o-transform-origin:50% 50%;
        transform-origin:50% 50%;
        background:#c9cbc4;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-transition:width .3s,-webkit-transform .3s;
        -moz-transition:width .3s,-moz-transform .3s;
        transition:width .3s,transform .3s
    }
    .cd-primary-nav>.has-children>a::before{
        right:12px
    }
    .cd-primary-nav>.has-children>a::after{
        right:7px
    }
    .cd-primary-nav>.has-children>a.selected::before,.cd-primary-nav>.has-children>a.selected::after{
        width:14px
    }
    .cd-primary-nav>.has-children>a.selected::before{
        -webkit-transform:translateX(5px) rotate(-45deg);
        -moz-transform:translateX(5px) rotate(-45deg);
        -ms-transform:translateX(5px) rotate(-45deg);
        -o-transform:translateX(5px) rotate(-45deg);
        transform:translateX(5px) rotate(-45deg)
    }
    .cd-primary-nav>.has-children>a.selected::after{
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .cd-secondary-nav>.has-children>a::before,.cd-secondary-nav>.has-children>a::after{
        display:none
    }
    .cd-primary-nav .go-back a{
        padding-left:20px
    }
    .cd-primary-nav .go-back a::before,.cd-primary-nav .go-back a::after{
        left:1px
    }
}
.cd-search{
    position:absolute;
    height:50px;
    width:100%;
    top:50px;
    left:0;
    z-index:3;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .3s 0s,visibility 0s .3s;
    -moz-transition:opacity .3s 0s,visibility 0s .3s;
    transition:opacity .3s 0s,visibility 0s .3s
}
.cd-search form{
    height:100%;
    width:100%
}
.cd-search input{
    border-radius:0;
    border:none;
    background:#fff;
    height:100%;
    width:100%;
    padding:0 5%;
    box-shadow:inset 0 1px 0 #e2e3df,0 3px 6px rgba(0,0,0,.05);
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none
}
.cd-search input::-webkit-input-placeholder{
    color:#c9cbc4
}
.cd-search input::-moz-placeholder{
    color:#c9cbc4
}
.cd-search input:-moz-placeholder{
    color:#c9cbc4
}
.cd-search input:-ms-input-placeholder{
    color:#c9cbc4
}
.cd-search input:focus{
    outline:none
}
.cd-search.is-visible{
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity .3s 0s,visibility 0s 0s;
    -moz-transition:opacity .3s 0s,visibility 0s 0s;
    transition:opacity .3s 0s,visibility 0s 0s
}
.nav-is-fixed .cd-search{
    position:fixed
}
@media only screen and (min-width:1170px){
    .cd-search{
        height:120px;
        top:80px
    }
    .cd-search input{
        padding:0 2em;
        font-size:2.2rem;
        font-weight:300
    }
}
.cd-overlay{
    position:fixed;
    z-index:2;
    height:100%;
    width:100%;
    top:0;
    left:0;
    cursor:pointer;
    background-color:rgba(105,170,111,.8);
    visibility:hidden;
    opacity:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
    -moz-transition:opacity .3s 0s,visibility 0s .3s,-moz-transform .3s 0s;
    transition:opacity .3s 0s,visibility 0s .3s,transform .3s 0s
}
.cd-overlay.is-visible{
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
    -moz-transition:opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;
    transition:opacity .3s 0s,visibility 0s 0s,transform .3s 0s
}
@media only screen and (max-width:1169px){
    .cd-overlay.is-visible{
        -webkit-transform:translateX(-260px);
        -moz-transform:translateX(-260px);
        -ms-transform:translateX(-260px);
        -o-transform:translateX(-260px);
        transform:translateX(-260px)
    }
    .nav-on-left .cd-overlay.is-visible{
        -webkit-transform:translateX(260px);
        -moz-transform:translateX(260px);
        -ms-transform:translateX(260px);
        -o-transform:translateX(260px);
        transform:translateX(260px)
    }
    .cd-overlay.is-visible.search-is-visible,.nav-on-left .cd-overlay.is-visible.search-is-visible{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}
.cd-main-header .cd-logo{
    transition:ease-out width .2s;
    width:155px
}
.cd-main-header.is-open .cd-logo{
    transition:ease-out width .4s;
    width:55px
}
.no-js .cd-primary-nav{
    position:relative;
    height:auto;
    width:100%;
    overflow:visible;
    visibility:visible;
    z-index:2
}
.no-js .cd-search{
    position:relative;
    top:0;
    opacity:1;
    visibility:visible
}
@media only screen and (min-width:1170px){
    .no-js .cd-primary-nav{
        position:absolute;
        z-index:3;
        display:inline-block;
        width:auto;
        top:0;
        right:150px;
        padding:0
    }
    .no-js .nav-is-fixed .cd-primary-nav{
        position:fixed
    }
}
.banner--clone{
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    width:100vw;
    -webkit-transform:translateY(-500%);
    -ms-transform:translateY(-500%);
    transform:translateY(-500%);
    -webkit-transition:all 300ms ease-in-out;
    -moz-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.banner--stick{
    -webkit-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%)
}
.banner--unstick{
}
#rev_slider_212_1_wrapper .tp-loader.spinner3 div{
    background-color:#333!important
}
.blurslider-gradient{
    background:-webkit-linear-gradient(top left,#003ca6 0%,#047835 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.blurslider-line{
    background:-webkit-linear-gradient(left,#003ca6 0%,#047835 100%)!important
}
#rev_slider_212_1 .uranus.tparrows{
    width:50px;
    height:50px;
    background:transparent
}
#rev_slider_212_1 .uranus.tparrows:before{
    width:50px;
    height:50px;
    line-height:50px;
    font-size:40px;
    transition:all .3s;
    -webkit-transition:all .3s
}
#rev_slider_212_1 .uranus.tparrows:hover:before{
    opacity:.75
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:-5px
}
.swiper-pagination-bullet-active{
    width:20px;
    border-radius:10px;
    transition:ease-in-out all .5s
}
.parallax-background{
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
    transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    min-height:400px
}
.curve-bottom{
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    overflow:hidden;
    line-height:0
}
.curve-bottom svg{
    position:relative;
    display:block;
    width:calc(100% + 1.3px);
    height:40px
}
.curve-bottom .shape-fill{
    fill:#fff
}
.xpanda{
    width:100%;
    margin:auto;
    clear:left
}
.xpanda.x-preloader{
    position:relative;
    height:400px;
    overflow:hidden
}
.xpanda.x-preloader:before{
    content:'';
    position:absolute;
    background:#fff url(../assets/spinner.gif) no-repeat 50% 50%;
    background-size:34px;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1000
}
.x-item-wrap{
    display:flex;
    clear:left;
    position:relative
}
.x-item{
    float:left;
    position:relative
}
.x-item>a{
    display:block;
    position:relative
}
.x-item>a img{
    height:200px;
    width:auto;
    display:block
}
.x-initiated .x-item{
    width:auto;
    float:none
}
.x-initiated .x-item>a img{
    width:100%;
    height:auto;
    opacity:1;
    border-radius:10px
}
@media(min-width:769px){
    .x-initiated .x-item:hover>a img{
        opacity:.8
    }
}
.x-initiated .x-item.x-is-active>a img{
    opacity:1
}
.x-initiated .x-item.x-is-not-active{
}
.x-initiated.x-lazyload-thumbnail .x-item>a:before{
    content:'';
    position:absolute;
    background:rgba(0,0,0,.5) url(../assets/spinner.gif) no-repeat 50% 50%;
    background-size:34px;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:100;
    opacity:1;
    -webkit-transition:opacity .4s ease-in-out .1s;
    -moz-transition:opacity .4s ease-in-out .1s;
    -ms-transition:opacity .4s ease-in-out .1s;
    -o-transition:opacity .4s ease-in-out .1s;
    transition:opacity .4s ease-in-out .1s
}
.x-initiated.x-lazyload-thumbnail .x-item.x-is-loaded>a:before{
    opacity:0
}
.x-item .x-content{
    display:none
}
.x-spacer-outside{
    float:left;
    width:100%;
    background:#000;
    color:#fff;
    text-align:center;
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.x-spacer-outside.x-initiated{
    display:none
}
.x-spacer-inside{
    background:#000;
    color:#fff;
    text-align:center
}
.x-spacer-inside.x-spacer-empty{
    background:0 0
}
.x-placeholder{
    flex:0 0 100%;
    position:relative;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.x-indicator{
    width:16px;
    height:10px;
    display:block;
    position:absolute;
    top:0;
    opacity:0
}
.x-indicator:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #ccc
}
.x-placeholder-inner{
    position:relative;
    opacity:0
}
.x-placeholder.x-is-expanded{
    height:0
}
.x-placeholder.x-is-expanded .x-placeholder-inner{
    width:100%;
    background:#ccc
}
@media(min-width:992px){
    .x-placeholder.x-is-expanded .x-placeholder-inner{
        display:flex
    }
    .x-placeholder.x-is-expanded .x-placeholder-inner .x-updated-content{
        flex:1 0 auto;
        width:100%;
        display:flex
    }
}
.x-placeholder.x-is-expanded .x-asset{
    margin:0;
    width:100%;
    position:relative
}
.x-placeholder.x-is-expanded .x-asset.x-asset-left{
    width:100%;
    order:1
}
.x-placeholder.x-is-expanded .x-asset.x-asset-right{
    width:100%;
    order:2
}
.x-placeholder.x-is-expanded .x-asset img{
    width:100%;
    height:auto;
    display:block;
    margin:0 auto;
    position:relative;
    z-index:0
}
@media(min-width:992px){
    .x-placeholder.x-is-expanded .x-asset.x-asset-left{
        width:50%;
        flex:1 0 auto
    }
    .x-placeholder.x-is-expanded .x-asset.x-asset-right{
        width:50%;
        flex:1 0 auto
    }
    .x-placeholder.x-is-expanded .x-asset.x-asset-center{
        width:75%;
        margin-left:12.5%
    }
}
@media(min-width:1200px){
    .x-placeholder.x-is-expanded .x-asset.x-asset-center{
        width:60%;
        margin-left:20%
    }
}
@media(min-width:1400px){
    .x-placeholder.x-is-expanded .x-asset.x-asset-center{
        width:66.66667%;
        margin-left:16.66667%
    }
}
.x-initiated.x-lazyload-asset .x-placeholder.x-is-expanded .x-asset:before{
    content:'';
    display:block;
    position:absolute;
    opacity:1;
    z-index:10;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:url(../assets/spinner.gif) no-repeat 50% 50%;
    background-size:34px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:opacity .4s ease-in-out .1s;
    -moz-transition:opacity .4s ease-in-out .1s;
    -ms-transition:opacity .4s ease-in-out .1s;
    -o-transition:opacity .4s ease-in-out .1s;
    transition:opacity .4s ease-in-out .1s
}
.x-initiated.x-lazyload-asset .x-placeholder.x-is-expanded .x-asset.x-is-loaded:before{
    opacity:0
}
.x-initiated.x-lazyload-asset .x-placeholder.x-is-expanded .x-asset.x-was-loaded:before{
    opacity:0
}
.x-placeholder.x-is-expanded .x-info{
    padding-left:20px;
    padding-right:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.x-placeholder.x-is-expanded .x-info img{
    width:100%;
    height:auto;
    display:block
}
.x-placeholder.x-is-expanded .x-info.x-info-left{
    width:100%;
    padding:40px 20px 20px;
    order:1
}
.x-placeholder.x-is-expanded .x-info.x-info-right{
    width:100%;
    padding:0 20px 20px;
    order:2
}
.x-placeholder.x-is-expanded .x-info.x-info-center{
    width:100%;
    margin:auto;
    padding:40px 60px
}
@media(min-width:768px){
    .x-placeholder.x-is-expanded .x-info.x-info-center{
        padding:60px 80px
    }
}
@media(min-width:992px){
    .x-placeholder.x-is-expanded .x-info.x-info-left{
        width:50%
    }
    .x-placeholder.x-is-expanded .x-info.x-info-right{
        width:50%;
        padding-top:40px
    }
}
.x-placeholder .x-prev{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    cursor:pointer;
    z-index:9999;
    left:0;
    background-image:url(../assets/arrow-left.svg);
    background-color:#000;
    background-size:7px;
    background-repeat:no-repeat;
    background-position:center
}
.x-placeholder .x-next{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    cursor:pointer;
    z-index:9999;
    right:42px;
    background-image:url(../assets/arrow-right.svg);
    background-color:#000;
    background-size:7px;
    background-repeat:no-repeat;
    background-position:center
}
.x-placeholder .x-close{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    z-index:9999;
    background-image:url(../assets/close.svg);
    background-color:#000;
    background-size:12px;
    background-repeat:no-repeat;
    background-position:center
}
.x-arrow-disabled{
    opacity:.5;
    cursor:default!important
}
@media(min-width:768px){
    .x-placeholder .x-prev{
        width:50px;
        height:50px;
        background-size:10px
    }
    .x-placeholder .x-next{
        width:50px;
        height:50px;
        background-size:10px;
        right:52px
    }
    .x-placeholder .x-close{
        width:50px;
        height:50px;
        background-size:16px
    }
}
.xpanda{
    font-family:inherit
}
.x-initiated .x-item{
    -webkit-transition:opacity .2s ease-in-out 0s;
    -moz-transition:opacity .2s ease-in-out 0s;
    -ms-transition:opacity .2s ease-in-out 0s;
    -o-transition:opacity .2s ease-in-out 0s;
    transition:opacity .2s ease-in-out 0s
}
.x-initiated .x-item.x-blue{
    background:#1f63ab
}
.x-initiated .x-item.x-green{
    background:#71c852
}
.x-initiated .x-item.x-purple{
    background:#6a3684
}
.x-initiated .x-item.x-yellow{
    background:#fdd454
}
.x-initiated .x-item.x-red{
    background:#cf2434
}
.x-initiated .x-item.x-orange{
    background:#fff
}
.x-initiated .x-item.x-gray{
    background:#ededf9
}
.x-initiated .x-item.x-pink{
    background:#fd8ab5
}
.x-initiated .x-item.x-brown{
    background:#7a4f2f
}
.x-initiated .x-item a{
    text-decoration:none
}
.x-initiated .x-item .x-thumbnail-content{
    text-align:center;
    padding:40px 20px 30px
}
.x-initiated .x-item .x-thumbnail-content *{
    color:#003ca6
}
.x-initiated .x-item .x-thumbnail-content i{
    font-size:40px;
    border:2px solid #fff;
    width:80px;
    height:80px;
    display:inline-block;
    line-height:80px;
    -webkit-border-top-left-radius:50%;
    -webkit-border-top-right-radius:50%;
    -webkit-border-bottom-right-radius:50%;
    -webkit-border-bottom-left-radius:50%;
    -moz-border-radius-topleft:50%;
    -moz-border-radius-topright:50%;
    -moz-border-radius-bottomright:50%;
    -moz-border-radius-bottomleft:50%;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%
}
.x-initiated .x-item .x-thumbnail-content h5{
    font-size:24px;
    font-weight:300
}
.x-initiated .x-item .x-thumbnail-content p{
    font-size:16px;
    font-weight:400
}
@media(min-width:769px){
    .x-initiated .x-item:hover{
        opacity:.8
    }
    .x-initiated .x-item.x-blue:hover{
        background:#1f63ab
    }
    .x-initiated .x-item.x-green:hover{
        background:#71c852
    }
    .x-initiated .x-item.x-purple:hover{
        background:#6a3684
    }
    .x-initiated .x-item.x-yellow:hover{
        background:#fdd454
    }
    .x-initiated .x-item.x-red:hover{
        background:#cf2434
    }
    .x-initiated .x-item.x-orange:hover{
        background:#eee
    }
    .x-initiated .x-item.x-pink:hover{
        background:#fd8ab5
    }
    .x-initiated .x-item.x-brown:hover{
        background:#7a4f2f
    }
}
@media(min-width:769px){
    .x-initiated .x-item.x-is-active:hover{
        opacity:1
    }
}
.x-initiated .x-item.x-is-not-active{
    opacity:.4
}
@media(min-width:769px){
    .x-initiated .x-item.x-is-not-active:hover{
        opacity:.8
    }
}
.x-indicator{
    width:24px;
    height:14px
}
.x-indicator:after{
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:12px solid #ededf9
}
.x-placeholder.x-is-expanded .x-placeholder-inner{
    background:#f5f5fb
}
.x-placeholder.x-is-expanded .x-info.x-info-center{
    padding:60px 30px 40px
}
@media(min-width:768px){
    .x-placeholder.x-is-expanded .x-info.x-info-center{
        padding:60px 60px 40px
    }
}
.x-placeholder.x-is-expanded .x-info h3{
    font-size:32px;
    font-weight:300;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info p{
    font-size:18px;
    font-weight:300;
    color:#939393
}
.x-placeholder.x-is-expanded .x-info.x-blue h3{
    color:#000;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info.x-green h3{
    color:#000;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info.x-purple h3{
    color:#000;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info.x-yellow h3{
    color:#000;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info.x-red h3{
    color:#000;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info.x-orange h3{
    color:#000;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info.x-pink h3{
    color:#000;
    text-align:center
}
.x-placeholder.x-is-expanded .x-info.x-brown h3{
    color:#000;
    text-align:center
}
.x-placeholder .x-prev{
    top:30px;
    left:30px;
    border:2px solid #003ca6;
    background-color:transparent;
    -webkit-border-top-left-radius:50%;
    -webkit-border-top-right-radius:50%;
    -webkit-border-bottom-right-radius:50%;
    -webkit-border-bottom-left-radius:50%;
    -moz-border-radius-topleft:50%;
    -moz-border-radius-topright:50%;
    -moz-border-radius-bottomright:50%;
    -moz-border-radius-bottomleft:50%;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%
}
.x-placeholder .x-next{
    right:auto;
    left:90px;
    top:30px;
    border:2px solid #003ca6;
    background-color:transparent;
    -webkit-border-top-left-radius:50%;
    -webkit-border-top-right-radius:50%;
    -webkit-border-bottom-right-radius:50%;
    -webkit-border-bottom-left-radius:50%;
    -moz-border-radius-topleft:50%;
    -moz-border-radius-topright:50%;
    -moz-border-radius-bottomright:50%;
    -moz-border-radius-bottomleft:50%;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%
}
.x-placeholder .x-close{
    top:30px;
    right:30px;
    border:2px solid #003ca6;
    background-color:transparent;
    -webkit-border-top-left-radius:50%;
    -webkit-border-top-right-radius:50%;
    -webkit-border-bottom-right-radius:50%;
    -webkit-border-bottom-left-radius:50%;
    -moz-border-radius-topleft:50%;
    -moz-border-radius-topright:50%;
    -moz-border-radius-bottomright:50%;
    -moz-border-radius-bottomleft:50%;
    border-top-left-radius:50%;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%
}
@media(min-width:768px){
    .x-placeholder .x-prev{
        left:60px
    }
    .x-placeholder .x-next{
        left:140px
    }
    .x-placeholder .x-close{
        right:60px
    }
}
@media screen and (max-width:800px){
    .parallax-background{
        background-position:center!important
    }
}
html[lang=ar] .cd-logo{
    top:15px;
    left:auto;
    right:4em
}
html[lang=ar] .cd-header-buttons{
    position:absolute;
    display:inline-block;
    top:3px;
    left:5%;
    right:auto
}
html[lang=ar] .cd-primary-nav,html[lang=ar] .cd-primary-nav ul{
    right:auto;
    left:0
}
@media only screen and (min-width:1170px){
    html[lang=ar] .cd-header-buttons{
        top:18px;
        right:auto;
        left:4em
    }
}
@media only screen and (min-width:1170px){
    html[lang=ar] .cd-primary-nav{
        float:left
    }
    html[lang=ar] .cd-primary-nav>li{
        float:right;
        margin-left:0;
        margin-right:5px
    }
    html[lang=ar] .cd-primary-nav .cd-secondary-nav>.see-all,html[lang=ar] .cd-primary-nav .cd-nav-gallery>.see-all,html[lang=ar] .cd-primary-nav .cd-nav-icons>.see-all{
        left:auto;
        right:0
    }
    html[lang=ar] .cd-primary-nav .cd-secondary-nav>.see-all a,html[lang=ar] .cd-primary-nav .cd-nav-gallery>.see-all a,html[lang=ar] .cd-primary-nav .cd-nav-icons>.see-all a{
        left:auto;
        right:0
    }
    html[lang=ar] .cd-primary-nav .cd-secondary-nav>li{
        float:right;
        margin-left:2%;
        border-left:1px solid #e2e3df;
        margin-right:0%;
        border-right:0 solid #e2e3df
    }
    html[lang=ar] .cd-primary-nav .cd-secondary-nav ul ul{
        left:auto;
        right:0
    }
    html[lang=ar] .cd-primary-nav .cd-nav-gallery li{
        float:right
    }
    html[lang=ar] .cd-primary-nav .cd-nav-icons li{
        float:right
    }
    html[lang=ar] .cd-primary-nav .cd-nav-icons .cd-nav-item::before{
        right:25px;
        left:0
    }
    html[lang=ar] .cd-primary-nav{
        padding:0 0 0 15px
    }
}
.cd-main-header.sticky .cd-logo{
    transition:ease-out width .2s;
    max-width:120px
}
.pagination-area{
    display:none
}
body.content_box_visible .sm-popup{
    overflow-y:auto;
    overflow-x:hidden
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{
    border:unset;
    background:#fff;
    font-weight:400;
    color:#2f2f2f
}
.ui-accordion-content{
    height:auto!important
}
.ui-widget-content{
    border:unset
}
.ui-widget{
    font-family:nunito,sans-serif
}
.ui-accordion .ui-accordion-header{
    display:block;
    cursor:pointer;
    position:relative;
    margin:0 auto;
    padding:5px 10px;
    font-size:100%;
    background:#003ca6;
    color:#fff;
    border-radius:0;
    margin-top:15px
}
.ui-icon-triangle-1-e{
    background-position:-30px 0
}
.ui-icon-triangle-1-s{
    background-position:-65px 0
}
.ui-state-default{
    background:unset;
    color:#2f2f2f
}
.ui-accordion-header{
    border:1px solid #9bc6fb;
    max-width:fit-content
}
.ui-state-active{
    background-color:#2b8c4f;
    color:#fff
}
.bg-texture::before{
    content:"";
    position:absolute;
    background-image:url(../assets/as-texture.png);
    width:100%;
    height:200px;
    z-index:0;
    opacity:.1;
    background-repeat:repeat-x
}
.cd-primary-nav li ul::before{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../assets/as-texture.png);
    background-repeat:repeat-x;
    top:0;
    opacity:.1
}
.has-children.relative.mini-menu .cd-nav-icons li{
    width:100%
}
.has-children.relative.mini-menu .cd-nav-icons .cd-nav-item{
    border-bottom:none;
    height:auto;
    line-height:1.2;
    padding:0;
    position:relative
}
.mini-menu .cd-nav-icons{
    width:270px;
    left:0;
    padding:25px 25px 0
}
html[lang=ar] .mini-menu .cd-nav-icons{
    left:auto;
    right:0
}
.has-children.relative.mini-menu .cd-nav-icons .cd-nav-item h3{
    color:var(--blue);
    font-weight:400;
    font-size:1rem
}
.tp-caption.NotGeneric-Title,.NotGeneric-Title{
    color:#003ca6
}
html[lang=ar] .ui-widget{
    font-family:tajawal,sans-serif
}
html[lang=ar] .ui-icon{
    float:left;
    margin-top:6px
}
html[lang=ar] .ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 21px;
}
html[lang=ar] .ui-icon-triangle-1-e{
    transform:rotate(0.5turn)
}
.ui-accordion .ui-accordion-content{
    font-size:14px
}
html[lang=ar] .ui-accordion .ui-accordion-content{
    font-size:13px
}
.nav-width{
    padding:15px 63px 10px!important
}
.csr-list li{
    font-size:1.125rem;
    line-height:1.75rem;
    text-align:justify
}
.farm-menu li{
    width:24%!important
}
@media only screen and (min-width:1170px){
    .farm-menu{
        padding:15px 63px 10px
    }
    .cd-nav-gallery{
        padding:40px 2px 40px 90px!important
    }
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.faster{
    -webkit-animation-duration:500ms;
    animation-duration:500ms
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.btn-shine{
    position:absolute;
    top:106%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:12px 48px;
    color:#fff;
    background:linear-gradient(to right,#003ca6 0,#fff 10%,#003ca6 20%);
    background-position:0;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:shine 3s infinite linear;
    animation-fill-mode:forwards;
    -webkit-text-size-adjust:none;
    font-weight:600;
    font-size:16px;
    text-decoration:none;
    white-space:nowrap
}
.btn-shine-1{
    position:absolute;
    top:117%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:12px 48px;
    color:#fff;
    background:linear-gradient(to right,#003ca6 0,#fff 10%,#003ca6 20%);
    background-position:0;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:shine 3s infinite linear;
    animation-fill-mode:forwards;
    -webkit-text-size-adjust:none;
    font-weight:600;
    font-size:16px;
    text-decoration:none;
    white-space:nowrap
}
@-moz-keyframes shine{
    0%{
        background-position:0
    }
    60%{
        background-position:180px
    }
    100%{
        background-position:180px
    }
}
@-webkit-keyframes shine{
    0%{
        background-position:0
    }
    60%{
        background-position:180px
    }
    100%{
        background-position:180px
    }
}
@-o-keyframes shine{
    0%{
        background-position:0
    }
    60%{
        background-position:180px
    }
    100%{
        background-position:180px
    }
}
@keyframes shine{
    0%{
        background-position:0
    }
    60%{
        background-position:180px
    }
    100%{
        background-position:180px
    }
}
@media screen and (max-width:700px){
    .cd-main-header .cd-logo{
        width:100px
    }
    .cd-primary-nav,.cd-primary-nav ul{
        z-index:30
    }
    .cd-primary-nav,.cd-primary-nav ul{
        background:#f0f0f0!important
    }
    .cd-primary-nav a,.cd-primary-nav ul a{
        color:#000
    }
    .has-children.relative.mini-menu .cd-nav-icons .cd-nav-item h3{
        color:#000!important
    }
    .bg-texture .container.md\:container.mx-auto{
        padding:10px;
        padding-top:50px
    }
    .has-children.relative.mini-menu .cd-nav-icons .cd-nav-item{
        padding-left:15px
    }
    .mini-menu .cd-nav-icons{
        padding:10px 0
    }
    .cd-primary-nav a,.cd-primary-nav ul a{
        border-bottom:1px solid transparent
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item{
        line-height:initial;
        height:40px
    }
    .flex.flex-col.sm\:flex-row.px-10.border-b.border-gray-200{
        flex-direction:revert;
        overflow:auto
    }
    .text-white.pt-12.text-lg.text-justify{
        padding:20px
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item img{
        height:70px;
        left:10px;
        top:30%
    }
    .cd-nav-item::before{
        border:solid 1px transparent
    }
    #slide-1708-layer-1{
        top:45px;
        padding-bottom:50px!important
    }
    .mt-3.text-blue-500.inline-flex.items-center.absolute.bottom-6.left-6.hover\:text-blue-700{
        position:relative;
        top:0;
        left:0
    }
    .container.md\:container.mx-auto.bg-white.px-16.pt-20{
        padding:10px 20px
    }
    .relative.wrap.overflow-hidden.p-10.h-full{
        padding:0
    }
    .flex.items-center.space-x-6.mb-4{
        flex-direction:column
    }
    .container.md\:container.mx-auto.px-16{
        padding:10px
    }
    .container.md\:container.mx-auto.p-20{
        padding:30px
    }
    .flex.flex-wrap.-m-4{
        flex-direction:column;
        width:100%;
        margin:0
    }
    .flex.flex-wrap.-m-4>div{
        width:100%
    }
    html[lang=ar] .cd-logo{
        top:15px;
        left:auto;
        right:1em
    }
    html[lang=ar] .has-children.relative.mini-menu .cd-nav-icons .cd-nav-item{
        padding-right:15px;
        padding-left:0
    }
    html[lang=ar] .cd-main-content.nav-is-visible,.cd-main-header.nav-is-visible{
        -webkit-transform:translateX(260px);
        -moz-transform:translateX(260px);
        -ms-transform:translateX(260px);
        -o-transform:translateX(260px);
        transform:translateX(260px)
    }
    .x-placeholder.x-is-expanded .x-info.x-info-center{
        padding:15px 10px
    }
    .x-placeholder.x-is-expanded .x-info.x-info-center iframe{
        width:100%
    }
}
.dark\:text-gray-200{
    color:#000!important
}