/* 
Theme Name: Absolute It
Template:
Theme URI:       Devbion
Description:     This is Custom WordPress Theme. This Theme is developed by Devbion.
Author:          Devbion
Author URI:      Devbion
Version:         1.0.0
Text Domain:     absoluteit
*/
:root{
	--primary-font: "Space Grotesk", sans-serif;
	--secondary-font:"Poppins", sans-serif;
	--text:#0B2A3C;
	--light-text:rgba(11,42,50,0.9);
	--primary-color:#F89A3A;
	--header-height: 166px;
}

html {
margin-top: 0 !important;
scroll-behavior: smooth;
}

html, body{
margin: 0;
padding: 0;
width: 100%;
clear: both;
overflow-x: hidden;
}
body{
letter-spacing: normal;
font-size: 18px;
padding-top:var(--header-height);
	font-family:var(--primary-font) ;
}
h1, h2, h3, h4, h5, h6{
letter-spacing: normal !important;
font-weight: 500 !important;
}
p{
letter-spacing: normal;
font-size: 16px;
color: #424242;
	font-family:var(--secondary-font)  ;
}
span{
letter-spacing: normal;
color: #424242;
}
ul li{
letter-spacing: normal;
color: #424242;
}
h1{
	font-size:85px;
	font-weight:500;
}
 h2, h3{
font-size: 65px;
}
h4{
font-size: 35px;
}
h5{
font-size: 30px;
}
h6{
font-size: 25px;
}
p{
font-size: 18px;
}
span{
font-size: 18px;
}
ul{
	padding-left:0px;
	margin-bottom:0px;
}
ul li{
font-size: 22px;
}
img{
max-width: 100%;
}
a{
text-decoration: none;
font-size: 16px;
transition: .3s all;

}
a:hover{
text-decoration: none !important;
transition: .3s all;
}
a:focus-visible {
outline: unset;
}
.v-middle {
  vertical-align: middle;
}
/*Header*/
#header {
padding: 30px 0px 15px 0px;
transition: all 0.5s;
z-index: 997;
background-color:#fff;
position: fixed;
width: 100%;
top: 0;
}
.sub-menu-toggle {
  display: none;
}
/* #header.hide_header {
  top: -140px;
} */
.site-logo{
  transition: .3s ease-in-out;
}
.remove_mob_toggle_icon #mobile-nav-toggle {
  opacity: 1;
  transition: .3s ease-in-out;
}
#nav-menu-container {
margin: 0;
width: 100%;
}
.site-logo img{
margin: 0;
}
#nav-menu-container ul li:last-child {
padding-right: 0;
margin-right: 0px;
}

.nav-menu li {
position: relative;

list-style: none;
display:inline-block;
	margin-right:50px;
}
.nav-menu li a {
padding: 0;
text-decoration: none;
display: inline-block;
color: var(--light-text);
font-weight: 500;
font-size: 18px;
outline: none;
}
.sub-menu {
padding: 0px !important;
margin: 0 !important;
padding-top: 10px !important;
max-height: 90vh;
overflow-x: auto;
padding-bottom: 10px !important;
}
.nav-menu .sub-menu li {
border-right: none;
text-align: left !important;
padding: 5px 20px;
display: block;
}
.nav-menu .sub-menu li a{
font-size: 16px;
color: #000;
}
.nav-menu .sub-menu li{
padding-left:15px;
}

.nav-menu .sub-menu li:last-child{
border: none !important;
}
#mobile-nav-toggle {
display: inline;
}
#mobile-nav-toggle {
position: fixed;
right: 0;
top: 0;
z-index: 999;
margin: 35px 30px 0 0;
border: 0;
background: none;
font-size: 24px;
display: none;
transition: all 0.4s;
outline: none;
cursor: pointer;
}
#mobile-body-overly {
width: 100%;
height: 100%;
z-index: 997;
top: 0;
left: 0;
position: fixed;
background: rgba(0, 0, 0, 0.7);
display: none;
}
body.mobile-nav-active #mobile-nav {
right: 0;
}
#mobile-nav {
position: fixed;
top: 0;
padding-top: 90px;
bottom: 0;
z-index: 998;
background:#fff;
right: -300px;
width: 300px;
overflow-y: auto;
transition: 0.4s;
}
#mobile-nav ul {
padding: 0;
margin: 0;
list-style: none;
}
.thumbnail-wrapper{
	position:relative;
}
#mobile-nav ul li {
position: relative;
}
#mobile-nav ul li a {
color: var(--text);
font-size: 17px;
overflow: hidden;
padding: 10px 22px 10px 30px;
position: relative;
text-decoration: none;
width: 100%;
display: block;
outline: none;
font-weight: normal;
}
#mobile-nav .sub-menu li{
  padding-left: 15px;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
color: #18d26e;
}
#mobile-nav ul .menu-has-children i {
position: absolute;
right: 0;
z-index: 99;
padding: 15px;
cursor: pointer;
color: #fff;
}
#mobile-nav ul .menu-item-active {
color: #18d26e;
}
#mobile-nav ul li li {
padding-left: 30px;
}

.menu-has-children ul
{display: none;}

.sf-arrows .sf-with-ul {
padding-right: 30px;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
	transition: 0.3s;
}
.nav-menu > li:hover > a{
	color: var(--primary-color);
}
.nav-menu ul li:hover > a{
	color: var(--primary-color);
}
.nav-menu ul {
margin: 4px 0 0 0;
padding: 10px;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
background: #fff;
}
.nav-menu ul {
position: absolute;
visibility: hidden;
opacity: 0;
transform: translateY(20px);
transition: 0.3s;
top: 100%;
max-height: calc(99vh - var(--header-height));
overflow-y: auto;
margin-bottom: 30px;
left: 20px;
z-index: 99;
min-width: 14rem;
width: 350px;
}
.menu-item-has-children .icon::after {
content: "";
background: url(../angle-down.html);
position: absolute;
top: 22px;
width: 9px;
height: 10px;
background-repeat: no-repeat;
margin-left: 7px;
}
.nav-menu li {
position: relative;
}
.menu-item.current-menu-item > a {
transition: .3s ease-in-out !important;
color: var(--text);
font-weight: 700;
}

.sub-menu .menu-item.current-menu-item a{
color: var(--primary-color) !important;
}
.container-fluid {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.testimonials{
	padding: 100px 0px 150px 0px;
    background-size: 719px 754px;
    background-repeat: no-repeat;
    background-position: right -142px bottom -60px;
    position: relative;
    z-index: 2;
    margin-bottom: -50px;
}
.testimonials .container-fluid{
	padding-inline:0px !important;
}
.testimonials .img-abs{
	position:absolute;
	max-width:670px;
	bottom:-64px;
	right:-114px;
	z-index:2;
}
.review_links{
	text-align:end;
}
.review_links li{
	list-style:none;
	display:inline-block;
	padding-inline:25px;
	position:relative;
} 
.review_links li img{
	height:50px;
}
.review_links li:not(li:last-child)::after{
	content:'/';
	position:absolute;
	right:-15px;
	top:-3px;
	bottom:0;
	margin:auto;
	color:var(--primary-color);
	font-size:40px;
}
.testimonial_head img {
    width: 50px !important;
    height: 50px;
    border-radius: 7px;
    display: inline-block !important;
	margin-right:30px;
}
.owl-dots{
	text-align:center;
	margin-top:40px !important;
}
.owl-dots .owl-dot{
	width:40px !important;
	height:3px !important;
	margin-right:10px;
	background-color:rgba(218,127,35,0.20) !important;
}
.owl-dots .owl-dot:is(.active,:hover){
	background-color:rgba(218,127,35,1) !important;
}
.testimonials .owl-item{
	opacity:0.2;
}
.testimonials .owl-item.active{
	opacity:1;
}
.test_card{
	padding:39px;
	border:1px solid transparent;
	border-radius:12px;
	margin-top: 43px;
}
.colored :is(.test_card,.ti-inner){
	background-color:rgba(248,154,58,0.10);
	border-color:rgba(248,154,58,0.36);
	position:relative;
}
.colored  :is(.test_card,.ti-inner)::before{
	content:'';
	position:absolute;
	top:-19px;
	right:80px;
	background-repeat:no-repeat;
	background-image:url('../svg/quote-orange-2.svg');
	width:87px;
	height:87px;
}
.test_content p{
	margin-bottom:0px;
	font-weight:500;
}
.testimonial_head{
	margin-bottom:30px;
	position:relative;
}
.testimonial_head::after{
	position:absolute;
	right:0;
	top:0;
	content:'';
	margin:auto;
	background-image:url('../svg/google-2.svg');
	width:26px;
	height:26px;
	background-repeat:no-repeat;
}
.top_header{
	text-align:end;
}
.top_header .head_contact{
	display:inline-block;
	padding:0px 33px 0px 24px;
	text-align:left;
}
.head_contact a:hover{
	color: var(--primary-color) !important; 
	transition: 0.3s;
}
.head_contact strong a:hover{
	color: var(--text) !important; 
	transition: 0.3s;
}
.header_top{
	padding-bottom:20px;
	position:relative;
	margin-bottom:10px;
}
.header_top::after{
	content:'';
	position:absolute;
	left:-100%;
	bottom:0;
	width:300%;
	height:1px;
	background-color:rgba(11,42,60,0.2);
	
}
.top_header .head_contact:not(.head_contact:last-child){
	border-right:1px solid rgba(11,42,60,0.2);
}
.top_header .head_contact *{
	color:var(--text);
	font-size:12px;
	font-weight:300;
}
.top_header .head_contact p:first-child,.top_header .head_contact p:first-child *{
	color:var(--primary-color);
	color:var(--text);
	transition: 0.3s;
	font-weight:600;
	font-size:20px;
}
.top_header .head_contact p{
	margin-bottom:5px;
}
/*Header ENd*/
/*************************Homepage Banner ***************************/
.btn{
	background-color:var(--primary-color);
	padding:0px 24px;
	display:inline-block;
	text-align:center;
	line-height:54px;
	border-radius:7px;
	color:#fff;
	font-size:18px;
	font-weight:500;
} 
.home .btn{
	background-color: var(--text);
}
.home .btn:hover{
	
	background-color: transparent;
}
.hero_banner a:not(.btn){
	color:var(--primary-color);
	margin-left:15px;
	font-size: 20px;
	font-weight: 600;
	display:inline-block;
}
.hero_banner a i{
	font-weight:normal;
	color:var(--primary-color);
	margin-right:8px;
	font-family:'Fontawesome';
}
.hero_banner .button_wrapper{
	margin-top:30px;
}
.hero_banner :is(h1,h2){
	letter-spacing:-5px !important;
}
.home .hero_banner h1{
	color: var(--primary-color);
	font-size: 35px;
	letter-spacing: -1px !important;
}
.home .hero_banner h3{
	margin-bottom: 20px;
	letter-spacing:-2px !important;
}
.banner-right{
	position:absolute;
	right:0;
	width:893px;
	max-width:45%;
	display:flex;
	flex-direction:column;
	justify-content:end;
	bottom:0;
	margin:auto;
	height:100%;
}
.banner-right img{
	display:block;
	text-align:right;
	max-height:100%;
	width:100%;
	object-fit:contain;
}
.hero_banner{
	min-height:calc(100vh - 166px);
	padding:30px 0px;
	display:flex;
	background-size:cover;
	flex-direction:column;
	justify-content:center;
	position:relative;
	z-index:2;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right;
}
.hero_banner::after{
	content:unset;
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index:-2;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url('../webp/banner_image-1-scaled.webp');
}
.hero_banner video{
	    position: absolute;
    left: 0;
    top: 0;
	object-fit:cover;
    width: 100% ;
    height: 100%;
    z-index: -2;
}
.hero_banner::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(11,42,60,0.64);
	z-index:-1;
}
.hero_banner *{
	color:#fff;
}
.hero_banner :is(p){
	max-width:90%;
	font-size:22px;
	font-family:var(--secondary-font);
	font-weight:300;
}
/******************IT SOLUTIONS*************************/
.it_sec{
	padding:100px 0px;
}
.read_more{
	color:var(--primary-color);
	padding:48px 0px 30px 0px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	display:block;
	text-decoration:underline;
	color:var(--text);
}
.read_more img{
	height: 11px !important;
	display: inline-block;
	margin-left: 5px;
	transition: 0.3s;
}
.read_more:hover img{
	transform: translateX(5px);
	transition: 0.3s;
}
.block_content  h2{
	letter-spacing: -5px !important;
	font-size:85px;
	font-weight:500 !important;
}
.our_card :is(h3,h4,h5){
	font-size:32px;margin-top:15px;
	font-weight:500 !important;
	letter-spacing: -2px !important;
}
.card_row{
	 counter-reset: section;
}
.our_card::before{
	counter-increment: section;
  content: " / 0" counter(section) "";
	color:var(--primary-color);
	font-size:18px;
	font-weight:500;
}
.our_card {
	margin-top:50px;
	position:relative;
}
.block_content.orange p:last-child a{
	position:relative;
	z-index:1;
	font-size:18px;
	padding-left:25px;
	font-weight:500;
	color:var(--primary-color);
	color:var(--text);
}
.home .it_sec .block_content.orange p:last-child a{
background-color: var(--text);
padding: 10px 20px 10px 35px;
color: #fff;
border-radius: 5px;
}
.home .it_sec .block_content.orange p:last-child a:hover{
	background-color: var(--primary-color);
	color: #fff;
}
.block_content.orange p:last-child a::before{
	content:'\f061';
	position:absolute;
	left:0;
	top:0;
	font-family:'Fontawesome';
}
.ti-widget.ti-goog .ti-read-more span{
	opacity: 1 !important;
	font-size: 15px !important;
}
.home .it_sec .block_content.orange p:last-child a::before{
	left: 10px;
	top: 10px;
}
.block_content :is(h2,h1) strong{
	color:var(--primary-color);
	font-weight:500 !important;
}
.why_choose .block_content li{
	list-style:none;
	position:relative;
}
.left_choose a{
	margin-top:10px;
}
.why_choose .block_content li strong{
	padding-left:15px;
	display:block;
}
.why_choose .block_content li::before{
	content:'/';
	color:var(--primary-color);
	left:0;
	font-size:32px;
	position:absolute;
	top:0;
}
.hero_banner a:not(.btn):hover,.hero_banner a:not(.btn):hover i{
	color:#fff;
	transition:0.3s;
}
.block_content.orange-btn p:last-child a{
	background-color:var(--primary-color);
	color:#fff;
	padding:13px 35px;
	font-family:var(--primary-font);
	border-radius:7px;
	display:inline-block;
	font-size:18px;
	font-weight:500;
	transition:0.3s;
	border:1px solid transparent;
}
.orange_sec p:last-child a:hover{
	background-color:var(--primary-color);
	color:#fff;
	outline:1px solid #fff;
	transition:0.3s;
}
.why_choose::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:var(--text);
	opacity:85%;
	z-index:-1;
}
.why_choose{
	max-width: 1540px;
    width: calc(100% - 30px);
    margin: 50px 15px;
    margin-inline: auto;
	background-image:url('../webp/orange_shade.webp');
  	background-color:var(--text);
	background-size:contain;
	overflow:hidden;
	background-position:center center;
    padding: 100px 0px;
    border-radius: 21px;
	z-index:1;
	position:relative;
}
.why_choose .block_content :is(p,h2,h1,strong,li){
	color:#fff;
}
.why_choose .block_content :is(h2,h1) strong{
	color:var(--primary-color);
	font-weight:500 !important;
}
.block_content :is(li){
	font-size:17px;
}
.block_content :is(li):not(li:last-child){
	margin-bottom:30px;
}
.block_content :is(li) strong{
	padding-bottom:20px;
	font-size:32px;
	font-weight:500;
}
.why_choose .block_content :is(p){
	font-size:20px;
	font-weight:300;
}
.why_choose .block_content p:not(p:last-child) a{
	color: var(--primary-color);
	font-size: 20px;
	transition: 0.3s;
}
.why_choose .block_content p:not(p:last-child) a:hover{
	text-decoration: underline;
	transition: 0.3s;
}
.why_choose .left_choose{
padding-right:80px;	
}
.it_sec .orange_main{
	position:relative;
	z-index:1;
	margin-top:unset;
	border-radius:7px;
	margin-top:110px;
	z-index:2;
	margin-bottom:-180px;
}
.it_sec .orange_main p{
	color:#fff;
}

.it_sec .orange_main::before{
	background:var(--primary-color) !important;
	border-radius:7px !important;
}
.it_sec .orange_main::after{
	border-radius:7px !important;
}
.it_sec .quote{
	left:unset;
	right:30px;
	max-width:65px;
}
/******************************brands***************************/
.logo_section{
	background-color:var(--text);
	padding:70px 0px 70px 15px;
}
.logo_section .owl-stage{
	display:flex;
	align-items:center;
}
.brand_logos img{
	max-height:77px;
	object-fit:contain;
}
/****************************our Solutions***********************/
.our_soltions{
	padding:100px 0px;
}
.our_soltions h2{
	margin-bottom:40px;
}
.solution_card :is(h3,h4){
	font-size:25px;
	margin-top:25px;
	margin-bottom:18px;
	font-weight:700;
	color:var(--text);
	position:relative;
}
:is(.sol_page) .solution_card :is(h3,h4){
	font-size:25px;
}
:is(.sol_page) .solution_card.orange h3{
	color:var(--text);
}
:is(.sol_page) .solution_card.lightorange h3{
	color:var(--text);
}
:is(.sol_page) .solution_card.lightorange h3 i{
	color:var(--primary-color);
}
:is(.sol_page) .solution_card img,.home .solution_card img{
	height: 87px;
	object-fit: contain;
}
.plans .solution_card img{
	height: 40px;
	margin-bottom: 25px;
}
.plans .solution_card p{
	margin-bottom: 0px;
}
.solution_card li{
	list-style:none;
	font-size:18px;
	padding:18px 33px 18px 33px;
	position:relative;
	font-family:var(--secondary-font);
}
/* :is(.sol_page) */
 .solution_card li{
	padding:18px 23px 18px 51px;
}
.home .solution_card ul li:nth-child(odd){
	background-color:rgba(168,168,168,0.13);
}
:is(.sol_page) .solution_card ul li:nth-child(even){
	background-color:rgba(168,168,168,0.13);
}
.solution_card p{
	font-size:18px;
}
.solution_card{
	border-radius:21px;
	border-top-left-radius:0px;
	background-color:#F6F6F6;
	border:1px solid #E8E8E8;
	height:100%;
	overflow:hidden;
}
.solution_card.lightorange{
	background-color:rgba(248,154,58,0.09);
	border:2px solid rgba(248,154,58,0.39);
}
.sol_page .solution_card.lightorange{
	background-color: rgba(255, 213, 171, 0.64);
    border: 2px solid rgba(248,154,58,1);
}
.home .solution_card.lightorange ul li:nth-child(odd){
	background-color:rgba(248,154,58,0.11);
}
:is(.sol_page) .solution_card.lightorange ul li:nth-child(even){
	background-color:rgba(248,154,58,0.11);
}
.solution_card.lightorange h3{
	color:var(--primary-color);
	color:var(--text);
}
.sol_page .solution_card.orange{
	background-color:rgba(248,154,58,0.09);
	border:2px solid rgba(248,154,58,0.39);
}
.solution_card.orange{
		background-color:rgba(255,213,171,0.64);
	border:2px solid rgba(255,213,171,0.64);;
}
.home .solution_card.orange ul li:nth-child(odd){
	background-color:rgba(0,0,0,0.04);
}
:is(.sol_page) .solution_card.orange ul li:nth-child(even){
	background-color:rgba(0,0,0,0.04);
}
.solution_card .solution_inner{
padding:33px 32px 18px 33px;	
}
/* :is(.sol_page)  */
.solution_card ul li::before{
	  content: '\f058';
    font-family: 'Fontawesome';
    color: var(--primary-color);
    left: 28px;
    position: absolute;
    top: 18px;
	font-size:16px;
}
.home .solution_card .solution_inner{
	padding-right:25px;
}
.home .solution_card li{
	padding-right: 24px;
}
.home .solution_card p{
	margin-bottom: 28px;
}
.plans .solution_card{
	height:unset;
}
.plans .solution_card ul li:nth-child(even){
	background-color:rgba(168,168,168,0.13);
}
.plans .solution_card ul li:nth-child(odd){
	background-color:rgba(168,168,168,0.0);
}
.plans .solution_card.lightorange ul li:nth-child(even){
	background-color:rgba(248,154,58,0.11);
}
.plans .solution_card.lightorange ul li:nth-child(odd){
	background-color:rgba(248,154,58,0.0);
}
.plans .solution_card.orange ul li:nth-child(even){
	background-color:rgba(0,0,0,0.04);
}
.plans .solution_card.orange ul li:nth-child(odd){
	background-color:rgba(0,0,0,0.00);
}
.plans .solution_head{
	margin-bottom:50px;
	width:950px;
	max-width:100%;
}

/*******************************our Blogs**************************/
.blog-pagination{
	text-align:center;
}
.blog-pagination .page-numbers.current{
	color:var(--primary-color);
}
.blog-pagination .page-numbers{
	color:var(--text);
	font-size:18px;
	font-family:var(--primary-font);
	font-weight:500;
	margin-right:15px;
}
.thumnnail-wrapper{
	position:relative;
}
.blog_listing .blog-card{
	margin-bottom:40px;
}
.blog_listing{
	padding:100px 0px;
}
.blog_listing input[type="search"]{
	width:100%;
	border-radius:7px;
	border:1px solid rgba(11,42,60,0.6);
	padding:10px 20px;
	transition: 0.3s;
}
.blog_listing input[type="search"]:focus-visible{
	outline: unset;
	border-color: var(--primary-color);
	transition: 0.3s;
}
.date_published{
	background-color:var(--primary-color);
	display:inline-block;
	padding:11px 23px;
	border-radius:7px;
	min-width:79px;
	position:absolute;
	right:25px;
	text-align:center;
	bottom:25px;
}
.listing_right{
	background-color:var(--text);
	padding:35px;
	margin-left:30px;
	border-radius:7px;
}
.listing_right *{
	color:#fff;
}
.date_published *{
	color:#fff;
	line-height:normal;
	margin-bottom:0px;
	font-weight:500;
	font-family:var(--primary-font);
}
.date_published strong{
	font-size:33px;
}
.date_published p{
	font-size:18px;
}
.blog-pagination .page-numbers *{
		font-size:18px;
	font-family:var(--primary-font);
	font-weight:500;
}
.blog-card{
	display:block;
	width:100%;
}
.blog-card img{
	width:100%;
	border-radius:12px;
	object-fit: cover;
	height: 236px;
}
.our-blogs{
	padding:100px 0px 50px 0px;
}
.our-blogs h2{
	font-weight:500;
	color:var(--text);
	margin-bottom:30px;
}
.blog-card :is(h2,h3,h4){
	font-size:26px;
	color:var(--text);
	margin:25px 0px 10px 0px;
	font-weight:500;
	min-height:70px;
	transition: 0.3s;
}
.blog-card p{
	font-size:17px;
}
.blog-card :is(span , span i){
	font-size:18px;
	color:var(--primary-color);
	color:var(--text);
}
.blog-card i{
	margin-right:10px;
}
.btn:hover{
	border:1px solid var(--primary-color);
}
.btn.white:hover{
	border:1px solid #fff;
}
.block_content.orange-btn p:last-child a:hover{
	background-color:#fff;
	transition:0.3s;
	color:var(--primary-color);
	border:1px solid #fff;
}
#serviceTabs{
	border:unset;
	margin-bottom:50px;
}
#serviceTabs *{
	border:unset !important;
	padding:unset;
}
#serviceTabs li a{
	font-size:20px;
	font-weight:500;
	color:rgba(11,42,60,0.6);
}
#serviceTabs li a.active{
	color:rgba(11,42,60,1);
}
#serviceTabs li:not(li:last-child){
	margin-right:40px;
}
.tab-content .service_card{
	/* min-height:589px; */
	background-position: center center;
	margin-bottom:30px;
}
.service_card{
	overflow:hidden;
}
.serv-wrap{
	position: relative;
	z-index: 1;
}
.serv-wrap::after{
	content: '';
	position: absolute;
	inset: 0;
	height: calc(100% + 20px);
	width: 100%;
	background-color: var(--primary-color);
	opacity: 28%;
}
.serv-wrap img{
	/* height:250px; */
	width: 100%;
	/* object-fit: contain; */
	margin-bottom: -20px;
}
.tab-content .service_card .service_cardwrapper{
	min-height:236px;
	background-position: center center;
	display:flex;
	flex-direction:column;
	justify-content:baseline;
	padding-top:60px;
	z-index: 9;
}
.blog-search{
	position:relative;
}
.blog-search .search-submit{
	color:var(--primary-color);
	border:unset;
	background:unset;
	position:absolute;
	right:10px;
	top:10px;
}
.search-field::-webkit-search-cancel-button {
    padding-right:30px;
}
.service_content .content_block{
	padding:30px 0px 50px 0px;
}
.service_content .content_block :is(h1,h2){
	font-size:50px;
	font-weight:500;
	margin:30px 0px;
}
.service_content .content_block *{
	color:var(--text);
}
.service_content .content_block h6{
	font-size:26px;
	font-weight:300;
}
.service_content .content_block ul{
	padding-left:15px;
	margin-bottom:15px;
}
.service_content .content_block li::marker{
	color:var(--primary-color);
	font-size:27px;
}
.service_content .content_block :is(ol,ul) li{
	font-size:18px;
	font-family:var(--secondary-font);
	
}
.related-services{
	border-radius:12px;
	padding:35px;
	overflow:hidden;
	background-color:#F7F7F7;
	    position: relative;
    z-index: 1;
    margin-top: -150px;
margin-left:40px;
}
.related-services.blog{
	margin-top:unset;
}
.related-services h3{
	font-size:28px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(11,42,60,0.2);
	font-weight:700;
} 
.related-services ul{
	list-style:none;
	padding-left:0px;
	margin-top:10px;
}
.related-services li a{
	display:block;
	position:relative;
	z-index:1;
	font-size:16px;
	font-weight:500;
	color:var(--text);
	line-height:31px;
	margin-bottom:5px;
}
.related-services li a::before{
	content:'';
	position:absolute;
	left:-40px;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	height:100%;
	z-index:-1;
	transition:0.3s;
	width:00%;
	background-color:var(--primary-color);
}
.related-services li a:is(:hover,.active)::before{
	width:200%;
	transition:0.3s;
}
.related-services li a:is(:hover,.active){
	color:#fff;
}
.related-services.blog .blog-card :is(h3,h4,h5){
	font-size:20px;
	min-height:unset;
}
.related-services.blog .blog-card:not(.blog-card:last-child){
	margin-bottom:32px;
}
.related-services.blog .date_published{
	right:unset;
	left:20px;
	min-width:60px;
	padding-inline:14px;
}
.related-services.blog .date_published strong{
	font-size:20px;
}
.related-services.blog .blog-card p{
	font-size:15px;
}
.related-services.blog .blog-card span{
	font-size:16px;
}
.related-services.blog .date_published p{
	font-size:16px;
}
/***************************Single Blog**********************************/
.single_blog{
	padding:100px 0px;
}
.banner_wrapper {
	position:relative;
}
.banner_wrapper .post-meta{
	position:absolute;
	left:30px;
	bottom:30px;
	display:flex;
	justify-content:flex-start;
}
.meta_detail{
	background-color:#fff;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:16px 20px 16px 40px;
}
.meta_detail p{
	margin-bottom:0px;
	font-family:var(--primary-font);
	font-size:16px;
	font-weight:500;
	color:var(--text);
}
.service_content .content_block ol li::marker{
	font-size:unset;
	color:var(--text);
}
.service_content .content_block ol{
	padding-left:15px;
	margin-bottom:20px;
}
.banner_wrapper img{
	border-radius:12px;
	width:100%;
	object-fit: cover;
	min-height:400px;
}
.banner_wrapper .date_published{
   position:unset;
	z-index:1;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	margin-right:-20px;
}
.single_blog .content_block :is(h1){
	font-size:65px;
	margin:30px 0px;
}
.single_blog .content_block :is(h2,h3){
	font-size:32px;
	margin:30px 0px 20px 0px;
}
.share_ul{
	display:flex;
	flex-wrap:wrap;
}
.share_ul span{
	margin-right:10px;
	display:block;
}
.share_ul .share_list{
	padding-left:0px;
}
.share_ul .share_list li{
	display:inline-block;
	list-style:none;
	padding-left:10px;
}
.share_ul .share_list li a:hover i{
	color:var(--text);
	transition: 0.3s;
}
.share_ul .share_list li a i{
color:var(--primary-color);
transition: 0.3s;
}
/**********************************FAQS****************************/
.faq-page{
	padding:100px 0px;
}
.faq-page .accordion-button {
	font-size:24px;
	font-weight:500;
	color:var(--text);
	padding-top:36px;
	padding-bottom:36px;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.faq-page *{
	border:unset;
	box-shadow:unset;
	background-color:unset !important;
	border-radius:unset !important
}
.faq-page .accordion-button[aria-expanded="true"]{
	color:var(--primary-color);
	border-bottom:unset;
	padding-bottom:unset;
}
.accordion-header:hover button,.accordion-header:hover .accordion-button::before{
	color: var(--primary-color);
	transition: 0.3s;
}
.faq-page .accordion-body
{
	padding-bottom:30px;
}
.faq-page .accordion-button::before{
	left:unset;
	right:0;
	content:'\f107';
	color:var(--text);
}
.faq-page .accordion-button[aria-expanded="true"]::before{
	content:'\f106';
}
/***********************************Our Services********************************/
.our_services{
	padding:160px 0px;
	background-color:rgba(11,42,60,0.03);
}
.our_services .block_content.left :is(h3,h4,h5,h6){
	font-size:27px;
	letter-spacing:-1px !important;
	color:var(--text);
}
.our_services .block_content.left :is(h3,h4,h5,h6):not(:is(h3,h4,h5,h6):last-child){
	margin-bottom:35px;
}
.our_services .block_content.left{
	padding-right:44px;
	margin-top:40px;
	border-right:1px solid #C9C9C9;
}
.our_services .block_content.right{
	padding-left:44px;
	margin-top:40px;
}
.service_card{
	min-height:unset;
	border-radius:12px;
	position:relative;
	z-index:1;
	background-position: center center;
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
	flex-direction:column;
	justify-content:end;
}
.single-service_area .service_card{
	min-height: unset;
}
.service_card::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:var(--primary-color);
	opacity:28%;
	z-index:-1;
	
}
.service_cardwrapper{
	background-color:var(--text);
	padding:30px;
	border-radius:12px;
	z-index: 9;
}
.service_cardwrapper *{
	color:#fff;
}
.service_cont{
/* 	padding-left:10%; */
	margin-top:60px;
}
.service_card:hover :is(h5,strong){
	color:var(--primary-color);
	transition:0.3s;
}
.service_cardwrapper :is(h5,strong){
	font-size:26px;
	margin-bottom:15px;
	transition:0.3s;
}
.service_cardwrapper p{
	font-size:16px;
	margin-bottom:0px;
}
 
/******************FAQS**********************************/
.faqs_section{
	max-width:1540px;
	width:calc(100% - 30px);
	margin:50px 15px;
	margin-inline:auto;
	background-color:var(--text);
	padding:100px 0px;
	border-radius:21px;
}
.faqs_section :is(h1,h2){
	font-size:65px;
	color:#fff;
}
#accordionfaq{
	margin-top:80px;
}
.faqs_section :is(.accordion-item,.accordion-button){
	background-color:unset;
	color:#fff;
	font-size:18px;
	font-family:var(--secondary-font);
	font-weight:500;
	border:unset;
}
.faqs_section .accordion-button{
	padding:34px 0px 34px 27px;
	border-bottom:1px solid rgba(255,255,255,0.2);
	position:relative;
}

.faqs_section .accordion-button[aria-expanded="true"]{
	color:var(--primary-color);
	border-bottom:unset;
	padding-bottom:25px;
}
.faqs_section .accordion-body{
		padding-top:0px;
	padding-left:27px;
}
.faqs_section .show .accordion-body{
	border-bottom:1px solid rgba(255,255,255,0.2);

}
.accordion-button:not(.collapsed){
	box-shadow:unset;
}
.faqs_section .accordion-body *{
	color:#fff;
	font-size:18px;
}
.accordion-button::after{
	display:none;
}
.accordion-button::before{
	content:'';
	position:absolute;
	left:0;
	 content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
	color:#fff;
	top:30px;
}
.accordion-button[aria-expanded="true"]::before{
	color:var(--primary-color);
	content:'\f0d8';
}
/*********************inner Banner******************************/
.inner_banner{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	min-height:340px;
	padding:50px 0px;
	display:flex;
	position:relative;
	z-index:1;
	flex-direction:column;
	justify-content:end;
}
.inner_banner::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	margin:auto;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:var(--text);
	opacity:64%;
}
.inner_banner::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	margin:auto;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:var(--text);
	opacity:64%;
}
.inner_banner :is(h1,h2){
	color:#fff;
	font-size:65px;
	position:relative;
	padding-left:40px;
	line-height:83px;
	letter-spacing:-3px !important;
}
.inner_banner :is(h1,h2)::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:65%;
	margin:auto;
	bottom:0;
	width:7px;
	background-color:var(--primary-color);
}
.contact_section{
	background-color:rgba(11,52,60,0.03);
	padding:100px 0px;
}
.contact_section :is(h2,h3){
	font-size:45px;
	margin-bottom:25px;
}
.contact_section ul li{
	list-style:none;
	padding-left:25px;
	position:relative;
	font-size:16px;
	font-family:var(--secondary-font);
}
.contact_section ul li strong{
	font-size:18px;
	font-family:var(--secondary-font);
	font-weight:500;
}
.contact_section ul{
	margin-bottom:20px;
}
.contact_section ul li::before{
	content:'\f058';
	font-family:'Fontawesome';
	color:var(--primary-color);
	left:0;
	position:absolute;
	top:0;
}
.block_content .wpforms-field input:not([type="radio"],[type="checkbox"]),textarea{
	padding:18.5px 23px !important;
	height:unset !important;
	border-radius:7px !important;
	font-size:18px !important;
	font-weight:500 !important;
	border:1px solid rgba(11,42,60,0.5) !important;
	color:rgba(11,42,60,0.5) !important;
		font-weight:500 !important;
	font-family:var(--primary-font);
}
.block_content .wpforms-field input[type="tel"]{
	padding-left:44px !important;
}
.block_content .wpforms-field input:not([type="radio"],[type="checkbox"])::placeholder,textarea::placeholder{
			font-weight:500 !important;
	font-family:var(--primary-font);
	font-weight:500 !important;
	color:rgba(11,42,60,0.5) !important;
}
.block_content button[type="submit"]{
	background-color:var(--primary-color) !important;
	color:#fff !important;
	font-size:18px !important;
	font-weight:500 !important;
	font-family:var(--primary-font);
	border-radius:7px !important;
	width:100% !important;transition:0.3s; 
}
.block_content button[type="submit"]:hover{
	background-color:var(--text) !important;
	transition:0.3s;
}
textarea{
	min-height:161px;
}
/*************Contact us*********************/
.contact_row{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.icon_div {
	margin-top:auto;
	margin-bottom:auto;
}
.form_section{
	padding:80px 0px 150px 0px;
}
.form_section i{
	color:var(--primary-color);
	margin-right:16px;
	font-size:23px;
}
.form_section ul{
	padding-left:0px;
	list-style:none;
	margin-bottom:50px;
}
.form_section li{
	margin-bottom:25px;
}
.form_section li span{
	max-width:80%;
	display:inline-block;
	transition: 0.3s;
}
.gear p:has(strong){
	display:inline-block;
	margin-bottom:0px;
}
.gear p{
	margin-bottom:0px;
	color:rgba(11,42,60,0.6);
}
.form_section strong{
	font-size:18px;
	color:var(--text);
	display:inline-block;
	font-weight:500;
}
.form_section li a{
	font-size:18px;
	font-weight:500;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.form_content a:hover :is(span){
	color: var(--primary-color);
	transition: 0.3s;
}
.icon_div img{
	max-width:192px;
	object-fit:contain;
}
.contact_logos{
	padding:60px 0px;
}
.form_section img{
	border-radius:12px;
}
.bottom_form .block_content{
	background-color:#fff;
	padding:120px 60px;
	border-radius:0px;
	height:100%;
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.bottom_form  .wpforms-container{
	width:100% !important;
}
.bottom_form {
	margin-bottom:350px;
}
.bottom_form .block_content h3{
	font-size:45px;
	margin-bottom:30px;
}
.bottom_form{
	position:relative;
	z-index:1;
}
.iframe_bg{
	position:absolute;
	left:0;
	right:0;
	top:0;
	width:100%;
}
.iframe_bg iframe{
	width:calc(100% + 800px);
	height:898px;
	position: absolute;
	right: -800px;
}
/***********************proactive********************/
.top_content .block_content :is(h1,h2,h3,h2 a,h3 a){
font-size: 45px;
font-weight: 500;
color: var(--text);
}
.top_content{
	padding: 120px 0px 80px 0px;
}
.left_top :is(h1,h2,h3){
	margin-bottom: 20px;
}
.left_top{
	width: 412px;
	max-width: 100%;
}
.left_top p{
	font-size: 26px;
	font-weight: 300;
	letter-spacing: -1px;
}
.top_content .block_content h2 a,h3 a{
	text-decoration: underline;
}
.orange-list ul{
	padding-left: 20px;
}
.orange-list li {
	font-size: 18px;
	font-weight: 400;
	font-family: var(--secondary-font);
	line-height: normal;
	margin-bottom: 8px !important;
}
.orange-list li::marker{
	color: var(--primary-color);
	font-size: 25px;
}
.blue-section{
	max-width: 1770px;
    width: calc(100% - 30px);
    margin: 50px 15px;
    margin-inline: auto;
	background-image: url('../webp/orange_shade.webp');
	z-index: 1;
    position: relative;
	background-color: var(--text);
    background-size: cover;
    overflow: hidden;
    background-position: center center;
    padding: 100px 0px;
    border-radius: 21px;
	background-repeat: no-repeat;
}
.mb-100{
	margin-bottom: 90px;
}
.blue-section::before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--text);
    opacity: 85%;
    z-index: -1;
}
.blue-section .left-sec{
	padding-right: 70px;
}
.blue-section .right-sec{
	padding-left: 70px;
}
.blue-section :is(h2,p){
	color: #fff;
}
.blue-section :is(h2){
	margin-bottom: 30px;
}
.blue-section :is(p){
	width: 70%;
}
.blue-section .content :is(h3,h4,h5){
	color:#fff;
	font-size: 28px;
	margin-bottom: 25px;
}
.blue-section .content li{
	font-size: 16px;
	color: #fff;
	
	font-family: var(--secondary-font);
}
.blue-section .content li::marker{
	color: var(--primary-color);
	font-size: 28px;
}
.blue-section .content ul{
	column-count: 2;
	width: 990px;
	padding-left: 20px;
	max-width: 100%;
	gap:30px;
}
/*************************About Us ******************************/
.about-us{
padding: 85px 0px;
}
 .block_content.left-about{
	padding-right: 75px;
}
.about-us .orange-list ul{
	column-count: 2;
	gap:30px
}

.block_content.right-about{
	padding-left: 70px;
	border-left: 1px solid #C9C9C9;
}
.block_content.right-about p{
	font-size: 17px;
}
.about-us .block_content.left-about :is(h2,h3){
	font-size: 36px;
	margin-bottom: 30px;
	letter-spacing: -1px !important;
}
.about-us-bottom .block_content.left-about :is(h2,h3){
	font-size: 45px;
}
.about-us .block_content.left-about :is(p){
	font-size: 26px;
	font-weight: 300;
}
.about-us-bottom .right-about :is(p,li){
	font-size: 16px !important;
}
.team .block_content h2{
	font-size: 65px;
}
.team .block_content{
	height: 100%;
}
.team{
	background-color: rgba(11,42,60,0.03);
	padding: 120px 0px
}
.team-row {
	margin-top: 80px;
}
.team-row h3{
	font-size: 36px;
	text-align: center;
	margin-top: 30px;
}
.team-row .team-card{
	margin-top: 60px;
}
.team-row .team-card strong{
	font-size: 26px;
	font-weight: 500;
	display: block;
	margin: 20px 0px 10px 0px;
	font-family: var(--primary-font);
}
.team-row .team-card p{
	font-size: 18px;
	font-style: italic;
	margin-bottom: 0px;
}
.team-row .team-card img{
	border-radius: 12px;
}
/*****************CYber Security********************************/
.more-info .block_content :is(h2){
font-size: 65px;
margin-bottom: 30px;
}
.more-info{
	padding: 120px 0px;
	position: relative;
	margin-top: 50px;
	background-color: rgba(11,42,60,0.03);
}
.more-info .container{
	position: relative;
	z-index: 1;
}
.more-info .container::before{
	content:'';
	position: absolute;
	left: 0;
	top: -130px;
	width: 120px;
	height: 17px;
	background-color: var(--primary-color);
}
.more-info .block_content.orange-btn p:last-child a{
margin-top: 30px;
}
.more-info .block_content.orange-btn p:last-child a:hover{
	border-color: var(--primary-color);
}
.more-info .left_choose{
	width: 470px;
	max-width: 100%;
}
.more-info .block_content.choose-right{
	padding-left: 84px;
}
.more-info .block_content li {
	list-style: none;
	font-family: var(--secondary-font);
	font-size: 18px;
}
.more-info .block_content li:not(li:last-child){
	margin-bottom: 60px;
}
.more-info .block_content li br{
	display: none;
}
.more-info .block_content li strong{
	display: block;
	font-family: var(--primary-font);
	line-height: normal;
	font-size: 32px;
	font-weight: 500;
	position: relative;
	padding-left: 20px;
}
.more-info .block_content li strong::before{
	content:'/';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--primary-color);
}
.cyber-security :is(h2,h2 a){
	font-size: 45px;
	color: var(--text);
}
.cyber-security :is(h2 *){
text-decoration: underline;
}
.cyber-security {
	padding: 100px 0px;
}
.cyber-security .info-card{
	margin-top: 100px;
}
.cyber-security .info-card img{
max-width: 105px;
max-height: 75px;
}
.cyber-security .info-card p{
	font-size: 18px;
	width: 90%;
}
.cyber-security .info-card strong{
	color: var(--primary-color);
	font-size: 25px;
	font-weight: 700;
	margin: 26px 0px 18px 0px;
	font-family: var(--primary-font);
	display: block;
}
.page-template-cyber-security .faqs_section{
	margin-top: 120px;
	margin-bottom: 120px;
}
/****************************Software Development*****************************/
.software-info .left_choose{
	width: 100%;
}
.call-action .quote{
	left: 0;
	right: 0;
	margin: auto;
	margin-top: -21px;
}
.call-action p{
	color: #fff;

}
.call-action .orange_sec p{
	font-size: 22px !important;
	line-height: normal;
}
.right-pa{
	padding-right: 60px !important;
}
.call-action .orange_main{
	margin-top: -50px;
	background-size: 566px;
	background-position: right bottom -58px;
	border-radius: 21px;
}
.call-action .orange_main::before{
background: linear-gradient(111deg, rgba(248, 154, 58, 1) 61%, rgba(248, 154, 58, 0) 79%);
}
/***********************Marketing***************************************/
.specialize-sec{
	padding: 100px 0px;
}
.specialize-sec .block_image img{
	border-radius: 17px;
	width: 100%;
}
.specialize-sec .block_image{
	position: relative;
	z-index: 1;
}
.specialize-sec .block_image::before{
	content:'';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../webp/absolute-marketing.webp');
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background-color: rgba(255,255,255,0.6);
}
.specialize-sec .block_content{
	width: 630px;
	margin-left: auto;
	max-width: 100%;
}
.specialize-sec .blue-list :is(h2,h2 *){
	font-size: 60px;
}
.specialize-sec .blue-list li::marker{
	color: #18ADAB;
	font-size: 24px;
}
.specialize-sec .blue-list ul{
	padding-left: 20px;
	margin-bottom: 30px;
}
.specialize-sec .blue-list li{
	line-height: 27px;
	font-size: 18px;
	font-family: var(--secondary-font);
}
.specialize-sec .block_content ul:nth-of-type(1){
	column-count: 2;
	gap: 60px;
	margin-bottom: 40px;
}
.specialize-sec .block_content :is(li):not(li:last-child){
	margin-bottom: 15px;
}
.specialize-sec .blue-list h2 strong{
	color: #18ADAB;
}
.specialize-sec .block_content h3{
	font-size: 32px;
}
.previous-work{
	padding: 100px 0px;
	background-color: rgba(11,42,60,0.03);
}
.previous-card{
	margin-top: 100px;
	transition: 0.3s;
}
.previous-work .block_content h2{
	font-size: 60px;
}
.previous-card:hover strong{
	color: var(--primary-color);
	transition: 0.3s;
}
.previous-card img{
	border-radius: 12px;
}
.previous-card:not(:has(img)) {
    background-color: var(--primary-color);
	padding: 26px 40px;
	border-radius: 12px;
}
.previous-card:not(:has(img)) *{
	color: #fff;
}
.previous-card:not(:has(img)):hover strong{
	color: #fff;
}
.previous-card:not(:has(img)) strong{
	color: #fff;
	font-size: 28px;
	margin-top: 0px;
}
.previous-card strong{
	display: inline-block;
	position: relative;
	font-size: 28px;
	margin-top: 20px;
	transition: 0.3s;
	font-weight: 500;
	color: var(--text);
}
.previous-card strong::after{
	content:'\f35d';
	position: absolute;
	right: -40px;
	top: 0;
	color: var(--primary-color);
	font-size: 17px;
	font-family: 'Fontawesome';
}
.youtube-sec .plybtn img{
border-radius: 14px;
}
.youtube-sec .plybtn{
	text-align: center;
	margin-top: 30px;
	display: block;
}
.youtube-sec .plybtn p{
	font-size: 20px;
	font-weight: 500;
	font-family: var(--primary-font);
	margin: 20px 0px 0px 0px;
}
.youtube-sec .img-wrapper{
	position: relative;
	z-index: 1;
}
.youtube-sec .img-wrapper::before{
	content:'';
	position: absolute;
	inset:0;
	margin:auto;
	 background-repeat: no-repeat;
	 background-image: url('../webp/youtube.webp');
	 background-size: 49px 34px;
	 background-position: center center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 14px;
	border: 1px solid var(--primary-color);
	height:100%;
	width: 100%;
	background-color: rgba(248, 154, 58, 0.26);
}
/**********Main Page**********************************************/
.default-sec{
	padding: 88px 0px;
	background-color: #fff;
}
.default-sec :is(h2,h3,h1){
	font-size: 45px;
	margin-bottom: 30px;
}
.default-sec p{
	font-size: 26px;
	font-family: var(--secondary-font);
	font-weight: 300;
}
.page-template-main-page{
	background-color: rgba(11,42,60,0.03);
}
.colored-sec{
	background-color: rgba(11,42,60,0.03);
	padding: 80px 0px 88px 0px;
}
.colored-sec :is(h2,h3,h1,h4,h5){
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.colored-sec p{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
}
.colored-sec :is(ul,ol)
{
	padding-left: 20px;
	margin-bottom: 20px;
}
.colored-sec :is(ul,ol) :is(ol,ul){
	margin-bottom: 0px;
	margin-top: 10px;
}
.colored-sec :is(ul,ol) li{
	line-height: 27px;
	font-family: var(--secondary-font);
	margin-bottom: 10px;
}
.colored-sec :is(ul) li::marker{
	color: var(--primary-color);
	font-size: 20px;
}
.colored-sec :is(ol) li::marker{
font-size: 16px;
color: var(--text);
}
.colored-sec *{
	font-size: 16px;
	font-family: var(--primary-font);
}
/************************Managed IT***********************/
.managed_top img{
	border-radius: 12px;
}
.managed_top{
	padding: 150px 0px;
}
.managed_top .block_content :is(h2,h3,h2 * ,h3 *){
	font-size: 45px;
	color: var(--text);
	letter-spacing: -1px !important;
	margin-bottom: 30px;
}
.managed_top .block_content :is(h2 a ,h3 a){
	text-decoration: underline;
}
.managed_top .block_content p{
	font-size: 26px;
	font-family: var(--primary-font);
	font-weight: 300;
}
.managed_top .block_image{
	padding-right: 40px;
}
.blue-section.managed :is(p){
	width: 100%;
	font-size: 16px;
	font-family: var(--secondary-font);
}
.mar-100{
	margin-top: 100px;
}
.blue-section.managed .block_content *{
	color: #fff;
	font-size: 16px;
}
.blue-section.managed .block_content h4{
	font-size: 24px;
	margin-bottom: 30px;
}
.blue-section.managed .block_content  ul{
	column-count: 3;
	gap:50px;
}

:is(.page-template-managed-it,.page-template-software-development,.single-service_area) .testimonials .img-abs{
	display: none;
}
.page-template-managed-it .more-info{
background-color: #fff;
}
.page-template-managed-it .more-info .block_content li{
	font-size: 17px;
}
.page-template-managed-it .more-info .block_content :is(h2){
font-size: 85px;
}
.page-template-managed-it .more-info .left_choose p{
font-size: 20px;
font-weight: 300;
}
.page-template-managed-it .more-info .container::before{
	content: unset;
}
.managed-security ul{
	column-count: 2;
}
.managed-security .block-left :is(h2,h3){
	margin-bottom: 50px;
}
.managed-security .block-right :is(p,li){
	font-size: 16px;
}
.managed-security .block-left{
	padding-right: 70px;
	border-right: 1px solid #C9C9C9;
}
.managed-security .block-right{
	padding-left: 40px;
}
.managed-it .call-action .orange_main{
margin-top: 150px;
margin-bottom: 40px;
}
.single-service_area .block_content h2{
	font-size: 45px;
	letter-spacing: 0px !important;
	max-width: 100%;
	width: 860px;
	margin-bottom: 30px;
}
 .service_cardwrapper p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}
 .service_cardwrapper :is(h5,strong) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
/********************Footer ******************************/
.orange_main{
	border-radius:46px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
	z-index:1;
	margin-top:-130px;
	margin-bottom:80px;
}
.footer_right img{
	max-width:478px;
	display: block;
    margin-left: auto;
}
.orange_main::after{
	content:'';
	position:absolute;
	height:100%;
	width:100%;
	background: rgb(248,154,58);
    background: linear-gradient(111deg, rgba(248, 154, 58, 1) 52%, rgba(248, 154, 58, 0) 79%);
	opacity:25%;
	border-top-left-radius:46px;
	border-bottom-left-radius:46px;
	left:-20px;
	bottom:-20px;
	z-index:-2;
}
.orange_main::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-radius:46px;
	height:100%;
	z-index:-1;
	background: rgb(248,154,58);
    background: linear-gradient(111deg, rgba(248, 154, 58, 1) 52%, rgba(248, 154, 58, 0) 79%);
}
.orange_main .orange_sec{
	padding:32px 44px;
	position:relative;
	z-index:1;
}
.quote{
	position:absolute;
	top:0px;
	left:32px;
	max-width:112px;
	background-repeat:no-repeat;
	background-size:contain;
}
.orange_sec :is(h2,h3,h4){
	font-size:30px;
	font-weight:500;
	color:#fff;
}
.orange_sec p{
	font-size:16px !important;
}
/* .orange_sec p:last-child a{
	display:inline-block;
	background-color:#fff;
	border-radius:7px;
	color:#000;
	font-size:18px;
	font-weight:500;
	padding:14px 44px;
} */
.footer_top p{
	color:#fff;
	font-size:20px;
	font-weight:300;
}
footer{
	background-color:var(--text);
	padding:0px 0px 50px 0px;
	margin-top:200px;
}
footer :is(a,span):hover{
	color:var(--primary-color);
}
footer ul{
	list-style:none;
}
footer .social-ul li{
	display:inline-block;
	margin-top:20px;
}
footer .social-ul li:not(li:last-child){
	margin-right:20px;
}
footer .social-ul li img:hover{
	transform:translatey(-5px);
	transition:0.3s;
}
.footer_row{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.footer_row .footer_col{
	
	margin-top:30px;
}
.footer_row *{
	color:#fff;
}
footer .footer_row h4{
	color:var(--primary-color);
	font-size:24px;
	font-weight:700;
	margin-bottom:40px;
	font-family:var(--primary-font);
}
footer .footer_row .footer_col li i{
	margin-right:18px;
	vertical-align:top;
	margin-top:5px;
	line-height:30px;
	font-size:15px;
}
footer .footer_row .footer_col li span{
	width:calc(100% - 35px);
	display:inline-block;
	font-size:15px;
	font-family:var(--secondary-font);
}
footer .footer_row .footer_col :is(h6,h6 a,h5,h5 a){
	font-size:15px;
	color:var(--primary-color);
}
footer .footer_row .footer_col :is(h6,h5) a{
	text-decoration:underline;
}
.footer_col p:last-child strong{
	font-weight: 400;
	color: rgba(255,255,255,0.5);
}
 .footer_col :is(strong,p){
	font-size:15px;
}
.footer_col :is(strong){
	margin-right:20px;
}
.footer_container :not(h4,i){
	font-family:var(--secondary-font);
}
.footer_logo img{
	margin-bottom:30px;
	transition:0.3s;
}
.footer_logo.footer_col{
	flex-basis:353px;
}
.footer_logo.footer_col p{
	font-size:18px;
	font-weight:300;
}
footer .contacts li:not(li:last-child){
	margin-bottom:12px;
}
.copyright{
	background-color:#092331;
	padding:14px 15px;
}
.copyright :is(p,p span,strong){
	font-size:14px;
	font-weight:300;
	color:#fff;
	margin-bottom:0px;
	text-align:center;
	font-family:var(--secondary-font);
}
.copyright p span{
	color:var(--primary-color);
}
.it_sec .block_content.orange p:last-child a:hover, .it_sec .block_content.orange p:last-child a:hover i{
		color:var(--text);
		transition:0.3s;
	}
.blog-card :is(span,i){
	transition:0.3s;
}
.blog-card span:hover,.blog-card span:hover i{
		color:var(--text);
		transition:0.3s;
}
.blog-card,.team-card,.service_card,.behind-right,.previous-card,.info-card{
	transition: 0.3s;
}
:is(.blog-card,.team-card):hover{
	transform: translateY(-10px);
	transition: 0.3s;
}
:is(.service_card,.behind-right,.previous-card,.info-card):hover{
	transform: translateY(-5px);
	transition: 0.3s;
	cursor: pointer;
}
.blog-card:hover :is(h2,h3,h4){
	color: var(--primary-color) !important;
	transition:0.3s;
}
.btn.white{
	background-color:#fff;
	color:var(--primary-color);
	transition:0.3s;
	border:1px solid #fff;
}
.btn.white i{
	margin-right:15px;
}
.btn.white:hover i{
	color:#fff;
}
.btn.white:hover{
	color:#fff;
	background-color:var(--primary-color);
	transition:0.3s;
}
.page-template-proactive .blue-section{
	margin-bottom: 100px;
}
.area_top .block_content.pr-3{
	padding-right: 30px;
}
.area_top .block_content h2{
	font-size: 32px;
	letter-spacing: 0px !important;
	margin-bottom: 20px;
}
.area_top{
	padding: 88px 0px;
}
.service-area .container{
	max-width: 1540px !important;
}
.area-card .alphabet{
	color: var(--primary-color);
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 0px;
}
.area-card .post_name{
color: #fff;
display: block;
font-size: 18px;
transition: 0.3s;
font-weight: 500;
}
.area-card .post_name:hover{
	color: var(--primary-color);
	transition: 0.3s;
}
/******************Custom Select**************************/
.custom-select {
	position: relative;
	display: inline-block;
	width: 100%; 
	border: 1px solid rgba(11,42,60,0.26);
	border-radius: 4px;
  }
  
  .selected-option {
	display: block;
	padding: 10px;
  }
  
  .options {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #fff;
	border: 1px solid rgba(11,42,60,0.26) !important;
	border-top: none;
	border-radius: 0 0 4px 4px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none;
	z-index: 99;
  }
  
  .options li {
	padding: 10px !important;
	cursor: pointer;
  }
  
  .options li:hover {
	background-color: var(--primary-color);
  }
  .marg-30{
	margin-top: 30px;
  }
  .blue-section .marg-30{
	margin-top: 20px;;
  }
  .blue-section .mt-3{
	margin-top: 13px !important;
  }
  .single-service_area .bottom_form{
	margin-bottom: 200px;
  }
  .blog_content.content_block a{
	display: inline-block;
  }
  .solution_card .list a {
    color: var(--primary-color);
	transition: 0.3s;
	display: inline-block;
}

.solution_card .list a:hover {
    color: var(--text);
	transition: 0.3s;
}
/*************************************Testimonial Repuso***************************/

.cust-review .ti-widget.ti-goog  .ti-review-item,.cust-review  .ti-widget.ti-goog .ti-col-2 .ti-review-item{
	max-width: 100% !important;
	flex: unset !important;
}
.cust-review .ti-reviews-container-wrapper{
	display: block !important;
}
.cust-review .ti-widget.ti-goog .ti-review-item>.ti-inner{
    padding: 39px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    margin-top: 43px !important;
}
.cust-review .ti-widget.ti-goog .colored .ti-review-item>.ti-inner{
	background-color: rgba(248, 154, 58, 0.10) !important;
    border-color: rgba(248, 154, 58, 0.36) !important;
    position: relative !important;
	/* background-color: rgba(248, 154, 58, 0.80) !important; */
}
.cust-review .ti-widget.ti-goog .colored .ti-review-item>.ti-inner::before{
	content: '';
    position: absolute;
    top: -19px;
    right: 80px;
    background-repeat: no-repeat;
    background-image: url(../svg/quote-orange-2.svg);
    width: 87px;
    height: 87px;
}
.cust-review .ti-widget.ti-goog .ti-review-content{
font-size: 18px !important;
font-family: var(--secondary-font) !important;
font-weight: 500 !important;
line-height: normal !important;
color: #424242  !important;
}
.cust-review .ti-widget.ti-goog .ti-widget-container .ti-name{
font-size: 18px !important;
font-weight: bolder !important;
color: #212529 !important;
}
.cust-review .ti-widget.ti-goog .ti-profile-img img{
	width: 50px !important;
	height: 50px !important;
}
.cust-review  .ti-widget.ti-goog .ti-review-header:after{
width: 26px !important;
height: 26px !important;
}
.cust-review  .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars,.cust-review  .ti-widget.ti-goog .ti-reviews-container-wrapper .ti-popup-inner>.ti-stars{
	margin-bottom: 30px !important;
}

/*****************************New Section*****************************/
.issue-sec{
	margin: 70px 0px;
	margin-top: 100px;
}.issue-sec .container{
	padding: 51px 50px 70px 50px;
	border: 5px solid var(--primary-color);
	border-radius: 10px;
	box-shadow: 0px 4px 20px 5px rgba(248,154,58,0.25);
	position: relative;
}
.issue-sec .container::before{
	content:unset;
	position: absolute;
	left:0;
	right:0;
	margin: auto;
	top: -54px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../webp/danger-1.webp');
	width: 76px;
	height: 76px;
}
.issue-sec h2{
	font-size: 35px;
	letter-spacing: unset !important;
	text-align: center;
	color: #222;
	margin-bottom: 9px;
}
.issue-card{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.issue-card p{
	font-size: 14px;
	display: inline-block;
	width: calc(100% - 53px);
	color: #000;
	margin-bottom: 0px;
	font-weight: 500;
}
.orange-b{
	background-color: var(--primary-color);
	color: #fff !important;
	padding: 17px 30px;
	border-radius: 10px;
	position: absolute;
	left: 0;
	max-width: 549px;
	right: 0;
	margin: auto;
	bottom: -41px;
}
.orange-b p{
	color: #fff;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 600;
}
.issue-card img{
	width: 34px;
	margin-right: 14px;
	height: 34px;
	object-fit: contain;
	
}
.gear :is(p,*):not(strong,i){
	color:#424242 !important;
	font-weight: 500;
}
.tech-listing .content_block :is(h2,h3){
	font-size: 40px;
}
.tech-listing  .blog_loop{
	margin-top: 30px;;
}
/*============================Media Queries===========================*/


/*========= MIN WIDTH QUERIES==============*/

@media(min-width: 576px){

}
@media(min-width:2100px) and (max-width:2400px){
	.banner-right {
		right: 0%;
	}
}
@media(min-width:2401px) and (max-width:2800px){
	.banner-right {
		right:9%;
	}
}
@media(min-width:2100px) and (max-width:2800px){
	
	.banner-right {
		width: 1000px;
		max-width: 60%;
		display: flex;
		
	  }
}
@media(min-width:2100px){
	.hero_banner {
		min-height: calc(80vh - 166px);
	  }
}
@media(min-width:2801px) and (max-width:2900px){
	.banner-right{
		right:15%;
	}
}
@media(min-width:2901px) and (max-width:3500px){
	.banner-right{
		right:20%;
	}
	.hero_banner{
		min-height:unset;
		max-height:650px;
		height:calc(100vh - 149px);
	}
}
@media(min-width:3501px) {
	.banner-right{
		right:6%;
	}
	.hero_banner{
		min-height:unset;
		max-height:calc(100vh - 149px);
		height:calc(100vh - 149px);
	}
	.banner-right{
		width: 4500px;
	}
}
@media(min-width: 768px){
	.right-managed{
		padding-left: 50px;
	}
	.service_content .content_block :is(h3,h4,h5,h6,h2){
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media(min-width: 992px){
	.call-action .block_content p:last-child a{
		min-width: 232px;
	}
	.service_cardwrapper{
		min-height: 249px;
	}
	.page-template-software-development .more-info .block_content.choose-right{
		padding-top: 77px;
	}
	.service_content .content_block :is(h3){
		font-size: 35px;
	}
	.more-info .block_content.orange-btn p:last-child a{
		min-width: 232px;
		text-align: center;
	}
	.service_cardwrapper :is(h5,strong){
		min-height:78px;
	}
	.single-service_area .service_cardwrapper :is(h5,strong){
		min-height: 67px;
	}
	.tab-content .service_cardwrapper :is(h5,strong){
		min-height:unset;
	}
	.plans .solution_head :is(h2,h3){
	letter-spacing:-3px !important;
}
	.menu-item-has-children > a{
		position:relative;
		padding-right:15px !important;
	}
	.menu-item-has-children > a::after{
		content:'\f107';
		font-family:'Fontawesome';
		position:absolute;
		right:0px;
		bottom:0;
		font-size:16px;
	}
}

@media(min-width: 1200px){
  	.container{
		max-width:1280px!important;
	}
	.page-template-managed-it .container{
		max-width:1300px!important;
	}
	.footer_container{
		max-width:1460px !important;
	}
}

/*========= MAX WIDTH QUERIES==============*/

@media(max-width: 1200px){
	.page-template-managed-it .more-info .block_content :is(h2){
		font-size: 65px;
	}
}

@media(max-width: 991px){
	.testimonials .img-abs{
		display:none;
	}
	.tab-content .service_card .service_cardwrapper,.single-service_area .service_cardwrapper{
		min-height: 249px;
	}
	.tab-content .service_card{
		min-height: unset;
	}
	.managed_top .block_content :is(h2,h3,h2 * ,h3 *){
		font-size: 30px;
	}
	.managed-security ul{
		column-count: 1;
	}
	.testimonials h2{
		font-size: 45px;
	}
	.page-template-managed-it .more-info .block_content :is(h2){
		font-size: 45px;
	}
	.bottom_form .block_content{
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.call-action .orange_main{
		background-size: cover;
    border-radius: 46px;
    background-position: center;
	}
	.right-pa{
		padding-inline: 20px;
	}
	.more-info .block_content li strong{
		font-size: 25px;
	}
	.more-info .block_content :is(h2){
		font-size: 45px;
		text-align: left;
	}
	h1{
		font-size:45px;
	}
	:root{
		--header-height: 105px;
	}
	.header_top{
		margin-bottom:0px;
		padding-bottom:0px;
	}
	#header {
		padding:30px 30px;
	}
	.header_top::after{
		content:unset;
	}
	.top_header{
		display:none;
	}
	#mobile-nav .top_header{
		display:block;
		padding-top:50px;
	}
	.head_contact{
		position:relative;
		padding-bottom:25px !important;
		margin-bottom:25px;
	}
	.top_header .head_contact:not(.head_contact:last-child)::after{
		content:'';
		position:absolute;
		left:30px;
		width:87px;
		height:1px;
		bottom:0;
		background-color:#0B2A3C;
		opacity:20%;
	}
	.current-menu-item > a{
		text-decoration:underline !important;
		color: var(--primary-color);
	}
	.top_header .head_contact{
		display:block;
		padding-inline:30px;
	}
	.top_header .head_contact p:first-child, .top_header .head_contact p:first-child *{
		font-size:16px;
	}
	.site-logo img{
		max-width:197px;
	}
	.faqs_section :is(h1,h2){
		font-size:30px;
	}
	.faqs_section {
		padding:80px 0px;
	}
	.quote {
		max-width:65px;
	}
	#accordionfaq{
		margin-top:0px;
	}
 #mobile-nav-toggle {
    position: fixed;
}
#nav-menu-container {
    display: none;
}

#mobile-nav-toggle {
    display: inline;
}
#mobile-nav-toggle i {
    color: var(--text);
}
	#mobile-nav-toggle i.fa-circle-xmark{
		background-color: var(--text);
    border: 1px solid var(--text);
    border-radius: 50%;
    color: #fff;
	}
.enquire-ca{
    margin-right: 10%;
}
#mobile-nav ul li li{
    padding-left: 0px;
}
.icon{
    display: none;
}
#mobile-nav ul li ul{
    display: none;
}
.menu-item-has-children i {
    color: var(--text);
    right: 1px;
    display: inline;
    position: absolute;
    right: 50px;
    font-size: 15px;
    top: -5px;
    z-index: 1;
	padding: 20px;
}
#mobile-nav-toggle{
    padding: 0;
}
  .block_content h2{
		font-size:40px;
	}
	.bottom_form .block_content h3{
		font-size:30px;
	}
	.bottom_form {
		margin-bottom:100px;
	}
	.testimonial_head img{
		margin-right:20px;
	}
	.header_btns {
		text-align:left;
		padding-inline:30px;
	}
	.header_btns a:not(.btn){
		margin-top:20px;
		margin-bottom:20px;
		transition:0.3s;
		color:var(--primary-color);
	}
	.header_btns a:not(.btn) i{
		margin-right:15px;
	}
	.header_btns a:not(.btn):hover{
		color:var(--text);
		transition:0.3s;
	}
}
@media(min-width:992px) and (max-width:1100px){
	.block_content h2{
		font-size: 50px;
	}
	.bottom_form .block_content{
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.solution_card :is(h3,h4){
		font-size: 28px;
	}
	.btn{
		font-size: 15px;
	}
	.review_links li img{
		object-fit: contain;
		max-width: 93px;
	}
	.quote{
		max-width: 72px;
		top: -10px;
	}
}
@media(max-width: 767px){
	.review_links li img{
		max-width:100px;
		height:40px;
	}
	.service_card{
		min-height: unset;
	}
	.serv-wrap img{
		/* height: 200px; */
	}
	.home .hero_banner h3{
		font-size: 45px;
	}
	.issue-sec{
		padding-inline:20px;
	}
	.issue-sec .container{
		padding: 50px 20px 90px 20px;
	}
	.issue-card img{
		margin-inline: auto;
		display: block;
	}
	.issue-card p{
		text-align: center;
	}
	.issue-sec .block_content h2{
		font-size: 25px;
		letter-spacing: 0px !important;
		margin-bottom: 0px;
	}
	.orange-b{
		width: 97%;
	}
	.issue-card p{
		font-size: 13px;
	}
	.issue-card{
		display: block;
	}
	.issue-card p{
		width: 100%;
		margin-top: 20px;
	}
	.cust-review .ti-widget.ti-goog .ti-review-item>.ti-inner{
		padding: 22px  !important;
		background-color: rgba(248,154,58,0.10) !important;
	}
	.cust-review .ti-widget.ti-goog .ti-review-content{
		font-size: 16px !important;
	}
	.cust-review .ti-widget.ti-goog .colored .ti-review-item>.ti-inner::before{
		width: 53px;
		height: 53px;
		background-size: 100% 100%;
	}
	.single-service_area .bottom_form{
		margin-bottom: 0px;
	}
	.single-service_area .faqs_section{
		margin-top: -10px;
	}
	.single-service_area .block_content h2{
		font-size: 25px;
		text-align: left;
	}
	.single-service_area .block_content p{
		text-align: left;
	}
	.related-services ul.options{
		max-height: 250px;
		overflow-y: auto;
	}
	.specialize-sec .block_image img{
		border-radius: 7px;
	}
	.specialize-sec .block_image::before{
		border-radius: 7px;
	}
	.single_blog{
		padding-top: 60px;
	}
	.single-blog .related-services.blog{
		padding: 33px;
		background-color: #F3F3F3;
		border-radius: 13px;
	}
	.blog.related-services h3{
		padding-bottom: 0px;
	}
	.area_top .block_content.pr-3{
		padding-right: 0px;
	}
	.area_top{
		padding: 80px 25px;
	}
	.area_top .block_content h2{
		font-size: 25px;
		text-align: left;
	}
	.area-card .alphabet{
		font-size: 32px;
	}
	.area-card .post_name{
		font-size: 15px;
	}
	.search-results  h3{
		font-size: 25px;
		margin-bottom: 40px;
	}
	.search-results .blog_listing{
		padding-top: 0px;
	}
	.search-results .blog_listing .blog-card{
		padding-inline: 0px;
	}
	#serviceTabs li a{
		font-size: 16px;
		font-family: var(--secondary-font);
	}
	.service_cardwrapper p{
		font-size: 14px;
	}
	.mbl-filter{
		text-align: right;
		padding-inline: 25px;
	}
	.mbl-filter .custom-select{
		margin-bottom: 50px;
		width: 200px;
		text-align: left;
		margin-left: auto;
	}
	.single-service .service_content .row{
		flex-direction: column-reverse;
	}
	.related-services{
		padding: 0px;
		overflow: visible;
		background-color: unset;
		padding-top: 50px;
	}
	.related-services ul{
		margin-top: 0px;
	}
	.service_content .content_block h6{
		font-weight: 300;
	}
	.related-services h3{
		border-bottom: 0px;
	}
	.selected-option{
		background-image: url('../svg/dropdown-2.svg');
		background-repeat: no-repeat;
		background-position: top 20px right 10px;
	}
	.related-services select{
		width: 100%;
		font-size: 15px;
		font-family: var(--secondary-font);
		padding: 11px 15px;
		border: 1px solid #0B2A3C;
		appearance: none;
		background-image: url('../svg/dropdown-2.svg');
		background-repeat: no-repeat;
		background-position: top 19px right 10px;
		border-radius: 11px;
	}
	.related-services h3{
		text-align: center;
		font-size: 18px;
	}
	.related-services li a::before{
		content: unset;
	}
	select option:hover {
        background-color: lightblue; /* Change this to the desired hover color */
    }
	.default-sec{
		padding-inline: 25px;
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.default-sec :is(h2,h3,h1){
		font-size: 25px;
		text-align: left;
	}
	.colored-sec{
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.default-sec p{
		font-size: 20px;
	}
	.colored-sec :is(li,p){
		font-size: 14px;
		line-height: normal !important;
	}
	.colored-sec :is(h2,h3,h1,h4,h5){
		font-size: 20px;
		text-align: left;
	}
	.marketing.cyber-security :is(h2){
		margin-bottom: 30px;
	}
	.more-info.marketing-info .block_content :is(h2){
		font-size: 30px;
		letter-spacing: -1px !important;
	}
	.more-info.marketing-info .block_content p{
		font-weight: 300;
	}
	.specialize-sec{
		padding: 80px 25px;
	}
	.specialize-sec .blue-list :is(h2,h2 *){
		font-size: 30px;
		text-align: left;
		margin-top: 30px;
	}
	.specialize-sec .block_content ul:nth-of-type(1){
		column-count: 1;
		gap: unset;
	}
	.specialize-sec .block_content li{
		font-size: 16px;
	}
	.specialize-sec .block_content li:not(li:last-child){
		margin-bottom: 8px;
	}
	.specialize-sec .block_content h3{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.more-info.marketing-info.software-info{
		margin-top: 0px;
		padding-bottom: 150px;
	}
	.youtube-sec .img-wrapper::before{
		background-size: 43px 30px;
	}
	.youtube-sec .plybtn p{
		font-size: 14px;
	}
	.previous-work{
		padding: 80px 25px;
	}
	.previous-work .block_content h2{
		font-size: 30px;
	}
	.previous-card strong{
		font-size: 20px;
		font-family: var(--primary-font);
	}
	.previous-card img{
		border-radius: 12px;
	}
	.previous-card{
		margin-top: 40px;
	}
	.call-action .quote{
		display: block;
		left: unset;
		right: 20%;
		margin-top: -10px;
	}
	.call-action .orange_main{
		margin-top: -50px;
		border-radius: 7px;
	}
	.call-action .orange_main::before{
		background: linear-gradient(180deg, rgba(248, 154, 58, 1) 22%, rgba(248, 154, 58, 0.0) 79%);
	}
	.call-action .orange_main .orange_sec{
		padding: unset !important;
		text-align: left!important;
	}
	.call-action .orange_main{
		padding: 50px 30px;
		min-height: 524px;
		display: block;
		background-position:bottom -120px right -115px;
	}
	.more-info.software-info{
		padding-bottom: 250px;
	}
	.call-action .orange_sec p{
		font-size: 16px !important;
	}
	.cyber-security :is(h2,h2 a){
		font-size: 25px;
		text-align: left;
		margin-bottom: 0px;
	}
	.cyber-security{
		padding: 80px 25px;
	}
	.cyber-security .info-card{
		margin-top: 60px;
	}
	.cyber-security .info-card img{
		max-width: 75px;
	}
	.cyber-security .info-card strong{
		font-size: 20px;
	
	}
	.more-info .block_content li strong{
		padding-bottom: 10px !important;
		padding-left: 10px !important;
		letter-spacing: 0px !important;
	}
	.cyber-security .info-card p{
		width: 100%;
		font-size: 16px;
		margin-bottom: 0px;
	}
	.more-info .container::before{
		width:60px;
		left: 30px;
		height:10px;
		top: -85px;
	}
	.more-info{
		padding:80px 25px 120px 25px;
		position: relative;
	}
	.more-info .block_content.orange-btn p:last-child a{
		position: absolute;
		bottom: -70px;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
	}
	.more-info .block_content li{
		font-size: 16px;
		margin-bottom: 30px !important;
	}
	.more-info .block_content li strong{
		font-size: 20px;
	}
	.more-info .block_content.choose-right{
		padding-left: 0px;
		padding-top: 30px;
	}
	.block_content.left-about{
		padding-right: 0px;
	}
	.blue-section{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.team .block_content h2{
		font-size: 35px;
	}
	.team .block_content.right-about{
		border-top: unset;
		margin-top: unset;
		padding-top: unset;
	}
	.team-row{
		margin-top: 0px;
	}
	.team-row h3{
		font-size: 21px;
	}
	.team-row .team-card{
		margin-top: 30px;
		text-align: center;
	}
	.team-row .team-card strong{
		font-size: 18px;
		margin: 10px 0px 0px 0px;
	}
	.page-template-proactive .blue-section{
		margin-bottom: 50px;
	}
	.lg-col .team-card{
		max-width: 193px;
		margin-inline: auto;
	}
	.team-row .team-card p{
		font-size: 13.5px;
	}
	.team .block_content.right-about p{
		font-size: 16px;
		text-align: center;
	}
	.team{
		padding: 80px 25px;
	}
	.about-us .orange-list ul{
		column-count: 1;
	}
	.blue-section{
		padding-inline: 25px;
	}
	.blue-section :is(p){
		width: 100%;
	}
	.blue-section .content li::marker{
		font-size: 24px;
	}
	.mb-100{
		margin-bottom: 40px;
	}
	.blue-section .left-sec{
		padding-right: 0px;
		margin-bottom: 60px;
	}
	.blue-section .right-sec{
		padding-left: 0px;
	}
	.about-us{
		padding-inline: 25px;
	}
	.about-us .block_content.left-about :is(h2,h3){
		font-size: 25px;
		text-align: left;
	}
	.about-us .block_content.left-about :is(p){
		font-size: 18px;
	}
	.block_content.right-about{
		padding-left: 0px;
		border-left: 0px;
		margin-top: 40px;
		padding-top: 50px;
		border-top: 1px solid #C9C9C9;
	}
	.plans h2{
		text-align: left;
	}
	.top_content .block_content :is(h1,h2,h3,h2 a,h3 a){
		font-size: 25px;
		letter-spacing: unset !important;
		text-align: left;
	}
	.blue-section{
		width: 100%;
		margin-inline: 0px;
		padding: 80px 30px;
		border-radius: 0px;
	}
	.blue-section .content ul{
		column-count: 1;
	}
	.blue-section .content li{
		font-size: 15px;
	}
	.bottom_form .block_content :is(h2,h3){
		font-size: 24px;
	}
	:is(.page-template-proactive,.page-template-cyber-security,.page-template-software-development,.page-template-managed-it) .bottom_form .block_content :is(h2,h3,p){
		display: block;
	}
	.page-template-cyber-security .faqs_section{
		margin-top: 50px;
		margin-bottom: 30px;
	}
	.page-template-proactive .bottom_form .block_content form{
		margin-top: 20px;
	}
	.blue-section .content :is(h3,h4,h5){
		font-size: 19px;
	}
	.left_top p{
		font-size: 18px;
	}
	.top_content{
		padding: 80px 25px 20px 25px;
	}
	.plans .solution_card img{
		margin-bottom: 5px;
	}
	.orange-list ul{
		padding-left: 20px;
	}
	.right_top{
		margin-top: 20px;
	}
	.orange-list li{
		font-size: 15px !important;
	}
	.inner_banner :is(h1,h2){
		padding-left: 20px;
	}
	.page-template-proactive .inner_banner :is(h1,h2){
		max-width: 79%;
	}
	.page-template-proactive .inner_banner :is(h1,h2)::before{
		width: 5px;
		height: 90%;
	}
	.review_links{
		text-align:center;
		margin-bottom:20px;
	}
	.review_links li{
		padding-inline:12px;
	}
	.review_links li:is(li:first-child){
		padding-left:0px;
	}
	.review_links li:is(li:last-child){
		padding-right:0px;
	}
	.review_links li:not(li:last-child)::after{
		right:-7px;
		font-size:28px;
	}
	.banner_wrapper img{
		height: 250px !important;
    min-height: unset;
	}
	.banner_wrapper .post-meta{
		left:20px;
		bottom:20px;
	}
	.single_blog.service_content .content_block{
		padding-top:0px;
	}
	.banner_wrapper .date_published strong{
		font-size:22px;
	}
	.banner_wrapper .date_published{
		min-width:unset;
	}
	.banner_wrapper .date_published p{
		font-size:11px;
	}
	.meta_detail p{
		font-size:12px;
	}
	.single_blog.service_content .content_block :is(h2,h3){
		font-size:24px;
	}
	.blog.related-services h3{
		text-align:center;
		font-size:18px;
	}
	.related-services.blog .blog-card {
		text-align:left;
	}
	.related-services.blog .blog-card  h4{
		font-size:18px;
	
	}
	.related-services.blog .blog-card p{
		font-size:14px;
	}
	.related-services{
		margin-left:0px;
		margin-top:unset;
	}
	.service_content .content_block h6{
		font-size:20px;
	}
	.service_content .content_block :is(h1,h2){
		font-size:35px;
		text-align:left;
	}.service_content .content_block :is(ol,ul) li{
		font-size:16px;
	}
	.service_content{
		padding-inline:25px;
	}
	.date_published strong{
		font-size:29px;
	}
	.blog_listing{
		padding:80px 0px 0px 0px;
	}
	.blog-search{
		margin-inline:25px;
		margin-bottom:30px;
	}
	.blog_listing .blog-card{
		padding-inline:25px;
		text-align:left;
		margin-bottom:20px;
		margin-top:0px;
	}
	.listing_right{
		margin-inline:25px;
		margin-top:50px;
	}
	.blog_listing .service_card{
		margin-bottom:30px;
		margin-inline:20px;
		/* min-height:449px; */
	}
	.tab-content .service_card .service_cardwrapper{
		min-height:unset;
		padding-top: 30px;
	}
	.tab-content .service_card{
		min-height: unset !important;
	}
	.icon_div{
		flex-basis:92px;
	}
	.bottom_form .block_content{
		padding:0px 30px 30px 30px;
	}
	.iframe_bg{
		position:unset;
	}
	.bottom_form{
		margin-bottom:90px;
	}
	.iframe_bg iframe{
		height:593px;
		position: unset;
		width: 100%;
		right: 0;
	}
	.bottom_form  .block_content :is(h2,h3,p){
		display:none;
	}
	.form_section li span{
		font-size:16px;
	}
	.form_section strong{
		font-size:16px;
	}
	.contact_logos{
		padding:80px 20px 0px 20px;
	}
	.form_content h5{
		font-size:24px;
	}
	.form_section{
		padding:80px 0px;
	}
	.form_content{
		padding-inline:20px;
	}
	.mb-p{
		padding:0px;
	}
	.mb-p img{
		border-radius:0px;
	}
	.form_section .image_block{
		margin-top:30px;
	}
	.icon_div img{
		max-width:100%;
	}
	.testimonials{
		padding:80px 0px;
		background-image:unset;
	}
	.banner-right{
	position: unset;
    width: unset;
    max-width: 121%;
    height: unset;
    margin-inline: auto;
    display: block;
    margin-bottom: -30px;
    margin-left: -49px;
	}
	.banner-right img {
    display: block;
    text-align: right;
    max-height: 100%;
    width: 100%;
    object-fit: contain;
}
	
	.banner_content :is(h1,h2){
		margin-bottom:30px;
        letter-spacing:normal !important;
	}
    .banner_content :is(h2){
        font-size:32px !important;
    }
	.block_content h2{
		font-size:35px;
		letter-spacing:-3px !important;
		margin-bottom:30px;
	}
    .single_blog .content_block :is(h4){
    font-size:20px !important;
    }
    .testimonials h2{
    font-size:35px;
    }
	.it_sec h2{
		text-align:center;
	}
	.it_sec  .block_content.orange{
		text-align:center;
	}
	.it_sec  .block_content.orange p{
		font-size:16px;
	}
	.it_sec  .block_content.orange br{
		display:none;
	}
	.block_content.orange p:last-child a{
		display:inline-block;
		margin-top:20px;
	}
	.our_card :is(h3,h4,h5){
		font-size:20px;
		letter-spacing:-1px !important;
	}
	.our_card::before{
		font-size:16px;
	}
	.hero_banner :is(p){
		max-width:100%;
		font-size:16px;
	}
	.banner_content{
		padding-inline:20px;
		text-align:center;
		padding-top:0px;
	}
	.block_content :is(li){
		font-size:16px;
	}
	.block_content :is(li) br{
		display:none;
	}
	
	.why_choose .block_content li::before{
		font-size:16px;
	}
  .why_choose .left_choose
	{
		padding-right:0px;
		padding-bottom:30px;
	}
	.it_sec .orange_main{
		margin-bottom:-90px;
		margin-top:30px;
	}
	.hero_banner a:not(.btn){
		margin-left:0px;
		margin-top:30px;
		width:100%;
	}
	.block_content :is(li) strong{
		font-size:20px;
		display:block;
		padding-bottom:15px;
	}
	.block_content :is(li){
		font-size:16px;
	}
	.why_choose .block_content :is(p){
		font-size:16px;
		text-align:center;
	}
	.why_choose .block_content.orange-btn p:last-child a{
		margin-top:30px;
	}
	.it_sec .orange_main .orange_sec{
		padding-inline:unset;
	}
	.our_card{
		margin-top:15px;
	}
	:is(.why_choose,.it_sec){
		padding:80px 20px;
	}
	.orange_main{
		border-radius:7px;
		margin-inline:25px;
		background-size: unset;
    background-position: bottom right -20px;
}
	.why_choose{
		padding-top:290px;
	}
	:is(.sol_page) .solution_card :is(h3,h4){
		font-size:20px;
		font-weight:700;
	}
	:is(.sol_page) .solution_card ul li::before{
		font-size:12px;
		left:18px;
	}
	:is(.sol_page) .solution_card li{
		padding:18px 18px 18px 41px;
	}
	.inner_banner{
		justify-content:end;
		min-height:234px;
		/* background-position: right -161px center; */
		padding:30px 20px;
	}
	.faq-page{
		padding:80px 20px;
	}
	.accordion-body p{
		margin-bottom:0px;
	}
	.accordion-body{
		padding-inline:0px;
	}
	.testimonial_head img{
		margin-right:15px;
	}
	.test_card{
		padding:30px;
		background-color:rgba(248,154,58,0.10);
		border:1px soli rgba(248,154,58,0.36);
		opacity:1;
	}
	.testimonials .owl-item{
		opacity:1;
	}
	.test_card strong{
		display:inline-block;
		width:65%;
	}
	.testimonial_head{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	.colored .test_card::before{
		height:53px;
		background-size:100% 100%;
		width:53px;
	}
	.faq-page .accordion-button{
		font-size:18px;
		padding-left:0px;
	}
	.sol_page h2{
		display:none;
	}
	.read_more{
		font-size:16px;
	}
	.contact_section :is(h2,h3){
		font-size:35px;
		text-align:center;
	}
	.contact_section ul li strong{
		display:inline-block;
		padding-bottom:0px;
	}
	.contact_section ul li::before{
		font-size:12px;
		top:3px;
	}
	.contact_section{
		padding:80px 20px 70px 20px;
	}
	.contact_section button[type="submit"]{
		font-size:16px !important;
		    line-height: 51px;
    padding: 0px !important;

	}
	.wpforms-one-half{
		width:100% !important;
		margin-inline:0px !important;
	}
	.contact_section .block_content :is(li):not(li:last-child){
		margin-bottom:20px;
	}
	.inner_banner :is(h1,h2){
		font-size:30px;
		line-height:normal;
		letter-spacing: -1px !important;
	}
	.it_sec .orange_main{
		margin-bottom:-350px;
		margin-top:90px;
	}
	.orange_main::after{
		border-radius:7px;
		left:-15px;
		bottom:-15px;
	}
	.orange_sec :is(h2,h3,h4){
		font-size:20px;
		margin-bottom:30px;
		letter-spacing:-1px !important;
	}
	.orange_main .col-md-5{
		padding:0px !important;
	}
	.footer_right img{
		width:110%;
		margin-left:-15px;
	}
	.orange_main .orange_sec{
		padding:30px 15px;
	}
	.quote{
		display:none;
	}
	.orange_main::before{
		background:linear-gradient(180deg, rgba(248, 154, 58, 1) 51%, rgba(248, 154, 58, 0.3) 79%);
		border-radius:7px;
	}
	.orange_sec p:last-child a{
		font-size:16px;
		padding-inline:30px;
	}
	.footer_container{
		padding-inline:30px;
	}
	.footer_row .footer_col{
		flex-basis:151px;
	}
	.footer_row :is(.contact_col,.footer_logo){
		flex-basis:100%;
	}
	footer .footer_row h4{
		margin-bottom:25px;
		font-size:20px;
	}
	.footer_row{
		position:relative;
		padding-bottom:80px;
	}
	.social-ul{
		position:absolute;
		left:0;
		right:0;
		margin:auto;
		margin-top:30px;
		text-align:center;
		bottom:0;
	}
	.footer_top .top_text p{
		font-size:16px;
		padding-inline:20px;
	}
	.footer_col.footer_logo img{
		max-width:213px;
	}
	.footer_logo.footer_col p{
		font-size:16px;
	}
	.social-ul img{
		margin-bottom:0px;
		margin-top:30px;
	}
	footer{
		padding-bottom:30px;
	}
	.faqs_section,.why_choose{
		border-radius:0px;
		width:100%;
		margin-inline:0px;
		padding-inline:17px;
	}
    .why_choose .block_content :is(h2,h3,strong){
    font-size:31px;
    }
	.faqs_section h2{
		text-align:center;
		font-size:35px;
	}
	.faqs_section :is(.accordion-item,.accordion-button){
		font-size:20px;
		line-height:30px;
	}
	.our-blogs h2{
		font-size:35px;
		text-align:center;
		margin-bottom:-10px;
	}
	.blog-card :is(h2,h3,h4){
		font-size:20px;
		min-height:unset;
		margin-bottom:20px;
	}
	.blog-card p{
		font-size:16px;
	}
	.blog-card span {
		margin-top:15px;
		font-size:16px;
		font-weight:500;
	}
	.our-blogs{
		padding-inline:20px;
	}
	.blog-card{
		text-align:center;
		margin-top:40px;
	}
	.service_cardwrapper :is(h5,strong){
		font-size:20px;
	}
	.our_services .block_content.right{
		padding-left:0px;
	}
	.our_services p{
		font-size:16px;
	}
	.our_services .container{
		padding-inline:30px;
	}
	:is(.our_services,.our_soltions){
		padding:80px 0px;
	}
	.our_soltions{
		padding-inline:20px;
	}
	.solution_card{
		margin-bottom:20px;
		height:unset;
	}
	.solution_card :is(h3,h4)
	{
		font-size:20px;
	}
	.logo_section{
		padding:30px 0px;
	}
	.solution_inner img {
    max-width: 92px;
		}
	.btn{
		font-size:16px;
	}
	.it_sec .orange_main{
		margin-inline:unset;
	}
	.it_sec .btn{
		margin-bottom:15px;
	}
	.it_sec .orange_main{
		padding-inline:20px;
		text-align:center;
	}
	.it_sec .orange_main .orange_sec{
		padding-bottom:10px;
	}
	.solution_card li{
		font-size:16px;
	}
	.brand_logos img{
		max-width:unset;
		max-height:42px;
	}
	.solution_card p{
		font-size:16px;
	}
	p{
		font-size:16px;
	}
	h2{
		font-size:35px;
		margin-bottom:30px;
		text-align:center;
	}
	.service_cont{
		padding-left:30px !important;
	}
	.our_services .block_content.left :is(h3,h4,h5,h6){
		font-size:20px;
	}
	.our_services .block_content.left :is(h3,h4,h5,h6):not(:is(h3,h4,h5,h6):last-child){
		margin-bottom:15px;
	}
	.our_services .block_content.left{
		padding-right:0px;
		border-right:unset;
		padding-bottom:30px;
		margin-top:unset;
		border-bottom:1px solid #C9C9C9;
	}
	.managed_top{
		padding: 80px 25px;
	}
	.managed_top .block_image{
		padding-right: 0px;
		padding-bottom: 30px;
	}
	.managed_top .block_content :is(h2,h3,h2 * ,h3 *){
		font-size: 25px;
		text-align: left;
	}
	.managed_top .block_content p{
		font-size: 18px;
	}
	.blue-section.managed .block_content ul{
		column-count: 1;
		gap: unset;
	}
	.mar-100{
		margin-top: 40px;
	}
	.blue-section.managed .block_content h4{
		font-size: 20px;
	}
	.blue-section.managed :is(p){
		font-size: 15px;
	}
	.managed-security .block-left{
		padding-right: 0px;
		padding-bottom: 30px;
		border-right: 0px;
		border-bottom: 1px solid #C9C9C9;
		margin-bottom: 50px;
	}
	.managed-security ul{
		column-count: 2;
		padding-left: 18px;
		gap: 29px;
	}
	.page-template-managed-it .more-info{
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.page-template-managed-it .more-info .block_content :is(h2){
		font-size: 35px;
		letter-spacing: unset !important;
	}
	.managed-it .call-action .orange_main{
		width: calc(100% + 20px);
		margin-left: auto;
	}
	.page-template-managed-it .more-info .left_choose p{
		font-size: 18px;
	}
	.page-template-managed-it .more-info .block_content.orange-btn p:last-child a{
		position: unset;
	}
	.managed-security .block-right{
		padding-left: 0px;
	}
}

@media(max-width: 575px){
	.service_cardwrapper :is(h5,strong){
		min-height: 58px;
	}
	:is(.single-service_area,.archive ) .service_cardwrapper :is(h5,strong){
		min-height: unset;
	}
	.service_card{
		max-width: 327px;
		margin-inline: auto;
	}
	.service_cardwrapper{
		min-height: unset;
	}
	.single-service_area .service_cardwrapper{
		min-height: unset !important;
	}
}



@media(max-width: 991px){
	.tab-content .service_card .service_cardwrapper{
		padding-top: 30px;
	}
}
@media(min-width:992px) and (max-width:1199px){
	.nav-menu li a{
		font-size: 15px;
	}
	.menu-item-has-children > a::after{
		bottom: -4px;
		right: -4px;
	}
}
@media(min-width:992px) and (max-width:1400px){
	.testimonials .img-abs{
		max-width:520px;
	}
}
@media(min-width:768px) and (max-width:1400px){
	.testimonials{
		background-size:419px 454px;
		background-position:right -111px bottom -60px;
		margin-bottom:-14px;
	}
	.service_cardwrapper :is(h5,strong){
		min-height: 78px;
	}
	.single-service_area .service_cardwrapper :is(h5,strong){
		min-height: 68px;
	}
}
.img-wrap{
	height:100%;
}
.img-wrap img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
}
.bold-head :is(h2,h3){
	font-weight: 900 !important;
}
.our_services .block_content a{
	color: var(--primary-color);
	color: #fff;
	display: inline-block;
	padding: 3px 5px;
	background-color: var(--text);
	text-decoration: underline;
	border-radius:5px;
}
  .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .popup-box {
    background: #fff;
    padding: 30px;
    max-width: 400px;
    width: 90%;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    animation: fadeIn 0.4s ease-in-out;
  }

  .popup-box h3 {
    color: #F89A3A;
	  font-size:30px;
	  line-height:45px;
    margin-bottom: 15px;
  }

  .popup-box p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
  }

  .popup-close {
    background: #F89A3A;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
  }

  .popup-close:hover {
    background: #e5842d;
  }

  @keyframes fadeIn {
    from {opacity: 0; transform: translateY(-20px);}
    to {opacity: 1; transform: translateY(0);}
  }