
.top-nav{text-align:center!important}@media (max-width: 768px){.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%!important;max-width:100%!important}.cosmos-box-2{padding:30px 10px!important}.l-h-20{line-height:50px!important;margin-top:10px!important}#w-h{padding:0!important}.about-us-box{padding:10px!important}.about-us-box .content{font-size:20px!important;line-height:35px!important;margin-bottom:0!important}.w-branding h2{line-height:35px!important;font-size:30px!important}.b-b{border-bottom:1px solid #d4d4d4!important;padding-bottom:30px!important}.cosmos-content{padding:0 5%!important}.corporate-video-section{padding:0}.about-col{margin-top:20px}.icon-box-list{padding:0!important;padding-bottom:20px!important}.about-me-video-wrapper{left:0!important}.about-icon{padding-top:0!important}.g-block .title{margin-top:25px!important;font-size:30px!important;line-height:35px!important}}@media(max-width:600px){.g-block h3{font-size:25px!important;line-height:35px!important}.g-block{padding:40px 0}}.cosmos-box-2{padding:120px 40px!important}.floating-s-m{text-align:center!important;position:relative;right:20px}.floating-s-m a{display:inline-block;text-align:center;width:20px;height:20px;line-height:20px;font-size:15px;transition:all .3s ease;color:#333;font-size:20px;margin-right:15px}@media(max-width:500px){.floating-s-m a{margin-right:7px!important}}.floating-s-m a:hover{}.icon-phone{color:#333}.icon-email{color:#333}.icon-whatsapp{color:#333}.icon-headphone{color:#333}@media(max-width:500px){.ca-content .title{font-size:36px !important;line-height:44px!important}}@media(min-width:769px){.floating-s-m{display:none!important}}.s-m-icon ul{padding:0;list-style-type:none}.s-m-icon ul li{display:inline-block;float:left;margin-right:15px}.s-m-icon p{font-size:18px;font-weight:700;padding-top:20px}.s-m-icon ul li{display:inline-block;float:left;margin-right:15px;font-size:18px!important;color:#333!important}.s-m-icon ul li a{color:#333!important;font-size:18px!important}.item--icon img{width:35px!important}@media(max-width:768px){.header-top-section,.top-menu-btn{display:none!important}}.header-top-section{background-color:#050e47}.top-nav{list-style-type:none}.top-nav li{display:inline-block;margin-right:15px}.top-nav li a{color:#fff}.header-top-section p{color:#fff!important}.header-top-section p i{margin-right:10px}.header-logo{border-right:1px solid #f7f7f7}.site-main-menu{justify-content:left!important}.top-menu-btn{background-color:#ff5e14!important;border:1px solid #ff5e14;padding:40px 50px!important;border-radius:0!important;color:#fff!important;font-weight:700}.site-main-menu .sub-menu li a,.site-main-menu .mega-menu li a{font-weight:500!important;color:#010a44!important}.g-design a{color:#ffae00!important}.cosmos-webdesign a{color:#00aeff!important}.d-m a{color:#d672da!important}.corporate-videos a{color:#ee4e4e!important}.p-p-p a{color:#b1c02a!important}

.ex-title{
    color: #fff !important;
    text-align: right;
    max-width: 720px;
    margin-left: auto;
    font-size: 72px;
}

@media(max-width:567px){
    .ex-title
    {
       font-size:45px !important;
            }
}

.slide-desc
{
    font-size: 28px;
letter-spacing: 0px;
line-height: 40px;
color: #ffffff;
font-weight: 500;
max-width: 400px;
margin-left: auto;
text-align: right;
}
.text-align-right
{
    text-align: right;
    margin-top: 2rem;
}
.slider-btns
{
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 22px;
    font-family: 'Space Grotesk', sans-serif;
    line-height: 40px;
    padding: 15px 30px;
    position: relative;
    transition: 0.6s ease all;
}
.slider-btns:hover
{
    color: #fff !important;
}

.slider-btns::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    bottom: 0;
    background-color: #ffffff21;
    transition: 0.6s ease all;
}
.slider-btns:hover::after
{
    width: 100% !important;
}

.swipe-slide-branding
{
    background-image: url(../assets/images/banner/branding-agency-dubai.jpg);
}
.swipe-slide-digital
{
    background-image: url(../assets/images/banner/digital-marketing-agency.jpg);
}
.swipe-slide-graphic
{
    background-image: url(../assets/images/banner/graphic-designer-dubai.jpg);
}
.swiper-slide {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

@media(max-width:500px){
    .ca-content .slider-title{
        font-size: 30px !important;
    }
    .swiper-slide{
            background-position: center center !important;
    }
    .top-left h2{
            font-size: 30px !important;
    }
    .slide-desc{
        font-size: 16px !important;
line-height: 25px !important;
    }
}