*{ margin:0; padding:0;}
 html {
  scroll-behavior: smooth;
}
body{ line-height: 1.5;font-size: 16px;color:#282e38; margin:0; font-weight:500;  /*font-family: "Manrope", sans-serif; font-family: "Quattrocento Sans", sans-serif; */ font-family: "Manrope", sans-serif;}
a { text-decoration: none; color:#000;}
a:hover { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all; text-decoration:none;}
input.button{cursor:pointer}
p, a , li{
      margin-top: 0;
        font-size: 16px;
    line-height: 1.5;
    color: #282e38;
    font-weight: 500;
    letter-spacing: 0.5px;
    }
p{ margin-bottom:15px; }
img{border:0 none}
b, strong {
    font-weight:800;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0;}
h2{ font-size:26px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:16px;}

.bt-sec .btn-blue{background:#000069; border: 1px solid #000069;border-radius:8px;font-style: normal;font-weight: 400;font-size:16px;line-height: 34px;text-align: center;color: #fff;padding:8px 20px 8px 20px; position:relative;  z-index:2;}
.bt-sec .btn-blue:before{content: "";border: 1px solid #aacd1a; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.bt-sec .btn-blue:hover{background: #aacd1a; border: 1px solid #aacd1a;color: #fff; }
.bt-sec .btn-blue:hover:before{content: "";border: 1px solid #aacd1a;}


.bt-sec .btn-yellow{background: #EFFF31; border: 1px solid #EFFF31;border-radius:8px;font-style: normal;font-weight: 400;font-size:16px;line-height: 34px;text-align: center;color: #000000;padding:8px 20px 8px 20px; position:relative;  z-index:2;}
.bt-sec .btn-yellow:before{content: "";border: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.bt-sec .btn-yellow:hover{background: #000; border: 1px solid #000;color: #EFFF31; }
.bt-sec .btn-yellow:hover:before{content: "";border: 1px solid #EFFF31;}

.bt-sec .btn-white{background: #fff; border: 1px solid #EFFF31;border-radius:8px;font-style: normal;font-weight: 400;font-size:16px;line-height: 34px;text-align: center;color: #000000;padding:8px 20px 8px 20px; position:relative;  z-index:2;}
.bt-sec .btn-white:before{content: "";border: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.bt-sec .btn-white:hover{    background: #00006d;
    border: 1px solid #fff;
    color: #fff;}
.bt-sec .btn-white:hover:before{content: "";border: 1px solid #fff;}

.wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 20px;
    margin: 2px 0 10px 0;
}

.button:focus,
.button {
    outline: none;
        border-style: none;
    border-width: 2px;
    border-color: var(--black)black black;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #00006a;
    background-image: url('../images/6322fbee8175301a5222012f_Light Arrow_01.svg');
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: auto;
    margin-top: 0;
    padding:20px 50px 20px 20px;
    font-weight: 500;
    text-decoration: none;
    transition: all .2s;
    display: inline-block;
    margin: 10px 0;
    border-radius: 6px;

text-transform: uppercase; letter-spacing:1px; ;
}


.button:hover {
    border-color: var(--deep-sky-blue)var(--plum)var(--plum)var(--deep-sky-blue);
    transform: translateY(-2px);
    box-shadow: -4px 4px 10px #67b0e49c,4px 4px 10px #efa5dda8;
 color: #fff;
}

.button.is-alternate {
    background-color:#fff;
    color: #000;
   background-image: url('../images/6322fbee817530b316220130_Dark_arrow_02.svg');
    border: 1px solid #555d684d
}

.button.is-alternate:hover {
    border-color: #555d68b8
}

.button.is-alternate.is-change {
    border: 1px solid #000
}

.button.is-button-small {
    padding: .5rem 1.25rem
}

.button.with-icon {
    grid-column-gap: .75rem;
    background-color: #000;
    justify-content: center;
    align-items: center
}

.button.with-icon:hover {
    background-color: var(--black-3)
}



.icon-bg{    position: absolute;
    width: 160px;
    right: 5%;
    bottom: 5%;
    opacity: 0.2;
    z-index: 0;}
 .icon-bg1{    position: absolute;
    width: 180px;
    left: 3%;
    top: 3%;
    opacity: 0.2;
    z-index: 0;}   

     .icon-bg2{       position: fixed;
    width: 150px;
    right: 2%;
    bottom: 20%;
    opacity: 0.2;
    z-index: 12;}   


header.main-header{ position: relative; background-color: #fff;  z-index: 100; min-height: auto; height: auto;}
header .navbar-default {border-color: transparent;
    margin: 0;
    background-color: #fff;
    min-height: auto; height: auto;}
header .navbar-brand{     
    display: flex;
    justify-content: center;
    position: absolute;
    width: 160px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;    padding: 0;}
header .navbar-brand a,
header .navbar-brand a:focus{     position: relative; outline: none;
    display: block;
    height: max-content;
    padding: 8px 0 8px 0;}
header .navbar-brand a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 152px;
    height: 20px;
    background-image: url(https://ecsfbrevamp.testingscrew.com/wp-content/themes/themefsi/images/logo-container-shape.1425c118.svg);
    background-repeat: no-repeat;
    content: "";
}
header .navbar-brand img{ width: 100%;
    padding: 20px 11px 0 11px; }

header .navbar-default .navbar-nav>li>a,
header .navbar-default .navbar-nav>li>a:focus{
        font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    color: #0a3351;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 32px 5px;
    cursor: pointer;
}
header .navbar-default .navbar-collapse, 
header .navbar-default .navbar-form {
    border-color: #e7e7e7;
    padding: 0;
}
header .navbar-default .navbar-nav>li.menu-item-has-children a:after{
    content: "\f282";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 2px 0 0 4px;
}

header .navbar-default .navbar-nav>li.menu-item-has-children ul.sub-menu li a:after{
    content: "";
}    

header .navbar-default .navbar-nav>.open>a, 
header .navbar-default .navbar-nav>.open>a:hover, 
header .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #aacd1f;
}
header .navbar-nav>li>.sub-menu,
header .navbar-nav>li>.dropdown-menu {
          position: absolute;
    top: calc(100% - 10px);
    left: -37px;
    width: 283px;
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(10, 51, 81, .2);
    padding: 15px 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    list-style: none;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
header .navbar-nav>li>.sub-menu>li>a, 
header .navbar-default .navbar-nav li.current-menu-parent ul.sub-menu li a,
header .navbar-nav>li>.dropdown-menu>li>a {
   display: block;
    padding: 10px 30px;
    color: #000;
    white-space: nowrap;
    font-size: 15px;
    font-weight:600;
    border-bottom: 0px solid #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

header .navbar-default .navbar-nav li#menu-item-381 ul.sub-menu li.current-menu-item a{    color: #000;}
header .navbar-default .navbar-nav li.current-menu-parent ul.sub-menu li.current-menu-item a,
header .navbar-nav>li>.sub-menu>li>a:hover,
header .navbar-default .navbar-nav li.current-menu-item a,
header .navbar-nav>li>.dropdown-menu>li>a:hover {
           text-decoration: none;
    background-color: transparent;
    color: #f48843 !important;
}
header navbar-nav>li>.sub-menu  a,
header navbar-nav>li>.dropdown-menu  a{ color: #fff; }
header .navbar-default .navbar-nav>li>a.active{ border-bottom:0px solid #f48843;}
header .navbar-default .navbar-nav li.current-menu-parent a,
header .navbar-default .navbar-nav>li>a:hover{ color: #f48843; }
header .navbar-default .navbar-nav>li>a span.badge{ background:#EFFF31; color:#333;}  
header .navbar-default .navbar-toggle:hover, 
header .navbar-default .navbar-toggle:focus {background-color: transparent;}
header.main-header{ transition: 3s ease-in-out;}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
header.main-header.sticky1 {      position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    left: 0;
    z-index: 100; 
    transition:1s ease-in-out;
 animation: slideDown 0.5s ease-out forwards;

}


@media only screen and (min-width:767px){
header .navbar-default .navbar-nav li.menu-item-has-children:hover .sub-menu,    
header .navbar-default .navbar-nav li.dropdown:hover .dropdown-menu{ display:block;  visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);}
}


.div-table { display:table; width:100%; vertical-align:middle;}
.div-table aside{ display:table-cell; vertical-align:middle;  }

h2.heading{
    font-weight: 500;
       font-style: normal;
    font-size: 40px;
    line-height: 1.2;
    display: block; 
    font-weight: 500;
    color: #000069;
    margin: 15px 0 15px 0; position: relative;}
h2.heading:before {
    content: "";
    width: 0px;
    height:0px;
    background: #abce1a;
    position: absolute;
    top: -8px;
    left:0;
    z-index: 1;
}
h2.heading:after {
    content: "";
    width: 0px;
    height:0px;
    background: #333;
    position: absolute;
    top: -6px;
    left:0;
    z-index: 0;
}

.white-txt h2.heading:after {
    content: "";
    background: #fff;
}

h2.heading.text-center:before,
h2.heading.text-center:after  {
    content: "";
    left: 0;
    right: 0;
    margin: auto;
}

.white-txt h2.heading,
.white-txt p{ color:#fff;  }



.hero-home {
  display: flex;
  flex-direction: column;
}

.hero-home__primary {
  display: block;
  position: relative;
  width: 100%;
  padding: 45px;
  padding-bottom: 110%;
  height: 0;
  text-align: center;
  text-decoration: none;
}

.hero-home__primary > * {
  position: relative;
  z-index: 2;
}

.hero-home__primary .button{ margin-top:15px;  }

.hero-home__primary__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.hero-home__primary__title {
  font-size: 1.75rem; /* 28px */
  line-height: 1;
  letter-spacing: -1.5px;
  font-weight: 800;
  color: #002147; /* replace with $colors_navy */
}

.hero-home__primary__title.reverse {
  color: white;
}

.hero-home__secondaries {
  width: 100%;
}

.hero-home__secondary {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 66%;
  overflow: hidden;
  text-decoration: none;
}

.hero-home__secondary__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-home__secondary__inner.flipped {
  flex-direction: row-reverse;
}

.hero-home__secondary__image {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.hero-home__secondary__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: 1s ease all;
}

.hero-home__secondary__content {
  width: 50%;
  height: 100%;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #abce1a4f;
}

.hero-home__secondary__title {
  font-size: 1.0625rem; /* 17px */
  line-height: 1;
  letter-spacing: -0.6px;
  font-weight: 800;
  color: #002147;
  margin: 5px 0 20px;
}

.hero-home__secondary:hover .hero-home__secondary__image img {
  transform: scale(1.05);
}

/* RESPONSIVE BREAKPOINTS */
@media (min-width: 576px) {
  .hero-home__primary {
    padding-bottom: 55%;
  }
}

@media (min-width: 768px) {
  .hero-home__inner {
    display: flex;
    height: auto;
    min-height: calc(100vh - 150px);
  }

  .hero-home.hero-home--has-banner .hero-home__inner {
    min-height: calc(100vh - 250px);
  }

  .hero-home__primary {
    width: 50%;
    padding: 65px;
    height: auto;
    padding-bottom: 0;
  }

  .hero-home__primary__title {
    font-size: 3.5vw;
  }

  .hero-home__primary::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    z-index: 1;
  }

  .hero-home__secondaries {
    width: 50%;
  }


  .hero-home__secondary {
    height: 50%;
    padding-bottom: 0;
  }

  .inner-banner .hero-simple__right .hero-home__secondaries { width: 100% !important; height: 100% !important;}

  .hero-home__secondary__title {
    font-size: 2.5vw;
  }

  .hero-home__secondary__content {
    padding: 50px;
  }
}

@media (min-width: 992px) {
  .hero-home__primary {
    padding: 80px;
  }
}

@media (min-width: 1200px) {
  .hero-home__primary {
    padding: 120px;
  }

  .hero-home__primary__title {
         font-size: 38px;
        line-height: 48px;
  }

  .hero-home__secondary__title {
          font-size: 28px;
        line-height: 38px;
  }
}

/* Max-height breakpoints */
@media (max-height: 950px) and (min-width: 768px) {
  .hero-home__inner {
    min-height: 800px;
  }
}

@media (max-height: 1050px) and (min-width: 768px) {
  .hero-home.hero-home--has-banner .hero-home__inner {
    min-height: 800px;
  }
}

.eyebrow {
    margin: 0;
    font-size:16px;
    letter-spacing: 1.5px;
    font-weight:600;
    text-transform: uppercase;
    color: #e84536;
    line-height: 1.1;
}

.cta-arrow {
  position: relative;
  line-height: 1;
}

.cta-arrow::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
      transform: translateY(-60%) translateX(46%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(255, 0, 0, 0.2); /* replace $colors_red with red */
  transition: 300ms ease all;
}

.cta-arrow .icon {
  position: relative;
  display: inline-block;
  color: #ff0000; /* replace $colors_red */
  font-size: 30px;
  line-height: 1;
  transition: 300ms ease all;
}

.cta-arrow:hover .icon,
a:hover .cta-arrow .icon {
  transform: translateX(5px);
}

.featured-products {
    position: relative;
    padding: 60px 0;
    background-color:#f9f6ee; /* replace with actual value of $colors_champagne */
    z-index: 1;
}
.featured-products img.icecream-cone {
    width: 60px;
}


@media (min-width: 480px) {
    .featured-products__icon {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 480px) {
    .featured-products__icon .icon {
        font-size: 40px;
        color: #ff0000; /* replace with actual value of $colors_red */
    }
}

@media (min-width: 480px) {
    .featured-products__icon::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 211px;
        height: 27px;
        transform: translateX(-50%) translateY(-100%) translateY(1px);
        background-image: url("../images/ice-cream-container.0679abd6.svg");
        background-size: contain;
        background-position: bottom center;
        background-repeat: no-repeat;
        z-index: 3;
        content: "";
    }
}

.featured-products__intro {
    text-align: center;
    margin-bottom: 20px;
}

.featured-products__cta {
    margin-top:0px;
    text-align: center;
}

@media (min-width: 768px) {
    .featured-products {
        padding:50px 0 10px 0;
    }

    .featured-products__intro {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:60%;
    }
}

    #tinymce h1, .heading-1, .rich-text h1 {
        font-size: 60px;
        letter-spacing: -1.5px;
    }

.body {
    margin: 20px 0;
}

    .product-grid--offset {
           padding: 80px 30px 0 30px;
    width: 80%;
    margin: auto;
    }

    .product-grid--offset .product-grid__col:nth-child(odd) {
        margin-top: 60px;
        margin-bottom: 60px;
    }
	
.page-id-208 .product-grid--offset .product-grid__col:nth-child(odd) {
        margin-top: 0px;
        margin-bottom: 60px;
    }

    .product-grid__product {
    height: 100%;
    padding-bottom: 20px;
}

.product-tile:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.product-tile {
    position: relative;
    text-decoration: none;
    text-align: center;
    padding: 0 0 22px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 1;
    height: 100%;
    display: flex
;
    flex-direction: column;
}

.product-tile--regular .product-tile__top {
    flex-grow: 0;
}

.product-tile--regular.product-tile:hover .product-tile__bottom h4.product-tile__brand{ color: #f48843; }

.bg--green {
    background-color: #b2c36c42;
}

.bg--blue {
    background-color: #e4e4ff;
}


@media (min-width: 64em) {
    .product-tile__bg {
        top: 80px;
    }
}
.product-tile__bg {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 8px;
}

.product-tile__img {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.product-tile__img:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: -webkit-radial-gradient(farthest-side, rgba(0, 0, 0, .15), transparent);
    background-image: radial-gradient(farthest-side, rgba(0, 0, 0, .15), transparent);
    content: "";
}

.product-tile__img img {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    padding: 0 20px;
}


.hero-simple {
    background-color: #d2eaf5;
    overflow: hidden;
    padding: 0 0 0 30px;
    position: relative;
}


.hero-simple__left {
    padding:20px 0;
    width: 100%;
}

.hero-simple__right {
    width: 100%;
}

.hero-simple__outer {
    display: flex;
    flex-direction: column;
}

.hero-simple__image {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 75%;
    height: 0;
}

.hero-simple__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-simple h1 {
    margin-bottom: 10px;
    width: 100%;
}

.hero-simple__blurb {
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .hero-simple__inner {
        display: flex;
        min-height: 610px;
    }

    .hero-simple__left {
               width: 80%;
        padding:30px 30px 30px 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    .hero-simple h1 {
        margin-bottom: 16px;
    }

    .hero-simple__blurb {
        margin-top: 20px;
    }

    .hero-simple__right {
        position: relative;
        width: 50%;
    }

    .hero-simple__image {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(50vw - 30px);
        height: 100%;
        margin: 0;
        padding-bottom: 0;
    }

    .hero-simple--no-image .hero-simple__inner {
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .hero-simple__left {
               padding-right: 0;
        position: relative;
    }
}

.hero-simple__left .in-block{     position: absolute;
    right: -62px;
    background: #fff;
    padding: 15px 15px;
    z-index: 10;
    width: 99%;
    border-radius: 12px;;}

.hero-simple--no-image .hero-simple__inner {
    justify-content: center;
}

.hero-simple--no-image .hero-simple__left {
    padding-right: 0;
    align-items: center;
}

.hero-simple__left ul.icon-ul{ margin:10px 0 10px 00px;  list-style:none;  }
.hero-simple__left ul.icon-ul li{list-style: none;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 15px 15px 15px 60px;
    margin: 10px 13px;
    position: relative;
    border-radius: 8px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    width: 46%;
    float: left;
    min-height: 110px; }

.hero-simple__left ul.icon-ul li:hover {
    box-shadow: 0px 10px 5px -5px rgb(0 0 0 / 10%), 0px 10px 10px -5px rgb(0 0 0 / 4%);
    transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;
     background: #abce1a2b;
}

.hero-simple__left ul.icon-ul li img{ width:40px; position:absolute; left:15px;  }


.about-list{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 2rem;
}

.about-list-item{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.about-list-item:last-child{
    margin-bottom: 0px;
}

.al-icon{
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--theme-color-5);
    padding: 10px;
}

.al-info h3{
    font-size: 18px;
    margin-bottom: 10px;
}


.div-table { display:table; width:100%; vertical-align:middle;}
.div-table aside{ display:table-cell; vertical-align:middle;  }

h2.heading{
       font-style: normal;
    font-size: 40px;
    line-height: 1.2;
    display: block; 
    font-weight:600;
    color: #000069;
    margin: 15px 0 15px 0; position: relative;}

.white-txt h2.heading:after {
    content: "";
    background: #fff;
}

h2.heading.text-center:before,
h2.heading.text-center:after  {
    content: "";
    left: 0;
    right: 0;
    margin: auto;
}

.white-txt h2.heading,
.white-txt p{ color:#fff;  }



#scroll-down-animation {
      position: absolute;
    bottom: 0%;
    left: 50%;
    transform: 0;
    z-index:99;
}

.ctn-icon1 {
  animation: jump-arrow 2.5s infinite;
  bottom: 0;
      color: #ffffff;
    display: block;
    font-size: 24px;
    height: 1.5em;
    left: 50%;
    line-height: 1.5em;
    position: absolute;
    text-align: center;
    transform: translatex(-50%);
    width: 1.5em;
    background: #000000b0;
    border-radius: 30px;
    font-weight: lighter;
}

.ctn-icon:hover,
.ctn-icon:focus,
.ctn-icon:active {
  color:#f7631b;
}

@keyframes jump-arrow {
  0%,
  20%,
  55%,
  80%,
  100% {
    transform: translate3d(-50%, 0, 0);
  }

  40% {
    transform: translate3d(-50%, -15px, 0);
  }

  70% {
    transform: translate3d(-50%, -10px, 0);
  }

  90% {
    transform: translate3d(-50%, -5px, 0);
  }
}



.scroll {
width: 50px;
height: 50px;
border: 1px solid #fff;
border-radius: 50%;
position: relative;
animation: down 1.5s infinite;
-webkit-animation: down 1.5s infinite;
margin: 0 0 0 -25px;
background: #0000009e;    bottom: 15px;
}

.scroll:hover{ background:#000;  }
.scroll::before {
     content: "";
    position: absolute;
    top: 15px;
    left: 16px;
    width: 15px;
    height: 15px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

@keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}
@-webkit-keyframes down {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translate(0);
  }
}



.quatetion-sec{
    z-index: 1;
    background-attachment: fixed;
    padding: 6% 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    top: -30px;}
.quatetion-sec:before{ content: "";
       content: "";
    background: #abce18;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;}
.quatetion-sec h3{font-style: normal; font-weight: normal;font-size:28px;line-height: 32px;text-align: center;color: #FFFFFF; }
.quatetion-sec p a.btn-white{ margin:20px auto auto auto; display: inline-block;}

.vision-mission-sec{position: relative;
    top: 0;
    z-index: 2;
    border-radius: 0;
    background: #f2f2f2;
    padding: 30px;}

.vision-mission-sec .in-paddx30{ padding:0 60px;  }
.vision-mission-sec .vm-blk aside.card{ padding:20px; border:1px solid #ccc; border-radius:0 0 30px 30px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;}
.vision-mission-sec .vm-blk aside.card:hover{ padding:20px; border:1px solid #000069; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;}
.vision-mission-sec .vm-blk aside.card h2 img{ width:40px;  }

.vision-mission-sec .vm-blk aside.card h2{font-size:22px; font-weight: 700;}
.vision-mission-sec aside ul.icon-ul{ margin:10px 0 10px 00px;  list-style:none;  }
.vision-mission-sec aside ul.icon-ul li{list-style:none;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 15px 15px 15px 70px;
    margin: 10px 0;
    position: relative;
    border-radius: 0 0 30px 30px;  transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all; }

.vision-mission-sec aside ul.icon-ul li:hover {
    box-shadow: 0px 10px 5px -5px rgb(0 0 0 / 10%), 0px 10px 10px -5px rgb(0 0 0 / 4%);
    transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;
     background: #abce1a2b;
}

.vision-mission-sec aside ul.icon-ul li img{ width:40px; position:absolute; left:15px;  }

#vision .card h2.heading:before,
#vision .card h2.heading:after{ display:none;  }



.vision-mission-sec .div-table aside.img-cell{ width:50%; padding-right:10%;  }

.vision-mission-sec .nav-tabs li { float: none; position:relative; border-radius:8px; overflow: hidden; margin:10px 0; }
.vision-mission-sec .nav-tabs li img.ice-icon{ width: 20px; position: absolute; left: 10px; top: 10px;}
.vision-mission-sec .nav-tabs li:hover img.ice-icon,
.vision-mission-sec .nav-tabs li.active img.ice-icon{filter: brightness(0) invert(1);}
.vision-mission-sec .nav-tabs li a { padding-left:40px;  border-radius: 8px; color: #333; cursor: pointer; border: 0px solid #ddd; border-bottom-color: transparent; border-radius:8px; overflow: hidden; display: block; width: 100%;}
.vision-mission-sec .nav-tabs li:hover,
.vision-mission-sec .nav-tabs li:hover a,
.vision-mission-sec .nav-tabs li.active a, 
.vision-mission-sec .nav-tabs li.active a:hover, 
.vision-mission-sec .nav-tabs li.active a:focus { background-color: rgb(0 0 105); color: #fff;}


.vision-mission-sec aside .in-box {
          box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    padding: 30px 30px 30px 100px;
    margin: 15px 0;
    position: relative;
    min-height: 196px;
    border-radius: 0 0 30px 30px;
    transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;
}

.vision-mission-sec aside .in-box:hover {
    box-shadow: 0px 10px 5px -5px rgb(0 0 0 / 10%), 0px 10px 10px -5px rgb(0 0 0 / 4%); background: #abce1a2b;
    transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;  -o-transition: 0.5s all;
}

.vision-mission-sec aside .in-box p strong{     color: #000069;
    font-size: 22px;
    margin: 0 0 9px 0;
    display: inline-block;  }
.vision-mission-sec aside .in-box p span{ display:block;  }

.vision-mission-sec aside .in-box img{
      filter: hue-rotate(60deg) brightness(1.2) saturate(1.5);
    width: 70px;
    position: absolute;
    left: 14px;
}

.pr-30{ padding-right:30px;  }



.ceo-message-sec{ background:#fff; padding:0% 0; overflow:hidden; position:relative; }
.ceo-message-sec aside.content-cell .in-block{    width: 60%;
    margin: auto 0 auto auto;}

.ceo-message-sec aside figure{    position: absolute;
    overflow: hidden;
      width: 400px;
    text-align: center;
    padding: 0;
    bottom: 0;
    left:0px;}
.ceo-message-sec aside figure:before{content: "";
    box-shadow: -10px -2px 16px rgba(10, 51, 81, .2);
    width: 420px;
    height: 400px;
    border-radius: 50%;
    background: #fae9bb;
    position: absolute;
    left: -30px;
    bottom: -106px;
}
.ceo-message-sec aside figure img{      width: 300px;
    z-index: 2;
    position: relative;
   }
.ceo-message-sec aside.content-cell p.signature-p{     margin: 15px 0 0 0;
    text-align: right;
    width: 150px;
    margin: auto 0 auto auto;  }
.ceo-message-sec aside.content-cell p.signature-p span{ font-size: 22px;   color: #00015f; display: block; }
.ceo-message-sec .quote{ position:relative;  }
.ceo-message-sec .quote:before {
      content: open-quote;
    font-size: 60px;
    color: rgb(171 206 26);
    display: block;
    letter-spacing: -4px !important;
    /* margin: 34px 0px 0px; */
    position: relative;
    top: 14px;
    line-height: 40px;
}
.ceo-message-sec .quote span.quote-close:after {
    content: close-quote;
    font-size: 60px;
    color: rgb(171 206 26);
    display: inline-block;
    letter-spacing: -4px !important;
    /* margin: 34px 0px 0px; */
    position: relative;
    bottom: -24px;
    line-height: 0;
}


.hwhy-sec{ background:#fff; padding:0% 0; overflow:hidden; }
.hwhy-sec aside{vertical-align: top;}
.hwhy-sec aside.img-cell{ padding-left: 5%; width: 54%;}
.hwhy-sec aside.img-cell figure{position: relative;
    overflow: hidden;
    width: 470px;
    text-align: center;
    padding: 0; }

.hwhy-sec aside.img-cell figure img{     height: 460px;
    z-index: 2;
    position: relative;
    box-shadow: -10px -2px 16px rgba(10, 51, 81, .2);
    border-radius: 200px;
    overflow: hidden;
    background: #c7dcff; }
.hwhy-sec aside.content-cell p.signature-p{     margin: 15px 0 0 0;
    text-align: right;
    width: 150px;
    margin: auto 0 auto auto;  }
.hwhy-sec aside.content-cell p.signature-p span{ font-size: 22px;   color: #00015f; display: block; }
.hwhy-sec .quote{ position:relative;  }
.hwhy-sec .quote:before {
      content: open-quote;
    font-size: 60px;
    color: rgb(171 206 26);
    display: block;
    letter-spacing: -4px !important;
    /* margin: 34px 0px 0px; */
    position: relative;
    top: 14px;
    line-height: 40px;
}
.hwhy-sec .quote span.quote-close:after {
    content: close-quote;
    font-size: 60px;
    color: rgb(171 206 26);
    display: inline-block;
    letter-spacing: -4px !important;
    /* margin: 34px 0px 0px; */
    position: relative;
    bottom: -24px;
    line-height: 0;
}
.hwhy-sec aside.img-cell .service-card {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: lett;
    gap: 15px;    margin: 15px 0;
}

.hwhy-sec aside.img-cell  .service-icon{
    background-color:#ee8e3c;
        width: 60px;
    min-width: 60px;
    height: 60px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 12px;
}
.hwhy-sec aside h3{font-size: 22px; font-weight: 600;}
.hwhy-sec aside.img-cell  .service-icon .img-fluid {
 max-width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
}


.cta-sec{ padding:4% 0 2% 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center right;
    overflow: hidden;
    background-color: #01011f;}
.cta-sec .bg-rotate-logo {
       position: absolute;
    width:250px;
    opacity: 0.2 !important;
    left: -100px;
    top: -50px;
}    
.cta-sec .hero-txt{width: 570px;    padding:2% 0;}
.cta-sec .hero-txt h2{font-size: 40px; line-height: 45px; color: #fff; margin: 0 0 30px 0;}
.cta-sec .hero-txt p{color: #fff;}
.cta-sec .hero-txt p.btn-sec{margin:40px 0 0 0;}
.cta-sec .hero-txt a.btn-blue:hover{box-shadow: 0 0px 10px 2px rgb(255 255 255 / 59%);}



.delicious-sec {padding:0% 0 0% 0; background: #fff; }
.delicious-sec aside .content{   height: 260px;
    border-radius: 8px;
    overflow: hidden;
    background-size: 100%;
    background-position: center;}
.delicious-sec aside img{ width:100%; border-radius:8px;  }
.delicious-sec aside.middle{ padding:0; }
.delicious-sec aside.middle .col-md-12.botm {margin: 30px 0 0 0;}
.delicious-sec aside.left .content {background: #00006d; padding:20px; border-radius: 0 0 30px 30px;}
.delicious-sec aside.left .content h3{   font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    margin: 0 0 30px 0;
    letter-spacing: 1px;}
.delicious-sec aside.left .content h3 span{ display:block; font-weight: normal;}
.delicious-sec aside.left .content .taq-p{color:#fff;}

.banner-sec.hero-sec { position:relative; height:calc(100vh - 0px); overflow:hidden; }
.banner-sec.hero-sec .owl-carousel .owl-stage-outer {  height: 100% !important;}
.banner-sec.hero-sec .div-table {  height: 100vh;}
.banner-sec.hero-sec .div-table aside {vertical-align: bottom;}

.banner-sec.hero-sec .banner-carousel .owl-item.active .item .in-block {
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.banner-sec .owl-slider .owl-carousel .owl-nav { position: absolute;  top: 50%;     width: 100%;}
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next{ right:0; }
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev{font-size: 30px; border: 1px solid #efff31; border-radius:6px; background: #efff31;padding:0px !important; margin: 0 5px; border-radius: 4px; line-height:24px;  width: 30px; height: 30px; color: #000; position:absolute;}
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next span, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev span{    margin: 0px 0 0 0;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;}
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next:before, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:before{content: "";border: 1px solid #517039; border-radius:6px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}

.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-next:hover, 
.banner-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:hover{background: #000; color:#fff;}




.ab-01 {
  top: 0;
  left: 0; }

.about-2-img {
  margin-right: 45px; }
  .about-2-img img {
    width: 100%; }

.about-03-wrapper {
  padding-right: 230px; }

.about-03-wrapper .white-title span {
  color: #ffffff; }

.about-03-wrapper .white-title span::before {
  border-color: transparent transparent #fff transparent; }

.about-bg-img {
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  background-position: center center; }

.about-03-wrapper .about-us-icon i {
  color: #ffffff;
  font-size: 35px; }

.about-03-wrapper .inner-about-us {
  border-bottom: 2px solid #ff857a; }

.about-03-wrapper .inner-about-us::before {
  background: #ffffff; }

.about-03-wrapper .about-us-text h4 {
  color: #ffffff; }

.about-03-wrapper .about-us-content p {
  color: #ffffff; }

.about-03-wrapper .btn-border {
  color: #ffffff;
  padding: 19px 40px 22px;
  border: 2px solid #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .about-03-wrapper .btn-border:hover {
    color: #fc5546;
    background: #ffffff;
    border-color: #ffffff; }

.about-01 {
  bottom: 8%;
  right: 5%; }

.about-02 {
  top: 7%;
  right: 2%; }

.about-video-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center; }
  .about-video-icon a {
    font-size: 50px;
    color: #ffffff;
    border: 3px solid #ffffff;
    height: 135px;
    display: inline-block;
    width: 135px;
    line-height: 135px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .about-video-icon a:hover {
      background: #ffffff;
      color: #fc5546;
      border-color: #ffffff; }

.about-2-video-icon a:hover {
  color: #1f80fd; }

.about-blue-wrapper .section-title span {
  color: #1f80fd; }

.about-blue-wrapper .section-title span::before {
  border-color: transparent transparent #1f80fd transparent; }

.about-blue-wrapper .about-us-icon i {
  color: #1f80fd; }

.about-blue-wrapper .inner-about-us::before {
  background: #1f80fd; }


.cup-shap .in-block{position:relative;}

.cup-shap .fancybox-close-small {background: red;}

.cup-shap  .fancybox-button svg path {
    fill: rgb(255 255 255);
    stroke-width: 0;
    
}

.icecream-cup{position:relative;}
 .icecream-cup .name{
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 600;
    margin: 0;
    color:#000 !important;
 }

.icecream-cup.ml150 .name{bottom: 46%;font-size: 8px;}
.icecream-cup.ml250 .name{ bottom: 54%;font-size: 12px;}
.icecream-cup.ml350 .name{ bottom: 63%; font-size: 13px;}
.icecream-cup.ml500 .name{ bottom: 69%;font-size: 15px;}
.icecream-cup.ml1000 .name{ bottom: 50%;font-size: 12px;}
.icecream-cup.ml3000 .name{ bottom: 57%; font-size: 16px;}
.icecream-cup.ml5000 .name{ bottom: 70%; font-size: 13px;  margin: 0 0 0 24px;}

.icecream-cup.ml5000 h5.image-name {position: absolute;
    bottom: 80px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;}

.fancybox-slide--html .fancybox-close-small {
    color: rgb(255 255 255);
    background: red;
}

.infancy-lk .icecream-cup.ml150 .name{bottom: 46%;font-size: 18px;}
.infancy-lk .icecream-cup.ml250 .name{ bottom: 58%; font-size: 22px;}
.infancy-lk .icecream-cup.ml350 .name{ bottom: 68%; font-size: 26px;}
.infancy-lk .icecream-cup.ml500 .name{ bottom: 76%; font-size: 30px;}
.infancy-lk .icecream-cup.ml1000 .name{ bottom: 50%;font-size: 24px;}
.infancy-lk .icecream-cup.ml3000 .name{ bottom: 60%; font-size: 26px;}
.infancy-lk .icecream-cup.ml5000 .name{ bottom: 71%; font-size: 28px; margin: 0 0 0 53px;}

.infancy-lk .icecream-cup.ml5000 h5.image-name {
position: absolute;
    bottom: 159px;
    text-align: center;
    width: 100%;
    font-size: 28px;
}

 .icecream-cup .cup-img{width: 100%;}
 .icecream-cup h6{     text-align: center;
    margin: 5px 0;
    position: relative;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 600; }
 .icecream-cup h6:before{ content:""; position:absolute; width:90%; margin:auto; left:0; right:0; top:0; bottom:0; height:1px; background:#000; opacity:0.3 }
 .icecream-cup h6 span{ background:#fff; padding:2px 8px; position:relative;}


.juicy-sec{    background: #fff;
    padding: 2% 0 0 0;
    position: relative;
    margin:0;
    top:-60px;
    z-index: 5;
    border-radius: 30px;}
.juicy-sec img.bg-leaf-l{position: absolute; width: 120px; left: 0; top: 0;}
.juicy-sec img.bg-leaf-r{position: absolute; width: 120px; right: 0; top: 0;}
.juicy-sec h3{font-style: normal;font-weight:500;font-size:40px;line-height:50px;display:block;text-align: center;color: #000000; margin-top:15px;}
.juicy-sec img.ice-cream-juicy{ width:240px; margin:auto auto 15px auto; }
.juicy-sec .bt-sec{ margin-top:15px; }
.juicy-sec .bt-sec .btn-yellow{}
.juicy-sec .owl-slider{ padding-top:6%; }
.juicy-sec .owl-slider .icecream-carousel .item{ text-align:center; font-size: } 
.juicy-sec .owl-slider .icecream-carousel .item h2{font-size:16px; } 
.juicy-sec .owl-slider .icecream-carousel .item img{ width:180px; margin:auto; }
.juicy-sec .owl-slider .owl-nav { text-align: center; margin:30px 0 0 0; display:block;}
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-next, 
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-prev{font-size: 30px; border: 1px solid #efff31; border-radius:6px; background: #efff31;padding: 10px; margin: 0 5px; border-radius: 4px; line-height: 36px;  width: 30px; height: 30px; color: #000; position:relative;}
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-next:before, 
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:before{content: "";border: 1px solid #517039; border-radius:6px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-next:hover, 
.juicy-sec .owl-slider .owl-carousel .owl-nav button.owl-prev:hover{background: #000; color:#fff;}
.juicy-sec .icecream-carousel { padding:15px; text-align:center; width:100%; margin-top:30px; }
.juicy-sec .icecream-carousel .item{ width: 20%; display: inline-block; margin: auto; text-align: center; padding:0 15px; margin:0 0 30px 0;     vertical-align: top;}
.juicy-sec .icecream-carousel .item img{ width:120px; margin:10px auto; }
.juicy-sec .icecream-carousel .item h2{    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    margin: 0 0 0px 0;
    height: 40px;}  
.juicy-sec .icecream-carousel .item p{font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000000;}
/*.juicy-sec .icecream-carousel .item a{color: #01006a;
    text-decoration: underline;
    font-weight: 700;


.juicy-sec .icecream-carousel .item a:hover{ color: #abce19; text-decoration: none;}
}*/

.juicy-sec .icecream-carousel .item .button {
    padding: 6px 46px 8px 18px;
    font-size: 16px;}

.icon-inline-sec{background: #EC008C; padding:1% 0;}
.icon-inline-sec ul{ list-style:none; margin:0; padding:0; }
.icon-inline-sec ul li { float: left; color: #fff;width:50%; vertical-align: middle;  padding-left: 35px;  padding-top: 5px; position:relative;font-style: normal;font-weight:500;font-size:16px;line-height:20px;text-align: center;color: #FFFFFF;}
.icon-inline-sec ul li img {    /* position: absolute; */
    /* left: 0; */
    width: 30px;
    margin: -8px 0 0 0px;}

.tropicool-family-sec{background: #fff; padding:4% 0;}
.tropicool-family-sec .left h4{font-style: normal;font-weight: 300; font-size:30px; line-height:60px; text-align: left; color: #000000; margin-top:10%}
.tropicool-family-sec .in-block{ padding:0% 10% 0% 10%; }
.tropicool-family-sec .in-block h2 { padding:30px 0;font-style: normal;font-weight:300; font-size:46px; line-height:50px;color: #000000; }
.tropicool-family-sec .in-block h2 strong{font-weight:500;}
.tropicool-family-sec .in-block h2 span{ display:block; }
.tropicool-family-sec .in-block h2 span img{ width:40px; }
.tropicool-family-sec .in-block p{ margin-bottom:15px; }
.tropicool-family-sec .ryt .img-sec{ position:relative; }
.tropicool-family-sec p.promo-p {width:170px; margin: auto 20% auto auto; position:relative; }
.tropicool-family-sec p.promo-p:before{     content: "";  position: absolute; left: -108px;  top: 12px; height: 100px;  background-image: url(../images/curved-arrow-b.png); width: 100%; background-repeat: no-repeat} 
.tropicool-family-sec img.product-troppicool-img { width: 96%;  margin:10% auto;}
.tropicool-family-sec img.yellow-award-img { position: absolute;  width: 120px; bottom: 70px; right:0;} 

.tropicool-tastebox-sec{    background:#d2eaf5;
    padding: 2% 0;
    border-radius:0px;}
.tropicool-tastebox-sec h4{}
.tropicool-tastebox-sec .in-block p{ color:#fff;  }
.tropicool-tastebox-sec .in-block p.bt-sec{margin-top:25px; }
.tropicool-tastebox-sec .ryt .img-sec{ position:relative;     text-align: right;}
.tropicool-tastebox-sec img.product-troppicool-img {width: 90%;
    margin: 21% auto 10% auto;
}

.intl-tel-input {
    position: relative;
    display: block !important;
}
.intl-tel-input input.wpcf7-form-control.form-control{ padding-left:52px; }
.intl-tel-input.allow-dropdown input, 
.intl-tel-input.allow-dropdown input[type=tel], 
.intl-tel-input.allow-dropdown input[type=text], 
.intl-tel-input.separate-dial-code input, 
.intl-tel-input.separate-dial-code input[type=tel], 
.intl-tel-input.separate-dial-code input[type=text] {padding-left: 52px !important;}
.tropicool-tastebox-sec.franchise-sec .in-block h2 strong{ color:#f48843; font-weight:500;}
.tropicool-tastebox-sec.franchise-sec .in-paddx30{    padding: 0 60px;}
.email-sec{ background: #00A651;}
.email-sec h4 a{ font-size: 30px;
    color: #fff; }
.email-sec h4 a:hover{ text-decoration:underline; } 
.email-sec h4 img {
    width: 50px;
}


.pop-up-sec .modal-dialog {top: 10%;}
.pop-up-sec button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    background: red;
    opacity: 1;
    z-index: 2;
    border: 2px solid #fcfcfc;
    border-radius: 50px;
}
.pop-up-sec button.close:hover { opacity: 1; background:black; }


.pop-up-sec .modal-dialog .succfail-box.succ{ text-align:center; }
.pop-up-sec .modal-dialog .succfail-box.succ h2{ color: #00a651;
    margin-bottom: 20px; font-size:26px;
    font-weight: 600; }
.pop-up-sec .modal-dialog .succfail-box.succ p{ margin:10px; line-height:20px; font-size:16px; }    
.pop-up-sec .modal-dialog .modal-content .modal-body  img.tick-img{ width:220px; margin:20px auto;}
.pop-up-sec.success-pop .modal-dialog {  margin-top: 100px;width: 500px;}


.inbox-sec{background:#00A651; padding:4% 0 0 0;}
.inbox-sec .inbox-form-sec h2 { padding:30px 0;font-style: normal;font-weight:300; font-size:60px; line-height:50px;color: #fff; }
.inbox-sec .inbox-form-sec h2 strong{font-weight:500;}
.inbox-sec .inbox-form-sec h2 span { display: block;  padding: 0 0 0 0;}
.inbox-sec .inbox-form-sec  p{ margin-bottom:15px; font-style: normal;font-weight: 300; font-size:18px; line-height: 22px;  color:#fff;}
.inbox-sec .inbox-form-sec{ position:relative; }
.inbox-sec .inbox-form-sec img.yellow-award-img { position: absolute;  width: 60px; top:0px; left:-30px;}
.inbox-sec .ryt img{ width:400px; margin-left:10%; }
.inbox-sec .subscribe_form .input-group{ position:relative; width: 100%;display: block; }
.inbox-sec .subscribe_form .input-group input{ border: none; background: transparent; border-bottom: 1px solid #fff;  border-radius: 0; font-style: normal; font-weight: 400;font-size: 28px;line-height: 34px;color: #D9D9D9; padding-right: 250px;     box-shadow: none;}
.inbox-sec .subscribe_form {margin-top:30px; }
.inbox-sec .subscribe_form .input-group .btn-yellow{background: #EFFF31; border-bottom: 1px solid #517039;;border-radius:8px;font-style: normal;font-weight: 400;font-size: 18px; line-height: 30px;text-align: center;color: #000000;padding:10px 20px 2px 20px; position: absolute; z-index: 2; right: 0;  top: -18px;}
.inbox-sec .subscribe_form .input-group .btn-yellow:before{content: "";border-bottom: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.inbox-sec .subscribe_form .input-group .btn-yellow:hover{opacity:0.6; border-bottom: 1px solid #000;color: #EFFF31; }
.inbox-sec .subscribe_form .input-group .btn-yellow:hover:before{content: "";border-bottom: 1px solid #517039;;}
.inbox-sec .subscribe_form .input-group input:placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #fff;opacity: 1;}
.inbox-sec .subscribe_form .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#fff;}
.inbox-sec .subscribe_form .input-group input:-ms-input-placeholder { /* Microsoft Edge */color:#fff;}

.location-sec .left{padding:0% 3% 0 0; width:35%;}
.location-sec .ryt iframe{width: 100%; height:500px;vertical-align: top;margin: 0 0 -10px 0;  z-index: -1; position: relative;}
.location-sec .div-table{ display:table; width:100%; vertical-align:top;}
.location-sec .div-table aside { display:table-cell; vertical-align:top; }
.location-sec .subscribe_form .input-group{ position:relative; width: 100%;display: block; }
.location-sec .subscribe_form .input-group input{ border: none; background: transparent; border-bottom: 1px solid #777d84;  border-radius: 0; font-style: normal; font-weight: 400;font-size: 28px;line-height: 34px;color: #D9D9D9;     box-shadow: none; z-index:1;}
.location-sec .subscribe_form {margin-top:30px; }
.location-sec .subscribe_form .input-group .btn-yellow{background: #EFFF31; border-bottom: 1px solid #517039;;border-radius:8px;font-style: normal;font-weight: 400;font-size: 18px; line-height: 30px;text-align: center;color: #000000;padding:10px 20px 2px 20px; position: absolute; z-index: 2; right: 0;  top: -18px;}
.location-sec .subscribe_form .input-group button{    position: absolute;  border: none; right: 0;  background: none;  z-index:2;}
.location-sec .subscribe_form .input-group .btn-yellow:before{content: "";border-bottom: 1px solid #517039; border-radius:8px;  position: absolute; width: 100%;  height: 100%;  left: 0;  top: 4px;  z-index:-1;}
.location-sec .subscribe_form .input-group .btn-yellow:hover{opacity:0.6; border-bottom: 1px solid #000;color: #EFFF31; }
.location-sec .subscribe_form .input-group .btn-yellow:hover:before{content: "";border-bottom: 1px solid #517039;;}

.location-sec .address-location-sec{ margin-top:0px;}
.location-sec .address-location-sec aside{    background: #000069;
    border-radius: 4px;
    margin: 0 0 15px 0;
    padding: 20px 20px 0px 20px;
    display: block;
    border-radius:16px;}
	
.location-sec .address-location-sec aside .pimg-ice {
    width: 223px;
    margin: auto;
}

.location-sec .address-location-sec .white-txt h2.heading{font-weight: 500; margin:0 0 10px 0; font-size: 26px;}	
.location-sec .address-location-sec aside h3{font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 21px;
    align-items: center;
    color: #fff;
    display: block;
    border-bottom: 1px solid #777;
    padding-bottom: 6px;
    margin-bottom: 15px;}

.location-sec .address-location-sec aside h4{ margin:8px 0; color: #fff }    
.location-sec .address-location-sec aside p{
padding-bottom: 6px;
    margin-bottom: 15px;
color: #fff;}   
.location-sec .address-location-sec aside p.time{font-style: normal;
font-weight: 100;
font-size: 16px;
line-height: 23px;
text-decoration-line: none;
align-items: center;

color: #006601;}
.location-sec .address-location-sec aside a{ color:#fff;  }
.location-sec .address-location-sec aside a:hover { text-decoration:underline;  }
.location-sec .address-location-sec aside p.pin{text-decoration-line: none;}
.location-sec .address-location-sec aside p.bt-sec{text-decoration-line: none; display:block; margin:10px 0;}
.location-sec .address-location-sec aside p.bt-sec a.btn-white{background: #FFFFFF;
border: 1px solid #888888;
border-radius: 4px; font-style: normal;
font-weight: 100;
font-size: 14px;
line-height: 18px;
align-items: center;
    padding: 10px 20px;
    margin: 15px 15px 15px 0;
color: #fff;}
.location-sec .address-location-sec aside p.bt-sec a.btn-white:hover{ background:#000; color:#fff; text-decoration:none; }

section.ice-item.item.active {
    position: relative;
    z-index: 3;
}

#map{ height: 550px;}

footer { background:#2c155d; position:relative; }
footer:before{     content: "";
        width: 30%; 
    height: 340px;
    position: absolute;
    top: -12px; 
    background: #fff;
    border-radius: 50%;
    left: -80px;}
footer .top-f {padding:2%;}
footer .top-f a.f-logo{width:110px; display: block; margin-bottom:10px; }
footer .top-f a.f-logo img{ width:100%;}
footer .top-f address{     width:80%; }
footer .top-f h3{ position:relative; color:#ee8e3c; margin:15px 0 10px 0;  }
footer .top-f h3:before {
    content: "";
    width: 0px;
    height: px;
    background: #abce1a;
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 1;
}
footer .top-f h3:after {
    content: "";
    width: 0px;
    height: px;
    background: #000068;
    position: absolute;
    top: -6px;
    left: 0;
    z-index: 0;
}

footer ul{ list-style:none;}
footer  li{ padding:5px 0; }
footer .culm-3-ul li a:before{   
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px; display: none;
}
footer ul li a{    transition: 1s all; color: #fff;}
footer ul li a:hover{ color:#ee8e3c; transition:1s all; margin-left:8px;}

footer .social-ul{ width:100%; text-align:right; margin: 10px 0 0 0;}
footer .social-ul li{ display:inline-block; margin-left:10px;width:30px;  height:30px; text-align: center; line-height:38px; border-radius:50%;}
footer .social-ul li a{   font-size: 20px; color:#fff; transform: scaleY(0.9);}
footer .social-ul li a:hover{transform: scale(1.1); opacity:0.8;}
footer .social-ul li.fb { background:#4267B2; }
footer .social-ul li.tw{background:#1DA1F2;}
footer .social-ul li.insta{ background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
footer .bottom-f{background: #f2f2f2; position: relative; z-index: 1;  border-bottom:1px solid #f2f2f2;  padding: 10px;}
footer .bottom-f p{ margin-bottom:0;  }

.franchise-sec .jumbotron {     padding: 30px;
    border-radius: 10px;}
.franchise-sec .jumbotron p{margin-bottom:0px !important; }
.franchise-sec .jumbotron .form-group p{ margin-bottom:0 ;   }
.franchise-sec .jumbotron .form-group label{font-weight:500;font-size:14px;line-height:18px;color: #000000;}
.franchise-sec .jumbotron .form-group .form-control{ height: 46px;
    border: 1px #000;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    border-radius:6px;
    border: 1px solid #000069;}
.franchise-sec .jumbotron .form-group select.form-control {padding: 10px 8px 8px 8px; font-weight: 400; font-size: 16px;  line-height: 22px; color: #000000;}
.franchise-sec .jumbotron .form-group textarea.form-control{ height:100px; }
.franchise-sec .jumbotron .form-group .iti {display: block;}
.tropicool-tastebox-sec.franchise-sec  img.product-troppicool-img {
    width: 78%;
    margin: 4% auto 10% auto;
}

.franchise-sec .jumbotron .form-group input.form-check {
    position: absolute;
    left: 0;
}

.featured-products ul{ margin-left:20px;  }
.clientt-sec h3 {
padding: 20px 0 5px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    color: #000069;
}


.social-media-icon a.btn-social,
.social-media-icon .btn-social
{
    border-radius: 10px;
    color: #ffffff !important;
    display: inline-block;
    height:40px;
    line-height:40px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
    width:40px; font-size: 20px;
        font-size: 20px;
    box-shadow: 0px 0 7px 0px rgb(240 240 240);
    border: 1px solid #f2f2f2;
}

.social-media-icon .btn-social .fa,
.social-media-icon .btn-social i
{
    backface-visibility: hidden;
    moz-backface-visibility: hidden;
    ms-transform: scale(1);
    o-transform: scale(1);
    transform: scale(1);
    transition: all .25s;
    webkit-backface-visibility: hidden;
    webkit-transform: scale(1);
    webkit-transition: all .25s;
}
.social-media-icon .btn-social:hover,
.social-media-icon .btn-social:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;
}
.social-media-icon .btn-social:hover .fa,
.social-media-icon .btn-social:focus .fa,
.social-media-icon .btn-social:hover i,
.social-media-icon .btn-social:focus i
{
    ms-transform: scale(1.3);
    o-transform: scale(1.3);
    transform: scale(1.3);
    webkit-transform: scale(1.3);
}

.btn-facebook
{
    background-color: #3b5998;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}

.btn-linkedin
{
    background-color: #3f729b;
}
.btn-linkedin:hover
{
    background-color: #548cb9;
}

.btn-instagram
{
     background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.btn-instagram:hover
{
    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.btn-twitter
{
    background-color: #55acee;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}


.target-area {
    padding-top:40px;
    padding-bottom:40px;
        position: relative;
    z-index: 1
}

.target-area .item-grid img {
  margin-top: 30px;
  border-radius: 10px;
  width: 100%;
}

.target-area .item-grid img:first-child {
  margin-top: 0;
}

.target-area .thumb .content {
  margin-top: 30px;
}

.target-area .thumb .content h4 {
  line-height: 1.4;
  font-weight: 700;
}

.target-area .thumb .content a {
  text-transform: capitalize;
  font-weight: 700;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  color: #3bcf93;
}

.hibiscus .target-area .thumb .content a {
    color: #bf3654;
}

.target-area .thumb .content a::after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  height: 2px;
  width: 20px;
  background: #3bcf93;
}

.hibiscus .target-area .thumb .content a::after {
    background: #bf3654;
}

.target-area .tab-items {
  padding-left: 35px;
}

.target-area .tab-items .nav-tabs {
  border: none;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 0 10px 0;
}

.target-area .tab-items .nav-tabs li {
  display: inline-block;
  margin-bottom: 10px;
}

.target-area .tab-items .nav-tabs li a {
  padding: 0;
  font-weight: 700;
  background: transparent;
  border: none;
  border-radius: inherit;
  margin-right: 30px;
  position: relative;
  text-transform: uppercase;
}

.target-area .tab-items .nav-tabs li.active a {
  color: #f59d65;
  border-color: #f59d65;
}

.hibiscus .target-area .tab-items .nav-tabs li.active a {
    color: #f59d65;
    border-color: #f59d65;
}

.target-area .tab-items .nav-tabs li.active a::after {
  position: absolute;
  left: 0;
  bottom: -12px;
  content: "";
  height: 3px;
  width: 100%;
  background: #f59d65;
  z-index: 1;
}

.hibiscus .target-area .tab-items .nav-tabs li.active a::after {
    background: #f59d65;
}

.target-area .tab-items .info ul li {
  display: inline-block;
  padding: 0 15px;
}

.target-area .tab-items .info ul {
  margin: 0 -15px;
  margin-top: 25px;
}

.target-area .tab-items ul li h5 {
  margin-bottom: 8px;
  font-weight: 600;
}

.target-area .tab-items .info a {
  margin-top: 25px;
}

.target-area .tab-items .info h2 {
    font-weight: 700;
    margin: 10px 0;
    color: #000069;
}

.target-area .tab-items .progress-items {
  margin-top: 25px;
}

.target-area .tab-items .progress-box {
  margin-bottom: 25px;
}

.target-area .tab-items .progress-box:last-child {
  margin-bottom: 0;
}

.target-area .tab-items .progress-box h5 {
  text-transform: capitalize;
  font-weight: 700;
}

.target-area .tab-items .progress-box .progress {
  height: 5px;
}

.target-area .tab-items .progress-box .progress .progress-bar {
  background: #3bcf93;
}

.hibiscus .target-area .tab-items .progress-box .progress .progress-bar {
    background: #bf3654;
}


/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about{padding: 60px 0; background:#f2f2f2; }

.about img.img-fluid{ width:100%; }

.about h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    display: block;
    text-align: left;
    color: #000000;
    margin:0px 0 10px 0;
}
.about h3 span{ display:block; font-size:20px  }
.about .btn-yellow{font-size: 16px; display: inline-block; padding: 8px 20px 0px 20px; margin-top: 10px;}


.tabbed-content {
    background:transparent;
    /* box-shadow: 1px 1px 6px #ccc; */
    /* max-width: 600px; */
    padding: 10PX 0 0 0;
    margin: 0em auto;
}

     #tile-1 .slider {
 display: inline-block;
    height:80%;
    width: fit-content;
    position: absolute;
    border-radius: 50px;
    z-index: 0;
    bottom: 10%;
    left: 0;
     transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1); 
    background: #f48843;
    color: #fff;
    border-radius: 50px;
}

.tabs{ text-align:center;  }
.tabs ul {margin: 10px 0;
    padding: 4px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    /* margin: auto; */
    background: #00006b;
    border-radius: 50px; position:relative ;}
.tabs ul li {
  background: #00006b;
      border-radius: 50px;

}
.tabs ul li a {
    color: #fff;
        font-size: 18px;
    line-height: 26px;
  padding: 0.5em 1em;
  position: relative; z-index: 5;
}

.tabs ul li a:hover, .tabs ul li a.active {
 text-decoration: none;
}

/*.tabs ul li a:hover, .tabs ul li a.active {
  background: #abce1a;
  color: #eee; border-radius: 50px;
}
*/
.item {
  margin-bottom: 2px;
}
.item::before {
  cursor: pointer;
  font-weight: bold;
  background: #eee;
  padding: 0.5em;
  display: block;

}
.item.active::before {
  background:#abce1a;
  color: #eee;
}
.item.active .item-content {
  padding: 1em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 800px) {
  .item.active .item-content {
    padding-top: 0;
  }

  .tabs-side .tabs li {
    margin-bottom: 2px;
  }
}
/* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
.tabbed-content .tabs {
  display: none;
}
.tabbed-content .item {
  min-height: 2em;
}
.tabbed-content .item::before {
  content: attr(data-title);
}
.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.tabbed-content .item.active .item-content {
  opacity: 1;
  visibility: visible;
  height: auto;
}

@media all and (min-width: 800px) {
  .tabbed-content .tabs {
    display: block;
  }
  .tabbed-content .tabs li {
    display: inline-block;
  }
  .tabbed-content .tabs li a {
    display: block;
  }
  .tabbed-content .item {
    min-height: 0; display:none;
  }

   .tabbed-content .item.active {display:block;
  }

  .tabbed-content .item::before {
    display: none;
  }
  .tabbed-content.tabs-side .tabs {
    width: 150px;
    float: left;
  }
  .tabbed-content.tabs-side .tabs li {
    display: block;
  }
  .tabbed-content.tabs-side .item {
    margin-left: 150px;
  }
}

    .navbar-nav>li {
        margin: 0 5px;
    }

 .navbar-nav>li#menu-item-512{display:none;}

.item.box{display: none;}
.clientt-sec .item.box{display: block;    
  border-radius: 0 0 30px 30px;
    padding:0px; overflow: hidden;
    padding: 20px;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
 }
.clientt-sec .item.box img{ height:85px  }
.inner-banner{ position:relative;overflow:hidden;  }

.inner-banner-sec {
    height: 300px;
}

.inner-banner img{ width:100%;  }
.inner-banner .banner-in-content{position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 45%);
    width: 100%;
    height: 100%;
    padding: 6% 0 0 0;
    color: #fff;
}
.inner-banner h1.text-white {
    top: 30%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    width: 100%;
    left: 0;
    margin: 0 0 10px 0;}

.banner-nxt-sec{ margin:-5% 0 0 0;  }
.banner-nxt-sec .in-paddx30{ padding:0 60px;  }
.vmv-sec { padding:2% 0;  }
.vmv-sec .div-table{ display:table; width:100%; vertical-align:middle;background: #f2f2f2; padding:5px; margin:10px 0;  }
.vmv-sec .div-table aside{ display:table-cell; vertical-align:middle;  }
.vmv-sec .div-table aside.img-cell {
    padding: 50px;
    background-position: center center;
    width:25%;
    background-size: cover;
    height: 248px;
}

.vmv-sec .div-table aside.content-cell {
    padding:30px 30px;
    width: 75%; 
}
.vmv-sec .div-table aside.content-cell h3{ margin-bottom:15px; color: #00006a; font-weight:600;   }
.vmv-sec .div-table aside.content-cell ul{ margin-left:20px;  }
.vmv-sec .div-table aside.content-cell ul li{ margin:5px 0; font-size: 18px; line-height: 26px; }

.members-sec{ padding:1% 0 4% 0;  }
.members-sec h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    display: block;
    text-align: center;
    color: #000000;
    margin: 0px 0 10px 0;
}


.members-sec .single-blog h5 span {
  font-size: 14px;
  font-weight: 300;
  display: block;
  padding: 5px 0 0 0;
  letter-spacing: 1px;
}

.members-sec .single-blog h5 span.lnr.lnr-arrow-right {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.members-sec .single-blog .thumb {
  position: relative;
  padding: 0 30px;
}
.members-sec .single-blog .thumb img {
    position: relative;
    height: 182px;
}

.members-sec .single-blog .thumb:before {
  content: '';
  width: 100%;
  border-radius: 50%;
  background: #f9f9ff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 55px;
  height: 250px;
  border: 4px solid #ffffff;
  box-shadow: 0px 10px 30px 0px rgb(153 153 153 / 25%);
}

.members-sec .single-blog h5 {
  border: 4px solid #ffffff;
  box-shadow: 0px 10px 30px 0px rgb(153 153 153 / 25%);
  padding: 15px;
}

.members-sec  .single-blog .thumb {
    position: relative;
    padding: 0 30px;
}
.members-sec  .single-blog .thumb {
    overflow: hidden;text-align: center;
}
.product-pop{width:80%;}
.product-pop .content-cell{ padding-left:30px;  }
.product-pop .content-cell h2{color:#00016a; margin: 0 0 15px 0; font-weight: 600;}
.cup-shap img {
    width: 100%;
    box-sizing: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    margin: 10px 0;
}

.team-pop{width:90%;}
.team-pop .content-cell{ padding-left:30px;  }
.team-pop h2{color:#00016a; margin: 0 0 15px 0; font-weight: 600;}
.team-pop h2 span { display: block;font-size: 16px;padding: 10px 0 0 0;}
.team-pop .content-cell p{ margin-bottom:15px;  }
.team-pop .img-blk{ position:relative;     overflow: hidden; text-align: center; margin-bottom:10px; }
.team-pop .img-blk img {
    position: relative;
    height: 230px;}
.team-pop .img-blk:before {
    content: '';
    width: 80%;
    border-radius: 50%;
    background: #f9f9ff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 55px;
    height: 230px;
    border: 4px solid #ffffff;
    box-shadow: 0px 10px 30px 0px rgb(153 153 153 / 25%);
}

.pp-tc-sec h3{ margin: 30px 0 8px 0; color: #00006a;  }
.pp-tc-sec ul{ margin-left:20px;  }

.inner-banner .hero-simple {
background-color: #d2eaf5;
overflow: hidden;
}

.inner-banner .hero-simple .hero-simple__inner{
        display: flex;
        min-height: 50vh;
    }

.inner-banner .hero-simple__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.inner-banner .hero-simple__right {
position: relative;
width: 50%;
}

.inner-banner .hero-simple__left {
width: 50%;
padding: 120px 30px 120px 0;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}



.best-ice-sec {
    position: relative;
    background: #f2f2f2;
    padding: 0 0 40px 0;
}
.best-ice-sec .bg-img-sec {     width: 100%;
    height: 300px;
    background-size: 100%;
    background-position: center; background-attachment:fixed;  }

.best-ice-sec aside.img-sec {
    width: 30%;
    border-radius: 12px;
    background-size: cover;
    background-position: center center;
}

.best-ice-sec .div-table{ 
width: 90%;
    margin: auto;
    padding: 30px;
    margin: -60px auto 0 auto;
    position: relative;
    /* top: -30px; */     border-radius: 12px;
    background: #fff;
}


.home header .navbar-brand a.ecs-logo{display: inline-block;}
.home header .navbar-brand a.tropicool-logo,
 header .navbar-brand a.tropicool-logo{display: none;}
.home header .navbar-default .navbar-nav>li#menu-item-257{display: inline-block;}
.page-id-208 header .navbar-default .navbar-nav>li#menu-item-243 {display: inline-block;}
.page-id-208 header .navbar-default .navbar-nav>li#menu-item-257 {display: none;}
.page-id-208  header .navbar-brand a.ecs-logo{display: none;}
.page-id-208  header .navbar-brand a.tropicool-logo{display: inline-block;}


nav.navigation.post-navigation {
    display: none;
}


.list-container {
     position: absolute;
    left: 0;
    top: 0;
}
.list-container.active .more-button-list {
  opacity: 1;
  transform: scale(1);
}
.list-container.active .more-button-list-item {
  -webkit-animation: fadeInItem 0.6s 0.2s forwards;
          animation: fadeInItem 0.6s 0.2s forwards;
}
.list-container.active .more-button-list-item:nth-child(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.list-container.active .more-button-list-item:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.list-container.active .more-button-list-item:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.list-container.active .more-button {
  -webkit-animation: onePulse 0.6s forwards linear;
          animation: onePulse 0.6s forwards linear;
}
.list-container.active .menu-icon-wrapper {
      transform: rotate(-45deg);
    margin: -10px 0 0 -6px;
}
.list-container.active .menu-icon-line.first {
transform: rotate(-90deg) translateX(-6px) translateY(-5px);
}
.list-container.active .menu-icon-line.last {
transform: rotate(0) translateX(0px) translateX(3px);
}

.list-container.active .menu-icon-line.half {display:none; }

.more-button , .more-button:focus{
  background-color: #2e3875;
    box-shadow: 0px 0px 0px 4px rgba(244 136 67 / 50%);
    border-radius: 0 0 100% 0;
    width: 50px;
    height: 50px;
    border: none;
        padding: 0 12px;
    cursor: pointer;
    transition: 0.2s ease-in;  
    display: block;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}
.more-button:hover {
  box-shadow: 0px 0px 0px 8px rgba(244 136 67 / 50%);
  background-color: #2e3875;
}
.more-button:focus {
  outline: 0;
}
.more-button-list {
      background-color: #fff;
    border-radius: 0;
    list-style-type: none;
    width: auto;
    height: auto;
    box-shadow: 0px 0px 4px 4px rgba(150, 157, 249, 0.16);
    padding: 0;
    padding: 39px 6px 6px 6px;
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    transform: scale(0);
    transform-origin: bottom left;
    transition: all 0.3s ease 0.1s;
    z-index: 1;
}
.more-button-list li {
  opacity: 0;
}
.more-button-list-item a{
      display: block;
    padding: 10px 30px;
    color: #000;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 0px solid #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
  transition: 0.2s ease-in;
  transform: translatex(-10px);
}


.more-button-list-item a:hover {
  color:#f48843;
}
.more-button-list-item a:after {
  content: "";
  position: absolute;
  height: 0px;
  width: calc(100% - 24px);
  left: 12px;
  bottom: 0;
  background-color: rgba(132, 160, 244, 0.1);
}
.more-button-list-item:last-child:after {
  display: none;
}
.more-button-list-item svg {
  width: 18px;
  height: 18px;
}
.more-button-list-item span {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  margin-left: 8px;
}

@-webkit-keyframes onePulse {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(92, 103, 255, 0.3);
  }
  50% {
    box-shadow: 0px 0px 0px 12px rgba(92, 103, 255, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 4px rgba(92, 103, 255, 0.3);
  }
}

@keyframes onePulse {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(92, 103, 255, 0.3);
  }
  50% {
    box-shadow: 0px 0px 0px 12px rgba(92, 103, 255, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 4px rgba(92, 103, 255, 0.3);
  }
}
@-webkit-keyframes fadeInItem {
  100% {
    transform: translatex(0px);
    opacity: 1;
  }
}
@keyframes fadeInItem {
  100% {
    transform: translatex(0px);
    opacity: 1;
  }
}
.socials {
  position: fixed;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
}

.social-link {
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  margin-right: 12px;
}

.menu-icon-wrapper {
  border-radius: 2px;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    transition: transform 330ms ease-out;
    margin: -8px 0 0 0;
}

.menu-icon-line {
  background-color: #fff;
  border-radius: 2px;
  width: 100%;
  height: 2px;
}
.menu-icon-line.half {
  width: 50%;
}
.menu-icon-line.first {
  transition: transform 300ms cubic-bezier(0.52, -0.8, 0.52, 0.52);
  transform-origin: right;
}
.menu-icon-line.last {
  align-self: flex-end;
  transition: transform 300ms cubic-bezier(0.52, -0.8, 0.52, 0.52);
  transform-origin: left;
}


header .navbar-toggle .icon-bar {
  transition: all 0.3s ease;
}

header .navbar-toggle.open .icon-bar:nth-child(4) {
  opacity: 0;
}

header .navbar-toggle.open .icon-bar:nth-child(2) {
  transform: rotate(45deg) translate(5px, 5px); width: 22px;
}

header .navbar-toggle.open .icon-bar:nth-child(3) {
     transform: rotate(-45deg) translate(1px, -1px);
}























@media only screen and (max-width:767px){
	
.target-area .item-grid.fi-grid{display:none;}
header .navbar>.container .navbar-brand-centered, 
header .navbar>.container-fluid .navbar-brand-centered { margin-left: 0;}
header .navbar-default .navbar-toggle {border-color: transparent;        margin:10px 0 10px 0; margin-right: 0; padding: 0px 10px;}
header .navbar-toggle .icon-bar { width: 28px; margin: 6px 0;}
header .navbar-toggle .icon-bar:nth-child(3){width: 22px;}
header .navbar-toggle .icon-bar:nth-child(4){width: 18px;} 
header .navbar-default .navbar-nav li.dropdown a{ position:relative; }
header .navbar-default .navbar-nav li.dropdown a .caret{     position: absolute;
    right: 16px;
    top: 18px; }
header .navbar-default .navbar-nav .open .dropdown-menu>li>a {margin:5px 0;}


header .navbar-brand-centered { position: relative;left: 0; display: block;  width: 80%;}
.banner-sec .banner-content { position: relative;  top: 0; width: 100%; margin: auto;right: 0; left: 0; background:#fff;  padding: 20px;}
.banner-sec .banner-content.white-bg{ background:#fff; }
.banner-sec .banner-content img { width:70%;  margin:10px 0;}
.banner-sec .owl-slider .owl-carousel .owl-nav {
    position: absolute;
    top: 37%;
    width: 100%;
}
.icon-inline-sec ul li {float:none; width: 100%; margin:10px 0px;}
.inbox-sec .ryt img { width: 100%;  margin-left: 0;}
.tropicool-family-sec img.yellow-award-img { position: absolute;width: 100px; bottom: 0px;  right: 0;}
.quatetion-sec h1 { font-size: 24px; line-height: 30px;}
.tropicool-family-sec .in-block h2,
.inbox-sec .inbox-form-sec h2,
.tropicool-tastebox-sec .in-block h2 {font-size: 24px; line-height: 22px;}
.tropicool-tastebox-sec.franchise-sec .in-block h2,
.delicious-sec aside.left .content h3 {font-size: 26px; line-height: 30px;}
.delicious-sec aside.left .content h3 span {
    display: inline-block;
    font-weight: normal;
}


.tropicool-family-sec .in-block h2 span img { width: 32px;} 
.tropicool-tastebox-sec h4 { font-size: 40px;  line-height: 50px;}
footer .culm-3-ul { padding: 0px;  width: 100%;}
footer .logo-footer { padding: 5%; border-right: 0px solid #000000; border-bottom: 1px solid #000000; margin: 0 0 15px 0;}

.juicy-sec{ padding:4% 0;  }
.juicy-sec img.bg-leaf-l {width: 80px;}
.juicy-sec img.bg-leaf-r {width: 80px;}
.juicy-sec .icecream-carousel .item { width: 100%;}
.location-sec .div-table aside {display: block;}
.location-sec .left {  padding:15px;  width:100%;}
.location-sec .ryt iframe { height: 300px;}
.delicious-sec aside.left .content { padding: 30px 30px 30px 30px;}
.delicious-sec aside .content {  height: auto; margin: 0 0 15px 0;}
.delicious-sec aside.middle  .content .col-md-6:first-child img{ margin-bottom:15px; }
.delicious-sec aside.middle .col-md-12.botm {margin: 15px 0 0 0;}
.tropicool-tastebox-sec.franchise-sec .in-block {padding: 0;}
.franchise-sec .jumbotron .form-group .form-control { height: 40px; padding: 10px 8px 8px 8px;}
.franchise-sec .jumbotron .form-group { margin-bottom: 15px;}
.pop-up-sec.success-pop .modal-dialog { width: auto;}
.pop-up-sec button.close { right: 0px;;}
#map{ height:350px;}



header .navbar-brand { width: 130px;}
.banner-sec {height: auto; overflow: hidden;}
header .navbar-nav {margin: 0;}
header .navbar-nav.navbar-right:last-child {  margin-top:-10px;}

.banner-sec .banner-content img {width: 30%;}
.about {padding:30px 0;}
.about h3,
.juicy-sec h3,
.clientt-sec h3 { font-size: 28px;  line-height: 38px; margin: 15px 0 10px 0;}
.tabbed-content { padding: 0;}
.juicy-sec .icecream-carousel {
    padding: 0;
    margin-top: 0;}
    .tabbed-content .item:before { padding:0px;}
.tabbed-content .ice-item:before { padding:10px;}   

.juicy-sec .item.active .item-content {padding: 0;}
.juicy-sec .icecream-carousel .item h2 {line-height: 30px; margin: 0 0 10px 0; height: auto;}

.vmv-sec .div-table,
.vmv-sec .div-table aside{display: block;}
.vmv-sec .div-table aside.img-cell { width: 100%; background-repeat: no-repeat;}
.vmv-sec .div-table aside.content-cell{width: 100%; padding: 15px;}
.inner-banner {
    position: relative;
    height: auto;
    overflow: hidden;
}


.product-pop.fancybox-content {
    width: 100%; padding: 15px;
}
.team-pop{width:100%;}



.div-table,
.div-table aside,
.hero-sec .div-table aside { display: block; width: 100%;}
.hero-sec .div-table aside.img-cell {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 36vh;
    width: 100%;
}
.hero-sec {
    height: auto;}

h2.heading {
    font-style: normal;
 font-size: 24px;
        line-height: 32px;}
picture .img-sec:before {
    right: -15px;
}
.ceo-message-sec aside.img-cell figure {
    width: 100%;
}

.quatetion-sec h3 {
    font-size: 22px;
    line-height: 28px;
    padding: 45px 0;
}

.pr-30 {
    padding-right: 0px;
}

.ceo-message-sec aside.img-cell {
    width: 100%; margin-bottom: 20px;
}
.ceo-message-sec {
    background: #fff;
    padding: 15px;
}
.why-sec .div-table aside.img-cell {
    padding-left: 0;
    width: 100%;
}


.banner-sec.hero-sec,
.banner-sec.hero-sec .div-table {
    height: auto;
}

.banner-sec.hero-sec .div-table aside.content-cell{ padding-top:12%;  }
.vision-mission-sec .div-table aside.img-cell {
    width: 100%;
    padding-right: 0;
    margin-bottom:30px; display: block;
}
.delicious-sec{ padding:0 0 30px 0 !important; margin-top:-30px;  }
.bottom-f br{ display:none;  }

.vision-mission-sec .vm-blk aside.card {
    margin: 15px 0;
}
.hero-sec .div-table {
    height: auto;
}
.hero-sec .owl-nav {
    top: 20%;
}

header .navbar-default .navbar-nav>li>a, 
header .navbar-default .navbar-nav>li>a:focus {
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
    margin: 10px 0;
}




header .navbar-brand img {
    width: 100%;
    padding: 0px 0px 0 0px;
}
header .navbar-brand {
    justify-content: left;
    position: relative;
    margin: 0 0 10px 0;
}

header .navbar-nav>li>.dropdown-menu {
    visibility: visible;
    opacity: 1;
}
.featured-products__icon {
    text-align: center;
}

.hero-home__primary__title {
    font-style: normal;
    font-size: 28px;
    line-height: 32px;
}

.product-grid--offset .product-grid__col:nth-child(odd) {
    margin-top: 15px;
    margin-bottom: 15px;
}

.product-grid--offset .product-grid__col:nth-child(even) {
    margin-top:15px;
    margin-bottom: 15px;
}

.hero-simple {
    background-color: #d2eaf5;
    overflow: hidden;
    padding: 15px;
    position: relative;
}
.hero-simple__image {
    padding-bottom: 100%;
}

.ceo-message-sec aside.img-cell figure img {
    height: auto;
    z-index: 2;
    position: relative;
    box-shadow: -10px -2px 16px rgba(10, 51, 81, .2);
    border-radius: 200px;
    overflow: hidden;
    background: #c7dcff;
    width: 85%;
}
.hwhy-sec aside.img-cell {
    padding-left: 0;
}

footer .top-f {
    padding: 20px;
}

.hero-simple__left .in-block {
    position: relative;
    right: 0;
    background: #fff;
    width: 100%;
}

.hero-simple__left ul.icon-ul li {
   
    margin: 10px 0;
    
    width: 100%;
    float: none;
    min-height: auto;
}
.ceo-message-sec aside.content-cell .in-block {
    width: 100%;
}
.ceo-message-sec aside figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 0;
    bottom: 0;
    right: 0px;
}
.ceo-message-sec aside figure:before {
              content: "";
        box-shadow: -10px -2px 16px rgba(10, 51, 81, .2);
        width: 400px;
        height: 356px;
        border-radius: 50%;
        background: #fae9bb;
        position: absolute;
        left: -96px;
        bottom: -29px;
}
}



@media (max-height: 950px) and (min-width: 768px) {
.verticals-full .hero-home__inner {min-height:400px;}
}

.icecream-flavours .product-section {
      display: flex;
      flex-direction: row;
      gap: 20px;
      flex-wrap: wrap;
    }
.icecream-flavours .product-images {
      flex: 2;
      display: block;
      gap: 10px;
    }
.icecream-flavours .thumbnails {
      display: block;
      gap: 10px; text-align: left;
    }
.icecream-flavours .thumbnails  .thumbnail-item{ text-align: center;    width: 18%;
    display: inline-block;
    margin: 15px 0; border-radius: 12px;}
.icecream-flavours .thumbnails .thumbnail-item:hover,
.icecream-flavours .thumbnails .thumbnail-item.active{background:rgba(255, 0, 0, 0.2);} 

.icecream-flavours .thumbnails  .thumbnail-item button.size-btn {
    border: none;
    background: transparent;
    font-size: 16px;
    margin: 10px 0;
}

.icecream-flavours .thumbnails img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border-radius: 5px;
      border: 2px solid transparent;
      cursor: pointer;
    }
.icecream-flavours .active-thumb {
      border-color: #000;
    }
.icecream-flavours .main-image img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      border-radius: 5px;
    }

.icecream-flavours .product-tile__img img {
      position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;

}
 .icecream-flavours .main-image.size-150ml img {height: auto; width: 70%;}
 .icecream-flavours .main-image.size-250ml img {height: auto; width: 80%;}
 .icecream-flavours .main-image.size-350ml img {height: auto; width: 90%;}
 .icecream-flavours .main-image.size-500ml img {height: auto; width: 100%;}
 .icecream-flavours .main-image.size-1000ml img {height: auto; width: 80%;}
 .icecream-flavours .main-image.size-3000ml img {height: auto; width: 90%;}
 .icecream-flavours .main-image.size-5000ml img {height: auto; width: 100%;}

.icecream-flavours .content-cell {
    text-align: left;
    padding: 20px 0 0 30px;
}

.icecream-flavours .product-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 15px;
    }
.icecream-flavours .product-info h3 {
      font-size: 1.2rem;
      margin-bottom: 5px;
    }
.icecream-flavours .reviews {
      color: #888;
      font-size: 0.85rem;
    }
.icecream-flavours .price {
      font-size: 1.1rem;
      font-weight: bold;
    }
.icecream-flavours .discount {
      font-size: 0.85rem;
      color: #888;
    }
.icecream-flavours .description-title {
      font-weight: bold;
    }
.icecream-flavours .description ul {
      padding-left: 20px;
      font-size: 0.85rem;
      color: #666;
    }
.icecream-flavours .sizes {
      display: flex;
      gap: 5px;
    }
.icecream-flavours .sizes div {
      border: 1px solid #ccc;
      padding: 5px 10px;
      font-size: 0.85rem;
      cursor: pointer;
    }
.icecream-flavours .order-btn {
      padding: 10px 20px;
      background: #000;
      color: #fff;
      border: none;
      border-radius: 5px;
      font-size: 0.9rem;
      cursor: pointer;
    }
.icecream-flavours  a {
      text-decoration: none;
    }

    @media (max-width: 768px) {
.icecream-flavours .product-section {
        flex-direction: column;
      }
.icecream-flavours .product-images {
        flex-direction: column;
      }
.icecream-flavours .thumbnails {
        flex-direction: row;
        justify-content: center;
      }
    }

.vertical-400{overflow: hidden;}

    @media (min-width: 768px) {
.vertical-400 .hero-home__secondary {
        height: 100%;
        padding-bottom: 0;
    }
.vertical-400 .hero-home__inner {
        min-height: 400px;
    }
}

.other-ice-sec{ padding:20px 30px; position:relative; }
 .other-ice-sec .owl-nav {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 10;
}
.other-ice-sec .owl-nav  button{    position: absolute;
    width: 30px;
    height: 30px;
    /* background: #000 !important; */
    border-radius: 4px;
    margin: -15px 0 0 0;}
.other-ice-sec .owl-nav  button i{  font-size:24px; } 
.other-ice-sec .owl-nav  button:hover{ background:#f2f2f2;  }
.other-ice-sec .owl-nav button.owl-next{right:0;}
.other-ice-sec .owl-nav button.owl-prev{left:0;}


.breadcrumb-sec .fbc-page .fbc-wrap .fbc-items {
    background-color: transparent !important;
    text-align: center;
    width: 100%;
}

.breadcrumb-sec .fbc-page .fbc-wrap .fbc-items li a:hover{color:#f48843;}

.ceo-message-sec .in-ceo-message-sec{padding:50px 30px;    background-color: #f9f6ee; position: relative; overflow: hidden;}
.hwhy-sec .in-hwhy-sec{padding:30px 30px;    background-color: #f2f2f2;}
.singel-details-ice.icecream-flavours .thumbnails.mobilr-v{display: none;}
.singel-details-ice.icecream-flavours .thumbnails.desk-v{display: block;}

.ecs-icecream-sec .ecsicecream-cup1{position: absolute;
    right: -10px;
    top: -140px;}

.ecs-icecream-sec.ecs-icecream1-sec  .ecsicecream-cup1 {
    top: -50px !important;  right:0px;
}	
.ecs-icecream-sec .left-blk {position: sticky; top: 130px;}
.ecs-icecream-sec .left-blk  img.ecsicecream-cup {
    width: 100%;
}	
.ecs-icecream-sec .ecsice-items ul{ list-style:none; display: grid; gap: 20px;    margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ecs-icecream-sec .ecsice-items ul li {
	position:relative;
    padding: 15px;
    font-size: 16px;
    color: #4f5772;
    line-height: 24px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #f48843;
    transition: .2s;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.ecs-icecream-sec .ecsice-items ul li::before {
     content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right:5px;
    background-image: url(https://ecsfb1.testingscrew.com/wp-content/uploads/2025/05/icon-cup.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 0;bottom: 0px;
}

section.ice-banner{
    height: 350px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:right 0;
	overflow:hidden;
}

section.ice-banner .banner-in-content {
	background: #fbcacc6e;
    padding: 4% 0 0 0 !important;
    z-index: -1;
}

section.ice-banner .banner-in-content  h1{     font-style: normal;
    font-size: 40px;
    line-height: 1.2;
    display: block;
    font-weight: 800;
    color: #f48843;
    margin: 5px 0 10px 0;}
section.ice-banner .banner-in-content  p{    font-style: normal;
    font-size:26px;
    line-height: 1.2;
    display: block;
    font-weight: 600;
    color: #000;
    margin:0;
    position: relative;}	

section.ice-banner .banner-in-content  h3{  font-style: normal;
    font-size: 40px;
    line-height: 1.2;
    display: block;
    font-weight: 700;
    color: #2e3875;
    margin: 0px 0 0 0;
    position: relative;}	
.whitelabel-sec .featured-products {  padding: 50px 0 10px 0;  background-size: cover; }
.whitelabel-sec .create-your-own .inside{ height: 350px; padding: 15% 0 0 0;}
.whitelabel-sec .create-your-own .inside h1{      font-style: normal;
    font-size: 110px;
    line-height: 1.2;
    display: block;
    font-weight: 900;
    color: #f48843;
    margin: 0;
    letter-spacing: -10px;}
.whitelabel-sec .create-your-own .inside p{     
font-style: normal;
    font-size: 22px;
    line-height: 1.2;
    display: block;
    font-weight: 600;
    color: #fff;
    margin: 0;
    position: relative;
    background: #2e3875;
    padding: 5px 10px;}	

.whitelabel-sec .create-your-own .inside h4{ 
        font-style: normal;
    font-size: 38px;
    line-height: 1.2;
    display: block;
    font-weight: 700;
    color: #2e3875;
    margin: -15px 0 15px 10px;
    position: relative;}	
	
.ecs-icecream-sec.ecs-icecream1-sec .ecsice-items ul {grid-template-columns: repeat(3, minmax(0, 1fr));}	
	
.how-help-box{
    padding: 40px;
    position: relative;
    margin: 15px 0;
}
.how-help-box .post-image-block img{
    width: 130px;
    border-radius: 50%;
    height: 130px;
    border: 5px solid #fff;
}

.how-help-box-shadow {
    background-color: #EAF6D9;
    width: 84%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    /* left: 0; */
	z-index: -1;
    right: 0;
    border-radius: 252px;
}

.how-help-box .post-block h3{color: #24247d;
    margin: 8px 0;}

.cta-sec.cta1-sec .hero-txt {
    width: 80%;
    padding: 2% 0;
}
.cta-sec.cta1-sec .hero-txt h2 {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 30px 0;
    word-spacing: 2px;
    letter-spacing: 1px;
}

.cta-sec.cta1-sec .hero-txt h2 span {
    display: block;
    font-size: 82px;
    font-weight: 900;
    margin: 40px 0 0 0;
    color: #f48843;
    letter-spacing: 6px;
}

.cta-sec.cta1-sec  .hero-txt p.btn-sec {
    margin: 0px 0 0 0;
}
.cta-sec.cta1-sec .hero-txt p {
    color: #fff;
    font-size: 22px;
}

@media only screen and (max-width:767px){
.singel-details-ice.icecream-flavours .thumbnails.mobilr-v{display: block;     padding-bottom: 15px;}
.singel-details-ice.icecream-flavours .thumbnails.desk-v{display: none;}


header .navbar-brand a:after {
    top: 90%;
}
.hero-home__primary__title {
        font-style: normal;
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0px;
    font-weight: 500;
    }

    .hero-home__primary {
    padding: 15px; padding-bottom: 110%;}

.hero-home__primary__img { height: 120%;}
.hero-home__primary .button:focus,   
.hero-home__primary .button {  padding: 10px 50px 10px 20px;}
.product-grid--offset {
    width: 100%;
}
.hwhy-sec .in-hwhy-sec{padding:30px 30px;}
.ceo-message-sec .in-ceo-message-sec{padding:30px 30px;}
.ceo-message-sec .container-fluid{ padding:0;  }
.ceo-message-sec aside figure {  left: -30px;}

.hwhy-sec aside.img-cell{ width:100%; }

.cta-sec .hero-txt {
    width: 100%;
    padding: 2% 0;
}

.cta-sec {
    padding: 0 0 5% 0;
    background-size: 65%;
    background-position: bottom right;
}

footer:before {
    content: "";
    width: 110%;
    height:300px;
    position: absolute;
    top: -12px;
    background: #fff;
    border-radius:0%;
    left: -50px;
}
footer .top-f address {
    margin: 0 0 45px 0;
	        background: #fff;
        width: 100%;
		padding:0 0 5px;
}

.cta-sec .hero-txt h2 {
    font-size: 25px;
    line-height: 38px;
    color: #fff;
    margin: 0 0 10px 0;
}

header .navbar-nav>li>.sub-menu{   
display: none;  
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        -webkit-transition: unset !important;
    transition: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
        box-shadow: 0 5px 13px #ccc; transform: translateY(0) !important; position: relative;}

header .navbar-nav>li>.sub-menu.open{        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        -webkit-transition: unset !important;
    transition: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
        box-shadow: 0 5px 13px #ccc; transform: translateY(0) !important; position: relative;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

header .navbar-nav>li>.sub-menu>li>a, 
header .navbar-default .navbar-nav li.current-menu-parent ul.sub-menu li a, 
header .navbar-nav>li>.dropdown-menu>li>a {
    display: block;
    padding: 10px 30px;
}

.featured-products__icon::before {
        position: absolute;
        top: 0px;
        left: 50%;
        width: 211px;
        height: 27px;
        transform: translateX(-50%) translateY(-100%) translateY(1px);
        background-image: url(../images/ice-cream-container.0679abd6.svg);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 3;
        content: "";
        background-position: center bottom;
    }


.inner-banner h1.text-white {
    font-weight: 600;
    margin: 0 0 10px 0;
    font-size: 25px;
}

.fbc-page .fbc-wrap .fbc-items li {
    padding: 8px 2px;
}
.inner-banner h1.text-white span{display: none;}

.inner-banner .hero-simple .hero-simple__inner {
    display: block;
    min-height: auto;
}
    .hero-simple {
        background-color: #d2eaf5;
        overflow: hidden;
        padding: 15px 15px 0 15px;
        position: relative;
    }
	.featured-products {
    position: relative;
    padding: 10px 10px !important;
    background-color: #f9f6ee;
    z-index: 1;
}
/*.hero-home__secondary__image img {
    object-fit: contain;
    padding: 10px !important;
}
*/
	
.inner-banner .hero-simple__right{ width: 100%;}
.inner-banner .hero-simple__left {
    width: 100%;
    padding: 15px 15px;
    display: block;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.delicious-sec .item-grid{ margin:0 0 30px 0; }
.target-area .tab-items {
    padding-left: 16px !important;
    padding-top: 16px !important;
}
header .navbar-collapse.in {
    overflow-y: auto;
    max-height: 70vh;
}
.tropicool-tastebox-sec.franchise-sec .in-paddx30,
.location-sec.banner-nxt-sec .in-paddx30{ padding:0 15px; }
.tropicool-tastebox-sec.franchise-sec .ryt .img-sec {
    position: relative;
    text-align: left;
}
.franchise-sec .jumbotron {
    padding: 10px 0;
    background: transparent;
    border-radius: 10px;
}

.list-container {
    display: none;
}

.navbar-nav>li#menu-item-512{display:block;}


section.ice-banner { background-position: right bottom;}
section.ice-banner .banner-in-content h1  { font-size: 28px; margin: 22px 0 10px 0;}
section.ice-banner .banner-in-content h3 { font-size: 28px; margin: 10px 0 10px 0;}
section.ice-banner .banner-in-content p { font-style: normal; font-size: 16px;}
.whitelabel-sec .create-your-own { padding:0; }
.whitelabel-sec .featured-products {background-size: 100%;  background-repeat: no-repeat; background-position: center bottom;}
.whitelabel-sec .create-your-own .inside { padding: 0% 0 0 0;}
.whitelabel-sec .create-your-own .inside h1 {  font-size: 70px; letter-spacing: -5px;}
.whitelabel-sec .create-your-own .inside h4 { font-size: 28px; margin: -10px 0 15px 10px;}
.whitelabel-sec .create-your-own .inside p {font-size: 14px;}
.how-help-box { padding: 0px; margin: 30px 0 50px 0;}
.how-help-box-shadow { width: 100%;height: 80%;top: auto; bottom: -40px; border-radius: 4%;}
.how-help-box .post-block { padding: 0 15px;}
.ecs-icecream-sec.ecs-icecream1-sec .ecsicecream-cup1 { display: none;}
.ecs-icecream-sec.ecs-icecream1-sec .ecsice-items ul,
.ecs-icecream-sec .ecsice-items ul {grid-template-columns: repeat(1, minmax(0, 1fr)); margin-top:30px;}
.cta-sec.cta1-sec .hero-txt h2 br{display: none;}
.cta-sec.cta1-sec .hero-txt { width: 100%; padding:5% 0 2% 0;}
.cta-sec.cta1-sec .hero-txt p { font-size: 20px; margin: 0 0 20px 0;}
.ecs-icecream-sec .ecsicecream-cup1 {top: -30px;  width: 90px;}
.ecs-icecream-sec .left-blk {position: relative; top: 30px;}
}


.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}