/**********************************/
body {
    /*font-family: 'Poppins-Regular';*/
    font-family: 'Poppins', sans-serif;
    
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Poppins', sans-serif;
    color: #000000;
}  
p{
    color: #000000;
    font-family: 'Poppins', sans-serif;
}

.static {
    position:absolute;
    background: white;
}

.static:hover {
    opacity:0;
    cursor: pointer;
}

header.home {
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}  
header {
    padding-top: 10px;
    padding-bottom: 10px;
} 
.navbar-brand {
    margin-right: 50px;
}
.right-section .nav-link p {
    margin-bottom: 0;
}
.btn-outline-primary {
    color: #000000;
    border: 2px solid #F9C252;
}
.btn-primary {
    background: #F9C252;
    border-radius: 6px;
    border: 0;
    height: 50px;
    font-size: 14px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    min-width: 180px;
    outline: none;
}

.btn-calc {
    font-size: 20px;
    font-weight: 800;
    background-color: #F9C252;
    padding-top: 10px !important;
}
.btn:hover {
    background-color: #efb237;
    border-color: #efb237;
}
.btn:focus+.btn, .btn:focus, .btn:active {
    background-color: #efb237 !important;
    border-color: #efb237 !important;
    outline: 0;
    box-shadow: #efb237 !important;
}

.btn:disabled {
    background-color: #FAD07C !important;
}

.btn-check:active+.btn:focus, .btn-check:checked+.btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {
    box-shadow: unset;
}

.btn {
    font-weight: 600;
}

.top-bar ul {
    padding: 0;
    list-style: none;
    text-align: right;
    margin-bottom: 0;
}
.top-bar ul li {
    display: inline-block;
    margin-left: 18px;
}
.top-bar ul li a {
    font-size: 14px;
}

.main-menu .navbar-nav {
    margin-left: auto;
}
nav.navbar {
    padding-left: 15px;
    padding-right: 15px;
}
.home .navbar-nav .nav-item .nav-link {
    color: #fff;
}
.navbar-nav .nav-item .nav-link {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-left: 12px;
    margin-right: 12px;
    color: #000;
    border-bottom: 2px solid transparent;
    padding-left: 0;
    padding-right: 0;
}

.right-section .nav-link {
    text-align: center;
}
.navbar-brand img {
    width: 300px;
}

.home .navbar-toggler-icon {
    background-image: url(../images/ico_menu.svg);
}
.navbar-toggler:focus {
    box-shadow: unset;
}

section.banner {
    padding-top: 278px;
    position: relative;
    padding-bottom: 200px;
    overflow-x: hidden;
    background-position: top center;
    background-size: cover
}
section { 
    padding: 100px 0;
}
.policy small {
    color: #fff;
    width: calc(100% - 150px);
    padding-right: 15px;
}
a {
    text-decoration: none;
}
.policy {
    padding: 16px 0;
    margin-top: 50px; 
}
.policy-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.policy-inner .btn-primary {
    min-width: auto;
    padding: 8px 16px;
    height: auto;
    white-space: nowrap;
}

/************ color *************/
.bg-black {
    background: #303030;
}
.white {
    color: #FFFFFF;
}

.shcolor {
    color:#F9C252;
}

.border-y {
     border: 2px solid #F9C252 !important;
}
.border-y2 {
     border: 5px solid #F9C252;
}
.border-gry {
    border: 2px solid #F3F2F0;
}
.border-gry2 {
    border: 5px solid #F3F2F0;
}
.border-w {
    border: 2px solid #FFFFFF;
}
.border-blk {
    border: 2px solid #000000;
}
.border-wht {
    border: 2px solid #fff;
}
.form-select:focus,.form-control:focus {
    border-color: #F9C252;
    outline: 0;
    box-shadow: unset;
}

.yellow {
    color: #F9C252;
}

.bgyellow {
    background-color: #F9C252;
    padding-top: 14px !important;
}

.bglogin {
    background-color: #F9C252;
}

.border-red {
    border-color: #D55F70 !important;
}
.bg-red {
    background-color: #D55F70;
}
.p-red {
    color: #D55F70;
    font-weight: 600;
}
.border-purple {
    border-color: #7D6DD2 !important;
}
.bg-purple {
    background-color: #7D6DD2;
}
.p-purple {
    color: #7D6DD2;
    font-weight: 600;
}
.border-green {
    border-color: #71CCB7 !important;
}
.bg-green {
    background-color: #71CCB7;
}
.p-green {
    color: #71CCB7;
    font-weight: 600;
}
.bg-gry {
    background-color: #F3F2F0;
}


/******************************/
.login-btn.btn {
    border-radius: 50px;
    min-width: 110px;
    color: #fff;
    padding: 6px 12px;
    margin-left: 16px;   
    font-family: 'Poppins', sans-serif;
}
.btn {
    padding: 10px 15px;
    border-radius: 11px;
    font-family: 'Poppins', sans-serif;
}
.banner-btn {
    border: 2px solid #F9C252;
}
.banner-btn:hover {
    background-color: #F9C252;
}
a:hover ,.nav-link:focus, .nav-link:hover{
    color: #F9C252;
}
.banner-text h1 {
    font-size: 70px;
    font-weight: bold;
}
.banner:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000082;
    z-index: 0;
}
.banner-text {
    z-index: 1;
    position: relative;
}
.banner:before {
    content: "";
    background-image: url(../images/home_banner_hippo_sh.svg);
    background-repeat: no-repeat;
    width: 500px;
    height: 500px;
    position: absolute;
    top: 50%;
    right: -150px;
    display: block;
    background-size: contain;
    z-index: 1;
    transform: translatey(-40%);
}
.title {
    text-align: center;
}
.slide-box {
    border-radius: 30px;
    text-align: center;
    padding: 0 15px 50px;
    margin-top: 55px;
    position: relative;
    height: 240px;    
}
.top-icon {
    text-align: center;
    border-radius: 50%;
    padding: 8px;
    margin: auto;
    display: flex;
    width: 65px;
    height: 65px;
    top: -35px;
    background: #F3F2F0;
    position: absolute;
    left: 0;
    right: 0;
    transform: scale(0.8);
}
.slide-box h3 {
    padding-top: 60px;
}
.slick-arrow {
    display: none;
}



/**/
.wrapper{
  padding: 70px 0;
}
/* Default slide */
.center-slider .slick-slide{
  /*margin: 0 15px 0 0;*/
  margin: 0 8px;
  display: block;
  align-items: center;
  justify-content: center;
  /*transform: scale(0.8);*/
  transition: all 0.4s ease-in-out;
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  /*transform: scale(0.8, 0.8);*/
  transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  /*transform: scale(1.1);*/
  
}
.center-slider .slick-current.slick-active{
  /*transform: scale(1.1);*/
  
}
.slick-list {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: 360px;
}
.slick-next, .slick-prev{
  z-index: 5;
}
.slick-next{
  right: 15px;
}
.slick-prev{
  left: 15px;
}
.slick-next:before, .slick-prev:before{
  color: #000;
  font-size: 26px;
}
.top-icon img {
    max-width: 36px;
    margin: auto;
}
.slick-dots {
    bottom: -66px !important;
}
.slick-dots li button:before {
    font-size: 0 !important;
    width: 15px !important;
    height: 15px !important;
    background: #fff;
    border-radius: 50%;
    opacity: 9 !important;
}

.slick-dots li.slick-active button:before {
    opacity: 9;
    background: #F9C252 !important;
}
img {
    max-width: 100%;
}
.second-part .text-part p {
    font-size: 22px;
}
.second-part .container>.row {
    align-items: center;
}
.step-box {
    text-align: center;
}
.step-icon img {
    width: 250px;
    /*width: 180px;*/
}
.step-icon {
    margin-bottom: 21px;
}
.step-box hr {
    border-color: #000;
    border-top: 3px solid;
    opacity: 9;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.advise-part .text-part p {
    font-size: 22px;
    line-height: 33px;
}
.calc-advise-part .text-part p {
    font-size: 16px;
}
.soc-hippo .top-icon {
    background: #Fff;
}
.service-box {
    text-align: center;
}
.service-box ul {
    padding: 20px 0;
    list-style: none;
    margin-bottom: 0;
}
.service-box h3 img {
    width: 45px;
    margin-right: 10px;
}
.service-box {
    text-align: center;
    border: 4px solid;
    border-radius: 20px;
    padding: 30px;
    height: 370px;
}

.service-box ul li {
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
}
.service-box ul li span {
    height: 4px;
    width: 30px;
    position: absolute;
    left: 0;
    top: 50%;
}
.service-box .btn {
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
}
footer {
    padding-top: 80px;
}
footer ul {
    list-style: none;
    padding: 0;
}
.footer-logos ul li {
    margin-bottom: 35px;
}
.footer-logos ul li:last-child {
    margin-bottom: 0;
}
.footer-logos ul li img {
    height: 50px;
}
.footer-centerpart {
    text-align: center;
}
.footer-centerpart ul li a {
    text-decoration: none;
    color: #000;
}
.footer-centerpart ul li a img {
    width: 20px;
    margin-right: 5px;    
}
.footer-centerpart ul li {
    margin-bottom: 12px;
}
.flag1 {
    margin-left: 5px;
    width: 25px;
}

ul.f-soc li {
    display: inline-block;
    margin-left: 6px;
}
ul.f-soc li img {
    height: 20px;
    max-width: 20px;
}
.links-part {
    text-align: right;
}
.links {
    margin-top: 50px;
}
.links a {
    text-decoration: none;
    color: #000;
}
.links p {
    margin-bottom: 5px;
}

.receive-section,.advise-part,.second-part {
    position: relative;
}
.first-slider:before {
    content: "";
    width: 90px;
    height: 78px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_instagram.webp);
    left: 30%;
    background-repeat: no-repeat;
}
.home .advise-part:before {
    content: "";
    width: 90px;
    height: 78px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_youtube.webp);
    right: 30%;
    background-repeat: no-repeat;
}
.second-part:before {
    content: "";
    width: 90px;
    height: 78px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_linkedin.webp);
    right: 30%;
    background-repeat: no-repeat;
}
.policy-inner .btn-primary img {
    margin-right: 5px;
    width: 18px;
}
.slide-box small {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: normal;
}
.center-slider .slide-box h3 {
    font-size: 24px;
}
.center-slider .slide-box h3 {
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.important {
    max-width: 862px;
    margin: 0 auto;
}

.img-titel-red {
    border-radius: 32px;
}

.img-redu {

    border-radius: 29px;
    width: 100%;
}

.date {
    padding: 19px;
}

.img-part .convincing {
    width: 99%;
}

.digital {
    padding: 72px;
}

.assistant {
    margin: -2px 19px;
}

.img-part .assistant {
    width: 99%;
}

.hippo {
    width: 38px;
}

.text-part ul {
    font-size: 16px;
}

.creative {
    padding: 11px 50px 30px;
}

.excellent {
    padding-left: 15px;
    margin-bottom: 7px;
}

.email {
    padding: 0 58px;
    font-size: 22px;
}

.phone {
    border-radius: 17px;
}
.contact-icon {
    display: flex;
    align-items: center;
    padding: 15px;
}
.ready{
    margin-bottom: 20px;
}
.con-phone span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}

.name-no {
    font-size: 16px;
   margin-left: 15px;
}

.phone-radius {
    border-radius: 59%;
    padding: 10px 12px;
}

.contact-form {
    padding: 58px 72px;
}

.number {
    font-size: 13px;
}

.hippos {
    padding-bottom: 50px;
}

.bg-image-team {
    background-size: cover;
    position: relative;
}
.bg-image-team:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}

.imag-right-bg {
    background-repeat: no-repeat;
    height: 200px;
    background-size: cover;
    border-radius: 31px;
}

.div-height {
    height: 200px;
}

.phone-radius2 {
    border-radius: 10px;
    padding: 15px 27px;
}

.con-phone2 {
    font-size: 25px;
}

.contact-icon2 {
    display: flex;
    justify-content: space-between;
}

.contact-icon22 {
    display: flex;
    justify-content: space-between;
}

.totaal {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-copy {
    padding: 20px;
}

.copywrite {
    margin: -5px -5px;
}
.div-height2 {
    height: 100%;
    min-height: 300px;
}

.faq .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: unset;
}

.general {
    border-bottom: 4px solid #F9C252;
    width: 86%;
}
.login-form{
    display: flex;
    justify-content: center;
}
.login-form-in {
    padding: 50px 80px;
    border: 2px solid #F9C252;
    border-radius: 15px;
}
.login-form-btn{
    width: 70%;
}
.login-form-top {
    padding: 24px 35px;
    border: 2px solid #F9C252;
    border-radius: 7px;
}
.ques-form{
     padding: 24px 35px;
    border-radius: 11px;
}
.oms-box{
    margin-bottom: 23px;
}
.fac-part{
    display: flex;
    justify-content: space-evenly;
}
.fac-part1 {
    display: flex;
    justify-content: center;
}

.facturen{
    padding: 25px;
    border-radius: 20px;
}
.facturen2 {
    padding: 35px;
}
.ques-form-right{
    border-radius: 20px;
}
.ques-form-titel{
    padding-bottom: 15px;
    border-bottom: 3px solid #F9C252;
}
.facebook {
    font-size: 26px;
}

.pinterest {
    margin-left: 10px;
}

.img-left {
    width: 22%;
}

.whatsapp-contact {
    padding: 16px 26px;
}

.post-for {
    width: 100%;
}

.package {
    position: relative;
}
.up-downgrade.mb-3 {
    display: flex;
    justify-content: space-evenly;
}
.package::before {
    position: absolute;
    left: 0;
    top: 27px;
    content: "";
    border: 1px solid #F9C252;
    width: 100%;
}
.what-icon {
    display: flex;
    align-items: center;
}
.factur-en {
    font-size: 22px;
    border-bottom: 2px solid #F9C252;
    padding-bottom: 10px;
}
.post-for {
    display: flex;
    align-items: center;
    justify-content: center;
}
.package2 {
    position: relative;
    border-bottom: 2px solid #F9C252;
}
.downlad-table {
    border-radius: 20px;
}
.facebook, .pinterest, .social-icon {
    width: 45px;
    margin-right: 8px;
}

.recover{
    width: 33%;
}
.whats-box{
    padding: 7px 42px;
    border-radius:10px;
}
.whatsapp-name{
    padding: 10px 20px;
}
.whatsapp-text{
    display: flex;
    align-items: center;
}
.text-part-left{
    padding: 0 30px;
}

#calc-step1 {
    position: relative;
}

.side-menu {
    position: absolute;
    height: 100%;
    padding-bottom: 180px;
    z-index: 950;
}

.ch-package {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ch-package h2 {
    font-size: 3rem;
}

.sticky {
    position: sticky;
    top: 35px;
}

.soc-box {
    height: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    border-radius: 15px;
    text-align: center;
    color: #000;
    cursor: pointer;    
}
input.check-btn,input.num-check-btn,.cam-check-btn {
    position: absolute;
    visibility: hidden;
}
.capitalize {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}
.check-btn:checked + label.soc-box {
    border-color: #F9C252;
}

.soc-box.selected {
    border-color: #F9C252;
}

.num-check-btn:checked + label.num-box {
    border-color: #F9C252;
}

.num-box.selected {
    border-color: #F9C252;
}
.num-check-btn:checked+label h2, .num-check-btn:checked+label small {
    color: #F9C252;
}
.cam-check-btn:checked + label.cam-box h2 {
    color: #F9C252;
}
.cam-check-btn:checked + label.cam-box {
    border-color: #F9C252;
}
.cam-box-top {
    display: flex;
}
.soc-box small {
    margin-top: 8px;
}

.soc-box img {
    width: 70px;
    margin-bottom: 25px;
}
.soc-box2 {
    width: 365px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 10%;
    background-color: #fff;
}
.soc-box2 h2 {
    padding: 15% 0;
}
.pakket {
    border-bottom: 2px solid #F9C252;
    padding-bottom: 1%;
    width: max-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.pinte-rest {
    margin-left: 20px;
    display: flex;
    align-items: center;
}
.face-book img {
    height: 106px;
}

.num-box {
    height: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}
.cam-main {
    display: flex;
    align-items: center;
}
.cam-box {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    text-align: center;
    margin-right: 15px;    
    cursor: pointer;
}

.cam-box .fs-3 {
    margin: 0;    
}

.cam-box2 {
    padding: 15px 15px 15px 50px;
    border-radius: 20px;
    position: relative;
}
.cam-box2:before {
    content: "";
    width: 40px;
    height: 62px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_question.webp);
    left: -18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    border: 4px solid #fff;
}

.cam-box2-gry:before {
    background-color: #F3F2F0;
    border: 4px solid #F3F2F0;
}


.lang-box {
    padding: 15px 15px 15px 50px;
    border-radius: 20px;
}
.ex-services-box {
    height: 200PX;
    width: 224PX;
    margin-top: 40px;
}
.ex-services-box-inner {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}
.ex-services-box i{
    font-size: 50px;
} 
.step-method:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_twitter.webp);
    left: 30%;
    background-repeat: no-repeat;
    background-size: contain;
}
.step-method {
    position: relative;
}
.step-icon+hr.uline {
    border-top: 2px solid #000;
    opacity: 9;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
}
.sidestep-text-r h5,.sidestep-text-l h5 {
    font-family: 'Poppins', sans-serif;
}
.sidestep-text-top .col-md-3 h3 {
    font-size: 22px;
}

.sidestep-text-r {
    margin-left: auto;
}
.tiktok-icon-section {
    position: relative;
}
.tiktok-icon-section:before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_tiktok.webp);
    left: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.package-page .step-box.active hr,.package-page .step-box.active h3 {
    opacity: 9;
}
.package-page .step-box hr,.package-page .step-box h3 {
    opacity: 0.1;
}
.package-page .step-box {
    /*opacity: 0.1;*/
    transform: scale(0.7);
}
.package-page .step-box.active {
    opacity: 9;
    transform: scale(0.9);
}
.inner-title {
    margin-bottom: 40px;
}
.team-img img {
    width: 280px;
}
.team-img h3 {
    font-size: 25px;
}
.bg-image-team .container {
    z-index: 1;
    position: relative;
}
.team-section {
    position: relative;
}

.team-section:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_snapchat.webp);
    left: 30%;
    background-repeat: no-repeat;
    background-size: contain;
}
.teamimg-text .title+.row {
    margin-bottom: 20px;
}
.shop-cart {
    padding: 23px;
}

.webshop-page:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_pinterest.webp);
    left: 30%;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-icon3 {
    display: flex;
    padding: 15px 0 30px 0;
}
.webshop-page {
    position: relative;
}
.faq .accordion-item {
    margin-bottom: 15px;
    border-radius: 15px;
    overflow: hidden;
    background: #f3f2f0;
}
.accordion-item:not(:first-of-type) {
    border: 5px solid #F3F2F0;
}
.faq .accordion-button {
    box-shadow: unset;
}
.accordion-button:not(.collapsed) {
    border-color: #F9C252;
}
.faq .accordion-item.active {
    border-color: #F9C252;
}
.faq {
    position: relative;
}
.faq:before {
    content: "";
    width: 90px;
    height: 60px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_youtube.webp);
    right: 30%;
    background-repeat: no-repeat;
    background-size: contain;
}
.workshop-btn .totaal .text-center+.text-center {
    margin-left: 15px;
}

.blog-box-image {
    height: 220px;
    overflow: hidden;
    border-top: 0;
    margin-left: -5px;
    width: calc(100% + 10px);
}
.blog-box img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.blog-box .date h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-box .date h4+p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-box .date h4+p {
    height: 120px;
}
.blog-box {
    margin-bottom: 30px;
}
.job-part-img .convincing {
    height: 100%;
    object-fit: cover;
}
.job-part-img {
    height: 400px;
}
.job-part-img {
    height: calc(400px + 10px);
    margin: -5px 0 -5px -5px;
}
.job-part-row .text-part h1 sub {
    font-size: 18px;
}
.job-part {
    margin-bottom: 30px;
}
.job-part-row .text-part {
    padding-right: 20px;
    padding-left: 20px;
}
.job-part-row.job-part-right .text-part {
    padding-right: 0;
    padding-left: 40px;
}
.job-part-right .job-part-img {
    margin: -5px -5px -5px 0;
}

.mastodon .text-part, .mastodon .img-part {
    padding-top: 80px;
    position: relative;
}
.mastodon .img-part:before {
    content: "";
    width: 90px;
    height: 78px;
    position: absolute;
    top: 0;
    background-image: url(../images/ico_cartoon_instagram.webp);
    right: 5%;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}

.contact-page {
    position: relative;
}
.contact-page:before {
    content: "";
    width: 90px;
    height: 88px;
    position: absolute;
    bottom: 0;
    background-image: url(../images/ico_cartoon_facebook.webp);
    right: 15%;
    background-repeat: no-repeat;
    background-size: contain;
}
 .row.job-part-row {
    align-items: center;
     
 }
.u-title {
    border-bottom: 2px solid #F9C252;
    width: max-content;
}
.blog-dtl p,.blog-dtl h3 {
    text-align: justify;
}
.interest-img {
    border-top: 0;
    overflow: hidden;
    width: calc(100% + 10px);
    margin-left: -5px;
    height: 220px;
}
.interest-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
 .profile-part-text {
    border-radius: 15px;
    padding: 41px 25px;
}
.profile-part1{
     border-radius: 15px;
    padding: 20px;
}
.package-part {
    padding: 20px 15px;
    border: 2px solid #F9C252;
    border-radius: 15px;
}
.spo-icon{
    font-size: 20px;
}
.spo-icon img{
    width: 4%;
}

.play-icon{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.fa-youtube{
    font-size: 40px;
}
.packed-data h3{
    border-bottom: 2px solid #F9C252;
    margin: 0 24%;
}
.package-part-right {
    padding: 0 10px;
    border: 2px solid #F9C252;
    border-radius: 15px;
}
.title-img span {
    margin-right: 15px;
}
.title-img {
    display: flex;
}
.contact-form form .form-group {
    margin-bottom: 25px;
}
.login-form-in .form-check .form-check-input:checked {
    background-color: #F9C252;
    border-color: #F9C252;
}
.login-form-in .form-group {
    margin-bottom: 30px;
}
.right-contact a {
    color: #212529;
}
.form-control {
    min-height: 45px;
    border: 1px solid #efefef;
}
.whatsappname .form-switch {
    padding-left: 3.5em;
}
.whatsappname .form-switch .form-check-input {
    margin-right: 8px;
}
.whatsappname .form-check-input:checked {
    background-color: #F9C252;
    border-color: #F9C252;
}
.whatsappname .form-check-input {
    border-color: #F9C252;
}
.exa-box-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.exa-box-image {
    overflow: hidden;
    border-top: 0;
    margin-left: -5px;
    width: calc(100% + 10px);
    height: 250px;
}
.img-redu1 {
    border-radius: 40px;
    margin-bottom: 15px;
}
.oms-box .form-control {
    min-height: auto;
    border-radius: 20px;
    background: transparent;
}
.fac-check input:checked+span {
    background: #F9C252;
}
.fac-check label {
    /*border: 2px solid #F9C252;*/
    border-radius: 50px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.profile-part1 .facebook i {
    font-size: 41px;
}
.whats-icn {
    width: 28px;
}
.profile-partr .login-form-top {
    padding: 24px 20px;
}
.profile-partr .login-form-top .contact-icon3 {
    padding-bottom: 0;
}
.whatsapp-no-top {
    display: flex;
    align-items: center;
}
.whatsapp-no p {
    margin-bottom: 8px;
}
.fac-check label input {
    position: absolute;
    display: none;
}
.fac-check input:checked+span {
    background: #F9C252;
    color: #fff;
    border-color: #F9C252;
}
.fac-check span {
    display: block;
    padding: 6px 8px 6px 16px;
    font-size: 20px;
    border-radius: 50px;
    border: 2px solid #000000;
}
.fac-check input:checked+span i {
    color: #fff;
    border-color: #F9C252;
}
.fac-check span i {
    border-radius: 50%;
    color: transparent;
    margin-left: 10px;  
    border: 2px solid #000000;
}
.mobile-box {
    height: 440px;
}
.mobile-box img {
    height: 100%;
}
.women-img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.women-img-box {
    height: 340px;
}
.diacemob:not(:last-child) {
    margin-bottom: 50px;
}
.podcast-row-list:not(:last-child) {
    margin-bottom: 20px;
}
.podcast-title {
    font-size: 60px;
}
.podcast-text {
    font-size: 13px;
}
.qty-box {
    margin-top: 20px;
}
.qty-box .input-group {
    width: max-content;
    border: 1px solid #000;
    border-radius: 5px;
    padding-left: 10px;
}
.qty-box .quantity-field {
    background: transparent;
    height: 40px;
    outline: 0;
}
.qty-btngroup input {
    background: #ccc;
    height: 20px;
    line-height: 0;
    border-radius: 5px;
    width: 30px;
}
.qty-btngroup {
    display: flex;
    flex-direction: column;
}
.lng-post label {
    display: block;
    width: 170px;
    cursor: pointer;  
    border: 0;
}
.lng-post label span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    border: 2px solid #000;
    border-radius: 50px;
}
.lng-post label span i {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
}
.lng-post, .lng-post-text {
    margin-top: 50px;
}
.campaigns-part.bg-gry .cam-box2:before {
    background-color: #F3F2F0;
    border: 4px solid #F3F2F0;
}
.edit-box {
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.get-hipoo .custom-select {
    width: 300px;
    height: 50px;
    border-radius: 8px;
    border-color: #fff;
    background: transparent;
    padding: 8px;
}
.ex-services-btn:checked+label {
    border-color: #F9C252 ;
}
.ex-services-btn:checked+label i,.ex-services-btn:checked+label p {
    color: #F9C252 ;
}
input.ex-services-btn {
    position: absolute;
    visibility: hidden;
    width: auto;
}
.ex-services-box i {
    color: #212529;
}
.cam-main, .cam-txt {
    margin-top: 40px;
}
.ex-ser-btntop {
    display: flex;
    flex-wrap: wrap;
}
.font20 {
    font-size: 20px;
}
.edit-box a {
    color: inherit;
}
.your-pack-part .pakket {
    margin-left: 0;
}
.your-chosen-package {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}
.your-pack-part.your-pack-right {
    padding: 0;
}
.pay-now-btn {
    height: auto;
    font-weight: 700;
}
.click-pay {
    padding: 0 50px;
}
.box-one {
    border: 3px solid #F9C252;
    width: 60px;
    height: 40px;
    border-radius: 10px;
}
.account-img {
    display: flex;
    align-items: center;
}
.account-img img {
    min-width: 30px;
}
.box-six ul li {
    margin: 0 3px;
}
.account-from {
    padding-top: 20px;
}
li.account-img span {
    width: 30px;
    margin-right: 15px;
}
.your-pack-part {
    padding: 30px 25px 20px 25px;
    border: 2px solid #F9C252;
    border-radius: 30px;
    margin-bottom: 25px;
    position: relative;
}
.text-uline {
    border-bottom:  2px solid #F9C252;
    padding-bottom: 7px;
}
.pack-text-part {
    padding: 40px 0;
    font-size: 20px;
}
.pack-data-text {
    padding-left: 35px;
}
.number-posts .pakket,.your-data-text .pakket,.pack-data-text h4,.to-pay-text h4 {
    font-size: 20px;
}
.start-titl {
    width: 35px;
}
.get-step span {
    border-bottom: 2px solid #F9C252;
}
.form-check-cust .form-check .form-check-input {
    margin-left: 8px;
}
.form-check-cust .form-check {
    display: flex;
    padding-left: 0;
}
.form-check-cust .form-check-input:checked {
    background-color: green;
    border-color: green;
}
.img-left-team img {
    width: 100px;
}
.img-left-team {
    text-align: right;
}
.nav-item-jobs span {
    color: #fff;
    font-size: 10px;
    padding: 2px;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: flex;
    position: absolute;
    top: -10px;
    right: -8px;
    align-items: center;
    justify-content: center;
}
.nav-item-jobs {
    position: relative;
}
.top-bar {
    padding-top: 10px;
}
.login-btn.btn.loggedin {
    background: #fff;
    color: #000;
    padding: 8px 8px 8px 34px;
    position: relative;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.login-user {
    width: 25px;
    position: absolute;
    left: 4px;
}
.step-box.completed {
    transform: scale(0.5);
}
.package-page .step-box.completed hr, .package-page .step-box.completed h3 {
    opacity: 9;
    color: #F9C252;
}

.sidestep-text-r h5, .sidestep-text-l h5 {
    line-height: 33px;
}

.mobile-card {
    display: none
}

.disabled {
    -ms-opacity: .4;
    opacity: .4;
    filter: alpha(opacity=40);
    pointer-events: none;
}



/***************************** responsive *********************************/

@media only screen and (min-width: 768px) {
    
.sidestep-text-r, .sidestep-text-l {
    width: 80%;
}
.sidestep-text-r h5, .sidestep-text-l h5 {
    font-size: 26px !important;
}

}

@media only screen and (min-width: 992px) {
.center-slider .slick-slide{
  /*transform: scale(0.8);*/
  transform: scale(1);
    
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  /*transform: scale(0.8, 0.8);*/
}
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1.1);
  
}
.center-slider .slick-current{
  /*transform: scale(1.1);*/
  transform: scale(1.0,1.3);
}

.center-slider .slick-slide.slick-center + .slick-active + .slick-active {
    background-color: initial !important;
    /*transform: scale(0.8);*/
    transform: scale(1);
}
.center-slider .slick-current.slick-active .top-icon {
    transform: scale(1.0,0.8);
}
.center-slider .slick-current.slick-active .slide-box h3 {
    transform: scale(1.0,0.8);
}
.center-slider .slick-current.slick-active .slide-box small {
    transform: scale(1.0,0.8);
}

.center-slider .slick-slide.slick-center + .slick-active + .slick-active .top-icon {
    transform: scale(0.8);
}
.center-slider .slick-slide.slick-center + .slick-active + .slick-active .top-icon .slide-box h3 {
    transform: scale(1);
}
.center-slider .slick-slide.slick-center + .slick-active + .slick-active .top-icon .slide-box small {
    transform: scale(1);
}
.center-slider .slick-track {
    padding-top: 10px;
}
.center-slider .slick-list {
    height: 370px;
}

}

@media only screen and (max-width: 1510px) {

}

@media only screen and (min-width: 1600px) {



}


@media only screen and (max-width: 1399px) {



}



@media only screen and (max-width: 1300px) {



}

@media only screen and (max-width: 1199px) {
    
.book-now.ms-5.ps-4 ,.work-shop.ms-5.ps-4{
    padding: 0 !important;
    margin: 0 !important;
}
.soc-box {
    height: 150px;
}
.soc-box img {
    width: 40px;
}

}

@media only screen and (max-width: 1024px) {


}



@media only screen and (max-width: 991px) {

    header.home {
        z-index: 5;
    }
    
    .header-container {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    nav.navbar {
        padding: 0 !important;
    }
    
    .navbar-brand {
        margin-left: 20px;
    }
    
    .navbar-toggler {
        margin-right: 20px;
    }

    .home .navbar-nav .nav-item .nav-link {
        color: #000;
    }

    .soc-box img {
        width: 40px;
        margin-bottom: 5px;
    }
    
.soc-pack {
    margin-top: 30px;
}
.num-box {
    height: 123px;
}

.ch-package {
    justify-content: left;
}
.ch-package h2 {
    font-size: 3.75rem !important;
}
.soc-box2 {
    padding: 30px;
}
.podcast-title {
    font-size: 40px;
}
.mobile-box {
    height: 300px;
    margin-bottom: 30px;
}
.women-img-box {
    height: 300px;
}
.profile-part1 {
    margin-bottom: 20px;
}
.login-form-in {
    padding: 50px;
}
.contact-form {
    margin-top: 30px;
    padding: 30px;
}
.creative {
    padding: 11px 50px 30px;
}
section.job-detail-list {
    padding-bottom: 50px;
}
.job-part-img {
    margin: -5px -5px -5px -5px;
}
.job-part-row .text-part {
    padding-top: 20px;
    padding-bottom: 20px;
}
.u-title {
    width: auto;
}
.workshops-prt1 .col-lg-5,.workshops-prt2 .col-lg-7,.workshops-prt3 .col-lg-5,.workshops-prt4 .col-lg-7 {
    margin-bottom: 20px;
}
.book-now.ms-5.ps-4 {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.login-btn.btn {
    margin-left: 10px;
}
.footer-logos ul {
    text-align: center;
}
.footer-centerpart {
    text-align: left;
}
.footer-logos ul li {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}
.center-slider .slick-slide {
    margin: 0 15px 0 15px;
}
.slide-box {
    min-height: 250px;
}
.slick-dots {
    bottom: 0 !important;
}
.wrapper {
    padding-bottom: 0;
    padding-top: 30px;
}
.step-box,.service-box {
    margin-bottom: 30px;
}
.service-part .col-lg-4:last-child .service-box {
    margin-bottom: 0;
}
.banner-text h1 {
    font-size: 50px;
}
.navbar-brand img {
    width: 250px;
}
.navbar-nav .nav-item .nav-link {
    color: #000;
}
.navbar-collapse {
    background: #fff;
    margin-top: 20px;
    padding-bottom: 35px;
}
header {
    z-index: 2;
}
.banner:before {
    width: 250px;
    height: 250px;
    top: 50%;
    right: -50px;
}
.facturen {
    padding: 24px 16px;
    border-radius: 20px;
}
}


@media only screen and (max-width: 767px) {

.pack-data-text {
    padding-left: 0;
}

.podcast-row-list .col-md-3 img {
    width: 150px;
    margin-bottom: 10px;
}
.spo-icon {
    margin-top: 30px;
}
.diacemob:not(:last-child) {
    margin-bottom: 20px;
}

    .mobile-card {
        display: inline-block;
        position: fixed;
        width: 100%;
        height: 80px;
        bottom: 0;
        left: 0;
        background-color: #fff;
        border-top: 2px solid #F9C252;
        margin-top: 10px;
        padding-left: 20px;
        min-width: 320px;
        z-index: 30;
    }

    .mobile-card .amount {
        line-height: 45px;
        font-size: 2.5rem !important;
    }

    .mobile-card .amount .label {
        font-size: 1.5rem;
    }

    .mobile-card .btn-order {
        color: #fff;
        margin-top: 15px;
        width: 90%
    }

    #tidio-chat-iframe {
        bottom: 75px !important
    }
    
.contact-icon22 {
    flex-direction: column;
}
.creative {
    padding: 11px 10px 20px;
}
.excellent {
    font-size: 16px;
}
.login-form-in {
    padding: 20px 20px;
}
.blog-dtl p {
    font-size: 16px !important;
}
.general {
    width: max-content;
    margin-bottom: 15px;
}
.policy small {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
}
.policy-inner {
    flex-wrap: wrap;
}
.footer-logos ul {
    text-align: left;
}
.footer-logos ul li {
    margin-left: 0;
    margin-right: 0;
    width: 49%;
}
.banner:before {
    width: 250px;
    height: 250px;
    top: 50%;
    right: -50px;
}
nav.navbar {
    padding-left: 0;
    padding-right: 0;
}
.second-part .text-part,.advise-part .text-part {
    margin-bottom: 30px;
}
.banner-text h1 {
    font-size: 40px;
}
.navbar-brand img {
    width: 250px;
}
.footer-centerpart {
    margin-bottom: 30px;
}
.links-part {
    text-align: left;
}

}

@media only screen and (max-width: 575px) {

.pack-text-part {
    padding: 20px 0;
    font-size: 16px;
}
.btw-info p.fs-5 {
    font-size: 16px !important;
}
.font20 {
    font-size: 16px;
}
.click-pay {
    padding: 0 10px;
}
.ex-services-box-inner {
    padding: 20px;
}
.ex-services-box {
    margin-top: 20px;
}
.ex-services-box {
    height: auto;
    width: 50%;
}
.cam-box h2.fs-3 {
    font-size: 18px !important;
}
.cam-box {
    width: 80px;
    height: 80px;
}
.cam-main, .cam-txt {
    margin-top: 20px;
}
.lng-post label {
    margin-left: auto;
    margin-right: auto;
}
.lng-post, .lng-post-text {
    margin-top: 20px;
}
.cam-main {
    justify-content: center;
}
.cam-txt,.lng-post-text {
    padding-left: 20px;
}
.mob-btn {
    text-align: center !important;
}
.facturen2 {
    padding: 20px;
}
.profile-part-text {
    padding: 20px;
}
.profile-part-text p.fs-5 {
    font-size: 16px !important;
}
.login-form-top {
    padding: 21px;
}
.contact-page:before {
    width: 40px;
    height: 48px;
}
.contact-form form .form-group {
    margin-bottom: 20px;
}
.right-contact a {
    font-size: 14px;
}
.con-phone span i {
    font-size: 18px !important;
}
.con-phone span {
    width: 46px;
    height: 46px;
}
.contact-form form label h5,.login-form label h5 {
    font-size: 16px;
}
.contact-form {
    padding: 20px;
}
.job-part-img {
    height: calc(320px + 10px);
}
.mastodon .text-part {
    padding-top: 20px;
}
.blopost-btn span, .blopost-btn span i {
    font-size: 16px;
}
.workshop-btn .totaal .btn {
    width: 150px;
    min-width: auto;
}
.title.mb-5 {
    margin-bottom: 20px !important;
}
.step-method:before,.tiktok-icon-section:before {
    width: 40px;
    height: 40px;
}
.first-slider:before,.second-part:before,.advise-part:before {
    width: 50px;
    height: 38px;
    background-size: contain;
}

.banner-text h1 {
    font-size: 30px;
}
section.banner {
    padding-top: 150px;
    padding-bottom: 50px;
}
section {
    padding: 60px 0;
}
.banner:before {
    display: none !important;
}
.second-part .text-part, .advise-part .text-part {
    text-align: center;
}
.fac-check span {
    font-size: 15px;
}

}


@media only screen and (max-width: 480px) {

.account-from {
    padding-left: 0;
}
.box-one {
    width: 50px;
    height: 30px;
}
.data-section label h5,.address-section label h5 {
    font-size: 16px;
}
.advise-part .text-part p {
    font-size: 16px;
}
.ex-services-box i {
    font-size: 30px;
}
.soc-box,.num-box {
    height: 100px;
}
.soc-box small,.num-box small {
    font-size: 12px;
}
.soc-box2 {
    width: 100%;
}
.podcast-title {
    font-size: 32px;
}
.login-form-in{
    padding: 30px 30px;
}
.facturen2 {
    padding: 15px;
}
.up-downgrade.mb-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.adit-contact .btn-primary {
    font-size: 12px;
    width: 100%;
}
.get-hipoo .custom-select {
    width: 100%;
}
.qty-box .input-group {
    margin: auto;
}
section.step-section.package-page {
    padding-bottom: 0;
}
.step-icon img {
    width: 130px;
}
    .banner:before {
        display: none !important;
    }
    
    #CookiebotWidget {
        display: none !important;
    }
}

@media only screen and (max-width: 360px){
    .login-form-in{
    padding: 30px 30px;
}
    .contact-form {
    padding: 30px 30px;
}
.factur-en {
    font-size: 18px;
}   
.ex-services-box-inner {
    padding: 15px;
}

}
@media only screen and (max-width: 320px) {
.login-form-in{
    padding: 30px 30px;
}
.contact-form {
    padding: 30px 30px;
}
.factur-en {
    font-size: 14px;
}  
.text-part-left {
    padding: 0px 21px;
}


}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
    display: none;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

.CookiebotWidget-main-logo {
    display: none;
}