@import url('https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900&display=swap');

/* ***** Common Css **** */

html {
    scroll-behavior: smooth;
}

* {

    margin: 0;

    padding: 0;

    text-decoration: none;

    list-style: none;

}

a:hover,

a:focus,

a:active {

    text-decoration: none;

}

ol,

ul {

    margin: 0;

    padding: 0;

}

img {

    display: block;

}

a {

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

    text-decoration: none;

}


html{
    height: 100%;
}
body {
    font-family: 'Belanosima', sans-serif;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #000;
    text-decoration: none;
    /*background: linear-gradient(180deg, #FFF 0%, #F6F6F8 100%);*/
}

.bg-white{
    background: linear-gradient(180deg, #FFF 0%, #F6F6F8 100%), #FFF;
}

.bg-white1{
    background:white !important;
}



.main-wrpper {

    height: 100%;

    width: 100%;

   /* overflow-x: hidden;  */

}

.container{

    max-width: 1176px;

}

/* ***** End Common Css **** */



/* **** Header **** */

header {

    position: absolute;

    top: 30px;

    left: 0;

    right: 0;

    background: transparent;

    padding: 15px 0;

    z-index: 120;

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

}

header .container{

    max-width: 1410px;

}

.navbar .container .navbar-brand,

.navbar .container-fluid .navbar-brand {

    margin-left: 0;

}

.navbar-brand {

    float: none;

    height: auto;

    padding: 0 22px;

    margin: 0 68px 0 0;

}

.navbar-brand img {

    max-width: 100%;

    height: 35px;

}

.navbar {

    background: transparent;

    position: relative;

    width: 100%;

    left: 0;

    top: 0;

    border: none;

    border-radius: 0;

    margin: 0;

    padding: 0;

    z-index: 120;

    align-items: center;

    transition: 0.4s linear;

    -webkit-transition: 0.4s linear;

}

.navbar-light .navbar-nav {

    margin: 0;

    width: 100%;

}

.navbar-light .navbar-nav li {

    margin-right: 56px;

}

.navbar-light .navbar-nav li:last-child {

    margin-right: 0;

    margin-left: auto;

}

.navbar-light .navbar-nav .nav-link {

    padding: 15px 0;

    color: #A0A0A0;

    font-size: 14px;

    font-weight: 400;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.navbar-light .navbar-nav .nav-link.btn-head{

    color: #343B45;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    padding: 15px 30px;

    border-radius: 30px;

    background: linear-gradient(263deg, #FFF626 3.24%, #FFB802 100%);

    display: table;

    margin-left: auto;

    letter-spacing: 0;

}

.navbar-light .navbar-nav .nav-link.btn-head i{

    margin-right: 10px;

}

.navbar-light .navbar-nav .nav-link.btn-head:hover{

    letter-spacing: 0;

}

.navbar .navbar-nav li a:focus,

.navbar .navbar-nav li a:hover,

.navbar .navbar-nav li a:hover {

    font-weight: 700;

    letter-spacing: -0.28px;

    color: #343B45;

}

.navbar .navbar-nav a.active,

.navbar .navbar-nav a.active:focus,

.navbar .navbar-nav a.active:hover {

    font-weight: 700;

    letter-spacing: -0.28px;

    color: #343B45;

}

.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

    font-weight: 700;

    letter-spacing: -0.28px;

    color: #343B45;

}

/* **** End Header **** */





/* **** toggler **** */

.navbar-light .navbar-toggler {

    background-color: transparent;

    border-radius: 0;

    outline: none;

    box-shadow: none;

    border: none;

    height: 70px;

    width: 70px;

    padding: 0;

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.10);

    background: linear-gradient(90deg, #FFE321 -0.01%, #FFC552 100.05%);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

}



.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }

.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}

.navbar-toggler:active, .navbar-toggler:focus { outline: none; }

.navbar-light .navbar-toggler-icon {width: 24px;height: 18px;background-image: none;position: relative;border-bottom: 2px solid #000;transition: all 300ms linear;}

.navbar-light .navbar-toggler-icon:after,

.navbar-light .navbar-toggler-icon:before {width: 24px;position: absolute;height: 2px;background-color: #000;top: 0;left: 0;content: "";z-index: 2;transition: all 300ms linear;}

.navbar-light .navbar-toggler-icon:after {top: 8px;}

.navbar-toggler.show-sidebar{background: transparent;}

.navbar-toggler.show-sidebar .navbar-toggler-icon:after {transform: rotate(45deg);}

.navbar-toggler.show-sidebar .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}

.navbar-toggler.show-sidebar .navbar-toggler-icon {border-color: transparent;}

/* **** End toggler **** */







/* **** Hero **** */

.hero-wrp{

    position: relative;

    padding: 30px 0 0;

}

.hero-wrp .container{

    max-width: 1410px;

}

.hero-wrp .hero-block{

    position: relative;

}

.hero-wrp .hero-block video{

    width: 100%;

    height: 100% !important;

}

.hero-wrp .hero-block .hero-detail{

    width: 292px;

    height: 224px;

    padding: 25px 30px 35px;

    border-radius: 15px;

    background: #343B45;

    position: absolute;

    right: 0;

    bottom: 0;

}

.hero-wrp .hero-block .hero-detail h3{

    color: #FFF;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 24px;

    margin: 0;

}

.hero-wrp .hero-block .slick-dots{

    display: flex;

    align-items: center;

    margin: 35px 0 25px;

}

.hero-wrp .hero-block .slick-dots li{width: 20%;line-height: 0}

.hero-wrp .hero-block .slick-dots li button{

    background: rgba(217, 217, 217, 0.25);

    height: 2px;

    width: 100%;

    border: none;

    font-size: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.hero-wrp .hero-block .slick-dots li.slick-active button{

    border-radius: 2px;

    background: #D9D9D9;

}

.hero-wrp .hero-block .btn-info{

    color: #FFF;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    display: block;

    text-align: center;

    border-radius: 30px;

    border: 1px solid #FFF;

    padding: 15px 30px;

}

.hero-wrp .hero-block .btn-info:hover{

    background: #fff;

    color: #343B45;

}

.hero-wrp .hero-description{

    max-width: 1170px;

    padding: 35px 15px 0;

    margin: 0 auto;

}

.hero-wrp .hero-description p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    max-width: 910px;

    margin: 0;

}

/* **** End Hero **** */







/* **** Showreel **** */

.showreel-wrp{

    padding: 60px 0 135px;

}

.showreel-wrp .showreel-block{

    position: relative;

}

.showreel-wrp .showreel-block .row{

    align-items: center;

}

.showreel-wrp .nav-tabs{

    border: none;

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.10);

    background: rgba(255, 255, 255, 0.50);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    padding: 25px 25px;

    width: 793px;

    position: absolute;

    top: 55px;

    right: 0;

    z-index: 9;

}

ul.list-disc-g {padding-left:45px;}
ul.list-disc-g li {color:#677783;list-style:disc}

a.link-yellow {color:#fed304} 

.showreel-wrp .nav-tabs li .nav-link{

    padding: 15px 35px;

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    border: none;

    box-shadow: none;

    border-radius: 60px;

    display: table;

}

.showreel-wrp .nav-tabs .nav-item.show .nav-link, 

.showreel-wrp .nav-tabs .nav-link.active{

    background: #FFD302;

    color: #343B45;

    font-weight: 700;

    letter-spacing: -0.32px;

}

.showreel-content .showreel-img img{

    width: 100%;

}

.showreel-content .description{

    padding: 170px 0 0 10px;

}

.showreel-content .description h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 64px;

    font-style: normal;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0 0 45px;

}

.showreel-content .description p{

    margin: 0;

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}

/* **** End Showreel **** */



/* **** Expertise **** */

.expertise-wrp{

    padding: 0 0 172px;

}

.expertise-wrp .expertise-title{

    position: relative;

    margin: 0 0 125px;

}

.expertise-wrp .expertise-title h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 80px;

    font-weight: 600;

    line-height: 80px;

    text-transform: uppercase;

    margin: 0;

    display: table;

}

.expertise-wrp .expertise-title p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    max-width: 382px;

    position: absolute;

    left: 294px;

    top: 87px;

    margin: 0;

}

.expertise-wrp .expertise-block{

    max-width: 850px;

    position: relative;

    margin: 0 auto;

}

.expertise-wrp .expertise-block .expertise-bg{

    padding: 32px;

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.10);

    background: rgba(255, 255, 255, 0.50);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    display: flex;

    align-items: center;

}

.expertise-wrp .expertise-block .shape-img1{

    position: absolute;

    right: -45px;

    top: -45px;

    width: 90px;

    height: 90px;

    border-radius: 15px;

    background: #0084B7;

    z-index: -1;

}

.expertise-wrp .expertise-block .user-img{

    width: 120px;

    min-width: 120px;

    height: 120px;

    border-radius: 120px;

    box-shadow: 7px 11px 20px 0px rgba(0, 0, 0, 0.05);

    margin-right: 30px;

}

.expertise-wrp .expertise-block p{

    color: #343B45;

    font-size: 18px;

    font-weight: 700;

    line-height: 27px;

    margin: 0;

}

.expertise-wrp .expertise-block .btn-head{

    color: #343B45;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    padding: 17px 30px;

    border-radius: 30px;

    background: linear-gradient(263deg, #FFF626 3.24%, #FFB802 100%);

    display: table;

    position: absolute;

    left: 182px;

    bottom: -29px;

}

.expertise-wrp .expertise-block .btn-head i{

    margin-right: 10px;

}

.expertise-wrp .expertise-block .btn-head:hover{

    letter-spacing: 0;

}

/* **** End Expertise **** */




/* **** discovery **** */

.discovery-wrp{
	margin-top:20px;
    padding: 45px 0 45px;

}

.discovery-block{

    position: relative;

}

.discovery-block .discovery-shape1{

    width: 93px;

    height: 93px;

    border-radius: 30px;

    border: 1px solid rgba(246, 246, 248, 0.10);

    background: rgba(255, 255, 255, 0.50);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    position: absolute;

    left: -46px;

    bottom: -46px;

}

.discovery-block img{

    max-width: 100%;

}

.discovery-block .description{

    position: absolute;

    left: 22%;

    bottom: 25px;

    max-width: 420px;

}

.discovery-block .description h2{

    color: #FFF;

    font-family: Belanosima;

    font-size: 64px;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0 0 10px;

}

.discovery-block .description h4{

    color: #343B45;

    font-family: Belanosima;

    font-size: 40px;

    font-weight: 600;

    line-height: 48px;

    margin: 0 0 30px;

}

.discovery-block .description p{

    color: #FFF;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0 0 60px;

}

/* **** End discovery **** */



/* **** Button **** */

.btn-nexio {
	color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    padding: 17px 30px;
    display: table;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(32deg, rgba(92,66,255,1) 0%, rgba(174,0,255,1) 100%);
 	cursor:pointer;
	
}

.btn-nexio:hover{
	color: #ffffff;
 }

.blockPremium {
	margin-bottom: 20px;
	background: #333b45;
	padding: 15px;
	border-radius: 5px;
}

.blockPremium img {
	max-width:300px;
}

section.performance-wrp {
	margin-bottom:80px;
}

.premium-showreel-wrp .premium-showreel-description .btn-nexio {
    margin: 60px 0 0;
}

.premium-showreel-wrp .premium-showreel-description .btn-prism {
    margin: 30px 0 0;
}

.btn-second {
	color: #F12E91;
    font-size: 20px;
    font-weight: 700;
    padding: 17px 30px;
    display: table;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: #ffffff;
    border: 2px solid #F12E91;
	cursor:pointer;
}

.btn-second:hover {
 	color: #343B45;
	border:2px solid #343B45
}

.premium-showreel-wrp .premium-showreel-description .btn-second {
    margin: 60px 0 0;
}

.btn-second img{

    margin-right: 10px;

}

.btn-primary{

    color: #343B45;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    padding: 17px 30px;

    display: table;

    position: relative;

    overflow: hidden;

    border-radius: 30px;

    background: linear-gradient(263deg, #FFF626 3.24%, #FFB802 100%);

}

.btn-primary i{

    margin-right: 10px;

}

.expertise-wrp .expertise-block .btn-head{

    overflow: hidden;

}

.navbar-light .navbar-nav .nav-link.btn-head{

    position: relative;

    overflow: hidden;

}

.btn-primary span,

.expertise-wrp .expertise-block .btn-head span,

.navbar-light .navbar-nav .nav-link.btn-head span{

    position: relative;

    z-index: 9;

}

.btn-primary:before,

.expertise-wrp .expertise-block .btn-head:before,

.navbar-light .navbar-nav .nav-link.btn-head:before{

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    background: linear-gradient(263deg, #343B45 0%, #1E1E1E 100%);

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.article-card .btn-primary:before {
     background: none;
 }


.btn-primary:hover,

.expertise-wrp .expertise-block .btn-head:hover,

.navbar-light .navbar-nav .nav-link.btn-head:hover{

    color: #FFD302;
    background: #000;

}

.btn-primary:hover:before,

.expertise-wrp .expertise-block .btn-head:hover:before,

.navbar-light .navbar-nav .nav-link.btn-head:hover:before{

    opacity: 1;

    visibility: visible;

}
.contact-wrp .btn-primary:after{
    position: absolute;
    content:"\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    top: 15px;
    left: 25px;
    color: #111;
}
/* **** End Button **** */



/* **** Blog **** */

.blog-wrp .col-md-4{width: 30%}

.blog-wrp .col-md-8{width: 70%}

.blog-wrp .blog-box{

    position: relative;

}

.blog-box img{

    width: 100%;

    border-radius: 15px;

}

.blog-box h2{

    color: #FFF;

    text-shadow: 7px 11px 20px rgba(0, 0, 0, 0.05);

    font-family: Belanosima;

    font-size: 40px;

    font-weight: 600;

    line-height: 40px;

    text-transform: uppercase;

    margin: 0;

    position: absolute;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.blog-wrp .blog-box .arrow-icon{

    width: 60px;

    height: 60px;

    border-radius: 60px;

    background: rgba(255, 255, 255, 0.20);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 60px;

    bottom: 60px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.blog-wrp .blog-box .arrow-icon img{

    width: auto;

    max-width: 100%;

    border-radius: 0;

}

.blog-wrp .blog-box:hover h2{-webkit-transform: translate(0, -25px);transform: translate(0, -25px);}

.blog-wrp .blog-box:hover .arrow-icon{opacity: 1;visibility: visible;}

.blog-box.box1 h2{top: 120px;left: 60px;}

.blog-box.box2 h2{bottom: 60px;left: 60px;}

.blog-box.box3 h2{bottom: 60px;left: 60px;}

.blog-box.box4{margin: 32px 0 0}

.blog-box.box4 h2{bottom: 60px;left: 60px;}

/* **** End Blog **** */









/* **** Experience **** */

.experience-wrp{

    padding: 160px 0 130px;

    position: relative;

}

.experience-img1{

    position: absolute;

    left: 0;

    bottom: 16px;

    max-width: 100%;

}

.experience-img2{

    position: absolute;

    bottom: 10px;

    right: 0;

    max-width: 100%;

}

.experience-wrp .experience-title{

    display: table;

    margin-left: auto;

    margin-right: 147px;

}

.experience-wrp .experience-title h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 80px;

    font-weight: 600;

    line-height: 80px;

    text-transform: uppercase;

    margin: 0 0 30px;

}

.experience-wrp .experience-title p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    max-width: 440px;

    margin: 0 0 60px;

}

/* **** End Experience **** */







/* **** Reviews **** */

.space-top{
	margin-top: 140px;
}

.reviews-wrp{

    padding: 135px 0 132px;
	margin-top:100px;
    overflow: hidden;
    position: relative;
 
}

.reviews-wrp .reviews-bg{

    position: absolute;

    left: 50%;

    top: 0;

    max-width: 100%;

    z-index: -1;

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

}

.reviews-wrp h2{

    color: #FFF;

    text-align: center;

    font-family: Belanosima;

    font-size: 64px;

    font-weight: 600;

    line-height: 76px;

    text-transform: uppercase;

    margin: 0 0 25px;

}

.reviews-wrp .reviews-slider .slick-slide {

    margin: 0 30px;

    padding: 120px 0 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.reviews-wrp .reviews-slider .slick-list {

    margin: 0 -30px;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.reviews-wrp .reviews-slider .slider-box{

    border-radius: 30px;

    background: #FFF;

    padding: 60px 40px 40px;

    position: relative;

    max-width: 500px;

    margin: 0 auto;

}

.reviews-wrp .reviews-slider .slider-box img{

    position: absolute;

    left: 0;

    right: 0;

    top: -60px;

    margin: 0 auto;

    width: 120px;

    height: 120px;

    border-radius: 100%;

    filter: drop-shadow(7px 11px 20px rgba(0, 0, 0, 0.05));

}

.reviews-wrp .reviews-slider .slider-box p{

    color: #343B45;

    text-align: center;

    font-family: DM Sans;

    font-size: 16px;

    font-weight: 700;

    line-height: 24px;

    min-height: 110px;

    padding: 0 0 10px;

    border-bottom: 2px solid #EFF3F8;

    margin: 0 0 30px;

}

.reviews-wrp .reviews-slider .slider-box h6{

    color: #343B45;

    text-align: center;

    font-size: 18px;

    font-weight: 700;

    line-height: 27px;

    display: block;

    min-height: 68px;

    margin: 0;

}

.reviews-wrp .reviews-slider .slider-box h6 span{

    display: block;

    color: #677783;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}

.reviews-wrp .reviews-slider .slick-slide.slick-current.slick-active.slick-center{

    -webkit-transform: translate(0, -60px);

    transform: translate(0, -60px);

}

.reviews-wrp .reviews-slider .slick-dots{

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}

.reviews-wrp .reviews-slider .slick-dots li{

    margin-right: 6px;

    line-height: 0;

}

.reviews-wrp .reviews-slider .slick-dots li button{

    width: 15px;

    height: 15px;

    background: rgba(255, 255, 255, 0.50);

    font-size: 0;

    border-radius: 100%;

    border: none;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.reviews-wrp .reviews-slider .slick-dots li.slick-active button{

    background: #fff;

}

/* **** End Reviews **** */







/* ***** Contact **** */

.contact-wrp{

    padding: 0 0 60px;

    position: relative;

}

.contact-wrp .contact-bg{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

}

.contact-wrp .contact-girl{

    position: absolute;

    right: 0;

    bottom: -30px;

    max-width: 100%;

}

.contact-wrp .container{

    max-width: 942px;

}

.contact-wrp h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 80px;

    font-weight: 600;

    line-height: 80px;

    text-transform: uppercase;

    margin: 0 0 75px;

}

.contact-wrp .contact-form{

    border-radius: 30px;

    background: #FFF;

    filter: drop-shadow(7px 11px 20px rgba(0, 0, 0, 0.05));

    padding: 54px 60px 150px;

    position: relative;

    overflow: hidden;

}

.contact-wrp .contact-form .form-group{

    margin: 0 0 10px;

}

.contact-wrp .contact-form .form-group label{

    color: #343B45;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0 0 8px;

}

.contact-wrp .contact-form .form-group .form-control{

    color: #83909E;

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    border-radius: 4.8px;

    border: 1px solid #CED4DA;

    background-color: #FFF;

    position: 8px 16px;

    box-shadow: none;

    outline: none;

}

.contact-wrp .contact-form .btn-primary{

    border: none;

    padding: 33px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 0;

}


.contact-wrp .contact-form .btn-nexio{

    border: none;

    padding: 33px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 0;

}

.contact-wrp .description{

    max-width: 324px;

    margin-left: auto;

}

.contact-wrp .description p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}



.contact-wrp .contact-form .form-group .styled-checkbox {

    position: absolute;

    opacity: 0;

}

.contact-wrp .contact-form .form-group .styled-checkbox + label {

    position: relative;

    cursor: pointer;

    padding: 0;

    font-size: 12px;

    line-height: 18px;

    font-weight: normal;

    color: #4F4F4F;

    margin: 0 !important;

    display: flex;

}

.contact-wrp .contact-form .form-group .styled-checkbox + label:before {

    content: "";

    margin-right: 10px;

    display: inline-block;

    vertical-align: text-top;

    min-width: 20px;

    width: 20px;

    height: 20px;

    background: transparent;

    border: 1px solid #BBBBBB;

    border-radius: 4px;

}

.contact-wrp .contact-form .form-group .styled-checkbox:checked + label:before {

    background: #0F0F0F;

    background-color: #0F0F0F;

}

.contact-wrp .contact-form .form-group .styled-checkbox:checked + label:after {

    content: "";

    position: absolute;

    left: 5px;

    top: 10px;

    background: #fff;

    width: 2px;

    height: 2px;

    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;

    transform: rotate(45deg);

}

/* ***** End Contact **** */







/* **** Footer **** */

footer{

    background: #0084B7;

    margin-top: -1px;

}

footer .footer-block{

    position: relative;

    z-index: 5;

    padding: 63px 0;

    border-radius: 30px 30px 0px 0px;

    background: #FFF;

}

footer .footer-block .footer-info{

    display: flex;

    align-items: center;

}

footer .footer-block .footer-info img{
    margin-right: 30px;
	max-width:200px;	
}

footer .footer-block .quicklinks{

    width: 100%;

}

footer .footer-block .quicklinks .dropdown{

    display: table;

    margin-left: auto;

    margin-right: 0;

    margin-bottom: 17px;

}

footer .footer-block .quicklinks .dropdown .dropdown-toggle{

    display: flex;

    align-items: center;

    color: #A0A0A0;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    background: transparent;

    border: none;

}

footer .footer-block .quicklinks .dropdown .dropdown-toggle i{

    margin-left: 10px;

}

footer .footer-block .quicklinks .dropdown .dropdown-toggle:after{

    display: none;

}

footer .footer-block .quicklinks .dropdown .dropdown-menu{

    border-radius: 4px;

    border: 1px solid #CED4DA;

    background: #FFF;

    padding: 0;

    overflow: hidden;

}

footer .footer-block .quicklinks .dropdown .dropdown-menu li{

    margin: 0;

}

footer .footer-block .quicklinks .dropdown .dropdown-menu li a{

    color: #A0A0A0;

    font-size: 14px;

    font-weight: 400;

    background: transparent;

    border: none; 

    padding: 6px 12px;

}

footer .footer-block .quicklinks .dropdown .dropdown-menu li a:hover,

footer .footer-block .quicklinks .dropdown .dropdown-menu li a:focus{

    background: #0084B7;    

    color: #fff;

}

footer .footer-block .footer-link{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

footer .footer-block .footer-link li{

    color: #A0A0A0;

    font-size: 14px;

    font-weight: 400;

    line-height: 14px;

}

footer .footer-block .footer-link li a{

    color: #A0A0A0;

    font-size: 14px;

    font-weight: 400;

    line-height: 14px;

}

footer .footer-block .footer-link li a:hover{

    color: #343B45;

    font-weight: 700;

    letter-spacing: -0.28px;

}

footer .footer-block .footer-link li.copyright {
	display:none;
}

footer .copyright2 {
    text-align: center;
    font-size: 9px;
    color: #a0a0a0;
    margin-top: 25px;
}

/* **** End Footer **** */





.hero-wrp .hero-block .mobile-video{

    display: none;

}



.navbar-sidebar{

    position: fixed;

    left: -100%;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    border: 1px solid rgba(246, 246, 248, 0.10);

    background: #FFD302;

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    z-index: 119;

    padding: 53px 16px 20px;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

aside.navbar-sidebar.show-sidebar{

    left: 0;

}

body.show-sidebar{

    overflow: hidden;

}

body.show-sidebar header .navbar-brand{opacity: 0;visibility: hidden;transition: all 0.3s linear;}



.navbar-sidebar .logo-img{

    margin: 0 0 80px;

    display: block;

}

.navbar-sidebar .logo-img img{

    max-width: 100%;

}

.navbar-sidebar .navbar-link li{

    margin: 0 0 30px;

}

.navbar-sidebar .navbar-link li:last-child{

    margin: 0;

}

.navbar-sidebar .navbar-link li a{

    color: #FFF;

    font-family: Belanosima;

    font-size: 32px;

    font-weight: 600;

    line-height: 32px;

    text-transform: capitalize;

}

.navbar-sidebar .sidebar-bottom{

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    padding: 0 16px 32px;

}

.navbar-sidebar .sidebar-bottom a{

    color: #FFD302;

    text-align: center;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    display: block;

    text-align: center;

    border-radius: 83px;

    background: linear-gradient(263deg, #343B45 0%, #1E1E1E 100%);

    padding: 28px;

    margin: 0 0 33px;

}

.navbar-sidebar .sidebar-bottom a i{

    margin-right: 10px;

}

.navbar-sidebar .sidebar-bottom p{

    color: #343B45;

    font-size: 14px;

    font-weight: 400;

    text-align: center;

    margin: 0;

}



.desktop-img{display: block;}

.mobile-img{display: none;}

















/* **** ADS **** */

.ads-banner {

    padding: 30px 0 0;

}

.ads-banner .container {

    max-width: 1400px;

}

.ads-banner .banner-block {

    position: relative;

}

.ads-banner .row {

    align-items: end;

}

.ads-banner .col-md-10 {

    width: 75%;

}

.ads-banner .col-md-2 {

    width: 25%;

}

.ads-banner .banner-block img {

    width: 100%;

}

.ads-banner .banner-block .banner-txt {

    position: absolute;

    left: 45%;

    bottom: 60px;

    max-width: 525px;

}

.ads-banner .banner-block .banner-txt h2 {

    color: #fff;

    font-family: Belanosima;

    font-size: 70px;

    font-weight: 600;

    line-height: 70px;

    text-transform: uppercase;

    margin: 0 0 30px;

}

.ads-banner .banner-block .banner-txt p {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.banner-slider {

    background-image: url("../images/slider-bg.svg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 322px;

    height: 400px;

    margin-left: auto;

    padding: 63px 43px 10px 60px;

}

.banner-slider img {

    max-width: 100%;

    margin: 0 0 54px;

}

.banner-slider p {

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    line-height: 24px;

    max-width: 202px;

    margin: 0;

}

.banner-slider .slick-dots {

    display: flex;

    align-items: center;

    margin: 48px 0 0;

    width: 85px;

}

.banner-slider .slick-dots li {

    width: 50%;

    line-height: 0;

}

.banner-slider .slick-dots li button {

    background: rgba(217, 217, 217, 0.25);

    height: 2px;

    width: 100%;

    border: none;

    font-size: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.banner-slider .slick-dots li.slick-active button {

    border-radius: 2px;

    background: #d9d9d9;

}

.banner-slider button.slick-prev.slick-arrow {

    display: none !important;

}

.banner-slider button.slick-next.slick-arrow {

    font-size: 0;

    position: absolute;

    border: none;

    box-shadow: none;

    outline: none;

    right: 0;

    bottom: 0;

}

.banner-slider button.slick-next.slick-arrow:before {

    position: absolute;

    content: "\f054";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    border-radius: 30px;

    border: 1px solid rgba(246, 246, 248, 0.1);

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    width: 87px;

    height: 87px;

    bottom: 0;

    right: 0;

    font-size: 40px;

    color: #ffd302;

    display: flex;

    align-items: center;

    justify-content: center;

}



.marketing-wrp {

    padding: 60px 0 124px;

    position: relative;

}

.marketing-wrp .container {

    max-width: 1060px;

}

.marketing-slider .slider-box {

    position: relative;

}

.marketing-slider .slider-box .box-img {

    margin: 0 0 50px;

}

.marketing-slider .slider-box .box-img img {

    max-width: 100%;

}

.marketing-slider .slider-box .box-img h2 {

    color: #343b45;

    font-size: 64px;

    font-family: "Belanosima", sans-serif;

    font-style: normal;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0;

    position: absolute;

    left: 456px;

    top: 30px;

}

.marketing-slider .slider-box .description {

    max-width: 452px;

}

.marketing-slider .slider-box .description p {

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.marketing-slider .slider-box ul {

    position: absolute;

    right: 0;

    bottom: 55px;

    width: 440px;

    z-index: 9;

}

.marketing-slider .slider-box ul li {

    margin: 0 0 15px;

}

.marketing-slider .slider-box ul li:last-child {

    margin: 0;

}

.marketing-slider .slider-box ul li a {

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.1);

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    padding: 30px;

    display: flex;

    align-items: center;

    color: #343b45;

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 27px;

}

.marketing-slider .slider-box ul li a.active {

    -webkit-transform: translate(-90px, 0);

    transform: translate(-90px, 0);

}

.marketing-slider .slider-box ul li a img {

    width: 90px;

    min-width: 90px;

    height: 90px;

    border-radius: 90px;

    margin-right: 30px;

}



.performance-wrp h2 {

    color: #343b45;

    font-family: Belanosima;

    font-size: 64px;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0 0 60px;

}

.performance-wrp .container {

    max-width: 1075px;

}

.performance-wrp ul {

    display: flex;

    align-items: flex-start;

    margin: 0 -15px;

}

.performance-wrp ul li {

    padding: 0 15px;

    width: 20%;

}

.performance-wrp ul li p {

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

    max-width: 205px;

}

.performance-wrp .performance-box {

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.1);

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    padding: 60px 20px;

}

.performance-wrp .performance-box img {

    border-radius: 90px;

    box-shadow: 7px 11px 20px 0px rgba(0, 0, 0, 0.05);

    width: 90px;

    height: 90px;

    margin: 0 auto 30px;

}

.performance-wrp .performance-box h4 {

    color: #343b45;

    text-align: center;

    font-size: 18px;

    font-weight: 700;

    line-height: 27px;

    margin: 0;

}



.ads-wrpper {

    padding: 120px 0;

}

.ads-wrpper .container {

    max-width: 1176px;

}

.ads-wrpper .slider-box {

    position: relative;

}

.ads-wrpper .slider-box img {

    width: 100%;

}

.lang-fr .ads-wrpper .slider-box h2, .lang-en .ads-wrpper .slider-box h2,.lang-de .ads-wrpper .slider-box h2 {
	font-size: 64px;
	right: 50px;
}

.lang-es .ads-wrpper .slider-box h2 {
    font-size: 55px !important;
	right: 15px;
}

.lang-es #slick-slide20 > div > h2 {
	right:15px;
}

	
.ads-wrpper .slider-box h2 {

    color: #343b45;

    font-family: Belanosima;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0;

    position: absolute;

    

    top: 35px;

}

.ads-wrpper .slider-box .description {

    position: absolute;

    left: 60px;

    top: 60px;

}

.ads-wrpper .slider-box .description h3 {

    color: #fff;

    font-family: Belanosima;

    font-size: 40px;

    font-style: normal;

    font-weight: 600;

    line-height: 40px;

    max-width: 235px;

    margin: 0 0 50px;

}



.ads-wrpper .slick-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    bottom: 60px;

    width: 908px;

    max-width: 100%;

    right: 60px;

}

.ads-wrpper .slick-dots li {

    width: 50%;

    line-height: 0;

}

.ads-wrpper .slick-dots li button {

    background: rgba(217, 217, 217, 0.25);

    height: 2px;

    width: 100%;

    border: none;

    font-size: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.ads-wrpper .slick-dots li.slick-active button {

    border-radius: 2px;

    background: #d9d9d9;

}

.ads-wrpper button.slick-prev.slick-arrow {

    display: none !important;

}

.ads-wrpper button.slick-next.slick-arrow {

    font-size: 0;

    position: absolute;

    border: none;

    box-shadow: none;

    outline: none;

    left: 0;

    bottom: 0;

}

.ads-wrpper button.slick-next.slick-arrow:before {

    position: absolute;

    content: "\f054";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    border-radius: 30px;

    border: 1px solid rgba(246, 246, 248, 0.1);

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    width: 87px;

    height: 87px;

    bottom: 0;

    left: 0;

    font-size: 40px;

    color: #ffd302;

    display: flex;

    align-items: center;

    justify-content: center;

}







.production-wrp {

    padding: 0 0 105px;

}

.production-wrp h2 {

    color: #343b45;

    font-family: Belanosima;

    font-size: 64px;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0 0 15px;

}
.production-wrp p.subintitle{
    margin: 0 0 85px;
}
.production-wrp .slider-box {

    position: relative;

    padding: 45px 30px 30px 0;

}

.production-wrp .slider-box:before {

    position: absolute;

    content: "";

    border-radius: 30px;

    background: #ffd302;

    width: 93px;

    height: 91px;

    top: 0;

    right: 0;

    z-index: -1;

}

.production-wrp .slider-box.bg1:before {background: #ffb802;}

.production-wrp .slider-box.bg2:before {background: #ffd302;}

.production-wrp .slider-box.bg3:before {background: #93c83c;}

.production-wrp .slider-box.bg4:before {background: #008e82;}

.production-wrp .slider-box.bg5:before {background: #0084b7;}

.production-wrp .slider-box.bg6:before {background: #ba4a85;}

.production-wrp .slider-box.bg7:before {background: #db235f;}

.production-wrp .slider-box .box-bg {

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.1);

    background: rgba(255, 255, 255, 0.5);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    padding: 60px;

    min-height: 215px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.production-wrp.media-wrp .slider-box .box-bg {
	display: block;
	padding: 25px;
	min-height: 275px;
}

.production-wrp.media-wrp .slider-box .box-bg img {
	 max-width:150px;
}


.production-wrp.media-wrp .slider-box .box-bg strong {
	font-size:16px;
}

.production-wrp.media-wrp .slider-box .box-bg ul {
	margin-left:30px;
}

.production-wrp.media-wrp .slider-box .box-bg ul li {
	list-style:disc;
}

.production-wrp .slider-box p {

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.production-wrp .slider-box p strong {

    color: #343b45;

    font-weight: 700;

    display: block;

}

.production-wrp .slick-dots {

    display: flex;

    align-items: center;

    margin: 60px 0 0;

    max-width: 1145px;

    margin: 30px auto 0;

}

.production-wrp .slick-dots li {

    width: 20%;

    line-height: 0;

}

.production-wrp .slick-dots li button {

    background: rgba(217, 217, 217, 0.25);

    height: 2px;

    width: 100%;

    border: none;

    outline: none;

    box-shadow: none;

    font-size: 0;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.production-wrp .slick-dots li.slick-active button {

    border-radius: 2px;

    background: #d9d9d9;

}

.sec2-discovery-wrp {

    padding: 0 0 106px;

}

.sec2-discovery-wrp .description {

    max-width: 451px;

    left: auto;

    right: 160px;

}

.inner-footer {

    background: transparent;

}

.marketing-wrp .marketing-shape1{

    position: absolute;

    right: 0;

    bottom: 0;

    max-width: 100%;

    display: none;

}

/* **** End ADS **** */







/* **** premium **** */

.ads-banner .description{

    max-width: 1144px;

    padding: 60px 0 0;

    margin: 0 auto;

}

.ads-banner .description p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    max-width: 675px;

    margin: 0;

}

.ads-banner .description p i{

    display: block;

    font-size: 12px;

    font-style: italic;

}

/* **** End premium **** */





/* **** Agrico Store **** */

.agrico-store-wrp .agrico-store-img{

    display: table;

    margin-left: auto;

}

.agrico-store-wrp .agrico-store-img img{

    max-width: 100%;

}

.agrico-store-wrp .description{

    display: table;

    margin: 190px 0 0 auto;

/*    margin:190px 0 -270px 140px;*/

}

.agrico-store-wrp .description h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 64px;

    font-style: normal;

    font-weight: 600;

    line-height:64px;

    text-transform: uppercase;

    margin: 0 0 30px;

}

.agrico-store-wrp .description p{

    color: #677783;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    max-width: 323px;

}

.sec2-marketing-wrp{

    padding: 120px 0 0;

}

.sec3-discovery-wrp {

    padding: 0 0 106px;

}

.sec3-discovery-wrp .description {

    max-width: 451px;

    left: auto;

    right: 235px;

}

.sec3-discovery-wrp .description h2{margin: 0 0 15px;}

.sec3-discovery-wrp .description h4{margin: 0 0 20px;}

.sec3-discovery-wrp .description p{

    color: #343B45;

    margin: 0 0 30px;

}

.sec3-discovery-wrp .description .btn-primary{

    color: #FFD302;

    background: linear-gradient(263deg, #343B45 0%, #1E1E1E 100%);

}

.sec3-discovery-wrp .description .btn-primary:before{

    background: linear-gradient(263deg, #DB235F 0%, #650a28 100%);   

}

/* **** End Agrico Store **** */









/* **** strategy **** */

.strategy-banner{

    padding: 30px 0 0;

    position: relative;

}

.strategy-banner .container{

    max-width: 1402px;

}

.strategy-banner .strategy-banner-block{

    position: relative;

}

.strategy-banner .strategy-banner-block img{

    max-width: 100%;

}

.strategy-banner .banner-data{

    position: absolute;

    left: 45%;

    bottom: 88px;

    max-width: 433px;

}

.strategy-banner .banner-data h2{

    color: #FFF;

    font-family: Belanosima;

    font-size: 80px;

    font-style: normal;

    font-weight: 600;

    line-height: 80px;

    text-transform: uppercase;

    margin: 0 0 30px;

}

.strategy-banner .banner-data p{

    color: #FFF;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.strategy-banner .strategy-banner-block .strategy-box{

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius: 15px;

    background: #F6F6F8;

    width: 205px;

    height: 180px;

    padding: 15px 25px 30px;

}

.strategy-banner .strategy-banner-block .strategy-box img{

    max-width: 100%;

    margin: 0 auto;

}

.strategy-banner .strategy-banner-block .strategy-box a{

    color: #343B45;

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    line-height: 20px;

    display: block;

    width: 100%;

    padding: 9px;

    border-radius: 30px;

    border: 1px solid #343B45;

}

.strategy-banner .strategy-banner-block .strategy-box a:hover{

    background:#343B45;

    color: #fff;

}

.btn-prism-etudes {
	display:flex;
	gap:10px;
}





.promesse-wrp{

    padding: 120px 0;

    position: relative;

}

.promesse-wrp .promesse-shape1{

    position: absolute;

    left: 0;

    top: 50%;

    max-width: 100%;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

}

.promesse-wrp .container{

    max-width: 1030px;

}

.promesse-block .row{align-items: center;}

.promesse-block .row .col-md-7{width: 54%;}

.promesse-block .row .col-md-5{width: 46%;}

.promesse-block h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 40px;

    font-weight: 600;

    line-height: 48px;

    margin: 0 0 60px;

}

.promesse-block p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    width: 440px;

    margin: 0 0 30px auto;

}

.promesse-block p:last-child{

    margin: 0 0 0 auto;

}

.promesse-block img{

    width: 100%;

}





.premium-showreel-wrp .container{

    max-width: 1060px;

}

.premium-showreel-wrp .nav-tabs{

    width: 675px;

    height: 120px;

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.10);

    background: rgba(255, 255, 255, 0.50);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    padding: 30px;

    justify-content: space-between;

    margin: 0 auto -32px;

    position: relative;

    z-index: 9;

}

.premium-showreel-wrp .nav-tabs .nav-item .nav-link{

    color: #677783;

    text-align: center;

    font-family: DM Sans;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

    padding: 22px 30px;

    font-weight: 700;

    border: none;

    border-radius: 67px;

}

.premium-showreel-wrp .nav-tabs .nav-item .nav-link.active,
.premium-showreel-wrp .nav-tabs .nav-item .nav-link:hover{

    background: #FFD302;

    color: #343B45;

    font-weight: 700;

}

.nexio.premium-showreel-wrp .nav-tabs .nav-item .nav-link.active,
.nexio.premium-showreel-wrp .nav-tabs .nav-item .nav-link:hover{

    background: linear-gradient(32deg, rgba(92,66,255,1) 0%, rgba(174,0,255,1) 100%);

    color: #ffffff;

    font-weight: 700;

}

.premium-showreel-wrp .premium-showreel-img img{

    max-width: 100%;

}

.premium-showreel-wrp .premium-showreel-description{

    display: table;

    margin-left: auto;

    max-width: 450px;

    padding: 133px 0 0;

}

.premium-showreel-wrp .premium-showreel-description h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 62px;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0 0 30px;

}

.premium-showreel-wrp .premium-showreel-description p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0 0 5px;

}

.premium-showreel-wrp .premium-showreel-description .btn-primary{

    margin: 60px 0 0;

}

.premium-showreel-wrp .premium-showreel-description ul li{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

    padding-left: 25px;

    position: relative;

}

.premium-showreel-wrp .premium-showreel-description ul li:before{

    position: absolute;

    content: "";

    height: 4px;

    width: 4px;

    background: #677783;

    border-radius: 100%;

    left: 5px;

    top: 10px;

}





.prism-wrp{

    padding: 120px 0 60px;

}

.prism-wrp .prism-logo{

    max-width: 100%;

    margin: 0 auto -195px;

    position: relative;

    z-index: 36;

}

.prism-wrp .prism-block{

    display: table;

    margin: 0 auto;

    position: relative;

}

.prism-wrp .prism-block .description{

    max-width: 496px;

    position: absolute;

    left: 163px;

    top: 33%;

}

.prism-wrp .prism-block .description h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 40px;

    font-weight: 600;

    line-height: 48px;

    margin: 0 0 40px;

}

.prism-wrp .prism-block .description p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0 0 30px;

}

.prism-wrp .prism-block .description a{

    color: #F12E91;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    padding: 15px 30px;

    display: flex;

    align-items: center;

    border-radius: 30px;

    border: 1px solid #F12E91;

    width: fit-content;

}

.prism-wrp .prism-block .description a i{

    font-size: 26px;

    margin-right: 10px;

}

.prism-wrp .prism-block .description a:hover{

    background: #F12E91;

    color: #fff;

}

/* **** End strategy **** */







/* **** About ***** */

.about-banner .banner-data p{

    color: #343B45;

}

.about-banner.strategy-banner .strategy-banner-block .strategy-box{

    border-radius: 15px;

    background: #BA4A85;

    padding: 30px;

}

.about-banner .strategy-box h3{

    color: #FFF;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    margin: 0 0 11px;

}

.about-banner.strategy-banner .strategy-banner-block .strategy-box a{

    color: #fff;

    border-color: #fff;

}

.about-banner.strategy-banner .strategy-banner-block .strategy-box a:hover{

    background: #fff;

    color: #000;

}

/* **** End About ***** */


.timeline-wrp{

    padding: 95px 0 75px;

}

.timeline-wrp .container{

    max-width: 1260px;

    padding: 0 45px;

}

.timeline-wrp .timeline-block{

    

}

.timeline-wrp .timeline-block ul{

    padding: 63px 0 107px;

    position: relative;

}

.timeline-wrp .timeline-block ul:before{

    position: absolute;

    content:"";

    left: 50%;

    top: 0;

    width: 157px;

    height: 100%;

    border-radius: 101px;

    background: linear-gradient(180deg, #FFB802 0%, #FFD302 100%);

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

}

.timeline-wrp .timeline-block ul li{

    margin: 0 0 30px;

    position: relative;

}

.timeline-wrp .timeline-block .shape{

    width: 93px;

    height: 91px;

    border-radius: 30px;

    background: #FFB802;

    position: absolute;

}

.timeline-wrp .timeline-block ul li:last-child{

    margin: 0;

}

.timeline-wrp .timeline-block .timeline-box{

    border-radius: 15px;

    border: 1px solid rgba(246, 246, 248, 0.10);

    background: rgba(255, 255, 255, 0.50);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    -webkit-backdrop-filter: blur(17px);

    padding: 50px 80px;

    display: flex;

    align-items: center;

}

.timeline-wrp .timeline-block .timeline-box h2{

    margin: 0;

    color: #FFF;

    text-align: center;

    text-shadow: 7px 11px 20px rgba(0, 0, 0, 0.05);

    font-family: Belanosima;

    font-size: 80px;

    font-weight: 600;

    line-height: 80px;

    text-transform: uppercase;

    margin: 0;

}

.timeline-wrp .timeline-block .timeline-box p{

    color: #343B45;

    text-align: right;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.timeline-wrp .timeline-block .timeline-box p strong{

    color: #343B45;

    font-weight: 700;

}

.timeline-wrp .timeline-block .timeline1 .timeline-box{padding: 30px 68px 30px 30px;max-width: 618px;margin-left: 117px;}

.timeline-wrp .timeline-block .timeline1 .timeline-box h2{margin-left: auto;}

.timeline-wrp .timeline-block .timeline1 .shape{top: -45px;left: 75px;}

.timeline-wrp .timeline-block .timeline2 .timeline-box{padding: 50px 60px 50px 72px;max-width: 735px;margin-left: auto;}

.timeline-wrp .timeline-block .timeline2 .timeline-box p{max-width: 352px;text-align: left;margin-left: auto;}

.timeline-wrp .timeline-block .timeline2 .shape{background: #FFD302;right: -45px;top: -45px}

.timeline-wrp .timeline-block .timeline3 .timeline-box,.timeline-wrp .timeline-block .timeline7 .timeline-box{padding: 55px 79px 55px 60px;max-width: 745px;}

.timeline-wrp .timeline-block .timeline3 .timeline-box p,.timeline-wrp .timeline-block .timeline7 .timeline-box p{max-width: 352px;text-align: right;}

.timeline-wrp .timeline-block .timeline3 .timeline-box h2,.timeline-wrp .timeline-block .timeline7 .timeline-box h2{margin-left: auto;}

.timeline-wrp .timeline-block .timeline3 .shape,.timeline-wrp .timeline-block .timeline7 .shape{background: #93C83C;left: -45px;top: -45px}

.timeline-wrp .timeline-block .timeline4 .timeline-box{padding: 50px 60px 50px 62px;max-width: 735px;margin-left: auto;}

.timeline-wrp .timeline-block .timeline4 .timeline-box p{max-width: 352px;text-align: left;margin-left: auto;}

.timeline-wrp .timeline-block .timeline4 .shape{background: #008E82;right: -45px;top: -45px}

.timeline-wrp .timeline-block .timeline5 .timeline-box{padding: 55px 72px 55px 60px;max-width: 745px;}

.timeline-wrp .timeline-block .timeline5 .timeline-box p{max-width: 352px;text-align: right;}

.timeline-wrp .timeline-block .timeline5 .timeline-box h2{margin-left: auto;}

.timeline-wrp .timeline-block .timeline5 .shape{background: #0084B7;left: -45px;top: -45px}

.timeline-wrp .timeline-block .timeline6 .timeline-box{padding: 55px 79px 55px 60px;max-width: 745px;margin-left: auto;}

.timeline-wrp .timeline-block .timeline6 .timeline-box p{max-width: 352px;text-align: left;margin-left: auto;}

.timeline-wrp .timeline-block .timeline6 .timeline-box h2{margin-left: 0;}

.timeline-wrp .timeline-block .timeline6 .shape{background: #FFD302;right: -45px;top: -45px}








.promesses-wrp{

    padding: 0 0 280px;

    position: relative;

}

.promesses-wrp img{

    max-width: 100%;

    margin: 0 0 60px;

    margin-left: auto;
	
	max-width:440px;

}

.promesses-wrp .promesses-shape1{

    position: absolute;

    right: 0;

    bottom: 60px;

    max-width: 100%;

}

.promesses-wrp .promesses-shape2{

    position: absolute;

    left: 0;

    bottom: 60px;

    max-width: 100%;

    display: none;

}

.promesses-wrp .description{

    max-width: 557px;

    margin: 0 auto;

}

.promesses-wrp .description h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 40px;

    font-weight: 600;

    line-height: 48px;

    margin: 0 0 35px;

}

.promesses-wrp .description p{

    color: #677783;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}





.team-wrp{

    padding: 0 0 326px;

    position: relative;

}

.team-wrp .shape1{

    position: absolute;

    left: 0;

    bottom: 240px;

    max-width: 100%;

    z-index: -1;

}

.team-wrp .shape2{

    position: absolute;

    right: 0;

    top: 165px;

    max-width: 100%;

    z-index: -1;

}

.team-wrp h2{

    color: #343B45;

    font-family: Belanosima;

    font-size: 64px;

    font-weight: 600;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0 0 35px;

}

.team-wrp .team-box{

    border-radius: 30px;

    background: rgba(246, 246, 248, 0.20);

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    backdrop-filter: blur(17px);

    padding: 75px 30px 30px;

    position: relative;

    margin: 0 0 85px;

}

.team-wrp .team-box img{

    height: 90px;

    width: 90px;

    border-radius: 100%;

    object-fit: cover;

    position: absolute;

    left: 50%;

    top: 0;

    -webkit-transform: translate(-50%, -45px);

    transform: translate(-50%, -45px);

}

.team-wrp .team-box h3{

    color: #343B45;

    text-align: center;

    font-size: 18px;

    font-weight: 700;

    line-height: 27px;

    margin: 0 0 30px;

    padding: 0 0 30px;

    border-bottom: 1px solid #EFF3F8;

}

.team-wrp .team-box p{

    color: #677783;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

    margin: 0;

}







.employment-wrp{

    padding: 0 0 60px;

    position: relative;

}

.employment-wrp .employment-block{

    position: relative;

}

.employment-wrp .employment-block .employment-men{

    position: absolute;

    left: 10px;

    max-width: 100%;

    bottom: 0;

}

.employment-wrp .employment-block .description{

    position: absolute;

    top: 60px;

    max-width: 410px;

    left: 41%;

}

.employment-wrp h2{

    color: #343B45;

    font-size: 64px;

    font-weight: 600;

    font-family: 'Belanosima', sans-serif;

    line-height: 64px;

    text-transform: uppercase;

    margin: 0;

    position: absolute;

    right: 30%;

    top: -105px;

}

.employment-wrp .employment-block .description h3{

    color: #FFF;

    font-family: Belanosima;

    font-size: 40px;

    font-weight: 600;

    line-height: 48px;

    margin: 0 0 30px;

}

.employment-wrp .employment-block .description p{

    color: #FFF;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0 0 60px;

}

.employment-wrp .employment-block .description a{

    color: #FFF;

    text-align: center;

    font-family: DM Sans;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 24px;

    padding: 15px 30px;

    display: flex;

    align-items: center;

    width: fit-content;

    border-radius: 30px;

    border: 1px solid #FFF;

}

.employment-wrp .employment-block .description a i{

    font-size: 24px;

    margin-right: 10px;

}

.employment-wrp .employment-block .description a:hover{

    background: #fff;

    color: #BA4A85;

}



.tablet-img{display: none;}



#myBtn{

    width: 50px;

    height: 50px;

    border-radius: 10px;

    border: none;

    background: #fff;

    line-height: 50px;

    text-align: center;

    color: #FFB802 ;

    font-size: 16px;

    position: fixed;

    bottom: 30px;

    right: 30px;

    z-index: 98;

    opacity: 0;

    box-shadow: 7px 11px 20px 1px rgba(0, 0, 0, 0.05);

    font-size: 24px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

#myBtn.show{

    opacity: 1;

}

#myBtn:hover{

    background: #FFB802 ;

    color: #fff;

}







.hero-desktop-video{

    position: relative;

    height: 650px;

    width: 100%;

    border-radius: 15px;

}

.video-top-shape{

    position: absolute;

    top: -1px;

    right: -1px;

    max-width: 100%;

}

.video-bottom-shape{

    position: absolute;

    bottom: -1px;

    right: -1px;

    max-width: 100%;

}

.hero-desktop-video video{

    height: 100%;

    width: 100%;

    object-fit: cover;

    object-position: center;

    border-radius:25px;

}

.hero-mobile-video{

    height: 500px;

    width: 100%;

    position: relative;

    display: none;

}

.hero-mobile-video video{

    height: 100%;

    width: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 15px;

}

.hero-mobile-video .video-mobile{

    position: absolute;

    right: 0;

    top: 0;

    max-width: 100%;

}

.hero-mobile-video .video-tablet{

    position: absolute;

    right: 0;

    top: 0;

    max-width: 100%;

    display: none;

}

a.bottom-fix{

    position: fixed;

    left: 15px;

    bottom: 40px;

    right: 15px;

    z-index: 99;

    color: #343B45;

    text-align: center;

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    display: block;

    text-align: center;

    border-radius: 83px;

    border-radius: 35.5px;

    width: 80%;

    margin: 0 auto;

    background: linear-gradient(263deg, #FFF626 3.24%, #FFB802 100%);

    padding: 18px;

    display: none;

}

a.bottom-fix i{

    margin-right: 10px;

}
/* **** Contact Popup **** */
.modal-dialog{
    max-width: 470px;
    margin: 35px auto;
    width: 90%;
}
.modal-content.contact-wrp{
    padding: 0;
    border: none;    
    display: block;
    background: transparent;
}
.modal-content.contact-wrp .contact-form{
    padding: 35px 35px 100px;
    border-radius: 30px;
    background: #fff;
}
.modal-content.contact-wrp h3{
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0 auto 15px;
    text-transform: uppercase;
}
.modal-content.contact-wrp .contact-form .form-group .form-control{
    font-size: 16px;
}
.modal-content.contact-wrp .contact-form .btn-primary{font-size: 18px;}
.hero-datarw{
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}



.modal-content2.contact-wrp{
    padding: 0;
    border: none;    
    display: block;
    background: transparent;
}
.modal-content2.contact-wrp .contact-form{
    padding: 35px 35px 100px;
    border-radius: 30px;
    background: #fff;
}
.modal-content2.contact-wrp h3{
    font-size: 64px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0 auto 15px;
    text-transform: uppercase;
}
.modal-content2.contact-wrp .contact-form .form-group .form-control{
    font-size: 16px;
}
.modal-content2.contact-wrp .contact-form .btn-primary{font-size: 18px;}
.hero-datarw{
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}




.hero-datarw h1{
    font-size: 80px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0 0 0 15px;
    font-family: Belanosima;
    text-transform: uppercase;
    max-width: 600px;
    line-height: 80px;
    text-shadow: 0 4px 4px #00000040;
}

.team-bannerbx{
    margin: 0 0 100px;
}
.team-bannerbx img{
    width: 100%;
    border-radius: 30px;
}


.lang-de .premium-showreel-wrp,.lang-es .premium-showreel-wrp,.lang-en .premium-showreel-wrp   {
    margin-bottom: 100px;
}

/* Lang DE */

.lang-de .sec3-discovery-wrp .description h2 {
    font-size: 50px;
    line-height: 55px;
}

.lang-de .strategy-banner .strategy-banner-block .strategy-box {
    padding: 15px;
    width: 185px;
    height: 150px;
}

.lang-de .strategy-banner .strategy-banner-block .strategy-box a {
    font-size:15px;
}

.lang-de .ads-wrpper .slider-box .description h3 {
    color: #fff;
    font-family: Belanosima;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    max-width: 300px;
    margin: 0 0 50px;
}

@media (max-width:991px) {
    .lang-de .ads-wrpper .description a {
        display:none;
    }

    .lang-de .ads-wrpper .slider-box .description h3 {
        font-size: 25px;
        line-height:30px;
        max-width: 250px;
    }
}

/* Lang EN */

/* Lang ES */

/* Lang FR */


/* Positionnement et style moderne des flèches */
.slick-prev.slick-arrow,
.slick-next.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 25%;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hover plus visible */
.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover {
  background-color: #FFB802;
  color: #fff;
}

/* Flèche gauche */
.slick-prev.slick-arrow {
  left: 25px;
  text-indent: -9999px;
}
.slick-prev.slick-arrow::before {
  content: '‹';
  font-size: 35px;
  color: #FFB802;
  text-indent: 0px;
  transition: color 0.3s ease;
}

/* Flèche droite */
.slick-next.slick-arrow {
  right: 25px;
  text-indent: -9999px;
}
.slick-next.slick-arrow::before {
  content: '›';
  font-size: 35px;
  color: #FFB802;
  text-indent: 0px;
  transition: color 0.3s ease;
}

/* Couleur des icônes au hover */
.slick-prev.slick-arrow:hover::before,
.slick-next.slick-arrow:hover::before {
  color: #FFFFFF;
}


/* **** Generic template ***** */

.generic-banner .container {
        max-width: 1410px;
}

.generic-banner{

    padding: 30px 0 0;
    margin-bottom:30px;
    position: relative;

}

.generic-banner .generic-banner-block{

    position: relative;

}

.generic-banner .generic-banner-block img{

    max-width: 100%;

}

.generic-banner .banner-data{

    position: absolute;

    left: 30%;

    bottom: 7%;

    max-width: 690px;

}

.generic-banner .banner-data h2{

    color: #FFF;

    font-family: Belanosima;

    font-size: 60px;

    font-style: normal;

    font-weight: 600;

    line-height: 65px;

    text-transform: uppercase;

    margin: 0 0 30px;

}

.generic-banner .banner-data p{

    color: #FFF;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0 0 25px;

}

.generic-content h2 {
    color: #343B45;
    font-family: Belanosima;
    font-size: 35px;
    font-weight: 600;
    line-height: 48px;
    margin: 0 0 25px;
}

.generic-content p {
    color: #677783;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 0px 25px 0px;
}

.generic-content ul {
    padding-left: 45px;
    margin-bottom:25px;
}

.generic-content li {
    color: #677783;
    list-style: disc;
}

@media (min-width: 768px) and (max-width: 991px) {
    .generic-banner .banner-data h2 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 25px;
    }

    .generic-banner .banner-data {
        bottom: 2%;
    }

    .generic-banner-block .desktop-img {
        display:none !important;
    }

    .generic-banner-block .tablet-img {
        display:block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .generic-banner .container {
        max-width: 960px;
    }

    .generic-banner .banner-data {
        bottom: 3%;
        max-width: 575px;
    }

    .generic-banner .banner-data h2 {
        font-size: 45px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .navbar-brand img {
        height: 29px;
    }
}


@media (min-width: 1200px) and (max-width: 1400px) {
    .generic-banner .container {
        max-width: 1170px;
    }

    .generic-banner .banner-data {
        bottom: 2%;
    }

    .navbar-brand img {
        height: 38px;
    }
}

/* **** End Generic template ***** */



/* ==========================================================
   ARTICLES – CARTES ARCHIVE
========================================================== */

.articles-listing {
    padding: 60px 0;
}

/* Carte */
.article-card {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.35s ease;
}

/* Hover */
.article-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.14);
}

/* Image */
.article-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}

/* Lien global */
.article-card a {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Titre */
.article-card h3 {
    font-size: 18px;
    min-height: 76px;
    line-height: 1.35;
    margin: 22px 22px 22px;
    color: #111;
    transition: color 0.3s ease;
}

/* Hover titre */
.article-card:hover h3 {
    color: #000;
}

/* Extrait */
.article-card p {
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    margin: 0 22px 24px;
    flex-grow: 1;
}

/* Espacement des colonnes */
.articles-listing .row > div {
    margin-bottom: 35px;
}



/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {
    .article-card img {
        height: 210px;
    }
}

@media (max-width: 767px) {
    .articles-listing {
        padding: 40px 0;
    }

    .article-card img {
        height: 180px;
    }

    .article-card h3 {
        font-size: 18px;
        margin: 18px 18px 8px;
    }

    .article-card p {
        font-size: 14px;
        margin: 0 18px 20px;
    }
}

@media (max-width: 591px) {
.article-card {margin-top: 2em;}
}



/* ==========================================================
   SINGLE ARTICLE – HEADER
========================================================== */

.article-banner {
   background: hsla(216, 18%, 35%, 1);

background: linear-gradient(45deg, hsla(216, 18%, 35%, 1) 58%, hsla(44, 100%, 51%, 1) 100%);

background: -moz-linear-gradient(45deg, hsla(216, 18%, 35%, 1) 58%, hsla(44, 100%, 51%, 1) 100%);

background: -webkit-linear-gradient(45deg, hsla(216, 18%, 35%, 1) 58%, hsla(44, 100%, 51%, 1) 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#49566A", endColorstr="#FFBD05", GradientType=1 );    border-radius: 25px;
    position: relative;
    top: 135px;
    margin-bottom: 176px;

}

.article-banner .banner-data2 h2{
     color: #FFF;
     font-family: Belanosima;
     font-size: clamp(1.25rem, 0.7813rem + 2.3438vw, 3.125rem);
     font-style: normal;
     font-weight: 600;
     line-height: clamp(1.5rem, 1.875rem + 1.125vw, 5rem);
     margin: 0px 30px 10px;

}

.article-banner .banner-data2 p{
    color: #A0A0A0;
    font-family: Belanosima;
    font-size: 15px;
    font-style: normal;
    margin: 0px 30px 0px;

}

.article-banner .banner-data2 p span:nth-child(2){
    padding-right: 10px;
}

.article-banner .strategy-banner-block {
    display: flex;
    align-items: top;
    height:auto;
}

.article-banner .banner-data h2 {
    color: #ffffff;
}

.article-banner .banner-data p {
    color: rgba(255, 255, 255, 0.85);
}


/* ==========================================================
   BREADCRUMB ARTICLE
========================================================== */

.article-breadcrumb {
    margin: 30px 0;
    color: #FFF;
    font-family: Belanosima;
    font-size: 10px;
    font-style: normal;
    line-height: 12px;
    margin: 0px 30px 5px;
}

.article-breadcrumb .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
}

.article-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #49566A;
    padding: 0 8px;
}

.article-breadcrumb a {
    color: #A0A0A0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 100;
}

.article-breadcrumb a:hover {
    text-decoration: underline;
}

.article-breadcrumb .breadcrumb-item.active span {
    color: #FFBD05;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
}


.article-thumbnail img {
    border-radius: 10px;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
    height: 380px;
    max-width: 660px;
}

#article_blog p {
    font-size: 17px;
    color: #8f8f8f;
}

#article_blog p strong {
    color: #0a0a0a;
}