.panel-header ul{
list-style:none;margin:0;padding:0;
}
.text-center{text-align:center;}
.flex {
display: flex;
}
.w-full {
width: 100%;
}
.items-center { }
.overflow-x-auto {
overflow-x: auto;
}
.whitespace-nowrap {
white-space: nowrap;
}
.headline-1 {
font-size: 2rem;
line-height: 120%;
}
.title-1 {
font-size: 1.25rem;
line-height: 145%;
font-weight: 600;
}
.md\:justify-center {
justify-content: center;
}
.border-gray-100 {
border-color: rgb(230 230 230 / 1);
}
.border-r {
border-right-width: 1px;
}
button {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
text-transform: none;
-webkit-appearance: button;
background-color: transparent;
background-image: none;
cursor: pointer;
border: none;
outline: unset !important;
}
button:hover, button:focus{
--tw-text-opacity: 1;
color: rgb(38 160 218 / var(--tw-text-opacity));
background-color: unset;
}
button h3{
font-size: unset !important;
font-weight: 600 !important;
}
.text-primary-200 {
color: rgb(150 210 237 / 1);
}
.text-primary {
color: rgb(38 160 218 / 1);
}
.duration-300 {
transition-duration: .3s;
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.xl\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
*, :before, :after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #ccc;
}
h3, h4{margin:0}
.font-medium {
font-weight: 500;
}
.tracking-\[0\.35px\] {
letter-spacing: .35px;
}
.text-gray-700 {
color: rgb(102 102 102 / 1);
}
.body-1 {
font-size: 1rem;
line-height: 150%;
}
.panel-content{
}
.h-px {
height: 2px;
}
.bg-primary-200 {
background-color: #26A0DA; }
.space-y-2>:not([hidden])~:not([hidden]) {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.body-3 {
font-size: .75rem;
line-height: 150%;
}
.rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.overflow-hidden {
overflow: hidden;
}
.cursor-pointer {
cursor: pointer;
}
.aspect-w-2 {
position: relative;
padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
--tw-aspect-w: 2;
}
.aspect-h-1 {
--tw-aspect-h: 1;
}
.aspect-w-2>* {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.h-full {
height: 100%;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.w-max {
width: max-content;
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(230 230 230 / var(--tw-bg-opacity));
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.space-x-2>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.justify-between {
justify-content: space-between;
}
.mb-2 {
margin-bottom: .5rem;
}
.mt-4 {
margin-top: 1rem;
}
.xl\:w-\[240px\] {
width: 240px;
}
.btn {
position: relative;
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 6px;
border-width: 0px;
padding-left: 0.75rem;
padding-right: 0.75rem;
text-decoration-line: none;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-duration: .15s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
outline: none!important;
box-shadow: none!important;
outline-offset: unset!important;
}
.btn-primary {
--tw-bg-opacity: 1;
background-color: rgb(38 160 218 / var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.btn-sm {
height: 2.25rem;
font-size: .875rem;
line-height: 140%;
}
.\!font-semibold {
font-weight: 600!important;
}
.btn-primary-outline {
--tw-border-opacity: 1;
border: 2px solid rgb(38 160 218 / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(38 160 218 / var(--tw-text-opacity));
}
.xl\:w-\[142px\] {
width: 142px;
}
.btn-primary-outline:hover {
--tw-border-opacity: 1;
border-color: rgb(1 117 171 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(1 117 171 / var(--tw-text-opacity));
}
.w-60{width:60%}
.w-35{width:35%}
.jam-slider {
--slider-init-cols: 1;
--slider-init-odd-even: 1;
--slider-init-sm-cols: 1;
--slider-init-sm-odd-even: 1;
--slider-init-md-cols: 2;
--slider-init-md-odd-even: 1;
--slider-init-lg-cols: 3;
--slider-init-lg-odd-even: 1;
--slider-init-xl-cols: 3;
--slider-init-xl-odd-even: 1;
--slider-init-2xl-cols: 2;
--slider-init-2xl-odd-even: 1;
--slider-init-gutter: 10px;
--slider-init-sm-gutter: 10px;
--slider-init-md-gutter: 16px;
--slider-init-lg-gutter: 22px;
--slider-init-xl-gutter: 48px;
--slider-init-2xl-gutter: 10px;
--slider-init-align: start;
--slider-init-sm-align: start;
--slider-init-md-align: start;
--slider-init-lg-align: start;
--slider-init-xl-align: start;
--slider-init-2xl-align: start;
--slider-init-loop: true;
--slider-init-sm-loop: true;
--slider-init-md-loop: true;
--slider-init-lg-loop: true;
--slider-init-xl-loop: true;
--slider-init-2xl-loop: true;
--slider-init-total: 5;
--slider-init-sm-total: 5;
--slider-init-md-total: 5;
--slider-init-lg-total: 5;
--slider-init-xl-total: 5;
--slider-init-2xl-total: 5;
width: 100%;
--slider-align: var(--slider-init-xl-align, var(--slider-init-lg-align));
--slider-cols: var(--slider-init-xl-cols, var(--slider-init-lg-cols));
--slider-gutter: var(--slider-init-xl-gutter, var(--slider-init-lg-gutter));
}
.jam-slider .jam-slider__container {
-ms-overflow-style: none;
scrollbar-width: none;
position: relative;
display: flex;
width: 100%;
scroll-snap-type: x var(--tw-scroll-snap-strictness);
--tw-scroll-snap-strictness: mandatory;
overflow-x: hidden;
}
.jam-slider .jam-slide {
scroll-snap-align: var(--slider-align);
width: calc((100% + var(--slider-gutter)) / var(--slider-cols));
padding-right: calc(var(--slider-gutter));
}
.jam-slide {
flex-shrink: 0;
}
.slider-pagination {
margin: 2rem 0;
}
.jam-slider__dots .slider-pagination-wrap {
display: flex;
align-items: center;
justify-content: center;
line-height:11px;
}
.slider-pagination-wrap>:not([hidden])~:not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.jam-slider__dots .slider-pagination-item.active {
--tw-bg-opacity: 1;
background-color: rgb(38 160 218 / var(--tw-bg-opacity));
width: 1.5rem;
}
.jam-slider__dots .slider-pagination-item {
cursor: pointer;
border-radius: 9999px;
height: 0.75rem;
width: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(185 225 243 / var(--tw-bg-opacity));
}
.rotate-180 {
transform: translate(0,0) rotate(180deg) skew(0) skewY(0) scaleX(1) scaleY(1);
}
.d-none{display:none;}
.div-desc p{
min-height:75px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.content-item{padding:10px 5px 5px 5px;}
.btn-slide {
position: absolute;
top: 50%;
z-index: 20;
display: flex;
height: 3rem;
width: 3rem;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-border-opacity: 1;
border: 1px solid rgb(38 160 218 / var(--tw-border-opacity)) !important;
--tw-bg-opacity: 1;
background-color: rgb(236 248 255 / var(--tw-bg-opacity)) !important;
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(38 160 218 / var(--tw-text-opacity)) !important;
transition-duration: .15s;
}
.btn-slide.btn-prev {
left: -1rem;
transform: translate(-100%,-50%) rotate(180deg) skew(0) skewY(0) scaleX(1) scaleY(1);
}
.btn-slide.btn-next {
right: -1rem;
transform: translate(100%,-50%) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
}
.panel-desc{ margin: 20px 0 0 0; }
.owl-carousel .owl-item img{
object-fit: cover;
}
.overflow-hidden.rounded-t.cursor-pointer.aspect-w-2.aspect-h-1{
margin: 20px 0;
}
.owl-stage-outer{
}
.content-item{
margin:0 5px;
}
.content-item img:hover {
animation-name: elementor-animation-pulse-grow;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes elementor-animation-pulse-grow{
100% {
transform: scale(1.1);
}
}
.owl-dots{
text-align:center;
margin-top: 20px;
}
button.owl-dot{
width: 0.75rem !important;
height: 0.75rem !important;
border: none !important;
border-radius: 1rem !important;
background-color: rgb(185 225 243 / 1) !important;
cursor: pointer;
margin: 0 3px;
outline: unset !important;
}
button.owl-dot.active{
width: 1.5rem !important;
background-color: rgb(38 160 218 / 1) !important;
}
@media screen and (max-width: 1140px){
.div-panel{width:100% !important}
.panel-header ul{justify-content:unset !important}
}