/*********************************************************************************

**********************************************************************************/
/*CUSTOM CSS*/
body.template-color-1 a.brook-btn.bk-btn-theme-border, body.template-color-1 button.brook-btn.bk-btn-theme-border {
    border-color: #27FF92;
    color: #27FF92;
}
body.template-color-1 a.brook-btn.bk-btn-theme, body.template-color-1 button.brook-btn.bk-btn-theme {
    background: #27FF92;
    color: #000;
}
body.template-color-1 a.brook-btn.bk-btn-theme-border:hover, body.template-color-1 button.brook-btn.bk-btn-theme-border:hover {
    background: #27FF92;
    color: #000;
}
a.brook-btn.btn-sd-size, button.brook-btn.btn-sd-size {
    height: 40px;
    line-height: 40px;
}
ul.mainmenu li.active span {
    background-color: #27FF92;
    color: #000;
    padding: 1px 20px 5px 20px;
    border-radius: 50px;
    font-weight: normal;
}
.bg_image-discover {
    background-image: url(../../images/bg-discover2560.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg_image-bookacall {
    background-image: url(../../images/bg-bookacall_1920.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 1022px;
    margin-top: -150px;
}
.bg_image-chatbot {
    background-image: url(../../images/aichatbot_1920.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#rectsavings{
    background-image: url(../../images/glassbg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 800px;
    height: 504px;
}
.section-ptb-discover {
    padding: 270px 0;
}
.section-ptb-aichatbot{
    padding:0;
    margin-top: -400px;
    min-height: 2667px;
}
.form-style-discover .input-box select{
    padding-left: 15px;
    padding-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    background-image: linear-gradient(to right, #33C4A3 , #38B968);
    height: 50px;
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(1, 0.03, 0, 0.99);
    transition: all 0.3s cubic-bezier(1, 0.03, 0, 0.99);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.form-style-discover .input-box input{
    padding-left: 15px;
    padding-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    background-image: linear-gradient(to right, #33C4A3 , #38B968);
    height: 50px;
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(1, 0.03, 0, 0.99);
    transition: all 0.3s cubic-bezier(1, 0.03, 0, 0.99);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.form-style-discover .input-box select option{
    background-color: black;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
      
}
form.form-style-discover div.input-box label {
    padding-bottom: 12px;
}
form.form-style-discover div.input-box em {
    padding-bottom: 12px;
}
form.form-style-discover div.input-box em {
    font-size: 12px;
    margin-top: 7px;
    font-style: normal;
    color: #B1B1B1;
}
form.form-style-discover div.input-box {
    padding-bottom: 25px;
}
table.discover-table thead {
    color: #fff;
    background-image: linear-gradient(to right, #33C4A3 , #38B968);
    height: 50px;

}
table.discover-table thead tr th {
    padding: 5px 5px 5px 10px;
    font-size: 16px;
    font-weight: normal;
}
table.discover-table tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
}
table.discover-table {
    margin-top: 67px;
}
table.discover-table th:first-child{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;   
}  
table.discover-table th:last-child{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
table.noborderbottom td{
    border-bottom: none;    
    font-size: 17px;
    font-weight: bold;
    padding: 15px 10px 15px 10px;
    color:#fff;
}
h3.heading-h3 {
    font-size: 36px;
    color: #27FF92;
    font-family: 'Poppins' !important;
}
.font-poppins{
    font-family: 'Poppins' !important;
}
.slidebg {
    padding: 50px;
    border-radius: 50px;
    background-color: #3E3E41;
}
.sdesc {
    font-family: 'Poppins';
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 20px;
}
.stitle {
    color: #fff;
    font-size: 19px;
    font-family: 'Poppins';
    font-weight: 600;
    padding-bottom: 5px;
}
.mainslidecontent{
    min-height: 665px;
}
.mainslidetitle {
    min-width: 22%;
    color: #27FF92;
    font-size: 19px;
    font-family: 'Poppins';
    font-weight: bold;
    padding-right: 30px;
}
div#faicc {
    padding: 65px 50px 0 50px;
    font-size: 34px;
    color: #27FF92;
    font-weight: 400;
    font-family: 'Poppins';
}
div#tmvgm {
    padding: 20px 0px 20px 50px;
    font-size: 20px;
    color: #FFF;
    font-family: 'Poppins';
}
div#sac {
    padding: 0px 0px 100px 50px;
}
div#founders {
    padding-left: 50px;
    padding-bottom: 40px;
}
div#founders img {
    border: 2px solid #27ff92;
    border-radius: 50%;
    filter: drop-shadow(0px 0px 10px #04770e);
    margin-right: 9px;
    width: 150px;
}
.logo-slider{
    height: 150px;
    background: url(../../images/logos.webp) repeat 0 center;
    margin: 100px auto;
}

/* MrKreativez CSS */

h2.heading.heading-h2 {
    font-size: 36px;
    color: #27FF92;
    font-family: 'Poppins' !important;
}

/* .ocean.blog-footer {
    height: 25% !important;
} */

/* #blogs .container.additional .row.text-center .col-lg-3.col-ms-12.wow.move-up.animate .dbox .dbox2 .dbox3 {
    padding: 0 0px !important;
}

#blogs .dbox, .dbox2, .dbox3 .text {
    padding: 20px 20px !important;
} */

/* MrKreativez CSS END */

.dbox {
    border: 1px solid white;
    min-height: 307px;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: url(../../images/boxbg.webp);
    background-size: cover;
}
.dbox .text p {
    font-size: 12px;
}
.dbox .text h4 {
    color: #27ff92;
    padding-top: 10px;
}
.dbox .icon {
    padding-top: 70px;
}
.dbox .icon i {
    font-size: 65px;
    color: white;
}
/*dbox2*/
.dbox2 {
    border: 1px solid #676767;
    min-height: 307px;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: url(../../images/boxbg.webp);
    background-size: cover;
}
.dbox2 .text p {
    font-size: 12px;
}
.dbox2 .text h4 {
    color: #27ff92;
    padding-top: 10px;
}
.dbox2 .icon {
    padding-top: 60px;
    padding-bottom: 20px;
}
.dbox2 .icon i {
    font-size: 28px;
    color: white;
    border: 1px solid grey;
    padding: 10px;
    border-radius: 9px;
}
.botholder{
    width: 900px;
    margin-top: -100px;
}
.svg-lg{
    display: block;
}
.svg-sm{
    display: none;
}
.animgraph{
    padding:60px 0;
}
.addition1 {
    padding: 0 30px;
}
.dbox3 .icon {
    padding-bottom: 10px;
}
.dbox3 .icon i {
    font-size: 31px;
    color: white;
}
.dbox3 .text {
    font-size: 20px;
    font-family: 'Poppins';
    color: #dadada;
    padding-bottom: 30px;
}
.dbox3 .button {
    padding-top: 40px;
}
.boxdesc {
    text-align: left;
    color: white;
}
.boxdesc h6 {
    font-size: 35px;
    padding-top: 20px;
    color: #27ff92;
    font-weight: bold;
}
.dbox3 {
    border: 1px solid #c3c3c3;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 70px 10px;
    margin-top: 25px;
    background: url(../../images/boxbg.webp);
    background-size: cover;
}
.dbox,.dbox2,.dbox3{
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(39,255,146,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(39,255,146,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}
.dbox:hover,.dbox2:hover,.dbox3:hover{
    transition: mask-position 2s ease,-webkit-mask-position 2s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}
#founders a i {
    font-size: 31px;
    color: #14e97d;
    margin-top: 15px;
    margin-right: 10px;
}
#founders a i:hover {
    color: white;
}
#moli{
    margin-top:-600px;
}
.dbox:hover .icon i{
    font-size: 70px;
    color: #27FF92;
}
.dbox:hover .text h4 {
    color:white;
}
.dbox2:hover .icon i,.dbox3:hover .icon i{
    font-size: 35px;
    color: #27FF92;
}
.dbox2:hover .text h4,.dbox3:hover .text h4{
    color: white;
}
.page-loading {
    background: #000000;
}
.gallery-slider {
    width: 100%;
    overflow-x: hidden;
}
.gallery-slider .images {
    display: flex;
    width: 1000000%;
}
.gallery-slider .images img{
    margin-right: 30px;
}
.gallery-slider:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
@media only screen and (max-width: 479px){

    .text-center1 {
        padding: 5%;
    }
}
@media only screen and (max-width: 575px) {
    #moli{
        margin-top:-400px;
    }
    .container.additional {
        padding: 0 15px !important;
        max-width: 100%;
    }    
    .svg-lg{
        display: none;
    }
    .svg-sm{
        display: block;
    }
    .botholder{
        margin-left: 0;
    }
    div#founders {
        padding-left: 0px;
        padding-bottom: 25px;
        margin: auto;
        text-align: center;
    }
    div#founders img {
        border: 2px solid #27ff92;
        border-radius: 70px;
        filter: drop-shadow(0px 0px 10px #04770e);
        margin-right: 9px;
        width: 121px;
    }    
    .section-discover.container {
        max-width: 360px;
    }
    .logo-slider{
        height: 67px;
        margin: 25px auto;
    }
    .bg_image-discover {
        background-image: none;
    }
    #discover-savings{
        padding-top: 60px;
    }
    .brook-service-area img{
        width: 280px;
    }
    body.template-color-1 .title-separator::after {
         width: 100%;
    }
    .srvcs-title,.srvcs-content,.srvcs-btn{
        text-align: center;
    }
    .slidecontents{
        display: block;
    }
    .section-ptb-discover {
        padding: 0 30px;
    }
    table.discover-table {
        margin-top: 20px;
    }
    .aistuffmb{
        background-color:#3e3f41;
        padding:30px 15px;
        border-radius: 10px;
    }
    .aistuffmb h3 {
        text-align: center;
        color: #27FF92;
    }
    /*accordion*/
    .bk-accordion-style--2 .card-header h5 a.acc-btn {
        font-size: 16px;
        padding: 14px 14px 14px 26px;
    }    
    body.template-color-1 .bk-accordion-style--2 .card-header h5 a.acc-btn[aria-expanded=true] {
        color: #3e3f41;
    }
    .bk-accordion-style--2 .card-body {
        padding: 5px 5px 21px 26px;
    }
    .bk-accordion-style--2 .card-header h5 a.acc-btn::before {
        left: 5px;
    }
    body.template-color-1 .bk-accordion-style--2 .card-header h5 a.acc-btn[aria-expanded=true]::before {
        left: 10px;
    }
    div#faicc {
        padding: 50px 10px 0 10px;
        font-size: 24px;
        text-align: center;
    }
    div#tmvgm {
        padding: 25px 0px;
        font-size: 16px;
        text-align: center;
    }
    .bg_image-bookacall {
        min-height: auto;
        margin-top: -100px;
        margin-bottom: 50px;
    }
    #rectsavings {
        background-image: none;
        width: 100%;
        height: auto;
        background-color: #80808087;
        border: 1px solid white;
        border-radius: 10px;
    }
    .services-container{
        padding: 0 10px;
    }
    h3.heading.heading-h3{
        font-size: 26px;
    }
    p.heading.heading-h6 {
        font-size: 15px;
    }
    .section-discover.container {
        padding: 0;
    }
    .section-ptb-aichatbot {
        padding: 0;
        min-height: 1500px;
    }
    .popup-mobile-manu .inner .mobileheader {
        background:black;
    }
    .popup-mobile-manu .inner .mobileheader .logo a img {
        width: 75px;
        margin-top: 20px;
    }
}

/*wave*/
.ocean { 
    height: 5%;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background: #044F28;
  }
  
  .wave {
    background: url(../../images/wave4.svg) repeat-x; 
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
  }
  
  .wave:nth-of-type(2) {
    top: -175px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
  }
  
  @keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
  }
  
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0,-25px,0);
    }
    50% {
      transform: translate3d(0,5px,0);
    }
  }
  #qanswered,#faqs{
    margin-bottom: 170px;
  }
  /*scroll*/
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
/*scroller*/
.brand-wheel {
    flex-direction: row;
    align-items: center;
    display: flex;
    overflow: hidden;
    position: relative;
    height: 100px;
    --animationspeed: 45s;
    --animationdelay: calc(var(--animationspeed) / 2);
}

.brand-wheel::before {
    position: absolute;
    background-image: linear-gradient(
        to right,
        rgba(0,0,0, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    content: "";
    height: 100%;
    width: 5%;
    z-index: 2;
    pointer-events: none;
}
.brand-wheel::after {
    position: absolute;
    background-image: linear-gradient(
        to left,
        rgba(0, 0, 0, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    content: "";
    height: 100%;
    width: 5%;
    z-index: 2;
    pointer-events: none;
    right: 0;
}

.brand-slide {
    flex-shrink: 0;
    position: absolute;
    animation-name: slidelogo;
    animation-duration: var(--animationspeed);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    min-width: 100%;
    display: flex;
    justify-content: space-around;
}

.brand-slide.delay {
    transform: translateX(100%);
    animation-name: slidelogo2;
}

.brand-wheel:hover .brand-slide {
    animation-play-state: paused;
}

.logo-div {
    display: inline-flex;
    align-self: center;
    animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
    padding: 0 20px 0 20px;
}

@keyframes slidelogo {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes slidelogo2 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}



/*range*/
.range-wrap {
    position: relative;
    margin: 0 auto 3rem;
  }
  .range {
    width: 100%;
  }
  .bubble {
    background: #38ba6a;
    color: white;
    padding: 4px 12px;
    position: absolute;
    border-radius: 4px;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    border: 1px solid white;
  }
  .bubble::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: #38ba6a;
    top: -1px;
    left: 50%;
  }
/*input arrows*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:default;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: default;
}
@media only screen and (max-width: 575px) {
    .brand-slide{
        min-width: 400%;
    }
}

/*hero section*/
.hero {
    background-image: url(../../images/slider_bg.webp);
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
.hero h1 {
    color: #27ff92;
    font-size: 36px;
    font-family: 'Poppins';
    font-weight: 500;
}
.hero p {
    color: white;
    font-size: 50px;
    font-family: 'Poppins';
    font-weight: bold;
    line-height: 35px;
}
.hero p.textblock {
    color: white;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 30px;
}
.hero .btnblock{
    margin-right: 20px;
}


@media only screen and (max-width: 767px) {
    .btnblock { width: 100%; display:block; margin-bottom: 10px; }
    .hero {
        background-image: url(../../images/767bg.webp);
    }
    .hero h1 {
        color: #27ff92;
        font-size: 26px;
        font-weight: normal;
    }
    .hero p {
        color: white;
        font-size: 27px;
        font-weight: bold;
        margin-bottom: 3px;
    }
    .hero p.textblock {
        color: white;
        font-size: 14px;
        line-height: normal;
        font-weight: normal;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .hero .mgradient{
        background: rgba(0,0,0,.8);
        padding: 19px;
        border-radius: 20px;   
    }
    .header-default .header__wrapper .header-left {
        margin-left: -30px;
    }    
}