:root{
      --bg:#0f1724;
	  --grey:rgb(247, 247, 247);
      --card:#0b1220;
      --muted:#9aa4b2;
      --accent:#5eead4;
      --glass: rgba(255,255,255,0.04);
      --radius:12px;
      --shadow: 0 6px 20px rgba(2,6,23,0.6);
      --success:#22c55e;
      --danger:#ef4444;
    }
body {
    background-color: #fff;
    color: #202020;
    font-family: "Outfit", serif;
    font-size: 14px;
    line-height: 1.725;
    /*overflow-x: hidden;*/
}
h1, h2, h3, h4, h6
{
    color: #202020;
}
.sectionCvr { padding: 6em 0px; }
.grey-bg{ background: #fbfbfb; }
.divider-spacing { padding: 10px; }
.title-block { position: relative; }

.title-block .title {
    text-transform: capitalize;
    position: relative;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    color: #000;
}

.title-block.text-white .title, .title-block.text-white .sub-title  { color: #fff; }

.title-block.text-center .sub-title {
    justify-content: center;
    display: inline-flex;
}


.title-block .sub-title {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    position: relative;
}

.theme-btn {
    display: inline-block;
    line-height: 2;
    color: #fff;
    text-transform: capitalize;
    margin-top: 16px;
    position: relative;
    overflow: hidden;
    padding: 6px 23px;
    background:#C58946;
    border-radius: 6px;
    border: 1px solid transparent;
    z-index: 1;
    transition: all 0.2s linear;
}
.theme-btn svg
{
    margin-right: 7px;
}
.theme-btn:hover { background: #202020; color: #fff;}
.theme-btn.dark-btn{ background:#202020; color: #fff;}
.theme-btn.dark-btn:hover{ background:#C58946; color: #fff;}
.theme-btn.outline-btn{ background:transparent; border:1px solid #222222; color: #222222; }
.theme-btn.outline-btn:hover{ background:#000000; border:1px solid #000000; color: #fff; }

.theme-btn.white-outline-btn {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.theme-btn.white-outline-btn:hover{ background:#000000; border:1px solid #000000; color: #fff; }


.navbar-brand img { height:70px; }
.header-nav.fixed .navbar-brand img { height: 50px; }
.header-cta a { padding: 8px; border-radius: 40px; background: transparent; border: 1px solid #fff; color: #fff; line-height: 1.4; display: block; width: 40px; height: 40px; text-align: center; vertical-align: middle;}
.header-cta a svg { font-size: 16px; vertical-align: middle;}
.header-cta a:hover { background: #000; border-color: #000; color: #fff; }
.header-cta img { width: 30px; margin-right: 6px; }
.header-ctaCvr .header-cta { margin-right: 6px; }
.header-nav.fixed { box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 16%); transition: all 0.5s ease; background: #000000; }
.header-nav.headerdark
{
    background: #000;
    position: relative;
}
.header-nav .navbar-brand{ padding: 0px; }
.main-navigation li {
    position: relative;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: 700;
}
.main-navigation ul ul li{ background:#000000 !important; }
.main-navigation ul > li:hover > a { color: #fff; }
.main-navigation ul > li > ul.sub-menu > li > a { color: #fff; }
.main-navigation ul > li > ul.sub-menu > li:hover {  background:#000000 !important; }


.main-navigation a {
    color: #fff;
    display: block;
    line-height: 1.3125;
    outline-offset: -1px;
    padding: 0.84375em 0;
    text-transform: capitalize;
    font-weight: 400;
    text-decoration: none;
}
@media screen and (min-width: 991px) {
    .main-navigation a {
        outline-offset: -8px;
        padding: 1em 0.875em;
        white-space: nowrap;
        text-decoration: none;
    }
}
.btn-shine {
    /* position: relative; */
    /* top: 50%; */
    /* left: 50%; */
    transform: unset;
    padding: 8px 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    background: linear-gradient(to right, #fff 0, #f27b06 10%, #fff 20%);
    background-position: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s infinite linear;
    animation-fill-mode: forwards;
    -webkit-text-size-adjust: none;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    /* white-space: nowrap; */
    line-height: 2.4;
    margin-right: 10px;
}
@-moz-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 180px;
  }
  100% {
    background-position: 180px;
  }
}
@-webkit-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 180px;
  }
  100% {
    background-position: 180px;
  }
}
@-o-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 180px;
  }
  100% {
    background-position: 180px;
  }
}
@keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 180px;
  }
  100% {
    background-position: 180px;
  }
}
a {
    color: #000000;
    text-decoration: none;
}
.loginsec
{
    padding: 6em 0px;
    background: url(../images/login-back.jpg) no-repeat scroll center center / cover;
        height: 100vh;
}
.loginsec .container, .loginsec .row
{
 height: 100%;
}
.loginsec .loginfrmblk
{
backdrop-filter: blur(30px);
background: linear-gradient(146.9deg, rgba(251, 251, 251, 0.02) 0.96%, rgba(251, 251, 251, 0.1) 99.98%);
border-radius: 30px;
    text-align: center;
        padding: 4em 4em;
}
.loginsec .loginfrmblk .title
{
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.loginsec .loginfrmblk .bottomtxt
{
    margin-bottom: 0;
    margin-top: 20px;
    color: #fff;
    font-size: 15px;
}
.loginsec .loginfrmblk .bottomtxt a
{
    color: #C58946;
}
.cta-frm-block .cta-frm .inputCvr input:not([type="submit"]), .cta-frm-block .cta-frm .inputCvr textarea {
    border-radius: 10px;
    border: 1.26px solid #FFFFFF33;
    margin-top: 5px;
    padding: 12px 12px;
    background: transparent;
    width: 100%;
    color:  #fff;
    font-size: 15px;
}
.cta-frm-block .cta-frm .inputCvr
{
    margin-bottom: 10px;
}
.cta-frm-block .cta-frm .inputCvr .iti
{
    display: block;
}
.cta-frm-block .cta-frm .inputCvr .iti--separate-dial-code .iti__selected-dial-code
{
    color: #fff;
}
.cta-frm-block .cta-frm .inputCvr .otpblk label
{
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    margin-top: 15px;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .inputfield {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .inputfield .input {
      height: 54px;
    width: 100%;
    margin: 0 10px;
  border: 1.26px solid #FFFFFF33;
  outline: none;
  text-align: center;
  font-size: 1.5em;
  border-radius: 0.3em;
  background: transparent;
  outline: none;
  /*Hide number field arrows*/
  -moz-appearance: textfield;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .inputfield input[type="number"]::-webkit-outer-spin-button, .cta-frm-block .cta-frm .inputCvr .otpblk .inputfield input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .inputfield .input:disabled {
  color: #e1e0e1;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .inputfield .input:focus {
  border: 3px solid #C58946;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .otpblktxt
{
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .otpblktxt a
{
    color: #C58946;
}
.cta-frm-block .cta-frm .inputCvr .theme-btn
{
    width: 100%;
    font-size: 16px;
}
.cta-frm-block .cta-frm .inputCvr .iti__arrow
{
    border-top: 4px solid #ffffff;
}

/*  */
.paymentsec {
    padding-top: 5em;
    padding-bottom: 3em;
}


.businesstbl {
padding-bottom: 2em;
}
.businesstbl .pricing-table {
    border: 1px solid rgb(20, 20, 20);
    border-radius: 0px;
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    border: none;
    height: 700px;
    overflow-y: auto;
}
.businesstbl .pricing-table thead
{
    position: sticky;
  top: 0;
  z-index: 1;
  box-shadow: 0 0 6px rgba(0,0,0,0.25);
}

.businesstbl .pricing-table th {
    background-color: #f9f9f9; font-size: 16px; font-weight: bold; text-transform: capitalize;
	border: 1px solid #ddd; padding: 12px;
}
.businesstbl .pricing-table th.logo {
    background-color:#050505;
    padding: 30px 12px;
}

.businesstbl .pricing-table th.logo img{
    height: 40px;
    margin-right: 10px;
}

.businesstbl .pricing-table td {
    border: 1px solid #ddd; padding: 10px 12px;
}
.businesstbl .pricing-table td p {
    margin-bottom:0;
}

.businesstbl .pricing-table td.live img {
    margin-right: 10px;
}
.businesstbl .pricing-table th.logo span {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.businesstbl .pricing-table .year{
    background-color:#F5F5F5 ;
    text-transform: capitalize;
    font-weight: 500;
    color: #C58946;
}
.businesstbl .pricing-table td.tabtil{
    text-align: left;
}

.businesstbl .pricing-table td.mrp{
    font-weight: 700;
    font-size: 18px;
    color: #C58946;
}
.businesstbl .pricing-table td span{
    color: #000;
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.businesstbl .pricing-table td .live{
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.businesstbl .pricing-table td select{
        background-color: #FFD6A9;
    border: none;
    border-radius: 20px;
        padding: 3px 15px;
    width: 75%;
}

.businesstbl .pricing-table td  p span {
    color:#4FA429;
    font-weight: 600;
}
.businesstbl .perd{
    background-color: #E5FEDA;
    font-size: 16px;
    font-weight: 600;
}
.businesstbl .gets {
    background-color: #C58946;
    text-align: center;
}
.businesstbl .gets button {
    padding: 6px 10px;
        width: 85px;
    color: #C58946;
    font-size: 12px;
    border-radius: 20px;
    background-color: #fdfdfd;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}
.businesstbl .gets button:hover
{
    background-color: #000;
    color: #fff;
}
.businesstbl .pricing-table th[class*="silver"] {
    background-color: #E3FEFF;
}

.businesstbl .pricing-table th[class*="gold"] {
    background-color: #f9e7aa;
}
.businesstbl .pricing-table th[class*="platinum"] {
    background-color: #e3dbf8;
}

.businesstbl .pricing-table td.bg-gray
{
background-color: #F5F5F5;
}
.businesstbl .section-title {
    background-color: #ffe5e5;
    font-weight: bold;
    text-align: left;
}

.businesstbl select {
    padding: 5px;
    font-size: 14px;
    width: 100%;
}

.paymentsec .ttlrow .busdel {
    /*padding: 1em 0;*//*padding: 0 6em;*/
}
.paymentsec .ttlrow .busdel .bstil {
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.paymentsec .ttlrow .busdel .status {
    font-size: 14px;
    padding: 0.3em 0.7em;
    border-radius: 7px;
    font-weight: 500;
}
.btnblk{
float:right
}
.paymentsec .ttlrow .busdel .pending .dis{
    width: 6px;
     color:#B76E00;
    height: 6px;
}
.paymentsec .ttlrow .busdel .pending {
    background: #f1d28e;
    color:#B76E00;
}

.paymentsec .ttlrow .busdel .upgrade {
    font-size: 12px;
    color: #666;
    text-decoration: underline;
}
.paymentsec .ttlrow .busdel .business-info {
    position: relative;
    padding: 20px 0;
}
.paymentsec .ttlrow .busdel .business-info::before{
    content: '';
    position: absolute;
    left: 0;
    width: 50%;
    margin-top: 12px;
    height: 1px;
    background-color: #ddd;
}
.paymentsec .ttlrow .busdel .business-info::before {
    top: 0;
}
.paymentsec .ttlrow .busdel .business-info::after {
    bottom: 0;
}



.paymentsec .ttlrow .busdel .business-info p {
    margin: 8px 0;
    font-size: 16px;
    color: #333;
}
.paymentsec .ttlrow .busdel .business-info strong {
    min-width: 120px;
    display: inline-block;
    color: #919191;
    font-weight: 400;
}

.paymentsec .ttlrow .busdel .business-info p span {
   padding-left: 25px;
}

@media(max-width:568px){
    .paymentsec .ttlrow .busdel {
        padding: 0;
    }
    
}


/*  */


.paymentsec
{
    padding-top: 2em;
    padding-bottom: 2em;
}
.paymentsec .ttlrow
{
	/*margin-bottom: 2em;*/
}
.paymentsec .ttlrow .ttlblk
{
      /*  padding: 0 6em;*/
}
.paymentsec .ttlrow .ttlblk .ttl
{
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 600;
}
.paymentsec .ttlrow .logoutblk
{
    padding: 0 2em;
    display: flex;
    align-items: center;
}
.paymentsec .ttlrow .logoutblk .imgblk
{
        margin-right: 15px;
    position: relative;
}
.paymentsec .ttlrow .logoutblk .imgblk img
{
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.paymentsec .ttlrow .logoutblk .usrdtl
{
        width: 100%;
}
.paymentsec .ttlrow .logoutblk .usrdtl .name
{
    margin-bottom: 0px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
}
.paymentsec .ttlrow .logoutblk .usrdtl .email
{
        margin-bottom: 0;
}
.paymentsec .ttlrow .logoutblk .usrdtl .logout
{
margin-bottom: 0;
}
.paymentsec .ttlrow .logoutblk .usrdtl .logout a
{
        color: #C58946;
    text-decoration: underline;
}
.paymentsec .planrow
{
   background: #FBFBFB;
    border-radius: 30px;
    /*padding: 2em 4em;*/
    margin-bottom: 3em;
}
.paymentsec .planrow .ttlblk
{
    margin-bottom: 20px;
}
.paymentsec .planrow .ttlblk .title
{
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
}
.paymentsec .planrow .myplanblk
{
    /*padding: 0 2em;*/
}
.paymentsec .planrow .myplanblk .planbox
{
    border: 1px solid #DFDFDF;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 15px;
}
.paymentsec .planrow .myplanblk .planbox .inputbox label span
{
background: #ffefdc;
    color: #c58946;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 22px;
    text-transform: capitalize;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked,
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked + label,
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked + label:before,
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked + label:after,
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #C58946;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.paymentsec .planrow .myplanblk .planbox .price
{
margin-bottom: 0;
}
.paymentsec .planrow .myplanblk .planbox .price span
{
    font-size: 18px;
    font-weight: 500;
}
.paymentsec .planrow .myplanblk .planboxbtns a:first-child
{
    margin-right: 10px;
}
.paymentsec .planrow .paymtmethodblk
{
    padding: 0 2em;
}
.paymentsec .planrow .paymtmethodblk .methodbox
{
    border: 1px solid #DFDFDF;
    padding: 1.5em;
    border-radius: 10px;
    margin-bottom: 15px;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr
{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr .paymticon
{
    width: 20%;
    text-align: center;
    padding: 0 10px;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr .paymticon img
{
    height: 55px;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr .paymtdtl
{
    width: 50%;
    padding: 10px;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr .paymtdtl .email
{
   margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr .paymtdtl .expiry
{
margin-bottom: 0;
font-size: 13px;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr .paymtbnt
{
width: 30%;
text-align: center;
}
.paymentsec .paymthistryrow
{
    /*padding: 0 1em;*/
}
.state-info{
	padding:1em; background:#000; color:#fff; width:33%; text-align:center; font-size:20px; border-radius:5px; margin: 10px 0;
}
.state-highlight{background-color: #C58946;
}
.paymentsec .paymthistryrow .paymthistryttlblk
{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}
.paymentsec .paymthistryrow .paymthistryttlblk .ttlblk .title
{
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
}
.paymentsec .paymthistryrow .paymthistryblk
{

}
.paymentsec .paymthistryrow .paymthistryblk table td, .paymentsec .paymthistryrow .paymthistryblk table th{
    vertical-align: middle;
    padding: 1rem 1rem;
  }
.paymentsec .paymthistryrow .paymthistryblk table thead th
{
    background: #F7F7F7;
}  
.paymentsec .paymthistryrow .paymthistryblk table p.alert
{
    margin-bottom: 0;
    padding: 7px;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
} 
.paymentsec .paymthistryrow .paymthistryblk table .download
{
    color: #c58946;border: 1px solid; padding: 6px; border-radius: 5px;
} 
.paymentsec .paymthistryrow .paymthistryblk table .download svg
{
    margin-right: 7px;
}
.paymentsec .paymthistryrow .paymthistryblk table .custom-checkbox input[type="checkbox"]
{
position: relative;
    border: 2px solid #b4b4b4;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
  opacity: .5;
}
.paymentsec .paymthistryrow .paymthistryblk table .custom-checkbox input[type=checkbox]:hover {
  opacity: 1;
}

.paymentsec .paymthistryrow .paymthistryblk table .custom-checkbox input[type=checkbox]:checked {
  background-color: #C58946;
  border: 2px solid #C58946;
  opacity: 1;
}

.paymentsec .paymthistryrow .paymthistryblk table .custom-checkbox input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
footer {
    background: #F2F2F2;
}

footer .ftrtopCvr {
    padding: 4em 0px;
    text-align: center;
}

.ftr-wrapper {
    position: relative;
}

.ftr-wrapper .ftr-about-block {
    position: relative;
    margin-bottom: 2em;
}

.ftr-wrapper .ftr-about-block a.ftr-logo {
    display: inline-block;
    margin-bottom: 23px;
}

.ftr-wrapper .ftr-about-block a.ftr-logo img {
    width: 130px;
}

.ftr-social-block {
    position: relative;
    padding: 2em 0px;
}

.ftr-social-block ul.ftrsocialLinks {
    display: flex;
    justify-content: space-around;
    list-style: none;
}

.ftr-social-block ul.ftrsocialLinks li {
    flex-wrap: wrap;
    display: flex;
}

.ftr-social-block ul.ftrsocialLinks li span {
    display: block;
}

.ftr-social-block ul.ftrsocialLinks li svg {
    border: 1px solid #000;
    padding: 12px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
        transition: all 0.2s linear;
}
.ftr-social-block ul.ftrsocialLinks li a:hover svg {
    background: #000;
    color: #fff;
        transition: all 0.2s linear;
}
.ftr-subscribe-block {
    position: relative;
}

.subscribe-frmCvr {
    margin-left: 5em;
    margin-top: 1.5em;
}

.subscribe-frmCvr input[type="email"] {
    background: #FFFFFF;
    border: medium none;
    border-radius: 24px;
    padding: 12px 20px;
    margin-right: 8px;
}

.subscribe-frmCvr input[type="submit"] {
    background: #fff;
    border: medium none;
    padding: 7px 14px;
    border-radius: 50%;
    font-family: 'Font Awesome 5 Pro';
    transform: rotate(320deg);
    font-weight: 600;
    font-size: 20px;
    transition: all 0.2s linear;
}
.subscribe-frmCvr input[type="submit"]:hover { transform: rotate(360deg); transition: all 0.2s linear; }

.ftrbtm {
    padding: 20px 0px;
    border-top: 1px solid #202020;
    text-align: center;
}

.ftrbtm .copyright p {
    margin-bottom: 0px;
    font-weight: 300;
}
.tremsec {
    padding-bottom: 4em;
  }
.tremsec .tremstitle h2 {
    font-weight: 600;
    font-size: 24px;
  }
.tremsec .terms-container {
    border: 1px solid #ddd;
    border-radius: 30px;
    margin-top: 25px;
    padding:0;
  }
.terms-container .term p {
    padding: 15px 35px;
    border-bottom: 1px solid #eee;
    line-height: 1.6;
    margin: 0;
    color: #000;
  }
.term:last-child p {
    border-bottom: none;
  }
@media only screen and (min-width: 1600px) and (max-width:1920px) {
}
@media only screen and (min-width: 1200px) and (max-width:1400px) {
  .paymentsec .ttlrow .ttlblk {
        padding: 0 3em;
    }
    .paymentsec .ttlrow .logoutblk {
    padding: 0 1em;
}
.paymentsec .planrow {
    background: #FBFBFB;
    border-radius: 30px;
    padding: 3em 3em;
}
.paymentsec .paymthistryrow {
    padding: 0 4em;
}
.loginsec .loginfrmblk
{
    padding: 3em 3em;
}
}
@media screen and (max-width: 1024px) {
    .paymentsec .ttlrow .ttlblk {
    padding: 0 0em;
}
.paymentsec .ttlrow .logoutblk {
    padding: 0 0em;
}
.paymentsec .planrow {
    padding: 2em;
}
.paymentsec .planrow .myplanblk {
    padding: 0 1em;
}
.paymentsec .planrow .paymtmethodblk {
    padding: 0 1em;
}
.paymentsec .paymthistryrow {
    padding: 0 2em;
}
.loginsec .loginfrmblk {
    padding: 3em 3em;
}
.paymentsec .ttlrow .busdel {
    padding: 0 2em;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) { }
@media screen and (max-width: 991px) { 
button.navbar-toggler {
    background: #fff;
}
ul.navbar-nav.ms-auto.header-ctaCvr{ display:none; }
.paymentsec .paymthistryrow .paymthistryblk table td, .paymentsec .paymthistryrow .paymthistryblk table th {
    vertical-align: middle;
    padding: 0.5rem 0.5rem;
}
.paymentsec .ttlrow .ttlblk .ttl {
    font-size: 26px;
}
.paymentsec .planrow .myplanblk {
        padding: 0 0em;
    }
    .paymentsec .planrow .paymtmethodblk {
        padding: 0 0em;
    }
    .paymentsec .planrow .ttlblk .title {
    font-size: 22px;
}
.paymentsec .paymthistryrow .paymthistryttlblk .ttlblk .title {
    font-size: 22px;
}
.paymentsec .paymthistryrow {
        padding: 0 0em;
    }
    .paymentsec .planrow .myplanblk .planbox
    {
            padding: 1em;
    }
    .paymentsec .planrow .paymtmethodblk .methodbox {
    padding: 1em;
}
.paymentsec .planrow .paymtmethodblk .methodbox .methodboxinr .paymticon img {
    height: 35px;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked + label, .paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:not(:checked) + label
{
    font-size: 16px;
    padding-left: 28px;
}
.paymentsec .planrow .myplanblk .planbox .price span {
    font-size: 15px;
}
.theme-btn
{
  padding: 5px 15px;
        font-size: 12px;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked + label:before, .paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:not(:checked) + label:before
{
    width: 20px;
    height: 20px;
}
.paymentsec .planrow .myplanblk .planbox .inputbox [type="radio"]:checked + label:after
{
    width: 12px;
    height: 12px;
}
.ftr-wrapper .ftr-about-block a.ftr-logo img {
    width: 100px;
}
.header-nav .navbar-collapse {
        background: #000;
        padding: 10px 20px;
                width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99;
    }
    .loginsec .container, .loginsec .row {
    height: auto;
}
.loginsec
{
    height: auto;
}
.loginsec .loginfrmblk {
        padding: 3em 3em;
        margin-top: 3em;
    }
    .paymentsec .ttlrow .busdel {
    padding: 0 0em;
}
.paymentsec .ttlrow .busdel {
    padding: 0 2em;
}
}
@media screen and (max-width: 870px) { }
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 728px) { 
.loginsec .loginfrmblk {
        padding: 2em 2em;
    }
    .ftr-social-block ul.ftrsocialLinks
    {
        padding-left: 0;
    }
    .loginsec .loginfrmblk .title {

    font-size: 22px;
}
.cta-frm-block .cta-frm .inputCvr .otpblk .inputfield .input {
    height: 40px;
}
    .paymthistryblk table
{
    table-layout: auto;
    width: max-content;
}
}
@media screen and (max-width: 680px) { }
@media screen and (max-width: 640px) { }
@media screen and (max-width: 580px) {
   

 }
@media screen and (max-width: 520px) { }
@media screen and (max-width: 480px) { 
    .paymentsec {
    padding-top: 2em;
    padding-bottom: 2em;
}
.tremsec .tremstitle h2 {
    font-weight: 600;
    font-size: 30px;
    padding: 0;
}
.paymentsec .ttlrow .ttlblk .ttl {
        font-size: 24px;
    }
    .paymentsec .ttlrow {
    margin-bottom: 2em;
}
.paymentsec .planrow {
        padding: 2em 1em;
                margin-bottom: 2em;
    }
    .paymentsec .planrow .ttlblk .title {
        font-size: 20px;
    }
    .paymentsec .planrow .myplanblk {
        margin-bottom: 30px;
    }
    .paymentsec .planrow .myplanblk .planbox .inputbox label span {
    font-size: 12px;
}
.paymentsec .paymthistryrow .paymthistryttlblk
{
    flex-wrap: wrap;
    padding-left: 7px;
}
    .paymentsec .paymthistryrow .paymthistryttlblk .ttlblk .title {
        font-size: 20px;
    }
.paymthistryblk table
{
    table-layout: auto;
    width: max-content;
}
.navbar-brand img {
    height: 60px;
}

.paymentsec .ttlrow .busdel .bstil
{
    display: block;
}
.paymentsec .ttlrow .busdel .status
{
    display: inline-block;
}
}
::placeholder{
    color:#ffffff
}


 
@media screen and (max-width: 870px) { 
    .terms-container .term p {
        font-size: 17px;
        padding: 10px 20px;
      }
      .tremsec .terms-container {
        margin-top: 18px;
        padding: 0;
    }
}
@media(max-width: 568px) { 
    .tremsec {
        padding: 20px 10px;
      }
      .tremsec .terms-container {
        margin-top: 15px;
        padding: 0;
    }
    .tremsec .tremstitle h2 {
        font-size: 30px;
        padding: 0;
      }
      .terms-container .term p {
        font-size: 16px;
      }
}
@media screen and (max-width: 420px) {
    .tremsec {
        padding: 20px 10px;
      }
    .tremsec .tremstitle h2 {
        font-size: 25px;
        padding: 0;
         text-align: center;
        }
        .tremsec .terms-container {
            margin-top: 15px;
            padding: 0;
        }
      .terms-container .term p {
        font-size: 14px;
        padding: 10px 20px;
      }
}