/*common styles*/

/* fonts */
@font-face{
   font-family:roboto-thin-webfont;
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Thin-webfont.eot");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/Roboto-Thin-webfont.ttf") format("truetype"), 
                                                  url("../fonts/Roboto-Thin-webfont.svg") format("svg");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Thin-webfont.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:roboto-light-webfont;
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Light-webfont.eot");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/Roboto-Light-webfont.ttf") format("truetype"), 
                                                  url("../fonts/Roboto-Light-webfont.svg") format("svg");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Light-webfont.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:roboto-regular-webfont;
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Regular-webfont.eot");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), 
                                                  url("../fonts/Roboto-Regular-webfont.svg") format("svg");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Regular-webfont.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:robot-medium-webfont;
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Medium-webfont.eot");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/Roboto-Medium-webfont.ttf") format("truetype"), 
                                                  url("../fonts/Roboto-Medium-webfont.svg") format("svg");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Medium-webfont.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:roboto-bold-webfont;
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Bold-webfont.eot");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/Roboto-Bold-webfont.ttf") format("truetype"), 
                                                  url("../fonts/Roboto-Bold-webfont.svg") format("svg");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Roboto-Bold-webfont.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:sakkal-majalla-regular-webfont;
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Sakkal-Majalla-Regular.eot");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Sakkal-Majalla-Regular.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/Sakkal-Majalla-Regular.ttf") format("truetype"), 
                                                  url("../fonts/Sakkal-Majalla-Regular.svg") format("svg");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Sakkal-Majalla-Regular.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:sakkal-majalla-bold-webfont;
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Sakkal-Majalla-Bold.eot");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Sakkal-Majalla-Bold.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/Sakkal-Majalla-Bold.ttf") format("truetype"), 
                                                  url("../fonts/Sakkal-Majalla-Bold.svg") format("svg");
   src: local("Segoe UI, San Francisco, Roboto"), url("../fonts/Sakkal-Majalla-Bold.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:SST-Arabic-Roman-webfont;
   src: local("Segoe UI, Arial, Tahoma"), url("../fonts/SST-Arabic-Roman.eot");
   src: local("Segoe UI, Arial, Tahoma"), url("../fonts/SST-Arabic-Roman.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/SST-Arabic-Roman.ttf") format("truetype"), 
                                                  url("../fonts/SST-Arabic-Roman.svg") format("svg");
   src: local("Segoe UI, Arial, Tahoma"), url("../fonts/SST-Arabic-Roman.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}
@font-face{
   font-family:SST-Arabic-Bold-webfont;
   src: local("Segoe UI, Arial, Tahoma"), url("../fonts/SST-Arabic-Bold.eot");
   src: local("Segoe UI, Arial, Tahoma"), url("../fonts/SST-Arabic-Bold.eot?#iefix") format("embedded-opentype"), 
                                                  url("../fonts/SST-Arabic-Bold.ttf") format("truetype"), 
                                                  url("../fonts/SST-Arabic-Bold.svg") format("svg");
   src: local("Segoe UI, Arial, Tahoma"), url("../fonts/SST-Arabic-Bold.woff") format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap; 
}

body{
   margin:0;
   font-size:16px;
   font-family:'roboto-regular-webfont',tahoma,arial,sans-serif;
   letter-spacing:normal;
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale;
}

/* placeholder styles */
::-webkit-input-placeholder{color:#e5e5e5;font-size:.875em;}
::-moz-placeholder{color:#e5e5e5;}
:-ms-input-placeholder{color:#e5e5e5;font-size:.875em;}
::placeholder{color:#e5e5e5;font-size:.875em;}

.svg-icon{fill:currentColor!important;}
.text-grey{color:#999999;}

.primary-color-text{color:#3f2a6c!important;}
.secondary-color-text{color:#262626!important;}
.primary-color-bg{background-color:#3f2a6c!important;}
.secondary-color-bg{background-color:#f5f5f5!important;}

.border-primary{border:1px solid #3f2a6c!important;opacity:1;}

.page-title{font-family:roboto-light-webfont,tahoma,arial,sans-serif;font-size:2em;color:#3f2a6c;line-height:40px;margin-bottom:20px;font-weight:500;}

.page-title-inner{
    margin-top:-120px;
    font-size:5em;
    font-family:roboto-bold-webfont,tahoma,arial,sans-serif;
    text-transform:uppercase;
    line-height:80px;
    font-weight:500;
    margin-bottom:30px;
}
@media (min-width: 412px) and (max-width: 480px){
    .page-title-inner{
        margin-top:-90px;
        font-size:2.5em;
        line-height:40px;
        margin-bottom:30px;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .page-title-inner{
        margin-top:-90px;
        font-size:3em;
        line-height:40px;
        margin-bottom:30px;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    .page-title-inner{
        margin-top:-100px;
        font-size:4em;
        line-height:50px;
        margin-bottom:30px;
    }
}

.section-title{font-family:roboto-bold-webfont,tahoma,arial,sans-serif;font-size:1.5em;font-weight:bold;color:#1d1f10;text-transform:uppercase;}
.title-desc{font-family:roboto-light-webfont,tahoma,arial,sans-serif;font-size:1.25em;line-height:40px;}

.brand-color-purple{color:#3f2a6c;} 

a{color:#3f2a6c;text-decoration:none;}
a:hover{color:#1d1f10;}
a:focus{color:#1d1f10;}

/* button styles */
.btn{border-radius:5px;padding:0.5rem 1rem!important;}
.btn-primary{background-color:#3f2a6c;color:#ffffff;border:2px solid #3f2a6c;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color:#b18cfe;border-color:#b18cfe!important;color:#3f2a6c;}
.btn-outline-primary{border-color:#3f2a6c!important;color:#3f2a6c;text-decoration-color:#3f2a6c;}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active{background-color:#3f2a6c!important;color:#ffffff;border-color:#3f2a6c;}

.btn-secondary{background-color:#ffffff;color:#3f2a6c;border:2px solid #ffffff;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{background-color:#b18cfe;border-color:#b18cfe!important;color:#3f2a6c;}
.btn-outline-secondary{border-color:#1d1f10!important;color:#1d1f10;text-decoration-color:#ed1c24;}
.btn-outline-secondary:hover, .btn-outline-secondary:active{background-color:#ffffff!important;color:#1d1f10;border-color:#1d1f10;}

.img-container{width:auto;height:auto;display:flex;}

/* navigation */
/*nav.navbar{background-image:linear-gradient(#222244, #1e2047);color:#3f2a6c;}*/
nav .navbar-brand{color:#3f2a6c;}
nav .nav-item .nav-link{color:#3f2a6c;font-size:1em;font-weight:500;}
nav .nav-item .nav-link.active{color:#3f2a6c;box-shadow:inset 0px -2px 0px 0px #b18cfe;font-weight:600;}
nav .nav-item .nav-link:hover, nav .nav-item .nav-link:focus, nav .nav-item .nav-link:active{color:#3f2a6c;box-shadow:inset 0px -2px 0px 0px #b18cfe;}
/*.navbar.fixed-top.stickynav{background-image:linear-gradient(#222244, #1e2047);transition:background-color 200ms linear;}*/


/* Language switch button position for mobile and small screens */
@media (max-width: 991px) {
   .lang-switch{position:absolute!important;right:25%!important;top:25px!important;}
   .rtl .lang-switch{left:25%!important;right:auto!important;}
}
@media (min-width: 320px) and (max-width: 414px) and (orientation: portrait) {
   .lang-switch{position:absolute!important;right:25%!important;top:25px!important;}
   .rtl .lang-switch{left:25%!important;right:auto!important;}
} 
@media (min-width: 414px) and (max-width: 768px) and (orientation: landscape) { 
   .lang-switch{position:absolute!important;right:25%!important;top:25px!important;}
   .rtl .lang-switch{position:absolute!important;left:25%!important;right:auto!important;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   .lang-switch{position:absolute!important;right:25%!important;top:25px!important;}
   .rtl .lang-switch{left:25%!important;right:auto!important;}
}


/* hero intro */
.hero{height:600px;background:#f5f5f5;background-image:url(https://www.marqers.net/assets/images/img_hero_home.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;}
.hero-caption{display:flex;align-items:center;justify-content:left;height:600px;position:unset;right:auto;bottom:auto;
left:auto;z-index:10;padding-top:0px;padding-bottom:0px;color:#ffffff;text-align:left;}
.hero .hero-caption h1{font-family:roboto-light-webfont,tahoma,arial,sans-serif;font-size:4em;font-weight:600;}

@media (min-width: 320px) and (max-width: 414px) and (orientation: portrait) {
   .hero{
      height:auto!important;
   }
   .hero-caption{
      height:auto!important;
   }
   .hero .hero-caption h1{
      font-size:2em;
   }
   .hero .hero-image img{
      height:600px;
   }
} 
@media (min-width: 414px) and (max-width: 768px) and (orientation: landscape) { 
   .hero{
      height:auto!important;
   }
   .hero-caption{
      height:auto!important;
   }
   .hero .hero-caption h1{
      font-size:2.5em;
   }
   .hero .hero-image img{
      height:300px;
   }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   .hero{
      height:auto!important;
   }
   .hero-caption{
      height:auto!important;
   }
   .hero .hero-caption h1{
      font-size:3em;
   }
   .hero .hero-image img{
      height:300px;
   }
}

.hero-caption {
    text-align: center;
    justify-content: center;
    font-family: roboto-bold-webfont, tahoma, arial, sans-serif;
}

.hero-caption .delay-2 {
    font-weight: lighter;
}
.hero-caption .delay-1 {
    font-weight: lighter;
}

.hero-inner{
   height:500px;
   background:#3f2a6c;
   background-position:top center;
   background-repeat:no-repeat;
   background-size:cover;
   z-index:99;
}
.hero-inner.about-marqers{ 
   background-image:url(https://www.marqers.net/assets/images/hero_inner_aboutmarqers.jpg);
}
.hero-inner.marqers-careers{ 
   background-image:url(https://www.marqers.net/assets/images/hero_inner_careers.jpg);    
}
.hero-inner.marqers-contactus{ 
   background-image:url(https://www.marqers.net/assets/images/hero_inner_contactus.jpg);
}
.hero-inner.marqers-clients{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_clients.jpg);
}
.hero-inner.marqers-team{
   background-image:url(https://www.marqers.net/assets/images/hero_inner_marqersteam.jpg);
}
.hero-inner.service-saudi-identity{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_saudi_identity.jpg);
}
.hero-inner.service-reputation-management{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_reputation_management.jpg);
}
.hero-inner.service-leadership-positioning{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_leadership_positioning.jpg);
}
.hero-inner.service-corporate-communications{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_corporate_communications.jpg);
}
.hero-inner.service-internal-communications{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_internal_communications.jpg);
}
.hero-inner.service-crisis-communications{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_crisis_communications.jpg);
}
.hero-inner.service-consumer-pr{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_consumer_pr.jpg);
}
.hero-inner.service-events{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_events.jpg);
}
.hero-inner.service-creative-writing{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_creative_writing.jpg);
}
.hero-inner.service-media-relations{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_service_media_relations.jpg);
}
.hero-inner.project-ssa{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_project_ssa.jpg);
}
.hero-inner.project-srca{
    background-image:url(https://www.marqers.net/assets/images/hero_inner_project_srca.jpg);
}
.hero-inner.project-jda{
    background-image:url(https://www.marqers.net/assets/images/img_project_jda.jpg);
}
.hero-inner.project-lpt{
    background-image:url(https://www.marqers.net/assets/images/img_project_lpt.jpg);
}
.hero-inner.project-almadina{
    background-image:url(../images/hero_inner_project_almadina.jpg);
}
.hero-inner.project-arriyadh{
    background-image:url(../images/hero_inner_project_arriyadh.jpg);
}
.hero-inner.project-telecomarabia{
    background-image:url(../images/hero_inner_project_telecomarabia.jpg);
}


/*about marqers*/
.img-container-about{width:100%;height:460px;background:#f8f9fa;background-image:url(https://www.marqers.net/assets/images/img_aboutMarqers.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.img-container-team{width:100%;height:400px;background:#f8f9fa;background-image:url(https://www.marqers.net/assets/images/img_team.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;} 
.careers{background:#3f2a6c;}
.img-container-careers{width:100%;height:400px;background:#3f2a6c;background-image:url(https://www.marqers.net/assets/images/img_careers.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;} 
.img-container-contactus{width:100%;height:470px;background:#f5f5f5;background-image:url(https://www.marqers.net/assets/images/img_contactus.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}


/*services*/
.services .service-item a{text-decoration:none;min-width:265px;}
.services .service-item a:hover,
.services .service-item a:focus{background-color:#3f2a6c!important;color:#ffffff!important;}
.services .service-item a.active{background-color:#3f2a6c!important;color:#ffffff!important;}
.other {
    font-size:22px;
    font-family:roboto-bold-webfont, tahoma, arial, sans-serif;
    font-weight:300;
    text-transform:uppercase;
}
@media (min-width: 1024px){
    .service-list .collapse:not(.show){
        display:block;
    }
}


/*home nav*/ 
.home-nav .home-nav-item{
   display:block;
   position:relative;
   width:100%;
   font-family:roboto-thin-webfont,tahoma,arial,sans-serif;
   text-transform:uppercase;
   align-items:center;
   text-align:left;
   color:#ffffff;   
   font-weight:600;
   background:#f8f9fa;
   background-position:center;
   background-repeat:no-repeat;
   background-size:100%;
   transition:all 0.5s ease-in-out;
   transition-property:font-size, background-size, background-color;
}
/*.home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{
   background-size:125%;
   font-size:3em;
}*/
.home-nav .home-nav-item::before{
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color:rgba(177, 140, 254, 0);
   z-index:9;
}
.home-nav .home-nav-item span{   
   z-index:99!important;
}
.home-nav .home-nav-item:hover::before{
   background-color:rgba(177, 140, 254, .6);
}
@media (min-width: 412px) and (max-width: 480px){
   .home-nav .home-nav-item{ 
      height:200px; 
      font-size:1.2em;
      line-height:25px;
   }
   .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{
      background-size:125%;
      font-size:1.3em;
   }
}
@media (min-width: 480px) and (max-width: 767px){
   .home-nav .home-nav-item{ 
      height:250px; 
      font-size:1.75em;
      line-height:30px;
   }
   .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{
      background-size:125%;
      font-size:1.85em;
   }
}
@media (min-width: 768px) and (max-width: 1024px){
   .home-nav .home-nav-item{ 
      height:300px; 
      font-size:2em;
      line-height:40px;
   }
   .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{
      background-size:125%;
      font-size:2.1em;
   }
}
@media (min-width: 1025px){
   .home-nav .home-nav-item{ 
      height:400px; 
      font-size:2.5em;
      line-height:50px;
   }
   .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{
      background-size:125%;
      font-size:2.6em;
   }
}
.home-nav .home-nav-item.nav-about-marqers{   
   background-image:url(https://www.marqers.net/assets/images/img_home_nav_about.jpg);
}
.home-nav .home-nav-item.nav-our-services{   
   background-image:url(https://www.marqers.net/assets/images/img_home_nav_services.jpg);
}
.home-nav .home-nav-item.nav-our-methodologies{   
   background-image:url(https://www.marqers.net/assets/images/img_home_nav_ourmethods.jpg);
}
.home-nav .home-nav-item.nav-marqers-team{   
   background-image:url(https://www.marqers.net/assets/images/img_home_nav_team.jpg);
}
.home-nav .home-nav-item.nav-join-us{   
   background-image:url(https://www.marqers.net/assets/images/img_home_nav_careers.jpg);
}
.home-nav .home-nav-item.nav-contact-us{   
   background-image:url(https://www.marqers.net/assets/images/img_home_nav_contactus.jpg);
}


/* clients */
/*.clients{background:#f7f7f8 url(https://www.marqers.net/assets/images/img_clients.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}*/
.clients-carousel{height:150px;max-width:100%;position:relative;overflow:hidden;}
.clients-carousel > .row{height:160px;width:10000px!important;position:absolute;overflow-x:hidden;top:0;left:0;animation:clientsSlideshowEn 20s linear infinite;
}
.clients-carousel > .row > .col-6{display:inline-block;vertical-align:middle;width:220px;margin:0;}
@keyframes clientsSlideshowEn{
    100% { 
        transform:translateX(-520px);
    }
}
@keyframes clientsSlideshowAr{
    100% { 
        transform:translateX(520px);
    }
}
.rtl .clients-carousel > .row{height:160px;width:10000px!important;position:absolute;overflow-x:hidden;top:0;left:0;animation:clientsSlideshowAr 20s linear infinite;
}

.clients .viewLessClients{display:none;}
.viewBtnFunction .viewLessClients{display:inline-block;}
.clients .viewAllClients{display:inline-block;}
.viewBtnFunction .viewAllClients{display:none;}


/* methodologies  */ 
.methodologies-list .custom-indicators li>a{
    border-radius:0px!important;
    line-height:20px;
    padding:18px 18px 18px 25px;
    display:block;
    position:relative;
    color:#555555;
    background-color:#f0f0f0;
}
.methodologies-list .custom-indicators li>a::before{
    content:" ";
    border-top:27px solid transparent;
    border-bottom:27px solid transparent;
    border-left:13px solid #ffffff;
    position:absolute;
    left:100%;
    margin-left:2px;
    top:0;
    z-index:5;
}
.methodologies-list .custom-indicators li>a::after{
    content:" ";
    border-top:27px solid transparent;
    border-bottom:27px solid transparent;
    position:absolute;
    left:100%;
    margin-left:0px;
    top:0;
    z-index:10;
    border-left:13px solid #f0f0f0;
}
.methodologies-list .custom-indicators li:last-child>a::after{
    content:"";
    border-top:0px solid transparent;
    border-bottom:0px solid transparent;
}
.methodologies-list .custom-indicators li.active>a{
    color:#ffffff;
    background-color:#3f2a6c;
}
.methodologies-list .custom-indicators li.active>a::after{
    border-left:13px solid #3f2a6c;
} 
#methodologiesCarousel .carousel-indicators{position:relative;margin-bottom:0;margin-top:0.1rem;} 
#methodologiesCarousel .carousel-indicators [data-bs-target]{
    background-color:#3f2a6c!important;
}
@media (min-width: 412px) and (max-width: 480px){
   .methodologies-list .custom-indicators li>a::before{
        content:" ";
        border-top:0px solid transparent;
        border-bottom:0px solid transparent;
        border-left:0px solid #ffffff;
    }
    .methodologies-list .custom-indicators li>a::after{
        content:" ";
        border-top:0px solid transparent;
        border-bottom:0px solid transparent;
        border-left:0px solid #f0f0f0;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .methodologies-list .custom-indicators li>a::before{
        content:" ";
        border-top:0px solid transparent;
        border-bottom:0px solid transparent;
        border-left:0px solid #ffffff;
    }
    .methodologies-list .custom-indicators li>a::after{
        content:" ";
        border-top:0px solid transparent;
        border-bottom:0px solid transparent;
        border-left:0px solid #f0f0f0;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
   .methodologies-list .custom-indicators li>a::before{
        content:" ";
        border-top:0px solid transparent;
        border-bottom:0px solid transparent;
        border-left:0px solid #ffffff;
    }
    .methodologies-list .custom-indicators li>a::after{
        content:" ";
        border-top:0px solid transparent;
        border-bottom:0px solid transparent;
        border-left:0px solid #f0f0f0;
    }
}


/*team*/ 
.marqers-team-item{
    overflow:hidden;
    flex-grow:1;
    background-color:#ffffff;
}
.marqers-team-item-img{
    position:relative;
    overflow:hidden;
    width:100%;    
}
.marqers-team-item-img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top;
    transition:transform .75s ease;
}
.marqers-team-item-img:hover img{
    transform:scale(1.1);
}
.marqers-team-item-img::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%; 
    transition:.5s ease;
    background-color:rgba(177, 140, 254, 0);
    cursor: pointer;
}
.marqers-team-item-img:hover::after{
    content:'';
    color:#ffffff;
    text-align:center;
    height:100%;
    vertical-align:bottom;
    background-color:rgba(177, 140, 254, .6);
}


/*tabs */ 
.custom-tabs-pills .nav {
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.custom-tabs-pills .nav-pills>.nav-item {
    padding-bottom: 0px;
    padding-left: 0px;
}
.custom-tabs-pills .nav-pills>.nav-item>.nav-link {
    border-radius: 0px;
    color:#888888;
}
.custom-tabs-pills .nav-pills>.nav-item>.nav-link.active {
    box-sizing: border-box;
    font-weight: 600;
    background-color: #ffffff;
    color: #3f2a6c;
    box-shadow: inset 0 -2px 0 0 #3f2a6c;
}
.custom-tabs-pills .nav-pills>.nav-item>.nav-link:hover,
.custom-tabs-pills .nav-pills>.nav-item>.nav-link:focus {
    box-sizing: border-box;
    background-color:#f5f5f5;
    color:#3f2a6c;
    box-shadow: inset 0 -2px 0 0 #3f2a6c;
}


/* footer styles  */
footer{background-color:#f5f5f5;}
footer .nav .nav-item .nav-link{color:#3f2a6c;text-decoration:none;}
footer .nav .nav-item .nav-link:hover, footer .nav .nav-item .nav-link:focus{color:#1d1f10;}

footer a{display:inline-block;color:#3f2a6c;text-decoration:none;}
footer a:hover, footer a:focus{color:#1d1f10;}

footer .scrollToTop{position:fixed;bottom:150px;right:18px;visibility:visible;opacity:1;transition:visibility 0s linear 0s, opacity 300ms;}


/* animate.css  */
.delay-1{
    animation-delay: .25s;
}
.delay-2{
    animation-delay: .5s;
}
.delay-3{
    animation-delay: .75s;
}
.delay-4{
    animation-delay: 1s;
}
.delay-5{
    animation-delay: 1.25s;
}
.delay-6{
    animation-delay: 1.5s;
}





/* RTL Styles */

body.rtl{ 
   font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
   font-variant-numeric: normal;
   font-feature-settings: normal;
}
.rtl .en-text{font-family:'roboto-regular-webfont',tahoma,arial,sans-serif!important;}
.rtl .ar-text{font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;}
/*
.rtl nav .nav-item .nav-link{
    font-size:1.25em;
}
.btn{font-size:1.125em;}
.lead{font-size:1.5em;}
.rtl .container section.animate-box p{font-size:1.125em!important;}
.rtl footer{font-size:1.125em;} 
*/

/**/
.rtl .page-title-inner{
    margin-top:-140px;
    font-size:4.7em;
    font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
    line-height:90px;
    font-weight:500;
    margin-bottom:35px;
}
@media (min-width: 412px) and (max-width: 480px){
    .rtl .page-title-inner{
        margin-top:-95px;
        font-size:2.4em;
        line-height:45px;
        margin-bottom:35px;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .rtl .page-title-inner{
        margin-top:-100px;
        font-size:2.9em;
        line-height:50px;
        margin-bottom:40px;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    .rtl .page-title-inner{
        margin-top:-115px;
        font-size:3.8em;
        line-height:65px;
        margin-bottom:45px;
    }
}

.rtl .section-title, .rtl .section-title h5, .rtl .other{
   font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
   font-weight:600;
}
.rtl .title-desc{
   font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
}

.rtl .hero .hero-caption h1{
   font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
   font-size:3.5em;
   font-weight:500;
   text-align: center;
}
.rtl .hero-caption{ 
    font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
    text-align: center;
    justify-content: center;
}
@media (min-width: 320px) and (max-width: 414px) and (orientation: portrait) {    
   .rtl .hero .hero-caption h1{
      font-size:2em;
   } 
} 
@media (min-width: 414px) and (max-width: 768px) and (orientation: landscape) {   
   .rtl .hero .hero-caption h1{
      font-size:2.5em;
   }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {   
   .rtl .hero .hero-caption h1{
      font-size:2.5em;
   }
} 



/*
.rtl .carousel-item .carousel-caption h5{
    font-size:1.5rem;
}
.rtl .carousel-item .carousel-caption p{
    font-size:1.3rem;
}
*/

.rtl .home-nav .home-nav-item{
   font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
   text-align:right;
}
.rtl .hero-caption{justify-content:right;left:auto;right:auto;text-align:right;}
.rtl .home-nav .home-nav-item{ 
   font-family:'SST-Arabic-Roman-webfont',tahoma,arial,sans-serif!important;
   text-align:right;
   font-weight:500;
}
.rtl .home-nav .home-nav-item::before{
   left:auto;
   right:0;
}

@media (min-width: 412px) and (max-width: 480px){
    .rtl .home-nav .home-nav-item{  
        font-size:1.6em;
    }
    .rtl .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{ 
        font-size:1.7em;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .rtl .home-nav .home-nav-item{  
        font-size:2.15em;
    }
    .rtl .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{ 
        font-size:2.25em;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
   .rtl .home-nav .home-nav-item{  
        font-size:2.4em;
   }
   .rtl .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{ 
        font-size:2.5em;
   }
}
@media (min-width: 1025px){
   .rtl .home-nav .home-nav-item{ 

   }
   .rtl .home-nav .home-nav-item:hover, .home-nav .home-nav-item:focus, .home-nav .home-nav-item:active{ 

   }
}

.rtl .services .service-item a{font-size:1.25em;}

.rtl .clients-carousel > .row{
   left:auto;
   right:0;
}
.rtl .methodologies-list .custom-indicators li>a::before{
   border-left:unset; 
   left:unset;
   margin-left:unset;
   border-right:13px solid #ffffff; 
   right:100%;
   right-left:2px;
}
.rtl .methodologies-list .custom-indicators li>a::after{ 
   left:unset;
   margin-left:unset; 
   border-left:unset;
   right:100%;
   margin-right:0px; 
   border-right:13px solid #f0f0f0;
}

.rtl .methodologies-list .custom-indicators li.active>a::after{
    border-right:13px solid #3f2a6c;
    border-left:unset;
} 

@media (min-width: 412px) and (max-width: 480px){
   .rtl .methodologies-list .custom-indicators li>a::before{
        border-left:unset;
    }
    .rtl .methodologies-list .custom-indicators li>a::after{
        border-right:0px solid #f0f0f0;
        border-left:unset;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .rtl .methodologies-list .custom-indicators li>a::before{
        border-right:0px solid #ffffff;
        border-left:unset;
    }
    .rtl .methodologies-list .custom-indicators li>a::after{
        border-right:0px solid #f0f0f0;
        border-left:unset;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
   .rtl .methodologies-list .custom-indicators li>a::before{ 
        border-right:0px solid #ffffff;
        border-left:unset;
    }
    .rtl .methodologies-list .custom-indicators li>a::after{
        border-right:0px solid #f0f0f0;
        border-left:unset;
    }
}
.rtl .marqers-team-item-img::after{
    right:0;
    left:unset;
}
.rtl .custom-tabs-pills .nav-pills>.nav-item {
    padding-right:0px;
    padding-left:auto;
}

.rtl .form-control{text-align:right;direction:rtl;}
.rtl input::-webkit-input-placeholder{text-align:right;direction:rtl;}
.rtl input::-moz-placeholder{text-align:right;direction:rtl;}
.rtl input:-ms-input-placeholder{text-align:right;direction:rtl;}
.rtl input::placeholder{text-align:right;direction:rtl;}
.rtl textarea::-webkit-input-placeholder{text-align:right;direction:rtl;}
.rtl textarea::-moz-placeholder{text-align:right;direction:rtl;}
.rtl textarea:-ms-input-placeholder{text-align:right;direction:rtl;}
.rtl textarea::placeholder{text-align:right;direction:rtl;}

/* منع تحويل الأرقام الإنجليزية في modal الموظف */
.rtl .modal-body .text-secondary[style*="unicode-bidi: plaintext"],
.rtl .modal-body .text-secondary,
.rtl .modal-body div[style*="unicode-bidi: plaintext"],
.rtl .modal-body .team-bio-text {
    font-variant-numeric: normal !important;
    font-feature-settings: "tnum" 0, "lnum" 1, "pnum" 0, "onum" 0, "zero" 0 !important;
    -webkit-font-feature-settings: "tnum" 0, "lnum" 1, "pnum" 0, "onum" 0, "zero" 0 !important;
    -moz-font-feature-settings: "tnum" 0, "lnum" 1, "pnum" 0, "onum" 0, "zero" 0 !important;
    font-variant-ligatures: none !important;
    unicode-bidi: plaintext !important;
    text-align: start !important;
    direction: auto !important;
    font-family: 'roboto-regular-webfont', 'roboto-light-webfont', 'SST-Arabic-Roman-webfont', tahoma, arial, sans-serif !important;
    -webkit-font-variant-numeric: normal !important;
    -moz-font-variant-numeric: normal !important;
}