@font-face {font-family: 'Pixellari';font-style: normal;font-weight: 500;src: local('Pixellari'), url('fonts/Pixellari.woff') format('woff');} 
font[size="1"] {display: none;}
.sanctum_port_template p {color: #82562C;font-size: clamp(16px, 1.4vw, 26px);line-height: 1;}
.orange-color{color: #BE8C74 !important;}
.light-purple{color: #7D82AE !important;}
.purple-color{color:#4B4275 !important;}
.green-color{color:#2C6161 !important;}
.brown-color{color: #72574D !important;}
.gBlue-color{color: #267CAF !important;}
.peech-color{color: #FF6172 !important;}
.blue-color{color: #0077B6 !important;}
.dark-blue{color: #364298 !important;}
.dark-green{color: #3C576C !important;}
.dark-green2{color: #678C9E !important;} 
.sanctum_port_template .g_blue_bg {background: linear-gradient(180deg, #FFFFFF 0%, #EEF3FF 49.52%, #DDE7FF 75.12%, #DDE7FF 110.05%);}
.sanctum_port_template .g_sky_blue_bg {background: linear-gradient(180deg, #FFFFFF 0%, #EEFFFE 45%, #DDFCFF 68.26%, #DDFAFF 100%);}
.sanctum_port_template .g_grey_bg {background: linear-gradient(180deg, #FFFFFF -0.25%, #F6F6F6 44.75%, #F4F4F4 68.01%, #F3F3F3 99.75%);}
.sanctum_port_template .g_yellow_bg {background: linear-gradient(180deg, #FFFFFF 16.12%, #FFFBEE 53.86%, #FFFADD 73.37%, #FFFCDD 100%);}
.sanctum_port_template .g_purple_bg {background: linear-gradient(181.92deg, #FFFFFF 21.52%, #F3EEFF 55.34%, #E2DDFF 91.86%, #E4DDFF 113.48%);}
.multiply{mix-blend-mode: multiply;}                          
.portfolios-template-sanctum-page-template {padding: 0;}
.sanctum_port_template {font-family: 'Pixellari';font-size: clamp(16px, 1.4vw, 26px);font-weight: 100;line-height: 1;transform: translate(0, 90px);margin-bottom: 90px;}
.sanctum_port_template section{padding: 25px 15px;position: relative;}
.sanctum_port_template section.hero_section{padding-inline: 0;display: contents;}
.gradient-text_wrapper {-webkit-mask-image: linear-gradient(to top, rgb(0 0 0), rgba(0, 0, 0, 0.6));}
.sanctum_port_template .gradient-text_wrapper h1 {font-size: clamp(38px, 11.9vw, 227.46px);line-height: 1; font-weight: 100;background: linear-gradient(180deg, #61F2DD 11.65%, #16B4FF 55.44%, #22A2FF 87.86%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent; position: relative;z-index: 1;-webkit-text-stroke: 0.2vw #073868;margin-bottom: 0;}
.sanctum_port_template .gradient-text_wrapper p {font-size: clamp(38px, 11.9vw, 227.46px);line-height: 1;font-weight: 100;color: #0B4883;position: absolute;top: 0.539vw ;z-index: 0;paint-order: stroke fill;-webkit-text-stroke: 0.539vw #ffffff;}
.sanctum_port_template h2 {font-size: clamp(24px, 2.4vw, 44px);line-height: 1;font-weight: 100;color: #344E5F;}
.sanctum_port_template h3 {font-size: clamp(20px, 2.1vw, 40px);line-height: 1;font-weight: 100;color: #4B4275;}
.sanctum_port_template h4 {font-size: clamp(24px, 1.7vw, 32px);line-height: 1;font-weight: 100;}
.sanctum_port_template ul li {font-size: clamp(16px, 1.4vw, 26px);line-height: 1.3;color: #6B40FF;width: 100%;}
.sanctum_port_template ul li::before {content: "*";margin-right: 6px;}
.sanctum_port_template .hero_banner_image img {max-width: 100%;margin: auto;}
.sanctum_port_template .hero_content {position: absolute;left: 11vw;top: 3vw;width: min(100%, 59vw, 1120px);display: flex;flex-direction: column;align-items: center;}
.sanctum_port_template .hero_content h2 {font-size: clamp(18px, 2vw, 36px);text-align: center;width: min(100%, 57vw, 842px);color: #344E5F;paint-order: stroke fill;-webkit-text-stroke: 1px #ffffff;}
.sanctum_port_template .box {position: relative;border-top: 0;border-left: 2px solid transparent;border-right: 2px solid transparent;border-bottom: 2px solid transparent;border-image: linear-gradient(to top, rgba(102, 102, 102, 0.78), white) 1;}
.sanctum_port_template .zig_shape1,
.sanctum_port_template .zig_shape2,
.sanctum_port_template .box::before,
.sanctum_port_template .box::after,
.sanctum_port_template .zig_shape3,
.sanctum_port_template .zig_shape4,
.sanctum_port_template .outer_border_box::before,
.sanctum_port_template .outer_border_box::after {content: "";position: absolute;bottom: 0;left:0;width: 59px;height: 66px;transform: translate(-3px, 3px);}
.sanctum_port_template .box::before,
.sanctum_port_template .box::after,
.sanctum_port_template .outer_border_box::before,
.sanctum_port_template .outer_border_box::after {clip-path: polygon(8px 20px, 8px 28px, 16px 28px, 16px 36px, 24px 36px, 24px 42px, 32px 42px, 32px 50px, 40px 50px, 40px 58px, 48px 58px, 48px 66px, 0 66px, 0 100px, 0% 20px, 5px 20px);background: white;z-index: 1;}
.sanctum_port_template .zig_shape2,
.sanctum_port_template .box::after,
.sanctum_port_template .zig_shape4,
.sanctum_port_template .outer_border_box::after {transform: scaleX(-1) translate(-2px, 3px);right: -1px;left: unset}
.sanctum_port_template .zig_shape1,
.sanctum_port_template .zig_shape2 {clip-path: polygon(10px 18px, 10px 26px, 18px 26px, 18px 34px, 26px 34px, 26px 40px, 34px 40px, 34px 48px, 42px 48px, 42px 56px, 50px 56px, 50px 64px, 0 63px, 0 100px, 2% 20px, 0 18px);background: rgba(102, 102, 102, 0.78); z-index: 0;}
.sanctum_port_template .outer_border_box {position: relative;border-top: 0;border-left: 2px solid transparent;border-right: 2px solid transparent;border-bottom: 2px solid transparent;border-image: linear-gradient(to top, rgba(102, 102, 102, 0.507), white) 1;padding: 0 8px 8px 8px;background-color: #ffffff; }
.sanctum_port_template .zig_shape3,
.sanctum_port_template .zig_shape4 {clip-path: polygon(10px 18px, 10px 26px, 18px 26px, 18px 34px, 26px 34px, 26px 40px, 34px 40px, 34px 48px, 42px 48px, 42px 56px, 50px 56px, 50px 64px, 0 63px, 0 100px, 0% 20px, 0 18px); /*background: rgba(102, 102, 102, 0.507);*/ z-index: 3; background-image: linear-gradient(to right, rgba(102, 102, 102, 0) 1%, rgba(102, 102, 102, 0.507) 1%);}
.sanctum_port_template .outer_border_box::before, 
.sanctum_port_template .outer_border_box::after{z-index: 4 !important;}
.sanctum_port_template .right_img img{max-height: 300px;}
.sanctum_port_template section.inner-section.feature_content .inner_content_wrapper h2::before {content: "";position: absolute;background-image: url('../../../wp-content/uploads/2025/06/shape_1.png');background-repeat: no-repeat;width: min(13vw, 245px);height: min(4vw, 60px);background-size: contain;top: -3vw;right: 0;}
.sanctum_port_template section.services_content .game_ui-content p {position: relative;}
.sanctum_port_template section.services_content .game_ui-content p::after {content: "";position: absolute;background-image: url('../../../wp-content/uploads/2025/06/shape_4.png');background-repeat: no-repeat;width: min(8vw, 141px);height: min(4vw, 76px);background-size: contain;bottom: -5vw;right: 0;left: 0;margin: auto;}
.sanctum_port_template section.milestone_content .inner_content_wrapper h2::before {content: "";position: absolute;background-image: url(../../../wp-content/uploads/2025/06/shape_5.png);background-repeat: no-repeat;width: min(11vw, 215px);height: min(5vw, 89px);background-size: contain;top: -4.5vw;right: 0;}
.bg-img{background-image: url(../../../wp-content/uploads/2025/06/result_bg_img.png);background-repeat: no-repeat;background-size: cover;}
.multiple_section_wrapper{position: relative;margin-top: -148px;}
.sanctum_footer_wrapper{position: relative;}
.shap_wrapper {position: relative;z-index: 20;}
.foot_image_wrapper{position: relative;z-index: -1;}
.multiple_section_wrapper::before{content: "";background-repeat: no-repeat;width: 100%;position: absolute;background-size: 100% 100%;left: 0;right: 0;}
.multiple_section_wrapper::before{background-image: url(../../../wp-content/uploads/2025/06/long-shape-1.png);top: 83px;height:calc(100% - 128vw);mix-blend-mode: saturation;}

/* slider css */
.hotel__slider-main {margin-bottom: 15px;}
.hotel__slider-main img {margin: 0 auto;}
.hotel__slider-thmb .slick-slide {opacity: 0.9;transition: all .3s ease;filter: grayscale(1);transform: scale(0.8);}
.hotel__slider-thmb .slick-slide.slick-active, .hotel__slider-thmb .slick-slide:hover {opacity: 1;}
.hotel__slider-main, .hotel__slider-thmb {display: none;}
.hotel__slider-thmb img {max-width: 100%;}
.hotel__slider-main img,
.hotel__slider-thmb img {display: block;object-fit: cover;}
.hotel__slider-main img{width: 100%;}
.hotel__slider-thmb .slick-slide.slick-current{opacity: 1;filter: unset;transform: scale(1);}
#hotel__slider .slick-slider .slick-list, 
#hotel__slider .slick-slider .slick-track {transform: unset !important;}
#hotel__slider .slick-slider .slick-track{display: flex;align-items: center;}
.foot_section .sanctum_footer_wrapper {position: absolute;bottom: 0;}
.foot_section{height: 22vw;}
.sanctum_port_template .right_img img{max-height:200px ;}

@media (min-width: 380px) {
    .sanctum_port_template .services_content ul li{width: 50%;} 
}
@media (min-width: 580px) {
    .sanctum_port_template ul li::before {content: "*";margin-right: 8px;} 
    .multiple_section_wrapper{margin-top: calc(-39vw + 55px);} 
}
@media (min-width: 768px) {
    .sanctum_port_template .services_content ul li{width: 33.33%;}  
    .sanctum_port_template .services_content img.right-img {scale: 1.3;position: relative;top: -4vw;left: -2vw;}  
    .sanctum_port_template .game_design_content img{margin-top: -80px;} 
    .sanctum_port_template .game_testing_content img{scale: 1.2; position: relative; right: 3vw;} 
    .multiple_section_wrapper::before{height: calc(100% - 125vw)}
    .sanctum_port_template .right_img img{max-height:initial;}
}
@media (min-width: 992px) {
    .sanctum_port_template ul li{width: 50%;}
    .sanctum_port_template section.inner-section.feature_content .inner_content_wrapper h2::before {left: 0;right: 0;margin: auto;}
    .sanctum_port_template section.inner-section.services_content ul {width: 90%;margin: auto;}
    .multiple_section_wrapper::before{height: calc(100% - 122vw);}
}
@media (min-width: 1431px) {
    .sanctum_port_template .col-xxl-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
    .sanctum_port_template .col-xxl-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
    .multiple_section_wrapper::before{height: calc(100% - 120vw);}
}
@media (min-width: 1921px) {
.sanctum_port_template .hero_content {left: -340px;right: 0;margin: auto;}
.multiple_section_wrapper {margin-top: -650px;max-width: 1920px;margin-inline: auto;}
.foot_section {height: 400px;}
.multiple_section_wrapper::before {height: 69%;}
}
@media(max-width: 575.98px){
    .sanctum_port_template .gradient-text_wrapper h1 {font-size: clamp(38px, 16.9vw, 227.46px);}
    .sanctum_port_template .gradient-text_wrapper p {font-size: clamp(38px, 16.9vw, 227.46px);}
    .sanctum_port_template .hero_content {left: 21vw;top: 39vw;}
    .multiple_section_wrapper {margin-top: 0;}
    section.foot_section,
    .multiple_section_wrapper::before{display: none;}
    .portfolios-template-sanctum-page-template .col-sm-10{padding-inline: 0;}
    .sanctum_port_template .outer_border_box {padding: 0 4px 4px 4px;}
    .sanctum_port_template section.hero_section .hero_banner_image {margin-top: -90px;}
    .sanctum_port_template .slick-list {padding-inline: 20px !important;}
    #hotel__slider {background-image: url(../../../wp-content/uploads/2025/07/sanc-slider-bg.png);background-repeat: no-repeat;background-size: 96% 100%;padding: 24px;background-position: center;}
    .hotel__slider-main{margin-bottom: 0;}
    .sanctum_port_template section{padding-top: 0;}
    .sanctum_port_template section.milestone_content .inner_content_wrapper h2::before{display: none;}
}