/*
Theme Name: JupiterX Child
Description: Jupiter X Child Theme
Author: Artbees
Author URI: https://jupiterx.com
Template: jupiterx
Version: 1.0.0
Text Domain: jupiterx
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom CSS codes in assets/less/style.less */


body{padding:78px 0 0 0; margin: 0; box-sizing: border-box; overflow-x: hidden;}
*{padding: 0; margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a,a:hover,a:focus,a:active{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; word-break:break-word;}
p{padding:0 0; margin:0;}
p:last-child{padding: 0; margin:0;}
p:last-of-type {padding: 0; margin:0;}
p:empty{padding:0; margin:0;}	
button:focus{border: none !important; outline: none;}
ul, ol{margin: 0; padding: 0 0 0 20px;}
h1, h2, h3, h4, h5, h6{margin: 0;}


.fix-header{position:fixed !important; top:0; left:0; width:100%; z-index:999; transition:all 0.3s ease-in-out;}
.sticky .fix-header .top-header{transition:all 0.3s ease-in-out; display:none; }
.sticky .fix-header .menu-header .logo-bar{transition:all 0.3s ease-in-out; display:none; }
.sticky .fix-header .menu-header{background:#FFF; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; transition:all 0.3s ease-in-out; }

.fix-header .menu-header .elementor-nav-menu--main ul li a{background:#ffffff4d; border-radius:10px;}
.fix-header .menu-header .elementor-nav-menu--main ul li ul li.current_page_item > a{color:var( --e-global-color-accent );}


.srv-box .elementor-widget-image .elementor-widget-container{position:relative; padding-bottom:70%; display:flex;}
.srv-box .elementor-widget-image .elementor-widget-container img{position:absolute; top:0; left:0;}
.srv-box .elementor-widget-pp-info-box{position:static; z-index:1;}
.srv-box .elementor-widget-pp-info-box .pp-info-box .pp-info-box-content .pp-info-box-title a{color:#1D3863;}
.srv-box .elementor-widget-pp-info-box .pp-info-box .pp-info-box-content .pp-info-box-title a:hover{color:#B7412A;}
.srv-box .elementor-widget-pp-info-box .pp-info-box .pp-info-box-footer{position:absolute; bottom:20px;}
.srv-box .elementor-widget-pp-info-box .pp-info-box .pp-info-box-footer .pp-info-box-button .pp-button-icon svg{fill:#E7A728; transition:all 0.3s ease-in-out;}
.srv-box .elementor-widget-pp-info-box .pp-info-box .pp-info-box-footer .pp-info-box-button:hover .pp-button-icon svg{fill:#1D3863;}

.logo-slider .pp-info-box-container .swiper-wrapper{align-items:center;}
.logo-slider .pp-info-box-container .pp-info-box .pp-info-box-icon-wrap .pp-info-box-icon {position:relative; padding-bottom:35%; display:flex; width:100%;}
.logo-slider .pp-info-box-container .pp-info-box .pp-info-box-icon-wrap .pp-info-box-icon img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; object-position:center center;}

.white-top-shap:after{content:"" !important; position:absolute !important; top:-1px !important; left:0 !important; width:100% !important; height:auto !important; background: url(../../../wp-content/uploads/2025/05/white-top.svg) no-repeat !important; background-size:100% !important; padding-top:16%; }

.white-bot-shap:after{content:"" !important; position:absolute !important; bottom:-1px !important; left:0 !important; width:100% !important; height:auto !important; background: url(../../../wp-content/uploads/2025/05/white-bottom.svg) no-repeat !important; background-size:100% !important; padding-bottom:16%; }

.bot-shap:after{content:"" !important; position:absolute !important; bottom:-1px !important; left:0 !important; width:100% !important; height:auto !important; background: url(../../../wp-content/uploads/2025/05/top-shap.svg) no-repeat !important; background-size:100% !important; padding-bottom:16%; }

.top-shap:after{content:"" !important; position:absolute !important; top:-1px !important; left:0 !important; width:100% !important; height:auto !important; background: url(../../../wp-content/uploads/2025/05/bottom-shap.svg) no-repeat !important; background-size:100% !important; padding-top:16%; }
.top-shap2:after{background: url(images/bottom-shap-white.svg) no-repeat !important; background-size:100% !important;}
.top-shap.strom-top-shape:after{content:"" !important; position:absolute !important; top:-1px !important; left:0 !important; width:100% !important; height:auto !important; background: url(../../../wp-content/uploads/2025/05/bottom-shap-ylw.svg) no-repeat !important; background-size:100% !important; padding-top:16%; }

.top-line:after{content:"" !important; position:absolute !important; top:35px !important; left:0 !important; width:100% !important; height:25px !important; background-color: #e7a728 !important; display:block; }

.why-choose.e-con:before{mix-blend-mode: color-burn;}

.expert:before{content:"" !important; position:absolute !important; bottom:-55px !important; top: auto !important; left:0 !important; width:100% !important; height:25px !important; background-color: #e7a728 !important; display:block !important; z-index:2; }


#spots-image{position:relative;}
#spots-image .elementor-widget-html{position:static;}
#spots-image .spotbox{position:absolute; left:49.5%; bottom:26%; z-index:1;}
#spots-image .spotbox > a{width:22px; height:22px; background:rgba(255,255,255,0.25); border:solid 1px #fff; display:block; border-radius:100%; position:relative; z-index:1;}
#spots-image .spotbox > a:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; display:block; width:6px; height:6px; border-radius:100%; background:#fff;}
#spots-image .spot-content{opacity:0; visibility:hidden; position:absolute; top:50%; left:100px; width:500px; transform:translate(0, -50%); transition:all 0.3s;}
#spots-image .spotbox > a:hover + .spot-content{visibility:visible; opacity:1;}
#spots-image .quote-box{position:relative; float:right; margin:0 0 -117px; text-align:center;}
#spots-image .quote-txt{position:absolute; left:0; right:0; top:0; font-family:var(--e-global-typography-128bd3c-font-family); font-size:20px; color:#13234a; letter-spacing:0.025em; line-height:normal; padding:65px 50px 0; z-index:1;}
#spots-image .moscot-img{float:left; position:relative; z-index:1;}

#spots-image .spotbox-2{left:15%; bottom:47.5%;}
#spots-image .spotbox-3{left:auto; right:33%; bottom:41%;}
#spots-image .spotbox-3 .spot-content,
#spots-image .spotbox-4 .spot-content{left:auto; right:100px;}
#spots-image .spotbox-3 .quote-box,
#spots-image .spotbox-4 .quote-box{float:left;}
#spots-image .spotbox-3 .spot-content img,
#spots-image .spotbox-4 .spot-content img{transform:rotateY(180deg);}
#spots-image .spotbox-3 .moscot-img,
#spots-image .spotbox-4 .moscot-img{float:right;}
#spots-image .spotbox-4{left:auto; right:28%; bottom:55.5%;}
#spots-image .spotbox-5{left:42%; bottom:55%;}

#spots-image .spotbox-6{left:12.5%; bottom:8.5%;}
#spots-image .spotbox-6 .spot-content{top:auto; bottom:0; transform:none; max-width:370px; padding:0 0 720% 0; left:0;}
#spots-image .spotbox-6:hover .spot-content{opacity:1; visibility:visible;}
#spots-image .spotbox-6 .quote-txt{padding-top:45px;}
#spots-image .spotbox-6 .quote-txt p{padding-bottom:16px;}
#spots-image .spotbox-6 .quote-txt > a{display:inline-block; font-size:16px; padding:12px 24px; border-radius:40px; background:var( --e-global-color-secondary ); color:var( --e-global-color-1ba609b );}
#spots-image .spotbox-6 .quote-txt > a:hover{background:var( --e-global-color-accent );}

#spots-image .zoommagnifier-img > .elementor-widget-container{position:relative;}
#spots-image .zoommagnifier-img > .elementor-widget-container:before{content:''; position:absolute; left:5.6vw; bottom:0.4vw; background:url(/wp-content/uploads/2025/06/Matts.svg) center center no-repeat; background-size:contain; height:14vw; width:15vw; display:block;}

.spt-magnifier {position: absolute; width: 130px; height: 130px; border: 6px solid #ffffff57; border-radius: 50%; background-repeat: no-repeat; background-size: 200% 200%; display: none; pointer-events: none; z-index: 100;}


.choose-shap-path { clip-path: polygon(100% 0, 100% calc(100% - 150px), 76% 100%, 0 calc(100% - 150px), 0 0); }
.choose-shap-path:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: #e7a728; background-size: 100%; height: 250px; padding-bottom: 0; clip-path: polygon(100% 0%, 100% calc(0% + 25px), 76% calc(0% + 180px), 0% calc(0% + 25px), 0% 0%, 76% calc(0% + 155px)); }

.review-shap-path { clip-path: polygon(100% calc(0% + 150px), 100% calc(100% - 150px), 76% 100%, 0% calc(100% - 150px), 0% calc(0% + 150px), 24% 0%);}
.review-shap-path:before { content: "" !important; position: absolute !important; top: 0px !important; left: 0 !important; width: 100% !important; background: #e7a728 !important; background-size: 100% !important; height: 250px !important; clip-path: polygon(24% calc(0% + 70px), 100% calc(100% - 25px), 100% 100%, 24% calc(0% + 95px), 0% 100%, 0% calc(100% - 25px)); z-index: 4; }
.review-shap-path:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: #e7a728; background-size: 100%; height: 250px; padding-bottom: 0; clip-path: polygon(100% 0%, 100% calc(0% + 25px), 76% calc(0% + 180px), 0% calc(0% + 25px), 0% 0%, 76% calc(0% + 155px)); z-index:3;}


.faq-shap-path{ clip-path: polygon(100% 0, 100% calc(100% - 150px), 76% 100%, 0 calc(100% - 150px), 0 0); }
.faq-shap-path:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: #e7a728; background-size: 100%; height: 250px; padding-bottom: 0; clip-path: polygon(100% 0%, 100% calc(0% + 25px), 76% calc(0% + 180px), 0% calc(0% + 25px), 0% 0%, 76% calc(0% + 155px)); }



.blog-list .pp-posts .pp-post-wrap .pp-post{height:100%;  padding-bottom:16px; position:relative;}
.blog-list .pp-posts .pp-post-wrap .pp-post .pp-post-thumbnail a{position:relative; padding-bottom:75%; display:flex;}
.blog-list .pp-posts .pp-post-wrap .pp-post .pp-post-thumbnail a img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center;}
.blog-list .pp-posts .pp-post-wrap .pp-post .pp-post-content-wrap .pp-post-content{position:relative;}
.blog-list .pp-posts .pp-post-wrap .pp-post .pp-post-content-wrap .pp-post-meta { position: absolute; top: 0; left: 0; transform: translate(15px, -62px); background: #0d0d0dbf; padding: 10px; }
.blog-list .pp-posts .pp-post-wrap .pp-post .pp-post-content-wrap .pp-posts-button {position:absolute; bottom:16px; left:15px; width:100%; display:inline-flex; align-items:center; fill:#fbc803; gap:5px;}

.blog-list .pp-posts-pagination-wrap .pp-posts-pagination .current,
.blog-list .pp-posts-pagination-wrap .pp-posts-pagination a{min-width:30px; min-height:30px; display:inline-flex; align-items:center; justify-content:center;}

.single-post .elementor-widget-theme-post-content h2{font-family: "Eurostile",Sans-serif; font-weight:600; font-size:30px;}
.single-post .elementor-widget-theme-post-content h3{font-family: "Eurostile",Sans-serif; font-weight:600; font-size:24px;}
.single-post .elementor-widget-theme-post-content h4{font-family: "Eurostile",Sans-serif; font-weight:600; font-size:20px;}
.single-post .elementor-widget-theme-post-content a{color:#E7A82A;}
.single-post .elementor-widget-theme-post-content a:hover{color:#B7412A;}

.blog-sidebar .block-7,
.blog-sidebar .block-8,
.blog-sidebar .block-9 { background-color: #f7f7f7!important; padding: 10px!important; }

.blog-sidebar .block-7 label { display: none!important; }
.blog-sidebar .wp-block-search__inside-wrapper { border-radius: 0; font-size: 15px; font-weight: 600; border: 1px solid #949494; transition: 0.3s; padding: 5px; text-transform: capitalize; letter-spacing: 1px; }

.blog-sidebar .wp-block-search__inside-wrapper input { font-size: 16px; font-weight: 400!important; color: #151515; font-family: "Eurostile",Sans-serif; line-height: 1em; background: #fff0; }

.blog-sidebar .wp-block-search__inside-wrapper button { border: none; background: #fff0; }

.blog-sidebar .jupiterx-widget h3 { font-size: 20px; line-height: 1.3em; font-weight: 700; letter-spacing: .025em; color: #1D3863; padding-bottom: 10px; position: relative; margin: 0; font-family: "Eurostile",Sans-serif; margin: 0 0 20px 0;}
.blog-sidebar .jupiterx-widget h3:before { position: absolute; content: ""; width: 50px; height: 3px; background-color: #E7A82A; left: 0; bottom: 0 ;}

.blog-sidebar .jupiterx-widget ul li a { font-size: 16px; font-weight: 400!important; color: #1D3863; text-decoration: none!important; transition: 0.3s; line-height: 20px; font-family:"Eurostile",sans-serif; }
.blog-sidebar .jupiterx-widget ul li a:hover { color: #E7A82A; }


.c-form .gfield_label{display: none !important;}
.c-form .gform-theme--foundation .gform_fields{grid-row-gap: 20px !important;}

#jupiterx-main .gform_wrapper .gform_fields{gap:24px;}
#jupiterx-main .gform_wrapper .gform_fields .gfield input,
#jupiterx-main .gform_wrapper .gform_fields .gfield select,
#jupiterx-main .gform_wrapper .gform_fields .gfield textarea{box-shadow:none; outline:none; resize:none; padding:12px 16px;}
#jupiterx-main .gform_wrapper .gform_fields .gfield select{appearance:none; -moz-appearance:none; -webkit-appearance:none;}


.txt-link .pp-info-box-content .pp-info-box-description a{color:#fff;}
.txt-link .pp-info-box-content .pp-info-box-description a:hover{color:var( --e-global-color-secondary );}



#spots-image .zoommagnifier-img2 > .elementor-widget-container:before{left:2vw; width:11.25vw; height:11vw; bottom:0;}


.spots-main2 .spotbox .zoomimg{position:absolute; left:calc(100% + 16px); top:0; bottom:0; margin:auto; width:210px; height:210px; border:solid 7px #eaa829; border-radius:100%; overflow:hidden; transition:all 0.3s; transform:scale(0); opacity:0; visibility:hidden;}
.spots-main2 .spotbox a:hover + .zoomimg{transform:scale(1); opacity:1; visibility:visible;}
.spots-main2 .spotbox .zoomimg img{width:100%; height:100%; object-fit:cover;}

.spots-main2 .spotbox-4 .zoomimg{left:auto; right:calc(100% + 16px); /*top:-5.5vw;*/}
.spots-main2 .spotbox-3 .zoomimg{left:auto; right:calc(100% + 16px);}
.spots-main2 .spotbox-2 .zoomimg{/*top:-10vw;*/}

#spots-image .spots-main2 .spotbox-6{left:7%; bottom:6.5%;}
#spots-image .spots-main2 .spotbox-5,
#spots-image .spots-main2 .spotbox-4{bottom:61%;}
#spots-image .spots-main2 .spotbox-3{bottom:48%;}
#spots-image .spots-main2 .spotbox-2{bottom:54%;}
#spots-image .spots-main2 .spotbox-1{left:38.5%; bottom:32%;}

.spots-main2 .spottxtbox{position:absolute; right:4.3%; top:25%; width:21.25vw;}
.spots-main2 .spottxtbox .spottxt-bg{width:100%; float:left;}
.spots-main2 .spottxtbox .spottxt-bg img:not(:last-child){width:18.25vw; float:left; margin:0 0 -4.5vw;}
.spots-main2 .spottxtbox .spottxt-bg img:not(:first-child){width:9.5vw; float:right;}
.spots-main2 .spottxtbox .spottxt-quote{position:absolute; left:0; top:0; right:0; text-align:center; font-family:var(--e-global-typography-128bd3c-font-family); font-size:1.25vw; color:#13234a; letter-spacing:0.025em; line-height:1.3; padding:2vw 2vw 0; width:18.25vw; height:8vw; display:flex; align-items:center;}
.spots-main2 .spottxtbox .spottxt-quote p{margin:0;}
.spots-main2 .spottxtbox .spottxt-quote p:not(.active){display:none;}

.srv-area-list ul > li .pp-icon-list-text{color:#1D3863 !important;}
.srv-area-list ul > li > a .pp-icon-list-text{color:#1D3863 !important;}
.srv-area-list ul > li > a:hover .pp-icon-list-text{color:#B7412A !important;}


.ftr-menu nav ul li > a{color:#FFF !important;}
.ftr-menu nav ul li > a:hover{color:#B7412A !important;}


@media only screen and (max-width: 1360px) {
#spots-image .spot-content{width:400px; left:40px;}
#spots-image .quote-box{margin-bottom:-80px;}
#spots-image .moscot-img{max-width:110px;}
#spots-image .quote-txt{font-size:18px; padding-top:50px;}

#spots-image .spotbox-3 .spot-content,
#spots-image .spotbox-4 .spot-content{right:40px;}
#spots-image .spotbox-6 .spot-content{max-width:320px; padding-bottom:550%;}
#spots-image .spotbox-6 .quote-txt{padding-top:35px;}
#spots-image .spotbox-6 .quote-txt > a{font-size:14px; padding:10px 24px;}

}

@media only screen and (max-width: 1023px) {
#spots-image .spots-main{display:none;}
}

@media (max-width: 1024px) {

.sticky .fix-header .menu-header .logo-bar{transition:all 0.3s ease-in-out; display:block; }
.fix-header .menu-header{background:#FFF; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
#rmp_menu_trigger-122{top:122px !important; right:20px !important; }
.sticky #rmp_menu_trigger-122{top:50px !important; }
#rmp_menu_trigger-122:hover, 
#rmp_menu_trigger-122:focus { text-decoration: none; outline:none;}

body{padding:222px 0 0 0;}
#jupiterx-main .form-main .gform_wrapper .gform_fields{gap:16px;}

}


@media (max-width: 767px) {

#rmp_menu_trigger-122{top:39px !important;}
.sticky #rmp_menu_trigger-122{top:39px !important; }
body{padding:128px 0 0 0;}

.choose-shap-path { clip-path: polygon(100% 0, 100% calc(100% - 50px), 76% 100%, 0 calc(100% - 50px), 0 0); }
.choose-shap-path:after { height: 100px; clip-path: polygon(100% 0%, 100% calc(0% + 25px), 76% calc(0% + 75px), 0% calc(0% + 25px), 0% 0%, 76% calc(0% + 50px)); }

.review-shap-path { clip-path: polygon(100% calc(0% + 50px), 100% calc(100% - 50px), 76% 100%, 0% calc(100% - 50px), 0% calc(0% + 50px), 24% 0%);}
.review-shap-path:before { height:100px !important; clip-path: polygon(24% calc(0% + 30px), 100% calc(100% - 25px), 100% 100%, 24% calc(0% + 55px), 0% 100%, 0% calc(100% - 25px)); z-index: 4; }
.review-shap-path:after { height: 100px; clip-path: polygon(100% 0%, 100% calc(0% + 25px), 76% calc(0% + 75px), 0% calc(0% + 25px), 0% 0%, 76% calc(0% + 50px)); }

.faq-shap-path{ clip-path: polygon(100% 0, 100% calc(100% - 50px), 76% 100%, 0 calc(100% - 50px), 0 0); }
.faq-shap-path:after { height: 100px; clip-path: polygon(100% 0%, 100% calc(0% + 25px), 76% calc(0% + 75px), 0% calc(0% + 25px), 0% 0%, 76% calc(0% + 50px)); }


}