/*
Theme Name: Sunbeam Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/



:root{
    --brown: #63413D;
    --yellow: #C18B1F;
    --light_yellow: #FEF6D7;
    --white: #FFFFFF;
    --text: #5F5F5F;
    --light_yellow2: #FFEAC0;
}
 body::-webkit-scrollbar {
     width: 8px;
}
 body::-webkit-scrollbar-track {
     background: var(--light_yellow);
     border-radius: 8px;
}
 body::-webkit-scrollbar-thumb {
      background: var(--yellow);
     border-radius: 8px;
}
/*-------------------------------------------------------------- 
# Header css 
--------------------------------------------------------------*/
 div[data-elementor-type="header"] {
     position: absolute !important;
     top: 0px;
     z-index: 99;
     left: 0px;
     width: 100%;
     background-color: transparent;
     transition: all 0.6s;
}
/*-------------------------------------------------------------- 
# Home css 
--------------------------------------------------------------*/
.hero_sec::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #00000000 0%, #00000000 0%,#00000099 60%,#33221F);
    opacity: 1 !important;
    position: absolute;
    left: 0px;
    top: 0px;
}
.contact_btn a {
    min-width: 100px !important;
    min-height: 100px !important;
    display: flex;
    align-items: center;
    background-image: url(images/star.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.contact_btn a span.elementor-button-text {
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%,-50%) rotate(20deg);
    max-width: 56px;
    line-height: 20px;
}
.btn_inner {
    position: absolute !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2 !important;
}
.btn_inner .btn1 {
    position: absolute !important;
    right: 16%;
    transform: rotate(-16deg);
    top: -30px;
}
.btn_inner .btn2 {
    position: absolute !important;
    right: 6%;
    transform: rotate(-16deg);
    bottom: -195px;
}
.btn_inner .btn3 {
    position: absolute !important;
    left: 31%;
    transform: rotate(-16deg);
    bottom: -190px;
}
.btn_inner .btn4 {
    position: absolute !important;
    left: 7%;
    transform: rotate(16deg);
    top: -16px;
}
.btn_inner .btn5 {
    position: absolute !important;
    left: -7%;
    transform: rotate(0deg);
    top: 54px;
    max-width: 231px !important;
}
.btn_inner .btn5 a{
    min-height: 88px !important;
    display: flex !important;
    align-items: center;
    line-height: 23px;
    border-radius: 20px !important;
}
/* Common style for all button <a> */
.btn_inner .btn1 a,
.btn_inner .btn2 a,
.btn_inner .btn3 a,
.btn_inner .btn4 a,
.btn_inner .btn5 a {
  position: relative;
}

/* Keyframes */
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-30px); } /* up-down */
}
@keyframes floatX {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(40px); }  /* left-right */
}
@keyframes floatXY {
  0%, 100% { transform: translate(0,0); }
  25%      { transform: translate(20px, -20px); }
  50%      { transform: translate(0, -30px); }
  75%      { transform: translate(-20px, -20px); }
}
/* Individual button motions */
.btn_inner .btn1 a {
  animation: floatY 4s ease-in-out infinite;
}
.btn_inner .btn2 a {
  animation: floatX 5s ease-in-out infinite;
}
.btn_inner .btn3 a {
  animation: floatXY 6s ease-in-out infinite;
}
.btn_inner .btn4 a {
  animation: floatY 5s ease-in-out infinite;
  animation-delay: 1s;
}
.btn_inner .btn5 a {
  animation: floatY1 4s ease-in-out infinite;
  animation-delay: 2s;
}
@keyframes floatY1 {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(50px); } /* up-down */
}
.bultik_right > div {
    position: relative;
}
.bultik_right > div h3 {
    margin: 0px !important;
}
.bultik_right > .img_box1::before,.bultik_right > .img_box2::before,.bultik_right > .img_box3::before,.bultik_right > .img_box4::before {
    content: "";
    display: block;
    width: 100%;
    height: 90.7px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(to bottom, #00000000 0%, #000000);
}
.bultik_right > .img_box1 .elementor-image-box-content,.bultik_right > .img_box2 .elementor-image-box-content,.bultik_right > .img_box3 .elementor-image-box-content,.bultik_right > .img_box4 .elementor-image-box-content {
    position: absolute !important;
    bottom: 20px !important;
    max-width: 335px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.img_box1,.img_box1 img {
    overflow: hidden !important;
    border-top-left-radius: 1000px !important;
    border-top-right-radius: 1000px !important;
}
.bultik_right > .img_box1 img,
.bultik_right > .img_box1,
.bultik_right > .img_box2 img,
.bultik_right > .img_box2,
.bultik_right > .img_box3 img,
.bultik_right > .img_box3,
.bultik_right > .img_box4 img,
.bultik_right > .img_box4 {
    height: 270px !important;
    object-fit: cover !important;
}
.bultik_right > div figure {
    margin: 0px !important;
    display: block !important;
}
.img_box2,.img_box4 {
    margin-left: auto;
}
.img_box4,.img_box4 img {
    overflow: hidden !important;
    border-bottom-left-radius: 1000px !important;
    border-bottom-right-radius: 1000px !important;
}
.img_box4 > div .elementor-image-box-content {
    bottom: 60px !important;
}
.bultik_right > .img_box4::before {
    height: 65% !important;
}
.bultik_right > .img_box4 .elementor-image-box-content {
    max-width: 262px !important;
}
.tabe_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tabe_box h3 {
    margin: 0px !important;
    font-family: 'Inter Tight' !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    max-width: fit-content;
}
.time_box {
    display: flex;
    grid-gap: 10px;
    align-items: center;
    max-width: 280px;
    width: 100%;
    justify-content: space-between;
}
.time_box p {
    margin: 0px;
}
.time_box * {
    font-family: 'Inter Tight';
    font-size: 28px;
    font-weight: 700;
    color: var(--brown);
}
.table_inner_box {
    border-top: 1px solid #0B0C0F26;
    padding-top: 24px;
    margin-top: 24px;
}
.table_inner_box:nth-child(1) {
    margin-top: 0px;
    padding-top: 0px;
    border-top: unset;
}
.contact_box p {
    margin: 0px;
}
.contact_box {
    position: relative;
}
.contact_box input, .contact_box textarea,.contact_box select {
    background-color: var(--light_yellow) !important;
    border: 1px solid #63413D1A !important;
    border-radius: 40px !important;
    min-height: 48px;
    resize: none;
    outline: unset !important;
    padding: 10px 15px !important;
    font-family: 'Inter Tight' !important;
    color: var(--brown) !important;
    font-size: 16px !important;
    font-weight: 500;
}
.contact_box input::placeholder,.contact_box textarea::placeholder{
     color: var(--brown) !important;
}
 .contact_box textarea{
     border-radius:23px !important;
 }
.contact_form {
    display: grid;
    grid-gap: 24px;
}
.contact_box input[type="submit"]{
    font-size: 18px !important;
    font-family: "Oswald", Sans-serif !important;
    background-color: var(--brown) !important;
    color: var(--white) !important;
    padding: 14px 40px !important;
}
.contact_box input[type="submit"]:hover{
    background-color: var(--yellow) !important;
}
.contact_right::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 70%), transparent);
    content: "";
    top: 0%;
    left: 0px;
    transform: rotate(180deg);
}
.marquee_list ul.elementor-icon-list-items {
    flex-flow: unset !important;
    align-items: center !important;
    grid-gap: 20px !important;
    justify-content: center;
    margin:0px !important;
}
.marquee_list ul.elementor-icon-list-items li{
    display:flex !important;
    align-items:center !important;
    margin:0px 0px 0px !important;
}
.marquee_list  > div{
     margin:0px 0px -4px !important;
}
body {
    overflow-x: hidden !important;
}
.event_box{
    cursor: pointer;
}
.event_box .event_head {
    opacity: 0;
    transition: all 0.6s;
}
.event_box.active .event_head {
     opacity: 1;
}
.event_box{
    width: 100px !important;
    border-radius: 50px !important;
    transition: width 0.6s  !important;
}
.event_box.active{
    width: 100% !important;
    border-radius: 24px !important;
}
.language_list  .gt_float_switcher {
    border-radius: 50px !important;
}
.language_list .gt-current-lang {
    padding: 12px 22px !important;
    border-radius: 50px !important;
}
.language_list * ,.gt_float_switcher .gt_options *{
    color: var(--brown) !important;
    font-family: "Oswald", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}
.language_list .gt-current-lang img ,.gt_float_switcher .gt_options img{
    width: 20px !important;
    height: 20px !important;
    object-fit: cover !important;
    border-radius: 50%;
}
.gt_float_switcher .gt_options {
    position: absolute !important;
    width: 100% !important;
    min-width: 116px !important;
    background-color: var(--white) !important;
    border-radius: 24px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 15px 0px 5px !important;
    top: 30px;
}
.gt_float_switcher .gt_options a{
    padding: 10px 10px !important;
    display: grid !important;
    justify-content: center;
    grid-template-columns: 27px 55px;
    background-color:transparent !important;
}
.gt_float_switcher .gt_options a:hover{
    color:var(--yellow) !important;
}
.gt_float_switcher .gt_options *{
    font-size:18px !important;
}
.list_text ul {
    padding: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 15px;
}
.list_text ul li br {
    display: none;
}
.list_text ul li {
    background-color: #ffeac0;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 21px;
    border-radius: 10px;
}
.list_text ul li strong{
	display:block;
}
/*-------------------------------------------------------------- 
# Reponsive css 
--------------------------------------------------------------*/
@media(min-width: 2000px){
    .star_img {
        left: 47em !important;
    }
}
@media(min-width: 2160px){
    .star_img {
        left: 51.7em !important;
    }
}
@media(min-width: 2560px){
    .star_img {
        left: 69em !important;
    }
}
@media(max-width: 2000px){
    .star_img {
        left: 41.1em !important;
    }
}
@media(max-width: 1800px){
    .star_img {
        left: 34.7em !important;
    }
}
@media(max-width: 1680px){
    .star_img {
        left: 31.8em !important;
    }
}
@media(max-width: 1680px){
    .star_img {
        left: 31em !important;
    }
}
@media(max-width: 1600px){
    .event_head h2 {
        font-size: 11em !important;
    }
    .star_img {
        left: 29.3% !important;
    }
}
@media(max-width: 1440px){
    .star_img {
        left: 24.3em !important;
    }
}
@media(max-width: 1366px){
    .star_img {
        left: 22.2em !important;
    }
}
@media(max-width: 1280px){
    .star_img {
        left: 20.3em !important;
    }
    .tabe_box h3 {
        font-size: 28px !important;
    }
    .time_box * {
        font-size: 28px !important;
    }
}
@media(max-width: 991px){
    .tabe_box h3 {
        font-size: 26px !important;
    }
    .time_box * {
        font-size: 26px !important;
    }
    .event_head h2 {
        font-size: 8em !important;
    }
}
@media(max-width: 767px){
    div[data-elementor-type="header"] nav > ul > li:last-child > a{
        border-bottom: unset;
    }
    .header_menu {
        position: fixed !important;
        width: 100% !important;
        max-width: 281px;
        top: 0px;
        padding: 10px 24px !important;
        height: 100vh !important;
        right: 0px !important;
        background-color: var(--white) !important;
        z-index: 99 !important;
    }
    .header_menu nav > ul {
        display: block !important;
        width: 100% !important;
        margin-top: 42px;
    }
    .header_menu nav > ul * {
        text-align: left !important;
    }
    .header_menu nav > ul > li > a{
        padding: 15px 0px !important;
        width: 100% !important;
        margin: 0px !important;
        color: var(--brown) !important;
        font-size: 18px !important;
        font-weight: 500 !important;
    }
    .header_menu nav > ul > li > a:hover{
        color: var(--yellow) !important;
    }
    .header_menu .cross_icon {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    .header_menu{
        transform: translateX(100%);
        transition: all 0.6s;
    }
    .header_menu.show{
        transform: translateX(0%);
    }
    .header_list ul li span.elementor-icon-list-icon {
        display: block !important;
    }
    .header_list ul li span.elementor-icon-list-text{
        display: none !important;
    }
   div[data-elementor-type="header"].sticky .elementor-icon svg * {
        stroke: var(--black) !important;
    }
    .header_menu {
        z-index: 999 !important;
    }
    .event_box,.event_box.active {
        width: 100% !important;
        border-radius: 50px !important;
        min-height: 70px !important;
         transition: min-height 0.6s  !important;
    }
    .event_box .event_head{
        opacity: 1 !important;
    }
    .event_box.active{
        border-radius: 16px !important;
        min-height: 400px !important;
    }
    .header_menu {
        display: block  !important;
    }
}
@media(max-width: 680px){
    .tabe_box h3 {
        font-size: 24px !important;
    }
    .time_box * {
        font-size: 24px !important;
    }
    .time_box {
        max-width: 160px;
    }
    .event_head h2 {
        font-size: 6em !important;
    }
}
@media(max-width: 575px){
    .btn_inner .btn1 {
        right: 16%;
        top: -30px;
    }
    .btn_inner .btn2 {
        right: 6%;
        bottom: -195px;
    }
    .btn_inner .btn3 {
        left: 0%;
        bottom: -150px;
    }
    .btn_inner .btn4 {
        left: 7%;
        top: -16px;
    }
    .btn_inner .btn5 {
        left: -7%;
        top: 155px;
        max-width: 250px !important;
    }
}