/* inner  common heading start */
h1{font-size: 40px; line-height: normal;}
h2{font-size: 36px; line-height: normal;}
h3{font-size: 30px; line-height: normal;}
h4{font-size: 26px; line-height: normal;}
h5{font-size: 20px; line-height: normal;}
h6{font-size: 16px; line-height: normal;}
/* inner common heading start */

/* comn btn start */
.comn-btn{background-color: var(--bg-dark); font-size: 18px; font-weight: 500; line-height: normal; border: 0; display: inline-block; border-radius: 50px; color: var(--white-color); transition: 0.5s all; padding: 9px 69px 10px;}
.comn-btn:hover{background-color: var(--theme-color); color: var(--bg-dark);}
.small-btn{background-color: var(--bg-dark) !important;color: #fff !important; transition: 0.3s all;  font-size: 12px !important; padding: 7px 12px; font-weight: 500 !important;letter-spacing: 2px !important; border-radius: 6px !important;}
.small-btn:hover{background-color: var(--theme-color) !important;color: #000 !important;}
/* comn btn end */

/*=========== Login page start ===========*/
.woocommerce-iccid-error { color: red; margin-top: -10px;display: block;}
.sign-up .login-form{ max-width: 960px;  padding: 35px 60px 48px; position: relative; border-radius: 10px; margin: 0 auto; box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px -4px 0px -6px;}
.sign-up .login-form::before{position: absolute; content: ''; width: 1px; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgb(230,230,230); background: radial-gradient(circle, rgba(230,230,230,1) 13%, rgba(148,187,233,0) 100%);}
.sign-up .login-side{padding: 10px 30px;}
.sign-up .login-box {padding-right: 15px;}
.sign-up .signup-box {padding-left: 15px;}

.sign-up .login-comn-box h2{font-size: 34px; font-weight: 500; text-align: center; margin-bottom: 26px; line-height: normal;}
.sign-up .login-comn-box input{border: 1px solid #e6e6e6;}
.sign-up .login-comn-box .input-group{ position: relative; align-items: center;}
.sign-up .login-comn-box .input-group a{position: absolute; right: 25px; font-weight: 600; font-size: 20px; color: #666666; top: 40%; transform: translateY(-50%);}
.sign-up .login-comn-box .remember{margin-top: 12px;}
.sign-up .login-comn-box input.input-text{margin-bottom: 15px; width: 100%; padding: 11px 20px; border-radius: 6px !important; line-height: normal;}
.sign-up .login-comn-box input.input-text:focus{outline: 0; box-shadow: none;}

.sign-up .login-comn-box .forgot-pass{text-align: right; }
.sign-up .login-comn-box .forgot-pass a{text-decoration: underline; font-weight: 500; color: var(--theme-color);}
.sign-up .login-comn-box .forgot-pass a:hover{text-decoration: none;}

.sign-up .login-comn-box input[type='radio']{appearance: none; border-radius: 50px !important; border: 1px solid #e6e6e6; margin-right:10px ; height: 20px; width: 20px; background-color: transparent;}
.sign-up .login-comn-box input[type='radio']:focus,.sign-up .login-comn-box input[type='radio']:checked{outline: 0; box-shadow: none; }
.sign-up .login-comn-box input[type='radio']:checked{ appearance: auto;}

.sign-up .login-comn-box label{vertical-align: middle; color: var(--bg-dark);}
.sign-up .login-comn-box input.input-text::placeholder{line-height: normal;}
.sign-up .login-comn-box input[type='submit']{ margin-top: 26px;  background-color: var(--bg-dark); border: 0; font-size: 18px; font-weight: 500; text-transform: uppercase; transition: 0.5s all; color: #fff; line-height: normal; padding: 10px 10px; border-radius: 50px; width: 100%;}
.sign-up .login-comn-box input[type='submit']:hover{background-color: var(--theme-color); color: var(--bg-dark);}

.sign-up .login-comn-box .login-social{margin-top: 53px;}
.sign-up .login-comn-box .login-social h5{text-align: center; text-transform: uppercase; font-weight: 500; color: #7d7d7d; font-size: 16px; margin-bottom: 0; position: relative;}
.sign-up .login-comn-box .login-social h5::before{position: absolute; content: ""; height: 1px; background-color: #e6e6e6; width: 114px; left: 0; top: 50%; transform: translateY(-50%);}
.sign-up .login-comn-box .login-social h5::after{position: absolute; content: ""; height: 1px; background-color: #e6e6e6; width: 114px; right: 0; top: 50%; transform: translateY(-50%);}
.sign-up .login-comn-box .login-social ul{display: flex; justify-content: center; align-items: center; margin-top: 33px;list-style-type: none;}
.sign-up .login-comn-box .login-social ul li{list-style-type: none;}
.sign-up .login-comn-box .login-social ul li img{height: 45px;}
.sign-up .login-comn-box .login-social ul li:not(:last-child){margin-right: 30px;}
.sign-up .login-comn-box .term-condition{margin-top: 25px;}
.sign-up .login-comn-box .term-condition p{font-size: 15px; line-height: normal; color: #7d7d7d;}
.sign-up .login-comn-box .term-condition p a{color: var(--bg-dark); text-decoration: underline;}
.sign-up .login-comn-box .term-condition p a:hover{text-decoration: none;}
/*=========== Login page end ===========*/

/*=========== after-order Login page start ===========*/
.after-order .login-box{padding-right: 0;}
.after-order .login-form::before{display: none;}
.after-order .login-form{max-width: 710px;}
.after-order .woocommerce-form-login .woocommerce-form-login__submit {margin-right: 0;}
/*=========== after-order Login page end ===========*/

.lost-pass-detail .login-form::before{display: none;}
.lost-pass-detail .login-box{padding-left: 0;}
.lost-pass-detail .login-form{max-width: 710px;}

/*============= hero banner-1 start =============*/
.hero-banner.archive-cat{ width: 100%;  background-size: auto !important; background-repeat: no-repeat; background-position: right bottom !important;}
.hero-banner{position: relative; min-height: 250px; display: flex; align-items: end; overflow: hidden; z-index: 0; padding-top: 131px;}
.hero-banner::before{position: absolute;top: 70px;left: 0; opacity: 0.7;min-height: 100%;width: 100%;content: '';z-index: 0; background-position: top; background-repeat: no-repeat; background-size: cover;}
.hero-banner::after{position: absolute; content: " "; height: 100%; z-index: 0; width: 100%;  background-repeat: no-repeat; background-position: right bottom;}
.hero-banner-content{display: flex; align-items: center; position: relative; z-index: 1111;  /*padding-top: 210px;*/ padding: 20px 0;}
.hero-banner-content h1{font-size: 40px; margin-bottom: 0; text-transform: capitalize;  line-height: 64px; margin-bottom: 2px;}
.hero-banner-content h1 img{margin-right: 23px;}
/*============= hero banner-1 end =============*/

/*=========== hero banner-2 start  ===========*/
.about-hero-banner{position: relative; min-height: 420px; padding-top: 131px; display: flex; align-items: center; overflow: hidden; z-index: 0;}
.about-hero-banner::after{content: initial;}
.about-hero-banner::before{position: absolute;top: 70px;left: 0; opacity: 0.7; background-image: url(../img/banner-map-img-2.png);min-height: 100%;width: 100%;content: '';z-index: 0; background-position: top; background-repeat: no-repeat; background-size: cover;}
.about-hero-banner .home-banner-content{ padding-bottom: 20px;}
.about-hero-banner .hero-banner-content { height: 100%; align-items: end;}
.about-hero-banner .hero-banner-content h1{font-size: 40px; margin-bottom: 38px; text-transform: capitalize; line-height:  64px;}
.about-hero-banner .hero-banner-left {text-align: right; }
.about-hero-banner .hero-banner-left img{height: 270px;}
/*=========== hero banner-2 end ===========*/

/*========== plan-list page start ==========*/

.data-plane-tab {padding: 50px 0;}
/* .data-plane-tab{padding-left: 40px; padding-top: 20px;} */
.data-plane-tab ul li{position: relative; padding-left: 12px;}
.data-plane-tab ul li::before{position: absolute;content: '';border-radius: 50px;height: 5px;width: 5px;background-color: #7d7d7d;left: 0;top: 11px;}

.migration-select-tab{display: none;}
.regulatory-icon{position: absolute; background: linear-gradient(180deg, rgba(255,84,5,1) 0%, rgba(244,134,96,1) 100%); top: 50%; transform: translateY(-50%); width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;
    border-radius: 100px; left: -40px;}
.migration-select-tab .select-btn{ background: #fff; padding: 15px; border: 1px solid #818181;  font-size: 16px; font-weight: 400; display: flex; justify-content: space-between; align-items: center; border-radius: 5px ; color: #000;}
.migration-select-tab .select-btn span{color: var(--primary-color);}
.migration-select-tab .select-btn i{font-size: 18px;}

.data-plane-tab .nav{width: 270px; margin-right: -1px; flex-shrink: 0;}
.data-plane-tab .nav button{text-align: left;}
.data-plane-tab .nav .nav-link { position: relative; margin-bottom: 15px; margin-right: 10px; border: 1px solid #d5d5d5 ;  padding: 1px 0px 1px 1px; border-radius: 8px;}
.data-plane-tab .nav .nav-link:last-child{margin-bottom: 0;}
.data-plane-tab .nav .nav-link span{color: #818181; padding: 16px 15px 15px 19px; font-size: 16px; font-weight: 600; display: block; line-height: 30px; max-width: 260px;}
.data-plane-tab .nav .nav-link.active span{color: #000;}

.data-plane-tab .nav .nav-link.active{border-radius: 10px 0 0 10px; margin-right: 0; background: #fff; border-color: #eeb700; border-right: 0;}
.data-plane-tab .nav .nav-link.active::before { content: ""; position: absolute; right: 0; top: -15px; height: 15px; width: 10px; background: var(--theme-color-two); border-radius: 0px 0px 10px 0px; z-index: 2; border-bottom: 1px solid #eeb700;border-right: 1px solid #eeb700;}
.data-plane-tab .nav .nav-link.active span::before{content: ""; position: absolute; right: 0; top: -15px; height: 15px; width: 10px; background:#fff;}
.data-plane-tab .nav .nav-link:first-child.active::before{background: transparent; border: 0;     background: transparent; border-radius: 0;border-bottom: 1px solid #eeb700;right: -4px;border-right: 0;}
.data-plane-tab .nav .nav-link:first-child.active span::before{top: 0px; right: -8px;}

.data-plane-tab .nav .nav-link.active::after { content: ""; position: absolute; right: 0px; bottom: -15px; height: 15px; width: 10px; background: #fff;border-top: 1px solid #eeb700;border-right: 1px solid #eeb700;
 border-radius: 0px 10px 0px 0px; z-index: 2;}
.data-plane-tab .nav .nav-link.active span::after{content: ""; position: absolute; right: 0; bottom: -15px; height: 15px; width: 10px; background:#fff; }
.data-plane-tab .nav .nav-link:last-child.active::after{background: transparent; border-radius: 0;border-top: 1px solid #eeb700;right: -4px;border-right: 0; }
.data-plane-tab .nav .nav-link:last-child.active span::after{bottom: 0px; right: -7px; }
.data-plane-tab .tab-pane{height: 100%; padding: 0; border: 0; margin: 0;}
.data-plane-tab .tab-pane .row{height: inherit;}
.data-plane-tab .tab-content{height: auto; max-height: 225px; overflow-y: auto; width: calc(100% - 420px); padding:20px; border-radius: 8px; background:#fff; border: 1px solid #eeb700; width: 100%;}
/* .data-plane-tab .tab-content.first{border-radius: 0 10px 10px 10px;} */
.data-plane-tab .tab-pane .accordion-body{border: 0; padding: 0;}
.data-plane-tab .regulatory-compliance-data-list{height: 100%;}
.data-plane-tab .regulatory-compliance-data-list ul li:not(:last-child){margin-bottom: 5px;}
.data-plane-tab .regulatory-compliance-data-list h3{margin-bottom: 22px;}
.data-plane-tab .regulatory-compliance-data-list h6{font-weight: 600; color: #4c4c4c; padding-top: 30px; margin-bottom: 15px;}

.data-plane-tab .migration-img{height: 100%; display: flex; justify-content: center; align-items: center;}
.data-plane-tab .migration-img img{opacity: 0.5; height: 350px;}

/* tab head start */
.data-plan-main{padding-top: 60px; padding-bottom: 30px; background: #F8F8F8;
background: linear-gradient(180deg, rgba(248, 248, 248, 1) 50%, rgba(255, 255, 255, 1) 100%);}
.tab-head{padding: 40px 0;}
.tab-head .nav-tabs{border-bottom: 0;}
.tab-head .nav-tabs .nav-link{width: 33.3%;  color: #151515;border-bottom: 2px solid var(--theme-color);}
.tab-head .nav-tabs .nav-link:hover{border: 1px solid var(--theme-color); border-bottom: 2px solid var(--theme-color);}
.tab-head .nav-tabs .nav-link:focus{box-shadow: none; outline: 0; border: 0;}
.tab-head .nav-tabs .nav-link.active{background-color: var(--theme-color);font-weight: 600;  border-color:var(--theme-color)}
.tab-main .tab-content .tab-pane .row .col{margin-bottom: 30px;}
/* tab head end */

/*========== plan-list page end ==========*/

/* ===========about us page start ===========*/
.no-gutters {margin-left: 0;margin-right: 0;}
.no-gutters>[class*=col-] {padding-left: 0;padding-right: 0;}
/* left right section start */
.common-left-right .text-holder h3{font-size: 30px; margin-bottom: 30px;}
.common-left-right > .container > .row{margin-bottom: 50px;box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 13px 0px;border-radius: 8px;overflow: hidden;}
.common-left-right > .container > .row:last-child, .common-left-right > .container-fluid > .row:last-child{margin-bottom: 0;}
.common-left-right .text-holder{padding: 10px 30px;}
.common-left-right .text-holder h2{margin-bottom: 15px;}
.common-left-right .img-holder img{width: 100%; text-align: center;}
.common-left-right .text-holder a{color: var(--theme-color);margin-top: 24px;display: inline-block;transition: 0.5s ease-in-out;}
.common-left-right .text-holder a:hover{color: var(--bg-danger);}
.common-left-right .text-holder a i{vertical-align: middle;margin-left: 7px; font-size: 14px; transition: 0.3s all;}
.common-left-right .text-holder a:hover i{margin-left: 9px;}
/* left right section end */

/* common content start */
.common-content ul{list-style: none; padding: 0; margin-bottom: 15px;}
.common-content ul:last-child,.common-content ol:last-child{margin-bottom: 0;}
.common-content ul li{position: relative; list-style: none;padding-left: 25px; padding-bottom: 10px;}
.common-content ul li:last-child{padding-bottom: 0;}
.common-content ul li:before{content: ""; width: 5px; height: 5px; border-radius:30px; background: #7d7d7d;  position: absolute; left: 10px; top: 11px;}
.common-content ol{padding: 0; margin-bottom: 15px; padding-left: 25px;}
.common-content ol li{ list-style: decimal; padding-bottom: 10px;}
.common-content ol li:last-child{padding-bottom: 0;}
.common-content h3:not(:first-child),.common-content h4:not(:first-child),.common-content h5:not(:first-child),.common-content h6:not(:first-child){padding-top: 13px;}
.common-content h6{font-size: 18px;}
.common-content h2{line-height: 44px;}
/* common content end */

/* details page css start  */
.details-contant h2{font-size: 30px !important; margin-top: 25px;}
.details-contant h3{font-size: 25px !important;margin-top: 25px;}
.details-contant h4{font-size: 22px !important;margin-top: 25px;}
.details-contant h5{font-size: 20px !important;margin-top: 25px;}
.details-contant h6{font-size: 18px !important;margin-top: 25px;}
.details-contant p a , .details-contant li a{color:  var(--theme-color) !important;}
.details-contant p a:hover , .details-contant li a:hover{text-decoration: underline;}
/* details page css end  */

/* common text start */
.common-text p{margin-bottom: 15px;}
/* common text end */
/* about hero banner end */

/* about hero banner start */
.pb-60{padding-bottom: 60px;}
.about-us-cta .cta-image {position: relative;}
.about-us-cta .cta-image .cta-cantent{position: absolute; top: 30px; max-width: 300px; right: 80px; }
.about-us-cta .cta-image .cta-cantent h3{ font-size: 30px; font-weight: 700; padding-left: 10px; text-shadow: 4px 0 #fff, -4px 0 #fff, 0 4px #fff, 0 -4px #fff, 4px 4px #fff, -4px -4px #fff, 4px -4px #fff, -4px 4px #fff; overflow: hidden;}
.about-us-cta .cta-image .cta-cantent a{background-color: #c0242e; padding: 9px 43px; font-weight: 600; color: #fff; border-radius: 50px; display: inline-block;}
.about-us-cta .cta-image .cta-cantent a:hover{background-color: var(--theme-color);}

/* about plan section start */
.about-plan-section{background: #f2f2f2; padding: 50px 0px;}
.about-plan-section .home-usp{padding-top: 50px;}
.about-plan-section .plan-text-title{text-align: center;}
.about-plan-section .plan-text-title-black{color: #000; font-weight: 500;}
/* about plan section end */

/* about benifit section start */
.about-benifit-sec .row{align-items: center;}
.about-benifit-sec .about-benifit-box{padding: 35px; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 30px; font-size: 15px;}
.about-benifit-sec .about-benifit-box h3{font-size: 20px;}
.about-benifit-sec .about-benifit-box i{font-size: 38px; color: #000; margin-bottom: 22px;}
.about-benifit-sec .about-benifit-box ul{padding-left: 20px;}
.about-benifit-sec .about-benifit-box ul li{position: relative; padding-bottom: 5px;}
.about-benifit-sec .about-benifit-box ul li:last-child{padding-bottom: 0;}
.about-benifit-sec .about-benifit-box ul li::before{content: ""; position: absolute; left: -17px; top: 10px; height: 5px; width: 5px; border-radius: 50%; background: #7d7d7d;}

.about-benifit-box-4{background-image: linear-gradient(214.35deg, rgb(237 232 213) 3.1%, rgb(235 180 0.1) 98.08%); color: #000;}
.about-benifit-box-1{background:url('../img/about-left-right-img3.png')no-repeat center center; background-size: cover; position: relative; z-index: 0; overflow: hidden;}
.about-benifit-box-1::before{content: ""; position: absolute; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 10%, rgba(0,0,0,1) 100%); left: 0; top: 0; z-index: -1;}
.about-benifit-box-1 h3{color: #fff;}
.about-benifit-sec .about-benifit-box.about-benifit-box-1{padding-top: 180px; color: #fff;}
.about-benifit-sec .about-benifit-box.about-benifit-box-1 ul li::before{background: #fff;}
.about-benifit-sec .check-out-btn > a{color: var(--theme-color);}
.about-benifit-sec .check-out-btn > a:hover{text-decoration: underline;}
/* about benifit section end */

/*=========== about us page end ===========*/

/* faq page start */
.faq-us-main ul.nav {display: flex; justify-content: center; margin-bottom: 0 !important; flex-wrap: wrap;}
.faq-us-main .nav .nav-item button{border-radius: 30px; border: 1px solid #ddd; color: var(--bg-dark);margin: 3px 5px;}
.faq-us-main .nav .nav-item button.active{ background: var(--theme-color); border: 1px solid var(--theme-color); }
.faq-us-main .tab-content ul li {width: 50%;border: 0; padding: 0;margin-top: 20px;}
.faq-us-main .tab-content ul li a{padding: 15px 30px 15px 20px !important; display: block;border: 1px solid #ddd; border-radius: 50px;margin: 0 15px; position: relative;}
.faq-us-main .tab-content ul{display: flex; flex-wrap: wrap; flex-direction: initial;margin: 0 -15px;}
.faq-us-main .tab-content ul li a:before{content: "\F285"; font-size: 18px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--bg-dark); font-family: bootstrap-icons !important;}
/* faq page end */
.single-faq .cms-details ul{padding-left: 2rem;margin-bottom: 20px;}
.single-faq .cms-details ul li{list-style: disc !important;}
.single-faq .cms-details ol li{list-style: auto !important;}
.single-faq .cms-details ol {margin-bottom: 20px;}

.single-faq .cms-details  li:not(:last-of-type){margin-bottom: 10px;}

/*=========== plan-detail page start ===========*/
.back-link{padding-top: 24px; padding-bottom: 32px;}
.back-link a{color: #7d7d7d;}
.back-link a i{line-height: 0;line-height: normal;margin-right: 5px;vertical-align: middle;}
.header.not-possition{position: unset; background-color: #f8f8f8 !important; border-bottom: 1px solid #e6e6e6;}
.plan-detail{ padding-bottom: 60px;}
.plan-detail .plan-detail-img img{border-radius: 6px;}
.plan-detail .detail-head{margin-bottom: 30px;}
.plan-detail .detail-head  h6{color: #7d7d7d; font-size: 14px; margin-bottom: 8px; font-weight: 400;}
.plan-detail .detail-head .head-group{display: flex; align-items: center;}
.plan-detail .detail-head .head-group img{height: 30px;}
.plan-detail .detail-head .head-group h2{margin-bottom: 0; font-size: 34px; font-weight: 500;}
.plan-detail .detail-head .head-group img{margin-right: 18px;}
/*=========== plan-detail page end ===========*/

/*=========== detail box start ===========*/
.detail-compabality-box{margin-left: auto;}

.detail-compabality-box .compabality-btn{float: right;  background-color: transparent; transition: 0.5s all; border: 1px solid #e6e6e6; padding: 6px 20px; border-radius: 6px; color: var(--bg-dark); font-weight: 600;}
.detail-compabality-box .compabality-btn:focus-visible{box-shadow: none; outline: 0;}
.detail-compabality-box .compabality-btn:hover{background-color: var(--theme-color);}
.detail-compabality-box .compabality-btn img{vertical-align: middle; height: 26px; margin-left: 6px;}

.detail-box{border: 1px solid #e6e6e6; padding: 20px; border-radius: 6px; padding-left: 45px; position: relative;}
.detail-box .nav-tabs{border-bottom: 0;}
.nav-link:focus-visible{outline: 0; box-shadow: none;}
.detail-box .nav-tabs .nav-link{color: #818181; font-weight: 600; line-height: normal; text-transform: capitalize; padding: 6px 18px; border: 1px solid #e6e6e6; border-radius: 50px; margin-right: 10px;}
.detail-box .nav-tabs .nav-link.active{ background-color: var(--bg-light); color: var(--bg-dark);}

.detail-box .tab-content{padding-left: 5px;}
.detail-box .tab-pane { margin-top: 25px;}
.detail-box .tab-pane ul li{position: relative; padding-left: 12px;}
.detail-box .tab-pane ul li::before{position: absolute;content: ''; border-radius: 50px; height: 5px; width: 5px; background-color: #7d7d7d; left: 0; top: 11px;}
.detail-box .tab-pane ul li:not(:last-child){margin-bottom: 4px;}
.detail-box p.notice{ padding-left: 30px; color: var(--bg-dark); font-size: 14px; margin-bottom: 0; position: absolute; left: 12px;}
.detail-box p.notice i{position: absolute; top: 2px;left: 4px;  font-size: 18px;}
/*=========== detail box end ===========*/

/*=========== dataplan box start ===========*/
.dataplan-box-main{padding: 18px 20px; background-color: var(--bg-light); margin-top: 30px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;}
.dataplan-box-main .plan-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.dataplan-box-main .plan-head h3{position: relative; font-size: 20px; padding-left: 35px; margin-bottom: 0; font-weight: 400;}
.dataplan-box-main .plan-head h3 img{ position: absolute; top: 3px; left: 0; margin-right: 5px;}
.dataplan-box-main .plan-head h3 span{font-weight: 600;}
.dataplan-box-main .plan-head select{padding: 3px 14px ;  border: 1px solid #e6e6e6; max-width: 105px; width: 100%; border-radius: 6px; appearance: none; background-image: url("../img/down-arrow\ .svg"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px;}
.dataplan-box-main .plan-head select:focus{outline: 0;}
.data-plan{background-color: #fff; padding: 14px 20px 20px; border-radius: 6px;}
.data-plan .data-plan-head {display: flex; justify-content: space-between; align-items: center  ; margin-bottom: 10px;}
.data-plan .data-plan-head h4{font-size: 18px; font-weight: 600; margin-bottom: 0;}
.data-plan .plan-list li{color: var(--bg-dark); border-bottom: 1px solid #e6e6e6; padding: 17px 0;  font-weight: 500; display: flex; align-items: center; justify-content: space-between;}
.data-plan .plan-list li .product-qty-detail{display: flex;}
.data-plan .plan-list li .product-qty-detail >button{margin-left: 10px; border: 0; background-color: transparent; color: var(--bg-danger); font-size: 20px;}

.data-plan .plan-list li .post-title{word-break: break-all;}
.data-plan .plan-list li .post-title .plan-data-detail{font-size: small;}
.data-plan .plan-list .select-data-plan{display: flex; justify-content: space-between; padding-top: 17px;}
.data-plan .plan-list .select-data-plan select{width: 100%; max-width: 270px; border: 1px solid #e6e6e6; padding: 0 30px 0 15px; border-radius: 6px; border: 1px solid #e6e6e6; appearance: none; background-image: url("../img/down-arrow\ .svg"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px;}
.data-plan .plan-list .select-data-plan select:focus{outline: 0;}
.data-plan .plan-list .select-data-plan .select-add{background-color: var(--bg-dark); transition: 0.5s all; font-weight: 500; font-size: 18px; color: #fff; border: 0; border-radius: 50px; padding: 5px 27px; line-height: normal;}
.data-plan .select-update:disabled,.data-plan .select-update:disabled:hover,.special-plan-btn .comn-btn:disabled,.special-plan-btn .comn-btn:disabled:hover,.data-plan .plan-list .select-data-plan .select-add:disabled,.data-plan .plan-list .select-data-plan .select-add:disabled:hover{background-color: #666666 !important; color: #fff !important;}

.data-plan .plan-list .select-data-plan .select-add:hover{background-color: var(--bg-danger);}
.data-plan .plan-list .plan-total{display: flex; justify-content: space-between; margin-top: 35px; padding-top: 15px; border-top: 1px solid #e6e6e6;}
.data-plan .plan-list .plan-total h5{font-size: 18px; font-weight: 600;}
.data-plan .plan-list .plan-total h6 span{font-size: 18px;}
.data-plan .plan-list .plan-total h6{font-size: 12px; font-weight: 600; margin-bottom: 0;}
.data-plan .plan-list .special-plan-btn {margin: 0 auto; text-align: center; margin-top: 6px;}
.data-plan .plan-list .special-plan-btn .custome-btn{font-weight: 500;}
.data-plan .select-update{border: 0;padding: 5px 27px;line-height: normal; margin-top: 15px; margin-left: auto; display: block;}
/*=========== dataplan box end ===========*/

/*=========== checkout page start ===========*/
.checkout .check-out-main h2{font-size: 34px; font-weight: 500; text-transform: capitalize; text-align: center;}
.checkout .check-out-main .second-plan{margin-top: 10px;}
.checkout .check-out-main .check-out-box{background-color: #f8f8f8; padding: 20px; border-radius: 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px -4px 0px -6px;}
.checkout .check-out-main .check-out-box .country-travel-box:not(:first-child){margin-top: 10px;}
.checkout .check-out-main .check-out-box .country-travel-box h5{margin-bottom: 0; font-weight: 500; position: relative; padding-left: 40px;}
.checkout .check-out-main .check-out-box .country-travel-box .country-name{display: flex; justify-content: space-between; align-items: center; background-color: #eeeeee;padding: 20px;  border-radius: 6px 6px 0 0;}
.checkout .check-out-main .check-out-box .country-travel-box h5 img{ height: 18px; width: 26px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.checkout .check-out-main .check-out-box .dataplan-box{background-color: #fff; padding: 20px 20px 0; border-radius: 0 0 6px 6px;}
.checkout .check-out-main .check-out-box .dataplan-box table{margin-bottom: 0;}
.checkout .check-out-main .check-out-box .dataplan-box table td{text-align: start;}
.checkout .check-out-main .check-out-box .dataplan-box table th{font-size: 18px; color: var(--bg-dark); font-weight: 600;}
.checkout .check-out-main .check-out-box .dataplan-box table td{padding: 23px 0; border-bottom: 1px solid #e6e6e6; color: var(--bg-dark);}
.checkout .check-out-main .check-out-box .dataplan-box table tr:last-child td{border: 0;}
.checkout .check-out-main .check-out-box .dataplan-box table .text{text-align: center;}
.checkout .check-out-main .check-out-box .button{display: block; margin-left: auto; margin-top: 15px; transition: 0.3s all; font-size: 12px; line-height: normal; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; padding: 6px 45px; border-radius: 6px; color: #fff; background-color:var(--bg-dark);}
.checkout .check-out-main .total-price{background-color: var(--bg-dark);display: flex; justify-content: space-between; align-items: center; padding: 20px; border-radius: 6px; margin-top: 10px;}
.checkout .check-out-main .total-price h6,.checkout .check-out-main .total-price span{margin-bottom: 0; color: #fff; font-size: 18px; font-weight: 600;}

.checkout .check-out-main .code-payment {margin-top: 52px;}
.code-payment .conformantion{position: relative; margin-top: 43px;}
.code-payment .conformantion input[type='checkbox']{position: absolute; border-color: #e6e6e6; left: 0; top: 6px;z-index: 1; height: 16px; width: 16px; appearance: none; border: 2px solid #e6e6e6; border-radius: 3px;}
.code-payment .conformantion input[type='checkbox']:checked{appearance: auto;}
.code-payment .conformantion input[type='checkbox']:focus{outline: 0;}
.code-payment .conformantion label{padding-left: 25px; line-height: normal;}
.code-payment .conformantion label a{color: var(--bg-dark); text-decoration: underline;}
.code-payment .conformantion label a:hover{text-decoration: none;}

.woocommerce-checkout-payment {background-color: #fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px -4px 0px -6px; margin-top: 15px;}
.woocommerce-checkout-payment .payment_methods,.woocommerce-checkout-payment .form-row{background-color: #fff;}
.woocommerce-checkout-payment .payment_methods .payment_box{background-color: #f8f8f8 !important;}
.woocommerce-checkout #payment div.payment_box::before{border: 1em solid #f8f8f8;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;}
.woocommerce-checkout .woocommerce-privacy-policy-text P{margin-bottom: 10PX;}
.code-payment .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .input-text,.code-payment .form-row-first .input-text{width: 100%;border: 1px solid #e6e6e6;border-radius: 6px !important;padding: 9px 20px;}
.code-payment .form-row-last .comn-btn{font-size: 14px !important; padding: 9px 23px 10px !important; border-radius: 6px !important;}
.order-table .order-again{text-align: end; margin-top: 15px;}
.code-payment p{margin-bottom: 4px;}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{border-bottom: 1px solid #e6e6e6;}
.woocommerce-NoticeGroup{display: none;}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select{border-color: red;}
.woocommerce form .form-row.woocommerce-invalid label{color: red;}
.code-payment .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .custom-error-message{color: red; font-size: 14px;}
/*=========== checkout page end ===========*/

/*=========== profile-page start  ===========*/
.profile-page-main{padding-top: 30px; padding-bottom: 60px;}
.profile-main h2{font-size: 34px; font-weight: 500; text-transform: capitalize; text-align: center; margin-bottom: 20px;}
.profile-main .profile-box{background-color: #f8f8f8; padding: 30px; box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px -4px 0px -6px; border-radius: 10px;}
.profile-main .profile-box .profile-left-side{background-color: #fff; border-radius: 6px; border-bottom: 1px solid var(--theme-color);}
.profile-main .profile-box .profile-left-side h5{font-size: 18px; font-weight: 600; padding: 16px 30px; margin-bottom: 0;}
.profile-main .profile-box .profile-left-side ul{border-top: 1px solid var(--theme-color);}
.profile-main .profile-box .profile-left-side ul li{padding: 16px 30px; border-top: 1px solid #e6e6e6;}
.profile-main .profile-box .profile-left-side ul li:first-child{border-top: 0;}
.profile-main .profile-box .profile-left-side ul li a{color :#7d7d7d;}
.profile-main .profile-box .profile-left-side ul li:last-child a{color: #c1272d;}
.profile-main .profile-box .profile-left-side ul li.active{position: relative; background-color: #fffdf7;}
.profile-main .profile-box .profile-left-side ul li.active a{ color: var(--bg-dark);}
.profile-main .profile-box .profile-left-side ul li.active::before{ position: absolute; content: ' '; width: 3px; height: 40px; left: 0; top: 50%; transform: translateY(-50%); background-color: var(--theme-color);}
.profile-main .profile-box .profile-left-side ul li img{transform: rotate(90deg) ; height: 18px;}
.right-side-box{background-color: #fff; padding: 21px 30px 30px;}
.right-side-box h4{font-size: 24px; font-weight: 500; margin-bottom: 12px;}
.right-side-box .update-btn{text-align: end; width: 100%;}
.right-side-box .update-btn button{border: 0;}
.right-side-box .contact-form select,
.right-side-box .contact-form input[type="text"],
.right-side-box .contact-form input[type="password"],
.right-side-box .contact-form input[type="email"],
.right-side-box .contact-form textarea {border: 0px solid #e6e6e6;padding: 0 5px;color: var(--bg-dark);font-size: 16px;height: 26px;font-weight: 400;width: 100%;border-radius: 3px;margin-top: 16px;}
.right-side-box .contact-form input:focus{outline: 0; border: 0;}
.right-side-box .contact-form {border-radius: 6px;}
.right-side-box .contact-form form {display: flex;flex-wrap: wrap;justify-content: space-between;}
.right-side-box .contact-form form .checkbox-group{margin-bottom: 15px; display: flex; align-items: center;}
.right-side-box .contact-form form .checkbox-group label{color: var(--bg-dark);}
.right-side-box .contact-form form .checkbox-group input{appearance: none; margin-right: 10px; vertical-align: middle; border: 2px solid #e6e6e6;height: 16px;width: 16px; border: 2px solid #e6e6e6;  border-radius: 3px; }

/* Styling to checkmark */
.right-side-box .contact-form form .checkbox-group .custom-input::before {display: block;content: "";width: 14px;height: 14px;transition: 120ms transform ease-in-out;box-shadow: inset 14px 14px #333;}
.right-side-box .contact-form form .checkbox-group input[type="checkbox"].custom-input::before {transform-origin: bottom left;clip-path: polygon(83% 12%, 35% 68%, 21% 46%, 9% 54%, 36% 87%, 91% 21%);transform: scale(0);}
.right-side-box .contact-form form .checkbox-group input[type="checkbox"].custom-input:checked::before{transform: scale(1);}
.right-side-box .contact-form form .form-control {position: relative;width: 100%;margin-bottom: 15px;}
.right-side-box .contact-form form .form-control label {position: absolute;top: 15px;left: 16px;font-size: 16px;color: #7d7d7d;opacity: 0.7;pointer-events: none;transition: 0.4s ease;}
.right-side-box .contact-form form .focused label {top: 8px;font-size: 12px;}
.right-side-box .contact-form .form-submit {width: 100%;}
.right-side-box .contact-form .form-submit input {width: 100%;}

/* profile page pop up start  */
body.top-up {overflow: hidden;}
.top-up .bg-mb-menu { display: block;height: 100vh;width: 100%;background: #000; opacity: 0.7; position: fixed; top: 0;left: 0; z-index: 998; transition: 0.5s ease-in-out;overflow-y: hidden;}
.top-up-popup{padding: 30px 25px 0 30px;     min-width:1000px;background: #fff; border-radius: 12px;position: fixed; z-index: 999; border-radius: 15px; top: 50%; left: 50%;transform: translate(-50% ,-50%);}
.top-up-popup .top-up-content{ padding-right: 5px;max-height: 85vh; overflow-y: auto;overflow-x: hidden; }
/* width */
.top-up-popup .top-up-content::-webkit-scrollbar {width: 5px;}
/* Handle */
.top-up-popup .top-up-content::-webkit-scrollbar-thumb {background: var(--theme-color); border-radius: 10px;  }

.top-up-popup .plan-box .plan-details ul li{margin-right: 0 !important;}
.top-up-popup .top-up-prices{display: flex; flex-wrap: wrap;}
.top-up-popup .top-up-prices .plan-box{margin-right: 3%;    width: 31.333%;margin-bottom: 30px;}
.top-up-popup .top-up-prices .plan-box:nth-child(3n + 3){margin-right: 0;}
.top-up-popup .top-up-prices ul{display: block !important;}
.top-up-popup  .close { position: absolute; top: -8px; right: -8px; background-color: #000; cursor: pointer; transition: .5s ease; height: 25px; width: 25px; border-radius: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 23px; }
.top-up-popup  .close:hover{transform: rotate(360deg); background-color: var(--theme-color);}
/* profile page pop up end  */

/*=========== profile-page end ===========*/

/*delete account start*/
.delete-popup-modal ul{padding-left: 28px;}
.delete-popup-modal  .modal-footer button{border-radius: 40px; padding: 7px 20px; font-size: 14px;}
.delete-popup-modal ul li{font-size: 14px; list-style: disc;}
.delete-update-btn{display: flex;justify-content: space-between;}
.delete-update-btn .delete-account {background-color:transparent !important ; color: #ff0000 !important;padding: 0 !important;}
.delete-update-btn .delete-account:hover{text-decoration: underline;}
/*delete account end*/

/* =========== saved-card-page start =========== */
.saved-card .add-new-card{display: flex; align-items: center; justify-content: space-between; margin-top: 24px;}
.saved-card .add-new-card a{padding: 6px 75px; text-transform: uppercase; font-size: 18px; font-weight: 500; color: var(--white-color); background-color: var(--bg-dark); border-radius: 50px;}
.saved-card .add-new-card a:hover{color: var(--bg-dark); background-color: var(--theme-color);}
.saved-card .saved-user-cards .user-card-detail{ margin-top: 10px; padding: 14px 20px 20px;  box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px -4px 0px -6px; border-radius: 6px ;}
.saved-card .saved-user-cards .user-card-detail:first-child{ margin-top: 20px;}
.saved-card .saved-user-cards .user-card-detail .card-detail h5{font-size: 16px; font-weight: 500; margin-bottom: 2px; line-height: normal;}
.saved-card .saved-user-cards .user-card-detail .card-detail h6{font-size: 15px; font-weight: 400; margin-bottom: 0; line-height: normal;}
.saved-card .saved-user-cards .user-card-detail .card-detail{padding-bottom: 18px; border-bottom: 1px solid #e6e6e6;}
.saved-card .saved-user-cards .user-card-detail .edit-remove-btn{display: flex; justify-content: space-between; padding-top: 20px;}
.saved-card .saved-user-cards .user-card-detail .edit-remove-btn a{text-transform: uppercase; border-radius: 6px;font-size: 12px; font-weight: 500; display: inline-block; line-height: 13px; background-color: var(--bg-dark); color: var(--white-color); letter-spacing: 2px;}
.saved-card .saved-user-cards .user-card-detail .edit-remove-btn a:hover{background-color: var(--theme-color); color: var(--bg-dark);}
.saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.edit{padding: 8px 74px ;}
.saved-card .saved-user-cards .user-card-detail .edit-remove-btn a.remove{padding: 8px 60px ;}
/* =========== saved-card-page end =========== */

/*=========== my-esim page start ===========*/
.my-esim-main .nav-tabs{justify-content: center; border-radius: 50px; background-color: #f8f8f8;     border: 0; width: fit-content; margin: 0 auto;}
.my-esim-main .nav-tabs .nav-item .nav-link{font-size: 18px; font-weight: 500; color: #7d7d7d; padding: 5px 75px; border-radius: 50px;transition: 0.5s all;}
.my-esim-main .nav-tabs .nav-item .nav-link:hover{background-color: #eaeaea;}
.my-esim-main .nav-tabs .nav-item .nav-link.active{background-color: var(--bg-dark); color: var(--white-color);}
.my-esim-main .myesim-box{margin-top: 16px;}
.my-esim-main .myesim-box .plan-view-box{border: 1px solid #e6e6e6; border-radius: 6px; margin-bottom: 10px;}
.my-esim-main .myesim-box .plan-view-box:last-child{margin-bottom: 0px;}
.my-esim-main .myesim-box .plan-view-box .country{padding: 10px 20px; border-bottom: 1px solid #e6e6e6;}
.my-esim-main .myesim-box .plan-view-box .country h4{font-size: 16px; margin-bottom: 0;  position: relative; padding-left: 47px; align-items: center; font-weight: 500;}
.my-esim-main .myesim-box .plan-view-box .country h4 img{height: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.my-esim-main .myesim-box .plan-view-box .data-box{padding: 25px 20px;}
.my-esim-main .myesim-box .plan-view-box .data-box ul{display: flex;}
.my-esim-main .myesim-box .plan-view-box .data-box li:first-child{text-transform: uppercase; font-size: 16px; margin-right: 30px; position: relative;}
.my-esim-main .myesim-box .plan-view-box .data-box li:first-child::before{ position: absolute; content: " "; height: 16px; width: 2; background-color: #e6e6e6; right: -15px; top: 50%; transform: translateY(-50%);}
.my-esim-main .myesim-box .plan-view-box .data-box li{ font-weight: 600; color: var(--bg-dark); font-size: 18px;}
.my-esim-main .myesim-box .plan-view-box .data-box li i::before{ color: var(--bg-dark); font-weight: 600 !important; margin-right: 6px;}
.my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan{display: flex; justify-content: space-between; margin-top: 28px;}
.my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan h5{ margin-bottom: 0; font-weight: 600; font-size: 16px; color: #7d7d7d; margin-bottom: 3px;}
.my-esim-main .myesim-box .plan-view-box .data-box .total-data-plan h5.available{color: var(--bg-dark);}
.my-esim-main .myesim-box .plan-view-box .data-box .progress{height: 5px; margin-bottom: 3px;}
.my-esim-main .myesim-box .plan-view-box .data-box .progress .progress-bar{background-color: var(--theme-color); border-radius: 50px;}
.my-esim-main .myesim-box .plan-view-box .data-box .progress-expire p{ font-size: 15px; color: #7d7d7d;}
.my-esim-main .top-up-container .top-up-button.comn-btn,.my-esim-main .old-plans-container .old-plans-button.comn-btn{padding: 7px 35px 8px;font-size: 15px;}
.my-esim-main .load-more-btn {text-align: center;  margin-top: 20px;}
.old-plans-container,.top-up-container{display: inline-block; margin: 0 0 0 5px;}
.my-esim-main .myesim-box .plan-view-box .data-box .plan-usage-detail{display: flex; justify-content: space-between; align-items: center;}
.my-esim-main .myesim-box .plan-view-box .data-box .plan-usage-detail .qr-code{display: flex; align-items: center;flex-direction: column;}
.my-esim-main .myesim-box .plan-view-box .data-box .plan-usage-detail .qr-code img{margin-bottom: 5px;}
.my-esim-main .myesim-box .plan-view-box .data-box .plan-usage-detail .qr-code span{font-size: 14px; line-height: normal;}

.woocommerce-message{border-top-color: var(--theme-color);}
.woocommerce-message::before{color: var(--theme-color);}
 /*=========== my-esim page end ===========*/

 /*=========== contact-us page start ===========*/
.contact-us-main .contact-box{box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px -4px 0px -6px; padding: 20px 30px 30px; border-radius: 8px;}
.contact-us-main .contact-box h2,.contact-us-main .contact-detail-box h2{font-size: 34px; font-weight: 500; margin-bottom: 20px;}
.contact-us-main .contact-us-form .input-group input,.contact-us-main .contact-us-form .input-group select,.contact-us-main .contact-us-form .input-group textarea{width: 100%; border: 1px solid #e6e6e6; border-radius: 6px !important; padding: 10px 20px;}
.contact-us-main .contact-us-form .input-group .subject{width: 100%;}
.contact-us-main .contact-us-form .input-group select{ background-image: url('../img/down-arrow\ .svg'); color: #7d7d7d; background-repeat: no-repeat; background-position: right 15px center; background-size: 16px;   appearance: none;}
.contact-us-main .contact-us-form .input-group select option{color: #000;}
.contact-us-main .contact-us-form .input-group input[type=submit],.contact-us-main .contact-us-form .input-group select:focus,.contact-us-main .contact-us-form .input-group input:focus,.contact-us-main .contact-us-form .input-group textarea:focus{outline: 0; box-shadow: none;}
.contact-us-main .contact-us-form .input-group input[type=submit]{width: auto; /*margin-top: 15px;*/ border: 0;}
.contact-us-main .contact-us-form .input-group input[type=submit]:active{background-color: var(--bg-dark); color: var(--white-color);}
.contact-us-main .contact-us-form .input-group{align-items: center; display: inline-block;}
.contact-us-main .contact-us-form .col{margin-bottom: 15px;}
.contact-us-main .contact-us-form .input-group textarea{min-height: 150px;}
.contact-us-main .contact-detail-box ul li{display: flex; cursor: pointer; align-items: center; margin-bottom: 20px;}
.contact-us-main .contact-detail-box ul li:last-child{margin-bottom: 0;}
.contact-us-main .contact-detail-box ul li .icon{height: 60px; width: 60px; border-radius: 3px; display: flex; flex-shrink: 0; align-items: center; justify-content: center; background-color: var(--theme-color); color: var(--white-color);}
.contact-us-main .contact-detail-box ul li .icon i{font-size: 24px;}
.contact-us-main .contact-detail-box ul li .detail{margin-left: 25px;}
.contact-us-main .contact-detail-box ul li .detail h6{margin-bottom: 0;}
.contact-us-main .contact-detail-box ul li .detail a{color: #7d7d7d; line-height: normal;}
.contact-us-main .contact-detail-box ul li:hover .detail a{color: var(--theme-color);}
 /*=========== contact-us page end ===========*/

/*============= blog page start =============*/
/* Blog Content list start */
.blog-list-main .row .col .row .col{margin-bottom: 30px;}
/* .blog-list-main .row .col .row .col:last-child{margin-bottom: 0px;} */
/* .blog-list-main .row .col .row .col:nth-child(3){margin-bottom: 0px;} */
/* .blog-list-main .row .col .row .col:nth-last-child(2){margin-bottom: 0px;} */
.blog-list-media {box-shadow: 0 0 6px rgba(31, 45, 61, 0.125); border-radius: 5px; display: flex; flex-direction: column; height: 100%; overflow: hidden; background: #ffffff; /*margin-bottom: 30px;*/}
.blog-list-media .blog-list-img {position: relative;}
.blog-list-media .blog-list-img img{width: 100%; height: auto; object-fit: cover;}
.blog-list-media .blog-list-img .list-date {position: absolute; background: var(--bg-danger);  color: #ffffff; padding: 8px 15px; left: 10px; top: 10px; border-radius: 4px;}
.blog-list-media .blog-list-img .list-date span {font-size: 22px;display: block; line-height: 22px; font-weight: 700;}
.blog-list-media .blog-list-img .list-date label {font-size: 14px; margin: 0;}
.blog-list-content{padding: 10px 15px 14px; display: flex; flex-direction: column; height: 100%;}
.blog-list-content h3{line-height: 1;}
.blog-list-content h3 a{font-size: 24px; transition: ease-in-out all 0.5s;}
.blog-list-content h3 a:hover{color: var(--theme-color);}
.blog-list-content a.post-link {display: inline-block;color: var(--theme-color); transition: ease-in-out all 0.5s; margin-bottom: 5px;}
.blog-list-content a.post-link i{margin-left: 5px; font-size: 13px; transition: 0.3s all;}
.blog-list-content a.post-link:hover i{margin-left: 7px;}

.blog-list-content a.post-link:hover {color: var(--bg-danger);}
.blog-list-content ul{border-top:1px solid #eeeef2;margin-top: auto; padding-top: 10px; margin-bottom: 0; padding-left: 0;}
.blog-list-content ul li {display: inline-block; color: var(--bg-dark); width: 48%; position: relative; font-size: 14px; text-transform: capitalize;}
.blog-list-content ul li I{color: var(--theme-color); margin-right: 2px;}
.blog-list-content ul li:last-child{text-align: right;}
.blog-list-content ul li:not(:first-child):before{position: absolute; content: ""; top: 5px; left: 0; width: 1px; height: 14px; background: #eeeef2;}
/* Blog Content list end */

/* Blog Sidebar start */
.blog-aside .blog-widget {box-shadow: 0 0 6px rgba(31, 45, 61, 0.125); border-radius: 5px; overflow: hidden; background: #ffffff; margin-bottom: 25px; width: 100%; display: inline-block; vertical-align: top;}
.blog-aside .blog-widget:last-child{margin-bottom: 0;}
.blog-aside .widget-body {padding: 15px;}
.blog-aside .widget-title {padding: 15px; border-bottom: 1px solid #eee;}
.blog-aside .widget-title h3 {font-size: 20px;font-weight: 700; color: var(--bg-dark); margin: 0;}

/* Blog Search start */
.blog-search .input-group-prepend {margin-right: -1px; display: flex;}
.blog-search .input-group-text {border-top-right-radius: 0; border-bottom-right-radius: 0;}
/* Blog Search end */

/* Blog Category start  */
.blog-post-category ul{padding-left: 0; margin: 0;}
.blog-post-category ul li{list-style: none; border-bottom: 1px solid #ebebeb; margin-bottom: 6px; position: relative; padding-left: 15px; padding-bottom: 8px;}
.blog-post-category ul li::before{position: absolute; content: "\F285"; left: 0; font-family: 'bootstrap-icons' !important; font-size: 13px;}
.blog-post-category ul li a{color: #000; transition: ease-in-out all 0.5s;     transition: ease-in-out all 0.5s;}
.blog-post-category ul li a:hover{color: var(--theme-color);}
.blog-post-category ul li:last-child{padding-bottom: 0; border-bottom: 0; margin-bottom: 0;}
/* Blog Category end  */

/* Blog Recent post start  */
.blog-aside .latest-post-aside + .latest-post-aside {border-top: 1px solid #eee; padding-top: 15px; margin-top: 15px;}
.blog-aside .latest-post-aside .lpa-left {width: 90px; display: table-cell;}
.blog-aside .latest-post-aside .lpa-left img {border-radius: 3px;}
.blog-aside .latest-post-aside .lpa-right {padding-left: 15px; display: table-cell; vertical-align: middle;}
.blog-aside .latest-post-aside .lpa-title h5 {  margin: 0; font-size: 15px;}
.blog-aside .latest-post-aside .lpa-title a {color: var(--bg-dark); font-weight: 600;     transition: ease-in-out all 0.5s;}
.blog-aside .latest-post-aside .lpa-meta a {color: var(--bg-dark);font-size: 12px; text-transform: uppercase; display: inline-block; margin-right: 10px;}
/* Blog Recent post end  */

/* Blog Tags start  */
.blog-tag-cloud{display: flex; flex-wrap: wrap;}
.blog-tag-cloud a {padding: 4px 15px; font-size: 13px;color: #ffffff; background: var(--bg-danger); border-radius: 50px; margin-right: 4px; margin-bottom: 4px;     transition: ease-in-out all 0.5s;}
.blog-tag-cloud a:hover {background: var(--bg-dark);}
/*Blog Tags End */
/* Blog Sidebar End */
/*================ blog page start ================*/

/*================ blog details start ================*/
.blog-details-main{padding-top: 70px; padding-bottom: 70px;}
.blog-details-box{box-shadow: 0 0 6px rgb(31 45 61 / 13%); padding: 15px; border-radius: 5px;}
.blog-details-box .blog-details-img{position: relative; }
.blog-details-box .blog-details-img img{width: 100%; }

/* blog date  start*/
.blog-details-main .blog-details-box .list-date { position: absolute; background: var(--bg-danger); color: #ffffff; padding: 8px 15px; left: 10px; top: 10px; border-radius: 4px;}
.blog-details-main .blog-details-box .list-date span { font-size: 22px; display: block;line-height: 22px; font-weight: 700;}
.blog-details-main .blog-details-box .list-date label {font-size: 14px; margin: 0;}
/* blog date  end*/

.blog-details-main .blog-details-desc{margin-top: 15px;}
.blog-details-main .blog-details-desc h2{border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 10px; font-size: 34px;}
.blog-details-main .blog-details-desc h3,.blog-details-main .blog-details-desc h4,.blog-details-main .blog-details-desc h5{margin-bottom: 5px;}
.blog-details-main .blog-details-desc p a{color: initial; color: var(--bg-danger);}
.blog-details-main .blog-details-desc p a:hover{text-decoration: underline;}
.blog-details-main .blog-details-desc ul li{padding-bottom: 10px; padding-left: 25px; position: relative; }
.blog-details-main .blog-details-desc ul li::before{content: ""; position: absolute; top: 11px; left: 10px; background-color: #7d7d7d; height: 5px; width: 5px; border-radius: 50%; }
.blog-details-main .blog-details-desc ul li:last-child{padding-bottom: 0;}

/* blog contact comment start */
.blog-details-contact h2.comments-title{font-size: 20px; margin-bottom: 15px;}
.blog-details-contact li,.blog-details-contact ol{list-style: none;}
.blog-details-contact .comment-list{list-style: none; padding: 0; margin: 0 0 15px 0;}
.blog-details-contact .comment-author.vcard{margin-bottom: 2px;}
.blog-details-contact .comment-author.vcard img{width: auto; height: 50px; margin-right: 5px; position: absolute; left: 0; top: 0; border-radius: 50%;}
.blog-details-contact .comment-author.vcard cite,.blog-details-contact .comment-author.vcard span{font-size: 17px; font-style: normal; font-weight: 500; line-height: normal;}
.blog-details-contact .comment-list a{color: var(--theme-color); transition: ease-in-out all 0.5s;}
.blog-details-contact .comment-list a:hover{color: #000;}
.blog-details-contact .comment-list  li.comment{position: relative; margin-bottom: 25px;}
.blog-details-contact .comment-list .comment-body{margin-left: 70px; background: rgba(0,0,0, 0.03); border-radius: 4px; padding: 15px; }
.blog-details-contact .comment-list .comment-body:before {content: ''; display: block; position: absolute; left: 60px; top: 13px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgba(0,0,0, 0.03);}
.blog-details-contact .comment-list .children > li { border-bottom: 0px; margin-bottom: 0px; margin-top: 15px; margin-left: 20px;}
.blog-details-contact .comment-list .reply a.comment-reply-link { font-size: 13px; position: absolute; right: 10px; margin-top: -20px; display: block;}
.blog-details-contact .comment-list .reply a.comment-reply-link:before { content: "\F51F"; font-weight: normal; font-family: bootstrap-icons !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding-right: 5px; font-size: 9px; position: relative; top: -1px;}
/* blog contact comment end */

/* blog details contact start */
.blog-details-main .blog-details-contact{box-shadow: 0 0 6px rgb(31 45 61 / 13%); padding: 15px; border-radius: 5px; margin-top: 25px;}
.blog-details-contact h3{margin-bottom: 10px;}
.blog-details-contact p{margin-bottom: 0;}
.blog-details-contact p.comment-notes{margin-bottom: 15px; line-height: normal;}
.blog-details-contact  input:not([type=submit]){height: auto; margin-bottom: 20px; }
.blog-details-contact .form-control{padding: 10px 14px;}
.blog-details-contact  textarea{margin-bottom: 20px; height: 130px;}
.blog-details-contact p.comment-form-cookies-consent{display: flex; align-items: flex-start; line-height: normal; margin-bottom: 15px;}
.blog-details-contact .comment-form-cookies-consent input{margin-right: 5px; margin-bottom: 0 !important; margin-top: 5px;}
.blog-details-contact  input[type=submit]{padding: 10px 25px;  background: var(--bg-danger); color: #fff; border-radius: 50px; border: none; transition: ease-in-out all 0.5s;}
.blog-details-contact  input[type=submit]:hover{background: #000;}
.comment-form-comment textarea.error{margin-bottom: 0px; }
.comment-form-comment textarea.error+.error{margin-bottom: 12px; color: red; font-size:13px}
.blog-details-contact .comment-respond input.error{margin-bottom:0}
.blog-details-contact .comment-respond input.error+.error{margin-bottom: 12px; color: red; font-size:13px}
.form-control:focus{box-shadow: none;}
.blog-details-contact .form-control:focus{border-color: #fc5356;}
/* blog details contact end */

/* pagination start  */
.blog-list-main  .pagination{margin-top: 5px; justify-content: center; line-height: normal;}
.blog-list-main  .pagination span{padding: 7px 12px; background-color: var(--theme-color); margin: 3px; color: var(--white-color);  border-radius: 6px; border: 1px solid var(--theme-color);}
.blog-list-main  .pagination a{border-color: var(--theme-color);  background-color: transparent; margin: 3px; color: #000; transition: 0.5s all; border-radius: 6px; display: flex; align-items: center;}
.blog-list-main  .pagination a:hover{border-color: var(--theme-color);  background-color: var(--theme-color); color: #fff;}
.blog-list-main  .pagination a:focus,.blog-list-main .pagination span:focus{box-shadow: none; outline: 0;}
/* pagination end */
/*================ blog details end ================*/

.woocommerce-info {border-top-color: var(--theme-color);}
.woocommerce-info::before {color: var(--theme-color);}
.woocommerce .woocommerce-info .button{ background-color: var(--bg-dark);font-size: 18px;font-weight: 500;line-height: normal;display: inline-block;border-radius: 50px;color: var(--white-color);transition: 0.5s all;padding: 9px 69px 10px;}
.woocommerce .woocommerce-info .button:hover{background-color: var(--theme-color);color: #000;}

.common-content figure{margin-top: 20px;}
.common-content table {border-color: #dcdcdc !important;}
.wp-block-table td, .wp-block-table th {border: 1px solid #dcdcdc;padding: .5em;}
.common-content table tr th{color: #000; border-color: #dcdcdc;}

.right-side-box p{color: var(--bg-dark);}
.right-side-box p mark{background-color: transparent; text-decoration: underline;}

.right-side-box p a{text-decoration: underline;}
.right-side-box p a:hover{text-decoration: none;}

/*================ dashboard last purchase e-sim start ================*/
.last-sim-detail{ margin-top: 30px; display: flex; align-items: center; justify-content: space-between;}
.last-sim-detail h6{margin-bottom: 0;}
/*================ dashboard last purchase e-sim end ================*/

/*================ order page start ================*/
.woocommerce-order p.woocommerce-thankyou-order-received{margin-top: 10px;}
.woocommerce table.shop_table{text-align: unset;}
.account-orders-table,.woocommerce table.shop_table{margin: 0 !important; border-collapse: collapse !important; border: 1px solid #e6e6e6;}
.woocommerce table.shop_table th{ color: var(--bg-dark);}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border: 1px solid #e6e6e6; padding: 8px 8px; white-space: nowrap;}
.woocommerce table.shop_table td,.woocommerce table.shop_table td .order_product_data a,.woocommerce table.shop_table td strong{color: #7d7d7d;}
.woocommerce table.shop_table td.view-order{text-align: center;}
.account-orders-table a:not(:last-child){margin-right: 3px;}
.right-side-box .woocommerce-Pagination{text-align: end; margin-top: 15px;}
.right-side-box .woocommerce-Pagination a{background-color: var(--bg-dark);color: #fff;font-weight: 400;padding: 5px 12px;border-radius: 6px;border: 1px solid #151515; display: inline-block;}
.right-side-box .woocommerce-Pagination a.active{background-color: var(--theme-color);  color: #fff; border-color: var(--theme-color); color: var(--bg-dark);}

.right-side-box .woocommerce-Pagination a:hover{background-color: transparent; color: var(--bg-dark);  }
.right-side-box .account-payment-methods-table th{text-transform: capitalize;}
.right-side-box .add-payment-method{text-align: end;}
.right-side-box .add-payment-method{margin-top: 15px;}
.right-side-box .add-payment-method a{background-color: var(--bg-dark); color: #fff; font-weight: 500; }
.right-side-box .add-payment-method a:hover{background-color: var(--theme-color); color: var(--bg-dark);}

.right-side-box .woocommerce-orders-search-form{ text-align: right; margin-bottom: 10px; display: flex;align-items: center; justify-content: end;}
.right-side-box .woocommerce-orders-search-form .search-field{ border: 1px solid #e6e6e6; padding: 5px 10px; border-radius: 6px;}
.right-side-box .woocommerce-orders-search-form .search-field:focus{outline: 0;}
.right-side-box .woocommerce-orders-search-form .search-field:focus::-webkit-search-cancel-button{color: #000; background-color: #000; display: none;}
.right-side-box .woocommerce-orders-search-form .button{background-color: var(--bg-dark); padding: 11px 13px; color: var(--white-color); border-radius: 6px; margin-left: 5px; transition: 0.5s all;}
.right-side-box .woocommerce-orders-search-form .button svg{ height: 16px;}
.right-side-box .woocommerce-orders-search-form .button svg path{fill: #fff ;}
.right-side-box .woocommerce-orders-search-form .button:hover svg path{fill: #000;}
.right-side-box .woocommerce-orders-search-form .button:hover{background-color: var(--theme-color);  color: var(--bg-dark); border-radius: 6px;}
/*================ order page end ================*/

/*================ order detaile page start ================*/
td.product-name{/*display: flex;*/ justify-content: space-between;}
.product-name .order_product_data{display: flex;}
.product-name .order_product_data strong{color: var(--bg-dark); margin-left: 3px;}
.product-name .all-Orders{text-align: center; float: right;}
.product-name .all-Orders .order_QR_code_{text-align: center; margin-bottom: 15px;}
.product-name .all-Orders .order_QR_code_ img{height: 90px; width: 90px;}
.product-name .all-Orders .order_QR_code_ p{margin-top: 6px;}
.product-name .all-Orders .order_QR_code_:last-child{margin-bottom: 0;}
.woocommerce-order-details table td{color: var(--bg-dark);}

/* .woocommerce .woocommerce-customer-details{margin-bottom: 0;} */
.billing-address address{border-bottom-width: 1px !important;border-right-width: 1px !important; color: var(--bg-dark);}

.woocommerce ul.order_details li::before{display: none;}
 .order-note{margin-bottom: 15px;}
 .order-note textarea{width: 100%; border-radius: 6px; border: 1px solid #e6e6e6; padding: 10px 20px;}
 .order-note textarea:focus{outline: 0;}
/*================ order detaile page end ================*/

#add_payment_method #payment div.payment_box{background-color: #f8f8f8;}
#add_payment_method #payment div.payment_box::before{border: 1em solid #f8f8f8;    border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;}

/*==========login message for iccid=======*/

/* terms checkbox page start */
body.page-id-2001 .cms-details ul{column-count: 2;}
/* terms checkbox page end */

/* coverage page start */
.coverage-section table{min-width: 800px;}
.coverage-section table td{white-space: initial !important;padding: 7px 12px;}
.coverage-section table th{background-color: var(--theme-color);color: #151515 !important; font-weight: 500;padding: 7px 12px;}
.coverage-section table tr:nth-child(odd){background-color: #f7f7f7;}
/* coverage page end */

/* thank you page start */
.thank-you-section  img{height: 140px; margin-bottom: 15px;}
.thank-you-section h1{font-size: 100px; line-height: 100px; color: #071c1f;text-transform: uppercase; font-weight: 700;}
.thank-you-section .thankyou {display: flex; flex-direction: column;justify-content: center; align-items: center;}
.thank-you-section p { font-size: 20px;line-height: 28px; font-weight: 500; text-align: center;}
/* thank you page end */

.login-message  .login-box {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px -4px 0px -6px;
    max-width: 500px;
    border-radius: 10px;
    padding: 20px 15px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-message  .login-box a.comn-btn {
    margin-top: 5px;
}

/* category tabbing css start */

.regulatory-compliance-data-list a{
    color: #fbc000;
}

.regulatory-compliance-data-list a:hover{
    text-decoration: underline;
}


/* Install application page start */
.app-install .logo{text-align: center;}
.app-install .logo a img{width: 400px;}
.app-install .appstors{margin-top: 40px; text-align: center;}
.app-install .appstors a{padding: 0 15px;}
/* Install application page end */