body{background: #fff;overflow: auto !important;padding-right: 0 !important;}

.main-section{padding: 4rem 0;position: relative;}
.main-section p{line-height: 1.6;margin-bottom: 1.5rem;color: #060606}
.mobile{display: none !important;}
.main-heading{margin-bottom: 1.75rem;position: relative;}
.main-heading h2{margin: 0;position: relative;text-transform: uppercase;color: #68c7a3;text-shadow: 2px 1px black;}

.animateme{-webkit-transition:all 500ms linear !important; -moz-transition:all 500ms linear !important; -ms-transition:all 500ms linear !important; -o-transition:all 500ms linear !important; transition:all 500ms linear !important;transform-style: preserve-3d;transition-delay: 0s !important;}

.btn {line-height: 1;position: relative;padding: 0.875rem 1.55rem;border-radius: 0;overflow: hidden;color: #fff;background: #68c7a3;border:solid 1px #68c7a3 !important;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;z-index:1;border: 0;border-radius: 8px;}
.btn:before{position: absolute;content: "";width: 0;height: 100%;top: 0;right: 0;bottom: 0;z-index: -1;background: #fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;} 
.btn:hover, .btn:focus {color: #68c7a3 !important;outline: none;box-shadow: none;background: #68c7a3;}
.btn:hover:before{width: 100%;left: 0;}

.modal .btn-close {background: #68c7a3;opacity:1;border-radius:8px;display:flex;align-items: center;justify-content: center;align-content: center;flex-direction: row;padding: 0.5rem;position: absolute;top: 10px;right: 10px;}

.modal .btn-close svg{fill:#fff;stroke:#fff;}
.btn-close:focus{box-shadow: none;}

.logo{display: inline-block;}

.social-icons li a {position: relative;overflow: hidden;}
.social-icons li a svg {transition: 0.75s}
.social-icons li a:hover svg {transform: translateY(100%);opacity: 0}
.social-icons li a svg + svg {position: absolute;inset: 0;transform: translateY(-100%);opacity: 0;margin: auto;}
.social-icons li a:hover svg + svg {transform: none;opacity: 1}

.slick-arrow{font-size: 0;transform: none;position: absolute;left: 2%;right: auto;z-index: 2;transition:0.75s;padding: 0;width: 50px;height: 50px;border: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #68c7a3;box-shadow: 0 1px 1px #00000014, 0 1px 5px #0000000f;opacity:0;transition:0.5s}
.slick-slider:hover .slick-arrow{opacity:1}
.slick-arrow:hover, .slick-arrow:focus{background:#68c7a3;}
.slick-arrow:before{display: none;}
.slick-next{left: auto;right: 2%;}
.slick-arrow svg{width:14px;height:auto}
.slick-arrow svg, .slick-arrow svg *{transition: .5s;}
.slick-arrow svg path{fill: #fff;}
.slick-arrow:hover{transform:scale(1.1)}
.slick-slider div {transition: none;}

.slick-dotted.slick-slider {margin: 0;padding-bottom: 2rem;}
body .slick-dots{bottom: 0;z-index: 2;line-height: 0;text-align: center;display: flex;width: 100%;margin: auto;justify-content: center;align-items: center;}
body .slick-dots li{width: auto;height: auto;margin: 0 0.2rem;border:1px solid transparent;border-radius:50%;padding: 0;transition: 0.75s;display: inline-flex;align-items: center;justify-content: center;text-align: center;}
body .slick-dots button{width: 30px;height: 6px;border-radius: 30px;background: transparent;transition: 0.75s;padding: 0;border:1px solid #68c7a3}
body .slick-dots .slick-active button{background: #68c7a3;width: 70px;}
body .slick-dots button::before{display: none}



.inner-banner .form-wrap{background: #f3f3f39e !important;}
.inner-banner .form-check .form-check-input {padding: 0 !important;background-color: #fff;border-radius: 50%;width: 1.375rem;height: 1.375rem;min-width: 1.375rem;border-width: 2px;margin: 0;}
.inner-banner .form-check-input:checked[type=radio]{background-image: url("https://v5.digitalsetgo.com/gift-kingdom/public/assets/images/tick.svg")}
.inner-banner .form-check-input:checked {background-color: #060606;border-color: #060606 !important;}
.inner-banner .form-check-input:focus {box-shadow: none;border-color: #68c7a3;;}
.inner-banner .form-check {background: #68c7a3;border-radius: 12px;padding: 0.75rem 1.5rem;transition: 0.75s;}
.inner-banner .form-check *{color: #fff;}

.form-control{position: relative;color: #0c0c0f;background: #fff;padding: 1rem;transition: 0.5s;border: 1px solid #233b47;border-radius: 8px;font-size:0.813rem;}
.form-control::placeholder{color:#0c0c0f}
.form-control:focus{box-shadow: none;border-color:var(--primary-color);outline: none;color: var(--primary-color);}


.modal .form-group {position: relative;}
.modal .overlay-label {position: absolute;width: 100%;background: #fff;bottom: 0;height: 100%;padding-right: 1rem;display: flex;align-content: center;justify-content: space-between;align-items: center;border-bottom: solid 1px #68c7a3;font-size: 14px;padding: 0.5rem;}
.modal .select-cus,.file-cus {opacity: 0;}

.header {background: #060606}
.header a {color: #fff !important;transition: 0.5s}
.header a:hover;{color: #68c7a3 !important}
.header .logo{width: 12rem;}

/*.banner figure::before, .inner-banner figure::before{content: '';position: absolute;inset: 0;background: rgb(0 0 0 / 50%);z-index: 1;}*/
.banner figure img{height: 70vh;display: block;transition: 1.5s ease;}
/*.banner .slick-current figure img{transform: scale(1.5)}*/
.banner .slick-arrow{transform: translateY(-50%);}
.banner figcaption, .inner-banner figcaption{z-index: 2;}
.banner .slick-slide{opacity: 1 !important;}

.figShadow{box-shadow: 20px 20px 0px 0 #68c7a3;}

section.main-section.home-section-one::before {content: '';width: 100%;position: absolute;height: 100%;background: #00000070;top: 0;}

.home-section-two, .home-section-four{background: #f9f8f7}

.home-section-two li{width: 20%;}
.home-section-two li{width: 20%;border: 1px solid #68c7a3;padding: 1.5rem;}
.home-section-two li img{transition: 1.5s;margin: auto;}
.home-section-two li:hover img{transform:translateY(-10px)}

.gallery-section-one img{ height:300px; object-fit:cover; }
.home-section-nine .form-control {padding-left: 0.5rem;padding-right: 0.5rem;border-color: #68c7a3;color: #000;border-right: none;border-top: none;border-left: none;border-radius: 0;}

.home-section-nine .form-control::placeholder {color: #000;}

.home-section-nine .form-control:focus{padding-left: 1rem;}

.copyWrap p {color: #fff;background: #0c0c0c;padding: 0.5rem 0.5rem;border-radius: 5px;}
.copyWrap {transition:1s;position: absolute;z-index: 99999999;border-radius: 5px;display: none;flex-direction: row;flex-wrap: wrap;justify-content: center;align-content: flex-end;width: 100%;height: 100%;bottom: 5%;}
.copyWrap.active{display: flex !important;}

/*.recurit-section figure::before{content: '';position: absolute;inset: 0;border-radius: 50%;border: 1px solid #487a3d;animation: move 25s infinite linear;width: 90%;height: 90%;margin: auto;z-index: -1;display: block;}*/
.recurit-section figure img.animated{transform: scale(1.3) !important;}
@keyframes move {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}
.home-section-five .slick-arrow{left: -15px;top: 30%}
.home-section-five .slick-next{left: auto;right: -15px;}
.text-primary{color: #68c7a3 !important}
.inner-banner .text-secondary{color: #060606 !important}

.form-wrap.wrap.p-5.bg-white {
  border-radius: 30px;
  box-shadow: 0px 0px 2px 4px #68c7a3;
}
.footer{background: #060606;position: relative;padding-top: 2rem;}
.topFooter{border:1px solid #ddd;border-left:0;border-right:0;padding:2rem 0;}
.footer *{color: #fff;}
.footer .logo {width: 15rem;margin:auto}
.contactInfo  svg{width: 15px;height: auto;}
.contactInfo  svg path{fill: #68c7a3;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #68c7a3}
.nav-pills .nav-link{background-color: #68c7a3;color: #fff !important}
.link{position: relative;padding-bottom: 1px;display:inline-block}
.link::before{content: '';position: absolute;bottom: 0;left: auto;right: 0;to;height: 1px;width: 0;background: #68c7a3;transition: 0.75s;}
.link:hover::before{width: 100%;right: auto;left: 0;}
.link:hover, .link.active{color: #68c7a3;}

.inner-banner figure img{height: 50vh;}

.process-one ul {margin: 0 0 1rem 1rem;}
.process-one ul li {margin-bottom: 0.5rem;}

.flexbox-slider {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;height: 500px;visibility: hidden;}
.flexbox-slider .flexbox-slide {-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s; transition-delay: 0s;width: 20%;height: 100%;position: relative;overflow: hidden;cursor: pointer;visibility: visible;}
.flexbox-slider .flexbox-slide:after {position: absolute;inset: auto 0 0;content: "";display: block;width: 100%;height: 60%;z-index: 1;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);transition:0.75s}
.flexbox-slider .flexbox-slide:hover:after {height:100%}
.flexbox-slider .flexbox-slide img {position: absolute;top: 50%;left: 50%;height: auto;width: auto;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;}
.flexbox-slider .flexbox-slide figcaption {z-index: 4;transition: 0.75s;}
.flexbox-slider .flexbox-slide figcaption h5{max-width: 80%;margin: 0;}
.flexbox-slider .flexbox-slide:hover figcaption {opacity: 0;visibility: hidden;}
.flexbox-slider .flexbox-slide .text-block {max-width: 500px;z-index: 4;transition: 0.75s;transform: translateY(100%);}
.flexbox-slider .flexbox-slide:hover .text-block {transform: none}
.flexbox-slider .flexbox-slide .text-block p{margin: 0;}
.flexbox-slider:hover .flexbox-slide:hover {-ms-flex-negative: 0;flex-shrink: 0;width: 80%;}

.fixWhatsapp {position: fixed;bottom: 5%;left: 1%;z-index: 9}

.fixWhatsapp a{background: #25D366;border-radius: 35px;display: block;position: relative;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;flex-direction: row;}

.fixWhatsapp a svg{width: 25px;height: auto;-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}

@-moz-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg)
  }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg)
  }
}

@-o-keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg)
  }
}

@keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg)
  }
}

@media (min-width: 576px) and (max-width: 767px){.home-section-two .slick-list li{min-height: 219px}}
@media (max-width: 767px){
  .header .logo {width: 8.5rem;}
  .footer .logo {width: 12rem;}
  .header .btn{padding: 0.93rem 0.4rem;font-size: 13px;}
}
@media (max-width: 991px){
  .mobile{display: block !important;}
  .pc{display: none !important;}
  .canvaBtn {background: #68c7a3;border-radius: 8px;width: 44px;height: 44px;}
  .offcanvas .logo{width: 3rem;}
  .banner figure img{height: 320px;}
  .inner-banner figure img{height: 200px;}
  .offcanvas-header .btn-close{background: #68c7a3;border-radius: 8px;padding: 0;width: 40px;height: 40px;opacity: 1;}
  .home-section-two li img{height: 70px;object-fit: contain;}
  .home-section-two li{margin: 0 0.25rem;padding: 1rem;}
  .banner .slick-arrow{display: none !important;}
  .main-heading{margin-bottom: 1.5rem;}
  .main-section{padding: 2.25rem 0;}
  .home-section-five .slick-arrow{opacity: 1;width: 40px;height: 40px;left: 0;top: 55px}
  .home-section-five .slick-next{left: auto;right: 0;}
  .figShadow {box-shadow: 10px 10px 0px 0 #68c7a3;}
  .process-one{padding: 1.5rem 0;}
  .flexbox-slider .flexbox-slide{width: 100%;height: auto;overflow: auto;}
  .flexbox-slider:hover .flexbox-slide:hover {-ms-flex-negative: 0;flex-shrink: initial;width:100%;}
  .flexbox-slider .flexbox-slide .text-block{transform: none;}
  .flexbox-slider .flexbox-slide img{height: 390px;position: relative;inset: auto;width: 100%;transform: none;}
  .flexbox-slider{height: auto;gap: 1rem;}
  .flexbox-slider .flexbox-slide::after {height: 0;background: rgb(0 0 0 / 80%);}
  #donate strong{font-size: 14px}
  #donate span{font-size: 12px}
  #donate svg{width: 10px}
  #donate h2{font-size: 1rem}
  #donate .link{font-size: 13px}
  #donate p{font-size: 13px}
  .gallery-section-one img{ height:100px; object-fit:cover; }
  .inner-banner .form-wrap {border-radius: 10px;padding: 1rem !important;}
  .inner-banner img {height: 100vh;}
  .inner-banner .form-wrap .main-heading{margin-bottom:0.5rem;}
  .inner-banner .form-wrap h1{font-size:18px;}
  .inner-banner .form-wrap h3{font-size:16px}
  .inner-banner .form-wrap .step-2{height: 16rem!important;overflow-y: scroll;overflow-x: hidden;padding: 0.3rem;}
  .inner-banner .form-check {width:100%;}
  .inner-banner .form-check .form-check-input{width:0.7rem;height:0.7rem;min-width:0.7rem;}
  .inner-banner .form-check h6{font-size:13px}
  .inner-banner .form-check span{font-size:13px}  
  .inner-banner .form-wrap .step-2 .form-check-label{font-size:10px;color:#000}
  .inner-banner .form-wrap .step-2 .form-label{font-size:12px;}
  .inner-banner .form-wrap .step-2 .form-check{font-size:10px;padding: 0;background: none;color: #000;width: 50%;}

}

@media (min-width: 992px) {
  :root {
    --left-to-right-nil:polygon(0 0, 0 0, 0 100%, 0 100%);
    --left-to-right-fil: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    --right-to-left-nil: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    --right-to-left-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    --top-to-bottom-nil: polygon(100% 0, 0 0, 0 0, 100% 0);
    --top-to-bottom-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    --bottom-to-top-nil: polygon(0 88%, 100% 88%, 100% 100%, 0% 100%);
    --bottom-to-top-fil: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  img.wow {
    clip-path: var(--bottom-to-top-nil);
    transition: 2s;
    transition-delay: 0.25s;
    transform: translateY(40%);
    opacity: 0;
  }

  img.animated {
    clip-path: var(--bottom-to-top-fil);
    transform: translateY(0);
    opacity: 1
  }
  .main-heading h2{font-size: 2.25rem;}
}

@media only screen and (min-width: 1200px) {
  .container{max-width: 88.75vw}
}

@media only screen and (min-width: 1600px) {
 :root {--base-font-size: 1.125rem;}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}   