/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor.
Author: Your Name
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* Add your custom CSS below this line */
span.sn-form-name {
    font-size: 13px;
    font-weight: 500;
	font-family: Outfit;
}
body.elementor-editor-active #estimatePopup {
    display: none !important;
}
.ss_talk_head{
	    text-align: center;
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 600;
    margin-top: 0px;
}
.ss_talk_head span {
    color: red;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
}


.sn-form-flied input ,.sn-form-flied select{
    border-radius: 10px !important;
    border: 0.91px solid #C3C3C3 !important;
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 15px !important;
    color: #818181;
	font-family: Outfit;
}
.eos-slide-item img {
    width: auto ! IMPORTANT;
}

.site-header{
	padding:10px 0 !important;
}
.sn-form-btn input{
    font-size: 14px;
    font-weight: 600;
    background: #004489;
    border: none;
    color: #fff;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 14px 26px;
	font-family: Poppins;
	letter-spacing: 0.92px;
}
a{
font-family: Poppins;
}
span.wpcf7-spinner {
    display: none;
}
.sn-form-btn {
    text-align: center;
	 margin-top: 15px;
}
.sn-form-flied p {
	margin-bottom: 6px;
}
.sn-form-btn p {
    margin: 0;
}
.sn-mb-0 p{
margin-bottom: 0px;
}
.sn-our-expertise{
position: relative;
}
.sn-our-expertise:after{
	content: "";
    position: absolute;
    top: 105px;
    left: 0px;
    background-image: url(https://weboconnect.com/services/wp-content/uploads/2025/11/shape-1.png);
    background-repeat: round;
    width: 200px;
    height: 346px;

}
.sn-language-box p {
    padding: 0px 22px;
}
.service-image img {
    width: 61px !important;
}

h6.service-title {
    font-size: 17px;
    font-weight: 700;
    color: #101828;
    margin: 0;
    padding: 12px 0px;
}
.service-item {
    padding: 20px;
    border: 1px solid #E4E7EC;
    border-radius: 8px;
	background: #fff;
}
.service-desc p {
    margin: 0px;
}
.service-desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #333333;
}
.sn-service-slider button.owl-dot {
    width: 23px;
    height: 5px;
    background: #4c2e8894 !important;
}

.sn-service-slider button.owl-dot.active {
    width: 40px;
    height: 5px;
    background: #4C2E88 !important;
}

.sn-service-slider .owl-dots {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 7px;
}
.sn-hire-box {
    position: relative;
    top: 50px;
}
span.sn-title-bold {
    font-size: 55px;
    font-weight: 700;
    color: #004489;
}
.sn-faq-sec .elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{
border-radius: 14px 14px 0px 0px !important;
padding: 20px 20px 0px 20px !important;
}
.sn-faq-sec .elementor-widget-n-accordion .e-n-accordion-item-title{
	padding: 20px 20px !important;
	 justify-content: space-between;
}
.sn-faq-sec span.e-n-accordion-item-title-icon{
    background: #004489;
    width: 25px;
	height: 25px;
    border-radius: 50px;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.sn-faq-sec .elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title span.e-n-accordion-item-title-icon{
 background: #062B6C;
}
.sn-faq-sec .e-n-accordion-item-title:hover{
box-shadow: 0px 12px 15.26px 0px #00000012;
}
.sn-faq-sec .elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title:hover{
box-shadow: none;
}
.sn-form-flieds span {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    font-family: "Work Sans", sans-serif;
}
.sn-form-flex {
    display: flex;
    gap: 25px;
}

.sn-web-dev-slider-st .eos-slide-item{
position: relative;
overflow: hidden !important;
}

.sn-web-dev-slider-st .eos-slide-item:after {
     content: "";
    width: 150px;
    height: 150px;
    background: #02458A;
    position: absolute;
    right: -75px;
    top: -75px;
    border-radius: 100px;
    z-index: 0;
}
.sn-web-dev-slider .owl-stage {
    display: flex !important;
}

.sn-web-dev-slider .owl-item {
    display: flex;
    height: auto !important;
}

.ss-web-dev-service-item:before{
	content: "";
	position: absolute;
	right: 19px;
	top: 19px;
	height: 27px;
	width: 27px;
	background-image: url("https://weboconnect.com/services/wp-content/uploads/2025/11/arrow-1.svg");
	z-index: 1;

}
.sn-form-flieds input, .sn-form-flieds select {
    font-size: 13px;
    font-weight: 600;
    color: #ADAFB0 !important;
    background: #fff;
    border: none !important;
    padding: 14px 19px !important;
    border-radius: 15px !important;
font-family: "Work Sans", sans-serif;
	margin-top: 8px;
}
.sn-form-flieds textarea {
 color: #ADAFB0 !important;
    height: 130px;
    border-radius: 15px;
    border: none;
    background: #fff;
    padding: 15px 20px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 8px;
font-family: "Work Sans", sans-serif;
}
.sn-ser-btn{
	text-align: right;
}
.sn-ser-btn input {
    padding: 14px 50px;
    background: #fff;
    border: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    color: #001431;
font-family: "Work Sans", sans-serif;
}
.sn-service-form {
    background: #CBD6E233;
    padding: 25px 20px;
    border-radius: 20px;
}
.sn-country-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
	gap: 15px 0px;
}
.country-tabs {
    display: flex;
    justify-content: center;
    gap: 15px;
	border-bottom: 1px solid #D1D1D1;
    padding-bottom: 25px;
}

button.country-tab {
    font-size: 17px;
    font-weight: 400;
    box-shadow: 8.87px 0px 22.18px 0px #0000001A;
    background: #fff;
    border: none;
    padding: 12px 23px;
    border-radius: 9px;
   font-family: "Montserrat", sans-serif;
	color: #062B6C;
	transition: 0.3s;
}
button.country-tab.active {
    background: #062B6C;
    color: #fff;
}
button.country-tab:hover {
    background: #000;
    color: #fff;
}
.country-item {
    background: #fff;
    padding: 10px 10px;
    text-align: center;
    border-left: 3px solid #062B6C;
    border-radius: 5px 0px 0px 5px;
}
.country-panels {
    margin-top: 25px;
}
.country-item a {
    font-size: 17px;
    font-weight: 500;
    color: #062B6C;
	font-family: "Montserrat", sans-serif;
}
.footer-container{
	 max-width: 1360px;
    margin: auto;
    width: 95%;	
}
.sn-main-footer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    align-items: start;
	padding-top: 12px;
    border-top: 1px solid #fff;
}
.footer-widget-area {
    padding-left: 15px;
}
.sn-main-footer ul li{
list-style-type: none;
}
.site-footer{
	color: #fff;
	background: #001431;
	padding-top: 25px !important;
}
.site-footer ul{
padding: 0px;
}
.sn-ser-btn p {
    margin: 0px;
}
.menu-item-type-custom a {
    font-size: 14px;
    color: #fff;
	font-weight: 400;
	text-transform: capitalize;
}
p.footer-widget-title {
    font-size: 22px !important;
    font-weight: 500 !important;
	font-family: "Ubuntu", sans-serif;
}
.footer-widget-area ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.footer-logos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #fff;
    padding: 10px 10px;
    border-radius: 20px;
    gap: 40px;
    margin-top: 32px;
}

.footer-logo-item img {
    width: 100%;
}

.footer-logo-item {
    display: inline-flex;
}
.sn-copy-right {
    display: flex;
    justify-content: space-between;
	border-top: 1px solid #fff;
    margin-top: 22px;
	align-items: center;
    padding-top: 20px;
    padding-bottom: 15px;
}
.sn-social-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}
ul#menu-footer-buttom-manu {
    display: flex;
    list-style-type: none;
    padding: 0;
    gap: 10px;
}
.sn-fooetr-btn-menu ul li a {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}
.sn-social-icon .so-icon{
    background: #fff;
    border-radius: 5px;
	 width: 25px;
    display: inline-block;
    height: 25px;
    font-size: 18px;
	 line-height: 22px;
    text-align: center;
    color: #001431;
}
.sn-social-icon a.facebook {
    background: #fff;
    border-radius: 50px;
    width: 25px;
    display: inline-block;
    height: 25px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #001431;
}
.sn-copy-right p {
    font-size: 15px;
    font-weight: 400;
    margin: 0px;
}
.sn-development-box{
position: relative;
}
.sn-development-box:after{
     content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-image: url("https://weboconnect.com/services/wp-content/uploads/2025/11/shape-001.svg");
    background-size: cover;
    background-repeat: round;
    z-index: -1;
}
.sn-development-box.sn-second-box:after{
top: 30px !important;
}
.wbt-red-btn{
font-size: 15px;
    background: #FF492C;
    font-weight: 600;
    color: #001431;
    padding: 10px 11px;
    border-radius: 6px;
    display: inline;
    text-transform: uppercase;
    font-family: Poppins;
    margin-left: 18px;
    display: flex;
    align-items: center;
}
.wbt-red-btn img{
	width:16px;
	filter: brightness(0) invert(1);
}
.ss_get_btn a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: -100%;
    top: 0px;
    transition: all 0.5s;
}
.ss_get_btn a:hover {
    scale: 1.05;
}
.site-header .header-inner{
	align-items:center;
}
.sn-fooetr-btn-menu ul{
	display:flex;
	list-style:none;
	gap:15px;
}
.ss_get_btn a:hover::after {
    left: 100%;
    transition: all 0.5s;
}
.sn-header-btn {
    display: flex;
    align-items: center;
}

.ss_get_btn a {
    font-size: 15px;
    padding-top: 7px;
	    position: relative;
    padding-bottom: 7px;
    color: #000;
    background: #fff;
    padding: 8px 12px;
    border-radius: 20px;
	    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
}
.site-header .header-inner{
align-items: center;
}
.site-header {background: #001431;}
.sn-header-container {
    max-width: 1360px;
    width: 95%;
    margin: auto;
}
.sn-main-nav ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.sn-web-dev-slider-st button.owl-dot {
    width: 5px;
    height: 5px;
    background: #4160E0!important;
    border-radius: 50px;
}
.sn-web-dev-slider-st button.owl-dot.active{
    width: 90px;
    height: 5px;
    background: #4160E0!important;
    border-radius: 50px;
}
.hedaer-dropdown-menu{
margin: 0px !important;
}
.sn-web-dev-slider-st .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
	gap: 3px;
}
.sn-dev-hover:hover img{
filter: brightness(0) invert(1);
}

.sn-dev-hover:hover h3.elementor-image-box-title{
    color: #fff;
}
.sn-dev-hover h3.elementor-image-box-title{
margin: 0px;
}
.sn-dev-hover:hover{
	background: #004489;
	border: none !important;
}
.sn-dev-hover{
transition: 0.3s !important;
}
.sn-image-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 90px !important;
    height: 5px !important;
    border-radius: 50px !important;
}
.sn-image-slider span.swiper-pagination-bullet{
width: 5px !important;
    height: 5px !important;
    border-radius: 50px !important;
}
.sn-image-slider img.swiper-slide-image{
margin-bottom: 22px;
}


.service-slider .owl-stage {
    display: flex !important;
}

.service-slider .owl-item {
    display: flex;
    height: auto !important;
}
.sn-testi-slider {
    display: flex;
}

.ss-testimonial-item {
	background-image: url("https://weboconnect.com/services/wp-content/uploads/2025/11/testi-bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
}
h3.ss-testimonial-title {
      background: linear-gradient(to right, #FFFFFF 0%, #01458E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 47px;
    font-weight: 600;
	 font-family: "Montserrat", sans-serif;
}
.ss-testimonial-desc {
    background: linear-gradient(to right, #FFFFFF 0%, #01458E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "ABeeZee", sans-serif;
    line-height: 24px;
}
.ss-testimonial-item {
    display: flex;
    padding: 35px 35px;
    align-items: center;
	height: 300px;
}
.ss-testimonial-video a i {
    color: #fff;
    font-size: 25px;
	margin-left: 4px;
}
.ss-testimonial-video a {
    width: 54px;
    height: 54px;
    background: #8b93a1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px){
	.sn-our-expertise:after{
left: -90px;
	}
	p{
font-size: 14px !important;
	}
	p.ss-wds-desc {
    font-size: 14px;
}
}
.e-con-inner{
    width: 95% !important;
	max-width: 1140px;
	margin: auto;
}
.ss-wds-img img {
    width: 62px !important;
}

h3.ss-wds-title {
    font-size: 17px;
    font-weight: 600;
    color: #000;
	font-family: Poppins;
	margin-top: 20px;
	margin-bottom: 10px;
}
p.ss-wds-desc {
    font-size: 15px;
	font-family: Poppins;
    font-weight: 400;
    color: #1C1C1C;
	margin:0px;
}
.sn-web-dev-slider-st .eos-slide-item{
    background: #fff;
    padding: 15px;
    border: 1px solid #e5e5e5;
	border-radius: 9px;
}
.sn-faq-sec-1 .elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{
border-radius: 6px 6px 0px 0px !important;
}
.sn-faq-sec-1 span.e-n-accordion-item-title-icon{
	background: #062B6C;
    width: 20px;
    border-radius: 50px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sn-call-info-box h3.elementor-image-box-title {
    margin: 0px 0px 8px 0px;
}

/* --------------------------
   OWL SLIDER ARROWS DESIGN
--------------------------- */
.eos-owl-slider .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.eos-owl-slider .owl-nav button.owl-prev,
.eos-owl-slider .owl-nav button.owl-next {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(10px);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 22px !important;
    color: #fff !important;
    pointer-events: auto;
    transition: 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.eos-owl-slider .owl-nav button.owl-prev:hover,
.eos-owl-slider .owl-nav button.owl-next:hover {
    background: #fff !important;
    color: #000 !important;
    transform: scale(1.1);
}



/* --------------------------
   OWL SLIDER DOTS DESIGN
--------------------------- */
.eos-owl-slider .owl-dots {
    margin-top: 15px;
    text-align: center;
}

.eos-owl-slider .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 4px;
    background: #ddd;
    display: block;
    border-radius: 50%;
    transition: 0.3s;
}

.eos-owl-slider .owl-dots .owl-dot.active span {
    background: #333 !important;
    transform: scale(1.4);
}

.eos-owl-slider .owl-dots .owl-dot:hover span {
    background: #555;
}



/* resoponsive */




@media only screen and (min-width: 320px) and (max-width: 767px){
	.footer-container{
	padding: 0px 10px;
}
	.wbt-red-btn{
    font-size: 11px;
    font-weight: 500;
    padding: 10px 8px;
    margin-left: 8px;
}
	.ss-popup-box{
		    padding: 15px;
    max-width: none;
    left: 0;
    width: auto;
	}
	.ss-popup-overlay{
		    overflow: scroll;
	}
	.ss_get_btn a{
		padding: 8px 9px;
		font-size: 10px;
	}
	.country-tabs{
gap: 4px;
	}
	button.country-tab{
	font-size: 12px;
	padding: 11px 8px;
	}
	.sn-mob-color span,span.sn-form-name{
		color: #fff !important;
}
	.sn-form-flied input, .sn-form-flied select{
padding: 10px 15px !important;
	}
	.sn-form-btn input{
font-size: 12.5px;
	}
	.sn-home-cnt-form {
    margin: auto !important;
}
	.sn-our-expertise:after{
	display: none;
	}
	.sn-main-footer{
        grid-template-columns: repeat(2, 1fr);
		gap: 30px 10px;
	}
	p.footer-widget-title{
font-size: 19px !important;
	}
	.footer-widget-area{
padding: 0px;
	}
	.footer-logos{
	grid-template-columns: repeat(2, 1fr);
		gap: 5px;
	}
	.footer-logo-item.last-logo {
    grid-column: 1 / -1;
    justify-self: center;
}
	.footer-logo-item img{
width: 161px;
	}
	.footer-logos{
padding: 20px 20px;
	}
	.sn-copy-right {
    flex-direction: column;
    text-align: center;
    gap: 15px;
}
	.sn-fooetr-btn-menu {
			order: -1;
	}
	.sn-copy-right p,.sn-fooetr-btn-menu ul li a{
	order: 1;
	font-size: 14px;
	}
	.e-con-inner{
    width: 95% !important;
	margin: auto;
}
	.sn-mob-wei a {
    font-weight: 700 !important;
}
	.sn-language-box p{
padding: 0px;
	}
	.sn-counter-bg{
background: #fff !important;
	}
	.sn-dev-hover .elementor-image-box-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
	.sn-dev-hover{
flex-wrap: nowrap !important;
	}
	.service-desc p{
		font-size: 14px !important;
}
	.sn-dev-slider-1 .owl-stage {
    display: flex !important;
}

.sn-dev-slider-1 .sn-dev-box-height {
    display: flex;
    height: 100%;
}
	.sn-offer-div{
background: #0D51A1;
	}

h3.ss-testimonial-title {
    font-size: 26px;
    line-height: 26px;
}

.ss-testimonial-desc {
    font-size: 12px;
    line-height: 16px;
}
	.ss-testimonial-video a i{
		font-size: 15px;
	}
	.ss-testimonial-video a{
         width: 30px;
		height: 30px;
	}
	.ss-testimonial-item{
padding: 15px;
	}
	.sn-form-flex{
display: block !important;
	}	
	.sn-ser-btn input{
width: 100%;
	}
	.sn-call-info-box .elementor-image-box-wrapper {
    display: flex;
    gap: 7px;
}
	.sn-call-info-box .elementor-image-box-title{
margin: 0px !important;
	}
	.sn-call-info-bg{
position: relative;
		z-index: 2 !important;
	}
	.sn-call-info-bg:after{
		content: "";
		position: absolute;
		top: 0px;
		left: -9px;
		width: 100vw;
		height: 100%;
		background: linear-gradient(to right, #00458E 0%, #001431 100%);
		z-index: -1;
		
	}
	.sn-hire-box{
top: 0px;
	}
	
	.sn-hire-sliders{
margin-bottom: 0px !important;
	}
	.ss-testimonial-item{
height: 200px;
	}
	.sn-dev-box-flex .elementor-image-box-wrapper {
    display: flex;
		align-items: center;
}
	.sn-hire-sliders .owl-stage{
	display: flex !important;
	}
	.sn-mob-height{
height: 100% !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.wbt-contact-panel{
width: 70% !important;
	}
	.sn-tab-image{
background-image: none !important;
	}
	.sn-tab-image img{
width: 100% !important;
	}
	.wbt-red-btn{
    font-size: 14px;
    font-weight: 500;
    padding: 12px 22px;
}
	.sn-br-none h5 br{
display: none;
	}
	.sn-dev-box-height{
height: 100% !important;
	}
	.sn-dev-slider-1 .owl-stage{
		display: flex !important;
		
	}
	.sn-hire-box{
top: 0px;
	}.sn-hire-sliders .owl-stage{
	display: flex !important;
	}
	.sn-mob-height{
height: 100% !important;
	}
	.sn-call-info-bg{
position: relative;
		z-index: 2 !important;
	}
	.sn-call-info-bg:after {
        content: "";
        position: absolute;
        top: 0px;
        left: -25px;
        width: 98.7vw;
        height: 100%;
        background: linear-gradient(to right, #00458E 0%, #001431 100%);
        z-index: -1;
    }
	.sn-main-footer{
gap: 10px;
	}
	p.footer-widget-title{
font-size: 20px !important;
	}
	.sn-copy-right{
flex-direction: column;
		gap: 15px;
	}
	.sn-copy-right p{
order: 1;
	}
}



.sn-cnt-slider button.owl-prev,.sn-cnt-slider button.owl-next,.sn-dev-slider button.owl-next,.sn-dev-slider button.owl-prev, .sn-dev-lang button.owl-prev, .sn-dev-lang button.owl-next{
    background: #FFFFFF !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
	.sn-cnt-slider button.owl-prev i, .sn-cnt-slider button.owl-next i,.sn-dev-slider button.owl-prev i , .sn-dev-slider button.owl-next i ,.sn-dev-lang button.owl-next i , .sn-dev-lang button.owl-prev i{
    font-size: 22px;
    font-weight: 500;
}
	.sn-cnt-slider button.owl-prev:hover,.sn-cnt-slider button.owl-next:hover,.sn-dev-slider button.owl-next:hover,.sn-dev-slider button.owl-prev:hover,.sn-dev-lang button.owl-prev:hover, .sn-dev-lang button.owl-next:hover{
		background: #004489 !important;
		color: #fff !important;
}
.sn-cnt-slider .owl-nav,.sn-dev-slider .owl-nav, .sn-dev-lang .owl-nav{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
}


.hedaer-dropdown-menu a{
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 600 !important;
    margin: 0px;
    text-align: center;
	display: block;
}

.sn-sub-manu-col .mega-menu-item {
    padding: 0px !important;
}

.sn-sub-manu-col {
    border: 1px solid #000 !important;
	border-radius: 21px !important;
}

.sn-sub-manu-col .mega-menu-item img {
    width: 100% !important;
    height: 155px !important;
    object-fit: cover;
    border-radius: 20px;
	object-position: top;
}
.sn-sub-manu-row{
    padding-top: 40px !important;
    width: 90% !important;
    margin: auto !important;
    float: none !important;
	max-width: 1260px !important;
}
.sn-sub-manu-row:not(.mega-sub-menu) > .mega-sub-menu {
   display: flex !important;
	gap: 15px;
	padding-bottom: 40px !important;	
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
     width: 98.8vw !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
	
	background: #fff !important;
	top: 60px;
}
.sn-sub-manu-col .textwidget.custom-html-widget {
    padding: 5px 0px 13px 0px;
}
.sn-five-col {
    width: 20% !important;
}
.sn-mega-manu-img .mega-menu-item img {
    width: 490px;
}
.sn-mega-manu-img .mega-menu-item{
padding: 0px !important;
}
.sn-sub-manu-row.extra-gap:not(.mega-sub-menu) > .mega-sub-menu{
gap: 55px !important;
}

.sn-sub-testi-btn a {
    bottom: 0px;
    height: 46px;
    top: 0px;
    line-height: 37px;
    position: absolute;
    background: #fff;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 140px;
    text-align: center;
    color: #000 !important;
    border-radius: 20px;
    border: 5px solid #01458E;
    font-weight: 600 !important;
}
.sn-mob-manu-2{
display: none !important;
}
.sn-sub--menu-cnt .fairst,.sn-sub-testi-btn{
height: 250px;
}
.sn-sub-testi-btn img{
height: 250px;
	object-fit: cover;
}
li#mega-menu-item-custom_html-22 , li#mega-menu-item-custom_html-23 {
    padding: 0px !important;
}
li#mega-menu-item-media_image-21,li#mega-menu-item-media_image-22,li#mega-menu-item-media_image-23,li#mega-menu-item-custom_html-24{
padding: 0px !important;
}
.sn-sub--menu-cnt,.sn-sub-testi-btn {
    position: relative;
	border: 1px solid #000;
    border-radius: 15px;
    overflow: hidden;
}
.sn-content-postion a {
    background: #01458E;
    font-size: 13px !important;
    padding: 4px 17px;
    border-radius: 50px;
    display: inline-block;
}
.sn-nav-view-btn {
	text-align: end;}
.sn-content-postion {
    position: absolute;
    bottom: -6px;
    background: #fff;
    margin: 17px 10px;
    border-radius: 15px;
    padding: 15px;
}

.sn-content-postion h6 {
    font-size: 13px;
    color: #000;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: 600;
}

.sn-content-postion p {
    font-size: 13.5px !important;
    color: #000;
    margin: 0px !important;
}

.wbt-contact-wrapper {
    position: relative;
    display: inline-block;
	width: auto;
}
.wbt-contact-panel.wbt-panel-hidden{
 opacity: 0;
    visibility: hidden;
	
}
/* Sticky Nav Bar Style */
.sn-stiky-nav.is-sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.35s ease-out;
  background-color: #001431;
  z-index: 999;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/* Sticky Nav Bar Style end*/

.wbt-contact-panel {
    position: absolute;
    top: 70px;
    right: 20px;
     width: 400px;
    background-color: #EBF1F5;
    border-radius: 20px;
    padding: 33px 25px;
    box-shadow: 0px 0px 7px 0px rgb(123, 123, 123);
    transform: translateY(15px);
    transition: all 0.3s ease;
    z-index: 9999;
}

.wbt-contact-panel h3 {
     text-align: center;
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 600;
	margin-top: 0px;
}

.wbt-contact-panel h3 span {
    color: red;
}

.wbt-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.wbt-box {
     width: 50%;
    padding: 10px;
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    height: 85px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wbt-hiring {
    text-align: center;
    padding: 10px;
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 50%;
	margin: auto;
	height: 85px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wbt-or {
    text-align: center;
    margin: 12px 0;
    font-weight: 600;
	font-family: 17px;
}

.wbt-meeting-btn {
    display: block;
    text-align: center;
    padding: 12px;
    background: #132f4c;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
}
.wbt-box span , .wbt-hiring span {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    gap: 5px;
	text-align: left;
}

.wbt-box span img {
    width: 20px;
}

.wbt-box p,.wbt-hiring p {
    font-size: 13px !important;
    font-weight: 500;
    margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
}
.sn-metting-div{
display: flex;
justify-content: center;
}
.sn-metting-div a{
    font-size: 14px;
    background: #001431 !important;
    font-weight: 500;
    color: #ffff;
    padding: 10px 25px;
    border-radius: 50px;
    display: flex;
	justify-content: center;
	align-items: center;
    text-transform: capitalize;
	width: auto;
	gap: 5px;
}
/* Disable Hello Elementor Mobile Toggle */
.site-navigation-toggle-holder,
.site-navigation-dropdown {
    display: none !important;
}
span.sn-cal-hr {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    color: red;
}
div#mega-menu-wrap-menu-1 {
    background: none;
}
.mega-current_page_item a{
background: none !important;
}
.sn-sub--menu-cnt img{
	height: 250px;
	object-fit: cover;
}
@media (max-width: 991px) {
	.sn-mob-d-none{
		display: none !important;
}
li#mega-menu-item-custom_html-27,li#mega-menu-item-custom_html-28,li#mega-menu-item-custom_html-26 {
    padding: 0px !important;
}	
	.sn-mega-sun-mnu-mob {
    padding: 20px 0px;
}

.sn-mob-manu-2{
display: block !important;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle{
background: none;
}
	#mega-menu-menu-1 > .mega-menu-item{
    border-bottom: 1px solid #fff !important;
		padding:3px 13px !important;
	}
	#mega-menu-menu-1{
padding-top: 65px !important;
	}
	button.mega-close{
position: absolute !important;
		left:-31px !important;
		top: -8px !important;
	}
	#mega-menu-menu-1 > li:nth-child(1) {
   border-top: 1px solid #fff !important;
}

	.sn-sub-manu-col .mega-menu-item img{
display: none;
	}
	.sn-sub-manu-col{
border: none !important;
	}
	.hedaer-dropdown-menu a{
text-align: left;
		font-size: 14px !important;
		font-weight: 500 !important;
		color: #fff !important;
	}
	ul.mega-sub-menu{
flex-direction: column !important;
	}
	.sn-sub-manu-col .textwidget.custom-html-widget{
padding:0px;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
         background: #001431 !important;
        width: 320px !important;
        position: relative;
        top: 0;
        left: -13px;
	}
	
	.mega-toggle-on .hedaer-dropdown-menu a{
		font-size: 14px !important; 
		font-weight: 400 !important;
	}
	
	.mega-toggle-on .sn-sub-manu-row:not(.mega-sub-menu) > .mega-sub-menu{
		
		gap: 23px;
	}
	.mega-toggle-on .sn-sub-manu-col{
    width: 100% !important;
	}
}


/* Fade Animations */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Slide Up Fade Out */
@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-30px);
    }
}


.wbt-close-panel{
display: none;
}
li#mega-menu-item-custom_html-25{
	padding: 0px !important;
}
.sn-mega-sun-mnu-mob a {
    color: #fff !important;
    font-size: 15px !important;
    padding: 0px 13px;
}
/* Mobile view */
@media(max-width: 991px){
	nav.sn-main-nav.mega-menu-wrapper{
order: 1;
	}

	.sn-mega-sun-mnu-mob{
display: block !important;
}
	.mob-d-none{
		display: none !important;
	}
	/* Visible Class */

/* Remove on close */
.wbt-contact-panel.wbt-panel-hidden {
	
    animation: fadeOutUp .4s forwards;
    opacity: 0;
    visibility: hidden;
}
	.wbt-box p, .wbt-hiring p{
font-size: 11px !important;
	}
    .wbt-close-panel {
    display: block;
        position: absolute;
        right: 12px;
        top: 7px;
        font-size: 28px;
        cursor: pointer;
        z-index: 99;
        background: #001431;
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 50px;
        color: #fff;
        line-height: 32px;
}
.wbt-contact-panel.active {
    opacity: 1 !important;
    visibility: visible !important;
    animation:fadeInDown .4s forwards;
}
	.wbt-contact-panel{
		transition: 0.3s ease;
		position: absolute;
		top: 88px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 95%;
		padding: 45px 10px 20px 10px;
	}
	span.sn-cal-hr{
		display: none;
	}
	.wbt-hiring,.wbt-contact-panel h3{
		display: none;
	}
	.wbt-box span, .wbt-hiring span{
		font-size: 14px;
	}
	
	.wbt-contact-wrapper{
		width: 100%;
	}

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus{
background: none !important;
}
li#mega-menu-item-media_image-16{
	text-align: end !important;
}
.sn-mega-sun-mnu-mob{
display: none;
}

.sn-web-dev-slider-st .eos-slide-item {
    text-align: start !important;
}
.sn-web-dev-slider-st h3.eos-slide-title {
    padding: 9px 0px;
    margin-top: 11px;
    margin-bottom: 0px;
}
.sn-web-dev-slider-st a.eos-btn {
    z-index: 1;
    position: absolute;
    top: 19px;
    right: -6px;
    width: 50px;
}
.sn-service-slider .owl-stage-outer,.sn-service-slider .owl-stage,.sn-service-slider .owl-item{
display: flex !important;
}
.sn-service-slider h3.eos-slide-title {
    margin-top: 20px;
    margin-bottom: 10px;
}


/*****new ss*****/

.ss-popup-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.ss-popup-box{
	background-image:linear-gradient(to right, rgb(1, 69, 142, 0.5), rgba(1, 69, 142, 0.5)), url(../../uploads/2026/01/handshake-scaled.webp);
    padding: 30px;
    max-width: 1200px;
    width: 100%;
	background-size:cover;
    border-radius: 8px;
    position: relative;

    /* 👇 animation default state */
    transform: translateY(-50px);
    opacity: 0;
    transition: all 0.4s ease;
}

/* 👇 popup open animation */
.ss-popup-overlay.active .ss-popup-box{
    transform: translateY(0);
    opacity: 1;
}

.ss-popup-close{
   font-size: 22px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    top: 3px;
    right: 3px;
    gap: 0px;
    background: rgba(255, 255, 255, 0.5);
    border: 0px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    z-index: +9;
}

.ss-popup-box input,
.ss-popup-box textarea{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

.ss-popup-box button{
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}


.ss_pop_main_div{
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 equal columns */
    gap: 30px;
    align-items: stretch;
}

/* Left & Right optional styling */
.ss_pop_left_div{
    width: 100%;
}

.ss_pop_right_div{
    width: 100%;
}

/* Responsive – mobile me 1 column */
@media (max-width: 768px){
    .ss_pop_main_div{
        grid-template-columns: 1fr;
    }
}
/* Main Form Wrapper */
.ss_pop_mainfrm_sec {
     border-radius: 20px;
    background: rgba(0, 20, 49, 0.2);
    padding: 30px 20px;
    margin: auto;
}

/* 2 Column Group */
._ssfrm_mn_grp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
        margin-bottom: 2px;
}

/* Single Field */
.ss_frm_grp,
.ss_frm_grp1 {
    display: flex;
    flex-direction: column;
}

/* Labels */
.ss_pop_mainfrm_sec label {
    color: #fff;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 500;
}

/* Inputs */
.ss_pop_mainfrm_sec input,
.ss_pop_mainfrm_sec select,
.ss_pop_mainfrm_sec textarea {
      width: 100%;
    padding: 6px 16px;
    border-radius: 14px !important;
    border: none;
    outline: none;
    font-size: 14px;
    background: #fff;
    height: 40px;
}

/* Textarea */
.ss_pop_mainfrm_sec textarea {
    border-radius: 20px;
    min-height: 120px;
    resize: none;
}
.ss_frm_grp1 {
    margin-bottom: 14px;
}

/* Select Arrow Fix */
.ss_pop_mainfrm_sec select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23000' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
}

/* Submit Button */
.ss_frm_submit {
    text-align: right;
    margin-top: 20px;
}

.ss_frm_submit input[type="submit"] {
    background: #fff;
    color: #000;
    padding: 12px 40px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: none;
}

/* Hover */
.ss_frm_submit input[type="submit"]:hover {
    background: #e6e6e6;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    ._ssfrm_mn_grp {
        grid-template-columns: 1fr;
    }
}
.ss_pop_mainfrm_sec p {
    margin: 0;
}
.ss_frm_grp1 textarea {
    margin: 0;
}
.ss_popup_frm_submit .wpcf7-submit{
	font-size: 18px;
    color: #000;
    font-weight: 600;
    padding: 6px 30px;
    height: 50px;
}

.ss_pop_right_div h4 {
    color: #fff;
}

.ss_pop_right_div h2 {
    color: #fff;
    font-size: 25px !important;
    text-align: center;
}

.ss_pop_right_div {
    padding: 0 25px;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center !important;
}
.d-flex {
    display: flex !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.btn-danger, .btn-danger:hover {
    background-color: #FF492C !important;
    border-color: #FF492C !important;
    color: #ffffff;
}
.btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: -100%;
    top: 0px;
    transition: all 0.5s;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.btn-rounded {
    border-radius: 25px;
}
.ms-2 {
    margin-left: .5rem !important;
}
.btn {
    font-size: 14px;
 padding:5px 16px;
}
.btn:hover::after {
    left: 100%;
    transition: all 0.5s;
}
.text-white {
    color: #fff !important;
	margin-right:8px;
}
/* ===== MAIN WRAPPER ===== */
.ss_tag.google_ratings_bg {
    padding: 11px;
    border-radius: 14px;
    background: #fff;
    margin-top: 15px;
}

/* ===== GRID LAYOUT 2-2-1 ===== */
.ss_tag .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    justify-items: center;
    margin: auto;
    max-width: 380px;
}

/* ===== CARD STYLE ===== */
.ss_tag .google_ratings_card {
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 14px;
    padding: 5px;
    max-width: 260px;
    width: 180px;
    text-align: center;
    transition: all 0.3s ease;
}

.ss_tag .google_ratings_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.08);
}

/* ===== LOGO ===== */
.ss_tag .google_ratings_card img {
    max-height: 40px;
    object-fit: contain;
    margin-bottom: 0;
}

/* ===== TEXT LINE ===== */
.ss_tag .google_ratings_card .d-flex {
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #222;
    flex-wrap: wrap;
    font-weight: 600;
}

/* ===== LINK RESET ===== */
.ss_tag .google_ratings_card a {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* ===== LAST CARD CENTER ===== */
.ss_tag .row > div:last-child {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
}

/* ===== MOBILE VIEW ===== */
@media (max-width: 768px) {
    .ss_tag .row {
        grid-template-columns: 1fr;
    }

    .ss_tag .row > div:last-child {
        grid-column: auto;
    }
}

.wbt-box a {
    color: #000;
}
.sn-metting-div a:hover{
	color:#fff;
}

/**************hire php Developet**********/
.ss_para_mb_0 p{
	margin-bottom:0 !important;
}

/* MAIN CARD */
.pd-card {
    display: grid;
    grid-template-columns: 5fr 7fr; 
    gap: 45px;
    background: #F1F8FF;
    border-radius: 28px;
    padding: 0px;
    margin-bottom: 40px;
    align-items: center;
}
.ss_pd_ct_te {
    display: flex;
    gap: 50px;
}

/* IMAGE */
.pd-image img {
   display:block;
}

/* TOP CATEGORY PILLS */
.pd-top-categories span {
       display: inline-block;
    padding: 6px 20px;
    border: 1px solid #9FCDFF80;
    border-radius: 7px;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 12px;
    color: #426993;
}

/* CONTENT */
.pd-title {
    font-size: 40px;
    font-weight: 700;
    margin: 10px 0;
}

.pd-desc {
    font-size: 16px;
    color: #4b5563;
    max-width: 700px;
}

/* META */
.pd-meta {
    display: flex;
    gap: 60px;
    margin: 26px 0;
}

.pd-meta-block strong {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}

/* TAGS */
.pd-tags span {
    display: inline-block;
    background: #3B3B3B0D;
    padding: 6px 20px;
    border-radius: 5px;
    font-size: 14px;
    margin: 6px 2px 0 0;
}

/* BUTTON */
.pd-btn {
    display: inline-block;
    margin-top: 18px;
    padding: 14px 28px;
    background: #1d4ed8;
    color: #ffffff;
    border-radius: 14px;
    text-decoration: none;
    font-size: 16px;
	background: linear-gradient(90deg, #0020B4 0%, #5FADFF 100%);
}
.pd-top-categories .active {
    color: #2583E9;
    background: #9fcdff1a;
}



.client-feedback-item {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 32px;
    align-items: center;
}

/* IMAGE */
.client-feedback-image {
    position: relative; /* 🔴 MUST */
    overflow: hidden;
}

.client-feedback-image img {
    width: 100%;
    display: block;
    border-radius: 22px;
}
/* ===== VIDEO POPUP OVERLAY ===== */
.client-video-modal {
    position: fixed !important;   /* 🔴 MOST IMPORTANT */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;                /* 🔴 CENTERING */
    align-items: center;          /* vertical center */
    justify-content: center;      /* horizontal center */
    z-index: 999999;
}

/* ===== POPUP BOX ===== */
.client-video-inner {
    position: relative;
    width: 80%;
    max-width: 900px;
    background: #000;
    aspect-ratio: 16 / 9;         /* perfect video ratio */
}

/* ===== IFRAME ===== */
.client-video-inner iframe {
    width: 100%;
    height: 100%;
    display: block;
}

/* ===== CLOSE BUTTON ===== */
.client-video-close {
    position: absolute;
    top: -45px;
    right: 0;
    font-size: 34px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}

/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {
    .client-video-inner {
        width: 95%;
    }
}


/* PLAY ICON */
.client-video-popup {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;

}

.client-video-popup .play-icon {
    color: #fff;
    font-size: 26px;
    margin-left: 3px;
}

/* CONTENT */
.client-feedback-content h3 {
    font-size: 22px;
    margin-bottom: 6px;
}

.designation {
    font-weight: 600;
}

.state {
    color: #6b7280;
    font-size: 14px;
}

.description {
    margin-top: 12px;
}

/* NAV */
.client-feedback-nav {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 0px;
}
p.state {
    color: #3B3B3B;
    font-weight: 600;
    font-size: 16px;
    margin-top: 0;
	display:flex;
	gap:8px;
}
p.state img {
    width: 25px !important;
}
.description {
    font-weight: 300;
    line-height: 30px;
    color: #3B3B3B;
}

p.designation {
    color: #3B3B3B;
    font-weight: 400;
    margin-bottom: 5px;
}
.client-feedback-nav button {
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid #2563eb;
    background: #fff;
    cursor: pointer;
    color: #2583E9;
	font-size:13px;
}
.client-feedback-nav button:hover{
	background:#2583E9;
	color:#fff;
}

/* MOBILE */
@media (max-width: 991px) {
    .client-feedback-item {
        grid-template-columns: 1fr;
    }
}

.color-black{
	color:#000;
}
.font-weight-600{
	font-weight:600;
}
.ss_p_mrgn_0 p{
	margin-bottom:0;
}
.sss_sticky {
    position: sticky !important;
    top: 0;
}
.country-post-title-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 🔑 5 columns */
  gap: 11px;
}

.country-post-title-list li {
  background: #ffffff;
  /* border: 2px solid #0d2a7a; */   /* blue border */
  color: #0d2a7a;
  text-align: center;
  padding: 14px 10px !important;
  font-weight: 600;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 8px;
}

/* Hover effect */
.country-post-title-list li:hover {
  background: #0d2a7a;
  color: #ffffff;
}

/* Active (optional) */
.country-post-title-list li.active {
  background: #0d2a7a;
  color: #ffffff;
}

.country-tabs {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0 0 20px;
    margin-bottom: 15px;
}

.country-tab {
    padding: 12px 20px;
    background: #eee;
    cursor: pointer;
    border-radius: 4px;
}

.country-tab.active {
    background: #062B6C;
    color: #fff;
}

.country-post-title-list {
    list-style: none;
    padding: 0;
}

.country-post-title-list li {
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
}

.loader {
    margin: 10px 0;
}

@media (max-width: 1024px) {
  .country-post-title-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .country-post-title-list {
    grid-template-columns: repeat(2, 1fr);
  }
}



@media only screen and (min-width: 320px) and (max-width: 480px){

	.ss-popup-box{
		    padding: 15px;
    max-width: none;
    left: 0;
    width: auto;
	}
	.ss-popup-overlay{
		    overflow: scroll;
		align-items: baseline;
	}
	.ss-popup-close {
    width: 35px;
    height: 35px;
    top: 25px;
		right: 22px;}
	._ssfrm_mn_grp {
		gap:0px;
	}
	.country-tab {
    padding: 8px 9px;
    font-size: 10px;
    text-align: center;
}
	.country-tabs {
		gap: 5px;
	}
.pd-card {
	grid-template-columns: 1fr;
	padding:15px;
	}
	.pd-top-categories span {
    padding: 6px 15px;
    border-radius: 7px;
    font-size: 10px;
	}
	.pd-image img {
    width: 93%;
    margin: auto;
    margin-top: 10px;
}
	h2.pd-title {
    font-size: 25px !important;
}
	.pd-btn {
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
}
	.client-feedback-nav {
		justify-content: center;
	}
}

@media only screen and (min-width: 480px) and (max-width: 980px){
	._ssfrm_mn_grp {
		gap:10px;
	}
	.ss-popup-close {
    width: 35px;
    height: 35px;
    top: 25px;
		right: 22px;}
	.ss-popup-overlay{
		    overflow: scroll;
		align-items: baseline;
	}
}