/*!
Theme Name: Zikair - e-SIM
Theme URI: https://zikair.com/
Author: zikair
Author URI: https://zikair.com/
Description: Stay Connected Anytime, Anywhere in the World!
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zikair
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

zikair is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# body
	- Normalize
	- Box sizing

--------------------------------------------------------------*/
body{
	font-family: "Plus Jakarta Sans", sans-serif;
}
.btn-primary{
	background:#2B84D4;
	border-color:#2B84D4;
}

.header-navbar{
	padding:24px 0px;
}
.header-navbar .main-navigation .menu{
	list-style:none;
	margin:0px;
	padding:0px;
	display:flex;
}
.header-navbar .main-navigation .menu .menu-item{
	padding:0px 15px;
}
.header-navbar .main-navigation .menu .menu-item:first-child>a{
	color:#2B84D4;font-weight: 600;
}

.header-navbar .main-navigation .menu .menu-item>a:hover{
	color:#2B84D4;
}

.header-navbar .main-navigation .menu .menu-item>a{
	display:block;
	color:#0D0E10;font-weight: 500;font-size: 14px;text-decoration: none;
}
.header-navbar .btn{
	border-radius: 16px;
    padding: 15px 28px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.banner{
	padding:200px 0px;
}
.banner .tag{
	font-size: 20px;
	font-weight: 500;
	color:#7F7C7C;
	line-height:24px;
	margin-bottom:12px;
}
.banner .tag span{
	color:#2B84D4;
}
.banner h1{
	font-size: 48px;
	font-weight: 700;
	color:#0D0E10;
	line-height:60px;
	margin-bottom:40px;
}
.banner p{
	
	font-size: 32px;
	font-weight: 400;
	color:#0D0E10;
	line-height:46px;
	margin-bottom:40px;
}

.banner .store-list{
	margin-bottom:90px;
}

.banner .avatar-stack .avatar{
	height:80px;
	width:80px;
	border-radius:50%;
	position: relative;
}
.banner .avatar-stack .avatar:nth-child(2) {
  z-index: 1;
    left: -40px;

}
.banner .avatar-stack .avatar:nth-child(3) {
  z-index: 2;
    left: -80px;
}

.banner .rating{
	left: -64px;
	position: relative;
}
.banner .rating h4{
	font-size: 24px;
	font-weight: 800;
	color:#0D0E10;
	line-height:24px;
	margin-bottom:8px;
}
.banner .rating p{
	
	font-size: 14px;
	font-weight: 400;
	color:#7F7C7C;
	line-height:16px;
	margin-bottom:8px;
}

.banner .rating li{
	font-size: 16px;
	font-weight: 400;
	color:#0D0E10;
	line-height:10px;
	margin-bottom:0px;
}
.banner-grid{
	position:relative;
	margin-bottom:60px;
	max-width: 800px;
}
.banner-grid .grid-item{
	padding-left:20px;position:relative;
}
.banner-grid .grid-item .img{
	position:relative;
	z-index:1;
}
.banner-grid .grid-item:first-child{
	padding-left:0px;
}
.banner-grid .grid-item:nth-child(1) .img{
	margin-bottom:20px;
}
.banner-grid .grid-item:nth-child(1) .img>img{
	width:240px;
	border-radius: 16px;
}



.banner-grid .card{
	border-radius: 16px;
	border: 1px solid #E3E3E3;
	background: #F8F8F8;
	padding:15px;
	box-shadow:none;
}


.banner-grid .grid-item .card.mini-card h5{
	font-size: 16px;
	font-weight: 500;
	color:#0D0E10;
	line-height:20px;
	margin-bottom:4px;
}
.banner-grid .grid-item .card.mini-card p{
	font-size: 10px;
	font-weight: 300;
	color:#0D0E10;
	line-height:12px;
	margin-bottom:0px;
}
.banner-grid .grid-item .card{
	margin-bottom:20px;position:relative;
	z-index:1;
}
.banner-grid .grid-item .card p{
	font-size: 11px;
	font-weight: 400;
	color:#0D0E10;
	line-height:24px;
	margin-bottom:0px;
}

.banner-grid .grid-item .shape-1{
	position: absolute;
            top: -240px;
    left: -380px;
    z-index: 0;
}

.banner-grid .grid-item .shape-2{
	position: absolute;
        top: -130px;
    right:-70px;
    z-index: 0;
}

.banner-grid .grid-item .shape-3{
	    position: absolute;
    bottom: -210px;
    left: -340px;
    z-index: 0;
}

.regions-section{
	background-color:#F8F8F8;
	position:relative;
	min-height: 500px;
	padding-top:460px;
	padding-bottom:60px;
    
}
.regions-section:before{
	background-image:url('assets/images/regions-bg.jpg');
	background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
	content:'';
	display:block;
	height:500px;
	width:100%;
	position: absolute;
    left: 0px;
    top: 0px;
}
.search-form{
	margin-bottom:60px;
}
.search-form .input-group{
	background:#fff;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
	border-radius: 16px;
	padding:15px;
}

.search-form .input-group .form-control{
	border:none;font-size: 18px;color:#7F7C7C;
	box-shadow:none;
}
.search-form .input-group .btn{
	border-radius: 16px !important;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.regions-section .heading-section{
	margin-bottom:60px;
}
.regions-section .heading-section h3{
	font-size: 32px;
	font-weight: 700;
	color:#0D0E10;
	line-height:40px;
	margin-bottom:16px;
}
.regions-section .heading-section p{
	font-size: 16px;
	font-weight: 400;
	color:#0D0E10;
	line-height:20px;
	margin-bottom:0px;
}
.nav.line-tabs .nav-link{
	font-weight: 500;font-size: 16px;
	color:#7F7C7C;
	padding:10px 12px;
	background:transparent !important;
	border-radius:0px;
}
.nav.line-tabs .nav-link.active{
	border-bottom:1px solid #2B84D4;
	color:#2B84D4;font-weight: 700;
}

.country-card{
	border-radius: 16px;
	border: 1px solid #E6E6E6;
	background: #FFF;
	padding:20px;
	text-decoration:none;
}
.country-card:hover{
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
}
.country-card .icon{
	height:50px;
	width:50px;
	border-radius:8px;
}
.country-card .icon>img{
	height:50px;
	width:50px;
	border-radius:8px;object-fit: cover;
    display: block;
}
.country-card h5{
	font-size: 16px;
	font-weight: 700;
	color:#0D0E10;
	line-height:18px;
	margin-bottom:0px;
}
.country-card .link-text span{
	font-size: 12px;
	font-weight: 400;
	color:#7F7C7C;
	line-height:14px;
	margin-right:10px;
}
.load-more{
	margin-top:36px;
}
.load-more .btn{
	padding:18px 24px;font-size: 14px;font-weight: 500;color:#0D0E10;
}
.btn-light{
border-radius: 16px;
border: 1px solid #2B84D4;
background: #FFF;
}
.site-footer{
	background:#F5F5F5;
	padding-top:150px;
}

.how-it-works{
	padding-top:240px;
	padding-bottom:120px;
}
.how-it-works .heading-section{
	margin-bottom:80px;
	max-width:800px;
}
.how-it-works .heading-section h3{
	font-size: 48px;
	font-weight: 700;
	color:#0D0E10;
	line-height:60px;
	margin-bottom:24px;
}
.how-it-works .heading-section p{
	font-size: 20px;
	font-weight: 400;
	color:#0D0E10;
	line-height:40px;
	margin-bottom:24px;
}

.why-choose{
	padding-top:120px;
	padding-bottom:240px;
}
.why-choose h3{
	font-size: 48px;
	font-weight: 700;
	color:#0D0E10;
	line-height:60px;
	margin-bottom:50px;
}
.why-choose .tab-content{
	display:flex;
	justify-content: end;
}
.why-choose .tab-content .tab-pane{
	width: 640px;
	padding:50px;
	border-radius: 16px;
background: #F5F5F5;
    text-align: center;
}
.vline-tabs .nav-link{
	border-radius: 16px;
background: #FFF;
padding:20px;
text-align:left;
max-width:610px;
}
.vline-tabs .nav-link.active{
	background: #2B84D4;
}
.vline-tabs .nav-link.active h5{
	color: #FFF;
}
.vline-tabs .nav-link.active p{
	color: #FFF;
}

.vline-tabs .nav-link .icon{
	width: 80px;
	height:80px;background: #FFF;
	border-radius: 8px;
border: 1px solid #E6E6E6;
display: flex;
    justify-content: center;
    align-items: center;
}
.vline-tabs .nav-link h5{
	font-size: 20px;
	font-weight: 700;
	color:#0D0E10;
	line-height:24px;
	margin-bottom:16px;
}
.vline-tabs .nav-link p{
	font-size: 14px;
	font-weight: 400;
	color:#0D0E10;
	line-height:20px;
	margin-bottom:0px;
}

.testimonials-section{
	background-color: #2B84D4;
	padding:130px 0px;
	background-image:url('assets/images/world-map-bg.png');
	background-position: center center;
}

.testimonials-section .heading-section h2{
	color:#fff;font-size: 40px;font-weight: 700;
	margin-bottom:42px;
}

.testimonial-container {
      background: rgba(236, 243, 255, 0.80);
      border-radius: 40px;
      padding: 60px 60px 30px 60px;
      max-width: 1216px;
      margin: 0 auto;
      backdrop-filter: blur(6px);
      position: relative;
	  text-align: center;
    }

    .testimonial-container .avatar-group {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0px;
      overflow: hidden;
    }

    .testimonial-container .avatar-track {
      display: flex;align-items: center;
      transition: transform 0.4s ease-in-out;
    }

    .testimonial-container .avatar {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0px 15px;
      cursor: pointer;
      transition: transform 0.3s, border-color 0.3s;
      flex-shrink: 0;
    }

    .testimonial-container .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	.testimonial-container .avatar:nth-child(2),.testimonial-container .avatar:nth-child(4) {
		width: 120px;
		height: 120px;
	}
	

    .testimonial-container .avatar.active {
		width: 140px;
		height: 140px;
		border: 8px solid rgba(56, 63, 73, 0.20);
    }

    .testimonial-container .quote {
      font-size: 24px;font-weight: 600;
      margin: 70px auto 70px;
      max-width: 786px;
      position: relative;color: #0D0E10;
	  line-height:32px;
    }

    .testimonial-container .quote::before, .quote::after {
      font-size: 2rem;
      color: #444;
    }

    .testimonial-container .quote::before {
      content: '';
      position: absolute;
      left: -60px;
	  background-image:url('assets/images/start-quote.png');
	  width:32px;
	  height:27px;
    }

    .testimonial-container .quote::after {
      content: '';
      position: absolute;
      right: -60px;
	  background-image:url('assets/images/end-quote.png');
	  width:32px;
	  height:27px;
    }

    .testimonial-container .author {
      font-weight: 700;
      margin-bottom: 8px;color: #0D0E10;font-size: 16px;text-transform: capitalize;
	  line-height:20px;
    }

    .testimonial-container .role {
      font-size: 14px;
      color: #8D8D8D;font-weight: 400;
    }

    .testimonial-container .nav-buttons {
      display: flex;
      justify-content: center;
      margin-top: 0px;
    }
	.testimonial-container .nav-buttons.nav-prev{
		margin-right:100px;
	}
.testimonial-container .nav-buttons.nav-next{
		margin-left:100px;
	}
	.testimonial-container .nav-buttons.nav-next button{
		background-color:#2B84D4;
		border:1px solid #fff;
	}
	.testimonial-container .nav-buttons.nav-prev button{
		background-color:#fff;
		border:1px solid #0D0E10;
	}
    .testimonial-container .nav-buttons button {
      background: white;
      border: none;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      cursor: pointer;
    }

    .testimonial-container .dots {
      margin-top: 20px;
	  display: flex;
      justify-content: center;align-items: center;
    }

    .testimonial-container .dot {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0px 4px;
      background: transparent;
      border-radius: 50%;
      cursor: pointer;
      transition: background 0.3s;
	  border:1px solid #0D0E10;
	  position:relative;
    }

    .testimonial-container .dot.active {
      border:1px solid #2B84D4;
	  width: 20px;
      height: 20px;
    }
	.testimonial-container .dot.active:before{
		content:"";
		background: #2B84D4;
		width: 16px;
      height: 16px;
	  position:absolute;
	  position: absolute;
    border-radius: 8px;
    left: 1px;
    top: 1px;
	}
	
	
	.glide {
      max-width: 100%;
      margin: 0 auto;
	  overflow: hidden;
      position: relative;
    }

    .glide .glide__slide {
      text-align: center;width: 100%;
	  max-width:473px;
    }

    .glide .card {
      background: white;
      border-radius: 16px;
      padding: 0px;
      box-shadow: none;
      margin: 0px;
      display: flex;
      flex-direction: column;
      align-items: center;
	  border:none;
    }

    .glide .card img {
      width: 473px;
      border-radius: 16px;
      margin-bottom: 0px;
    }

    .glide .card h3 {
      font-size: 1rem;
      margin: 0;
      color: #333;
    }

    .glide__arrows {
      text-align: center;
      margin-top: 60px;
    }

    .glide__arrow {
      background: #F3F4F5;
      color: #247ec8;
      width: 60px;
      height: 60px;
      border-radius: 16px;
      font-size: 1.2rem;
      margin: 0 10px;
      cursor: pointer;
	  border:none;
    }
	.glide__arrow.glide__arrow--right{
		background:#2B84D4;
	}
	
	
	.faq{
		padding:240px 0px;
		position:relative;
	}
	.faq .text-content{
		margin-right:48px;
	}
	.faq .text-content h5{
		color: #2B84D4;text-transform: uppercase;line-height: 20px;font-size: 20px;font-weight: 600;
		margin-bottom:16px;
	}
	.faq .text-content h3{
		color: #0D0E10;text-transform: capitalize;line-height: 80px;font-size: 48px;font-weight: 700;
		margin-bottom:24px;
	}
	.faq .text-content p{
		color: #0D0E10;line-height: 36px;font-size: 20px;font-weight: 400;
		margin-bottom:60px;
	}
	.faq .text-content .btn{
		border-radius: 16px;
		padding:16px 48px;
	}
	
	.accordion .accordion-item{
		border-radius: 16px;
		background: #F5F5F5;
		border:1px solid #F5F5F5;
		margin-bottom:20px;
		padding:25px 40px;
		
	}
	.accordion .accordion-item.open{
		border-color:#2B84D4;
	}
	
	.accordion .accordion-item .accordion-header{
		margin-bottom:0px;
	}
	.accordion .accordion-item.open .accordion-header{
		margin-bottom:24px;
	}
	.accordion .accordion-item .accordion-button{
		background-color:transparent;
		padding:0px;
		line-height:60px;box-shadow: none;color: #0D0E10;font-size: 20px;font-weight: 500;
	}
	.accordion .accordion-item.open .accordion-button{
		color:#2B84D4;
	}
	.accordion .accordion-item .accordion-button::after{
		background-image:url('assets/images/arrow-down.svg');
		background-size:30px;
		height: 30px;
		width: 30px;
	}
	.accordion .accordion-item.open .accordion-button::after{
		background-image:url('assets/images/arrow-up.svg');
		transform:rotate(0deg);
	}
	.accordion .accordion-body{
		padding:0px;color: #0D0E10;font-size: 20px;font-weight: 400;line-height:36px;
	}
	.site-footer .custom-logo-link{
		margin-bottom:24px;display:block;
	}
	.site-footer .custom-logo-link>img{
		display:block;
		height:69px;
		width:auto;
	}
	.site-footer p{
		color: #0D0E10;font-size: 20px;font-weight: 400;
		line-height:32px;
	}
	.site-footer .full-cover{
		display:block;
		margin-top:200px;margin-bottom:45px;
	}
	.site-footer h6{
		color: #0D0E10;line-height: 30px;font-size: 24px;font-weight: 600;
		margin-bottom:30px;
	}
	.site-footer .store-link{
		display:block;
	}
	.site-footer .nav .nav-item{
		margin-bottom:30px;
	}
	.site-footer .nav .nav-item .nav-link{
		display:block;color: #0D0E10;font-size: 24px;font-weight: 400;
		margin: 0px;
		padding: 0px;
		line-height: 30px;
	}
	.site-footer .footer-bottom{
		padding:35px 0px;
		border-top:1px solid #E6E6E6;
	}
	.site-footer .footer-bottom p{
		font-size: 24px;line-height: 30px;font-weight: 400;color: #0D0E10;margin: 0px;
	}
	.site-footer .footer-bottom p a{
		text-decoration:underline;color: #0D0E10;
	}
	.site-footer .footer-bottom .nav .nav-item{
		margin-left:40px;margin-bottom:0px;
	}
	.site-footer .footer-bottom .nav .nav-item .nav-link{
		display:block;color: #0D0E10;font-size: 20px;font-weight: 400;
		margin: 0px;
		padding: 0px;
		line-height: 24px;
	}
    @media (max-width: 768px) {
      .glide__slides {
        flex-direction: column;
      }
    }
	
	@media (min-width: 1400px) {
		.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: 1440px;
		}
	}