@charset "utf-8";
/*
Theme Name: Circle WP
*/
*,
*:before,
*:after {
  	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
        box-sizing: border-box;
 	margin:0;padding:0;
}
@font-face {
	font-family:"Outfit-Medium";
	src: url('./fonts/Outfit-Medium.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"Outfit-Light";
	src: url('./fonts/Outfit-Light.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"Outfit-Thin";
	src: url('./fonts/Outfit-Thin.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"Outfit-Regular";
	src: url('./fonts/Outfit-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
html{ -webkit-text-size-adjust: 100%;}
body{ font-size:14px; color:#323232; font-family:"MyriadPro-Regular",Arial, Helvetica, sans-serif;}
img{ max-width:100%; height:auto; vertical-align:middle; }
hr{ clear:both; margin:30px 0; border:0; border-bottom:1px solid #000;}
a{ color:#000000; outline:none; text-decoration:underline;}
p{ line-height:1.5; font-family:"Outfit-Light";}
li{ list-style:none outside none; }
strong,b{ font-weight: bold;}
em,i{ font-style:italic;}
strong em,b em,em strong,em b{ font-weight: bold; font-style:italic}
h1, h2, h3, h4, h5, h6{ line-height:1.5;  font-weight: normal; font-family:"Outfit-Medium";}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:10px;}
a{text-decoration: none;}
/* Always remember to compress your live stylesheet and keep an uncompressed backup */

.inner{max-width: 1340px;padding: 0 20px;margin: 0 auto;}
h3{font-size: 30px;}

.header{padding: 15px 0; position: fixed; top: 0; left: 0; width: 100%; background: rgba(21,21,21,0.38); color: #fff; z-index: 99; transition: background-color 0.3s ease; padding: 13px 0 22px 0;}
.header.scrolled {
    background: rgba(21,21,21,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
}
.header_nav{display: flex; align-items: center; gap: 40px; flex: 1; justify-content: flex-end;}
.header .inner{display: flex; justify-content: space-between;}
.header_nav{display: flex; align-items: center;}
.header_nav li a{color: #fff; font-size: 18px; display: inline-block; font-family:"Outfit-Light"; padding: 5px 0;white-space: nowrap;}
.header_nav li .isactive{position: relative;}
.header_nav li .isactive::after{content: ''; position: absolute; top: 100%; left: 50%; width: 88%; height: 3px; background: #00A0E9; transform: translateX(-50%); border-radius: 2px;}
.mo-menu-btn{display:none}
.header_logo_img{max-width: 349px;}
.mo-menu-btn .close{max-width: 20px;}

.blue_btn{ display: flex; font-size: 22px; align-items: center; padding: 15px 20px; color: #fff; max-width: 200px; width: 100%; border-radius: 10px; gap: 17px;font-family:"Outfit-Light"; border: 2px solid #fff; justify-content: center;}
.blue_btn:hover{background: rgba(255, 255, 255, 0.2);}

.blue_btn img{max-width: 8px; width: 100%; margin-top: 5px;}
/* .change-header{background-color:#FFFFFF;box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.change-header .inner .menu a{color:#000}
.change-header .inner .menu .isactive{color:#FFFFFF}
.change-header .header_logo h1{color: #000;} */

.footer{background: #1E1E1E; color: rgba(255, 255, 255, 0.4); padding: 29px 0;}
.footer .inner{font-size: 12px; display: flex; justify-content: space-between;}
.footer .copyright{font-family:"Outfit-Thin";}
.footer ul li a{color: rgba(255, 255, 255, 0.4); font-size: 14px;font-family:"Outfit-Light"}
.footer ul li a:hover{color: #fff;}
.footer ul{display: flex; align-items: center; gap: 30px;}



.Ready_to_elevate{ background: url(/wp-content/themes/circle_wp/images/ready_to_elevate_bg.webp) no-repeat;background-size: cover; padding-top: 238px; padding-bottom: 66px; position: relative;}
.Ready_to_elevate .Ready_to_elevate_box{display: flex; gap: 67px; }
.Ready_to_elevate_left{ max-width: 490px; width: 100%;}
.Ready_to_elevate_right{margin-top: 100px; color: #fff;}
.Ready_to_elevate_right h2{max-width: 742px; width: 100%; font-size: 35px;}
.Ready_to_elevate_right .blue_btn{margin-top: 38px;}

.Ready_to_elevate .inner_top{display: flex; background: url(/wp-content/themes/circle_wp/images/from_click_bg.webp) no-repeat;background-size: cover; align-items: center; padding: 107px 20px 124px 164px; border-radius: 15px; position: absolute; left: 50%; top: -152px; transform: translateX(-50%); width: 100%; max-width: 1300px;}
.Ready_to_elevate .inner_top div img{max-width: 117px; width: 100%; }
.Ready_to_elevate .inner_top h2{font-size: 40px; color: #fff; margin-left: 32px;}

@media (max-width:1450px){
    .Ready_to_elevate .inner_top{width: 90%; justify-content: center; padding: 100px 20px;}
        
}
@media (max-width:1350px){
	.Ready_to_elevate_right{ margin-top: 0;}
	.Ready_to_elevate .Ready_to_elevate_box{align-items: center;}
	.Ready_to_elevate .Ready_to_elevate_box{gap: 30px;}
}

@media (max-width:1100px){
	.Ready_to_elevate .inner_top div img{max-width: 90px;}
    .Ready_to_elevate .inner_top h2{font-size: 35px;}
    .Ready_to_elevate .inner_top{padding: 80px 20px;top: -110px;}
}
@media (max-width: 1000px){
	.header_logo_img{max-width: 300px;}
}
 @media (max-width: 968px){
	.Ready_to_elevate_right h2{font-size: 30px;}
    .Ready_to_elevate_right .blue_btn{margin-top: 30px;}
 }
    

@media (max-width: 768px){
	.blue_btn{font-size: 15px;padding: 12px 22px 12px 22px; max-width: max-content;}
	.blue_btn img{margin-top: 2px;}

	.Ready_to_elevate{padding: 60px 0;}
    .Ready_to_elevate .Ready_to_elevate_box{ flex-direction: column;}
    .Ready_to_elevate_right{max-width: 490px;}

    .Ready_to_elevate .inner_top h2{font-size: 30px; margin-left: 10px;}

    .Ready_to_elevate{padding-top: 200px;}
    .Ready_to_elevate .inner_top{padding: 60px 20px;}
	
}
@media (max-width: 868px){
	.footer .inner{flex-direction: column-reverse; align-items: center; gap: 10px;}
	.header_nav{display: none;gap:10px 3px;background-color:#FFFFFF;position:absolute;width:100%;left:0;bottom:1px;transform:translateY(100%);flex-direction:column}
	.mo-menu-btn{display:flex;align-items:center;max-width:30px;width:100%;cursor:pointer; justify-content: center;}
	.mo-menu-btn img{display:none;}
	.mo-menu-btn .show{display:block}
	.menu-show{display:flex;padding:20px 0; padding-bottom: 40px;}
	.header_nav li a{color:#000;padding:14px 24px;text-align:center; padding-bottom: 5px;}
}
@media (max-width: 630px){
	.Ready_to_elevate .inner_top{flex-direction: column; align-items: center; text-align: center; padding: 30px 20px;}
	.Ready_to_elevate .inner_top h2{margin-left: 0; margin-top: 10px;}
}

@media (max-width: 530px){
	.header_logo a {gap: 5px;}

}
@media (max-width: 430px){
	.footer ul{flex-direction: column; gap: 10px;}
	.footer .copyright{text-align: center;}

	.header_logo_img{max-width: 220px;}

}
@media (max-width: 360px){
	.footer ul li a{font-size: 12px;}
}
@media (max-width: 350px){
	.Ready_to_elevate .inner_top{top: -145px;}
}