.elementor-1002 .elementor-element.elementor-element-1c3b8b2{--display:flex;--min-height:30vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1002 .elementor-element.elementor-element-1c3b8b2:not(.elementor-motion-effects-element-type-background), .elementor-1002 .elementor-element.elementor-element-1c3b8b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://88degreeschocolate.com/wp-content/uploads/2025/07/Asset-50@2x-scaled.png");background-position:center center;background-size:cover;}.elementor-1002 .elementor-element.elementor-element-1c3b8b2::before, .elementor-1002 .elementor-element.elementor-element-1c3b8b2 > .elementor-background-video-container::before, .elementor-1002 .elementor-element.elementor-element-1c3b8b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1002 .elementor-element.elementor-element-1c3b8b2 > .elementor-background-slideshow::before, .elementor-1002 .elementor-element.elementor-element-1c3b8b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1002 .elementor-element.elementor-element-1c3b8b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;--background-overlay:'';}.elementor-1002 .elementor-element.elementor-element-d27fef9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1002 .elementor-element.elementor-element-2c424fd{text-align:center;}.elementor-1002 .elementor-element.elementor-element-2c424fd .elementor-heading-title{font-family:"allust demo", Sans-serif;font-size:46px;font-weight:400;text-transform:capitalize;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1002 .elementor-element.elementor-element-59dc394 img{width:250px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1002 .elementor-element.elementor-element-f4398d4 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1002 .elementor-element.elementor-element-f4398d4{text-align:center;font-family:"nexa", Sans-serif;font-weight:400;}.elementor-1002 .elementor-element.elementor-element-6477e38 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1002 .elementor-element.elementor-element-6477e38{text-align:center;}.elementor-1002 .elementor-element.elementor-element-6477e38 .elementor-heading-title{font-family:"nexa", Sans-serif;font-size:26px;font-weight:600;color:var( --e-global-color-cca202e );}.elementor-1002 .elementor-element.elementor-element-b34ddb5 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1002 .elementor-element.elementor-element-b34ddb5{text-align:center;font-family:"nexa", Sans-serif;font-weight:400;}.elementor-1002 .elementor-element.elementor-element-35fcae2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1002 .elementor-element.elementor-element-35fcae2:not(.elementor-motion-effects-element-type-background), .elementor-1002 .elementor-element.elementor-element-35fcae2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e380205 );}.elementor-1002 .elementor-element.elementor-element-aa53dff{text-align:center;}.elementor-1002 .elementor-element.elementor-element-aa53dff .elementor-heading-title{font-family:"allust demo", Sans-serif;font-size:46px;font-weight:400;text-transform:capitalize;color:#000000;}.elementor-1002 .elementor-element.elementor-element-0eac5d0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1002 .elementor-element.elementor-element-e927954{--display:flex;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-cca202e );--border-color:var( --e-global-color-cca202e );}.elementor-1002 .elementor-element.elementor-element-5ad4b5c img{height:500px;object-fit:cover;object-position:center center;}.elementor-1002 .elementor-element.elementor-element-22be932{--display:flex;--position:absolute;--min-height:50px;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;bottom:0px;}.elementor-1002 .elementor-element.elementor-element-22be932:not(.elementor-motion-effects-element-type-background), .elementor-1002 .elementor-element.elementor-element-22be932 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cca202e );}body:not(.rtl) .elementor-1002 .elementor-element.elementor-element-22be932{left:0px;}body.rtl .elementor-1002 .elementor-element.elementor-element-22be932{right:0px;}.elementor-1002 .elementor-element.elementor-element-4550567{text-align:center;}.elementor-1002 .elementor-element.elementor-element-4550567 .elementor-heading-title{font-family:"nexa", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1002 .elementor-element.elementor-element-80c1d09{text-align:center;font-family:"nexa", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1002 .elementor-element.elementor-element-7dea94e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1002 .elementor-element.elementor-element-d5f06ac{--display:flex;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-cca202e );--border-color:var( --e-global-color-cca202e );}.elementor-1002 .elementor-element.elementor-element-a9bfc6a img{height:500px;object-fit:cover;object-position:center center;}.elementor-1002 .elementor-element.elementor-element-521d165{--display:flex;--position:absolute;--min-height:50px;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;bottom:0px;}.elementor-1002 .elementor-element.elementor-element-521d165:not(.elementor-motion-effects-element-type-background), .elementor-1002 .elementor-element.elementor-element-521d165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cca202e );}body:not(.rtl) .elementor-1002 .elementor-element.elementor-element-521d165{left:0px;}body.rtl .elementor-1002 .elementor-element.elementor-element-521d165{right:0px;}.elementor-1002 .elementor-element.elementor-element-ae9866a{text-align:center;}.elementor-1002 .elementor-element.elementor-element-ae9866a .elementor-heading-title{font-family:"nexa", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1002 .elementor-element.elementor-element-f1d86a1{text-align:center;font-family:"nexa", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1002 .elementor-element.elementor-element-2d1248b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1002 .elementor-element.elementor-element-eead78d{--display:flex;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-cca202e );--border-color:var( --e-global-color-cca202e );}.elementor-1002 .elementor-element.elementor-element-3e61194 img{height:500px;object-fit:cover;object-position:center center;}.elementor-1002 .elementor-element.elementor-element-03666ba{--display:flex;--position:absolute;--min-height:50px;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;bottom:0px;}.elementor-1002 .elementor-element.elementor-element-03666ba:not(.elementor-motion-effects-element-type-background), .elementor-1002 .elementor-element.elementor-element-03666ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cca202e );}body:not(.rtl) .elementor-1002 .elementor-element.elementor-element-03666ba{left:0px;}body.rtl .elementor-1002 .elementor-element.elementor-element-03666ba{right:0px;}.elementor-1002 .elementor-element.elementor-element-7f79be8{text-align:center;}.elementor-1002 .elementor-element.elementor-element-7f79be8 .elementor-heading-title{font-family:"nexa", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1002 .elementor-element.elementor-element-27be60b{text-align:center;font-family:"nexa", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1002 .elementor-element.elementor-element-06f61b9{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-cca202e );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1002 .elementor-element.elementor-element-1c3b8b2{--content-width:1440px;}}@media(max-width:1024px){.elementor-1002 .elementor-element.elementor-element-06f61b9{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1002 .elementor-element.elementor-element-06f61b9{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-e927954 */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5f06ac */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eead78d */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e927954 */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5f06ac */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eead78d */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e927954 */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5f06ac */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eead78d */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e927954 */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-e927954:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d5f06ac */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-d5f06ac:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eead78d */.hover-state-2{ transition: 0.5s all ease-in-out!important; height: 10% } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-2{ height: 100% } .hover-text-block { opacity: 0; visibility: hidden; transition: 0.5s all } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-text-block { opacity: 1; visibility: visible; } .hover-state-title{ margin-top:140px; transition: 0.5s all ease-in-out } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-title{ margin-top:0px; } .elementor-1002 .elementor-element.elementor-element-eead78d:hover .hover-state-icon{ margin-top: 30px; transform: rotate(90deg) } .hover-state-icon{ transition: 0.5s all ease-in-out }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'allust demo'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://88degreeschocolate.com/wp-content/uploads/2025/05/Allust-Demo.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'nexa'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://88degreeschocolate.com/wp-content/uploads/2025/04/Nexa-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'nexa'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://88degreeschocolate.com/wp-content/uploads/2025/04/Nexa-Heavy.ttf') format('truetype'); } @font-face { font-family: 'nexa'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://88degreeschocolate.com/wp-content/uploads/2025/04/nexa-regular.ttf') format('truetype'); } /* End Custom Fonts CSS */