.btn1, .btn2{text-decoration: none; width: 100%; max-width: 40px; display: flex; justify-content: center; align-items: center; color: white; min-width: 40px; height: 40px; border-radius: 50%; background-color: var(--blue); box-shadow: inset 2px 2px 10px .5px rgb(67, 66, 66);}
.btn2{background-color: var(--yellow);}

.default_btn1{padding: .5rem 1.5rem; background-color: var(--yellow); border-radius: 50px; text-decoration: none; color: black; font-weight: 600; font-size: 18px; transition: .5s ease; display: block; width: 100%; max-width: fit-content;}
.default_btn2,.default_btn3{padding: .5rem 1.5rem; background-color: white; border-radius: 50px; text-decoration: none; color: black; font-weight: 600; font-size: 18px; transition: .5s ease; width: 100%; max-width: fit-content;}
.default_btn3{padding: .5rem 1.5rem; background-color: var(--blue);color:white;}

.default_btn1:hover, .default_btn2:hover, .default_btn3:hover{background-color: var(--red); color: white;}



/* lines */
.ellipse{display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; }
.e_1{-webkit-line-clamp: 1;}
.e_2{-webkit-line-clamp: 2;}
.e_3{-webkit-line-clamp: 3;}
.e_4{-webkit-line-clamp: 4;}
.e_5{-webkit-line-clamp: 5;}
.e_6{-webkit-line-clamp: 6;}
.e_7{-webkit-line-clamp: 7;}
.e_8{-webkit-line-clamp: 8;}
.e_9{-webkit-line-clamp: 9;}
.e_10{-webkit-line-clamp: 10;}

/* font */
.font_10{font-size: 10px;}
.font_11{font-size: 11px;}
.font_12{font-size: 12px;}
.font_13{font-size: 13px;}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}


.fw_300{font-weight: 300;}
.fw_400{font-weight:400;}
.fw_500{font-weight:500;}
.fw_600{font-weight:600;}
.fw_700{font-weight:700;}
.fw_800{font-weight:800;}
.fw_900{font-weight:900;}

/* font-size */
h1{font-size: 48px; margin: 0; padding: 0;}
h2{font-size: 36px; margin: 0; padding: 0;}
h3{font-size: 30px; margin: 0; padding: 0;}
h4{font-size: 24px; margin: 0; padding: 0;}
h5{font-size: 18px; margin: 0; padding: 0;}
h6{font-size: 10.75px; margin: 0; padding: 0;}

p{padding: 0; margin: 0; color: var(--para);}


/* design_text */
.design_text{position: relative; font-weight: 700; padding-left: 1%;}
.design_text:before{position:absolute; left: 0; background-color:#B3E3F4; border-radius: 50%; width: 100%; max-width: 50px; height: 50px; content: "";z-index: -1; top: 50%; transform: translateY(-50%);}

/* point */
.point{position: relative;display: flex; justify-content: center; align-items: center; width: 100%; max-width: 50px; height: 50%; background-color: #B3E3F4; border-radius: 50%; min-height: 50px; font-weight: 600; margin-right: 1rem; font-family: math; font-size: 24px;}

/* text */
.text_red{color: var(--red);}
.text_blue{color: var(--blue);}
.text_yellow{color: var(--yellow);}
.text_para{color: var(--para);}



/* animation */
@keyframes rotate {
    0%{
        transform: rotate(10deg);
    }
    50%{
        transform: rotate(-10deg);
    }
    100%{
        transform: rotate(10deg);
    }
}


.hover_default{transition: .5s ease;}
.hover_default:hover{background-color: var(--red); color: white;}


.p_card{position: relative;}
.p_overlay{opacity: 0; transform: translateX(-50%); visibility: hidden; position: absolute; display: flex;justify-content: center; align-items: center; top: 0; background-color: var(--red); flex-direction: column;color: white; bottom: 0; right: 0; left: 0; transition: .5s ease;}
.p_overlay p{color: white;}
.p_card:hover .p_overlay{visibility: visible; opacity: 1;  transform: translateX(0);}



/* bg */
.bg_blue{background-color: var(--blue);}
.bg_yellow{background-color: var(--yellow);}
.bg_red{background-color: var(--red);}
.bg_para{background-color: var(--para);}



/* badge */
.badge_red{background-color: var(--red); color: wheat; font-size: 12px; padding: 0 .5rem;}


.bigtext{font-size: 90px; line-height:100px; font-weight: 600; color: white; -webkit-text-stroke: black 1px;}
.list_roman{list-style: lower-roman;}
.list_roman li{margin-right: 1rem;}
.list_roman li:last-child{margin-right: 0;}


.widget, .widget_list{margin-bottom: 1.5rem;}
.widget, .widget_list:last-child{margin-bottom: 0;}
.widget_list img {height: 100%; object-fit: cover;}



.object_cover{object-fit: cover;}
.object_contain{object-fit: contain;}




/* swiper-css */
.swiper-container {width: 100%;height: 100%}

.swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;overflow: hidden}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: none !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none !important;}

#cursor{position: fixed; width: 100%; max-width: 30px; height:30px; border-radius: 50%; border: solid 2px var(--blue); z-index: 6;}