@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
body{
    font-size: 16px;
    font-family: 'exo_2medium';
    line-height: 21px;
}

*:focus{
    outline: none;
}
ul {
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
h1{
    font-size: 48px;
    line-height: 48px;
    font-family: 'alegreya_sansblack';
    margin-bottom: 15px;
}
h2, .heading-1{
    font-size: 38px;
    font-family: 'alegreya_sansblack';
    padding-bottom: 15px;
        line-height: 1;

}
h3{
    font-size: 23px;
    font-family: 'alegreya_sansblack';
}


.btn-slid{
    background: #D4FF47;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 50px;
    font-family: 'exo_2bold';
    font-size: 16px;
    color: #1E1E1E;
}
.btn-slid:hover{
    color: #0FC0FC;
    transition: 0.5s;
}
.section-padding{
    padding: 50px 10px;
}
.hidden-Desktop, .search-desktop{
    display: none;
}

/* Header start */
header {
    background: rgba(30,30,30,0.40);
    position: absolute;
    width: 100%;
    z-index: 99999;
    top: 0;
    height: 95px;
}

header .logo img{
    width: 60px;
}
header ul li .nav-link{
    font-family: 'exo_2bold';
    color: #fff;
    font-size: 14px;
}
header ul li .nav-link:hover, header ul li .nav-link:focus, header ul li .nav-link.active{
    color: #D4FF47;
}

header ul li.nav-item.active > a {
    color: #D4FF47;
}

header ul li .search img{
    width: 20px;
}
header ul li.nav-item.dropdown:hover {
    border-bottom: 1px #D4FF47 solid;
}
header ul li.nav-item.dropdown{
    border-bottom: 1px transparent solid;
}
header ul li.nav-item.dropdown .nav-link{
    display: flex;
    align-items: center;
}
/* header ul li.nav-item.dropdown .nav-link span{
    display: none;
} */
header .navbar-expand-lg .navbar-nav {
    align-items: center;
}
header .dropdown-menu-dark {
    background-color: #000;
    border: none;
    border-radius: 0;
}
header .dropdown-menu-dark .dropdown-item {
    color: #fff;
    transition: 0.5s;
    font-family: 'exo_2bold';
}

header  .dropdown-menu-dark .dropdown-item:focus, header  .dropdown-menu-dark .dropdown-item:hover {
   color: #0FC0FC;
    background-color: transparent;
}
header li.dropdown:hover > .dropdown-menu {
    margin-top: 1px;
}

header.fixed {
    position: fixed;
    width: 100%;
    top: -100px;
    left: 0;
    right: 0;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    z-index: 999;
    box-shadow: 0 6px 12px rgb(0 0 0 / 10%);
}

.hamburger{
    display:inline-block;
    cursor:pointer;
    transition-property:opacity,filter;
    transition-duration:.15s;
    transition-timing-function:linear;
    font:inherit;
    color:inherit;
    text-transform:none;
    background-color:transparent;
    border:0;
    margin:0;
    overflow:visible;
    cursor:pointer
}
.hamburger-box{
    width:35px;
    display:inline-block;
    position:relative
}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{
    width:30px;
    height:3px;
    background-color:#000;
    border-radius:0px;
    position:absolute;
    transition-property:transform;
    transition-duration:.15s;
    transition-timing-function:ease
}
.hamburger-inner{
    display:block;
    top:50%;
    margin-top:-10px;
    z-index: 9999;
}
.hamburger--spin .hamburger-inner::before{
    transition:top .1s .25s ease-in,opacity .1s ease-in
}
.hamburger-inner::before{
    top:-8px
}
.hamburger-inner::after,.hamburger-inner::before{
    content:"";
    display:block
}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{
    width:25px;
    height:1px;
    background-color:#fff;
    position:absolute;
    transition-property:transform;
    transition-duration:.15s;
    transition-timing-function:ease;
}
.hamburger--spin .hamburger-inner::after{
    transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger-inner::after{
    bottom:-8px;
    width: 25px;
}
.hamburger--spin .hamburger-inner{
    transition-duration:.22s;
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
}
.hamburger--spin .hamburger-inner::before{
    transition:top .1s .25s ease-in,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner::after{
    transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner{
    transform:rotate(225deg);
    transition-delay:.12s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin.is-active .hamburger-inner::before{
    top:0;
    opacity:0;
    transition:top .1s ease-out,opacity .1s .12s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after{
    bottom:0;
    transform:rotate(-90deg);
    transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}
.search-div{
    position: fixed;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 999999999;
    right: 0;
    background: rgb(0 0 0 / 85%);
    padding: 240px 60px;
    box-shadow: -2px 4px 9px 2px rgb(0 0 0 / 47%);
    display: none;
}
.search-div .form-control{
    width: 80%;
    margin: 0 auto;
    font-size: 90px;
    line-height: 90px;
    height: 110px;
    border: none;
    border-bottom: 1px #ffffff solid;
    font-family: 'alegreya_sansblack';
    border-radius: 0;
    background: transparent;
    color: #fff;
}
.search-div input::-webkit-input-placeholder { /* Edge */
  color: #fff;
  opacity: 0.3;
}

.search-div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 0.3;
}

.search-div input::placeholder {
  color: #fff;
  opacity: 0.3;
}
.select2-search input::-webkit-input-placeholder { /* Edge */
  color: #1E1E1E;
  opacity: 0.5;
}

.select2-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1E1E1E;
  opacity: 0.5;
}

.select2-search input::placeholder {
  color: #1E1E1E;
  opacity: 0.5;
}



.form-control:focus{
    box-shadow: none;
}
.search-div .close_icon {
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    margin: auto;
}
.search-div .close_icon:after, .search-div .close_icon:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 30px;
    height: 2px;
    top: 30px;
    right: 10px;
    transition: .3s all linear;
}
.search-div .close_icon:after, .search-div .close_icon:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 30px;
    height: 2px;
    top: 30px;
    right: 10px;
    transition: .3s all linear;
}
.search-div .close_icon:before {
    transform: rotate(45deg);
}
.search-div .close_icon:after {
    transform: rotate(-45deg);
}
.close_icon:hover:before {
    content: '';
    transform: rotate(-45deg);
}
.close_icon:hover:after {
    content: '';
    transform: rotate(45deg);
}
.search-body{
    overflow: hidden;
}


/* Header end */
.fairtrade-banner .hidden-mobile img {
    height: 95vh;
    object-fit: cover;

}
.banner-slider .hidden-mobile img {
    height: 88vh;
    object-fit: cover;
    width: 100%;
}
/* Banner Start */
.banner-section .slide-content {
    position: relative;
}
.banner-section .caption {
    position: absolute;
    left: 8%;
    bottom: 200px;
}
.banner-section .caption h1{
    font-size: 48px;
    font-family: 'alegreya_sansblack';
    margin-bottom: 35px;
    color: #fff;
}
.banner-section .caption a{
    background: #D4FF47;
    text-decoration: none;
    padding: 10px 35px 15px;
    border-radius: 50px;
    font-family: 'alegreya_sansblack';
    font-size: 22px;
    color: #1E1E1E;
    transition: 0.5s;
}
.banner-section .caption a:hover{
    color: #0FC0FC;
}
.banner-section button.slick-prev, .banner-section button.slick-next{
    position: absolute;
    right: 3%;
    bottom: 50%;
    z-index: 99;
    background: #D4FF47;
    border: none;
    outline: none;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

.banner-section button.slick-next{
    bottom: 40%;
}
.banner-section button.slick-prev:after, .banner-section button.slick-next:before {
    content: '';
    position: absolute;
    background: url(../images/prev.png) center no-repeat;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: auto;
}

.banner-section button.slick-next:before{
    background: url(../images/next.png) center no-repeat;
}
/* Banner ENd */


/* banner-overlay Start */
.banner-overlay {
    margin-top: -100px;
    position: relative;
}
.banner-overlay .banner-overlay-box {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 30px 20px;
    align-items: flex-start;
    height: 165px;
    position: relative;
    transition: transform 1s;
}
.banner-overlay .banner-overlay-box .content h3 {
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 22px;
    max-width: 160px;
}
.banner-overlay .banner-overlay-box .content {
    padding: 0 20px 0 0;
}
.banner-overlay .banner-overlay-box img{
    width: auto;
    height: 100px;
    margin-top: 15px;
}
.banner-overlay .banner-overlay-box .btn-slid {
    position: absolute;
    bottom: 20px;
}
.banner-overlay .banner-overlay-box:hover {
    transform: translate(0, -10px);
    transition: transform 1s;
}
/* banner-overlay End */


/* fairtrade section Start */
.fairtrade-section{
    position: relative;
    z-index: 99;

}
.fairtrade-heading{
    position: relative;
display: inline-block;
}
.fairtrade-heading img {
    position: absolute;
    right: -80px;
    top: -60px;
    max-width: 80px;
}
.fairtrade-heading.nut-icons img {
    right: -110px;
    max-width: 105px;
}

.fairtrade-section .btn-slid {
    margin-top: 15px;
    display: inline-block;
}
.about-pr {
    padding-right: 30px;
}
.about-pl {
    padding-left: 30px;
}
/* .about-img-pr img{
    width: 90%;
} */
/* fairtrade section End */

/* Fairtrade powerful Start */
.fairtrade-powerful{
    position: relative;
    z-index: 99;
}
.fairtrade-powerful:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
      background: transparent linear-gradient(90deg, #1E1E1E 0%, #363636AC 41%, #68686800 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 0.83;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.fairtrade-powerful .fairtrade-text {
    position: absolute;
    z-index: 99;
    bottom: 100px;
}
.what-is-fairtrade .fairtrade-powerful .fairtrade-text {
    bottom: 65px;
    top: 65px;
}
.fairtrade-powerful .fairtrade-text p{
    font-family: 'alegreya_sansblack';
    color: #D4FF47;
    margin-bottom: 35px;
    max-width: 500px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.5px;
}
.fairtrade-powerful .fairtrade-text h4{
    color:#fff;
    width: 55%;
    font-size: 20px;
    font-family: 'exo_2bold';
}

.what-is-fairtrade .fairtrade-powerful .fairtrade-text h4 {
    font-family: 'alegreya_sansblack';
    color: #D4FF47;
    margin-bottom: 15px;
    max-width: 500px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.5px;
}
.what-is-fairtrade .fairtrade-powerful .fairtrade-text p {
    color: #fff;
    width: 60%;
    font-size: 16px;
    line-height: 22px;
    font-family: 'exo_2medium';
}
.what-is-fairtrade .fairtrade-powerful .fairtrade-powerful-icon {
    left: -250px;
}
.fairtrade-text ul li a{
    color: #F8F6F4;
    text-decoration: none;
    padding: 10px 0;
    display: block;
    border-bottom: 1px #9CA399 solid;
    max-width: 330px;
    font-family: 'exo_2medium';
    font-size: 16px;
    margin-bottom: 2px;
    transition: 1s;
}
.fairtrade-text ul li a:hover{
    color: #0FC0FC;
    transition: 1s;
    padding-left: 8px;
}
.fairtrade-text ul li:last-child a{
    border-bottom: none;
}
.fairtrade-text ul li a span{
    font-size: 24px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    padding: 0 1px;
    margin-right: 10px;
}

.fairtrade-text ul li a span svg{
       width: 100%;
    height: 100%;
    vertical-align: middle;
}
.fairtrade-text ul li a svg{
    transition: 0.5s;
} 

.fairtrade-text ul li a:hover span svg circle {
    fill: #0FC0FC;
    transition: 0.5s;
}
.fairtrade-text ul li a:hover span svg line, .fairtrade-text ul li a:hover span svg path {
    stroke: #fff;
}
.fairtrade-powerful .fairtrade-powerful-icon {
    position: absolute;
    left: -300px;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9;
    bottom: 30px;
}
.fairtrade-powerful .fairtrade-powerful-icon img{
    max-width: 205px;
}
.how-fairtrade-works .producers-treated .farmers-workers {
    padding: 60px 40px 25px 95px;
}
.how-fairtrade-works .producers-treated .farmers-workers ul{
    width: 100%;
    max-width: 100%;
}
.how-fairtrade-works .producers-treated .farmers-workers:after {
    top: 16%;
}
/* Fairtrade powerful End */

/* Support Fairtrade Start start */
.support-fairtrade .fairtrade-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgba(30,30,30,0.50);
}

.fairtrade-img {
    height: 210px;
}
.support-fairtrade .fairtrade-img img{
    border-radius: 10px;
        height: 100%;
    width: 100%;
        object-fit: cover;

}


.support-fairtrade .fairtrade-img {
    position: relative;
    margin-bottom: 25px;
    transition: transform 1s;
}
.support-fairtrade .fairtrade-img:hover{
    transform: translate(0, -10px);
    transition: transform 1s;
}
.support-fairtrade .fairtrade-caption {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 15px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
    height: 40px;
}
.support-fairtrade .fairtrade-caption .btn-slid {
    display: none;
}
.support-fairtrade .fairtrade-img p{
    font-size: 24px;
    line-height: 24px;
    font-family: 'alegreya_sansblack';
    margin: 0;
}
.fairtrade-img .overlay{
    background: rgba(255,128,0,0.65);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: 0.5s;
    border-radius: 10px;
    opacity: 0;
}
.support-fairtrade .fairtrade-img:hover .overlay{
    opacity: 1;
}
.support-fairtrade .fairtrade-img:hover .btn-slid{
    display: block;
}
.support-fairtrade .fairtrade-img .btn-slid svg{
    width: 18px;
    height: 18px;
}
/* Support Fairtrade Start start */
.fairtrade-section img {
    border-radius: 10px;
}
/* certified brands Start */
.certified-brand{
    position: relative;
    z-index: 9;
}
.certified-brand::after{
    content: "";
    background: #12ADE2;
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    bottom: 0;
    height: 90%;
    z-index: -1;
}
.certified-brand .certified-icon img{
    width: 100px;
}
.certified-icon {
    position: absolute;
    right: 5%;
    top: -29.8%;
}
.certified-brand p {
    font-size: 24px;
    font-family: 'alegreya_sansblack';
}
.certified-brand .certified-slider .slide-content{
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
        margin-bottom: 15px;
}
.certified-brand .certified-slider .slide-content img{
    margin: 0 auto;
}
.certified-brand .certified-slider h4 {
    font-size: 16px;
    margin: 10px 0 5px 0;
    padding: 0;
    color: #ccc;
    /* font-weight: 600; */
    text-transform: uppercase;
    font-family: 'alegreya_sansblack';
}
.certified-brand .certified-slider p {
    font-size: 18px;
    text-transform: uppercase;
    /* margin: 20px 0; */
}
.certified-brand .certified-slider .slick-slide {
    margin: 10px;
}
.certified-brand .certified-slider .slick-slide:hover {
    transform: translate(0, -10px);
    transition: transform 1s;
}
.certified-brand .certified-slider a.btn-slid {
    margin-bottom: 8px;
    display: inline-block;
    padding: 8px 25px;
}

.certified-slider button.slick-prev, .certified-slider button.slick-next{
    position: absolute;
    right: -3%;
    bottom: 55%;
    z-index: 99;
    background: #fff;
    border: none;
    outline: none;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

.certified-slider button.slick-next{
    bottom: 40%;
}
.certified-slider button.slick-prev:after, .certified-slider button.slick-next:before {
    content: '';
    position: absolute;
    background: url(../images/prev.png) center no-repeat;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: auto;
}

.certified-slider button.slick-next:before{
    background: url(../images/next.png) center no-repeat;
}
.certified-brand .certified-slider {
    padding-top: 10px;
}
/* certified brands End */

/* Follow Fairtrade Start */
.follow-fairtrade h2{
    text-align: center;
}
.follow-fairtrade .follow-div{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 75%;
    margin: 30px auto 0;
}
.follow-fairtrade .follow-div ul li {
    display: inline-block;
    padding: 0 20px;
}
.follow-fairtrade .sign-up input.form-control {
    border-radius: 50px;
    font-family: 'exo_2medium';
    font-size: 16px;
    height: 40px;
}
.follow-fairtrade  .sign-up {
    position: relative;
    width: 300px;
}
.follow-fairtrade .sign-up input::-webkit-input-placeholder { /* Edge */
  color: #000;
  opacity: 0.5;
}

.follow-fairtrade .sign-up input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
  opacity: 0.5;
}

.follow-fairtrade .sign-up input::placeholder {
  color: #000;
  opacity: 0.5;
}

.follow-fairtrade button.ok-btn {
    background: #0FC0FC;
    border: none;
    outline: none;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'exo_2bold';
    font-size: 12px;
    width: 70px;
    height: 40px;
}
.follow-div ul {
    position: relative;
}
.follow-div ul:before {
    content: "";
    position: absolute;
    right: -50px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #707070;
}
.follow-div a span {
    width: 40px;
    height: 40px;
    background: #12ADE2;
    display: block;
    margin: 0 auto 5px;
    border-radius: 50px;
    text-align: center;
    padding: 8px;
}
.follow-div li a {
    text-decoration: none;
    font-family: 'exo_2medium';
    color: #000;
    font-size: 16px;
}
/* Follow Fairtrade End */

/* fotter Start */
.fotter{
    background: #1E1E1E;
}
.fotter h6{
    font-family: 'exo_2bold';
    color: #fff;
    font-size: 14px;
}
.fotter ul li {
    margin-bottom: 5px;
    line-height: 15px;
}
.fotter ul li a{
    color: #9CA399;
    font-size: 13px;
    text-decoration: none;
}
.fotter ul li a:hover{
    color: #fff;
    transition: 0.5s;
}

.fotter .container{
    padding: 0;
}
.fotter p, .fotter a{
    color: #9CA399;
    font-size: 14px;
}
.fotter a:hover{
    color: #fff;
}
.fotter a{
    text-decoration: none;
}
.fotter .menu-fotter{
      padding:25px 20px;

    padding-top: 40px;
    position: relative;
}
.index .fotter .menu-fotter::before,
.home-page-footer .menu-fotter::before{
    display: none;
}
.fotter .menu-fotter::before,
.fotter .menu-fotter::after{
  content: '';
    position: absolute;
    width: 94%;
    height: 10px;
        top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.fotter .menu-fotter::before {
    border-top: 1px solid #707070;
}
.index .fotter .menu-fotter::before, .fotter.home-footer .menu-fotter::before {
    display: none;
}

.fotter .menu-fotter::after {
  
    border-bottom: 1px solid #707070;
    top: auto;
        bottom: 0;
            width: 94%;


}
.fotter .logo-fotter{
    padding-top: 30px;
}
.fotter .privacy-policy p, .fotter .privacy-policy a{
    font-size: 12px;
    color: #5f615d;
    margin-bottom: 0;
}
.fotter .privacy-policy a:hover{
    color: #fff;
}
/* fotter End */


/* What is Fairtrade Start */
.fairtrade-banner {
    position: relative;
}


/* .fairtrade-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(30,30,30,0.65);
    width: 100%;
    height: 100%;
} */
.fairtrade-banner .container-fluid{
    padding: 0;
}

.fairtrade-banner img{
    width: 100%;
}
.fairtrade-banner .fairtrade-content {
    position: absolute;
    bottom: 20%;
    left: 9%;
    max-width: 560px;
}
.fairtrade-banner .fairtrade-content h1{
    color: #fff;
}
.fairtrade-banner .fairtrade-content p{
    font-size: 20px;
    color: #D4FF47;
    font-family: 'alegreya_sansblack';
    line-height: 23px;
}
/* What is Fairtrade End */


/* About us start */
.about-us.producers-treated .farmers-workers {
    background: #0FC0FC;
    padding: 25px 40px 25px 95px;
    margin-top: -130px;
    float: left;
}
.about-us.producers-treated img{
    border-radius: 10px;
}
.about-us.producers-treated .fairtrade-heading {
    display: flex;
}
.about-us.producers-treated .fairtrade-heading img {
    position: static;
    margin-left: 20px;
    margin-top: -25px;
}
.about-us .farmers-workers ul li:after {
    top: 0;
    background: url(../images/tick.png) center no-repeat;
    background-size: 15px;
}
.making-difference {
    padding: 50px;
    background: #F8F6F4;
    border-radius: 10px;
    text-align: center;
}
/* About us End */

/* Change starts with a gesture start */

.change-starts{
    background: #D4FF47;
    position: relative;
    min-height: 380px;
}

.change-starts:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/change-starts-bg.png) center repeat-x;
    z-index: 1;
    height: 100px;
    width: 100%;
    background-size: contain;
}
.change-starts .change-starts-box {
    background: #F8F6F4;
    padding: 25px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
}

.change-starts .change-starts-box ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.change-starts .change-starts-box ul li {
    margin: 0 0;
    display: inline-block;
    width: 16%;
    text-align: center;
}
.change-starts .change-starts-box ul li p{
    font-family: 'exo_2bold';
    font-size: 16px;
    margin: 0;
}
section.fairtrade-our-focus {
    margin-top: -220px;
}
.fairtrade-interventions p, .following-section p {
    /* font-weight: 600; */
    font-size: 18px;
    line-height: 25px;
    }
/* .fairtrade-interventions p{
    font-weight: normal;
} */
.change-starts.fairtrade-promotes p {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}
.following-section {
    min-height: 220px;
}
.fairtrade-promotes {
    min-height: 350px;
}
/* Change starts with a gesture End */


/* What makes Fairtrade different Start */
.fairtrade-different{
    background: #F8F6F4;
}
section.fairtrade-different.section-padding {
    background: #F8F6F4;
    z-index: 99;
}
.fairtrade-different img{
      margin-bottom: 0;
    max-width: 115px;
}
.fairtrade-different h2{
    margin: 20px 0;
}
.producers .row {
    margin-bottom: 35px;
}
.producers .row:last-child{
    margin-bottom: 0;
}
.producers .row img{
    border-radius: 10px;
        position: relative;

}
.video-section{
    margin-top: 30px;
}
.our-work{
    background: #EFEFEF;
}
.our-work p{
    margin-bottom: 35px;
}
.our-work a.btn-slid {
    padding: 10px 35px;
    margin:5px 0 15px 0;
    display: inline-block;
}
/* What makes Fairtrade different End */

/* What is Fairtrade India intro start  */
.fairtrade-india{
    background: #F8F6F4;
    position: relative;
    /* min-height: 390px; */
}

/* .fairtrade-india:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/change-starts-bg.png) center repeat-x;
    z-index: 1;
    height: 100px;
    width: 100%;
    background-size: contain;
} */
.fairtrade-india img{
    /* width: 80%; */
    /* padding-bottom: 60px; */
}
.fairtrade-india h3{
    font-family: 'alegreya_sansbold';
    color: #0FC0FC;
    font-size: 24px;
    line-height: 25px;
}
.fairtrade-india p{
    font-size: 16px;
}
.fairtrade-india-content{
    padding-right: 15px;
}
.fairtrade-india-content1 p {
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
}
.fairtrade-india .fairtrade-india-content a{
    color: #000;
    font-weight: 600;
}
/* What is Fairtrade India intro End */
.box-layout{margin: 0 -30px;}
.box-layout .col-sm-6{padding: 0 30px;}
.box-layout .col-sm-4, .box-layout .col-sm-8{padding: 0 30px;}
.box-layout .col-sm-5, .box-layout .col-sm-7{padding: 0 30px;}


.campaigns img{
    border-radius: 10px;
    margin-bottom: 25px;
}
.campaigns h2{
    margin: 20px 0;
}
.campaigns a.btn-slid {
    margin-top: 20px;
    display: inline-block;
    width: 150px;
}

/* How Fairtrade Works Start */

.fairtrade-india.how-fairtrade-works{
    min-height: 380px;
}
/* .how-fairtrade-works p{
    font-size: 22px;
    font-family: 'alegreya_sansbold';
} */
section.fairtrade-works.section-padding {
    position: relative;
    /* margin-top: -270px; */
}
.pt-70{
    padding-top: 70px;
}
.pt-120{
    padding-top: 120px;
}
.ml-25{
    margin-left: -25px;
}

.producers-treated .treated-fairly{
    z-index: 1;
    position: relative;
}
.producers-treated .farmers-workers{
    background: #D4FF47;
    border-radius: 10px;
    padding: 40px 40px 25px 95px;
    margin-top: -30px;
    width: 90%;
    float: right;
    position: relative;
}
.producers-treated .farmers-workers:after {
     content: "";
    position: absolute;
    left: 45px;
    background: #fff;
    width: 2px;
    height: 100%;
    bottom: 0;
    top: 20%;
}

.producers-treated .farmers-workers h2{
    font-size: 20px;
    margin: 0 0 15px -25px;
    padding: 0;
}
.producers-treated .farmers-workers ul li{
    margin-bottom: 10px;
    font-family: 'exo_2medium';
    font-size: 16px;
    position: relative;
    color: #000;
}

.farmers-workers{
    overflow: hidden;
}
.farmers-workers ul li:after {
    content: "";
    position: absolute;
    left: -28px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url(../images/arrow.png) center no-repeat;
    background-size: 15px;
}
.producers-treated .farmers-workers ul p{
    font-family: 'exo_2medium';
    font-size: 16px;
    padding-top: 10px;
    margin: 0 0 10px -25px;
}
.producers-treated .farmers-workers ul p a{
    color: #000;
}

.spices .trade-making-spice .fairtrade-heading img {
    transform: translate(-75px, 10px);
}
.spices .trade-making-spice:before {
    content: '';
    background: #F8F6F4;
    width: 100%;
    height: 75vh;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.spices .producers-treated.product-tackled.trade-making-spice .farmers-workers ul li:after {
    background: url(../images/green-arrow.png) center no-repeat;
    background-size: 15px;
}
/* How Fairtrade Works End */

/* Consumers that trade fair Start */
.consumers-section {
    /* background: url(../images/about-cpnsumer.jpg) center no-repeat; */
    background-size: cover;
    position: relative;
    padding: 125px 0;
}
.consumers-section h2{
    color: #0FC0FC;
    margin-bottom: 20px;
}
 /* .consumers-section P{
    color: #fff;
} */

.consumers-section .consumers-icon img{
    max-width: 270px;
    position: absolute;
    bottom: 0;
    right: 10%;
}

.producers-treated.fairtrade-system .farmers-workers{
    background: #0FC0FC;
}
.producers-treated.fairtrade-system  .farmers-workers ul li:after {
    background: url(../images/green-arrow.png) center no-repeat;
    background-size: 15px;
}
.fairtrade-system-sec img{
    width: 90%;
    float: right;
}
.how-fairtrade-works .producers-treated.fairtrade-system .farmers-workers:after{
    top: 19%;
}
/* Consumers that trade fair End */

/* Following the cotton trail of success Start */


.change-starts-section .change-starts-details {
    padding: 0 50px;
}
.change-starts-section .change-starts-details h3{
    font-size: 24px;
    color: #0FC0FC;
    margin-bottom: 25px;
    font-family: 'alegreya_sansblack';
    position: relative;
}


.change-starts-section .change-starts-details q::before, .change-starts-section .change-starts-details q::after{
    font-size: 90px;
    color: #DADADA;
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: -1;
}
.change-starts-section .change-starts-details q::after{
    bottom: -65px;
    top: unset;
    left: unset;
    right: -30px;
}



.change-starts-section .change-section{
    position: relative;
    padding-left: 40px;
}
.change-starts-section .change-section:before {
    background-color: #0fc0fc;
    border-radius: 100%;
    content: "";
    display: block;
    height: 260px;
    position: absolute;
    transition: .15s ease-in-out;
    width: 260px;
    z-index: -1;
}


.change-starts-section .change-section .change-slider {
    padding: 30px;
}
.change-starts-section .change-section .change-content .slide-img {
    margin-right: 25px;
}
.change-starts-section .change-section .change-content .slide-img img{
    padding: 10px;
    animation:fadeOut 1s both;
    width: 190px;
    height: 190px;
}
.change-starts-section .change-section .change-content.slick-active .slide-img img{
    animation:fadeIn 1s both 0.5s;
   
}

.change-starts-section .change-section .change-content {
    display: flex;
    align-items: center;
}
.change-starts-section .change-section .change-content h2{
    font-size: 25px;
    max-width: 290px;
    line-height: 30px;
    animation:fadeInOut 1s both;
}
.change-slider .change-content.slick-active h2{
    animation:fadeInUp 1s both 0.5s;
}


.change-starts-section .change-section .change-content h2 span{
    font-size: 45px;
    line-height: 45px;
}
.change-starts-section .change-section .change-slider .slick-prev{
    display: none !important;
}
.change-starts-section .change-section .change-slider .slick-next{
    align-items: center;
    background-color: #1e1e1e;
    border: 5px solid #fff;
    border-radius: 100%;
    bottom: 8px;
    color: #fff;
    display: flex;
    font-size: 0;
    width: 50px;
    height: 50px;
    justify-content: center;
    left: 212px;
    line-height: 1;
    outline: 0;
    position: absolute;
    transition: transform .75s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out;
}

.change-starts-section .change-section .change-slider .slick-next:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;    
    background: url(../images/refresh.svg) no-repeat;
    background-size:30px;
}

.change-starts-section .change-section .slide-count {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    left: 260px;
    position: absolute;
    bottom: -15px;
}

.child-labour .tea-issues {
    margin-top: 0px;
}
.child-labour .tea-issues .farmers-workers p {
    margin-bottom: 15px;
}
  


.following-overlay {
    margin-top: -150px;
    z-index: 9;
}
.following-overlay .banner-overlay-box{
    text-align: center;
    display: block;
    min-height: 300px;
    padding: 45px 25px;
}
.following-overlay .banner-overlay-box img{
    margin:0 auto 25px;
}
.following-overlay .banner-overlay-box p{
    font-family: 'alegreya_sansblack';
    padding-top: 10px;
    line-height: 18px;
    font-size: 18px;
}
.following-overlay .col-3 {
    width: 22%;
}
.producers-treated.product-tackled .farmers-workers {
    background: #FF8000;
}

.following-overlay .banner-overlay-box span{
    font-size: 24px;
}
.producers-treated .treated-fairly p a{
    color: #000;
    font-weight: 600;
}
.producers-treated.product-tackled .farmers-workers ul li:after {
    background: url(../images/blue-arrow.png) center no-repeat;
    background-size: 15px;
}
/* Following the cotton trail of success End */



/* Fairtrade interventions  related to Cotton Start */
.fairtrade-interventions{
    padding-bottom: 0;
}
.fairtrade-interventions .change-starts-box {
    background: #F8F6F4;
    padding: 45px 50px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    margin: 30px 0 0 0;
}
.fairtrade-interventions .change-starts-box ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.fairtrade-interventions .change-starts-box ul li p {
    font-family: 'exo_2bold';
    font-size: 16px;
    margin-bottom: 0;
    line-height: 18px;
}
.fairtrade-interventions .change-starts-box ul li {
    width: 170px;
}
.fairtrade-interventions.products-div .change-starts-box ul li{
    width: auto;
}
.fairtrade-interventions .change-starts-box ul li span{
    background: #fff;
    display: block;
    border-radius: 100px;
    width: 120px;
    height: 120px;
    margin:0 auto 15px;
}
.fairtrade-interventions .change-starts-box ul li img {
    margin-bottom: 15px;
    vertical-align: text-top;
    width: 85px;
    height: 85px;
    margin: 20px auto 0;
}
.trade{
    background: #F8F6F4;
}
/* Fairtrade interventions  related to Cotton End */

/* Our Standards encourages Start */
.our-standards .farmers-workers {
    margin: 0;
    float: inherit;
    margin-bottom: 25px;
    padding: 40px 40px 40px 95px;
}
.our-standards1{
    position: relative;
}
.our-standards1 img{
    position: absolute;
    right: 0;
    width: 40%;
    z-index: 9;
    bottom: 70px;
}
/* Our Standards encourages end */


/* Producers of India Start */
.producers-of-india {
    padding-top: 20px;
}
.producers-of-india .producers-heading, .producers-of-india .producers-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -15px;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0 25px;
    bottom: 20px;
}
.producers-of-india .producers-heading{
    margin-bottom: 25px;
}
.producers-heading h2{
    margin-bottom: 0;
}
.producers-heading .btn-slid{
    min-width: 145px;
    text-align: center;

}
.producers-of-india .producers-box{
        transition: transform 1s;
}
.producers-of-india .producers-box:hover{
    transform: translate(0, -10px);
    transition: transform 1s;
}
.producers-of-india .producers-box img{
    border-radius: 15px 15px 0 0;
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.producers-of-india .producers-box .caption{
    background: #001B6E;
    padding: 15px 25px;
    border-radius: 0 0 15px 15px;
    height: 300px;
    position: relative;
}
.producers-of-india .producers-box .caption h3{
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 0.2px;
    /* padding: 5px 0; */
    /* height: 60px; */
}
.producers-of-india .producers-box .caption p{
    font-size: 18px;
    color: #FF8000;
    font-family: 'exo_2bold';
    line-height: 22px;
    margin-bottom: 30px;
    height: 100px;
}
/* .producers-of-india .producers-bottom a span{
    width: 25px;
    height: 25px;
    border-radius: 100px;
    border: 2px #fff solid;
    display: block;
    text-align: center;
} */
.producers-of-india .producers-bottom a span svg{
    width: 25px;
    height: 25px;
    vertical-align: top;
}
.producers-of-india .producers-bottom img{
    border-radius: 0;
    width: 80px;
    height: 80px;
    object-fit: unset;
}
.producers-of-india .last-box .producers-bottom img{
    width: 90px;
    height: 90px;
}
/* Producers of India end */

/* Brands that trade fair start */
.brands h2{
    margin-bottom: 25px;
}
.brands .brand-box{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    background: #F8F6F4;
    border-radius: 15px;
}
.brands .brand-box img{
    border-radius: 15px;
    width: 100%;
}
.brands a.btn-slid {
    margin: 35px auto 0;
    display: inline-block;
    text-align: center;
}
/* Brands that trade fair end */


.producers-treated.women .farmers-workers {
    background: #FF8000;
}
.producers-treated.women .farmers-workers ul li:after {
    background: url(../images/blue-arrow.png) center no-repeat;
    background-size: 15px;
}
.sugar-producers .farmers-workers {
    float: left;
}
.producers-treated img {
    border-radius: 10px;
    width: 100%;
}
.producers-treated img.right-img{
    border-radius: 10px;
    position: absolute;
    right: 15px;
    bottom: 20%;
    z-index: 9;
    max-width: 450px;
}
.producers-treated img.left-img{
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: 25%;
    z-index: 9;
    max-width: 450px;
}
.spices .fairtrade-heading img {
    border-radius: 0;
    transform: translate(15px, 10px);
}
.producers-treated.tea-issues .farmers-workers {
    background: #FF8000;
    float:right;
}
.tea-issues .farmers-workers p{
    float: right;
    max-width: 600px;
    margin-bottom: 0;
}

/* .tea-issues .fairtrade-heading {
    margin-bottom: 25px;
} */
.tea-issues .farmers-workers:after{
    display: none;
}
.tea-positive .farmers-workers, .tea-issues .farmers-workers {
    float: left;
    padding: 40px 40px 40px 70px;
    margin-top: 0;
}


.producers-treated.tea-positive .farmers-workers:after {
    top: 17%;
}
.tea-positive .farmers-workers p {
    margin-bottom: 0;
    max-width: 560px;
}
.tea-issues{
    margin-top: 100px;
}
.tea-positive{
    margin-top: 40px;
}
.producers-treated.tea-positive img.right-img, .producers-treated.tea-issues img.left-img {
    bottom: 10%;
    border-radius: 10px;
}
.farmers-workers ul{
    /* max-width: 550px; */
    z-index: 99;
    position: relative;
}
.farmers-workers p {
    margin-left: -22px;
}
.coffee .producers-treated.product-tackled .farmers-workers, .cocoa .producers-treated.product-tackled .farmers-workers {
    padding:70px 40px 30px 95px;
}
.coffee .producers-treated.product-tackled .farmers-workers:after {
    top: 24%;
}
.cocoa .producers-treated.product-tackled .farmers-workers:after {
    top: 24%;
}
.cocoa .farmers-workers ul {
    max-width: 550px;
}
.cocoa .producers-treated img.right-img {
    max-width: 35%;
}
/* Women don’t reap what they sow end */


/* Bridging the Gender Gap start */
.producers-treated.bridging .farmers-workers{
    float: inherit;
}

/* Bridging the Gender Gap end */

/* See the Standards start  */
.standards{
    position: relative;
    padding: 0;
    overflow: hidden;

}
 .standards .overlay-shadow {
     position: relative;
 }
 .standards .overlay-shadow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(30,30,30,0.65);
    width: 100%;
    height: 100%;
} 

body.schools .standards-main {
    width: 40%;
}
.standards-main {
    width: 35%;
    position: absolute;
    z-index: 9;
    bottom: 0;
}
.standards-box {
    background: #fff;
    padding: 25px 25px 10px 25px;
    border-radius: 10px 10px 0 0;
        margin-top: 20px;
}
.standards .standards-box .btn-slid{
    margin-top: 15px;
    display: inline-block;
}
.standards .standards-box a.learn-more{
    font-size: 12px;
    display: block;
    color: #9CA399;
    margin-top: 15px;
    text-decoration: none;
}
.standards .standards-main img{
    max-width: 115px;
}
/* See the Standards end */

/* Women of Fairtrade Start */
 .producers-of-india.women-fairtrade .producers-box .caption h3, .producers-of-india.women-fairtrade .producers-box .caption p {
    height: auto;
}
.producers-of-india.women-fairtrade .producers-box .caption p {
    margin-bottom: 10px;
}
.producers-of-india.women-fairtrade .producers-box .caption {
    padding: 15px 25px 10px 25px;
}
.producers-of-india.women-fairtrade .producers-bottom img {
    width: 75px;
    height: 75px;
}
.get-involved p{
    font-size: 20px;
    color: #0FC0FC;
    font-family: 'alegreya_sansblack';
}
.get-involved a.btn-slid {
    margin-top: 40px;
    display: inline-block;
}
/* Women of Fairtrade end */

/* Find Us Start */
.find-contact{
    background: #0FC0FC;
}
.find-contact .border-right {
    border-right: 1px #fff solid;
    margin-right: 20px;
}
.find-contact h2{
    color: #D4FF47;
}
.find-contact .address{
    line-height: 30px;
}
.find-contact p{
    line-height: 30px;
}
.find-contact p, .find-contact a{
    font-size: 20px;
    color: #000;
    text-decoration: none;
}

.get-in-touch h2{
    color: #0FC0FC;
}
.get-in-touch label{
    font-size: 18px;
    margin-bottom: 15px;
}
.get-in-touch .form-control{
    background: #F8F6F4;
    border: none;
    outline: none;
    border-radius: 0;
    padding: 10px;
    resize: none;
    margin-bottom: 10px;
}
.get-in-touch .form-control:focus{
    box-shadow:none;
}
.get-in-touch button.btn-slid {
    border: none;
    padding: 10px 30px;
}
/* Find Us End */

::selection {
    background-color: #daf400;
}

.fairtrade-banner .fairtrade-content p::selection {
    color: #333;
}

.navbar-nav .dropdown-toggle::after{
    opacity: 0;
}
.brand-location span {
    font-size: 14px;
}
.heading-icon {
    display: block;
    width: 100px;
    margin: 0px auto 20px;

}

.heading-icon img{
    width: 100%;
}
.border-style {
    /* border-left: 2px solid #26C1F9; */
    padding-left: 20px;
    height: 100%;
    padding-bottom: 30px;
    position: relative;
}

.border-style::before {
    content: '';
    border-left: 1px solid #26C1F9;
    width: 10px;
    height: 147%;
    position: absolute;
    left: 0;
}

.bg-light-grey{
    background-color: #F8F6F4;
}
.bg-dark-grey{
    background-color: #DADADA;
}

.heading-2{
    font-size: 32px;
    line-height: 32px;
    font-family: 'alegreya_sansblack';
    padding-bottom: 15px;
}

.card.card-style-1 {
    box-shadow: 0px 3px 6px #00000029;
    border: 7px solid #FFFFFF;
    border-radius: 15px;
    padding: 15px;
    height: 100%;
    transition: transform 1s;

}
.card.card-style-1:hover {
    transform: translate(0, -10px);
    transition: transform 1s;
}
.card-style-1 .heading-2 {
    margin-bottom: -20px;
}

.half-white-bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40%;
    background-color: #fff;
    left: 0;
    bottom: 0px;
}

.half-white-bg-2::before{
     content: '';
    position: absolute;
    width: 100%;
    height: 20%;
    background-color: #fff;
    left: 0;
    top: 0px;
}

.text-green{
        color: #D4FF47 !important;
}
.text-dark-green{
        color: #CCD800 !important;
}

.partner-testimonials {
    background-color: #0FC0FC;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 30px 30px 60px;
}

.client-name {
    font-size: 18px;
}

.client-img img {
    border-radius: 100%;
    width: 100%;
}

.font-semi-bold{
      font-family: 'alegreya_sansbold';

}

.prev-btn, .next-btn {
    width: 40px;
    height: 40px;
    background-color: #D4FF47;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6px 0;
    cursor: pointer;
}

.slider-arrows {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

.partner-testimonials .slick-slide,
.faiAware-slider .slick-slide{
    display: flex;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    padding: 0;
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 100px;
    padding: 0;
    margin: 0;
    opacity:1;
}

.testimonials-sec .slick-dots .slick-active button {
    opacity: 1;
        background-color: #fff;

}

.testimonials-sec .slick-dots{
        bottom: 30px;
    left: 0;
    width: 60%;
}

.testimonials-sec .slick-dots li button{
        border: 1px solid #fff;
    background: transparent;

}

.faq-se{
    background-color: #F8F6F4;
}
.accordion-style-1 .accordion-button {
    color: #0FC0FC;
    font-size: 20px;
        font-family: 'alegreya_sansbold';

}
.accordion-style-1 .accordion-body {
      font-size: 16px;
    line-height: 1.5;
    padding: 0 52px 50px;
}

.accordion-style-1 .accordion-button:not(.collapsed) {
    color: #0FC0FC;
    background-color: #fff;
    box-shadow: none;
    }

.acc-num {
    display: block;
    color: #000;
    margin-right: 20px;
}

.accordion-style-1 .accordion-item {
    background-color: #fff;
    border: 1px solid #F8F6F4;
}

.accordion-style-1 .accordion-header {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: normal;
}


.accordion-button:focus{
    box-shadow: none;
}

.accordion-style-1 .accordion-button::after, .accordion-button::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 4px;
    background-color: #1E1E1E;
    right: 30px;
    background-image: none;
}
.opportunities .accordion-style-1 .accordion-button::after, .opportunities .accordion-button::before{
    top: 35px;
}
.accordion-button::after {
    transform: rotate(90deg);
}

.faq-se {
    padding: 80px 10px 110px 10px;
}

.heading-3{
      font-size: 28px;
    line-height: 28px;
    font-family: 'alegreya_sansblack';
    padding-bottom: 15px;
}

.thumbnail-card img {
    border-radius: 15px;
    display: block;
    margin-bottom: 12px;
    height: 250px;
    object-fit: cover;
    width: 100%;

}

.thumbnail-card .heading-3 {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    transition: 0.5s;
}
.thumbnail-card .heading-3:hover{
    color: #12ADE2;
}
.thumbnail-card {
    text-align: center;
    position: relative;
}

.download-btn {
    position: absolute;
    box-shadow: 0px 3px 6px #00000029;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 20px;
    color: #D4FF47;
    top: -5px;

}

.download-btn svg {
    width: 100%;
    height: 100%;
}

.img-right-icon {
    position: absolute;
    right: 23px;
    z-index: 2;
    width: 120px;
    height: 120px;
    top: 30px;
}

.btn-blue{
    background: #0FC0FC;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: 'exo_2bold';
    font-size: 14px;
    color: #1E1E1E;
}

.img-right-icon {
    position: absolute;
    right: -48px;
    z-index: 2;
    width: 120px;
    height: 120px;
    top: 40px;
}

.slide-img img {
    width: 100%;
}
.faiAware-section .faiAware-slider .slick-list{
    padding-bottom: 100px;
}
.faiAware-section .faiAware-slider .slick-list .slide-img {
    height: 100%;
}

.faiAware-section .faiAware-slider .slick-list .slide-img img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}
.faiAware-section .green-box {
    height: 100%;
    box-shadow: none;
    border-radius: 10px;
    left: -35px;
    justify-content: flex-start;
}
.faiAware-section .green-box .slider-arrows{
    right: -80px;
}
.faiAware-section .img-right-icon {
    top: unset;
    bottom: -55px;
}
.faiAware-section .btn-slid, .faiAware-section .btn-blue{
    position: absolute;
    bottom: 10%;
}

.green-box {
    background: #D4FF47 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #00000029;
    border-radius: 29px;
    padding: 60px 40px;
        height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
}

.slide-caption {
    position: absolute;
    top: 70px;
    display: flex;
    left: -70px;
}

span.slider-num {
    letter-spacing: 0px;
    color: #CCD800;
    text-transform: capitalize;
    font-family: 'alegreya_sansblack';
      font-size: 80px;
    position: absolute;
    z-index: 1;
    left: 2px;
    top: 16px;
}

span.slide-title {
    background-color: #1E1E1E;
    color: #fff;
    font-size: 24px;
    font-family: 'exo_2bold';
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding: 8px 30px;
    position: absolute;
    left: 26px;
    top: 18px;
    height: 40px;
}

.green-box .slider-arrows {
    right: -80px;
}

.box-icons img {
    width: 150px;
    margin: auto;
}

.box-icons .card{
    height: 350px;
}

.box-icons .card .btn-slid{
    width: 160px;
    display: block;
    margin: auto;
}

.text-blue{
    color: #0FC0FC !important;
}
.text-blue-dark{
    color: #12ADE2 !important;
}

.text-burgandy{
    color: #FF4571;
}
.text-blue-royal{
    color: #001B6E !important;
}
.text-purple{
    color: #7B1DAB;
}

.bg-light-grey{
    background-color: #F8F6F4
}



.font-bold {
    font-family: 'alegreya_sansbold';
}

.border-left{
    border-left: 2px solid #F08633;
    padding-left: 10px;
}

.border-right{
    border-right: 2px solid #F08633;
    padding-right: 10px;
}
.school-prg-details .btn {
    color: #000000;
    text-decoration: none;
    font-size: 18px;
    display: flex;
    align-items: center;
    box-shadow: none;
    transition: transform 1s;
}
.school-prg-details .btn span svg{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.school-prg-details .btn:hover span svg circle {
    fill: #0FC0FC;
    transition: 0.5s;
}
.school-prg-details .btn:hover span svg line, .school-prg-details .btn:hover span svg path {
    stroke: #fff;
}
.school-prg-details .btn:hover{
    color: #0FC0FC;
    transform: translate(10px, 0);
    transition: transform 1s;
}
.left-card .school-prg-details .btn{
    padding: 0;
}
.right-card .school-prg-details .btn{
    padding: 0;
}
.portal-registration p {
    text-align: right;
}
.portal-registration a {
    justify-content: right;
}
.campaigns-card .school-prg-details {
    position: relative;
    top: -40px;
}

.right-card {
    transform: translateY(200px);
    position: relative;
    z-index: 9;
}

.last-card{
    transform: translateY(110px) translateX(-70px);

}

.ind-map-sec .last-card {
    margin-left: 6em;
    transform: translateY(140px) translateX(-70px) !important;
}

.left-card:nth-child(3) {
    transform: translateY(50px);
}

.ind-map {
    position: absolute;
    width: 100%;
    z-index: -1;
    transform: scale(1.1);
    /* display: none; */
}


.ind-map-sec{
    padding-bottom: 302px;
}
.workplaces .ind-map-sec {
    padding-bottom: 220px;
}
.btn-link .bi {
    color: #26C1F9;
    font-size: 30px;
    display: block;
    margin-right: 10px;
}

.left-card:not(:first-child){
    transform: translateY(50px);

}

.why-fairtrade-sec .right-card:nth-child(2) {
    transform: translateY(130px);
}

.why-fairtrade-sec .right-card:nth-child(4) {
    transform: translateY(200px);
}

.why-fairtrade-sec .right-card:nth-child(6) {
    transform: translateY(260px);
}

.why-fairtrade-sec .left-card:nth-child(5) {
    transform: translateY(110px);
}

.why-fairtrade-sec .left-card:nth-child(7) {
    transform: translateY(130px);
}

.radius-15{
    border-radius: 15px;
}

.titile-img span {
    width: 150px;
}

.titile-img {
    margin-bottom: 50px;
}

.how-does-work {
    padding: 90px 0;
}

.step-img {
    position: absolute;
 top: -150px;
    width: 130px;
}
.universities-involves .step-img img{
    width: 130px;
    height: 130px;
}
.step-img img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.step-img .icon-box{
    border-radius: 50%;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
}
.bg-blue{
    background:#0FC0FC;
}
.bg-orange{
    background:#FF8000;
}
.bg-dark-green{
    background:#CCD800;
}
.bg-green{
    background:#D4FF47;
}
.bg-danger{
    background:#FF4571;
}


.step-box {
    background: #F8F6F4 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 30px 30px 0;
}

.step-box .heading-3{
    padding: 50px 0 10px;
}

.slide-data span {
    color: #000000;
    font-size: 32px;
    font-family: 'alegreya_sansblack';
}

.steps-card-slider .slick-list{
    padding-top: 180px;
    padding-bottom: 20px;
}

.steps-card-slider .item{
    padding: 0 15px;
}

.slide_count {
    font-size: 60px;
    display: block;
    margin-top: 10px;
}

.step-box p {
    border-left: 2px solid;
    padding-left: 10px;
        padding-bottom: 40px;
height: 100%;
}

.text-orange{
    color: #F08633!important;
    color: #F91700; 
    font-weight: 400;
    font-size: 17px;
}

.border-blue{
    border-color: #26C1F9 !important;
}

.border-orange{
    border-color: #F08633!important;
}

.border-green{
    border-color: #CCD800!important;
}
.border-dark-green{
    border-color: #CCD800!important;
}



.slide-data span:last-child {
    background-color: #fff;
    width: 50px;
    height: 40px;
    border-radius: 100px;
    text-align: center;
}

.step-box::before {
      content: '';
    position: absolute;
    width: 80%;
    background-color: #000;
    height: 1px;
    top: -100px;
    left: 110px;
}

.steps-card-slider .slick-prev{
    left: -60px;
    background: #d2f64a url(../images/prev.png);
}

.steps-card-slider .slick-prev.slick-disabled {
    opacity: 0;
}

.steps-card-slider .slick-next{
    right: -60px;
    background: #d2f64a url(../images/next.png);
}

.steps-card-slider .slick-prev, .steps-card-slider .slick-next{
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 0;
    border-radius: 100px;
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    top: 68%;
    transform: translateY(-50%);
    transition: 0.5s;
}

.case-studies-slider .slider-captions {
    position: absolute;
    bottom: 0;
    background-color: #d4ff47b8;
    width: 100%;
    padding: 30px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.case-studies-slider .slider-captions p {
    padding: 0;
    margin: 0;
    text-align: center;
}

.case-studies-nav-slider .slide-item img {
    border:3px solid #FFFFFF;
    border-radius: 10px;
    display: block;
    width: 100%;
}

.case-studies-nav-slider {
    margin-top: 20px;
}

.case-studies-nav-slider .slide-item {
    margin-right: 5px;
}

.blue-box .heading-3 {
    margin-top: 40px;
    font-size: 22px;
}

.blue-box {
    background-color: #0FBFFC;
    border-radius: 15px;
    text-align: center;
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 320px;
    justify-content: center;
    align-items: center;
}
.blue-box .btn-slid {
    padding: 12px 20px;
}
.four-boxes-row .blue-box{
   padding: 30px 16px; 
    transition: 0.5s;
    transform: translateY(0);
}

.four-boxes-row .blue-box:hover {
    transform: translateY(-10px);
}

.blue-box .btn-slid {
    display: block;
    margin-top: auto;
    margin-bottom: 20px;
}

.case-studies .slider-arrows {
    position: absolute;
    right: 120px;
    top: 43%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

.case-studies-nav-slider .slick-track{
    transform: translate3d(0px, 0px, 0px) !important;
}

.heading-border-style {
    border-bottom: 1px solid #9CA399;
    margin-bottom: 40px;
    padding-bottom: 25px;
}

.contact-form .form-group{
    margin-bottom: 40px;
}

.contact-form .form-group .form-check .form-check-input {
    border: 1.8px solid #D4FF47;
    margin-top: 2px;
}
.contact-form .form-group .form-check-input:checked {
    background-color: #D4FF47;
}

.contact-form .form-control{
  
    font-family: 'exo_2medium';
    font-size: 16px;
    height: 55px;
    padding: 10px 20px;

}
.contact-form .form-control::placeholder,
select.form-control{
    color: #9CA399;
    font-family: 'exo_2medium';

}

.astric {
    color: red;
}

.contact-form textarea.form-control {
    height: 150px;
    padding: 20px;

}


.select-option span.down-arrow {
    position: absolute;
    top: 63px;
    transform: translateY(-50%);
    right: 20px;
}

.g-map{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

ul.social-media-link {
    display: flex;
    margin-left: 30px;
    justify-content: center;
}

ul.social-media-link li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    color: #fff;
    text-decoration: none;
}

ul.social-media-link li a .s-icon{
    background-color: #12ADE2;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
ul.social-media-link li a .s-icon:hover {
    background: #000;
    transition: 0.5s;
}
ul.social-media-link li a .s-icon svg{
    fill: #fff;
}

.s-icon.insta svg {
    fill: transparent !important;
}

section.follow-fairtrade {
    padding: 80px;
}

.news-letter input {
    border: 1px solid #9CA399;
    border-radius: 29px;
    height: 50px;
    padding: 20px 100px 20px 30px;
}

.news-letter input:focus{
    box-shadow: none;
}

.news-letter .ok-btn {
    position: absolute;
    top: 0;
    background-color: #0FC0FC;
    width: 100px;
    height: 100%;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    right: 0;
    cursor: pointer;
}
.news-letter .ok-btn:hover{
    background: #000;
    color: #fff;
    transition: 0.5s;
}
.social-media-link {
    display: flex;
    /* border-right: 1px solid #707070; */
}

section.follow-fairtrade h3 {
    padding-bottom: 50px;
}

.nav-link.search {
    margin-left: 20px;
}

.footer-logos {
    width: auto;
    /* width: 200px; */
}

.footer-logos img {
    width: 100%;
}

.submenu{
    padding: 5px 10px;
}

.fairtrade-heading h2 {
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0.2px;
}

.universities-fairtrade{
    position: relative;
    margin-bottom: 50px;
}
.universities-fairtrade .img-icon{
    position: absolute;
    left: -35px;
    bottom: -35px;
    width: 150px;
    height: 150px;
}

.cotton-page .our-standards img {
    bottom: 70px;
}

.yu2fvl {
  z-index: 9999;
  top: 0; }

.yu2fvl-iframe {
  display: block;
  height: 100%;
  width: 100%;
  border: 0; }

.yu2fvl-overlay {
  z-index: 9998;
  background: #000;
  opacity: 0.8; }

.yu2fvl-close {
  position: absolute;
  top: 1px;
  left: 100%;
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  background: #f10 !important;
  background-color: #f10 !important;
  color: #ffffff;
  border: 0;
  background: none;
  cursor: pointer; }

  .what-is-fairtrade-sec {
    padding: 80px 0;
}
p {
    line-height: 1.5;
}

.faiAware-slider .slick-list {
    padding-bottom: 30px;
}

.text-green-100{
    color: #CCD800 !important;
}
.policy{
    padding-top: 150px;
}
.policy ul{
    margin-bottom: 20px;
}
.policy ul li{
    padding-bottom: 10px;
    list-style: disc;
    margin-left: 35px;
}
.banner-section .slick-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1e1e1e;
    mix-blend-mode: multiply;
    opacity: 0.26;
}

/* .coffee-accordion{
    background: url(../images/coffee-bg.jpg) no-repeat;
    background-size: 100%;
} */
/*.coffee-accordion{
    background: url(../images/coffee-bg.jpg) no-repeat;
    background-size: cover;
}*/
.coffee-accordion h2{
color: #fff;
}

.how-fairtrade-works .fairtrade-heading img {
    right: 0px;
    top: -40px;
    max-width: 110px;
}

.how-fairtrade-works .fairtrade-system .fairtrade-heading img {
      right: -110px;
    top: -60px;
    max-width: 110px;
}

.how-fairtrade-works .treated-fairly .producers-treated img {
     right: -70px;
    top: -40px;
}

.tea .producers-treated img {
    border-radius: 0;
}

.universities .fairtrade-heading img {
    right: -10px;
    top: -50px;
    max-width: 80px;
}

.schools .standards .standards-main img {
    max-width: 90px;
    display: block;
    transform: translate(-30px, 30px);
}


.better-working-conditions .fairtrade-heading img,
.climate-change .fairtrade-heading img,
.sdgs .fairtrade-heading img{
    
    right: -110px;
    top: -80px;
}
.decent-livelihoods .fairtrade-heading img{
    transform: translate(-50px, 15px);
}
.decent-livelihoods .bridging .fairtrade-heading img {
    transform: translate(-100px, 20px) !important;
}
.child-labour .fairtrade-heading img{
        right: -80px;
    top: -50px;
    max-width: 50px;
}

.fairtrade-heading.working-icons img {
    position: unset;  
    max-width: 70px;
}
.fairtrade-heading.working-icons span {
    position: absolute;
    top: -35px;
    right: 23px;
}
.fairtrade-heading.working-icons.producers-icon span {
    top: -22px;
    right: 28px;
}
.fairtrade-heading.working-icons.producers-icon img {
    max-width: 50px;
}


.child-labour .treated-fairly .fairtrade-heading img {
    right: -100px;
    top: -30px;
    max-width: 80px !important;
}
.child-labour .farmers-workers ul {
    max-width: 100%;
}
.child-labour .producers-treated.tea-issues .farmers-workers {
    padding: 30px 40px 25px 95px;
}
.child-labour .producers-treated .farmers-workers {
    padding: 60px 40px 25px 95px;
}
.child-labour .producers-treated .farmers-workers:after {
    top: 19%;
}
.child-labour .main-key .standards .standards-main img {
    max-width: 100px;
}
.child-labour .standards-main {
    bottom: 29%;
}
.child-labour .standards-main .standards-box{
    background: #F8F6F4;
}
.child-labour .standards .farmers-workers{
    padding: 50px;
    background: #F8F6F4;
}
.child-labour .standards .farmers-workers li{
    position: relative;
    margin-bottom: 15px;
}
.child-labour .standards .farmers-workers li a {
    color: #000;
    font-weight: 600;
}
.child-labour .standards .farmers-workers p{
    margin-bottom: 0;
}
.cotton .producers-treated.product-tackled .farmers-workers {
    padding-top: 60px;
}
.cotton .producers-treated .farmers-workers:after {
    top: 27%;
}
.cotton .our-standards .farmers-workers {
    padding: 30px 40px 25px 95px;
    margin-bottom: 0;
}
.cotton .our-standards .farmers-workers:after {
    top: 19%;
}

.gender-equality .producers-treated.women .farmers-workers {
    padding: 60px 40px 25px 95px;
}
.gender-equality .producers-treated .farmers-workers {
    padding: 50px 40px 25px 95px;
}
.bridging .farmers-workers ul {
    max-width: 100%;
}

.gender-equality .producers-treated .farmers-workers:after {
    top: 17%;
}

.better-working-conditions .producers-treated .farmers-workers {
    padding: 60px 40px 25px 95px;
} 
.better-working-conditions .producers-treated .farmers-workers:after {
    top: 20%;
}

 .producers-treated.bridging .farmers-workers{
    padding: 40px 40px 25px 95px;
}
.producers-treated.bridging .farmers-workers:after {
    top: 15%;
}
.producers-treated .farmers-workers:after {
    top: 18%;
}
.climate-change .producers-treated .farmers-workers{
    padding: 60px 40px 25px 95px;
}
.climate-change .bridging .farmers-workers{
    padding: 40px 40px 25px 95px;
}
.climate-change .producers-treated .farmers-workers:after {
    top: 17%;
}
.producers-treated.women{
    margin-top: 40px;
}
.sdgs .producers-treated.women .farmers-workers {
    padding: 50px 40px 5px 75px;
}
.sdgs .producers-treated .farmers-workers:after {
    top: 32%;
}
.decent-livelihoods .producers-treated.women .farmers-workers {
    padding: 50px 40px 25px 95px;
}
.decent-livelihoods .producers-treated .farmers-workers:after {
    top: 15%;
}

.main-key .producers-treated.bridging .farmers-workers, 
.main-key .producers-treated.bridging .farmers-workers{
    float: left;
}

.main-key .standards .standards-main img, .main-key .standards .standards-main img {
    max-width: 175px;
} 
.main-key .women .fairtrade-heading img, .main-key .women .fairtrade-heading img{
    transform: translate(10px, -35px);
    max-width: 75px;
}

.main-key .bridging .fairtrade-heading img, .main-key .bridging .fairtrade-heading img{
    transform: translate(-70px, -8px);
    max-width: 70px;
}


.better-working-conditions .main-key .women .fairtrade-heading img{
    transform: translate(-55px, -20px);
}
.better-working-conditions .main-key .bridging .fairtrade-heading img{
    transform: translate(-140px, 35px);
}

.child-labour .women{
    margin-top: 90px;
}
.child-labour .main-key .women .fairtrade-heading img{
    transform: translate(132px, 12px);
}
.child-labour .main-key .bridging .fairtrade-heading img{
    transform: translate(-10px, 20px);
}

.coffee .producers-of-india {
    padding-top: 20px !important;
}

.font-black-bold{
        color: #000;
    font-weight: 600;
}

.users-svg svg {
    width: 100%;
    height: 100%;
}

.steps-card-slider .slick-disabled {
    display: none;
}

.privacy-policy {
    margin-left: 10px;
}
body.privacy-policy {
    margin-left: 0;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    border: 1.8px solid #9CA399;
}

/* .campaign-resources p{
    font-weight: 600;
} */
.resources-box .resources-caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.resources-box img {
    width: 100%;
}
.resources-box .resources-caption h4{
    color: #0FC0FC;
    font-family: 'alegreya_sansbold';
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
.resources-box .resources-caption a{
    color: #9CA399;
    font-size: 17px;
    font-weight: 600;
    font-family: 'alegreya_sansbold';
    text-decoration: none;
}
.resources-caption a {
    display: flex;
}
.download_icon img{
    width: 16px;
    height: 16px;
    display: block;
    margin-left: 10px;
}
.photobooth-placards .slick-list{
    margin: 0 -10px;
}
.photobooth-placards .resources-box{
    margin: 0 10px;
}
.photobooth-placards .resources-box .resources-caption {
    display: flex;
    justify-content: right;
}
.photobooth-placards .slick-next, .photobooth-placards .slick-prev {
    position: absolute;
    right: -10px;
    top: 30%;
    background: transparent;
    font-size: 0px;
    border: none;
}
.photobooth-placards .slick-prev {
    left: -45px;
}
.photobooth-placards .slick-next.slick-disabled, .photobooth-placards .slick-prev.slick-disabled{
    opacity: 0;
}
.photobooth-placards button.slick-next:before {
    background: url(../images/next-blue.svg) center no-repeat;
    background-size:35px;
}
.photobooth-placards button.slick-prev:after{
    background: url(../images/prev-blue.svg) center no-repeat;
    background-size:35px;
}
.photobooth-placards button.slick-prev:after, .photobooth-placards button.slick-next:before {
    content: '';
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0px;
    width: 50px;
    height: 50px;
}
.photobooth-placards .boostKeyframe, .Recipe-Cards .boostKeyframe, .movies-and-videos .boostKeyframe, .impact-story-slider .boostKeyframe{
    transform: none !important;
    animation: none !important;
}

.photobooth-placards a > img {
    border-radius: 15px;
}
.posters-material .photobooth-placards .slick-next.slick-disabled, .posters-material .photobooth-placards .slick-prev.slick-disabled{
    opacity: 1;
}
.posters-material .photobooth-placards .slick-prev {
    right: -10px;
    left: unset;
    top: 31%;
}
.posters-material .photobooth-placards .slick-next {
    right: -10px;
    top: 45%;
}
.posters-material .photobooth-placards a > img {
    border: 1px #aeaeae solid;
}
.Recipe-Cards .slick-list{
    margin: 0 -10px;
}
.Recipe-Cards .resources-box{
    margin: 0 10px;
}
.Recipe-Cards .resources-box a > img {
    border-radius: 15px;
}

.Recipe-Cards .slick-next, .Recipe-Cards .slick-prev, .impact-story-slider .slick-next, .impact-story-slider .slick-prev{
    position: absolute;
    right: -10px;
    background: transparent;
    font-size: 0px;
    border: none;
}
.Recipe-Cards .slick-next{
    right: -40px;
    top: 40%;
}
.Recipe-Cards .slick-prev{
    right: -40px;
    left: unset;
    top: 22%;
}
.Recipe-Cards button.slick-prev:after, .Recipe-Cards button.slick-next:before,  .impact-story-slider button.slick-prev:after, .impact-story-slider button.slick-next:before{
    content: '';
    position: absolute;
    z-index: 9999;
    /* left: 0; */
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0px;
    width: 50px;
    height: 50px;
    
}
.Recipe-Cards button.slick-next:before {
    background: url(../images/next-blue.svg) center no-repeat;
    background-size: 35px;
}
.Recipe-Cards button.slick-prev:after {
    background: url(../images/prev-blue.svg) center no-repeat;
    background-size: 35px;
}

.impact-story-slider .slick-next{
    top:50%;
    right: -55px;
}
.impact-story-slider .slick-prev{
    top: 38%;
    right: -55px;
    left: unset;
}
.impact-story-slider button.slick-next:before {
    background: url(../images/prev-green.svg) center no-repeat;
    background-size: 35px;
    transform: rotate(180deg);
}
.impact-story-slider button.slick-prev:after {
    background: url(../images/prev-green.svg) center no-repeat;
    background-size: 35px;
}

.impact-story-slider .resources-box {
    height: 400px;
}
.impact-story-slider .resources-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.impact-story-slider iframe{
    border-radius: 10px;
}
.spotted h2{
    font-size: 24px;
}
.Product-Categories .pascati-slider .pascati-img{
    padding: 0;
    height: 100%;
    overflow: hidden;
}
.Product-Categories .pascati-slider .pascati-img img{
    border-radius: 10px;
    width: 100%;
}
.Product-Categories .pascati-slider.buysfairs-inner .pascati-img img {
    height: 360px;
    object-fit: cover;
}

.side-logo{
    max-width: 150px;
}

.spotted-box i{
    position: absolute;
    right: 15px;
    z-index: 99999999;
    width: 20px;
    height: 20px;
    top: 15px;
    color: #fff;
    font-size: 20px;
}

.Product-Categories .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 60%);
    height: 100%;
    width: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 5px;
    transform: translateY(20px);
    opacity: 0;
    transition: 0.5s;
}
.Product-Categories .pascati-img:hover .caption{
    transform: translateY(0px);
    opacity: 1;
}
.Product-Categories .caption span {
    opacity: 1;
}
.Product-Categories .caption span i{
    font-size: 20px;
    color: #CCD800;
}
.Product-Categories .caption h4{
    font-size: 18px;
}
.Product-Categories .caption p {
    min-height: auto;
    max-width: 100%;
    margin: 0;
    font-family: 'exo_2medium';
    font-size: 13px;
}
.Recipe-Cards .resources-box .resources-caption h4{
    font-size:17px;
    font-family: 'exo_2bold';
    color: #000;
}
.Recipe-Cards .resources-box .resources-caption a{
    color: #000;
    font-size:17px;
}
.video-tab .nav-tabs .nav-link{
    border: transparent;
    border-radius: 50px;
    transition: 0.5s;
    color: #000;
    background: #fff;
    margin-right: 10px;
}
.video-tab .nav-tabs .nav-item.show .nav-link, .video-tab .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0FC0FC;
    border: transparent;
    
}
.video-tab .nav-tabs{
    border-bottom: none;
}
.movies-and-videos-nav .slide-item {
    margin: 0 10px;
}


/* .movies-and-videos .slick-prev {
    right: -40px;
    left: unset;
    top:40%;
}
.movies-and-videos .slick-next {
    right: -40px;
    top: 50%;
}
.movies-and-videos .slick-next, .movies-and-videos .slick-prev {
    position: absolute;
    right: -70px;
    background: transparent;
    font-size: 0px;
    border: none;
}


.movies-and-videos button.slick-prev:after, .movies-and-videos button.slick-next:before {
    content: '';
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0px;
    width: 50px;
    height: 50px;
    
}
.movies-and-videos button.slick-next:before {
    background: url(../images/next-blue.svg) center no-repeat;
    background-size: 35px;
}
.movies-and-videos button.slick-prev:after {
    background: url(../images/prev-blue.svg) center no-repeat;
    background-size: 35px;
}  */


.Recipe-Videos .video-box {
    position: relative;
}
.Recipe-Videos .video-box img {
    border-radius: 15px;
}
.video-box svg {
    width: 40px;
    height: 40px;
}
/* .Recipe-Videos .video-box:before, .video-tab .video-div:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 45%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
} */
.Recipe-Videos .video-box a, .video-tab .video-div a{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    transform: translate(0px, -50%);
}
.video-div iframe {
    border-radius: 15px;
    width: 100%;
    height: 80vh;
}
.Recipe-Videos .resources-box .resources-caption h4{
    color: #000;
    font-size: 18px;
    font-family: 'exo_2bold';
}
.Recipe-Videos .resources-box .resources-caption{
    margin-top: 12px;
}
.video-tab .case-studies-slider .slider-captions {
    position: unset;
    background: transparent;
    padding: 5px 10px;
}

.video-tab .case-studies-slider .slider-captions p{
    text-align: left;
    font-size: 18px;
    font-family: 'exo_2bold';
}
.video-tab .case-studies-nav-slider {
    margin-top: 0;
}
.video-tab .video-div{
    position: relative;
}
.video-tab .prev-btn, .video-tab .next-btn{
    background: transparent;
}
.video-tab .prev-btn img, .video-tab .next-btn img {
    width: 33px;
    height: 33px;
}
.video-tab .slider-arrows {
    right: 30px;
    top: 50%;
}
.case-studies-slider img {
    width: 100%;
    border: 3px solid #FFFFFF;
}
.spices .trade-making-spice .farmers-workers{
    float: unset;
    margin-top: -65px;
    background: #26C1F9;
}
.spices .trade-making-spice .farmers-workers h2 {
    font-size: 15px;
    width: 55%;
    font-family: 'exo_2medium';
    font-weight: 600;
    line-height: 20px;
}


.environmental-protection .standards{
    overflow: inherit;
}
.environmental-protection .standards-box {
    background: #EFEFEF;
    border-radius: 10px;
}
.environmental-protection .standards-main {
    bottom: -50px;
}
.environmental-protection .standards .overlay-shadow:before{
    display: none;
}

.environmental-protection  .standards-box p {
    font-size: 16px;
}
.environmental-protection .producers-of-india {
    padding-top: 120px;
}

.living-income .producers-treated .farmers-workers {
    padding: 50px 40px 15px 95px;
}
.living-income .producers-treated .farmers-workers:after {
    top: 30%;
}
.living-income .bridging .farmers-workers:after {
    top: 8%;
}

.living-income .producers-treated .fairtrade-heading img {
    transform: translate(15px, 15px);
}
.living-income .bridging .fairtrade-heading img {
    transform: translate(-90px, 30px);
    max-width: 55px;
}

.living-income .producers-treated .farmers-workers ul li{
    font-family: 'exo_2medium';
}
.living-wage .producers-treated .fairtrade-heading img {
    transform: translate(-100px, 15px);
}
.living-wage .bridging .fairtrade-heading img {
    transform: translate(-65px, 35px);
    max-width: 55px;
}
.living-wage .producers-treated .farmers-workers ul li{
    font-family: 'exo_2medium';
}

.sdgs .producers-treated .fairtrade-heading img {
    transform: translate(-130px, 30px);
}

.sdgs .standards-box {
    background: #F8F8F8;
    padding-bottom: 0;
}
.sdgs  .standards-main {
    bottom: -90px;
}
.sdgs .standards-box p, .sdgs .farmers-workers p{
    font-size: 16px;
    margin-left: 0;
}
.sdgs .standards .standards-main img {
    max-width: 70px !important;
}
.sdgs .farmers-workers{
    background: #F8F8F8;
}
.sdgs .farmers-workers {
    background: #F8F8F8;
    padding: 80px 25px;
}
.sdgs .farmers-workers h5{
    font-size: 22px;
    font-family: 'exo_2bold';
    margin-bottom: 0;
}
.sdgs .accordion {
    padding: 0 25px 25px 25px;
    background: #f8f8f8;
}

.sdgs .accordion-style-1 .accordion-button {
    font-size: 18px;
}
.sdgs .standards .overlay-shadow:before{
    display: none;
}
.sdgs .accordion-style-1 .accordion-body {
    padding: 0px 52px 15px;
}

.blog-section .blog-date {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom:20px;
}

.blog-section .blog-date span{
    color: #fff;
    font-size: 14px;
}
.blog-section .producers-box .caption {
    height: 220px;
}
.blog-section .producers-bottom{
    bottom: 30px;
}
.blog-section    .producers-box{
    margin-bottom: 30px;
}

.inner-blog .share-btn{
    background: transparent;
    outline: none;
    border: none;
}
.post-date span {
    color: #9CA399;
}
.inner-blog ul li {
    margin-bottom: 20px;
    display: flex   ;
}
.inner-blog ul li svg{
    width: 25px;
    height: 25px;
    margin-right: 15px;
}
.inner-blog ul.tags {
    display: flex;
}
.inner-blog .tags li {
    margin-right: 20px;
    background: #f5f5f5;
    padding: 5px 30px;
    font-size: 16px;
    border-radius: 50px;
}
.inner-blog ul li a {
    color: #000;
    font-family: 'exo_2bold';
}
.blog-inner .fairtrade-banner .hidden-mobile img {
    height: 65vh;
}

.sugar .producers-treated .sugar-world-icon img {
    border-radius: 0;
   width: 70px;
}

.sugar .producers-treated.sugar-production .farmers-workers {
    padding: 60px 40px 25px 95px;
}
.sugar .producers-treated.sugar-production .farmers-workers:after {
    top: 22%;
}
/* .sugar .sugar-producers.producers-treated  img.right-img {
    bottom: 70%;
} */
.sugar .producers-treated.product-tackled .farmers-workers {
    background: #D4FF47;
    float: unset;
}
.sugar .fairtrade-heading img {
    transform: translate(-90px, 30px);
    max-width: 60px;
}
.sugar .sugar-img2 img{
    transform: translate(0px, 100px);
}
.sugar .trade-making-spice .farmers-workers ul li:after {
    background: url(../images/arrow.png) center no-repeat;
    background-size: 15px;
}
/* .sugar .sugar-producers .fairtrade-heading img {
    transform: translate(-65px, 10px);
} */

.overlay_black{
    position: relative;
    z-index: 1;
}

.overlay_black::before {
    content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    pointer-events: none;
}

.blog-card {
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}
.blog .blog-card .card img {
    object-fit: cover;
    height: 260px;
}

.blog-date {
    color: #777;
    font-size: 0.85714rem !important;
}

.blog-card .card-title {
    font-size: 1.25rem;
    color: #000;
}

.blog-card .card-text {
    line-height: 1.5 !important;
    color: #777;
}

.readmore-blog {
    font-size: 0.92857rem !important;
        color: #4ab9e3;
        text-decoration: none;
}

.readmore-blog:hover{
    text-decoration: underline;
}
.blog-card .card-body {
    padding: 2.14286rem !important;
}

.g-font-size-13 {
    font-size: 0.92857rem !important;
}


.g-color-gray-dark-v4 {
    color: #777 !important;
}
.g-cursor-pointer {
    cursor: pointer;
}

.g-my-20 {
    margin-top: 1.42857rem !important;
    margin-bottom: 1.42857rem !important;
}

.blog-card ul li a {
    text-decoration: none;
}

.blog-card hr {
    background-color: #777;
}

.g-brd-gray-light-v3 {
    border-color: #ddd !important;
}

ul.pagination {
    margin-top: 50px;
      justify-content: flex-end !important;

}

ul.pagination li a {
    color: #777;
    font-size: 14px;
}
ul.pagination li a.active{
background-color: #4ab9e3;
color: #fff;
}

.category-slider .category-box{
    text-align: center;
    cursor: pointer;
}
.category-slider .category-icon {
    background: #D4FF47;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    transition: 0.5s;
}
.category-slider .category-icon img {
    width: 80px;
}
.category-slider .category-icon svg {
    width: 80px;
    height: 80px;
    fill: #7b1dab;
    transition: 0.5s;
}
.category-slider .category-icon:hover svg, .category-slider .category-box.active .category-icon svg{
    fill: #d4ff47;
}


.category-slider .category-box .category-caption{
    margin-top: 15px;
    font-family: 'exo_2semi_bold';
    font-size: 18px;
    transition: 0.5s;
}
.category-slider .category-icon:hover, .category-box.active .category-icon{
    background: #7B1DAB;
}
.category-slider .category-box:hover .category-caption, .category-box.active .category-caption{
    color: #7B1DAB;
}

.category-slider .slick-next.slick-disabled, 
.category-slider .slick-prev.slick-disabled{
    opacity: 0.5;
}
.category-slider .slick-next, 
.category-slider .slick-prev {
    position: absolute;
    background: transparent;
    font-size: 0px;
    border: none;
}
.category-slider .slick-prev {
    right: -10px;
    left: unset;
    top: 12%;
}
.category-slider .slick-next {
    right: -10px;
    top: 35%;
}
.category-slider .slick-prev:after, 
.category-slider .slick-next:before {
    content: '';
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0px;
    width: 50px;
    height: 50px;
}
.category-slider .slick-next:before {
    background: url(../images/next-blue.svg) center no-repeat;
    background-size:35px;
}
.category-slider .slick-prev:after{
    background: url(../images/prev-blue.svg) center no-repeat;
    background-size:35px;
}
.category-slider .boostKeyframe, 
.category-slider .boostKeyframe{
    transform: none !important;
    animation: none !important;
}

.search-category button{
    width: 100%;
    padding: 7px 10px;
    background: #26C1F9;
    border: none;
    outline: none;
    color: #fff;
    font-size: 20px;
}
.search-category input.form-control {
    padding: 7px;
    box-shadow: none;
    height: 45px;
}
.search-category .form-label{
    font-size: 18px;
    color: #1E1E1E;
    opacity: 0.6;
    margin-bottom: 15px;
}
.search-category span.dropdown-wrapper {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
}
.all-porduct {
    position: relative;
}
.all-porduct:before {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 16px;
    background: url(../images/search-icon.svg) center no-repeat;
    background-size:15px;
    z-index: 9;
}


.search-category .drop-arrow{
    position: relative;
}
.search-category .drop-arrow img{
    position: absolute;
    right: 10px;
    top: 18px;
    width: 12px;
    height: 12px;
}
.search-category .check-box img{
    width: 20px;
}

.drop-arrow .select2-container {
    width: 100% !important;
}
.drop-arrow select.form-control{
    height: 45px;
    padding: 7px;
}

.select2-container--default .select2-selection--multiple, .select2-container .select2-selection--single{
    border: 1px solid #ced4da;
    height: 45px;
    padding: 7px;
    overflow: hidden;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
    background-color: #f1f1f1;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    display: none;
}

.select2 * {
    cursor: pointer;
}
.search-category .form-check .form-check-input {
    width: 28px;
    height: 28px;
    margin-right: 5px;
    margin-top: -2px;
}


.pascati .nav-tabs .nav-item.show .nav-link, .pascati .nav-tabs .nav-link.active {
    color: #1E1E1E;
    background-color: #26C1F9;
    border: none;
    border-radius: 50px;
    font-family: 'exo_2semi_bold';
    opacity: 1;
}
.pascati .nav-tabs {
    border-bottom: none;
}
.pascati .nav-tabs .nav-link {
    margin-bottom: 0;
    border-radius: 50px;
    border: none;
    color: #1E1E1E;
    /* opacity: 0.8; */
    padding: 10px 21.4px;
    font-family: 'exo_2medium';
    transition: 0.5s;
}
.pascati .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border: none;
}
.pascati nav{
    background: #DADADA;
    max-width: 285px;
    border-radius: 50px;
}
.pascati h4, .pascati-slider p{
    font-family: 'alegreya_sansbold';
}
.pascati a{
    color: #7B1DAB;
    font-family: 'exo_2bold';
    background: #D4FF47;
}
.pascati a.all-brands {
    color: #fff;     
    background: #7B1DAB;
    padding: 18px 35px;
    transition: 0.5s;
}
.pascati a.all-brands:hover {
    background: #D4FF47;
    color: #000;
}
.Oothu.pascati a{
    background: #fff;
}
.pascati .heading-div{
    width: 100%;
    display: flex;
    align-items: center;
}
/* .the-story h1 {
    font-size: 38px;
} */
.pascati .heading-div h2{
    display: inline-block;
    margin: 0;
    padding: 0;
    padding-right: 15px;
}
.pascati .heading-div span {
    padding-left: 12px;
    border-left: 2px #919191 solid;
    padding: 3px 10px;
}
.pascati .heading-div span img {
    width: 16px;
    height: 16px;
}

.logo-div img {
    max-width: 105px;
}
.pascati hr{
    margin-top: 5px;
}

.pascati-slider .pascati-img {
    background: #fff;
    padding: 35px 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    height: 240px;
    margin-bottom: 25px;
}
.pascati-slider .slick-slide {
    margin: 12px;
}
.pascati-slider p {
    line-height: 20px;
    font-size: 14px;
    min-height: 60px;
    /* max-width: 110px; */
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}
.pascati-slider span{
    font-size: 14px;
    display: block;
    opacity: 0.6;
}
.pascati-slider a {
    color: #000;
    font-size: 13px;
    display: inline-block;
    padding: 5px 20px;
    margin-top: 20px;
    transition: 0.5s;
}
.pascati-slider a:hover{
    color: #000;
}
.pascati-slider.buysfairs-inner p {
    min-height: 60px;
    /* max-width: 160px; */
}
.pascati-slider .slick-next.slick-disabled, 
.pascati-slider .slick-prev.slick-disabled{
    opacity: 0.5;
}
.pascati-slider .slick-next, 
.pascati-slider .slick-prev {
    position: absolute;
    background: transparent;
    font-size: 0px;
    border: none;
}
.pascati-slider .slick-prev {
    right: -10px;
    left: unset;
    top: 19%;
}
.pascati-slider .slick-next {
    right: -10px;
    top: 31%;
}
.pascati-slider .slick-prev:after, 
.pascati-slider .slick-next:before {
    content: '';
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0px;
    width: 50px;
    height: 50px;
}
.pascati-slider .slick-next:before {
    background: url(../images/next-blue.svg) center no-repeat;
    background-size:35px;
}
.pascati-slider .slick-prev:after{
    background: url(../images/prev-blue.svg) center no-repeat;
    background-size:35px;
}
.pascati-slider .boostKeyframe, 
.pascati-slider .boostKeyframe{
    transform: none !important;
    animation: none !important;
}
.blue-bg{
    background: #7B1DAB;
}
.paperboat h2, .paperboat h4, .paperboat p, .paperboat span, .paperboat .pascati-box a{
    color: #fff;
}
.paperboat .pascati-box a, .paperboat .pascati-box a:hover{
    color: #000;
}
.paperboat hr{
    background: #fff;
}
.paperboat a{
    color: #D4FF47;
}
.green-bg{
    background: #D4FF47;
}
.brand-story a{
    background: transparent !important;
}

.media-center-sec .blog-card {
    box-shadow: none;
}

.media-center-sec .blog-card .card-body {
    height: 350px;
    background: #001B6E;
    box-shadow: 0 4px 8px rgb(0 0 0 / 16%);
    border-radius: 10px;
    padding:35px 25px!important;
    margin-bottom: 15px;
}
.media-center-sec .blog-card h2 {
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 0;
    color: #0FC0FC;
}
.media-center-sec .blog-card .post-date span {
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    border-right: 1px #fff solid;
    padding-right: 10px;
}
.media-center-sec .blog-card .post-date span:last-child{
    border-right: none;
}
.media-center-sec .blog-card a {
    position: absolute;
    bottom: 40px;
    display: block;
}
.media-center-sec .card-body svg {
    width: 30px;
    height: 30px;
}
.press-release .blog-card h2{
    color: #FF8000;
}


.media .fairtrade-banner .hidden-mobile img {
    height: 65vh;
}
.media select{
    background: #F8F6F4 url(../images/chevron-down.svg) 85% no-repeat;
    background-size: 20px;
    border: none;
    padding: 10px 50px 10px 25px;
    color: #12ADE2;
    font-size: 16px;
    border-radius: 50px;
    appearance: none;
    cursor: pointer;
}
.media .blog-card, .media-coverage .blog-card{
    box-shadow: none;
}
.media .blog-card .card-body, .media-coverage .blog-card .card-body{
    height: 250px;
    background: #F8F6F4;
    box-shadow: 0 4px 8px rgb(0 0 0 / 16%);
    border-radius: 0 0 10px 10px;
    padding: 25px!important;
}
.media .card img, .media-coverage .card img{
    border-radius: 10px 10px 0 0;
}
.media .blog-card .post-date span, .media-coverage .blog-card .post-date span{
    color: #FF8000;
    font-size: 14px;
    margin-right: 10px;
    border-right: 1px #000 solid;
    padding-right: 10px;
}
.media .blog-card .post-date span:last-child{
    border-right: none;
}
.media .blog-card h2, .media-coverage .blog-card h2{
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 0;
}
.media .blog-card a, .media-coverage .blog-card a{
    position: absolute;
    bottom: 20px;
    display: block;
}
.media .blog-card a svg, .media-coverage .blog-card a svg{
    width: 25px;
    height: 25px;
    display: block;
}
.media .print-div .blog-card .card-body {
    height: 300px;
}
.post-date p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px;
}
.ornge-color{
    color: #FF8000;
}

.library .media-center-sec .blog-card .card-body {
    margin-bottom: 0;
    height: 180px;
    background: #F8F6F4;
    box-shadow: 0 4px 8px rgb(0 0 0 / 16%);
    border-radius: 0 0 10px 10px;
    padding: 25px!important;
}
.library .media-center-sec .blog-card a {
    bottom: 30px;
}
.library .media-center-sec .card{
    margin-bottom: 20px;
}
.library .card img {
    border-radius: 10px 10px 0 0;
}
.library .search-category .col-sm-2 {
    width: 18.666667%;
}
.library select.form-control {
    height: 45px;
    padding-left: 20px;
}
.library input.form-control {
    padding-left: 20px;
    opacity: 0.6;
}
.library .search-name {
    position: relative;
}
.library .search-name button {
    width: 30px !important;
    height: 30px;
    position: absolute;
    right: 0;
    top: 8px;
    padding: 0;
    background: transparent;
}
.library .search-name button img {
    width: 15px;
    height: 15px;
}

.buyfair-brand .fairtrade-content {
    left: 0;
    right: 0;
    bottom: 45px;
    max-width: 75%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.buyfair-brand .fairtrade-content img {
    max-width: 115px;
}
.the-story img {
    border-radius: 10px;
}
.youtube-video video{
    cursor: pointer;
}
.mark-means .section-padding img {
    border-radius: 10px;
}
.mark-means .producers-treated .farmers-workers, .workplaces .producers-treated .farmers-workers{
    padding: 50px 20px 20px 20px;
}
.mark-means .farmers-workers p, .workplaces .farmers-workers p{
    margin-left: 0;
}
.mark-means .producers-treated .farmers-workers:after, .workplaces .producers-treated .farmers-workers:after{
    display: none;
}

.workplaces .fairtrade-heading img{
    right: -100px;
    top: -20px;
}
/* .towns .fairtrade-heading img {
    top: -15px;
    max-width: 150px;
    right: -160px;
} */
.workplaces .producers-treated .farmers-workers{
    background: #F8F6F4;
    width: 95%;
}
.workplaces .farmers-workers p{
    font-weight: 600;
}
.titile-img img{
    max-width: 110px;
}

.town-inception .fairtrade-heading img {
    top: -15px;
    max-width: 150px;
    right: -165px;
}
.helps .fairtrade-heading img {
    right: -110px;
    top: -10px;
    max-width: 90px;
}

.towns-li  {
    margin-bottom: 5px;
}
.towns-li li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 8px;
}
.towns-li li:before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/arrow.png) no-repeat;
    position: absolute;
    left: 0;
    transform: rotate(90deg);
    background-size: 14px;
    top: 3px;
}
.towns-sec.farmers-workers {
    background: #0FC0FC !important;
    padding: 55px 20px 10px 70px !important;
    width: 95%;
}
.towns-sec.farmers-workers ul li:after {
    background: url(../images/green-arrow.png) no-repeat;
    background-size: 14px;
}
.towns-sec.farmers-workers p{
    margin-left: 0;
}
.towns-sec.farmers-workers:after{
    top: 18%;
    left: 25px;
}
.towns-sec2.farmers-workers {
    padding: 30px 40px 40px 95px !important;
}
.towns-sec2.farmers-workers:after {
    top: 35px;
}
.towns-sec2.farmers-workers ul {
    max-width: 550px;
}

.towns-highlight .change-starts-slider h4{
    font-family: 'exo_2bold';
    font-size:25px;
    margin-bottom: 15px;
}
.towns-highlight .change-starts-box {
    padding: 45px 25px;
}

.we-reached .first-reached h2 {
    font-size: 32px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.we-reached .reached-sec{
    transition: 0.6s ease-in-out;
}
.we-reached .reached-sec img{
    border-radius: 15px;
    width: 100%;
}
.we-reached .reached-sec h2{
    margin-bottom: 10px;
    padding-bottom: 0;
    font-family: 'exo_2bold';
}
.we-reached .reached-sec p{
    margin: 0;
    line-height: 20px;
    font-size: 20px;
}
.we-reached .reached-sec {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    padding: 75px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.reached-sec:hover {
    transform: translate(0, -8px);
    transition: 0.6s ease-in-out;
}
.town-last  a.download-handbook {
    color: #9CA399;
    font-size: 17px;
    font-weight: 600;
    font-family: 'alegreya_sansbold';
    text-decoration: none;
}
.town-last a.download-handbook img {
    width: 20px;
    height: 20px;
    vertical-align: -webkit-baseline-middle;
    margin-left: 10px;
}

.tent-model .fairtrade-heading img{
    right: -85px;
    top: -20px;
    max-width: 75px;
}
.core-objectives .towns-sec2.farmers-workers{
    background: #0FC0FC !important;
}
.core-objectives .fairtrade-heading img {
    right: -90px;
    top: -30px;
    max-width: 60px;
}
.core-objectives .farmers-workers ul li:after {
    top: -2px;
    background: url(../images/blue-arrow.png) center no-repeat;
    background-size: 15px;
    transform: rotate(180deg);
}
.tent-model .fairtrade-heading.conference img{
    top: -50px;
}
.fairtrade-towns.town-last img {
    width: 150px;
    height: 150px;
}


.started-india .fairtrade-heading img {
    right: -155px;
    top: -28px;
    max-width: 140px;
}
.fairtrade-towns img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.mark-mean-sec .towns-sec.farmers-workers {
    float: left !important;
}

.search-box input{
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 14px;
}
.search-box input::-webkit-input-placeholder { /* Edge */
    color: #1E1E1E;
    opacity: 0.3;
  }
  
  .search-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1E1E1E;
    opacity: 0.3;
  }
  
  .search-box input::placeholder {
    color: #1E1E1E;
    opacity: 0.3;
  }


.search-bar button{
    position: absolute;
    right: 0;
    top: 5px;
}
.search-bar {
    width: 50%;
}
.search-bar:before {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(../images/search-icon.svg) center no-repeat;
    background-size: 13px;
    z-index: 9;
    opacity: 0.5;
}

.search-box .btn{
    border: 1px #E6E6E6 solid;
    border-radius: 50px;
    color: #1E1E1E;
    font-size: 16px;
    margin: 0 30px;
    padding: 10px 20px;
}
.search-box a{
    text-decoration: none;
}
.job-position p a{
    font-family: 'exo_2bold';
}
.open-positions {
    background: #F8F6F4;
    padding: 20px;
    border: 2px #E6E6E6 solid;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
}
.Position li{
    list-style: decimal;
    margin-bottom: 10px;
}
.Skill{
    margin-bottom: 40px;
}
.Skill li{
    list-style: disc;
}
.job-table{
    margin: 40px 0;
}
.job-table.table th, .job-table.table td {
    width: 50%;
    text-align: left;
    padding-left: 15px;
    border: 1px #000 solid;
}
.accordion-opportinies .accordion-button {
    background: #F8F6F4;
    display: block;
}
.accordion-opportinies .accordion-button span.deadline{
    display: block;
    font-family: 'exo_2medium';
    font-size: 16px;
    padding-top: 10px;
}
.accordion-style-1.accordion-opportinies .accordion-button:not(.collapsed) {
    color: #0FC0FC;
    background-color: #F8F6F4;
    box-shadow: none;
}
.accordion-style-1.accordion-opportinies .accordion-body {
    border: 1px #f8f6f4 solid;
    padding: 30px 40px;
}
.accordion-opportinies ul {
    padding-left: 15px;
}


.campaigns .fairtrade-banner img, .campaignin-sec span img, .campaigns .blog-card img{
    margin: 0;
    border-radius: 0;
}



.campaignin-sec span img{
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.campaigns .media-coverage a.btn-slid{
    width: auto;
}
.campaigns .media-coverage h3{
    margin-bottom: 15px;
    margin-top: 15px;
}
.campaigns-social li {
    margin-bottom: 15px;
    display: flex;
}

.left-img-align img{
    width: 60%;
}
.media-coverage.campaignin-sec .card-body {
    height: 150px;
    background: #fff;
    margin-bottom: 25px;
    padding: 10px 25px !important;
}
.media-coverage.campaignin-sec .card-body a {
    bottom: unset;
}
.campaignin-sec .card img {
    height: 250px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.error-page{
    background: #00B8E3;
    padding: 125px 0 50px 0 !important;
}
.error-page img {
    width: 70%;
    margin: 15px auto;
    display: block;
}
.error-page a {
    margin-top: 15px;
    display: inline-block;
}
.library-dropdown-color{
    border: 2px solid #c2d840;
    border-radius: 5px;
    box-shadow: 0px 5px 30px #0000000d;
}
select.library-dropdown-color {
    color: black;
}
a.filter-clear{
    color: #0FC0FC;
    font-size: 18px;
}