body{
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
    background: #1A1C26;
}
.white-color{ color:#ffffff}
.main-heading{font-size: 40px; line-height: 48px; font-weight: 600;}
.sub-heading{ font-size: 20px; line-height: 38px; font-weight: 600;}
.content-data{ font-size: 16px; line-height: 20px; font-weight: 400;}
.samll-content{ font-size: 14px; line-height: 20px; font-weight: 500;}
.font-32{ font-size: 32px; line-height: 48px; font-weight:700;}
.dashboard-heading{ font-weight: 600; font-size: 28px; line-height: 36px;}
.no-border{ border: none !important;}
.mbottom-20{ margin-bottom: 20px;}
.mbottom-30{ margin-bottom: 30px;}
.mbottom-50{ margin-bottom: 50px;}
.primary-button{ background: #118BA6; border-radius: 6px; font-size: 16px; line-height: 24px; border: none; box-shadow: none; color: #ffffff; 
padding: 10px 15px; cursor: pointer;}
.primary-button:hover{ background: #ffffff; color: #118BA6;}
.secondary-button{ background: transparent; border-radius: 6px; font-size: 16px; line-height: 22px; border: none; box-shadow: none; color: #ffffff; border: solid 1px #686868; 
    padding: 10px 15px; cursor: pointer;}
.secondary-button:hover{ background: #118BA6; color: #ffffff; border-color: #118BA6;}

/*===== Header Section Start Here====*/
.header{padding: 0; margin: 0; background: #1A1C26;}
.header .navbar{ padding:23px 0;}
.header .navbar .navbar-brand img{ height: 23px;}
.header .navbar-nav .nav-link{font-size: 16px; font-weight: 600; color: #ffffff; padding: 0 8px; line-height: 37px; }
.header .navbar-nav .nav-link:hover{ color: #18a0fb;}
.header .navbar-nav .nav-item .active{ color: #18a0fb;}
.header .navbar-nav li:last-child a{ padding-right: 0;}
.header .navbar-nav .signup{ padding: 0 13px;}

/* Below button color theme changes as per Debasish new design - 29 Mar 2023 */
.header .navbar-nav .signup a{ border: none; padding: 0 25px; border-radius: 5px; background: #118BA6;}
.header .navbar-nav .signup a:hover{ background: #fff; color: #118BA6;}
.header .navbar-nav .signup a.active{ background: #fff; color: #118BA6;}
.header .navbar-nav .nav-link:focus{ color: #118BA6;}

.header-new .nav-link{font-size: 16px; font-weight: 600; color: #ffffff; padding: 0 8px; line-height: 37px; cursor: pointer;}
.header-new .nav-link:hover{ color: #118BA6;}
.header-new .nav-item .active{ color: #118BA6;}
.header-new li:last-child a{ padding-right: 0;}
.header-new .signup{ padding: 0 13px;}
.header-new .signup a{ 
    border: none;
    padding: 0 25px;
    border-radius: 5px;
    background: #118BA6;
    color: #ffffff;
}
.header-new .signup a:hover{ background: #fff; color: #118BA6;}
.header-new .signup a.active{background: #fff; color: #118BA6;}
.header-new .nav-link:focus{ color: #118BA6;}

/*====Banner Section Start Here====*/
.banner-section{ padding: 0; margin: 0;}
.banner-section .order-1{ order: 1;}
.banner-section .order-2{ order: 2;}
.banner-section .banner-data{ padding: 70px 0 0 0; margin: 0;}
.banner-section .banner-data h1{ padding: 0 0 10px 0; margin: 0; font-weight: 600;}
.banner-section .banner-data h2{ padding: 0 0 10px 0;margin: 0; font-weight: 600;}
.banner-section .banner-data p{ padding: 0 0 10px 0; margin: 0; font-weight: 500; line-height: 24px;}
.banner-section .banner-data p a{ color: #fff; text-decoration: none; padding: 0 0 0 5px;}
.banner-section .banner-data p a:hover{ color: #18a0fb;}

.banner-section .banner-data ul{ list-style-type: none; padding: 0; margin: 0;}
.banner-section .banner-data ul li{ display: inline-block; vertical-align: top;}
.banner-section .banner-data .button{ padding: 40px 0 40px 0;}
.banner-section .banner-data .button a{ font-size: 16px; line-height:26px; font-weight: 600; color: #ffffff;}

/* old button stucture */
.banner-section .banner-data .button .watch-now a{ background: #18a0fb; border-radius: 5px; /*border-bottom: solid 8px #757575;*/ 
display: inline-block; padding: 0 35px; position: relative; transition: 0.5s; text-decoration: none; border: solid 3px #18a0fb;
min-height: 50px;
display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    min-height: 50px;
}
.banner-section .banner-data .button .watch-now a:hover{ border: solid 3px #fff; background: #fff; color:#18a0fb;}
/*.banner-section .banner-data .button .watch-now a::before{ position: absolute; content: ""; bottom: -8px; left: 0; background: #12f4d9;
 width: 25px; height: 8px; border-bottom-left-radius: 5px; transition: 0.5s;}
 .banner-section .banner-data .button .watch-now a:hover::before{ background: #12f4d9; width: 100%; left: 0; border-bottom-right-radius: 5px;}*/
 .banner-section .banner-data .button .watch-trailer{ position: relative; padding: 0px !important;}
 .banner-section .banner-data .button .watch-trailer a{ 
    border-radius: 5px; display: inline-block; padding: 0 35px; transition: 0.5s; text-decoration: none; 
border: solid 3px #fff; line-height: 26px;
min-height: 50px;
display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    min-height: 50px;
}
.banner-section .banner-data .button .watch-trailer a:hover{ border-color: #18a0fb;}

/* New button stucture */
.banner-section .banner-data span.button{ display: inline-block;}
.banner-section .banner-data span.button.watch-now{padding-right: 20px;}
.banner-section .banner-data span.button.watch-now a{ background: #18a0fb; border-radius: 5px;
    display: inline-block; padding: 0 35px; position: relative; transition: 0.5s; text-decoration: none; border: solid 3px #18a0fb;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    min-height: 50px;
}
    .banner-section .banner-data span.button.watch-now a:hover{ border: solid 3px #fff; background: #fff; color:#18a0fb;}
    .banner-section .banner-data span.button.watch-trailer{ position: relative; padding: 0 !important;}
     .banner-section .banner-data span.button.watch-trailer a{ border-radius: 5px; display: inline-block; padding: 0 35px; transition: 0.5s; text-decoration: none; 
    border: solid 3px #fff; line-height: 26px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    min-height: 50px;
}
    .banner-section .banner-data span.button.watch-trailer a:hover{ border-color: #18a0fb;}

    .banner-section .banner-data .button li{margin-bottom: 10px;}
    .banner-section .banner-data .button .watch-now{padding-right: 20px;}

.banner-section .banner-data .social-share{ padding: 10px 0 0 0; margin: 0;}
.banner-section .banner-data .social-share li{ vertical-align: top; padding: 0 8px;}
.banner-section .banner-data .social-share li:first-child{ padding-left: 0;}
.banner-section .banner-data .social-share a, .share-video .bottom a{ font-size: 20px; line-height: 48px; display: inline-block; border: solid 1px #525252; 
background: #2d2d2d; color: #fff; border-radius: 100px; width: 48px; height: 48px; text-align: center; transition: 0.5s;opacity: 0.6;padding: 0px !important;}
.banner-section .banner-data .social-share a:hover, .share-video .bottom a:hover{ background: #18a0fb; border-color: #ffffff;opacity: 1;}
.banner-section .banner-data .social-share a.liked{opacity: 1;}
.banner-section .banner-data .social-share span{ display: block; text-align: center; font-size: 14px; color: #ffffff; padding-top: 8px;}
/*====owl dot customize here for banner====*/
.banner-section .banner-content{ padding: 0; margin: 0; position: relative;}
.banner-section .banner-content::after {
    position: absolute;
    content: "";
    background: linear-gradient(90deg, #1E1A26 3.99%, rgba(55, 55, 55, 0) 72.92%);
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 9;
}
.banner-section .banner-content .owl-theme .owl-dots{ position: absolute; bottom: 18px; right: 30px; }
.banner-section .banner-content .owl-theme .owl-dots .owl-dot span{ width: 7px; height: 7px; background: #0cb9f3; margin: 0 1px; outline: none;} 
.banner-section .banner-content .owl-theme .owl-dots .active span{ background: #fff; border: none; width: 30px; outline: none;}
.banner-section .banner-content .owl-theme .owl-dots .active:focus{ outline: none;}

/*====product listing section start here==(common carusal slider)==*/
.product-listing{ padding: 40px 0 0 0; margin: 0;}
.product-listing h2{ padding: 0 0 20px 0; margin: 0; font-weight: 700;}
.product-listing a{ text-decoration: none;}
.product-listing .item{ background: #2d2a32; border-left: solid 1px #504d54; border-right: solid 1px #504d54;}
.product-listing .item .data{ padding:10px 16px; margin: 0; position: relative; z-index: 2;}
.product-listing .item .data span{ font-size: 16px; line-height: 20px; font-weight: 600; color: #fff; width: 100%; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; display: inline-block;
}
.product-listing .item .data p{ font-size: 16px; line-height: 20px; font-weight: 600; color: #7B8794; padding: 5px 0 0 0; margin: 0;  width: 100%;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  display: inline-block;
}
.product-listing .item:hover .data span{ color: #18a0fb;}
.product-listing .item:hover .data p{ color: #ffffff;}
/*==Product owl carusal navigation  customize here===*/
.product-listing .owl-theme .owl-nav .owl-prev{ font-size: 55px; color: #fff; position: absolute; left: 10px; top: 30%; font-weight: 600; outline: none; font-family: monospace;}
.product-listing .owl-theme .owl-nav .owl-prev:hover{ background: transparent; border: none;}
.product-listing .owl-theme .owl-nav .owl-next{font-size: 55px; color: #fff;  position: absolute; right: 10px; top: 30%; font-weight: 600; outline: none; font-family: monospace;}
.product-listing .owl-theme .owl-nav .owl-next:hover{ background: transparent; border: none;}
.product-listing .owl-theme .owl-nav .disabled { opacity: 0; cursor: default;}

/*==Banner owl carusal navigation  customize here===*/
.banner-section-navarrow .owl-theme .owl-nav .owl-prev{ font-size: 55px; color: #fff; position: absolute; left: 10px; top: 30%; font-weight: 600; outline: none; font-family: monospace;}
.banner-section-navarrow .owl-theme .owl-nav .owl-prev:hover{ background: transparent; border: none;}
.banner-section-navarrow .owl-theme .owl-nav .owl-next{font-size: 55px; color: #fff;  position: absolute; right: 10px; top: 30%; font-weight: 600; outline: none; font-family: monospace;}
.banner-section-navarrow .owl-theme .owl-nav .owl-next:hover{ background: transparent; border: none;}
.banner-section-navarrow .owl-theme .owl-nav .disabled { opacity: 0; cursor: default;}

/*===========Box Hover design start Here===============*/

.product-listing .item .picture{ position: relative; overflow: hidden;}
.product-listing .item .picture .box-hover{ background: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; top:100%; left:0; 
    display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .3s;
}
.product-listing .item .picture .box-hover a{ border: 1px solid #118BA6; border-radius: 6px; font-weight: 600; font-size: 14px; line-height: 20px; color: #FFFFFF;
padding: 12px 20px; display: block; min-width: 120px; margin-bottom: 18px; background-color: transparent; transition: .3s;text-align: center;
}
.product-listing .item .picture .box-hover a:hover{ background-color: #118BA6;}
.product-listing .item .picture .box-hover a:last-child{ margin-bottom: 0;}

.product-listing .item .picture:hover .box-hover{ top:0;}
/*====Footer Section Start Here====*/
.footer{ background: #0b0812; 
    /* border-top: solid 1px #fff;
     border-bottom: solid 1px #fff;  */
     padding: 80px 0; margin: 50px 0 0 0;}
.footer h2{ font-size: 14px; line-height: 22px; padding: 0 0 15px 0; margin: 0; font-weight: 600; color: #ffffff;}
.footer ul{ list-style-type: none; padding: 0; margin: 0;}
.footer ul li{ line-height: 32px;}
.footer ul li a{ font-size: 14px; line-height: 32px; font-weight: 400; color: #ffffff; padding: 0; margin: 0; text-decoration: none;}
.footer ul li a:hover{ color: #18a0fb;}
.footer p{ padding: 15px 30px 0 0; line-height: 30px; font-size: 14px;}
.footer img{ max-width: 80px;}

.copyright{ background: #020006; padding: 20px 0; margin: 0;}
.copyright ul{ list-style-type:none; padding: 0; margin: 0;}
.copyright ul li{ line-height: 22px; display: inline-block; padding: 0 20px;}
.copyright ul li:first-child{ padding-left: 0;}
.copyright ul li a{ font-size: 20px; color: #ffffff;}
.copyright ul li a:hover{ color: #18a0fb;}
.copyright p{ padding: 0; margin: 0; text-align: right; font-size: 14px; font-weight: 400; color: #ffffff;}

/*============Single part Grid page start Here=================*/
.season-content{ padding: 50px 0 0 0; margin: 0;}
.season-heading{ position: relative; border-bottom: solid 1px #3d3c3f;}
.season-heading h2{ font-weight: 700;}
.season-heading ul{ position: absolute; top: 0; right: 0; padding: 0; margin: 0;}
.season-heading ul li{ display: inline-block; padding: 0 5px;}
.season-heading ul li a{ font-size: 22px; color: #ffffff;}
.season-heading ul li a:hover{ color: #18a0fb;}
.season-heading ul li a.active{color: #18a0fb;}

.episode-heading{ padding: 25px 0; position: relative; display: flex; justify-content: space-between;}
.episode-heading h3{ font-weight: 700; margin-bottom: 0;}
/*==Tiles section common Start Here==*/
.tiles a{ text-decoration: none;}
.tiles{ background: #2d2a32; /*border-left: solid 1px #504d54; border-right: solid 1px #504d54;*/ margin-bottom: 30px;}
.tiles .data{ padding:10px 16px; margin: 0;}
.tiles .data span{ font-size: 16px; line-height: 20px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  width: 100%;
display: inline-block;}
.tiles .data p{ font-size: 16px; line-height: 20px; font-weight: 600; color: #7b8794; padding: 5px 0 0 0; margin: 0;}
.tiles:hover .data span{ color: #18a0fb;}
.tiles:hover .data p{ color: #ffffff;}

/*====Add ons Section Start Here===*/
.addon-listing{ padding: 40px 0 0 0; margin: 0;}
.addon-listing h2{ padding: 0 0 20px 0; margin: 0; font-weight: 700;}
.addon-listing a{ text-decoration: none;}
.addon-listing .item{ background: #2d2a32; border-left: solid 1px #504d54; border-right: solid 1px #504d54;}
.addon-listing .item .data{ padding:10px 16px; margin: 0; position: relative; z-index: 2;}
.addon-listing .item .data span{ font-size: 16px; line-height: 20px; font-weight: 600; color: #fff; width: 100%; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; display: inline-block;
}
.addon-listing .item .data p{ font-size: 16px; line-height: 20px; font-weight: 600; color: #7B8794; padding: 5px 0 0 0; margin: 0;  width: 100%;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  display: inline-block;
}
.addon-listing .item:hover .data span{ color: #18a0fb;}
.addon-listing .item:hover .data p{ color: #ffffff;}
/*==addon owl carusal navigation  customize here===*/
.addon-listing .owl-theme .owl-nav .owl-prev{ font-size: 55px; color: #fff; position: absolute; left: 10px; top: 30%; font-weight: 600; outline: none; font-family: monospace;}
.addon-listing .owl-theme .owl-nav .owl-prev:hover{ background: transparent; border: none;}
.addon-listing .owl-theme .owl-nav .owl-next{font-size: 55px; color: #fff;  position: absolute; right: 10px; top: 30%; font-weight: 600; outline: none; font-family: monospace;}
.addon-listing .owl-theme .owl-nav .owl-next:hover{ background: transparent; border: none;}
.addon-listing .owl-theme .owl-nav .disabled { opacity: 0; cursor: default;}

/*===========Box Hover design start Here===============*/

.addon-listing .item .picture{ position: relative; overflow: hidden;}
.addon-listing .item .picture .box-hover{ background: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; top:100%; left:0; 
    display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .3s;
}
.addon-listing .item .picture .box-hover a{ border: 1px solid #118BA6; border-radius: 6px; font-weight: 600; font-size: 14px; line-height: 20px; color: #FFFFFF;
padding: 12px 20px; display: block; min-width: 120px; margin-bottom: 18px; background-color: transparent; transition: .3s;text-align: center;
}
.addon-listing .item .picture .box-hover a:hover{ background-color: #118BA6;}
.addon-listing .item .picture .box-hover a:last-child{ margin-bottom: 0;}
.addon-listing .item .picture:hover .box-hover{ top:0;}

/*====Cast Section Start Here===*/
.cast{ padding: 40px 0 0 0; margin: 0;}
.cast h2{ font-weight: 700; padding: 0 0 20px 0; margin: 0;}
.cast .tiles{ margin-bottom: 15px; width: 168px; margin-right:20px;}
.cast .tiles .data{ padding: 10px;}
.cast .tiles .data span{ font-size: 14px;}
/*=============Single part content List Page Start Here===========*/
.episode-heading .view-all{ padding-top: 0px; white-space: nowrap;position: relative!important;}
.episode-heading .view-all a{ font-size: 16px; line-height: 22px; font-weight: 600; color: #ffffff; text-decoration: none;}
.episode-heading .view-all a:hover{ color: #18A0FB;}

.season-list{ padding: 0; margin: 0 0 30px 0; border: solid 1px #504d54; width: 100%; float: left; background: #2d2a32;}
.season-list .number{width: 4%; text-align: center; border-right: solid 1px #504d54;display: flex;
    align-items: center;
    justify-content: center; }
.season-list .number span{ font-size: 24px; line-height: 30px; color: #ffffff; font-weight: 700; display: inline-block;}
.season-list .picture{  width: 10%; position: relative;display: flex;}
.season-list .picture .playbar-icon{
    position: absolute;
    margin: 0 auto;
    left: 41%;
    top: 40%;
}
.season-list .content{  width: 86%; padding: 20px 0; border-left: solid 1px #504d54;}
.season-list .content .heading{ width: 100%;  padding: 0 24px 15px 24px; margin: 0; border-bottom: solid 1px #504d54;}
.season-list .content .heading h3{ font-size: 16px; line-height: 20px; font-weight: 600; color: #fff; margin: 0;}
.season-list .content .heading h3 a{ color: #fff; text-decoration: none;}
.season-list .content .heading h3 a:hover{ color: #18a0fb;}
.season-list .content .heading span{ font-size: 16px; line-height: 20px; font-weight: 600; color: #7b8794; padding: 0; margin: 0;}
.season-list .content .data{ width: 100%;  padding: 10px 24px 0 24px; margin: 0;}
.season-list .content .data p{ font-size: 16px; line-height: 23px; font-weight: 600; color: #7b8794; padding: 0; margin: 0;}

/*==============Single part Tab View Page Design Start Here====================*/
.tabviews{ position: relative;}
.tabviews .grid-list{ position: absolute; top: 0; right: 0;}
.tabviews .grid-list li{ display: inline-block; padding: 0 5px;}
.tabviews .grid-list li a{ font-size: 22px; color: #ffffff;}
.tabviews .grid-list li a:hover{ color: #18a0fb;}
.tabviews .grid-list li a.active{color: #18a0fb;}
/*Tab Modification Here*/
.tabviews .nav-link{ font-size: 20px; color: #ffffff; font-weight: 700;}
.tabviews .nav-tabs { border-bottom: 2px solid #504d54;}
.tabviews .nav-tabs .nav-link:focus, .tabviews .nav-tabs .nav-link:hover {border-color: transparent;} 
.tabviews .nav-tabs .nav-item.show .nav-link, .tabviews .nav-tabs .nav-link.active{color:#ffffff; background-color:transparent; border-color: transparent;
    border-bottom: solid 2px #18a0fb;
}
.tabviews .nav-tabs li:first-child a{ padding-left: 0;}

/*============Season DropDown Pages Start Here==============*/
.season-heading .custom-select {position: absolute; top: -5px; right: 90px; width: 280px; background: transparent; padding: 0; height: 40px;}  
.season-heading .custom-select select { display: none;}
.select-selected { background-color:transparent;}  
.select-selected:after {position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent;  
border-color: #fff transparent transparent transparent;  }
.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent; top: 7px;}
.select-items div,.select-selected {color: #ffffff; padding: 8px 16px; border: 1px solid transparent;
 border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;  cursor: pointer; user-select: none;}
.select-items { position: absolute; background-color: #0F0D13; top: 42px; left: 0; right: 0; z-index: 99; border-radius: 4px; border:solid 1px #525252;}
.select-hide { display: none;}
.select-items div:hover, .same-as-selected { background-color: #3B3449}

/*==================Audio Content Pages Start Here===========================*/
/*****Audio Home page start Here*****/
.banner-section .audio-banner .main-heading{ position: relative; white-space: nowrap; z-index: 999;}

/*========================Tracks Section start Here==============================*/
.tracks{ padding: 50px 0 0 0; margin: 0;}
.tracks table{ border:none}
.tracks table td, .tracks table th{ border: none; padding: 0 0 20px 0; margin: 0; vertical-align: middle; 
font-size: 16px; line-height: 24px; font-weight: 600; color: #ffffff;}
.tracks table td p{ font-size: 16px; line-height: 24px; font-weight: 600; color: #ffffff; padding: 0 20px; margin: 0; white-space: nowrap;}
.tracks table td span{ font-size: 16px; line-height: 24px; font-weight: 600; color: #7B8794; padding: 0 20px; margin: 0; white-space: nowrap;}
.tracks table td img{ width: 72px; height: 72px; filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
border-radius: 8px;
}
.tracks table td p a{ color: #ffffff; text-decoration: none;}
.tracks table td p a.seemore {
    border: 1px solid #FFFFFF;
    border-radius: 16px;
    width: 81px;
    height: 28px;
    padding: 4px 9px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.tracks table td:first-child p{ padding: 0 20px 0 0;}
.tracks table .dropdown-toggle::after{ display: none;}
.tracks table button{ border: none; background: transparent; color: #7B8794; cursor: pointer; outline: none;}
.tracks table .dropdown-item{ color: #7B8794; font-size: 14px; line-height: 20px; padding:6px 20px}
.tracks table .dropdown-item i{ padding: 0 8px 0 0;}
.tracks table .dropdown-item:focus, .tracks table .dropdown-item:hover{ background: #7B8794; color: #ffffff;}
.tracks table .dropdown-menu{ background: #282828;}

.tracks table .one{ width: 3%;}
.tracks table .two{ width: 7%;}
.tracks table .three{ width: 30%;}
.tracks table .four{ width: 30%;}
.tracks table .five{ width: 20%;}
.tracks table .six{ width: 10%;}

/*============Video Home page New Design================*/
/*--home banner--*/
.video-homepage-banner{ background: url(../img/video-banner-1.png) no-repeat 0 -100px; position: relative; text-align: center;}
.video-homepage-banner::after{ position: absolute; top: 0; left: 0; content: ''; background: rgba(26, 28, 38, 0.89); width: 100%; height: 100%;}

.video-homepage-banner .page-heading{ position: relative; z-index: 1; padding: 200px 0 180px 0; width: 900px; margin: 0 auto;}
.video-homepage-banner .page-heading h1{ font-size: 60px; line-height: 80px; font-weight: 700; color: #ffffff; padding: 0; margin: 0;}
.video-homepage-banner .page-heading p{ font-size: 14px; line-height: 20px; padding: 10px 0 0 0; margin: 0; font-weight: 500; color: rgba(255, 255, 255, 0.6);}
.video-homepage-banner .page-heading ul{ list-style-type: none; padding: 48px 0 0 0; display: inline-block;}
.video-homepage-banner .page-heading ul li{ display: inline-block; padding: 0 16px 0 0; }
.video-homepage-banner .page-heading ul li a{ font-size: 20px; line-height: 32px; font-weight: 700; border: 2px solid #118BA6; padding: 12px 60px; 
    text-decoration: none; color: #ffffff; border-radius: 4px;}
.video-homepage-banner .page-heading ul li a:hover{ border: 2px solid #118BA6; background: #118BA6;}
.video-homepage-banner .page-heading ul li a.active{ border: 2px solid #118BA6; background: #118BA6;}

.video-homepage-banner .banner-tabs{ position: relative; z-index: 1; display: inline-block;}
.video-homepage-banner .banner-tabs .tiles{ background: transparent; border-left: none; border-right: none; margin-bottom: 30px;}
.video-homepage-banner .banner-tabs img{ border-radius: 4px;}
.video-homepage-banner .banner-tabs .nav-tabs{ border-bottom: transparent; display: inline-block;}
.video-homepage-banner .banner-tabs .nav-tabs .nav-item { display: inline-block;}
.video-homepage-banner .banner-tabs .tab-content{ padding: 58px 0 0 0;}
.video-homepage-banner .banner-tabs .nav-tabs .nav-item .nav-link{ padding: 0; margin: 0 13px;}
/*=====Why Phoenix section Start Here====*/
.why-phoeni{ padding: 130px 0 0 0; text-align: center;}
.why-phoeni h2{ font-size: 28px; line-height: 32px; font-weight: 700; color: #ffffff; padding: 0 0 10px 0; margin: 0;}
.why-phoeni p{ color: rgba(255, 255, 255, 0.4); font-size: 14px; line-height: 20px; font-weight: 500; padding: 0; margin: 0;}
.why-phoeni ul{ list-style-type: none; padding: 56px 0 0 0;}
.why-phoeni ul li{ display: inline-block; padding: 0 30px; font-size: 32px; line-height: 32px; font-weight: 700; color: #118BA6;}
.why-phoeni ul li span{ display: block; font-size: 12px; line-height: 20px; font-weight: 600; color: #ffffff;}
/*==Feature Section start Here===*/
.homepage-feature{ padding: 200px 0 0 0;}
.homepage-feature h2{ font-size: 32px; line-height: 48px; color: #ffffff; padding: 120px 0 0 0; font-weight: 700; margin: 0;}
.homepage-feature p{ font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.4); padding:24px 0 50px 0;}
.homepage-feature ul{ list-style-type: none; padding:0;}
.homepage-feature ul li{ font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.4); padding: 0 0 8px 20px; position: relative;}
.homepage-feature ul li span{ position: absolute; left: 0;}
.homepage-feature ul li span i{ font-size: 10px;}
.homepage-feature img{background: #0CB9F3;
    box-shadow: 0px 24px 32px rgba(12, 185, 243, 0.14), 0px 16px 24px rgba(12, 185, 243, 0.1), 0px 2px 6px rgba(12, 185, 243, 0.08), 0px 0px 1px rgba(0, 0, 0, 0.04);}

/*==Choose your plan Start Here==*/
.choose-your-plan{ text-align: center; padding: 70px 0 0 0; text-align: center;}
.choose-your-plan h2{ font-size: 40px; line-height: 48px; font-weight: 700; color: #ffffff; padding: 0; margin: 0;}
.choose-your-plan p{ font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.4); padding: 24px 0 50px 0; margin: 0; word-break: break-word;}

.plans-data{ text-align: left; background: #292C3A; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 24px 40px 60px 40px; position: relative;}
.plans-data h3{ font-size: 16px; line-height: 24px; font-weight: 600; color: #ffffff; padding: 0; margin: 0;}
.plans-data span.price{ font-size: 36px; line-height: 42px; font-weight: 600; color: #ffffff;}
.plans-data span.price span{ font-size: 12px; font-weight: 600;}
.plans-data p{ padding: 0; margin: 0; font-size: 12px; line-height: 16px; font-weight: 600; color: #ffffff;}
.plans-data ul{ list-style: none; padding:40px 0; margin: 0;}
.plans-data ul li{ position: relative; color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; font-weight: 600; margin: 0 0 0 32px; padding:0 0 10px 0;}
.plans-data ul li span{ position: absolute; left: -32px; top: 0;}
.plans-data ul li span i{ font-size: 12px; color: #118BA6;}
.plans-data .primary-button{ position: absolute; width: calc(100% - 80px); bottom: 32px; left: 40px; min-height: 48px;}
.plans-data .plan-description{
    font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: rgba(255, 255, 255, 0.64);
padding: 16px 0 40px 0; 
margin: 0;
word-break: break-word;
}

/*===============Sign process===============*/
.sign-process{ width: 100%; height: calc(100vh - 90px); text-align: center; padding-top: 70px;}
.checkbox-button{ height: 18px; position: relative; vertical-align: middle; display: inline-block; }
.checkbox-button input[type="checkbox"] { display: none;}      
.checkbox-button label { display: inline-block; border: 1px solid #292C3A; background: #292C3A; width: 16px;  height: 16px; cursor: pointer; border-radius: 4px;
      margin-bottom: 0px;  position: relative;
    }
.checkbox-button input[type="checkbox"]:checked+.checkbox-label::after{
      content: ""; font-size: 14px; color: #fff; position: absolute;  top: 3px; left: 3px; background: url(../img/checkbox-tick.png) no-repeat 0 0; width: 8px; height: 7px;
    }
.checkbox-button input[type="checkbox"]:checked+.checkbox-label.blue {background-color: #118BA6; border: 1px solid #118BA6;} 

.sign-form-layout{ width: 500px; margin: 0 auto; text-align: left; padding: 0 40px;} 
.sign-form-layout h2{ font-size: 32px; line-height: 48px; color: #ffffff; font-weight: 600; padding: 0; margin: 0;}
.sign-form-layout p{ font-size: 14px; line-height: 20px; font-weight: 500; padding: 0 0 30px 0; margin: 0; color:#7B8794;}
.sign-form-layout p a{ text-decoration: none; color: #118BA6;}
.sign-form-layout p a:hover{text-decoration: underline;}
.sign-form-layout p.addinfo{ color: rgba(255, 255, 255, 0.4); font-size: 10px; line-height: 14px; padding: 0; margin: 0;}
.sign-form-layout p.addinfo a{ text-decoration: none; color: #18A0FB;}
.sign-form-layout .form-control{ background: #292C3A; padding: 0 16px; margin: 0; border: none; height: 48px !important; border-radius: 4px; line-height: 48px; 
font-size: 14px; font-weight: 500; color: #FFFFFF;} 
.sign-form-layout input[type="password"]{padding-right: 40px;}
.pr-42{padding-right: 42px !important;}
.sign-form-layout .primary-button{ width: 100%; padding:14px 0; margin: 0; font-size: 14px; line-height: 20px; text-transform: none; 
border-radius: 4px; font-weight: 600;}
.sign-form-layout .show-password{ position: relative;}
.sign-form-layout .show-password button{ position: absolute; top: 12px; right: 10px; background: transparent; border: none; 
box-shadow: none; color: #7F8089; cursor: pointer; outline: none;}
.sign-form-layout .form-group{ margin-bottom: 24px;}
.sign-form-layout .sign-checkbox span{ font-size: 10px; line-height: 14px; color: rgba(255, 255, 255, 0.4);}
.sign-form-layout .remenber-me span{ font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.4);}
.form-control:focus{box-shadow: none;}
.sign-form-layout .form-group label{ font-size: 14px; line-height: 20px;  color: rgba(255, 255, 255, 0.4);}

.sign-form-layout .google{background: #F7F8FA; font-size: 14px; line-height: 16px; min-height: 48px; color: #202223; text-transform: uppercase; font-weight: 600;}
.sign-form-layout .google:hover{ background: #F7F8FA;}
.sign-form-layout .google span{ padding: 0 6px;}

.sign-form-layout .facebook{ font-size: 14px; line-height: 16px; min-height: 48px; color:#FFFFFF; text-transform: uppercase; font-weight: 600; background: #335092;}
.sign-form-layout .facebook:hover{ background: #335092;}
.sign-form-layout .facebook span{ padding: 0 6px;}

.sign-form-layout .or{ text-align: center; position: relative; font-size: 14px; line-height: 20px;  color: rgba(255, 255, 255, 0.4);}
.sign-form-layout .or::after{ position: absolute; width: 100%; height: 1px; background: #292C3A; content: ''; left: 0; top: 50%;}
.sign-form-layout .or span{ position: relative; z-index: 1; background: #1e1a26; padding: 0 10px;}
.mb-16{ margin-bottom: 16px !important;}
.mb-32{ margin-bottom: 32px !important;}
.mb-40{ margin-bottom: 40px !important;}

.pr-6{ padding-right: 6px;}
.pl-6{ padding-left: 6px;}
.sign-form-layout .form-group .form-box{ float: left; width:50%;}
.sign-form-layout .form-group label.info{font-weight: 500; font-size: 12px;line-height: 16px; color: #7B8794; padding: 0; margin: 8px 0 0 0;}
.sign-form-layout .show-password.password-input button{ right: 10px;}
.disabled-button{ cursor: not-allowed !important; opacity: 0.5;}

.number-added{ position: relative; clear: both;}
.number-added select.form-control{ position: absolute; top: 0; left: 0; width: 82px; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none;
background: url(../img/down-arrow.png) no-repeat 100% 50% #292C3A;}
.number-added input.form-control{ padding-left: 100px;}

.email-otp-validate{ width: 100%; padding: 0; margin: 0;}
.email-otp-validate h1{font-size: 24px; line-height: 34px; color: #FFFFFF; font-weight: 700; padding: 0 0 8px 0; margin: 0;}
.email-otp-validate p{ font-weight: 400 !important; color: #7B8794;}
.recived-code{ width: 100%; padding: 0; margin: 0;}
.recived-code .code{ float: left; width: 206px;}
.recived-code .code .form-control{ width: 48px; height: 48px; border-radius: 4px; text-align: center;}
.recived-code .resend{ float: left; width: calc(100% - 206px); padding: 0 0 0 33px;}
.recived-code .resend p{ font-weight: 500; font-size: 13px; line-height: 20px; color: #7B8794; padding: 0 0 4px 0; margin: 0;}
.recived-code .resend p a{ display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    gap: 4px;
    justify-content: flex-end; color: #2C6ECB; text-decoration: none;
    width: max-content; margin-right: 0;margin-left: auto;
}
.recived-code .resend p a span{ padding-right: 6px;}
.code-border{ border: 1px solid #219653 !important;}
.email-otp-validate p.back{ font-size: 14px; font-weight: 500 !important;}
.email-otp-validate p.back span{ margin: 0 10px 0 0;}
.disabled-containue-button{ background: #20222E; cursor:not-allowed; color: rgba(255, 255, 255, 0.12);}
.disabled-containue-button:hover{ background: #20222E; cursor:not-allowed; color: rgba(255, 255, 255, 0.12);}
.pb-8{ padding-bottom: 8px !important;}
.fw-400{ font-weight: 400 !important;}
.fw-500{ font-weight: 400 !important;}
.color94{ color: #7B8794 !important;}
.form-group .form-box2{ width: 60%; float: left;}
.form-group .form-box3{ width: 40%; float: left; text-align: right;}
.form-group .form-box3 p{ padding-bottom: 0;}
.mr-10{ margin-right: 10px;}
.fw-700{ font-weight: 700;}
.check-inbox{ width: 359px;}

.sign-form-layout .form-control::-webkit-input-placeholder{ color: #565967;}
.sign-form-layout .form-control::-moz-placeholder{ color: #565967;}
.sign-form-layout .form-control:-ms-input-placeholder{ color: #565967;}
.sign-form-layout .form-control:-moz-placeholder{ color: #565967;}
/*===========TOP Navigation Modification Here===========*/
#navbarNav {flex-wrap: wrap;gap: 6px;}
.header .navbar-nav .top-search-nav{ position: relative; margin: 0 10px;}
.header .navbar-nav .top-search-nav .form-inline .form-control{ background: #2B3037; width: 250px; border: transparent; color: #ffffff; padding-left: 35px;}
.header .navbar-nav .top-search-nav .form-inline .form-control::-webkit-input-placeholder { color: #ffffff;}
.header .navbar-nav .top-search-nav .form-inline .form-control::-moz-placeholder { color: #ffffff; }
.header .navbar-nav .top-search-nav .form-inline .form-control:-ms-input-placeholder { color: #ffffff;}
.header .navbar-nav .top-search-nav .form-inline .form-control:-moz-placeholder { color: #ffffff; }
.header .navbar-nav .top-search-nav span{ position: absolute; left: 10px; color: #ffffff;}

.header .navbar-nav .language-item{ outline: none;}
.header .navbar-nav .language-item .dropdown-toggle::after{ display: none;}
.header .navbar-nav .language-item .dropdown-menu{ top:60px; min-width: 280px; right: 0; left: auto; background: #0F0D13;
    border: 1px solid #525252; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}
.header .navbar-nav .language-item .dropdown-item{ color: #ffffff;}
.header .navbar-nav .language-item .dropdown-item:focus, .header .navbar-nav .language-item .dropdown-item:hover{ background: #2E3140;}
.header .navbar-nav .language-item .dropdown-menu::after{ content: ''; position: absolute; top: -14px; right: 5px; 
    width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #0F0D13;   
}

.header .navbar-nav .login-profile{ position: relative;}
.header .navbar-nav .login-profile span.nav-profile{ width: 38px; height: 38px; display: inline-block; margin-right: 15px;}
.header .navbar-nav .login-profile span.nav-profile img{ width: 38px; height: 38px; border-radius: 100px;}
.header .navbar-nav .login-profile span.dropdeown-navs-icon{  padding-left: 5px;}
/*=======Before Login Navigation=============*/
.header .navbar-nav .login-profile .profile-navigation{ position: absolute; width: 240px; z-index: 9; right: 0; top: 62px; background: #141414;}
.header .navbar-nav .login-profile .profile-navigation ul{ padding: 10px 0; margin: 0; list-style-type: none;}
.header .navbar-nav .login-profile .profile-navigation ul li{ line-height: 22px;}
.header .navbar-nav .login-profile .profile-navigation ul li a{ font-size: 14px; line-height: 22px; font-weight: 500; color: #ffffff; padding: 5px 16px; display: block;}
.header .navbar-nav .login-profile .profile-navigation ul li a:hover{ background: #333940; text-decoration: none;}
.header .navbar-nav .login-profile .profile-navigation ul li a.active{ background: #333940; text-decoration: none;}
.header .navbar-nav .login-profile .profile-navigation ul li.divided-line{ border-bottom: solid 1px #ffffff; margin-bottom: 15px;}
.header .navbar-nav .login-profile .profile-navigation span.close{ position: absolute; right: -9px; top: -8px; color: #fff; opacity: 1; background: #141414; width: 32px;
    height: 32px; border-radius: 50px; padding: 5px; line-height: 15px; text-align: center;
}
.header .navbar-nav .login-profile .profile-navigation span.close i{ font-size: 15px;}
.content-propertices{ display: none;}
.cp-open{ display: block;}

/*===========New TOP Navigation Modification Here===========*/
.header-new .top-search-nav{ position: relative; margin: 0 10px;}
.header-new  .top-search-nav .form-inline .form-control{ background: #2B3037; width: 250px; border: transparent; color: #ffffff; padding-left: 35px;}
.header-new  .top-search-nav .form-inline .form-control::-webkit-input-placeholder { color: #ffffff;}
.header-new  .top-search-nav .form-inline .form-control::-moz-placeholder { color: #ffffff; }
.header-new  .top-search-nav .form-inline .form-control:-ms-input-placeholder { color: #ffffff;}
.header-new  .top-search-nav .form-inline .form-control:-moz-placeholder { color: #ffffff; }
.header-new  .top-search-nav span{ position: absolute; left: 10px; color: #ffffff;}

.header-new  .language-item{ outline: none;}
.header-new  .language-item .dropdown-toggle::after{ display: none;}
.header-new  .language-item .dropdown-menu{ top:60px; min-width: 280px; right: 0; left: auto; background: #0F0D13;
    border: 1px solid #525252; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    position: static;
    float: none;
}
@media (min-width: 992px){
    .header-new .navbar-expand-lg .dropdown-menu {
    position: absolute;
}
}
.header-new  .language-item .dropdown-item{ color: #ffffff;font-weight: 400;}
.header-new  .language-item .dropdown-item:focus, .header-new  .language-item .dropdown-item:hover{ background: #2E3140;}
.header-new  .language-item .dropdown-menu::after{ content: ''; position: absolute; top: -14px; right: 5px; 
    width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #0F0D13;   
}

.header-new  .login-profile{ position: relative;}
.header-new  .login-profile span.nav-profile{ width: 38px; height: 38px; display: inline-block; margin-right: 15px;}
.header-new  .login-profile span.nav-profile img{ width: 38px; height: 38px; border-radius: 100px;}
.header-new  .login-profile span.dropdeown-navs-icon{  padding-left: 5px;}
/*=======New Before Login Navigation=============*/
.header-new  .login-profile .profile-navigation{ position: absolute; width: 240px; z-index: 9; right: 0; top: 62px; background: #141414;}
.header-new  .login-profile .profile-navigation ul{ padding: 10px 0; margin: 0; list-style-type: none;}
.header-new  .login-profile .profile-navigation ul li{ line-height: 22px;}
.header-new  .login-profile .profile-navigation ul li a{ font-size: 14px; line-height: 22px; font-weight: 500; color: #ffffff; padding: 5px 16px; display: block; cursor: pointer;}
.header-new  .login-profile .profile-navigation ul li a:hover{ background: #333940; text-decoration: none;}
.header-new  .login-profile .profile-navigation ul li a.active{ background: #333940; text-decoration: none;}
.header-new  .login-profile .profile-navigation ul li.divided-line{ border-bottom: solid 1px #ffffff; margin-bottom: 15px;}
.header-new  .login-profile .profile-navigation span.close{ position: absolute; right: -9px; top: -8px; color: #fff; opacity: 1; background: #141414; width: 32px;
    height: 32px; border-radius: 50px; padding: 5px; line-height: 15px; text-align: center;
}
.header-new  .login-profile .profile-navigation span.close i{ font-size: 15px;}
.header-new .lang-prof-section{display: flex;align-items: center;gap: 8px;cursor: pointer;}
.header-new .signup-login-section{display: flex;}
.content-propertices{ display: none;}
.cp-open{ display: block;}

/*===========watch-status===========*/
.watch-status{ position: relative;}
.watch-status .status-bar{ position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); height: 6px; background: rgba(196, 196, 196, 0.6);}
.watch-status .status-bar .status-progress{ height: 6px; background: #ffffff;}
/*=============breadcrumb data start Here========*/
.banner-section .breadcrumb-data{ padding: 25px 0 0 0;}
.breadcrumb-data .breadcrumb{ background-color: transparent; padding-left: 0;}
.breadcrumb-data .breadcrumb li{ font-size: 16px; line-height: 24px; font-weight: 500; color: rgba(255, 255, 255, 0.4);}
.breadcrumb-data .breadcrumb li a{ color: #ffffff; text-decoration: none;}
.breadcrumb-data .breadcrumb li.breadcrumb-item + .breadcrumb-item::before{ content: ">"; color: #ffffff;}
.breadcrumb-data .breadcrumb li a:hover{ color: #18a0fb;}
/*================Rating and Review section here===========*/
.rating-review{ padding: 30px 0;}
.rating-box{ background: #141414; width: 100%; padding: 24px 40px !important;}
.rating-box textarea.form-control{ height: 150px !important;}
.rating-box .form-group label{ color: #ffffff; cursor: pointer;}
.rating {
	direction: rtl;
	unicode-bidi: bidi-override;
	color: #ffffff; 
    font-size: 12px;
}
.rating input {
	display: none;
}
.rating label:hover,
.rating label:hover ~ label,
.rating input:checked + label,
.rating input:checked + label ~ label {
	color: #18a0fb;
}

/*--review box--*/
.review{ float: left; padding: 0 0 30px 0;}
.review-box{  margin: 35px 0 0 0; padding: 0 ; float: left; width: 100%;}
.review-box .profile-pic{ width: 48px; float: left; padding: 0; margin: 0;}
.review-box .profile-pic img{ width: 48px; height: 48px; border-radius: 8px;}
.review-box .comment-data{ float: left; width: calc(100% - 48px); padding: 0 0 0 20px; margin: 0;}
.review-box .comment-data ul{ list-style-type: none; padding: 0; margin: 0;}
.review-box .comment-data ul li{ display: inline-block; color: #7B8794; line-height: 12px; vertical-align: top;}
.review-box .comment-data ul li i{ font-size: 12px;}
.review-box .comment-data h4{ font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 700; padding: 0; margin: 0;}
.review-box .comment-data h4 span{ font-weight: 600; color: #7B8794; padding: 0 0 0 20px;}
.review-box .comment-data p{ font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; padding: 15px 0 0 0; margin: 0;}

/*==========Video Content Details start here==============*/
.videocontent-descption{ margin-top: 50px;}
.videocontent-descption .video-data{ padding: 0; margin: 0;}
.videocontent-descption .video-data h1{ font-size: 32px; line-height: 40px; font-weight: 600; color: #ffffff; padding: 0 0 8px 0; margin: 0;}

.videocontent-descption .video-data .like-it{ list-style-type: none; padding: 0; margin: 0;}
.videocontent-descption .video-data .like-it li{ font-size: 20px; line-height: 28px; font-weight: 600; color: #7B8794; display: inline-block; padding: 0 20px 0 0;}
.videocontent-descption .video-data .like-it li a{ font-size: 12px; font-weight: 500; color: #ffffff; text-decoration: none; vertical-align: middle;}
.videocontent-descption .video-data .like-it li a span{ padding-left: 5px;}
.videocontent-descption .video-data .like-it li a:hover i{ color: #18a0fb;}

.videocontent-descption .video-data .share-list{ list-style-type: none; padding: 20px 0 40px 0; margin: 0;}
.videocontent-descption .video-data .share-list li{ display: inline-block; min-width: 72px; min-height: 72px;}
.videocontent-descption .video-data .share-list .share-video li{width: auto !important;height: auto !important;}
.videocontent-descption .video-data .share-list li a{ display: block; background: rgba(123, 135, 148, 0.2); border-radius: 2px; font-size: 12px; line-height: 16px;
font-weight: 500; color: #ffffff; text-decoration: none; text-align: center; height: 100%; padding: 18px 6px;margin-bottom: 4px;}
.videocontent-descption .video-data .share-list li a span{ display: block; padding:  0 0 5px 0;}
.videocontent-descption .video-data .share-list li a:hover{ background: #18a0fb;}

.videocontent-descption .video-data p{ font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; padding: 0 0 24px 0; margin: 0;}
.video-players{ width: 100%; height: auto;}
.video-players video{ width: 100%; height: auto; max-height: 620px;}
.player-list {background: #141119;  border-radius: 4px; height: 620px; width: 100%; padding: 12px 30px;}
.player-list h2{ font-size: 20px; line-height: 28px; font-weight: 700; color: #7B8794; padding: 0 0 20px 0; margin: 0;}
.player-list ul li{ list-style-type: none; width: 100%; float: left; margin: 0 0 8px 0; cursor: pointer;}
.player-list ul li::after{ clear: both; content: '';}
.player-list ul li span.poster{ width:96px; padding: 0; margin: 0; float: left;}
.player-list ul li span.poster img{ width: 96px; height: 56px; object-fit: cover;}
.player-list ul li span.title{ width:calc(100% - 96px); padding: 0 0 0 16px; margin: 0; float: left;}
.player-list ul li span.title h3{ padding: 0; margin: 0; color: #ffffff; font-size: 12px; line-height: 16px; font-weight: 500;}
.player-list ul li span.title p{ font-size: 12px; line-height: 16px; font-weight: 500; padding: 0; margin: 0; color: rgba(255, 255, 255, 0.4);}

/*=============Audio Home Page Design Start Here============*/
.audio-home-banner{ background: url(../img/audiohome-banner-1.png) no-repeat 0 -100px;}

/*====Banner Customize for new Design==========*/
.banner-section{ position: relative;}
.banner-section .banner-text-left{ position: absolute; top: 0; left: 75px; z-index: 1;}
.banner-section .banner-content::after{ display: none;}
.banner-section .banner-content .owl-carousel.owl-drag .owl-item img{ height: 100%; width: 100%; object-fit: cover;}
.banner-section .banner-data{padding: 80px 0 0 0;}
.thumbnail-div{
    margin-right: 20px;
        padding: 80px 0 0 0;
    }
    .dis-f{display:flex;}

/*====Banner Customize without crew new Design==========*/
.banner-section .banner-content .owl-carousel.owl-drag.custom-banner-nocrew .item{
    height: calc(100vh - 180px);
    background: #292B35;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.banner-section .banner-content .owl-carousel.owl-drag.custom-banner-nocast .item{height: 480px;}
.banner-section .banner-content .owl-carousel.owl-drag.custom-banner-nocrew .owl-item img{display: none;}
 @media (max-width:1440px){
    .banner-section .banner-data{
        padding: 60px 0 0 0;
    }
}
/* @media (max-width:1260px){
    .banner-section .banner-content .owl-carousel.owl-drag.custom-banner-nocrew .item{
        height: 420px;
    }
} */
@media (max-width:767px){
    .banner-section .banner-content .owl-carousel.owl-drag.custom-banner-nocrew .item{
        height: 350px;
    }
}
/* @media (max-width:575px){
    .banner-section .banner-content .owl-carousel.owl-drag.custom-banner-nocrew .item{
        height: 300px;
    }
}  */
.custom-vpd-box{  margin: 35px 0 0 0; padding: 0 ; float: left; width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.custom-vpd-box .profile-pic{ width: 256px; float: left; padding: 0; margin: 0;}
.custom-vpd-box .profile-pic img{ width: 256px; height: 256px; border-radius: 8px;}
.custom-vpd-box .comment-data{ float: left; width: calc(100% - 256px); padding: 0 0 0 20px; margin: 0;}
.custom-vpd-box .comment-data p{ font-size: 18px; line-height: 24px; color: #ffffff; font-weight: 500;margin: 0;}

/**Banner Right Align**/
.banner-section .banner-text-right{ position: absolute; top: 0; right: 0; z-index: 1;}
.mt-50{ margin-top: 50px;}
/*=============Subcription Banner start Here============*/
.banner-section .subcription-banner .banner-data h1{ font-size: 24px; line-height: 32px;}
.banner-section .subcription-banner .banner-data{ padding-top:14%}

/*==================Dashboard pages start Here======================*/
.dashboard-section{ width: 100%; padding:0; margin: 50px 0 0 0;}
/*==Dashboard Left start here==*/
.dashboard-leftnav{ padding: 0; margin: 0;}
.dashboard-leftnav ul{ padding: 0; margin: 0; list-style-type: none;}
.dashboard-leftnav ul li{ padding: 0 0 20px 0;}
.dashboard-leftnav ul li a{ font-size: 20px; line-height: 28px; font-weight: 500; text-decoration: none; color: #ffffff !important; transition: .3s; position: relative; padding-left: 13px;cursor: pointer;}
.dashboard-leftnav ul li a:hover{ color: #118BA6 !important; font-weight: 700;}
.dashboard-leftnav ul li a:hover::after{ position: absolute; content: ""; background-color: #118BA6; width: 6px; height: 24px; left: 0; top: 2px;}
.dashboard-leftnav ul li a.active{ color: #118BA6 !important; font-weight: 700;}
.dashboard-leftnav ul li a.active::after{ position: absolute; content: ""; background-color: #118BA6; width: 6px; height: 24px; left: 0; top: 2px;}
/*====My Favorites start here===*/
.my-favorites .data{ position: relative;}
.my-favorites .data span{ width: 80%;}
.my-favorites .data .addto-favorites{ position: absolute; top:18px; right: 20px;}
.my-favorites .data .addto-favorites i{ color: #ffffff;}

/*==========my Following page start here===========*/
.my-followings{ background: transparent; margin-bottom: 16px;}
.my-followings .data{ padding: 20px 0 0 0;}
.my-followings img{border-radius: 4px;}
/*===========My Profile page design start here=====*/
.my-profile-process{ width: 100%; background: #15161E; border-radius: 4px; margin-bottom: 24px; padding: 32px 40px;}
.my-profile-process .form-control {
    background-color: #292C3A; padding: 0 16px; margin: 0 0 16px 0;  border: none; height: 50px; border-radius: 4px; line-height: 50px; font-size: 18px;
    font-weight: 600; color: rgb(255, 255, 255);
}
.my-profile-process .form-control.type-file{width: calc(100% - 30px);}
.my-profile-process .form-control::placeholder {color: rgba(255, 255, 255, 0.7);}
.my-profile-process .form-control:-ms-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.my-profile-process .form-control::-ms-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.my-profile-process h2{ font-size: 22px; line-height: 28px; color: #ffffff; font-weight: 600; padding: 0 0 6px 0; margin: 0;}
.my-profile-process p{ font-size: 14px; line-height: 20px; font-weight: 400; color: #ffffff;}
.my-profile-process ul{ list-style-type: none; padding: 0; margin: 0;}
.my-profile-process ul li{ display: inline-block; margin: 0 12px 0 0;}

.profile-picture-section{ width: 100%; text-align: center; padding: 40px 0  0 0;}
.profile-picture-section .profile-image{ width: 197px; height: 197px; position: relative; margin: 0 auto; 
background: linear-gradient(0deg, #3A3C48, #3A3C48); border-radius: 100px; padding: 3px;
}
.profile-picture-section .profile-image img{ width: 192px; height: 194px; border-radius: 100px;}
.profile-picture-section .profile-image span{ position: absolute; bottom:0; right: 0;}
.profile-picture-section .profile-image span a{ color: #696871;}

.my-profile-process .show-password {
    position: relative;
}
.my-profile-process .show-password button {
    position: absolute;
    top: 12px;
    right: 10px;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #7F8089;
    cursor: pointer;
    outline: none;
}

.my-profile-process .show-password.password-input button {
    right: 17px;
}
.my-profile-process .form-control:disabled,.my-profile-process .form-control[readonly] {
    color: rgba(255,255,255,.2) !important;
}
.hide{ display: none;}
/*===all plan page===*/
.all-plans-page .plans-data{ margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}
.all-plans-page .plans-data.active{border: 1px solid #118BA6;}
.all-plans-page .plans-data .primary-button.actived{ background: #1E1A26; cursor:text;}
.all-plans-page .plans-data .primary-button.actived:hover{ background: #1E1A26 !important; color: #ffffff;}
button:focus{ outline: none;    
    background: #ffffff;
    color: #118BA6;
}
/*============Upload Profile Picture popup Here=========*/
.upload-picture-model .modal-content{ background: #212226;}
.upload-picture-model .modal-header{ background: #3A3C48; border: none;}
.upload-picture-model .modal-header h5{ font-size: 28px; line-height: 35px; color: #ffffff; font-weight: 600; padding: 0; margin: 0;}
.upload-picture-model .modal-header .close{ font-size: 32px; font-weight: 400; color: #ffffff; opacity: 1;}
.upload-picture-model .modal-body h2{ font-size: 20px; line-height: 32px; font-weight: 500; color: #ffffff; padding: 10px 0; margin: 0;}
.upload-picture-model .modal-footer{ border: none; padding: 16px 0 0 0;}
.upload-picture-model .modal-footer button{ padding: 12px 50px; font-size: 16px; line-height: 24px; background: #118BA6; border-color:#118BA6; font-weight: 700;}

.upload-picture-model .upload-picture{ width: 100%; border: 2px dashed #DBE1EA; border-radius: 4px; padding:25px; text-align: center; height: 208px; 
display: flex; align-items: center; justify-content: center; position: relative;
}
.upload-picture-model .upload-picture input[type="file"]{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.upload-picture-model .upload-picture i{ font-size: 36px; color: #979797;}
/*=================Purches Histery Start Here===============*/
.black-bg{background: #15161E;}
.dashboard-tiles{ width: 100%; height: 100%; padding: 32px 40px; border-radius: 5px;}
.purches-history{ 
    width: 100%; 
    padding: 0; 
    margin: 0; 
    /* max-height: calc(100vh - 240px); 
    overflow: auto;
    padding-right: 15px; */
    overflow: hidden;
}
.purches-history table{ border: none; margin-bottom: 0;}
.purches-history table td{vertical-align: middle; border-bottom: solid 12px #15161E; border-top: solid 6px #15161E; background: rgba(31, 32, 37, 0.64); font-size: 13px;font-weight: 500; line-height: 20px; color: rgba(255, 255, 255, 0.64);padding: 12px 24px;}
.purches-history table td span{ font-size: 12px;}
.purches-history table td:first-child{ color: #ffffff; font-size: 16px; line-height: 24px; font-weight: 500; border-radius: 4px;}
.purches-history table td a{ color: #7B8794; font-size: 14px; line-height: 24px; padding: 0 0 0 10px;}
.purches-history table td a:hover{ color: #18A0FB;}

/* Works on Firefox */
.purches-history {
    scrollbar-width: thin;
    scrollbar-color: #444658 #15161E;
  }
  
  /* Works on Chrome, Edge, and Safari */
  .purches-history::-webkit-scrollbar {
    width: 10px;
  }
  
  .purches-history::-webkit-scrollbar-track {
    background: #15161E;
  }
  
  .purches-history::-webkit-scrollbar-thumb {
    background-color: #444658;
    border-radius: 20px;
    border: 3px solid #15161E;
  }
  .purches-history .pagination{
    margin: 18px 0px 0px 0px;
  }
  .purches-history .pagination .page-item .page-link{
    background: transparent;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
  }
  .purches-history .pagination .page-item .page-link:hover{
    color: #118BA6;
  }
  .purches-history .pagination .page-item.current-item .page-link{
    color: #118BA6;
  }
  .purches-history .pagination .page-item .page-link.prev{
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    width: 40px;
    height: 40px;
  }
  .purches-history .pagination .page-item .page-link.prev:hover svg path{
    fill: #118BA6;;
  }
  .purches-history .pagination .page-item .page-link.next{
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    margin-right: 0px;
    width: 40px;
    height: 40px;
  }
  .purches-history .pagination .page-item .page-link.next:hover svg path{
    fill: #118BA6;
  }
  @media (max-width:400px){
    .purches-history .pagination .page-item .page-link{
        margin-right: 18px;
    }
  }
/*============Watch History Page start here============*/
.watch-history{ width: 100%; background: #292C3A; border-radius: 6px; float: left; margin-bottom: 30px;}
.watch-history .picture{ width: 168px; padding: 0; margin: 0; float: left;}
.watch-history .picture img{ border-radius: 6px;}
.watch-history .data{ width: calc(100% - 168px); padding: 16px 0 0 23px; margin: 0; float: left;}
.watch-history .data h2{ font-size: 16px; line-height: 32px; font-weight: 500; color: #ffffff; padding: 0; margin: 0;cursor: pointer;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding-right: 15px;
}
.watch-history .data h2 i.fa{font-size: 14px;color:#7B8794;}
.watch-history .data h2 i.fa:hover{color: #fff;}

/* Modified as per the requirement from developer on 10 Oct 2022 */
.watch-history .data h2 .wh-data-a {
    color: inherit;
    text-decoration: none;
}
.watch-history .data p{ font-size: 12px; line-height: 16px; font-weight: 400; color: #7B8794; padding: 0; margin: 0;padding-right: 40px;text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

/*=========Manage Devices Page start Here=============*/
.deviece-control{ width: 100%; padding: 0; margin: 0 0 30px 0; background: #1D202C; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 5px;}
.deviece-control .top-icon{ width: 100%; padding: 35px 10px; margin: 0; background: #292C3A; text-align: center;}
.deviece-control .top-icon img{ max-width: 100%;}

.deviece-control .manage-data{ width: 100%; padding: 14px;}
.deviece-control .manage-data h2{ font-size: 16px; line-height: 24px; font-weight: 600; color: #ffffff; padding: 0 0 5px 0; margin: 0;}
.deviece-control .manage-data p{ font-size: 12px; line-height: 16px; font-weight: 500; color: #7B8794; padding: 0 0 14px 0; margin: 0;}
.deviece-control .manage-data p a{ color: #F42F2F; text-decoration: none;}
.deviece-control .manage-data p a:hover{ color: #ffffff;}
/*=============My Wallet page start here==============*/
.my-wallet-section{ width: 100%; margin: 150px 0 0 0;}
.my-wallet-section .dashboard-tiles{ padding: 16px 22px;}
.my-wallet-section .gift-ballance{ background: #292C3A; width: 100%; position: relative; padding: 25px 27px; border-radius: 5px;}
.my-wallet-section .gift-ballance h2{ font-size: 16px; line-height: 24px; font-weight: 700; color: #ffffff; padding: 0 0 14px 0; margin: 0;}
.my-wallet-section .gift-ballance p{ font-size: 24px; line-height: 36px; font-weight: 700; color: #ffffff; padding: 0; margin: 0;}
.my-wallet-section .gift-ballance span{ position: absolute; top: 48px; right: 25px;}
.my-wallet-section .gift-ballance span a{ background: #118BA6; border-radius: 0px 3px 3px 0px; font-size: 14px; line-height: 24px; 
font-weight: 700; text-decoration: none; padding: 10px 20px; color: #ffffff;
}
.my-wallet-section .gift-ballance span a:hover{ background: #ffffff; color: #118BA6;}

.transaction-details{ width: 100%; padding: 0; margin: 0;}
.transaction-details .transaction-table{ padding: 60px 0 0 0;}
.transaction-details .transaction-table table td, .transaction-details .transaction-table table th{ border: 1px solid rgba(255, 255, 255, 0.4); 
font-size: 20px; line-height: 28px; color: #ffffff; font-weight: 500; padding:20px 30px;
}
.transaction-details .transaction-table table td:last-child, .transaction-details .transaction-table table th:last-child{ text-align:center;}
.transaction-details .transaction-table table td.red{ color: #FF1010;}
.transaction-details .transaction-table table td.green{color: #1DFF41;}
/*================Claim Your Gift Card Page design Start Here====================*/
.giftscreen{ width: 100%; padding: 0; margin: 100px 0;}
.giftscreen-box{ width: 500px; padding: 25px; margin: 0 auto; background: #15161E; height: 390px; text-align: center;}
.giftscreen-box label{ font-size: 18px; line-height: 28px; color: #ffffff; font-weight: 700; float: left; padding-bottom: 30px;}
.giftscreen-box .form-control{ background: #292C3A; padding: 0 16px; margin: 0 0 8px 0; border: none; height: 56px; border-radius: 4px; line-height: 56px; 
    font-size: 18px; font-weight: 500; color: rgb(255, 255, 255);
} 
.giftscreen-box .form-control::placeholder {color: rgba(255, 255, 255, 0.7);}
.giftscreen-box .form-control:-ms-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.giftscreen-box .form-control::-ms-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.giftscreen-box .primary-button { width: 100%; } 
/*============About us page start=================*/
.aboutus-title{ width: 100%; padding:0; margin:70px 0 150px 0;}
.aboutus-title h1{ padding-bottom: 70px;}

.about-picture{ padding: 0; margin: 0 0 105px 0;}
.about-picture ul{ padding: 0; margin: 0;}
.about-picture ul li{ display: inline-block; width: 200px; margin: 0 20px 24px 0;}
.about-picture ul li img{border-radius: 4px;}

.about-box{ padding: 86px 0 0 0;}
.about-box .font-32{ padding: 0 0 24px 0; margin: 0;}
/*========Read More Popup Gereral Here New Added==================*/
.readmore-banner .modal-body{ 
    padding: 0;
    overflow: auto;
    max-height: 340px;
}

/* Works on Firefox */
.readmore-banner .modal-body, .srch-popup, .new-all-plans-page .plan-area {
    scrollbar-width: thin;
    scrollbar-color: #444658 #15161E;
  }
  
  /* Works on Chrome, Edge, and Safari */
  .readmore-banner .modal-body::-webkit-scrollbar, .srch-popup::-webkit-scrollbar, .new-all-plans-page .plan-area::-webkit-scrollbar {
    width: 10px;
  }
  
  .readmore-banner .modal-body::-webkit-scrollbar-track, .srch-popup::-webkit-scrollbar-track, .new-all-plans-page .plan-area::-webkit-scrollbar-track {
    background: #15161E;
  }
  
  .readmore-banner .modal-body::-webkit-scrollbar-thumb, .srch-popup::-webkit-scrollbar-thumb, .new-all-plans-page .plan-area::-webkit-scrollbar-thumb {
    background-color: #444658;
    border-radius: 20px;
    border: 3px solid #15161E;
  }
  .srch-popup{overflow-y: auto;max-height: 350px;}
.readmore-banner .modal-content{ background: #1A1C26; border: none; border-radius: 0; padding: 47px 40px 24px 40px;}
.readmore-banner h5{ font-weight: 600; font-size: 32px; line-height: 48px; color: #ffffff; padding: 0; margin: 0;}
.readmore-banner h6{ font-weight: 600; font-size: 22px; line-height: 32px; color: #ffffff; padding: 0 0 30px 0; margin: 0;}
.readmore-banner p{ font-weight: 500; font-size: 14px; line-height: 24px; color: #FFFFFF; padding: 0 0 24px 0; margin: 0; word-break: break-word;}
.readmore-banner p:last-child{ padding-bottom: 0;}
.readmore-banner .modal-header{ padding: 0; margin: 0; border: none;}
.readmore-banner .modal-header .close{ position: absolute; top: 18px; right: 53px; padding: 0; margin: 0; opacity: 1;}
.readmore-banner .modal-header .close img{ width: 60px;} 
.readmore-banner span.close-model{
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
}

/*===========hover list and grid new added=============*/
.grid-hover .picture{ position: relative; overflow: hidden;}
.grid-hover .picture .box-hover{ background: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; top:250%; left:0; 
    display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .3s;}
.grid-hover .picture .box-hover a{ border: 1px solid #118BA6; border-radius: 6px; font-weight: 600; font-size: 14px; line-height: 20px; color: #FFFFFF;
padding: 12px 20px; display: block; min-width: 120px; margin-bottom: 18px; background-color: transparent; transition: .3s;text-align: center;}
.grid-hover .picture .box-hover a:hover{ background-color: #118BA6; text-decoration: none;}
.grid-hover .picture .box-hover a:last-child{ margin-bottom: 0;}
.grid-hover .picture:hover .box-hover{ top:0;}
.grid-hover .picture .box-hover a.hover-dot {
    position: absolute;
    border: none;
    left: 15px;
    min-width: auto;
    padding: 5px;
    top: 8px;
    color: #ADADAE;
}
.grid-hover .picture .box-hover a.hover-dot:hover{background-color: transparent;}
/*============Icond apply here=======*/
.product-listing .item .picture .icons-apply, .season-content .grid-hover .picture .icons-apply{
    position: absolute;
    right: 8px;
    top: 10px;
    background: #41474F;
    width: 24px;
    height: 24px;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.product-listing .item .picture .icons-apply img, .season-content .grid-hover .picture .icons-apply img{
    width: 13.33px;
    height: 9.33px;
}
.product-listing .item .picture .icons-apply-audio{
    position: absolute;
    right: 8px;
    top: 10px;
    background: #41474F;
    width: 24px;
    height: 24px;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding-right: 2px;
}
.product-listing .item .picture .icons-apply-audio img{
    /* width: 13.33px; */
    height: 9.33px;
}

/* audio icon common for all pages*/
.picture .icons-apply-audio{
    position: absolute;
    right: 8px;
    top: 10px;
    background: #41474F;
    width: 24px;
    height: 24px;
    display: grid;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.picture .icons-apply-audio img{
    /* width: 13.33px; */
    height: 9.33px;
}

/*=============Checkout page 1 start Here==============*/
.checkout-body{ background:#2a2c39 !important;}
.checkout-section{ background: #1A1C26; border-radius: 8px; width: 464px; height: 638px; margin:50px auto 0 auto; padding: 48px 16px 40px 16px;}
.checkout-section .plan-and-logo{ width: 100%; padding: 0; margin: 0; position: relative; text-align: center; height: 180px;}
.checkout-section .plan-and-logo .logo{ width: 100%; padding: 0; margin: 0;}
.checkout-section .plan-and-logo .logo img{ height: 28px;}
.checkout-section .plan-and-logo .plans{ width: 100%; padding: 0; margin: 32px 0 0 0;}
.checkout-section .plan-and-logo .plans h1{ font-weight: 600; font-size: 20px; line-height: 28px; color: #FFFFFF; padding: 0 0 5px 0; margin: 0;}
.checkout-section .plan-and-logo .plans p{ font-size: 16px; line-height: 24px; font-weight: 500; color: #fff; padding: 0; margin: 0;}
.checkout-section .plan-and-logo .back{ position: absolute; top: 0; left: 0;}
.checkout-section .plan-and-logo .back a{ font-size: 12px; line-height: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); text-decoration: none;}
.checkout-section .plan-and-logo .back a img{ margin: 0 3px 0 0;}
.checkout-section .plan-and-logo .back a:hover{ color:#118BA6;}

.checkout-section .promo-checkout{ width: 100%; padding: 0; margin: 0; }
.checkout-section .promo-checkout .promo-code{ width: 100%;}
.checkout-section .promo-checkout .promo-code p{font-weight: 500; font-size: 15px; line-height: 24px; color: #ffffff; padding: 0 0 5px 0; margin: 0;}
.checkout-section .promo-checkout .promo-code input{ display: inline-block; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; height: 32px; font-size: 12px;
line-height: 16px; color:rgba(255, 255, 255, 0.4); background: transparent; padding: 8px; width: calc(100% - 71px);}
.checkout-section .promo-checkout .promo-code button{ display: inline-block; background: #20222E; border-radius: 4px; font-size: 12px; line-height: 14px; 
color: rgba(255, 255, 255, 0.6); padding: 7px 14px; border: none; min-height: 32px; margin: 0 0 0 4px; cursor: pointer;}
.checkout-section .promo-checkout .promo-code button:hover{ background: #063D49;}
.checkout-section .promo-checkout .promo-code span{ font-weight: 500; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.6);}
.checkout-section .promo-checkout .promo-code span.amt{font-weight: 400;vertical-align: bottom; }
.checkout-section .promo-checkout .checkout-button-popup{ width: 50%; float: left; text-align: right; padding: 15px 0 0 0;}
.checkout-section .promo-checkout .checkout-button-popup button{ background: #063D49; border: 1px solid #118BA6; text-transform: uppercase; min-width: 270px;}
.checkout-section .promo-checkout .checkout-button-popup button:hover{ color: #ffffff;}

.h100{height: auto;}
.amt-span-div{padding: 20px 0px;}
.amt-desc-div{padding: 0px;}
.amt-desc-div .amt-desc-tbl{width: 100%;}
.amt-desc-div .amt-desc-tbl tr td{padding: 5px 15px;text-align:left;color: rgba(255, 255, 255, 0.6);font-size: 12px;line-height: 16px;font-weight: 400;}
.amt-desc-div .amt-desc-tbl tr td.td-white{color: #fff;text-align:right;}

.card-redirect-sec{ width: 100%; padding: 0; margin: 0;}
.card-redirect-sec ul{ list-style-type: none; padding: 0; margin: 0;}
.card-redirect-sec ul li{ display: block; position: relative; height: 56px; line-height: 56px; margin-bottom: 16px;}
.card-redirect-sec ul li span{ position: absolute; right: 16px; z-index: 1; top:0;}
.card-redirect-sec ul li a{ font-weight: 500; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.6); text-decoration: none; padding: 16px 0 16px 24px;
background:#2A2C39; border-radius: 4px; display: block;}
.card-redirect-sec ul li a.selected-card {
    color: white !important;
    border: 1.5px solid #118BA6;
}
.card-redirect-sec ul li a.selected-card::after{
    content: url("../img/Tick.png");
    position: absolute;
    top: -5px;
    right: -6px;
    width: 22px;
    height: 22px;
}
.card-redirect-sec ul li a:hover{ background: #118BA6; color: #ffffff;}
.card-redirect-sec ul li.paypal a{ background: #F5C458; text-align: center;}
.card-redirect-sec ul li.apple a{ background: #000000; text-align: center;}
.card-redirect-sec p{ font-size: 10px; line-height: 12px; font-weight: 400; color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0; text-align: center;}

.save-cards{ padding: 20px 0 0 0;}
.save-cards ul li a{ padding-left: 73px;}
.save-cards ul li span{ left: 24px; right: auto;}
.save-cards ul li span.Primary{ position: absolute; top: 20px; right: 24px; left: auto; width: 60px; height: 17px; background: #1A1C26; border: 1px solid #7B8794; border-radius: 4px;
    font-weight: 500; font-size: 8px; line-height: 14px; color: #FFFFFF; text-align: center;}
.save-cards h2{ font-weight: 500; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.6); padding: 0 0 12px 0; margin: 0;}
.save-cards ul li.addnew{ line-height: 100%; height: 100%;}
.save-cards ul li.addnew a{ font-size: 14px; line-height: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.6); padding: 0; background: transparent;}
.save-cards ul li.addnew a:hover{ color: #118BA6;}

.paynow{ width: 100%; text-align: center; padding: 27px 0 24px 0;}
.paynow-button{ min-width: 272px; min-height: 48px; background: #118BA6; border-radius: 4px; line-height: 48px; font-weight: 600; font-size: 14px; 
    color: #FFFFFF; border: none; cursor: pointer; margin: 0 auto; display: block; text-decoration: none;
}
.paynow-button svg{ margin-left: 6px;}
.paynow-button:hover{ background: #ffffff; color: #118BA6; text-decoration: none;}  
.paynow-button:hover svg path[fill]{ 
    fill: #118BA6;
    stroke: none;
  }  

.cradit-card-fild{ padding: 15px 48px 0 48px; position: relative;}
.cradit-card-fild .form-group{ padding: 0; margin: 0 0 36px 0;}
.cradit-card-fild .form-group .form-control{ border: none; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.8); background: transparent;
 padding: 0 0 12px 0; margin: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: rgba(255, 255, 255, 0.8);}
 .cradit-card-fild .form-group select.form-control{
    background: url(../img/down-filled-arrow.png) no-repeat right 5px top 10px;
    appearance: none;
    height:37px;
 }
 .cradit-card-fild .card-info{ width: 100%;display: flex;}
 .cradit-card-fild .card-info .form-group{ width: 50%; float: left; padding: 0 8px;}
 .cvv-info{ position: relative;}
 .cvv-info span{ position: absolute; top:-3px; right: 10px; cursor: pointer;}
 .cvv-info span img{display: inline-block;
    width: 100%;
    margin-top: 5px;}
 .mb-24{ margin-bottom: 24px !important;}
.condition span {font-size: 12px; line-height: 14px;  color: rgba(255, 255, 255, 0.4);}
.condition span a{ color: #118BA6; text-decoration: none;}
.tooltip-inner { max-width: 100% !important;}

.input-req{position:relative;}
.input-req i.i-validation{
color: #FE0138;
    position: absolute;
    right: 0px;
    top: 8px;
}
.input-req.sel i.i-validation{
        right: 30px;
    }
.input-req .caret-down{
    position: absolute;
    color: rgba(255, 255, 255, 0.4);
    font-size: 20px;
    right: 10px;
    top: 6px;
}
.input-req .form-control.input-validation{border-bottom: 1px solid #FE0138;}
.input-req img.cc-cards-img{
    background-color: #FFFFFF;
    width: 34px;
    padding: 8px 5px;
    border-radius: 4px;
    position: absolute;
    right: 25px;
    top: 3px;
}
.input-req .label-validation {
    color: #FE0138;
    font-size: 11px;
    line-height: 16px;
    padding-top: 5px;
    /* position: absolute; */
}

/* Credit cards icons css start here */
.cradit-card-fild .form-group .form-control.visa {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjU5LjA1NXB4IiBoZWlnaHQ9IjIwMi4wNjlweCIgdmlld0JveD0iMCAwIDY1OS4wNTUgMjAyLjA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjU5LjA1NSAyMDIuMDY5Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBmaWxsPSIjMDAyNDlGIiBwb2ludHM9IjIzMi4xNzgsMTk5LjE2NCAyNjUuNTM5LDMuNDAyIDMxOC44OTgsMy40MDIgMjg1LjUxNCwxOTkuMTY0IAkJIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik00NzkuMDQsOC4yMjJDNDY4LjQ2OCw0LjI1Niw0NTEuOTA0LDAsNDMxLjIxNywwYy01Mi43MjQsMC04OS44NjMsMjYuNTUyLTkwLjE4LDY0LjYwNA0KCQkJYy0wLjI5NywyOC4xMjksMjYuNTE0LDQzLjgyLDQ2Ljc1NCw1My4xODVjMjAuNzcsOS41OTUsMjcuNzUyLDE1LjcxNSwyNy42NTIsMjQuMjgzYy0wLjEzMSwxMy4xMjItMTYuNTg2LDE5LjExNy0zMS45MjIsMTkuMTE3DQoJCQljLTIxLjM1NywwLTMyLjcwMy0yLjk2Ny01MC4yMjctMTAuMjc2bC02Ljg3Ni0zLjExMWwtNy40ODksNDMuODIzYzEyLjQ2Miw1LjQ2NCwzNS41MDksMTAuMTk5LDU5LjQzOCwxMC40NDQNCgkJCWM1Ni4wODksMCw5Mi41MDEtMjYuMjQ3LDkyLjkxNS02Ni44ODJjMC4yMDEtMjIuMjctMTQuMDE2LTM5LjIxNy00NC43OTktNTMuMTg4Yy0xOC42NTEtOS4wNTYtMzAuMDczLTE1LjA5OS0yOS45NTItMjQuMjY5DQoJCQljMC04LjEzNyw5LjY2OC0xNi44MzgsMzAuNTU3LTE2LjgzOGMxNy40NDktMC4yNzEsMzAuMDg4LDMuNTM0LDM5LjkzNyw3LjVsNC43ODEsMi4yNTlMNDc5LjA0LDguMjIyIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik02MTUuODY3LDMuNTg5aC00MS4yMzFjLTEyLjc3MiwwLTIyLjMzMSwzLjQ4Ni0yNy45NCwxNi4yMzRMNDY3LjQ1LDE5OS4yMjZoNTYuMDMxDQoJCQljMCwwLDkuMTYxLTI0LjEyMiwxMS4yMzMtMjkuNDE4YzYuMTIzLDAsNjAuNTU1LDAuMDg0LDY4LjMzNiwwLjA4NGMxLjU5Nyw2Ljg1Myw2LjQ5MiwyOS4zMzQsNi40OTIsMjkuMzM0aDQ5LjUxMkw2MTUuODY3LDMuNTg5DQoJCQkgTTU1MC4wNywxMjkuNzY3YzQuNDEzLTExLjI3OSwyMS4yNTktNTQuNzI0LDIxLjI1OS01NC43MjRjLTAuMzE1LDAuNTIxLDQuMzgtMTEuMzM0LDcuMDc1LTE4LjY4NGwzLjYwNiwxNi44NzgNCgkJCWMwLDAsMTAuMjE3LDQ2LjcyOSwxMi4zNTMsNTYuNTI4TDU1MC4wNywxMjkuNzY3TDU1MC4wNywxMjkuNzY3eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDAyNDlGIiBkPSJNMTg3LjQyNSwzLjU0NWwtNTIuMjQsMTMzLjQ5NWwtNS41NjYtMjcuMTI5Yy05LjcyNS0zMS4yNzMtNDAuMDI1LTY1LjE1Ni03My44OTktODIuMTE5bDQ3Ljc2NywxNzEuMjAzDQoJCQlsNTYuNDU1LTAuMDY0TDI0My45NDYsMy41NDVIMTg3LjQyNSIvPg0KCQk8cGF0aCBmaWxsPSIjRkZBMDAwIiBkPSJNODYuNzIyLDMuNDI0SDAuNjgxTDAsNy40OTdDNjYuOTM5LDIzLjcwMSwxMTEuMjMyLDYyLjg2LDEyOS42MTgsMTA5LjkxMWwtMTguNzA5LTg5Ljk2DQoJCQlDMTA3LjY3OSw3LjU1NSw5OC4zMTEsMy44NTYsODYuNzIyLDMuNDI0Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo='),
        url('../img/white-bg4.png');
        background-size: auto 20%,12% 70%;
        background-repeat: no-repeat,no-repeat;
        background-position: 90.5% 42%, 93% 37%;
}

.cradit-card-fild .form-group .form-control.amex {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMjgxLjg5MDAxIgogICBoZWlnaHQ9IjEzMC40MjM2MyIKICAgdmlld0JveD0iMCAwIDI4MS44OTAwMSAxMzAuNDIzNjMiCiAgIGlkPSJMYXllcl8xIgogICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhMzgiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnMzNiIgLz4KPHJhZGlhbEdyYWRpZW50CiAgIGN4PSI1Ny4zODgxOTkiCiAgIGN5PSI1Ny4wMjEiCiAgIHI9IjI2NC41Nzk3MSIKICAgaWQ9IlNWR0lEXzFfIgogICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMTA3NTQsMCwwLDAuNDYwOTE2MjQsLTcuNjQ3MjE1MSwtMy41MDIwNDMpIj4KCTxzdG9wCiAgIGlkPSJzdG9wNCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzlkZDVmNjtzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwIiAvPgoJPHN0b3AKICAgaWQ9InN0b3A2IgogICBzdHlsZT0ic3RvcC1jb2xvcjojOThkM2Y1O3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMDcxMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wOCIKICAgc3R5bGU9InN0b3AtY29sb3I6Izg5Y2VmMztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwLjE1NzUiIC8+Cgk8c3RvcAogICBpZD0ic3RvcDEwIgogICBzdHlsZT0ic3RvcC1jb2xvcjojNzBjNmVmO3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMjUxNiIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTIiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZWJiZWE7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC4zNTEzOTk5OSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTQiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMyM2FkZTM7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC40NTQ2MDAwMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTYiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMwZGE2ZTA7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC41IiAvPgoJPHN0b3AKICAgaWQ9InN0b3AxOCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzJlNzdiYztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIxIiAvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cGF0aAogICBkPSJNIDI4Mi4yNDgyMSwwIEggMCBWIDEzMC40MjM2MyBIIDI4Mi4yNDgyMSBWIDg3LjM4MDUwNyBjIDEuMTIxMiwtMC43NDYyMiAxLjY3NDgsLTEuNzAwNzggMS42NzQ4LC0yLjg2NzgyIDAsLTEuMzM1NzQgLTAuNTUzNiwtMi4xNjMwOSAtMS42NzQ4LC0yLjg2IgogICBpZD0icGF0aDIwIgogICBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKSIgLz4KPGcKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNjM5LC04OC45NTM5MzMpIgogICBpZD0iZzIyIj4KCTxkZWZzCiAgIGlkPSJkZWZzMjQiPgoJCTxwYXRoCiAgIGQ9Ik0gMjg5LjU4NCw3LjU5OCBIIDcuNjM5IHYgMjgyLjk2NiBoIDI4MS45NDUgdiAtOTMuMzg2IGMgMS4xMiwtMS42MTkgMS42NzMsLTMuNjkgMS42NzMsLTYuMjIyIDAsLTIuODk4IC0wLjU1MywtNC42OTMgLTEuNjczLC02LjIwNSIKICAgaWQ9IlNWR0lEXzJfIiAvPgoJPC9kZWZzPgoJPGNsaXBQYXRoCiAgIGlkPSJTVkdJRF8zXyI+CgkJPHVzZQogICBpZD0idXNlMjgiCiAgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIgogICB4PSIwIgogICB5PSIwIgogICB3aWR0aD0iMzAwIgogICBoZWlnaHQ9IjMwMCIKICAgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAvPgoJPC9jbGlwUGF0aD4KPC9nPgo8cGF0aAogICBkPSJtIDI1LjQxNCw0MS4wODgwNjcgLTUuNDI0LC0xMy4yMTcgLTUuMzkzLDEzLjIxNyBtIDEzMC4zMDcsLTUuMjYzIGMgLTEuMDg5LDAuNjYxIC0yLjM3NywwLjY4MyAtMy45MiwwLjY4MyBoIC05LjYyNyB2IC03LjM2NCBoIDkuNzU4IGMgMS4zODEsMCAyLjgyMiwwLjA2MiAzLjc1OCwwLjU5OCAxLjAyOCwwLjQ4MyAxLjY2NCwxLjUxMSAxLjY2NCwyLjkzMSAwLDEuNDQ5IC0wLjYwNSwyLjYxNSAtMS42MzMsMy4xNTIgeiBtIDY4LjY3OCw1LjI2MyAtNS40ODQsLTEzLjIxNyAtNS40NTQsMTMuMjE3IGggMTAuOTM4IHogbSAtMTI4LjAyLDE0LjMwNiBoIC04LjEyNCBsIC0wLjAzLC0yNS45NjYgLTExLjQ5MSwyNS45NjYgaCAtNi45NTggbCAtMTEuNTIxLC0yNS45ODkgdiAyNS45ODkgSCAzMS4zMiBsIC0zLjA0NSwtNy4zOTUgaCAtMTYuNSBsIC0zLjA3Niw3LjM5NSBIIDAuMDkyIGwgMTQuMTkxLC0zMy4xNTQgaCAxMS43NzQgbCAxMy40NzgsMzEuMzkgdiAtMzEuMzkgaCAxMi45MzQgbCAxMC4zNzEsMjIuNDkxIDkuNTI3LC0yMi40OTEgaCAxMy4xOTQgdiAzMy4xNTQgeiBtIDMyLjM3OSwwIEggOTEuNDY4IHYgLTMzLjE1NCBoIDI2LjQ3MyB2IDYuOTA0IEggOTkuMzkzIHYgNS45NzYgaCAxOC4xMDMgdiA2Ljc5NiBIIDk5LjM5MyB2IDYuNjIxIGggMTguNTQ4IHYgNi44NTcgeiBtIDM3LjMyNiwtMjQuMjI1IGMgMCw1LjI4NiAtMy41MjgsOC4wMTcgLTUuNTg0LDguODM3IDEuNzM0LDAuNjYgMy4yMTUsMS44MjYgMy45MiwyLjc5MiAxLjExOSwxLjY0OSAxLjMxMiwzLjEyMiAxLjMxMiw2LjA4MyB2IDYuNTEzIGggLTcuOTkzIGwgLTAuMDMsLTQuMTgxIGMgMCwtMS45OTUgMC4xOTEsLTQuODY0IC0xLjI1MSwtNi40NTkgLTEuMTU4LC0xLjE2NiAtMi45MjMsLTEuNDE5IC01Ljc3NiwtMS40MTkgaCAtOC41MDcgdiAxMi4wNTkgaCAtNy45MjQgdiAtMzMuMTU0IGggMTguMjI3IGMgNC4wNSwwIDcuMDM0LDAuMTA3IDkuNTk2LDEuNTg4IDIuNTA3LDEuNDgxIDQuMDEsMy42NDMgNC4wMSw3LjM0MSB6IG0gMTIuNjgyLDI0LjIyNSBoIC04LjA4NiB2IC0zMy4xNTQgaCA4LjA4NiB2IDMzLjE1NCB6IG0gOTMuODA4LDAgaCAtMTEuMjMgbCAtMTUuMDIxLC0yNC44ODQgdiAyNC44ODQgaCAtMTYuMTM5IGwgLTMuMDg0LC03LjM5NSBoIC0xNi40NjIgbCAtMi45OTIsNy4zOTUgaCAtOS4yNzMgYyAtMy44NTIsMCAtOC43MjksLTAuODUyIC0xMS40OTEsLTMuNjY3IC0yLjc4NSwtMi44MTUgLTQuMjM0LC02LjYyOCAtNC4yMzQsLTEyLjY1NyAwLC00LjkxNyAwLjg2NiwtOS40MTIgNC4yNzIsLTEyLjk2NCAyLjU2MiwtMi42NDYgNi41NzQsLTMuODY2IDEyLjAzNSwtMy44NjYgaCA3LjY3MiB2IDcuMTA0IGggLTcuNTExIGMgLTIuODkyLDAgLTQuNTI1LDAuNDMgLTYuMDk4LDEuOTY0IC0xLjM1MSwxLjM5NiAtMi4yNzgsNC4wMzUgLTIuMjc4LDcuNTEgMCwzLjU1MiAwLjcwNiw2LjExMyAyLjE3OSw3Ljc4NiAxLjIyLDEuMzEyIDMuNDM3LDEuNzEgNS41MjMsMS43MSBoIDMuNTU5IGwgMTEuMTY5LC0yNi4wNzMgaCAxMS44NzQgbCAxMy40MTcsMzEuMzU5IHYgLTMxLjM1OSBoIDEyLjA2NiBsIDEzLjkzLDIzLjA5IHYgLTIzLjA5IGggOC4xMTcgdiAzMy4xNTMgeiBNIDAsNjEuOTA2MDY3IGggMTMuNTQgbCAzLjA1MywtNy4zNjQgaCA2LjgzNSBsIDMuMDQ1LDcuMzY0IGggMjYuNjQxIHYgLTUuNjMgbCAyLjM3OCw1LjY1NCBoIDEzLjgzIGwgMi4zNzgsLTUuNzM4IHYgNS43MTQgaCA2Ni4yMDggbCAtMC4wMzEsLTEyLjA4OCBoIDEuMjgxIGMgMC44OTcsMC4wMzEgMS4xNTksMC4xMTQgMS4xNTksMS41OTUgdiAxMC40OTMgaCAzNC4yNDMgdiAtMi44MTQgYyAyLjc2MiwxLjQ4IDcuMDU4LDIuODE0IDEyLjcxMSwyLjgxNCBoIDE0LjQwNiBsIDMuMDgzLC03LjM2NCBoIDYuODM1IGwgMy4wMTUsNy4zNjQgaCAyNy43NjEgdiAtNi45OTUgbCA0LjIwNCw2Ljk5NSBoIDIyLjI0NiB2IC00Ni4yNCBoIC0yMi4wMTYgdiA1LjQ2MSBsIC0zLjA4MywtNS40NjEgaCAtMjIuNTkxIHYgNS40NjEgbCAtMi44MzEsLTUuNDYxIGggLTMwLjUxNSBjIC01LjEwOCwwIC05LjU5OCwwLjcxMyAtMTMuMjI1LDIuNyB2IC0yLjcgaCAtMjEuMDU4IHYgMi43IGMgLTIuMzA4LC0yLjA0OCAtNS40NTMsLTIuNyAtOC45NSwtMi43IEggNjcuNjE5IGwgLTUuMTYyLDExLjk0MyAtNS4zMDEsLTExLjk0MyBIIDMyLjkyNCB2IDUuNDYxIGwgLTIuNjYyLC01LjQ2MSBIIDkuNTk2IGwgLTkuNTk3LDIxLjk4NSB2IDI0LjI1NSB6IgogICBpZD0icGF0aDMwIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8cGF0aAogICBkPSJtIDI4MS45NDUsODYuMzYxMDY3IGggLTE0LjQ0MyBjIC0xLjQ0MiwwIC0yLjQsMC4wNTQgLTMuMjA3LDAuNTk5IC0wLjgzNiwwLjUzNyAtMS4xNTgsMS4zMzQgLTEuMTU4LDIuMzg2IDAsMS4yNTEgMC43MDYsMi4xMDIgMS43MzMsMi40NyAwLjgzNiwwLjI5MSAxLjczNCwwLjM3NiAzLjA1NCwwLjM3NiBsIDQuMjk1LDAuMTE1IGMgNC4zMzQsMC4xMDcgNy4yMjcsMC44NTIgOC45OTEsMi42NjkgMC4zMjEsMC4yNTMgMC41MTQsMC41MzcgMC43MzUsMC44MjEgbSAwLDEyLjQyNzAwMyBjIC0xLjkyNSwyLjgxNSAtNS42NzYsNC4yNDIgLTEwLjc1NCw0LjI0MiBoIC0xNS4zMDQgdiAtNy4xMTEgaCAxNS4yNDIgYyAxLjUxMiwwIDIuNTcsLTAuMTk5IDMuMjA3LC0wLjgyMSAwLjU1MiwtMC41MTMgMC45MzcsLTEuMjU4IDAuOTM3LC0yLjE2MyAwLC0wLjk2NiAtMC4zODUsLTEuNzMzIC0wLjk2OCwtMi4xOTMgLTAuNTc1LC0wLjUwNjAwMyAtMS40MTIsLTAuNzM2MDAzIC0yLjc5MiwtMC43MzYwMDMgLTcuNDQxLC0wLjI1MyAtMTYuNzI0LDAuMjMgLTE2LjcyNCwtMTAuMjY0IDAsLTQuODEgMy4wNTQsLTkuODczIDExLjM3LC05Ljg3MyBoIDE1Ljc4NSB2IC02LjU5OCBoIC0xNC42NjYgYyAtNC40MjYsMCAtNy42NDEsMS4wNiAtOS45MTgsMi43MDggdiAtMi43MDggaCAtMjEuNjkzIGMgLTMuNDY5LDAgLTcuNTQxLDAuODYgLTkuNDY3LDIuNzA4IHYgLTIuNzA4IGggLTM4LjczOCB2IDIuNzA4IGMgLTMuMDgzLC0yLjIyNCAtOC4yODUsLTIuNzA4IC0xMC42ODYsLTIuNzA4IGggLTI1LjU1MiB2IDIuNzA4IGMgLTIuNDM5LC0yLjM2MiAtNy44NjMsLTIuNzA4IC0xMS4xNjksLTIuNzA4IGggLTI4LjU5NyBsIC02LjU0NCw3LjA4MiAtNi4xMjksLTcuMDgyIEggNTYuMDY3IHYgNDYuMjcyMDAzIGggNDEuOTE0IGwgNi43NDMsLTcuMTk0IDYuMzUyLDcuMTk0IDI1LjgzNiwwLjAyMyB2IC0xMC44ODUgaCAyLjU0IGMgMy40MjgsMC4wNTMgNy40NzEsLTAuMDg1IDExLjAzOCwtMS42MjcgdiAxMi40ODggaCAyMS4zMSB2IC0xMi4wNiBoIDEuMDI4IGMgMS4zMTIsMCAxLjQ0MSwwLjA1NCAxLjQ0MSwxLjM2NSB2IDEwLjY5NCBoIDY0LjczNiBjIDQuMTEsMCA4LjQwNiwtMS4wNTIgMTAuNzg1LC0yLjk2MSB2IDIuOTYxIGggMjAuNTM0IGMgNC4yNzMsMCA4LjQ0NiwtMC41OTkgMTEuNjIxLC0yLjEzMyB2IC04LjYyIHogTSAyNTAuMzM0LDk0Ljk3NjA2NyBjIDEuNTQzLDEuNTk3IDIuMzcsMy42MTMgMi4zNyw3LjAyNjAwMyAwLDcuMTM0IC00LjQ1NywxMC40NjQgLTEyLjQ0OSwxMC40NjQgSCAyMjQuODIgdiAtNy4xMTEgaCAxNS4zNzMgYyAxLjUwMywwIDIuNTY5LC0wLjE5OSAzLjIzNywtMC44MjEgMC41NDUsLTAuNTEzIDAuOTM2LC0xLjI1OCAwLjkzNiwtMi4xNjMgMCwtMC45NjYgLTAuNDIzLC0xLjczMyAtMC45NjcsLTIuMTkzIC0wLjYwNiwtMC41MDYwMDMgLTEuNDQyLC0wLjczNjAwMyAtMi44MjIsLTAuNzM2MDAzIC03LjQxMSwtMC4yNTMgLTE2LjY5MiwwLjIzIC0xNi42OTIsLTEwLjI2NCAwLC00LjgxIDMuMDIyLC05Ljg3MyAxMS4zMywtOS44NzMgaCAxNS44ODcgdiA3LjA1OCBoIC0xNC41MzcgYyAtMS40NDEsMCAtMi4zNzgsMC4wNTQgLTMuMTc1LDAuNTk5IC0wLjg2OCwwLjUzNyAtMS4xOSwxLjMzNCAtMS4xOSwyLjM4NiAwLDEuMjUxIDAuNzM3LDIuMTAyIDEuNzM0LDIuNDcgMC44MzYsMC4yOTEgMS43MzQsMC4zNzYgMy4wODQsMC4zNzYgbCA0LjI2NiwwLjExNSBjIDQuMzAyLDAuMTA1IDcuMjU1LDAuODQ5IDkuMDUsMi42NjcgeiBtIC03MS41MDgsLTIuMDQ4IGMgLTEuMDYsMC42MjkgLTIuMzcxLDAuNjgzIC0zLjkxMywwLjY4MyBoIC05LjYyNyB2IC03LjQ0OCBoIDkuNzU4IGMgMS40MTEsMCAyLjgyMywwLjAzIDMuNzgyLDAuNTk5IDEuMDI3LDAuNTM3IDEuNjQxLDEuNTY0IDEuNjQxLDIuOTgzIDAsMS40MTkgLTAuNjE0LDIuNTYyIC0xLjY0MSwzLjE4MyB6IG0gNC43ODYsNC4xMjcgYyAxLjc2NCwwLjY1MSAzLjIwNiwxLjgxOCAzLjg4MiwyLjc4NCAxLjExOSwxLjYxOTAwMyAxLjI4MSwzLjEzMDAwMyAxLjMxMyw2LjA1MzAwMyB2IDYuNTc0IGggLTcuOTU2IHYgLTQuMTQ5IGMgMCwtMS45OTUgMC4xOTIsLTQuOTQ5IC0xLjI4MSwtNi40OTEgLTEuMTU4LC0xLjE4OCAtMi45MjMsLTEuNDcyIC01LjgxNCwtMS40NzIgaCAtOC40NjkgdiAxMi4xMTIgaCAtNy45NjMgViA3OS4zMDQwNjcgaCAxOC4yOTYgYyA0LjAxMiwwIDYuOTM0LDAuMTc3IDkuNTM1LDEuNTY1IDIuNTAxLDEuNTExIDQuMDc0LDMuNTgxIDQuMDc0LDcuMzY0IC0wLjAwMSw1LjI5MyAtMy41MzEsNy45OTQgLTUuNjE3LDguODIyIHogbSAxMC4wMTEsLTE3Ljc1MSBoIDI2LjQ0OSB2IDYuODU4IGggLTE4LjU1NyB2IDYuMDI5IGggMTguMTA0IHYgNi43NjYgaCAtMTguMTA0IHYgNi41OTgwMDMgbCAxOC41NTcsMC4wMyB2IDYuODgxIEggMTkzLjYyMyBWIDc5LjMwNDA2NyB6IG0gLTUzLjQ2NywxNS4zMDQgaCAtMTAuMjQxIHYgLTguNDQ1IGggMTAuMzMzIGMgMi44NjEsMCA0Ljg0NywxLjE2NiA0Ljg0Nyw0LjA2NiAwLDIuODY4IC0xLjg5NCw0LjM3OSAtNC45MzksNC4zNzkgeiBtIC0xOC4xMzQsMTQuODQyMDAzIC0xMi4xNjcsLTEzLjUwODAwMyAxMi4xNjcsLTEzLjA3OSB2IDI2LjU4NzAwMyB6IG0gLTMxLjQyMSwtMy44OTUgSCA3MS4xMTcgdiAtNi41OTgwMDMgaCAxNy4zOTggdiAtNi43NjYgSCA3MS4xMTcgdiAtNi4wMjkgaCAxOS44NjggbCA4LjY2OCw5LjY2NCAtOS4wNTIsOS43MjkwMDMgeiBtIDYzLjAwMiwtMTUuMzI2MDAzIGMgMCw5LjIxMiAtNi44NzMsMTEuMTE0MDAzIC0xMy44LDExLjExNDAwMyBoIC05Ljg4OCB2IDExLjEyMyBoIC0xNS40MDMgbCAtOS43NTgsLTEwLjk3OCAtMTAuMTQxLDEwLjk3OCBIIDYzLjIyMyBWIDc5LjMwNDA2NyBoIDMxLjg3MyBsIDkuNzUsMTAuODcgMTAuMDgsLTEwLjg3IGggMjUuMzIyIGMgNi4yODksMCAxMy4zNTUsMS43NDEgMTMuMzU1LDEwLjkyNSB6IgogICBpZD0icGF0aDMyIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4='), url('../img/white-bg4.png');
    background-size: auto 27%,12% 70%;
    background-repeat: no-repeat,no-repeat;
    background-position: 90.5% 42%, 93% 37%;
}

.cradit-card-fild .form-group .form-control.mastercard {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMTQ5NDgpICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMTgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0ibGF5ZXIxIj4NCgk8ZyBpZD0iZzEwMzA1Ij4NCgkJPHBhdGggaWQ9InBhdGgyMjY4IiBzdHlsZT0iZmlsbDojRkY5OTAwOyIgZD0iTTI5OC4wMzIsOTAuNWMwLjAxNCw0OC45MzYtMzkuNjQ2LDg4LjYxNC04OC41ODIsODguNjI3DQoJCQljLTQ4LjkzNywwLjAxMi04OC42MTQtMzkuNjQ2LTg4LjYyNy04OC41ODJjMC0wLjAxNiwwLTAuMDI5LDAtMC4wNDVjLTAuMDEzLTQ4LjkzNSwzOS42NDctODguNjE1LDg4LjU4MS04OC42MjgNCgkJCWM0OC45MzctMC4wMTMsODguNjE1LDM5LjY0Nyw4OC42MjgsODguNTgzQzI5OC4wMzIsOTAuNDcsMjk4LjAzMiw5MC40ODQsMjk4LjAzMiw5MC41eiIvPg0KCQk8cGF0aCBpZD0icGF0aDEzNTAiIHN0eWxlPSJmaWxsOiNDQzAwMDA7IiBkPSJNOTAuMDAxLDEuODk1QzQxLjM1NSwyLjIwNCwxLjk2Nyw0MS43ODEsMS45NjcsOTAuNQ0KCQkJYzAsNDguOTA5LDM5LjY5NSw4OC42MDQsODguNjA1LDg4LjYwNGMyMi45NTUsMCw0My44NzktOC43NDgsNTkuNjI0LTIzLjA4NmMtMC4wMDEsMC0wLjAwMy0wLjAwMi0wLjAwNy0wLjAwNGgwLjAxOQ0KCQkJYzMuMjI0LTIuOTM4LDYuMjMxLTYuMTA4LDguOTk1LTkuNDg4SDE0MS4wNWMtMi40MjQtMi45MjgtNC42MjctNS45NzktNi42MDYtOS4xMjdoMzEuMzA4YzEuOTA0LTMuMDQ3LDMuNjI4LTYuMjExLDUuMTU4LTkuNDg4DQoJCQloLTQxLjYzNWMtMS40MTktMy4wNDItMi42NTEtNi4xNTMtMy43MDMtOS4zMDloNDkuMDQ1YzIuOTU2LTguODMyLDQuNTYtMTguMjgxLDQuNTYtMjguMTAzYzAtNi41MTItMC43MDYtMTIuODYxLTIuMDQyLTE4Ljk3NA0KCQkJaC01NC4xNjRjMC42NzEtMy4xNDYsMS41MTgtNi4yNTQsMi41MjgtOS4zMDhoNDkuMDYzYy0xLjA5Ny0zLjI1LTIuMzcxLTYuNDE3LTMuODItOS40ODdIMTI5LjI3DQoJCQljMS40OTYtMy4xOTYsMy4xOTEtNi4zMDUsNS4wODQtOS4zMDdoMzEuMjg1Yy0yLjA4Mi0zLjMxNy00LjM4Ni02LjQ4Ni02Ljg3Ny05LjQ4OGgtMTcuNDQzYzIuNjk3LTMuMTc0LDUuNjY2LTYuMTYzLDguODg5LTguOTUNCgkJCWMtMTUuNzQ2LTE0LjM0LTM2LjY3Ni0yMy4wOS01OS42MzYtMjMuMDlDOTAuMzgxLDEuODk1LDkwLjE5MiwxLjg5NCw5MC4wMDEsMS44OTV6Ii8+DQoJCTxwYXRoIGlkPSJ1c2U5NDEyIiBzdHlsZT0iZmlsbDojRkNCMzQwOyIgZD0iTTI4OS4xNDMsMTM2LjgyYzAuNDgyLDAsMC45NTEsMC4xMjUsMS40MDksMC4zNzFjMC40NiwwLjI0NiwwLjgxNCwwLjYwMSwxLjA3LDEuMDYyDQoJCQljMC4yNTYsMC40NTYsMC4zODQsMC45MzcsMC4zODQsMS40MzVjMCwwLjQ5Mi0wLjEyNywwLjk2OC0wLjM3OSwxLjQyNGMtMC4yNTEsMC40NTUtMC42MDUsMC44MS0xLjA2MSwxLjA2Mw0KCQkJYy0wLjQ1MSwwLjI0OS0wLjkyOCwwLjM3NS0xLjQyNCwwLjM3NXMtMC45NzItMC4xMjYtMS40MjYtMC4zNzVjLTAuNDU1LTAuMjU0LTAuODA3LTAuNjA3LTEuMDYzLTEuMDYzDQoJCQljLTAuMjUyLTAuNDU2LTAuMzc3LTAuOTMyLTAuMzc3LTEuNDI0YzAtMC40OTgsMC4xMjctMC45NzksMC4zODQtMS40MzVjMC4yNTgtMC40NjEsMC42MTQtMC44MTMsMS4wNzEtMS4wNjINCgkJCUMyODguMTkzLDEzNi45NDUsMjg4LjY2MiwxMzYuODIsMjg5LjE0MywxMzYuODIgTTI4OS4xNDMsMTM3LjI5NWMtMC40MDEsMC0wLjc5MywwLjEwNC0xLjE3NiwwLjMxMQ0KCQkJYy0wLjM4LDAuMjA3LTAuNjc3LDAuNS0wLjg5MSwwLjg4OGMtMC4yMTcsMC4zODItMC4zMjUsMC43NzgtMC4zMjUsMS4xOTRjMCwwLjQxMiwwLjEwNiwwLjgxLDAuMzE1LDEuMTg4DQoJCQljMC4yMTQsMC4zNzcsMC41MSwwLjY3MywwLjg4OCwwLjg4NWMwLjM4MSwwLjIxMSwwLjc3NiwwLjMxNSwxLjE4OCwwLjMxNWMwLjQxNCwwLDAuODEtMC4xMDQsMS4xODktMC4zMTUNCgkJCWMwLjM3OC0wLjIxMiwwLjY3My0wLjUwOCwwLjg4NC0wLjg4NWMwLjIwOS0wLjM3OCwwLjMxMy0wLjc3NSwwLjMxMy0xLjE4OGMwLTAuNDE2LTAuMTA2LTAuODEzLTAuMzIxLTEuMTk0DQoJCQljLTAuMjEzLTAuMzg4LTAuNTExLTAuNjgxLTAuODk0LTAuODg4QzI4OS45MzQsMTM3LjM5OCwyODkuNTQ0LDEzNy4yOTUsMjg5LjE0MywxMzcuMjk1IE0yODcuODg3LDE0MS4yN3YtMy4wODJoMS4wNjINCgkJCWMwLjM2LDAsMC42MjIsMC4wMjgsMC43ODQsMC4wODhjMC4xNjIsMC4wNTcsMC4yOTEsMC4xNTQsMC4zODgsMC4yOTdjMC4wOTUsMC4xNDEsMC4xNDQsMC4yOTEsMC4xNDQsMC40NTENCgkJCWMwLDAuMjI2LTAuMDgsMC40MjItMC4yNDIsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzczLDAuMjYxLTAuNjM5LDAuMjgxYzAuMTA5LDAuMDQ1LDAuMTk2LDAuMTAyLDAuMjY0LDAuMTY0DQoJCQljMC4xMjUsMC4xMiwwLjI3NSwwLjMyMywwLjQ1NSwwLjYxbDAuMzc1LDAuNjAzaC0wLjYwNmwtMC4yNzItMC40ODVjLTAuMjE1LTAuMzgyLTAuMzg4LTAuNjItMC41MjEtMC43MTgNCgkJCWMtMC4wOTEtMC4wNjktMC4yMjQtMC4xMDUtMC4zOTctMC4xMDVoLTAuMjkzdjEuMzExaC0wLjUgTTI4OC4zODUsMTM5LjUzNWgwLjYwNGMwLjI4OCwwLDAuNDgzLTAuMDQ0LDAuNTg4LTAuMTI5DQoJCQljMC4xMDYtMC4wODgsMC4xNTktMC4yLDAuMTU5LTAuMzQyYzAtMC4wOTItMC4wMjQtMC4xNzQtMC4wNzUtMC4yNDRjLTAuMDUyLTAuMDczLTAuMTIyLTAuMTI1LTAuMjEzLTAuMTYyDQoJCQljLTAuMDg5LTAuMDM1LTAuMjU1LTAuMDU1LTAuNDk3LTAuMDU1aC0wLjU2NHYwLjkzMiIvPg0KCTwvZz4NCgk8ZyBpZD0iZzE2NDgwIj4NCgkJPGcgaWQ9ImcxMzgwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjc0NDA1LDE1Ljk5MzkpIj4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDQiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTMzLjcxOSw5OS45MjZsMS4xOC04LjAyYy0wLjY0NSwwLTEuNTkzLDAuMjc5LTIuNDMxLDAuMjc5DQoJCQkJYy0zLjI4NCwwLTMuNjk0LTEuNzU1LTMuNDM2LTMuMDM3bDMuMjM2LTE2LjEzaDQuOTkybDEuMDI5LTkuMTAzaC00LjcwNWwwLjk1OC01LjUxNkgxMjQuNw0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjgsMzEuMDIyLTUuNTY4LDM0Ljc3NmMwLDUuNTU1LDMuMTE4LDguMDI3LDcuNTE2LDcuOTg4QzEzMC4wOSwxMDEuMTM0LDEzMi43NzMsMTAwLjE4MSwxMzMuNzE5LDk5LjkyNnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTM2LjcwNiw4NC42MzhjMCwxMy4zMzIsOC43OTksMTYuNDk5LDE2LjI5NywxNi40OTkNCgkJCQljNi45MjEsMCwxMC41NS0xLjYwNCwxMC41NS0xLjYwNGwxLjY2Mi05LjFjMCwwLTUuODQ4LDIuMzc4LTEwLjYwMSwyLjM3OGMtMTAuMTMxLDAtOC4zNTUtNy41NTQtOC4zNTUtNy41NTRsMTkuNDYzLDAuMDU5DQoJCQkJYzAsMCwxLjIzOS02LjExMSwxLjIzOS04LjYwMmMwLTYuMjE3LTMuMzg3LTEzLjg0OS0xMy43NDUtMTMuODQ5QzE0My43Myw2Mi44NjcsMTM2LjcwNiw3My4wODgsMTM2LjcwNiw4NC42Mzh6IE0xNTMuMjUyLDcxLjMxMw0KCQkJCWM1LjMyNCwwLDQuMzQyLDUuOTg0LDQuMzQyLDYuNDY5SDE0Ny4xMkMxNDcuMTIsNzcuMTYyLDE0OC4xMDksNzEuMzEzLDE1My4yNTIsNzEuMzEzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgwOCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0yMTIuOTksOTkuOTIzbDEuNjg5LTEwLjI4NGMwLDAtNC42MzIsMi4zMjEtNy44MDcsMi4zMjENCgkJCQljLTYuNjkzLDAtOS4zNzgtNS4xMS05LjM3OC0xMC42MDFjMC0xMS4xMzcsNS43NTgtMTcuMjY1LDEyLjE2OC0xNy4yNjVjNC44MDgsMCw4LjY2NSwyLjY5OSw4LjY2NSwyLjY5OWwxLjU0LTkuOTkzDQoJCQkJYzAsMC00LjU1NC0zLjI4OS05LjQ1Ni0zLjMwOGMtMTQuNzQ1LTAuMDU4LTIzLjE4MiwxMC4yMDgtMjMuMTgyLDI3Ljk1NWMwLDExLjc2Myw2LjI0OCwxOS43NjgsMTcuNTA2LDE5Ljc2OA0KCQkJCUMyMDcuOTE4LDEwMS4yMTUsMjEyLjk5LDk5LjkyMywyMTIuOTksOTkuOTIzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik04MS44Myw2My4wMTJjLTYuNDY5LDAtMTEuNDI3LDIuMDc5LTExLjQyNywyLjA3OWwtMS4zNyw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgxLTEuNjYzYzMuNTEzLDAsNi4wODMsMC4zOTUsNi4wODMsMy4yNWMwLDEuNzM0LTAuMzE0LDIuMzc0LTAuMzE0LDIuMzc0cy0yLjc3Mi0wLjIzMS00LjA1Ni0wLjIzMQ0KCQkJCWMtOS4yMSwwLTE2LjcyOSwzLjQ4Mi0xNi43MjksMTMuOThjMCw4LjI3Myw1LjYyMywxMC4xNyw5LjEwOCwxMC4xN2M2LjY1NywwLDkuMjkyLTQuMjAzLDkuNDQ0LTQuMjE1bC0wLjA3NywzLjQ4OA0KCQkJCWMwLDAsOC4zMDYsMCw4LjMwNywwbDMuNzA2LTI1Ljk4Qzk0Ljc4Niw2My4zNjYsODUuMTcsNjMuMDEyLDgxLjgzLDYzLjAxMnogTTgzLjI2OCw4NC4xMDhjMC4xODEsMS41ODYtMC40MSw5LjA4Ni02LjA5Miw5LjA4Ng0KCQkJCWMtMi45MywwLTMuNjkxLTIuMjQtMy42OTEtMy41NjJjMC0yLjU4NCwxLjQwMy01LjY4Myw4LjMxNS01LjY4M0M4My40MSw4My45NDksODIuOTk3LDg0LjA2NSw4My4yNjgsODQuMTA4eiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMiIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0xMDMuNjE1LDEwMC45MDZjMi4xMjUsMCwxNC4yNzIsMC41NDEsMTQuMjcyLTExLjk5NA0KCQkJCWMwLTExLjcyMS0xMS4yNDQtOS40MDQtMTEuMjQ0LTE0LjExNGMwLTIuMzQyLDEuODMzLTMuMDgsNS4xODQtMy4wOGMxLjMyOSwwLDYuNDQ3LDAuNDIzLDYuNDQ3LDAuNDIzbDEuMTg5LTguMzMNCgkJCQljMCwwLjAwMS0zLjMxMi0wLjc0MS04LjcwNC0wLjc0MWMtNi45NzksMC0xNC4wNjMsMi43ODYtMTQuMDYzLDEyLjMxOGMwLDEwLjgwMiwxMS44MTIsOS43MTcsMTEuODEyLDE0LjI2Nw0KCQkJCWMwLDMuMDM3LTMuMywzLjI4Ny01Ljg0NCwzLjI4N2MtNC40MDEsMC04LjM2My0xLjUxMS04LjM3Ny0xLjQzOGwtMS4yNTksOC4yNDVDOTMuMjU3LDk5LjgxOSw5NS43MDIsMTAwLjkwNiwxMDMuNjE1LDEwMC45MDZ6Ig0KCQkJCS8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE0IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTI5MC44MDcsNTUuNDU1bC0xLjcwNSwxMi43MDljMCwwLTMuNTUzLTQuOTA1LTkuMTEyLTQuOTA1DQoJCQkJYy0xMC40NTksMC0xNS44NDksMTAuNDIzLTE1Ljg0OSwyMi4zOTZjMCw3LjczLDMuODQ0LDE1LjMwNywxMS42OTksMTUuMzA3YzUuNjUxLDAsOC43ODQtMy45NDEsOC43ODQtMy45NDFsLTAuNDE1LDMuMzY1aDkuMTc4DQoJCQkJbDcuMjA3LTQ0Ljg2MkwyOTAuODA3LDU1LjQ1NXogTTI4Ni43NTUsODAuMTU2YzAsNC45ODMtMi40NjgsMTEuNjQtNy41ODEsMTEuNjRjLTMuMzk2LDAtNC45ODgtMi44NTEtNC45ODgtNy4zMjQNCgkJCQljMC03LjMxNSwzLjI4NS0xMi4xNCw3LjQzMi0xMi4xNEMyODUuMDEyLDcyLjMzMiwyODYuNzU1LDc0LjY2MiwyODYuNzU1LDgwLjE1NnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MTYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMzAuNzQ5LDEwMC40MjNsNS43NDMtMzMuODdsMC44NDQsMzMuODdoNi40OTlsMTIuMTI1LTMzLjg3bC01LjM3MSwzMy44N2g5LjY1OA0KCQkJCWw3LjQzNy00NC45MjJsLTE1LjM0Mi0wLjExN2wtOS4xMjYsMjcuNTA0bC0wLjI1LTI3LjM4N2gtMTQuMDZsLTcuNTQ0LDQ0LjkyMkgzMC43NDlMMzAuNzQ5LDEwMC40MjN6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE4IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTE3Ni4xMDEsMTAwLjQ4N2MyLjc0Ni0xNS42MTUsMy43MjQtMjcuOTQ3LDExLjczMi0yNS4zOTMNCgkJCQljMS4xNS02LjA0NCwzLjg5MS0xMS4zLDUuMTQzLTEzLjg1OGMwLDAtMC4zOTYtMC41ODktMi44NzEtMC41ODljLTQuMjI1LDAtOS44NjYsOC41NzQtOS44NjYsOC41NzRsMC44NDMtNS4zMDFoLTguNzg2DQoJCQkJbC01Ljg4NCwzNi41NjZIMTc2LjEwMXoiLz4NCgkJCTxnIGlkPSJ1c2UxNDY5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQ1LjMwMDEsMCkiPg0KCQkJCTxwYXRoIGlkPSJwYXRoMTM4MTBfMV8iIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNLTYxMi41NSw2My4wMTJjLTYuNDcyLDAtMTEuNDMsMi4wNzktMTEuNDMsMi4wNzlsLTEuMzY5LDguMTI3DQoJCQkJCWMwLDAsNC4wOTUtMS42NjMsMTAuMjgtMS42NjNjMy41MTQsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTMsMi4zNzQtMC4zMTMsMi4zNzRzLTIuNzcxLTAuMjMxLTQuMDU1LTAuMjMxDQoJCQkJCWMtOS4yMTEsMC0xNi43MjksMy40ODItMTYuNzI5LDEzLjk4YzAsOC4yNzMsNS42MjIsMTAuMTcsOS4xMDcsMTAuMTdjNi42NTUsMCw5LjI5Mi00LjIwMyw5LjQ0My00LjIxNWwtMC4wNzgsMy40ODhoOC4zMDkNCgkJCQkJbDMuNzA1LTI1Ljk4Qy01OTkuNTk2LDYzLjM2Ni02MDkuMjEyLDYzLjAxMi02MTIuNTUsNjMuMDEyeiBNLTYxMS4xMTQsODQuMTA4YzAuMTgsMS41ODYtMC40MTEsOS4wODYtNi4wOTIsOS4wODYNCgkJCQkJYy0yLjkzMiwwLTMuNjkyLTIuMjQtMy42OTItMy41NjJjMC0yLjU4NCwxLjQwMi01LjY4Myw4LjMxNS01LjY4M0MtNjEwLjk3Miw4My45NDktNjExLjM4NCw4NC4wNjUtNjExLjExNCw4NC4xMDh6Ii8+DQoJCQk8L2c+DQoJCQk8cGF0aCBpZD0idXNlMTQ3MDEiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMjU1LjI2NiwxMDAuNDg3YzEuNTA4LTExLjQ4OCw0LjI5OS0yNy42MTYsMTEuNzMxLTI1LjM5Mw0KCQkJCWMxLjE0OS02LjA0NCwwLjA0MS02LjAyOC0yLjQzMy02LjAyOGMtNC4yMjgsMC01LjE2NCwwLjE1NC01LjE2NCwwLjE1NGwwLjg0NC01LjMwMWgtOC43ODVsLTUuODg0LDM2LjU2N0gyNTUuMjY2DQoJCQkJTDI1NS4yNjYsMTAwLjQ4N3oiLz4NCgkJPC9nPg0KCQk8ZyBpZD0iZzEwMjg5Ij4NCgkJCTxwYXRoIGlkPSJwYXRoNDE1NyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xMjIuNDM0LDExMy4wNTlsMS4xODEtOC4wMTljLTAuNjQ1LDAtMS41OTQsMC4yNzYtMi40MzEsMC4yNzYNCgkJCQljLTMuMjg0LDAtMy42NDYtMS43NDYtMy40MzctMy4wMzdsMi42NTMtMTYuMzYyaDQuOTkxbDEuMjA1LTguODdoLTQuNzA2bDAuOTU4LTUuNTE2aC05LjQzNA0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjksMzEuMDIzLTUuNTY5LDM0Ljc3NWMwLDUuNTU1LDMuMTE5LDguMDI5LDcuNTE3LDcuOTg5QzExOC44MDYsMTE0LjI2NiwxMjEuNDg4LDExMy4zMTMsMTIyLjQzNCwxMTMuMDU5eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTU1IiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTEyNS40MjMsOTcuNzdjMCwxMy4zMzIsOC44LDE2LjUsMTYuMjk3LDE2LjVjNi45MiwwLDkuOTY1LTEuNTQ3LDkuOTY1LTEuNTQ3DQoJCQkJbDEuNjYyLTkuMDk5YzAsMC01LjI2NCwyLjMxOS0xMC4wMTgsMi4zMTljLTEwLjEzLDAtOC4zNTYtNy41NTMtOC4zNTYtNy41NTNoMTkuMTcyYzAsMCwxLjIzOC02LjExMywxLjIzOC04LjYwNA0KCQkJCWMwLTYuMjE2LTMuMDk0LTEzLjc5LTEzLjQ1Mi0xMy43OUMxMzIuNDQ1LDc1Ljk5OCwxMjUuNDIzLDg2LjIxOSwxMjUuNDIzLDk3Ljc3eiBNMTQxLjk2Nyw4NC40NDUNCgkJCQljNS4zMjQsMCw0LjM0Miw1Ljk4Myw0LjM0Miw2LjQ2N2gtMTAuNDc0QzEzNS44MzUsOTAuMjk0LDEzNi44MjUsODQuNDQ1LDE0MS45NjcsODQuNDQ1eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTUxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTIwMS43MDcsMTEzLjA1NWwxLjY4OC0xMC4yODVjMCwwLTQuNjI5LDIuMzIxLTcuODA2LDIuMzIxDQoJCQkJYy02LjY5MiwwLTkuMzc2LTUuMTEtOS4zNzYtMTAuNmMwLTExLjEzNyw1Ljc1OC0xNy4yNjQsMTIuMTY4LTE3LjI2NGM0LjgwNywwLDguNjY1LDIuNjk5LDguNjY1LDIuNjk5bDEuNTQtOS45OTMNCgkJCQljMCwwLTUuNzIxLTIuMzE1LTEwLjYyNS0yLjMxNWMtMTAuODkxLDAtMjEuNDg2LDkuNDQ4LTIxLjQ4NiwyNy4xOTJjMCwxMS43NjYsNS43MjEsMTkuNTM3LDE2Ljk3OSwxOS41MzcNCgkJCQlDMTk2LjYzNywxMTQuMzQ4LDIwMS43MDcsMTEzLjA1NSwyMDEuNzA3LDExMy4wNTV6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxNDkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNzAuNTQ3LDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OSw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgtMS42NjNjMy41MTMsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTUsMi4zNzQtMC4zMTUsMi4zNzRzLTIuNzcxLTAuMjMyLTQuMDU0LTAuMjMyDQoJCQkJYy04LjE1OSwwLTE2LjczLDMuNDgyLTE2LjczLDEzLjk4YzAsOC4yNzIsNS42MjMsMTAuMTcsOS4xMDgsMTAuMTdjNi42NTYsMCw5LjUyNS00LjMxOSw5LjY3OC00LjMzMmwtMC4zMTEsMy42MDVoOC4zMDcNCgkJCQlsMy43MDYtMjUuOTgxQzgzLjUwMiw3Ni40OTgsNzMuODg3LDc2LjE0Myw3MC41NDcsNzYuMTQzeiBNNzIuNTY4LDk3LjI5N2MwLjE4LDEuNTg3LTAuOTk1LDkuMDI2LTYuNjc1LDkuMDI2DQoJCQkJYy0yLjkzLDAtMy42OTItMi4yMzgtMy42OTItMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNi01LjY4MkM3Mi4xMjUsOTcuMDgxLDcyLjI5Nyw5Ny4yNTMsNzIuNTY4LDk3LjI5N3oiLz4NCgkJCTxwYXRoIGlkPSJwYXRoNDE0NSIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik05Mi4zMzEsMTE0LjAzOGMyLjEyNSwwLDE0LjI3MywwLjU0LDE0LjI3My0xMS45OTUNCgkJCQljMC0xMS43MTktMTEuMjQ1LTkuNDA0LTExLjI0NS0xNC4xMTJjMC0yLjM0NCwxLjgzMy0zLjA4Miw1LjE4My0zLjA4MmMxLjMzLDAsNi40NDcsMC40MjMsNi40NDcsMC40MjNsMS4xOS04LjMzDQoJCQkJYzAsMC4wMDEtMy4zMTItMC43NDEtOC43MDQtMC43NDFjLTYuOTc5LDAtMTQuMDYzLDIuNzg2LTE0LjA2MywxMi4zMThjMCwxMC44MDEsMTEuODEyLDkuNzE3LDExLjgxMiwxNC4yNjcNCgkJCQljMCwzLjAzNy0zLjMsMy4yODQtNS44NDMsMy4yODRjLTQuNDAxLDAtOC4zNjQtMS41MS04LjM3OC0xLjQzOGwtMS4yNTgsOC4yNDZDODEuOTczLDExMi45NDgsODQuNDE3LDExNC4wMzgsOTIuMzMxLDExNC4wMzh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjc5Ljg1Miw2OC42NjhsLTIuMDM1LDEyLjYyN2MwLDAtMy41NTEtNC45MDUtOS4xMS00LjkwNQ0KCQkJCWMtOC42NDQsMC0xNS44NDksMTAuNDIyLTE1Ljg0OSwyMi4zOTdjMCw3LjczLDMuODQzLDE1LjMwNCwxMS42OTksMTUuMzA0YzUuNjUxLDAsOC43ODQtMy45NCw4Ljc4NC0zLjk0bC0wLjQxNSwzLjM2NWg5LjE3Ng0KCQkJCWw3LjIwNy00NC44NjNMMjc5Ljg1Miw2OC42Njh6IE0yNzUuNDcxLDkzLjI4OGMwLDQuOTgzLTIuNDY3LDExLjYzOS03LjU4MiwxMS42MzljLTMuMzk1LDAtNC45ODYtMi44NS00Ljk4Ni03LjMyMw0KCQkJCWMwLTcuMzE0LDMuMjg1LTEyLjE0LDcuNDMtMTIuMTRDMjczLjcyOSw4NS40NjMsMjc1LjQ3MSw4Ny43OTYsMjc1LjQ3MSw5My4yODh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzMiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTkuNDY2LDExMy41NTVsNS43NDMtMzMuODdsMC44NDMsMzMuODdoNi41bDEyLjEyNS0zMy44N2wtNS4zNzEsMzMuODdoOS42NTgNCgkJCQlsNy40MzgtNDQuOTIzSDQxLjQ2N2wtOS4zMDEsMjcuNTYzbC0wLjQ4NC0yNy41NjNIMTcuOTE1bC03LjU0NSw0NC45MjNIMTkuNDY2eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTMxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE2NC44MTgsMTEzLjYxN2MyLjc0Ni0xNS42MTYsMy4yNTUtMjguMjk2LDkuODA4LTI1Ljk3NQ0KCQkJCWMxLjE0Ny02LjA0NCwyLjI1NC04LjM4MiwzLjUwNi0xMC45NGMwLDAtMC41ODctMC4xMjMtMS44MTktMC4xMjNjLTQuMjI1LDAtNy4zNTUsNS43NzItNy4zNTUsNS43NzJsMC44NDEtNS4zMDFoLTguNzg0DQoJCQkJbC01Ljg4NSwzNi41NjdIMTY0LjgxOHoiLz4NCgkJCTxnIGlkPSJ1c2U4NTIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NDcuMDA2MiwwKSI+DQoJCQkJPHBhdGggaWQ9InBhdGg0MTQ5XzFfIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTS02MjMuNTMxLDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OCw4LjEyNw0KCQkJCQljMCwwLDQuMDkzLTEuNjYzLDEwLjI4LTEuNjYzYzMuNTEzLDAsNi4wODEsMC4zOTUsNi4wODEsMy4yNWMwLDEuNzM0LTAuMzEzLDIuMzc0LTAuMzEzLDIuMzc0cy0yLjc3MS0wLjIzMi00LjA1NS0wLjIzMg0KCQkJCQljLTguMTU4LDAtMTYuNzI5LDMuNDgyLTE2LjcyOSwxMy45OGMwLDguMjcyLDUuNjIyLDEwLjE3LDkuMTA3LDEwLjE3YzYuNjU2LDAsOS41MjUtNC4zMTksOS42NzctNC4zMzJsLTAuMzA5LDMuNjA1DQoJCQkJCWMwLDAsOC4zMDQsMCw4LjMwNywwbDMuNzA1LTI1Ljk4MUMtNjEwLjU3NSw3Ni40OTgtNjIwLjE5MSw3Ni4xNDMtNjIzLjUzMSw3Ni4xNDN6IE0tNjIxLjUwNyw5Ny4yOTcNCgkJCQkJYzAuMTgsMS41ODctMC45OTYsOS4wMjYtNi42NzgsOS4wMjZjLTIuOTMsMC0zLjY5LTIuMjM4LTMuNjktMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNS01LjY4Mg0KCQkJCQlDLTYyMS45NTIsOTcuMDgxLTYyMS43ODEsOTcuMjUzLTYyMS41MDcsOTcuMjk3eiIvPg0KCQkJPC9nPg0KCQkJPGcgaWQ9InVzZTg1MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0Mi4yODU3LDApIj4NCgkJCQk8cGF0aCBpZD0icGF0aDQxMzFfMV8iIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNLTE5OC4yNjMsMTEzLjYxN2MyLjc0Ny0xNS42MTYsMy4yNTYtMjguMjk2LDkuODA3LTI1Ljk3NQ0KCQkJCQljMS4xNDktNi4wNDQsMi4yNTctOC4zODIsMy41MDgtMTAuOTRjMCwwLTAuNTg3LTAuMTIzLTEuODE5LTAuMTIzYy00LjIyNSwwLTcuMzU1LDUuNzcyLTcuMzU1LDUuNzcybDAuODQxLTUuMzAxaC04Ljc4NA0KCQkJCQlsLTUuODg1LDM2LjU2N0gtMTk4LjI2M3oiLz4NCgkJCTwvZz4NCgkJCTxwYXRoIGlkPSJ0ZXh0OTQwNyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODkuMTA1LDEwNy45NzVjMC40NzksMCwwLjk1MSwwLjEyMywxLjQwNiwwLjM3Mw0KCQkJCWMwLjQ1OSwwLjI0MiwwLjgxNiwwLjU5OCwxLjA3MiwxLjA1OWMwLjI1NywwLjQ1OCwwLjM4MywwLjkzNSwwLjM4MywxLjQzNGMwLDAuNDkzLTAuMTI2LDAuOTY5LTAuMzc5LDEuNDI0DQoJCQkJYy0wLjI1MSwwLjQ1NS0wLjYwNCwwLjgxMi0xLjA1OSwxLjA2M2MtMC40NTQsMC4yNS0wLjkzLDAuMzc2LTEuNDI0LDAuMzc2Yy0wLjQ5OCwwLTAuOTc0LTAuMTI2LTEuNDI5LTAuMzc2DQoJCQkJYy0wLjQ1NC0wLjI1My0wLjgwNi0wLjYwOC0xLjA1OC0xLjA2M2MtMC4yNTYtMC40NTUtMC4zODEtMC45MzEtMC4zODEtMS40MjRjMC0wLjQ5OSwwLjEyNy0wLjk3NiwwLjM4NC0xLjQzNA0KCQkJCWMwLjI1OC0wLjQ2MSwwLjYxNi0wLjgxNSwxLjA3My0xLjA1OUMyODguMTU0LDEwOC4wOTgsMjg4LjYyNiwxMDcuOTc1LDI4OS4xMDUsMTA3Ljk3NSBNMjg5LjEwNSwxMDguNDQ3DQoJCQkJYy0wLjQwMSwwLTAuNzkzLDAuMTA0LTEuMTc2LDAuMzEzYy0wLjM4MiwwLjIwNC0wLjY3OSwwLjQ5OS0wLjg5NCwwLjg4NWMtMC4yMTQsMC4zODEtMC4zMjIsMC43OC0wLjMyMiwxLjE5NA0KCQkJCXMwLjEwNCwwLjgxLDAuMzEzLDEuMTg4YzAuMjEzLDAuMzc3LDAuNTA5LDAuNjczLDAuODkxLDAuODg2YzAuMzc4LDAuMjA4LDAuNzczLDAuMzEzLDEuMTg4LDAuMzEzDQoJCQkJYzAuNDEyLDAsMC44MS0wLjEwNSwxLjE4OC0wLjMxM2MwLjM3OC0wLjIxMywwLjY3NC0wLjUwOSwwLjg4NC0wLjg4NmMwLjIxMS0wLjM4MSwwLjMxNC0wLjc3NCwwLjMxNC0xLjE4OA0KCQkJCXMtMC4xMDctMC44MTMtMC4zMjEtMS4xOTRjLTAuMjEzLTAuMzg2LTAuNTEtMC42ODEtMC44OTQtMC44ODVDMjg5Ljg5NiwxMDguNTUyLDI4OS41MDcsMTA4LjQ0NywyODkuMTA1LDEwOC40NDcNCgkJCQkgTTI4Ny44NSwxMTIuNDIzdi0zLjA4M2gxLjA2MWMwLjM2MSwwLDAuNjI1LDAuMDI5LDAuNzg1LDAuMDg4YzAuMTYyLDAuMDU1LDAuMjg5LDAuMTU0LDAuMzg4LDAuMjk3DQoJCQkJYzAuMDk3LDAuMTQyLDAuMTQ2LDAuMjkxLDAuMTQ2LDAuNDUxYzAsMC4yMjUtMC4wODIsMC40MjItMC4yNDQsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzcxLDAuMjYyLTAuNjM3LDAuMjgNCgkJCQljMC4xMDYsMC4wNDYsMC4xOTQsMC4xMDEsMC4yNjIsMC4xNjNjMC4xMjMsMC4xMjIsMC4yNzUsMC4zMjYsMC40NTUsMC42MTFsMC4zNzcsMC42MDRoLTAuNjA5bC0wLjI3MS0wLjQ4NQ0KCQkJCWMtMC4yMTYtMC4zODMtMC4zODktMC42MjEtMC41MjEtMC43MThjLTAuMDkxLTAuMDcxLTAuMjI0LTAuMTA2LTAuMzk5LTAuMTA2aC0wLjI5MXYxLjMxMUwyODcuODUsMTEyLjQyMyBNMjg4LjM0OCwxMTAuNjg4DQoJCQkJaDAuNjA0YzAuMjg5LDAsMC40ODQtMC4wNDMsMC41ODgtMC4xMjljMC4xMDUtMC4wODQsMC4xNi0wLjE5OSwwLjE2LTAuMzQyYzAtMC4wOTEtMC4wMjUtMC4xNzMtMC4wNzUtMC4yNDINCgkJCQljLTAuMDUxLTAuMDc0LTAuMTIyLTAuMTI3LTAuMjEzLTAuMTY0Yy0wLjA5MS0wLjAzNS0wLjI1NC0wLjA1My0wLjQ5OC0wLjA1M2gtMC41NjVWMTEwLjY4OCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo='), url('../img/white-bg4.png');
    background-size: auto 33%,12% 70%;
    background-repeat: no-repeat,no-repeat;
    background-position: 90.5% 42%, 93% 37%;
    
}

.cradit-card-fild .form-group .form-control.discover {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIG5vIGtpZGRpbmcgYXJvdW5kIG15IGZpbGVzLi4uIChodHRwOi8vd3d3LmRvZGVyby5ldSkgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgMTQzMCA4ODAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0JeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTQzMHB4IiBoZWlnaHQ9Ijg4MHB4Ij4NCTxkZWZzPg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiBjeD0iNTAuNjk3NyUiIGN5PSI1MCUiIHI9IjUwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmY4MDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQk8L2RlZnM+DQk8Zz4NCQk8cmVjdCB4PSIwIiB5PSItMSIgd2lkdGg9IjE0MzAiIGhlaWdodD0iODgwIiBmaWxsPSIjZmZmZmZmIi8+DQkJPHBhdGggZD0iTSAxNDI5Ljk4IDg3OS4wMDU4IEwgMzU3LjM4MzggODc4Ljk4MTggQyA1MDcuMzMzNSA4NTMuNjY2NyA3MzguNjY2NSA4MDQuMzMzNCAxMDE0LjY2NjUgNzExLjY2NjcgQyAxMjkwLjY2NjUgNjE5IDE0MTUuMzMzNSA1MjUuODMzMyAxNDI5Ljk4IDUxNy45MDg1IEwgMTQyOS45OCA4NzkuMDA1OCBaIiBmaWxsPSIjZmY4MDAwIi8+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gMTUwLjAyODggMzk5LjY5MzEgQyAxNzguMzMzIDM5OS42OTMxIDIwMC4zNDU3IDM5MC43Nzg3IDIxNi4wODI1IDM3Mi45MzQzIEMgMjMxLjgxOTMgMzU1LjEwNTYgMjM5LjY4NzUgMzMwLjA2MzUgMjM5LjY4NzUgMjk3LjgyMzggQyAyMzkuNjg3NSAyNjcuNTIxMyAyMzIuMjU2MyAyNDQuMzM3NiAyMTcuNDI1MyAyMjguMjU3MiBDIDIwMi41NzgxIDIxMi4xOTI0IDE4MS4yMDU2IDIwNC4xNDQzIDE1My4zMjMyIDIwNC4xNDQzIEwgNzUuODI2MiAyMDQuMTQ0MyBMIDc1LjgyNjIgMzk5LjY5MzEgTCAxNTAuMDI4OCAzOTkuNjkzMSBMIDE1MC4wMjg4IDM5OS42OTMxIFpNIDExMy43OTM5IDIzMS4zNTk4IEwgMTM2LjI0MzcgMjMxLjM1OTggQyAxNTAuNTYwMSAyMzEuMzU5OCAxNjEuNDU3IDIzMi45OTc4IDE2OC45NTA3IDIzNi4yNTggQyAxNzYuNDI4NyAyMzkuNTE4MiAxODIuODI5NiAyNDUuNDI0NCAxODguMTM3MiAyNTMuOTc2NSBDIDE5NS44NDk2IDI2Ni40MTg4IDE5OS43MjEyIDI4MS45Nzk1IDE5OS43MjEyIDMwMC42NTg3IEMgMTk5LjcyMTIgMzI0LjgxODggMTk0LjkxMzEgMzQyLjgzNjUgMTg1LjI5NTkgMzU0LjY5NjEgQyAxNzUuNjc5MiAzNjYuNTU1NiAxNjEuMDk3NyAzNzIuNDc3NSAxNDEuNTUxOCAzNzIuNDc3NSBMIDExMy43OTM5IDM3Mi40Nzc1IEwgMTEzLjc5MzkgMjMxLjM1OTggTCAxMTMuNzkzOSAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMjA0LjE0NDMgTCAyNzMuNjU4NyAyMDQuMTQ0MyBMIDI3My42NTg3IDM5OS42OTMxIEwgMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDM5MS4yMTE0IDQwNC43MzMgQyA0MTMuMTMwNCA0MDQuNzMzIDQzMC4zMTg4IDM5OS41ODI5IDQ0Mi43OTMgMzg5LjI1MSBDIDQ1NS4yNTEgMzc4LjkzNDkgNDYxLjQ5NTYgMzY0LjY4MTQgNDYxLjQ5NTYgMzQ2LjUwNjIgQyA0NjEuNDk1NiAzMzMuNzE3NCA0NTguMjAxNyAzMjIuODgxNiA0NTEuNjEzOCAzMTMuOTY3MyBDIDQ0NS4wMjU0IDMwNS4wNTI5IDQzMy4wNTEzIDI5NS4zMTk1IDQxNS42NTk3IDI4NC43NjcyIEwgNDAyLjc0ODUgMjc2Ljk4NjggQyAzOTMuMDY5MyAyNzEuMDk2NSAzODYuNjIxNiAyNjYuMTM1MyAzODMuNDA1OCAyNjIuMTAzNCBDIDM4MC4xNzM4IDI1OC4wNzE0IDM3OC41NjU5IDI1My4zNzggMzc4LjU2NTkgMjQ4LjAyMzEgQyAzNzguNTY1OSAyNDEuNTM0MiAzODEuMDE3MSAyMzYuMzA1MyAzODUuOTM0NiAyMzIuMzA0OCBDIDM5MC44MzY5IDIyOC4zMjAyIDM5Ny4zNjIzIDIyNi4zMTk5IDQwNS41MTE3IDIyNi4zMTk5IEMgNDE2LjA0OTggMjI2LjMxOTkgNDMwLjM4MTMgMjMwLjAyMTEgNDQ4LjUwNjggMjM3LjQwNzggTCA0NDguNTA2OCAyMDYuMTYwMyBDIDQzMC41Mzc2IDIwMS40NjY4IDQxNC4zOTUgMTk5LjEwNDQgNDAwLjA3OTEgMTk5LjEwNDQgQyAzODIuMTg4IDE5OS4xMDQ0IDM2Ny43OTM5IDIwNC4wMDI1IDM1Ni45MTI2IDIxMy43OTg5IEMgMzQ2LjAzMDggMjIzLjU5NTIgMzQwLjU5ODEgMjM2LjU1NzMgMzQwLjU5ODEgMjUyLjcwMDcgQyAzNDAuNTk4MSAyNjQuNzk2NiAzNDMuOTIzMyAyNzUuMzQ4OSAzNTAuNTg5NCAyODQuMzg5MyBDIDM1Ny4yNDAyIDI5My40Mjk2IDM2OC42NTIzIDMwMi44NjM3IDM4NC44MjYyIDMxMi42NzU4IEwgMzk2Ljg5NCAzMTkuOTA0OSBDIDQwNi42MzU3IDMyNS44NTgzIDQxMy4xNzcyIDMzMS4wMjQyIDQxNi41MTgxIDMzNS4zODY5IEMgNDE5Ljg1OTQgMzM5Ljc2NTMgNDIxLjUyOTggMzQ1LjEyMDIgNDIxLjUyOTggMzUxLjQ1MTYgQyA0MjEuNTI5OCAzNTkuNDg0IDQxOC43NTA1IDM2NS44NDY5IDQxMy4xOTI5IDM3MC41MDg4IEMgNDA3LjYzNTMgMzc1LjE4NjUgNDAwLjAxNjYgMzc3LjUxNzUgMzkwLjM2ODcgMzc3LjUxNzUgQyAzNzYuNTY3OSAzNzcuNTE3NSAzNTkuOTg3OCAzNzMuMTU0OCAzNDAuNTk4MSAzNjQuNDEzNyBMIDM0MC41OTgxIDM5Ny42NzcxIEMgMzU5LjgzMTUgNDAyLjM3MDYgMzc2LjY5MjQgNDA0LjczMyAzOTEuMjExNCA0MDQuNzMzIEwgMzkxLjIxMTQgNDA0LjczMyBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjI4LjUgMzYwLjU4MzggQyA2MDguMzE2NCAzNzAuMDE5MyA2MDYuMTc0MyAzNzYuNzI1IDU4Ni4zNzM1IDM3Ni43MjUgQyA1NjQuMjc1NCAzNzYuNzI1IDU0Ny4wMzIyIDM3MC4xMTM4IDUzNC42NDM2IDM1Ni44OTE0IEMgNTIyLjIzNzggMzQzLjY2OTEgNTE2LjA0MzUgMzI1LjI1NTYgNTE2LjA0MzUgMzAxLjYxOTUgQyA1MTYuMDQzNSAyNzcuNTczMSA1MjEuNzg1MiAyNTkuMDAxOCA1MzMuMzAzNyAyNDUuOTA1NyBDIDU0NC44MjIzIDIzMi44MDk2IDU2MS4xNzgyIDIzMS4yNzA2IDU4Mi4zODg3IDIzMS4yNzA2IEMgNTk4Ljk3MDcgMjMxLjI3MDYgNjAxLjcwNDYgMjM1LjMwOTkgNjI2LjI3MjkgMjQzLjM4ODUgTCA2MjYuMjcyOSAyMTEuMDc0MiBDIDYwNC4xODggMjA0LjU3OSA2MDAuNjIzIDIwMSA1NzguNjgyNiAyMDEgQyA1NDQuMzAwOCAyMDEgNTE3Ljg1MyAyMDcuOTExMiA0OTkuMzA0NyAyMjUuNzA5MyBDIDQ4MC43NTY4IDI0My41MjMyIDQ3MS41IDI2OC45NTgxIDQ3MS41IDMwMS45OTgyIEMgNDcxLjUgMzM0LjQzODcgNDgwLjcyMjIgMzU5LjcxNTggNDk5LjE2NTUgMzc3LjgyOTUgQyA1MTcuNjA4OSAzOTUuOTQzMSA1NDMuMzYwOCA0MDUgNTc2LjQyMDQgNDA1IEMgNjAzLjQ5NDYgNDA1IDYwOC45NjA0IDQwMC45NjA3IDYyOC41IDM5Mi44ODIxIEwgNjI4LjUgMzYwLjU4MzggWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDk3MS4xMDM1IDM5OS42OTMxIEwgMTAzNi4wMTc2IDIwNC4xNDQzIEwgMTAwNC44Mzc0IDIwNC4xNDQzIEwgOTU0LjU4MyAzNTUuNDk5MyBMIDkwMy4yNTE1IDIwNC4xNDQzIEwgODY1LjE2MDIgMjA0LjE0NDMgTCA5MzEuNDc5NSAzOTkuNjkzMSBMIDk3MS4xMDM1IDM5OS42OTMxIFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSAxMTc3Ljg5NiAzOTkuNjkzMSBMIDExNzcuODk2IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDMxMy4wMDY1IEwgMTE1Ny45MTMxIDMxMy4wMDY1IEwgMTE1Ny45MTMxIDI4NS43OTEgTCAxMDk3Ljk2MzQgMjg1Ljc5MSBMIDEwOTcuOTYzNCAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAzOTkuNjkzMSBMIDExNzcuODk2IDM5OS42OTMxIEwgMTE3Ny44OTYgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDEyNDIuODM5NCAzOTkuNjkzMSBMIDEyNDIuODM5NCAzMjAuMDYyNCBMIDEyNjMuMDA5OCAzMjAuMDYyNCBMIDEzMDcuOTA5MiAzOTkuNjkzMSBMIDEzNTMuNzQ1NiAzOTkuNjkzMSBMIDEyOTQuMzc0IDMwOC4yODE2IEMgMTMwNS4zODA0IDMwMy4wMDU0IDEzMTQuMDI5MyAyOTUuNDE0MSAxMzIwLjMyMDggMjg1LjUyMzIgQyAxMzI2LjYxMjMgMjc1LjYzMjQgMTMyOS43NjU2IDI2NC42NTQ4IDEzMjkuNzY1NiAyNTIuNTkwNSBDIDEzMjkuNzY1NiAyMjAuMzAzNSAxMzExLjUzMTMgMjA0LjE0NDMgMTI3NS4wNjIgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgWk0gMTI0Mi44Mzk0IDIzMS4zNTk4IEwgMTI1NS43MzQ5IDIzMS4zNTk4IEMgMTI3OS43NzY5IDIzMS4zNTk4IDEyOTEuNzk3OSAyNDAuMDIyMiAxMjkxLjc5NzkgMjU3LjMxNTQgQyAxMjkxLjc5NzkgMjgxLjAwMzEgMTI3OC4zMjUyIDI5Mi44NDY5IDEyNTEuMzk0NSAyOTIuODQ2OSBMIDEyNDIuODM5NCAyOTIuODQ2OSBMIDEyNDIuODM5NCAyMzEuMzU5OCBMIDEyNDIuODM5NCAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDY0NS41IDMwMi41IEMgNjQ1LjUgMjQzLjEyODYgNjkzLjYyODQgMTk1IDc1MyAxOTUgQyA4MTIuMzcxNiAxOTUgODYwLjUgMjQzLjEyODYgODYwLjUgMzAyLjUgQyA4NjAuNSAzNjEuODcxNCA4MTIuMzcxNiA0MTAgNzUzIDQxMCBDIDY5My42Mjg0IDQxMCA2NDUuNSAzNjEuODcxNCA2NDUuNSAzMDIuNSBaIiBmaWxsPSJ1cmwoI2dyYWRpZW50MSkiLz4NCQk8L2c+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gNDM3IDUyNCBMIDQzNyA0NzkuMDYyNSBMIDQ2OS4zNDM4IDUyNCBMIDQ4MSA1MjQgTCA0ODEgNDU4IEwgNDcwIDQ1OCBMIDQ3MCA1MDIuOTM3NSBMIDQzNy42NTYzIDQ1OCBMIDQyNiA0NTggTCA0MjYgNTI0IEwgNDM3IDUyNCBMIDQzNyA1MjQgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUxNSBMIDUyOS4zOTk5IDUxNSBMIDUyOS4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ1OCBMIDUxNS4zOTk5IDQ1OCBMIDUxNS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNDY3IEwgNjQzLjc5OTggNDY3IEwgNjQzLjc5OTggNDU4IEwgNTgxLjc5OTggNDU4IEwgNTgxLjc5OTggNDY3IEwgNjA1Ljc5OTggNDY3IEwgNjA1Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA2OTMuMzQwOCA1MjQgTCA3MDMuNzAwMiA0NzguNDA2MyBMIDcxMy4yMTU4IDUyNCBMIDcyNi40OTcxIDUyNCBMIDc0NC4yMDAyIDQ1OCBMIDczNC41NDM5IDQ1OCBMIDcyMS43MDAyIDUwNi4zNzUgTCA3MTEuNzE1OCA0NTggTCA2OTkuNjUzMyA0NTggTCA2ODguNzAwMiA1MDYuNjU2MyBMIDY3Ni4yNzgzIDQ1OCBMIDY2My4yMDAyIDQ1OCBMIDY4MC4yMTU4IDUyNCBMIDY5My4zNDA4IDUyNCBMIDY5My4zNDA4IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODI2LjM4MTMgNTE0Ljg1OTQgQyA4MzIuNTIyIDUwOC43NjU2IDgzNS42MDAxIDUwMC40Mzc1IDgzNS42MDAxIDQ4OS44NzUgQyA4MzUuNjAwMSA0NzkuNTQ2OSA4MzIuNTIyIDQ3MS4zMTI1IDgyNi4zODEzIDQ2NS4xODc1IEMgODIwLjIyNTEgNDU5LjA2MjUgODExLjk3NTEgNDU2IDgwMS42MTU3IDQ1NiBDIDc5MS4xOTM4IDQ1NiA3ODIuOTEyNiA0NTkuMDYyNSA3NzYuNzg3NiA0NjUuMTg3NSBDIDc3MC42NjI2IDQ3MS4zMTI1IDc2Ny42MDAxIDQ3OS41OTM4IDc2Ny42MDAxIDQ5MCBDIDc2Ny42MDAxIDUwMC4zMTI1IDc3MC42NDcgNTA4LjU0NjkgNzc2Ljc0MDcgNTE0LjczNDQgQyA3ODIuODM0NSA1MjAuOTIxOSA3OTAuOTc1MSA1MjQgODAxLjE2MjYgNTI0IEMgODExLjgxODggNTI0IDgyMC4yMjUxIDUyMC45NTMxIDgyNi4zODEzIDUxNC44NTk0IEwgODI2LjM4MTMgNTE0Ljg1OTQgWk0gNzg3LjAyMiA1MDguMTQwNiBDIDc4My4zOTcgNTAzLjU2MjUgNzgxLjYwMDEgNDk3LjUxNTYgNzgxLjYwMDEgNDg5Ljk4NDQgQyA3ODEuNjAwMSA0ODIuMzkwNiA3ODMuNDEyNiA0NzYuMzI4MSA3ODcuMDUzMiA0NzEuNzk2OSBDIDc5MC42NzgyIDQ2Ny4yNjU2IDc5NS41Mzc2IDQ2NSA4MDEuNjMxMyA0NjUgQyA4MDcuNjMxMyA0NjUgODEyLjQ1OTUgNDY3LjI2NTYgODE2LjExNTcgNDcxLjc5NjkgQyA4MTkuNzcyIDQ3Ni4zMjgxIDgyMS42MDAxIDQ4Mi4zNDM4IDgyMS42MDAxIDQ4OS44NDM4IEMgODIxLjYwMDEgNDk3LjU3ODEgODE5Ljc3MiA1MDMuNzAzMSA4MTYuMTQ3IDUwOC4yMTg4IEMgODEyLjUwNjMgNTEyLjc1IDgwNy41Njg4IDUxNSA4MDEuMzM0NSA1MTUgQyA3OTUuNDEyNiA1MTUgNzkwLjY0NyA1MTIuNzE4OCA3ODcuMDIyIDUwOC4xNDA2IEwgNzg3LjAyMiA1MDguMTQwNiBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODgwIDUyNCBMIDg4MCA0OTcgTCA4ODYuMzkwNiA0OTcgTCA5MDMuMDkzOCA1MjQgTCA5MjAgNTI0IEwgODk4LjIzNDQgNDkzLjI1IEMgOTAyLjIwMzEgNDkxLjQ2ODggOTA1LjMxMjUgNDg4Ljg5MDYgOTA3LjU5MzggNDg1LjU0NjkgQyA5MDkuODU5NCA0ODIuMjAzMSA5MTEgNDc4LjQ4NDQgOTExIDQ3NC4zOTA2IEMgOTExIDQ2My40Njg4IDkwNC4yNjU2IDQ1OCA4OTAuODEyNSA0NTggTCA4NjYgNDU4IEwgODY2IDUyNCBMIDg4MCA1MjQgTCA4ODAgNTI0IFpNIDg4MCA0NjcgTCA4ODQuNDg0NCA0NjcgQyA4OTIuODI4MSA0NjcgODk3IDQ2OS45NTMxIDg5NyA0NzUuODU5NCBDIDg5NyA0ODMuOTUzMSA4OTIuMzEyNSA0ODggODgyLjk2ODggNDg4IEwgODgwIDQ4OCBMIDg4MCA0NjcgTCA4ODAgNDY3IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA5NjEuMzk5OSA1MjQgTCA5NjEuMzk5OSA0OTEuNTMxMyBMIDk4Ni42NjU1IDUyNCBMIDEwMDMuNjQ5OSA1MjQgTCA5NzUuMjU5MyA0ODcuNTE1NiBMIDk5Ny42NDk5IDQ1OCBMIDk4NS42ODEyIDQ1OCBMIDk2MS4zOTk5IDQ5MCBMIDk2MS4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJPC9nPg0JPC9nPg08L3N2Zz4='), url('../img/white-bg4.png');
    background-size: auto 36%,12% 70%;
    background-repeat: no-repeat,no-repeat;
    background-position: 90.5% 42%, 93% 37%;
}

.addnew-card-popup .form-group .form-control.visa {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjU5LjA1NXB4IiBoZWlnaHQ9IjIwMi4wNjlweCIgdmlld0JveD0iMCAwIDY1OS4wNTUgMjAyLjA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjU5LjA1NSAyMDIuMDY5Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBmaWxsPSIjMDAyNDlGIiBwb2ludHM9IjIzMi4xNzgsMTk5LjE2NCAyNjUuNTM5LDMuNDAyIDMxOC44OTgsMy40MDIgMjg1LjUxNCwxOTkuMTY0IAkJIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik00NzkuMDQsOC4yMjJDNDY4LjQ2OCw0LjI1Niw0NTEuOTA0LDAsNDMxLjIxNywwYy01Mi43MjQsMC04OS44NjMsMjYuNTUyLTkwLjE4LDY0LjYwNA0KCQkJYy0wLjI5NywyOC4xMjksMjYuNTE0LDQzLjgyLDQ2Ljc1NCw1My4xODVjMjAuNzcsOS41OTUsMjcuNzUyLDE1LjcxNSwyNy42NTIsMjQuMjgzYy0wLjEzMSwxMy4xMjItMTYuNTg2LDE5LjExNy0zMS45MjIsMTkuMTE3DQoJCQljLTIxLjM1NywwLTMyLjcwMy0yLjk2Ny01MC4yMjctMTAuMjc2bC02Ljg3Ni0zLjExMWwtNy40ODksNDMuODIzYzEyLjQ2Miw1LjQ2NCwzNS41MDksMTAuMTk5LDU5LjQzOCwxMC40NDQNCgkJCWM1Ni4wODksMCw5Mi41MDEtMjYuMjQ3LDkyLjkxNS02Ni44ODJjMC4yMDEtMjIuMjctMTQuMDE2LTM5LjIxNy00NC43OTktNTMuMTg4Yy0xOC42NTEtOS4wNTYtMzAuMDczLTE1LjA5OS0yOS45NTItMjQuMjY5DQoJCQljMC04LjEzNyw5LjY2OC0xNi44MzgsMzAuNTU3LTE2LjgzOGMxNy40NDktMC4yNzEsMzAuMDg4LDMuNTM0LDM5LjkzNyw3LjVsNC43ODEsMi4yNTlMNDc5LjA0LDguMjIyIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik02MTUuODY3LDMuNTg5aC00MS4yMzFjLTEyLjc3MiwwLTIyLjMzMSwzLjQ4Ni0yNy45NCwxNi4yMzRMNDY3LjQ1LDE5OS4yMjZoNTYuMDMxDQoJCQljMCwwLDkuMTYxLTI0LjEyMiwxMS4yMzMtMjkuNDE4YzYuMTIzLDAsNjAuNTU1LDAuMDg0LDY4LjMzNiwwLjA4NGMxLjU5Nyw2Ljg1Myw2LjQ5MiwyOS4zMzQsNi40OTIsMjkuMzM0aDQ5LjUxMkw2MTUuODY3LDMuNTg5DQoJCQkgTTU1MC4wNywxMjkuNzY3YzQuNDEzLTExLjI3OSwyMS4yNTktNTQuNzI0LDIxLjI1OS01NC43MjRjLTAuMzE1LDAuNTIxLDQuMzgtMTEuMzM0LDcuMDc1LTE4LjY4NGwzLjYwNiwxNi44NzgNCgkJCWMwLDAsMTAuMjE3LDQ2LjcyOSwxMi4zNTMsNTYuNTI4TDU1MC4wNywxMjkuNzY3TDU1MC4wNywxMjkuNzY3eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDAyNDlGIiBkPSJNMTg3LjQyNSwzLjU0NWwtNTIuMjQsMTMzLjQ5NWwtNS41NjYtMjcuMTI5Yy05LjcyNS0zMS4yNzMtNDAuMDI1LTY1LjE1Ni03My44OTktODIuMTE5bDQ3Ljc2NywxNzEuMjAzDQoJCQlsNTYuNDU1LTAuMDY0TDI0My45NDYsMy41NDVIMTg3LjQyNSIvPg0KCQk8cGF0aCBmaWxsPSIjRkZBMDAwIiBkPSJNODYuNzIyLDMuNDI0SDAuNjgxTDAsNy40OTdDNjYuOTM5LDIzLjcwMSwxMTEuMjMyLDYyLjg2LDEyOS42MTgsMTA5LjkxMWwtMTguNzA5LTg5Ljk2DQoJCQlDMTA3LjY3OSw3LjU1NSw5OC4zMTEsMy44NTYsODYuNzIyLDMuNDI0Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo='),
        url('../img/white-bg4.png');
        background-size: auto 20%,12% 70%;
        background-repeat: no-repeat,no-repeat;
        background-position: 90.5% 42%, 93% 37%;
}

.addnew-card-popup .form-group .form-control.amex {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMjgxLjg5MDAxIgogICBoZWlnaHQ9IjEzMC40MjM2MyIKICAgdmlld0JveD0iMCAwIDI4MS44OTAwMSAxMzAuNDIzNjMiCiAgIGlkPSJMYXllcl8xIgogICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhMzgiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnMzNiIgLz4KPHJhZGlhbEdyYWRpZW50CiAgIGN4PSI1Ny4zODgxOTkiCiAgIGN5PSI1Ny4wMjEiCiAgIHI9IjI2NC41Nzk3MSIKICAgaWQ9IlNWR0lEXzFfIgogICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMTA3NTQsMCwwLDAuNDYwOTE2MjQsLTcuNjQ3MjE1MSwtMy41MDIwNDMpIj4KCTxzdG9wCiAgIGlkPSJzdG9wNCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzlkZDVmNjtzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwIiAvPgoJPHN0b3AKICAgaWQ9InN0b3A2IgogICBzdHlsZT0ic3RvcC1jb2xvcjojOThkM2Y1O3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMDcxMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wOCIKICAgc3R5bGU9InN0b3AtY29sb3I6Izg5Y2VmMztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwLjE1NzUiIC8+Cgk8c3RvcAogICBpZD0ic3RvcDEwIgogICBzdHlsZT0ic3RvcC1jb2xvcjojNzBjNmVmO3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMjUxNiIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTIiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZWJiZWE7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC4zNTEzOTk5OSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTQiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMyM2FkZTM7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC40NTQ2MDAwMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTYiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMwZGE2ZTA7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC41IiAvPgoJPHN0b3AKICAgaWQ9InN0b3AxOCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzJlNzdiYztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIxIiAvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cGF0aAogICBkPSJNIDI4Mi4yNDgyMSwwIEggMCBWIDEzMC40MjM2MyBIIDI4Mi4yNDgyMSBWIDg3LjM4MDUwNyBjIDEuMTIxMiwtMC43NDYyMiAxLjY3NDgsLTEuNzAwNzggMS42NzQ4LC0yLjg2NzgyIDAsLTEuMzM1NzQgLTAuNTUzNiwtMi4xNjMwOSAtMS42NzQ4LC0yLjg2IgogICBpZD0icGF0aDIwIgogICBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKSIgLz4KPGcKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNjM5LC04OC45NTM5MzMpIgogICBpZD0iZzIyIj4KCTxkZWZzCiAgIGlkPSJkZWZzMjQiPgoJCTxwYXRoCiAgIGQ9Ik0gMjg5LjU4NCw3LjU5OCBIIDcuNjM5IHYgMjgyLjk2NiBoIDI4MS45NDUgdiAtOTMuMzg2IGMgMS4xMiwtMS42MTkgMS42NzMsLTMuNjkgMS42NzMsLTYuMjIyIDAsLTIuODk4IC0wLjU1MywtNC42OTMgLTEuNjczLC02LjIwNSIKICAgaWQ9IlNWR0lEXzJfIiAvPgoJPC9kZWZzPgoJPGNsaXBQYXRoCiAgIGlkPSJTVkdJRF8zXyI+CgkJPHVzZQogICBpZD0idXNlMjgiCiAgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIgogICB4PSIwIgogICB5PSIwIgogICB3aWR0aD0iMzAwIgogICBoZWlnaHQ9IjMwMCIKICAgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAvPgoJPC9jbGlwUGF0aD4KPC9nPgo8cGF0aAogICBkPSJtIDI1LjQxNCw0MS4wODgwNjcgLTUuNDI0LC0xMy4yMTcgLTUuMzkzLDEzLjIxNyBtIDEzMC4zMDcsLTUuMjYzIGMgLTEuMDg5LDAuNjYxIC0yLjM3NywwLjY4MyAtMy45MiwwLjY4MyBoIC05LjYyNyB2IC03LjM2NCBoIDkuNzU4IGMgMS4zODEsMCAyLjgyMiwwLjA2MiAzLjc1OCwwLjU5OCAxLjAyOCwwLjQ4MyAxLjY2NCwxLjUxMSAxLjY2NCwyLjkzMSAwLDEuNDQ5IC0wLjYwNSwyLjYxNSAtMS42MzMsMy4xNTIgeiBtIDY4LjY3OCw1LjI2MyAtNS40ODQsLTEzLjIxNyAtNS40NTQsMTMuMjE3IGggMTAuOTM4IHogbSAtMTI4LjAyLDE0LjMwNiBoIC04LjEyNCBsIC0wLjAzLC0yNS45NjYgLTExLjQ5MSwyNS45NjYgaCAtNi45NTggbCAtMTEuNTIxLC0yNS45ODkgdiAyNS45ODkgSCAzMS4zMiBsIC0zLjA0NSwtNy4zOTUgaCAtMTYuNSBsIC0zLjA3Niw3LjM5NSBIIDAuMDkyIGwgMTQuMTkxLC0zMy4xNTQgaCAxMS43NzQgbCAxMy40NzgsMzEuMzkgdiAtMzEuMzkgaCAxMi45MzQgbCAxMC4zNzEsMjIuNDkxIDkuNTI3LC0yMi40OTEgaCAxMy4xOTQgdiAzMy4xNTQgeiBtIDMyLjM3OSwwIEggOTEuNDY4IHYgLTMzLjE1NCBoIDI2LjQ3MyB2IDYuOTA0IEggOTkuMzkzIHYgNS45NzYgaCAxOC4xMDMgdiA2Ljc5NiBIIDk5LjM5MyB2IDYuNjIxIGggMTguNTQ4IHYgNi44NTcgeiBtIDM3LjMyNiwtMjQuMjI1IGMgMCw1LjI4NiAtMy41MjgsOC4wMTcgLTUuNTg0LDguODM3IDEuNzM0LDAuNjYgMy4yMTUsMS44MjYgMy45MiwyLjc5MiAxLjExOSwxLjY0OSAxLjMxMiwzLjEyMiAxLjMxMiw2LjA4MyB2IDYuNTEzIGggLTcuOTkzIGwgLTAuMDMsLTQuMTgxIGMgMCwtMS45OTUgMC4xOTEsLTQuODY0IC0xLjI1MSwtNi40NTkgLTEuMTU4LC0xLjE2NiAtMi45MjMsLTEuNDE5IC01Ljc3NiwtMS40MTkgaCAtOC41MDcgdiAxMi4wNTkgaCAtNy45MjQgdiAtMzMuMTU0IGggMTguMjI3IGMgNC4wNSwwIDcuMDM0LDAuMTA3IDkuNTk2LDEuNTg4IDIuNTA3LDEuNDgxIDQuMDEsMy42NDMgNC4wMSw3LjM0MSB6IG0gMTIuNjgyLDI0LjIyNSBoIC04LjA4NiB2IC0zMy4xNTQgaCA4LjA4NiB2IDMzLjE1NCB6IG0gOTMuODA4LDAgaCAtMTEuMjMgbCAtMTUuMDIxLC0yNC44ODQgdiAyNC44ODQgaCAtMTYuMTM5IGwgLTMuMDg0LC03LjM5NSBoIC0xNi40NjIgbCAtMi45OTIsNy4zOTUgaCAtOS4yNzMgYyAtMy44NTIsMCAtOC43MjksLTAuODUyIC0xMS40OTEsLTMuNjY3IC0yLjc4NSwtMi44MTUgLTQuMjM0LC02LjYyOCAtNC4yMzQsLTEyLjY1NyAwLC00LjkxNyAwLjg2NiwtOS40MTIgNC4yNzIsLTEyLjk2NCAyLjU2MiwtMi42NDYgNi41NzQsLTMuODY2IDEyLjAzNSwtMy44NjYgaCA3LjY3MiB2IDcuMTA0IGggLTcuNTExIGMgLTIuODkyLDAgLTQuNTI1LDAuNDMgLTYuMDk4LDEuOTY0IC0xLjM1MSwxLjM5NiAtMi4yNzgsNC4wMzUgLTIuMjc4LDcuNTEgMCwzLjU1MiAwLjcwNiw2LjExMyAyLjE3OSw3Ljc4NiAxLjIyLDEuMzEyIDMuNDM3LDEuNzEgNS41MjMsMS43MSBoIDMuNTU5IGwgMTEuMTY5LC0yNi4wNzMgaCAxMS44NzQgbCAxMy40MTcsMzEuMzU5IHYgLTMxLjM1OSBoIDEyLjA2NiBsIDEzLjkzLDIzLjA5IHYgLTIzLjA5IGggOC4xMTcgdiAzMy4xNTMgeiBNIDAsNjEuOTA2MDY3IGggMTMuNTQgbCAzLjA1MywtNy4zNjQgaCA2LjgzNSBsIDMuMDQ1LDcuMzY0IGggMjYuNjQxIHYgLTUuNjMgbCAyLjM3OCw1LjY1NCBoIDEzLjgzIGwgMi4zNzgsLTUuNzM4IHYgNS43MTQgaCA2Ni4yMDggbCAtMC4wMzEsLTEyLjA4OCBoIDEuMjgxIGMgMC44OTcsMC4wMzEgMS4xNTksMC4xMTQgMS4xNTksMS41OTUgdiAxMC40OTMgaCAzNC4yNDMgdiAtMi44MTQgYyAyLjc2MiwxLjQ4IDcuMDU4LDIuODE0IDEyLjcxMSwyLjgxNCBoIDE0LjQwNiBsIDMuMDgzLC03LjM2NCBoIDYuODM1IGwgMy4wMTUsNy4zNjQgaCAyNy43NjEgdiAtNi45OTUgbCA0LjIwNCw2Ljk5NSBoIDIyLjI0NiB2IC00Ni4yNCBoIC0yMi4wMTYgdiA1LjQ2MSBsIC0zLjA4MywtNS40NjEgaCAtMjIuNTkxIHYgNS40NjEgbCAtMi44MzEsLTUuNDYxIGggLTMwLjUxNSBjIC01LjEwOCwwIC05LjU5OCwwLjcxMyAtMTMuMjI1LDIuNyB2IC0yLjcgaCAtMjEuMDU4IHYgMi43IGMgLTIuMzA4LC0yLjA0OCAtNS40NTMsLTIuNyAtOC45NSwtMi43IEggNjcuNjE5IGwgLTUuMTYyLDExLjk0MyAtNS4zMDEsLTExLjk0MyBIIDMyLjkyNCB2IDUuNDYxIGwgLTIuNjYyLC01LjQ2MSBIIDkuNTk2IGwgLTkuNTk3LDIxLjk4NSB2IDI0LjI1NSB6IgogICBpZD0icGF0aDMwIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8cGF0aAogICBkPSJtIDI4MS45NDUsODYuMzYxMDY3IGggLTE0LjQ0MyBjIC0xLjQ0MiwwIC0yLjQsMC4wNTQgLTMuMjA3LDAuNTk5IC0wLjgzNiwwLjUzNyAtMS4xNTgsMS4zMzQgLTEuMTU4LDIuMzg2IDAsMS4yNTEgMC43MDYsMi4xMDIgMS43MzMsMi40NyAwLjgzNiwwLjI5MSAxLjczNCwwLjM3NiAzLjA1NCwwLjM3NiBsIDQuMjk1LDAuMTE1IGMgNC4zMzQsMC4xMDcgNy4yMjcsMC44NTIgOC45OTEsMi42NjkgMC4zMjEsMC4yNTMgMC41MTQsMC41MzcgMC43MzUsMC44MjEgbSAwLDEyLjQyNzAwMyBjIC0xLjkyNSwyLjgxNSAtNS42NzYsNC4yNDIgLTEwLjc1NCw0LjI0MiBoIC0xNS4zMDQgdiAtNy4xMTEgaCAxNS4yNDIgYyAxLjUxMiwwIDIuNTcsLTAuMTk5IDMuMjA3LC0wLjgyMSAwLjU1MiwtMC41MTMgMC45MzcsLTEuMjU4IDAuOTM3LC0yLjE2MyAwLC0wLjk2NiAtMC4zODUsLTEuNzMzIC0wLjk2OCwtMi4xOTMgLTAuNTc1LC0wLjUwNjAwMyAtMS40MTIsLTAuNzM2MDAzIC0yLjc5MiwtMC43MzYwMDMgLTcuNDQxLC0wLjI1MyAtMTYuNzI0LDAuMjMgLTE2LjcyNCwtMTAuMjY0IDAsLTQuODEgMy4wNTQsLTkuODczIDExLjM3LC05Ljg3MyBoIDE1Ljc4NSB2IC02LjU5OCBoIC0xNC42NjYgYyAtNC40MjYsMCAtNy42NDEsMS4wNiAtOS45MTgsMi43MDggdiAtMi43MDggaCAtMjEuNjkzIGMgLTMuNDY5LDAgLTcuNTQxLDAuODYgLTkuNDY3LDIuNzA4IHYgLTIuNzA4IGggLTM4LjczOCB2IDIuNzA4IGMgLTMuMDgzLC0yLjIyNCAtOC4yODUsLTIuNzA4IC0xMC42ODYsLTIuNzA4IGggLTI1LjU1MiB2IDIuNzA4IGMgLTIuNDM5LC0yLjM2MiAtNy44NjMsLTIuNzA4IC0xMS4xNjksLTIuNzA4IGggLTI4LjU5NyBsIC02LjU0NCw3LjA4MiAtNi4xMjksLTcuMDgyIEggNTYuMDY3IHYgNDYuMjcyMDAzIGggNDEuOTE0IGwgNi43NDMsLTcuMTk0IDYuMzUyLDcuMTk0IDI1LjgzNiwwLjAyMyB2IC0xMC44ODUgaCAyLjU0IGMgMy40MjgsMC4wNTMgNy40NzEsLTAuMDg1IDExLjAzOCwtMS42MjcgdiAxMi40ODggaCAyMS4zMSB2IC0xMi4wNiBoIDEuMDI4IGMgMS4zMTIsMCAxLjQ0MSwwLjA1NCAxLjQ0MSwxLjM2NSB2IDEwLjY5NCBoIDY0LjczNiBjIDQuMTEsMCA4LjQwNiwtMS4wNTIgMTAuNzg1LC0yLjk2MSB2IDIuOTYxIGggMjAuNTM0IGMgNC4yNzMsMCA4LjQ0NiwtMC41OTkgMTEuNjIxLC0yLjEzMyB2IC04LjYyIHogTSAyNTAuMzM0LDk0Ljk3NjA2NyBjIDEuNTQzLDEuNTk3IDIuMzcsMy42MTMgMi4zNyw3LjAyNjAwMyAwLDcuMTM0IC00LjQ1NywxMC40NjQgLTEyLjQ0OSwxMC40NjQgSCAyMjQuODIgdiAtNy4xMTEgaCAxNS4zNzMgYyAxLjUwMywwIDIuNTY5LC0wLjE5OSAzLjIzNywtMC44MjEgMC41NDUsLTAuNTEzIDAuOTM2LC0xLjI1OCAwLjkzNiwtMi4xNjMgMCwtMC45NjYgLTAuNDIzLC0xLjczMyAtMC45NjcsLTIuMTkzIC0wLjYwNiwtMC41MDYwMDMgLTEuNDQyLC0wLjczNjAwMyAtMi44MjIsLTAuNzM2MDAzIC03LjQxMSwtMC4yNTMgLTE2LjY5MiwwLjIzIC0xNi42OTIsLTEwLjI2NCAwLC00LjgxIDMuMDIyLC05Ljg3MyAxMS4zMywtOS44NzMgaCAxNS44ODcgdiA3LjA1OCBoIC0xNC41MzcgYyAtMS40NDEsMCAtMi4zNzgsMC4wNTQgLTMuMTc1LDAuNTk5IC0wLjg2OCwwLjUzNyAtMS4xOSwxLjMzNCAtMS4xOSwyLjM4NiAwLDEuMjUxIDAuNzM3LDIuMTAyIDEuNzM0LDIuNDcgMC44MzYsMC4yOTEgMS43MzQsMC4zNzYgMy4wODQsMC4zNzYgbCA0LjI2NiwwLjExNSBjIDQuMzAyLDAuMTA1IDcuMjU1LDAuODQ5IDkuMDUsMi42NjcgeiBtIC03MS41MDgsLTIuMDQ4IGMgLTEuMDYsMC42MjkgLTIuMzcxLDAuNjgzIC0zLjkxMywwLjY4MyBoIC05LjYyNyB2IC03LjQ0OCBoIDkuNzU4IGMgMS40MTEsMCAyLjgyMywwLjAzIDMuNzgyLDAuNTk5IDEuMDI3LDAuNTM3IDEuNjQxLDEuNTY0IDEuNjQxLDIuOTgzIDAsMS40MTkgLTAuNjE0LDIuNTYyIC0xLjY0MSwzLjE4MyB6IG0gNC43ODYsNC4xMjcgYyAxLjc2NCwwLjY1MSAzLjIwNiwxLjgxOCAzLjg4MiwyLjc4NCAxLjExOSwxLjYxOTAwMyAxLjI4MSwzLjEzMDAwMyAxLjMxMyw2LjA1MzAwMyB2IDYuNTc0IGggLTcuOTU2IHYgLTQuMTQ5IGMgMCwtMS45OTUgMC4xOTIsLTQuOTQ5IC0xLjI4MSwtNi40OTEgLTEuMTU4LC0xLjE4OCAtMi45MjMsLTEuNDcyIC01LjgxNCwtMS40NzIgaCAtOC40NjkgdiAxMi4xMTIgaCAtNy45NjMgViA3OS4zMDQwNjcgaCAxOC4yOTYgYyA0LjAxMiwwIDYuOTM0LDAuMTc3IDkuNTM1LDEuNTY1IDIuNTAxLDEuNTExIDQuMDc0LDMuNTgxIDQuMDc0LDcuMzY0IC0wLjAwMSw1LjI5MyAtMy41MzEsNy45OTQgLTUuNjE3LDguODIyIHogbSAxMC4wMTEsLTE3Ljc1MSBoIDI2LjQ0OSB2IDYuODU4IGggLTE4LjU1NyB2IDYuMDI5IGggMTguMTA0IHYgNi43NjYgaCAtMTguMTA0IHYgNi41OTgwMDMgbCAxOC41NTcsMC4wMyB2IDYuODgxIEggMTkzLjYyMyBWIDc5LjMwNDA2NyB6IG0gLTUzLjQ2NywxNS4zMDQgaCAtMTAuMjQxIHYgLTguNDQ1IGggMTAuMzMzIGMgMi44NjEsMCA0Ljg0NywxLjE2NiA0Ljg0Nyw0LjA2NiAwLDIuODY4IC0xLjg5NCw0LjM3OSAtNC45MzksNC4zNzkgeiBtIC0xOC4xMzQsMTQuODQyMDAzIC0xMi4xNjcsLTEzLjUwODAwMyAxMi4xNjcsLTEzLjA3OSB2IDI2LjU4NzAwMyB6IG0gLTMxLjQyMSwtMy44OTUgSCA3MS4xMTcgdiAtNi41OTgwMDMgaCAxNy4zOTggdiAtNi43NjYgSCA3MS4xMTcgdiAtNi4wMjkgaCAxOS44NjggbCA4LjY2OCw5LjY2NCAtOS4wNTIsOS43MjkwMDMgeiBtIDYzLjAwMiwtMTUuMzI2MDAzIGMgMCw5LjIxMiAtNi44NzMsMTEuMTE0MDAzIC0xMy44LDExLjExNDAwMyBoIC05Ljg4OCB2IDExLjEyMyBoIC0xNS40MDMgbCAtOS43NTgsLTEwLjk3OCAtMTAuMTQxLDEwLjk3OCBIIDYzLjIyMyBWIDc5LjMwNDA2NyBoIDMxLjg3MyBsIDkuNzUsMTAuODcgMTAuMDgsLTEwLjg3IGggMjUuMzIyIGMgNi4yODksMCAxMy4zNTUsMS43NDEgMTMuMzU1LDEwLjkyNSB6IgogICBpZD0icGF0aDMyIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4='), url('../img/white-bg4.png');
    background-size: auto 27%,12% 70%;
    background-repeat: no-repeat,no-repeat;
    background-position: 90.5% 42%, 93% 37%;
}

.addnew-card-popup .form-group .form-control.mastercard {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMTQ5NDgpICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMTgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0ibGF5ZXIxIj4NCgk8ZyBpZD0iZzEwMzA1Ij4NCgkJPHBhdGggaWQ9InBhdGgyMjY4IiBzdHlsZT0iZmlsbDojRkY5OTAwOyIgZD0iTTI5OC4wMzIsOTAuNWMwLjAxNCw0OC45MzYtMzkuNjQ2LDg4LjYxNC04OC41ODIsODguNjI3DQoJCQljLTQ4LjkzNywwLjAxMi04OC42MTQtMzkuNjQ2LTg4LjYyNy04OC41ODJjMC0wLjAxNiwwLTAuMDI5LDAtMC4wNDVjLTAuMDEzLTQ4LjkzNSwzOS42NDctODguNjE1LDg4LjU4MS04OC42MjgNCgkJCWM0OC45MzctMC4wMTMsODguNjE1LDM5LjY0Nyw4OC42MjgsODguNTgzQzI5OC4wMzIsOTAuNDcsMjk4LjAzMiw5MC40ODQsMjk4LjAzMiw5MC41eiIvPg0KCQk8cGF0aCBpZD0icGF0aDEzNTAiIHN0eWxlPSJmaWxsOiNDQzAwMDA7IiBkPSJNOTAuMDAxLDEuODk1QzQxLjM1NSwyLjIwNCwxLjk2Nyw0MS43ODEsMS45NjcsOTAuNQ0KCQkJYzAsNDguOTA5LDM5LjY5NSw4OC42MDQsODguNjA1LDg4LjYwNGMyMi45NTUsMCw0My44NzktOC43NDgsNTkuNjI0LTIzLjA4NmMtMC4wMDEsMC0wLjAwMy0wLjAwMi0wLjAwNy0wLjAwNGgwLjAxOQ0KCQkJYzMuMjI0LTIuOTM4LDYuMjMxLTYuMTA4LDguOTk1LTkuNDg4SDE0MS4wNWMtMi40MjQtMi45MjgtNC42MjctNS45NzktNi42MDYtOS4xMjdoMzEuMzA4YzEuOTA0LTMuMDQ3LDMuNjI4LTYuMjExLDUuMTU4LTkuNDg4DQoJCQloLTQxLjYzNWMtMS40MTktMy4wNDItMi42NTEtNi4xNTMtMy43MDMtOS4zMDloNDkuMDQ1YzIuOTU2LTguODMyLDQuNTYtMTguMjgxLDQuNTYtMjguMTAzYzAtNi41MTItMC43MDYtMTIuODYxLTIuMDQyLTE4Ljk3NA0KCQkJaC01NC4xNjRjMC42NzEtMy4xNDYsMS41MTgtNi4yNTQsMi41MjgtOS4zMDhoNDkuMDYzYy0xLjA5Ny0zLjI1LTIuMzcxLTYuNDE3LTMuODItOS40ODdIMTI5LjI3DQoJCQljMS40OTYtMy4xOTYsMy4xOTEtNi4zMDUsNS4wODQtOS4zMDdoMzEuMjg1Yy0yLjA4Mi0zLjMxNy00LjM4Ni02LjQ4Ni02Ljg3Ny05LjQ4OGgtMTcuNDQzYzIuNjk3LTMuMTc0LDUuNjY2LTYuMTYzLDguODg5LTguOTUNCgkJCWMtMTUuNzQ2LTE0LjM0LTM2LjY3Ni0yMy4wOS01OS42MzYtMjMuMDlDOTAuMzgxLDEuODk1LDkwLjE5MiwxLjg5NCw5MC4wMDEsMS44OTV6Ii8+DQoJCTxwYXRoIGlkPSJ1c2U5NDEyIiBzdHlsZT0iZmlsbDojRkNCMzQwOyIgZD0iTTI4OS4xNDMsMTM2LjgyYzAuNDgyLDAsMC45NTEsMC4xMjUsMS40MDksMC4zNzFjMC40NiwwLjI0NiwwLjgxNCwwLjYwMSwxLjA3LDEuMDYyDQoJCQljMC4yNTYsMC40NTYsMC4zODQsMC45MzcsMC4zODQsMS40MzVjMCwwLjQ5Mi0wLjEyNywwLjk2OC0wLjM3OSwxLjQyNGMtMC4yNTEsMC40NTUtMC42MDUsMC44MS0xLjA2MSwxLjA2Mw0KCQkJYy0wLjQ1MSwwLjI0OS0wLjkyOCwwLjM3NS0xLjQyNCwwLjM3NXMtMC45NzItMC4xMjYtMS40MjYtMC4zNzVjLTAuNDU1LTAuMjU0LTAuODA3LTAuNjA3LTEuMDYzLTEuMDYzDQoJCQljLTAuMjUyLTAuNDU2LTAuMzc3LTAuOTMyLTAuMzc3LTEuNDI0YzAtMC40OTgsMC4xMjctMC45NzksMC4zODQtMS40MzVjMC4yNTgtMC40NjEsMC42MTQtMC44MTMsMS4wNzEtMS4wNjINCgkJCUMyODguMTkzLDEzNi45NDUsMjg4LjY2MiwxMzYuODIsMjg5LjE0MywxMzYuODIgTTI4OS4xNDMsMTM3LjI5NWMtMC40MDEsMC0wLjc5MywwLjEwNC0xLjE3NiwwLjMxMQ0KCQkJYy0wLjM4LDAuMjA3LTAuNjc3LDAuNS0wLjg5MSwwLjg4OGMtMC4yMTcsMC4zODItMC4zMjUsMC43NzgtMC4zMjUsMS4xOTRjMCwwLjQxMiwwLjEwNiwwLjgxLDAuMzE1LDEuMTg4DQoJCQljMC4yMTQsMC4zNzcsMC41MSwwLjY3MywwLjg4OCwwLjg4NWMwLjM4MSwwLjIxMSwwLjc3NiwwLjMxNSwxLjE4OCwwLjMxNWMwLjQxNCwwLDAuODEtMC4xMDQsMS4xODktMC4zMTUNCgkJCWMwLjM3OC0wLjIxMiwwLjY3My0wLjUwOCwwLjg4NC0wLjg4NWMwLjIwOS0wLjM3OCwwLjMxMy0wLjc3NSwwLjMxMy0xLjE4OGMwLTAuNDE2LTAuMTA2LTAuODEzLTAuMzIxLTEuMTk0DQoJCQljLTAuMjEzLTAuMzg4LTAuNTExLTAuNjgxLTAuODk0LTAuODg4QzI4OS45MzQsMTM3LjM5OCwyODkuNTQ0LDEzNy4yOTUsMjg5LjE0MywxMzcuMjk1IE0yODcuODg3LDE0MS4yN3YtMy4wODJoMS4wNjINCgkJCWMwLjM2LDAsMC42MjIsMC4wMjgsMC43ODQsMC4wODhjMC4xNjIsMC4wNTcsMC4yOTEsMC4xNTQsMC4zODgsMC4yOTdjMC4wOTUsMC4xNDEsMC4xNDQsMC4yOTEsMC4xNDQsMC40NTENCgkJCWMwLDAuMjI2LTAuMDgsMC40MjItMC4yNDIsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzczLDAuMjYxLTAuNjM5LDAuMjgxYzAuMTA5LDAuMDQ1LDAuMTk2LDAuMTAyLDAuMjY0LDAuMTY0DQoJCQljMC4xMjUsMC4xMiwwLjI3NSwwLjMyMywwLjQ1NSwwLjYxbDAuMzc1LDAuNjAzaC0wLjYwNmwtMC4yNzItMC40ODVjLTAuMjE1LTAuMzgyLTAuMzg4LTAuNjItMC41MjEtMC43MTgNCgkJCWMtMC4wOTEtMC4wNjktMC4yMjQtMC4xMDUtMC4zOTctMC4xMDVoLTAuMjkzdjEuMzExaC0wLjUgTTI4OC4zODUsMTM5LjUzNWgwLjYwNGMwLjI4OCwwLDAuNDgzLTAuMDQ0LDAuNTg4LTAuMTI5DQoJCQljMC4xMDYtMC4wODgsMC4xNTktMC4yLDAuMTU5LTAuMzQyYzAtMC4wOTItMC4wMjQtMC4xNzQtMC4wNzUtMC4yNDRjLTAuMDUyLTAuMDczLTAuMTIyLTAuMTI1LTAuMjEzLTAuMTYyDQoJCQljLTAuMDg5LTAuMDM1LTAuMjU1LTAuMDU1LTAuNDk3LTAuMDU1aC0wLjU2NHYwLjkzMiIvPg0KCTwvZz4NCgk8ZyBpZD0iZzE2NDgwIj4NCgkJPGcgaWQ9ImcxMzgwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjc0NDA1LDE1Ljk5MzkpIj4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDQiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTMzLjcxOSw5OS45MjZsMS4xOC04LjAyYy0wLjY0NSwwLTEuNTkzLDAuMjc5LTIuNDMxLDAuMjc5DQoJCQkJYy0zLjI4NCwwLTMuNjk0LTEuNzU1LTMuNDM2LTMuMDM3bDMuMjM2LTE2LjEzaDQuOTkybDEuMDI5LTkuMTAzaC00LjcwNWwwLjk1OC01LjUxNkgxMjQuNw0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjgsMzEuMDIyLTUuNTY4LDM0Ljc3NmMwLDUuNTU1LDMuMTE4LDguMDI3LDcuNTE2LDcuOTg4QzEzMC4wOSwxMDEuMTM0LDEzMi43NzMsMTAwLjE4MSwxMzMuNzE5LDk5LjkyNnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTM2LjcwNiw4NC42MzhjMCwxMy4zMzIsOC43OTksMTYuNDk5LDE2LjI5NywxNi40OTkNCgkJCQljNi45MjEsMCwxMC41NS0xLjYwNCwxMC41NS0xLjYwNGwxLjY2Mi05LjFjMCwwLTUuODQ4LDIuMzc4LTEwLjYwMSwyLjM3OGMtMTAuMTMxLDAtOC4zNTUtNy41NTQtOC4zNTUtNy41NTRsMTkuNDYzLDAuMDU5DQoJCQkJYzAsMCwxLjIzOS02LjExMSwxLjIzOS04LjYwMmMwLTYuMjE3LTMuMzg3LTEzLjg0OS0xMy43NDUtMTMuODQ5QzE0My43Myw2Mi44NjcsMTM2LjcwNiw3My4wODgsMTM2LjcwNiw4NC42Mzh6IE0xNTMuMjUyLDcxLjMxMw0KCQkJCWM1LjMyNCwwLDQuMzQyLDUuOTg0LDQuMzQyLDYuNDY5SDE0Ny4xMkMxNDcuMTIsNzcuMTYyLDE0OC4xMDksNzEuMzEzLDE1My4yNTIsNzEuMzEzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgwOCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0yMTIuOTksOTkuOTIzbDEuNjg5LTEwLjI4NGMwLDAtNC42MzIsMi4zMjEtNy44MDcsMi4zMjENCgkJCQljLTYuNjkzLDAtOS4zNzgtNS4xMS05LjM3OC0xMC42MDFjMC0xMS4xMzcsNS43NTgtMTcuMjY1LDEyLjE2OC0xNy4yNjVjNC44MDgsMCw4LjY2NSwyLjY5OSw4LjY2NSwyLjY5OWwxLjU0LTkuOTkzDQoJCQkJYzAsMC00LjU1NC0zLjI4OS05LjQ1Ni0zLjMwOGMtMTQuNzQ1LTAuMDU4LTIzLjE4MiwxMC4yMDgtMjMuMTgyLDI3Ljk1NWMwLDExLjc2Myw2LjI0OCwxOS43NjgsMTcuNTA2LDE5Ljc2OA0KCQkJCUMyMDcuOTE4LDEwMS4yMTUsMjEyLjk5LDk5LjkyMywyMTIuOTksOTkuOTIzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik04MS44Myw2My4wMTJjLTYuNDY5LDAtMTEuNDI3LDIuMDc5LTExLjQyNywyLjA3OWwtMS4zNyw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgxLTEuNjYzYzMuNTEzLDAsNi4wODMsMC4zOTUsNi4wODMsMy4yNWMwLDEuNzM0LTAuMzE0LDIuMzc0LTAuMzE0LDIuMzc0cy0yLjc3Mi0wLjIzMS00LjA1Ni0wLjIzMQ0KCQkJCWMtOS4yMSwwLTE2LjcyOSwzLjQ4Mi0xNi43MjksMTMuOThjMCw4LjI3Myw1LjYyMywxMC4xNyw5LjEwOCwxMC4xN2M2LjY1NywwLDkuMjkyLTQuMjAzLDkuNDQ0LTQuMjE1bC0wLjA3NywzLjQ4OA0KCQkJCWMwLDAsOC4zMDYsMCw4LjMwNywwbDMuNzA2LTI1Ljk4Qzk0Ljc4Niw2My4zNjYsODUuMTcsNjMuMDEyLDgxLjgzLDYzLjAxMnogTTgzLjI2OCw4NC4xMDhjMC4xODEsMS41ODYtMC40MSw5LjA4Ni02LjA5Miw5LjA4Ng0KCQkJCWMtMi45MywwLTMuNjkxLTIuMjQtMy42OTEtMy41NjJjMC0yLjU4NCwxLjQwMy01LjY4Myw4LjMxNS01LjY4M0M4My40MSw4My45NDksODIuOTk3LDg0LjA2NSw4My4yNjgsODQuMTA4eiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMiIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0xMDMuNjE1LDEwMC45MDZjMi4xMjUsMCwxNC4yNzIsMC41NDEsMTQuMjcyLTExLjk5NA0KCQkJCWMwLTExLjcyMS0xMS4yNDQtOS40MDQtMTEuMjQ0LTE0LjExNGMwLTIuMzQyLDEuODMzLTMuMDgsNS4xODQtMy4wOGMxLjMyOSwwLDYuNDQ3LDAuNDIzLDYuNDQ3LDAuNDIzbDEuMTg5LTguMzMNCgkJCQljMCwwLjAwMS0zLjMxMi0wLjc0MS04LjcwNC0wLjc0MWMtNi45NzksMC0xNC4wNjMsMi43ODYtMTQuMDYzLDEyLjMxOGMwLDEwLjgwMiwxMS44MTIsOS43MTcsMTEuODEyLDE0LjI2Nw0KCQkJCWMwLDMuMDM3LTMuMywzLjI4Ny01Ljg0NCwzLjI4N2MtNC40MDEsMC04LjM2My0xLjUxMS04LjM3Ny0xLjQzOGwtMS4yNTksOC4yNDVDOTMuMjU3LDk5LjgxOSw5NS43MDIsMTAwLjkwNiwxMDMuNjE1LDEwMC45MDZ6Ig0KCQkJCS8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE0IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTI5MC44MDcsNTUuNDU1bC0xLjcwNSwxMi43MDljMCwwLTMuNTUzLTQuOTA1LTkuMTEyLTQuOTA1DQoJCQkJYy0xMC40NTksMC0xNS44NDksMTAuNDIzLTE1Ljg0OSwyMi4zOTZjMCw3LjczLDMuODQ0LDE1LjMwNywxMS42OTksMTUuMzA3YzUuNjUxLDAsOC43ODQtMy45NDEsOC43ODQtMy45NDFsLTAuNDE1LDMuMzY1aDkuMTc4DQoJCQkJbDcuMjA3LTQ0Ljg2MkwyOTAuODA3LDU1LjQ1NXogTTI4Ni43NTUsODAuMTU2YzAsNC45ODMtMi40NjgsMTEuNjQtNy41ODEsMTEuNjRjLTMuMzk2LDAtNC45ODgtMi44NTEtNC45ODgtNy4zMjQNCgkJCQljMC03LjMxNSwzLjI4NS0xMi4xNCw3LjQzMi0xMi4xNEMyODUuMDEyLDcyLjMzMiwyODYuNzU1LDc0LjY2MiwyODYuNzU1LDgwLjE1NnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MTYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMzAuNzQ5LDEwMC40MjNsNS43NDMtMzMuODdsMC44NDQsMzMuODdoNi40OTlsMTIuMTI1LTMzLjg3bC01LjM3MSwzMy44N2g5LjY1OA0KCQkJCWw3LjQzNy00NC45MjJsLTE1LjM0Mi0wLjExN2wtOS4xMjYsMjcuNTA0bC0wLjI1LTI3LjM4N2gtMTQuMDZsLTcuNTQ0LDQ0LjkyMkgzMC43NDlMMzAuNzQ5LDEwMC40MjN6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE4IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTE3Ni4xMDEsMTAwLjQ4N2MyLjc0Ni0xNS42MTUsMy43MjQtMjcuOTQ3LDExLjczMi0yNS4zOTMNCgkJCQljMS4xNS02LjA0NCwzLjg5MS0xMS4zLDUuMTQzLTEzLjg1OGMwLDAtMC4zOTYtMC41ODktMi44NzEtMC41ODljLTQuMjI1LDAtOS44NjYsOC41NzQtOS44NjYsOC41NzRsMC44NDMtNS4zMDFoLTguNzg2DQoJCQkJbC01Ljg4NCwzNi41NjZIMTc2LjEwMXoiLz4NCgkJCTxnIGlkPSJ1c2UxNDY5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQ1LjMwMDEsMCkiPg0KCQkJCTxwYXRoIGlkPSJwYXRoMTM4MTBfMV8iIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNLTYxMi41NSw2My4wMTJjLTYuNDcyLDAtMTEuNDMsMi4wNzktMTEuNDMsMi4wNzlsLTEuMzY5LDguMTI3DQoJCQkJCWMwLDAsNC4wOTUtMS42NjMsMTAuMjgtMS42NjNjMy41MTQsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTMsMi4zNzQtMC4zMTMsMi4zNzRzLTIuNzcxLTAuMjMxLTQuMDU1LTAuMjMxDQoJCQkJCWMtOS4yMTEsMC0xNi43MjksMy40ODItMTYuNzI5LDEzLjk4YzAsOC4yNzMsNS42MjIsMTAuMTcsOS4xMDcsMTAuMTdjNi42NTUsMCw5LjI5Mi00LjIwMyw5LjQ0My00LjIxNWwtMC4wNzgsMy40ODhoOC4zMDkNCgkJCQkJbDMuNzA1LTI1Ljk4Qy01OTkuNTk2LDYzLjM2Ni02MDkuMjEyLDYzLjAxMi02MTIuNTUsNjMuMDEyeiBNLTYxMS4xMTQsODQuMTA4YzAuMTgsMS41ODYtMC40MTEsOS4wODYtNi4wOTIsOS4wODYNCgkJCQkJYy0yLjkzMiwwLTMuNjkyLTIuMjQtMy42OTItMy41NjJjMC0yLjU4NCwxLjQwMi01LjY4Myw4LjMxNS01LjY4M0MtNjEwLjk3Miw4My45NDktNjExLjM4NCw4NC4wNjUtNjExLjExNCw4NC4xMDh6Ii8+DQoJCQk8L2c+DQoJCQk8cGF0aCBpZD0idXNlMTQ3MDEiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMjU1LjI2NiwxMDAuNDg3YzEuNTA4LTExLjQ4OCw0LjI5OS0yNy42MTYsMTEuNzMxLTI1LjM5Mw0KCQkJCWMxLjE0OS02LjA0NCwwLjA0MS02LjAyOC0yLjQzMy02LjAyOGMtNC4yMjgsMC01LjE2NCwwLjE1NC01LjE2NCwwLjE1NGwwLjg0NC01LjMwMWgtOC43ODVsLTUuODg0LDM2LjU2N0gyNTUuMjY2DQoJCQkJTDI1NS4yNjYsMTAwLjQ4N3oiLz4NCgkJPC9nPg0KCQk8ZyBpZD0iZzEwMjg5Ij4NCgkJCTxwYXRoIGlkPSJwYXRoNDE1NyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xMjIuNDM0LDExMy4wNTlsMS4xODEtOC4wMTljLTAuNjQ1LDAtMS41OTQsMC4yNzYtMi40MzEsMC4yNzYNCgkJCQljLTMuMjg0LDAtMy42NDYtMS43NDYtMy40MzctMy4wMzdsMi42NTMtMTYuMzYyaDQuOTkxbDEuMjA1LTguODdoLTQuNzA2bDAuOTU4LTUuNTE2aC05LjQzNA0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjksMzEuMDIzLTUuNTY5LDM0Ljc3NWMwLDUuNTU1LDMuMTE5LDguMDI5LDcuNTE3LDcuOTg5QzExOC44MDYsMTE0LjI2NiwxMjEuNDg4LDExMy4zMTMsMTIyLjQzNCwxMTMuMDU5eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTU1IiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTEyNS40MjMsOTcuNzdjMCwxMy4zMzIsOC44LDE2LjUsMTYuMjk3LDE2LjVjNi45MiwwLDkuOTY1LTEuNTQ3LDkuOTY1LTEuNTQ3DQoJCQkJbDEuNjYyLTkuMDk5YzAsMC01LjI2NCwyLjMxOS0xMC4wMTgsMi4zMTljLTEwLjEzLDAtOC4zNTYtNy41NTMtOC4zNTYtNy41NTNoMTkuMTcyYzAsMCwxLjIzOC02LjExMywxLjIzOC04LjYwNA0KCQkJCWMwLTYuMjE2LTMuMDk0LTEzLjc5LTEzLjQ1Mi0xMy43OUMxMzIuNDQ1LDc1Ljk5OCwxMjUuNDIzLDg2LjIxOSwxMjUuNDIzLDk3Ljc3eiBNMTQxLjk2Nyw4NC40NDUNCgkJCQljNS4zMjQsMCw0LjM0Miw1Ljk4Myw0LjM0Miw2LjQ2N2gtMTAuNDc0QzEzNS44MzUsOTAuMjk0LDEzNi44MjUsODQuNDQ1LDE0MS45NjcsODQuNDQ1eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTUxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTIwMS43MDcsMTEzLjA1NWwxLjY4OC0xMC4yODVjMCwwLTQuNjI5LDIuMzIxLTcuODA2LDIuMzIxDQoJCQkJYy02LjY5MiwwLTkuMzc2LTUuMTEtOS4zNzYtMTAuNmMwLTExLjEzNyw1Ljc1OC0xNy4yNjQsMTIuMTY4LTE3LjI2NGM0LjgwNywwLDguNjY1LDIuNjk5LDguNjY1LDIuNjk5bDEuNTQtOS45OTMNCgkJCQljMCwwLTUuNzIxLTIuMzE1LTEwLjYyNS0yLjMxNWMtMTAuODkxLDAtMjEuNDg2LDkuNDQ4LTIxLjQ4NiwyNy4xOTJjMCwxMS43NjYsNS43MjEsMTkuNTM3LDE2Ljk3OSwxOS41MzcNCgkJCQlDMTk2LjYzNywxMTQuMzQ4LDIwMS43MDcsMTEzLjA1NSwyMDEuNzA3LDExMy4wNTV6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxNDkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNzAuNTQ3LDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OSw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgtMS42NjNjMy41MTMsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTUsMi4zNzQtMC4zMTUsMi4zNzRzLTIuNzcxLTAuMjMyLTQuMDU0LTAuMjMyDQoJCQkJYy04LjE1OSwwLTE2LjczLDMuNDgyLTE2LjczLDEzLjk4YzAsOC4yNzIsNS42MjMsMTAuMTcsOS4xMDgsMTAuMTdjNi42NTYsMCw5LjUyNS00LjMxOSw5LjY3OC00LjMzMmwtMC4zMTEsMy42MDVoOC4zMDcNCgkJCQlsMy43MDYtMjUuOTgxQzgzLjUwMiw3Ni40OTgsNzMuODg3LDc2LjE0Myw3MC41NDcsNzYuMTQzeiBNNzIuNTY4LDk3LjI5N2MwLjE4LDEuNTg3LTAuOTk1LDkuMDI2LTYuNjc1LDkuMDI2DQoJCQkJYy0yLjkzLDAtMy42OTItMi4yMzgtMy42OTItMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNi01LjY4MkM3Mi4xMjUsOTcuMDgxLDcyLjI5Nyw5Ny4yNTMsNzIuNTY4LDk3LjI5N3oiLz4NCgkJCTxwYXRoIGlkPSJwYXRoNDE0NSIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik05Mi4zMzEsMTE0LjAzOGMyLjEyNSwwLDE0LjI3MywwLjU0LDE0LjI3My0xMS45OTUNCgkJCQljMC0xMS43MTktMTEuMjQ1LTkuNDA0LTExLjI0NS0xNC4xMTJjMC0yLjM0NCwxLjgzMy0zLjA4Miw1LjE4My0zLjA4MmMxLjMzLDAsNi40NDcsMC40MjMsNi40NDcsMC40MjNsMS4xOS04LjMzDQoJCQkJYzAsMC4wMDEtMy4zMTItMC43NDEtOC43MDQtMC43NDFjLTYuOTc5LDAtMTQuMDYzLDIuNzg2LTE0LjA2MywxMi4zMThjMCwxMC44MDEsMTEuODEyLDkuNzE3LDExLjgxMiwxNC4yNjcNCgkJCQljMCwzLjAzNy0zLjMsMy4yODQtNS44NDMsMy4yODRjLTQuNDAxLDAtOC4zNjQtMS41MS04LjM3OC0xLjQzOGwtMS4yNTgsOC4yNDZDODEuOTczLDExMi45NDgsODQuNDE3LDExNC4wMzgsOTIuMzMxLDExNC4wMzh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjc5Ljg1Miw2OC42NjhsLTIuMDM1LDEyLjYyN2MwLDAtMy41NTEtNC45MDUtOS4xMS00LjkwNQ0KCQkJCWMtOC42NDQsMC0xNS44NDksMTAuNDIyLTE1Ljg0OSwyMi4zOTdjMCw3LjczLDMuODQzLDE1LjMwNCwxMS42OTksMTUuMzA0YzUuNjUxLDAsOC43ODQtMy45NCw4Ljc4NC0zLjk0bC0wLjQxNSwzLjM2NWg5LjE3Ng0KCQkJCWw3LjIwNy00NC44NjNMMjc5Ljg1Miw2OC42Njh6IE0yNzUuNDcxLDkzLjI4OGMwLDQuOTgzLTIuNDY3LDExLjYzOS03LjU4MiwxMS42MzljLTMuMzk1LDAtNC45ODYtMi44NS00Ljk4Ni03LjMyMw0KCQkJCWMwLTcuMzE0LDMuMjg1LTEyLjE0LDcuNDMtMTIuMTRDMjczLjcyOSw4NS40NjMsMjc1LjQ3MSw4Ny43OTYsMjc1LjQ3MSw5My4yODh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzMiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTkuNDY2LDExMy41NTVsNS43NDMtMzMuODdsMC44NDMsMzMuODdoNi41bDEyLjEyNS0zMy44N2wtNS4zNzEsMzMuODdoOS42NTgNCgkJCQlsNy40MzgtNDQuOTIzSDQxLjQ2N2wtOS4zMDEsMjcuNTYzbC0wLjQ4NC0yNy41NjNIMTcuOTE1bC03LjU0NSw0NC45MjNIMTkuNDY2eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTMxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE2NC44MTgsMTEzLjYxN2MyLjc0Ni0xNS42MTYsMy4yNTUtMjguMjk2LDkuODA4LTI1Ljk3NQ0KCQkJCWMxLjE0Ny02LjA0NCwyLjI1NC04LjM4MiwzLjUwNi0xMC45NGMwLDAtMC41ODctMC4xMjMtMS44MTktMC4xMjNjLTQuMjI1LDAtNy4zNTUsNS43NzItNy4zNTUsNS43NzJsMC44NDEtNS4zMDFoLTguNzg0DQoJCQkJbC01Ljg4NSwzNi41NjdIMTY0LjgxOHoiLz4NCgkJCTxnIGlkPSJ1c2U4NTIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NDcuMDA2MiwwKSI+DQoJCQkJPHBhdGggaWQ9InBhdGg0MTQ5XzFfIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTS02MjMuNTMxLDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OCw4LjEyNw0KCQkJCQljMCwwLDQuMDkzLTEuNjYzLDEwLjI4LTEuNjYzYzMuNTEzLDAsNi4wODEsMC4zOTUsNi4wODEsMy4yNWMwLDEuNzM0LTAuMzEzLDIuMzc0LTAuMzEzLDIuMzc0cy0yLjc3MS0wLjIzMi00LjA1NS0wLjIzMg0KCQkJCQljLTguMTU4LDAtMTYuNzI5LDMuNDgyLTE2LjcyOSwxMy45OGMwLDguMjcyLDUuNjIyLDEwLjE3LDkuMTA3LDEwLjE3YzYuNjU2LDAsOS41MjUtNC4zMTksOS42NzctNC4zMzJsLTAuMzA5LDMuNjA1DQoJCQkJCWMwLDAsOC4zMDQsMCw4LjMwNywwbDMuNzA1LTI1Ljk4MUMtNjEwLjU3NSw3Ni40OTgtNjIwLjE5MSw3Ni4xNDMtNjIzLjUzMSw3Ni4xNDN6IE0tNjIxLjUwNyw5Ny4yOTcNCgkJCQkJYzAuMTgsMS41ODctMC45OTYsOS4wMjYtNi42NzgsOS4wMjZjLTIuOTMsMC0zLjY5LTIuMjM4LTMuNjktMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNS01LjY4Mg0KCQkJCQlDLTYyMS45NTIsOTcuMDgxLTYyMS43ODEsOTcuMjUzLTYyMS41MDcsOTcuMjk3eiIvPg0KCQkJPC9nPg0KCQkJPGcgaWQ9InVzZTg1MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0Mi4yODU3LDApIj4NCgkJCQk8cGF0aCBpZD0icGF0aDQxMzFfMV8iIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNLTE5OC4yNjMsMTEzLjYxN2MyLjc0Ny0xNS42MTYsMy4yNTYtMjguMjk2LDkuODA3LTI1Ljk3NQ0KCQkJCQljMS4xNDktNi4wNDQsMi4yNTctOC4zODIsMy41MDgtMTAuOTRjMCwwLTAuNTg3LTAuMTIzLTEuODE5LTAuMTIzYy00LjIyNSwwLTcuMzU1LDUuNzcyLTcuMzU1LDUuNzcybDAuODQxLTUuMzAxaC04Ljc4NA0KCQkJCQlsLTUuODg1LDM2LjU2N0gtMTk4LjI2M3oiLz4NCgkJCTwvZz4NCgkJCTxwYXRoIGlkPSJ0ZXh0OTQwNyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODkuMTA1LDEwNy45NzVjMC40NzksMCwwLjk1MSwwLjEyMywxLjQwNiwwLjM3Mw0KCQkJCWMwLjQ1OSwwLjI0MiwwLjgxNiwwLjU5OCwxLjA3MiwxLjA1OWMwLjI1NywwLjQ1OCwwLjM4MywwLjkzNSwwLjM4MywxLjQzNGMwLDAuNDkzLTAuMTI2LDAuOTY5LTAuMzc5LDEuNDI0DQoJCQkJYy0wLjI1MSwwLjQ1NS0wLjYwNCwwLjgxMi0xLjA1OSwxLjA2M2MtMC40NTQsMC4yNS0wLjkzLDAuMzc2LTEuNDI0LDAuMzc2Yy0wLjQ5OCwwLTAuOTc0LTAuMTI2LTEuNDI5LTAuMzc2DQoJCQkJYy0wLjQ1NC0wLjI1My0wLjgwNi0wLjYwOC0xLjA1OC0xLjA2M2MtMC4yNTYtMC40NTUtMC4zODEtMC45MzEtMC4zODEtMS40MjRjMC0wLjQ5OSwwLjEyNy0wLjk3NiwwLjM4NC0xLjQzNA0KCQkJCWMwLjI1OC0wLjQ2MSwwLjYxNi0wLjgxNSwxLjA3My0xLjA1OUMyODguMTU0LDEwOC4wOTgsMjg4LjYyNiwxMDcuOTc1LDI4OS4xMDUsMTA3Ljk3NSBNMjg5LjEwNSwxMDguNDQ3DQoJCQkJYy0wLjQwMSwwLTAuNzkzLDAuMTA0LTEuMTc2LDAuMzEzYy0wLjM4MiwwLjIwNC0wLjY3OSwwLjQ5OS0wLjg5NCwwLjg4NWMtMC4yMTQsMC4zODEtMC4zMjIsMC43OC0wLjMyMiwxLjE5NA0KCQkJCXMwLjEwNCwwLjgxLDAuMzEzLDEuMTg4YzAuMjEzLDAuMzc3LDAuNTA5LDAuNjczLDAuODkxLDAuODg2YzAuMzc4LDAuMjA4LDAuNzczLDAuMzEzLDEuMTg4LDAuMzEzDQoJCQkJYzAuNDEyLDAsMC44MS0wLjEwNSwxLjE4OC0wLjMxM2MwLjM3OC0wLjIxMywwLjY3NC0wLjUwOSwwLjg4NC0wLjg4NmMwLjIxMS0wLjM4MSwwLjMxNC0wLjc3NCwwLjMxNC0xLjE4OA0KCQkJCXMtMC4xMDctMC44MTMtMC4zMjEtMS4xOTRjLTAuMjEzLTAuMzg2LTAuNTEtMC42ODEtMC44OTQtMC44ODVDMjg5Ljg5NiwxMDguNTUyLDI4OS41MDcsMTA4LjQ0NywyODkuMTA1LDEwOC40NDcNCgkJCQkgTTI4Ny44NSwxMTIuNDIzdi0zLjA4M2gxLjA2MWMwLjM2MSwwLDAuNjI1LDAuMDI5LDAuNzg1LDAuMDg4YzAuMTYyLDAuMDU1LDAuMjg5LDAuMTU0LDAuMzg4LDAuMjk3DQoJCQkJYzAuMDk3LDAuMTQyLDAuMTQ2LDAuMjkxLDAuMTQ2LDAuNDUxYzAsMC4yMjUtMC4wODIsMC40MjItMC4yNDQsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzcxLDAuMjYyLTAuNjM3LDAuMjgNCgkJCQljMC4xMDYsMC4wNDYsMC4xOTQsMC4xMDEsMC4yNjIsMC4xNjNjMC4xMjMsMC4xMjIsMC4yNzUsMC4zMjYsMC40NTUsMC42MTFsMC4zNzcsMC42MDRoLTAuNjA5bC0wLjI3MS0wLjQ4NQ0KCQkJCWMtMC4yMTYtMC4zODMtMC4zODktMC42MjEtMC41MjEtMC43MThjLTAuMDkxLTAuMDcxLTAuMjI0LTAuMTA2LTAuMzk5LTAuMTA2aC0wLjI5MXYxLjMxMUwyODcuODUsMTEyLjQyMyBNMjg4LjM0OCwxMTAuNjg4DQoJCQkJaDAuNjA0YzAuMjg5LDAsMC40ODQtMC4wNDMsMC41ODgtMC4xMjljMC4xMDUtMC4wODQsMC4xNi0wLjE5OSwwLjE2LTAuMzQyYzAtMC4wOTEtMC4wMjUtMC4xNzMtMC4wNzUtMC4yNDINCgkJCQljLTAuMDUxLTAuMDc0LTAuMTIyLTAuMTI3LTAuMjEzLTAuMTY0Yy0wLjA5MS0wLjAzNS0wLjI1NC0wLjA1My0wLjQ5OC0wLjA1M2gtMC41NjVWMTEwLjY4OCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo='), url('../img/white-bg4.png');
    background-size: auto 33%,12% 70%;
    background-repeat: no-repeat,no-repeat;
    background-position: 90.5% 42%, 93% 37%;
}

.addnew-card-popup .form-group .form-control.discover {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIG5vIGtpZGRpbmcgYXJvdW5kIG15IGZpbGVzLi4uIChodHRwOi8vd3d3LmRvZGVyby5ldSkgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgMTQzMCA4ODAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0JeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTQzMHB4IiBoZWlnaHQ9Ijg4MHB4Ij4NCTxkZWZzPg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiBjeD0iNTAuNjk3NyUiIGN5PSI1MCUiIHI9IjUwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmY4MDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQk8L2RlZnM+DQk8Zz4NCQk8cmVjdCB4PSIwIiB5PSItMSIgd2lkdGg9IjE0MzAiIGhlaWdodD0iODgwIiBmaWxsPSIjZmZmZmZmIi8+DQkJPHBhdGggZD0iTSAxNDI5Ljk4IDg3OS4wMDU4IEwgMzU3LjM4MzggODc4Ljk4MTggQyA1MDcuMzMzNSA4NTMuNjY2NyA3MzguNjY2NSA4MDQuMzMzNCAxMDE0LjY2NjUgNzExLjY2NjcgQyAxMjkwLjY2NjUgNjE5IDE0MTUuMzMzNSA1MjUuODMzMyAxNDI5Ljk4IDUxNy45MDg1IEwgMTQyOS45OCA4NzkuMDA1OCBaIiBmaWxsPSIjZmY4MDAwIi8+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gMTUwLjAyODggMzk5LjY5MzEgQyAxNzguMzMzIDM5OS42OTMxIDIwMC4zNDU3IDM5MC43Nzg3IDIxNi4wODI1IDM3Mi45MzQzIEMgMjMxLjgxOTMgMzU1LjEwNTYgMjM5LjY4NzUgMzMwLjA2MzUgMjM5LjY4NzUgMjk3LjgyMzggQyAyMzkuNjg3NSAyNjcuNTIxMyAyMzIuMjU2MyAyNDQuMzM3NiAyMTcuNDI1MyAyMjguMjU3MiBDIDIwMi41NzgxIDIxMi4xOTI0IDE4MS4yMDU2IDIwNC4xNDQzIDE1My4zMjMyIDIwNC4xNDQzIEwgNzUuODI2MiAyMDQuMTQ0MyBMIDc1LjgyNjIgMzk5LjY5MzEgTCAxNTAuMDI4OCAzOTkuNjkzMSBMIDE1MC4wMjg4IDM5OS42OTMxIFpNIDExMy43OTM5IDIzMS4zNTk4IEwgMTM2LjI0MzcgMjMxLjM1OTggQyAxNTAuNTYwMSAyMzEuMzU5OCAxNjEuNDU3IDIzMi45OTc4IDE2OC45NTA3IDIzNi4yNTggQyAxNzYuNDI4NyAyMzkuNTE4MiAxODIuODI5NiAyNDUuNDI0NCAxODguMTM3MiAyNTMuOTc2NSBDIDE5NS44NDk2IDI2Ni40MTg4IDE5OS43MjEyIDI4MS45Nzk1IDE5OS43MjEyIDMwMC42NTg3IEMgMTk5LjcyMTIgMzI0LjgxODggMTk0LjkxMzEgMzQyLjgzNjUgMTg1LjI5NTkgMzU0LjY5NjEgQyAxNzUuNjc5MiAzNjYuNTU1NiAxNjEuMDk3NyAzNzIuNDc3NSAxNDEuNTUxOCAzNzIuNDc3NSBMIDExMy43OTM5IDM3Mi40Nzc1IEwgMTEzLjc5MzkgMjMxLjM1OTggTCAxMTMuNzkzOSAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMjA0LjE0NDMgTCAyNzMuNjU4NyAyMDQuMTQ0MyBMIDI3My42NTg3IDM5OS42OTMxIEwgMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDM5MS4yMTE0IDQwNC43MzMgQyA0MTMuMTMwNCA0MDQuNzMzIDQzMC4zMTg4IDM5OS41ODI5IDQ0Mi43OTMgMzg5LjI1MSBDIDQ1NS4yNTEgMzc4LjkzNDkgNDYxLjQ5NTYgMzY0LjY4MTQgNDYxLjQ5NTYgMzQ2LjUwNjIgQyA0NjEuNDk1NiAzMzMuNzE3NCA0NTguMjAxNyAzMjIuODgxNiA0NTEuNjEzOCAzMTMuOTY3MyBDIDQ0NS4wMjU0IDMwNS4wNTI5IDQzMy4wNTEzIDI5NS4zMTk1IDQxNS42NTk3IDI4NC43NjcyIEwgNDAyLjc0ODUgMjc2Ljk4NjggQyAzOTMuMDY5MyAyNzEuMDk2NSAzODYuNjIxNiAyNjYuMTM1MyAzODMuNDA1OCAyNjIuMTAzNCBDIDM4MC4xNzM4IDI1OC4wNzE0IDM3OC41NjU5IDI1My4zNzggMzc4LjU2NTkgMjQ4LjAyMzEgQyAzNzguNTY1OSAyNDEuNTM0MiAzODEuMDE3MSAyMzYuMzA1MyAzODUuOTM0NiAyMzIuMzA0OCBDIDM5MC44MzY5IDIyOC4zMjAyIDM5Ny4zNjIzIDIyNi4zMTk5IDQwNS41MTE3IDIyNi4zMTk5IEMgNDE2LjA0OTggMjI2LjMxOTkgNDMwLjM4MTMgMjMwLjAyMTEgNDQ4LjUwNjggMjM3LjQwNzggTCA0NDguNTA2OCAyMDYuMTYwMyBDIDQzMC41Mzc2IDIwMS40NjY4IDQxNC4zOTUgMTk5LjEwNDQgNDAwLjA3OTEgMTk5LjEwNDQgQyAzODIuMTg4IDE5OS4xMDQ0IDM2Ny43OTM5IDIwNC4wMDI1IDM1Ni45MTI2IDIxMy43OTg5IEMgMzQ2LjAzMDggMjIzLjU5NTIgMzQwLjU5ODEgMjM2LjU1NzMgMzQwLjU5ODEgMjUyLjcwMDcgQyAzNDAuNTk4MSAyNjQuNzk2NiAzNDMuOTIzMyAyNzUuMzQ4OSAzNTAuNTg5NCAyODQuMzg5MyBDIDM1Ny4yNDAyIDI5My40Mjk2IDM2OC42NTIzIDMwMi44NjM3IDM4NC44MjYyIDMxMi42NzU4IEwgMzk2Ljg5NCAzMTkuOTA0OSBDIDQwNi42MzU3IDMyNS44NTgzIDQxMy4xNzcyIDMzMS4wMjQyIDQxNi41MTgxIDMzNS4zODY5IEMgNDE5Ljg1OTQgMzM5Ljc2NTMgNDIxLjUyOTggMzQ1LjEyMDIgNDIxLjUyOTggMzUxLjQ1MTYgQyA0MjEuNTI5OCAzNTkuNDg0IDQxOC43NTA1IDM2NS44NDY5IDQxMy4xOTI5IDM3MC41MDg4IEMgNDA3LjYzNTMgMzc1LjE4NjUgNDAwLjAxNjYgMzc3LjUxNzUgMzkwLjM2ODcgMzc3LjUxNzUgQyAzNzYuNTY3OSAzNzcuNTE3NSAzNTkuOTg3OCAzNzMuMTU0OCAzNDAuNTk4MSAzNjQuNDEzNyBMIDM0MC41OTgxIDM5Ny42NzcxIEMgMzU5LjgzMTUgNDAyLjM3MDYgMzc2LjY5MjQgNDA0LjczMyAzOTEuMjExNCA0MDQuNzMzIEwgMzkxLjIxMTQgNDA0LjczMyBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjI4LjUgMzYwLjU4MzggQyA2MDguMzE2NCAzNzAuMDE5MyA2MDYuMTc0MyAzNzYuNzI1IDU4Ni4zNzM1IDM3Ni43MjUgQyA1NjQuMjc1NCAzNzYuNzI1IDU0Ny4wMzIyIDM3MC4xMTM4IDUzNC42NDM2IDM1Ni44OTE0IEMgNTIyLjIzNzggMzQzLjY2OTEgNTE2LjA0MzUgMzI1LjI1NTYgNTE2LjA0MzUgMzAxLjYxOTUgQyA1MTYuMDQzNSAyNzcuNTczMSA1MjEuNzg1MiAyNTkuMDAxOCA1MzMuMzAzNyAyNDUuOTA1NyBDIDU0NC44MjIzIDIzMi44MDk2IDU2MS4xNzgyIDIzMS4yNzA2IDU4Mi4zODg3IDIzMS4yNzA2IEMgNTk4Ljk3MDcgMjMxLjI3MDYgNjAxLjcwNDYgMjM1LjMwOTkgNjI2LjI3MjkgMjQzLjM4ODUgTCA2MjYuMjcyOSAyMTEuMDc0MiBDIDYwNC4xODggMjA0LjU3OSA2MDAuNjIzIDIwMSA1NzguNjgyNiAyMDEgQyA1NDQuMzAwOCAyMDEgNTE3Ljg1MyAyMDcuOTExMiA0OTkuMzA0NyAyMjUuNzA5MyBDIDQ4MC43NTY4IDI0My41MjMyIDQ3MS41IDI2OC45NTgxIDQ3MS41IDMwMS45OTgyIEMgNDcxLjUgMzM0LjQzODcgNDgwLjcyMjIgMzU5LjcxNTggNDk5LjE2NTUgMzc3LjgyOTUgQyA1MTcuNjA4OSAzOTUuOTQzMSA1NDMuMzYwOCA0MDUgNTc2LjQyMDQgNDA1IEMgNjAzLjQ5NDYgNDA1IDYwOC45NjA0IDQwMC45NjA3IDYyOC41IDM5Mi44ODIxIEwgNjI4LjUgMzYwLjU4MzggWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDk3MS4xMDM1IDM5OS42OTMxIEwgMTAzNi4wMTc2IDIwNC4xNDQzIEwgMTAwNC44Mzc0IDIwNC4xNDQzIEwgOTU0LjU4MyAzNTUuNDk5MyBMIDkwMy4yNTE1IDIwNC4xNDQzIEwgODY1LjE2MDIgMjA0LjE0NDMgTCA5MzEuNDc5NSAzOTkuNjkzMSBMIDk3MS4xMDM1IDM5OS42OTMxIFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSAxMTc3Ljg5NiAzOTkuNjkzMSBMIDExNzcuODk2IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDMxMy4wMDY1IEwgMTE1Ny45MTMxIDMxMy4wMDY1IEwgMTE1Ny45MTMxIDI4NS43OTEgTCAxMDk3Ljk2MzQgMjg1Ljc5MSBMIDEwOTcuOTYzNCAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAzOTkuNjkzMSBMIDExNzcuODk2IDM5OS42OTMxIEwgMTE3Ny44OTYgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDEyNDIuODM5NCAzOTkuNjkzMSBMIDEyNDIuODM5NCAzMjAuMDYyNCBMIDEyNjMuMDA5OCAzMjAuMDYyNCBMIDEzMDcuOTA5MiAzOTkuNjkzMSBMIDEzNTMuNzQ1NiAzOTkuNjkzMSBMIDEyOTQuMzc0IDMwOC4yODE2IEMgMTMwNS4zODA0IDMwMy4wMDU0IDEzMTQuMDI5MyAyOTUuNDE0MSAxMzIwLjMyMDggMjg1LjUyMzIgQyAxMzI2LjYxMjMgMjc1LjYzMjQgMTMyOS43NjU2IDI2NC42NTQ4IDEzMjkuNzY1NiAyNTIuNTkwNSBDIDEzMjkuNzY1NiAyMjAuMzAzNSAxMzExLjUzMTMgMjA0LjE0NDMgMTI3NS4wNjIgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgWk0gMTI0Mi44Mzk0IDIzMS4zNTk4IEwgMTI1NS43MzQ5IDIzMS4zNTk4IEMgMTI3OS43NzY5IDIzMS4zNTk4IDEyOTEuNzk3OSAyNDAuMDIyMiAxMjkxLjc5NzkgMjU3LjMxNTQgQyAxMjkxLjc5NzkgMjgxLjAwMzEgMTI3OC4zMjUyIDI5Mi44NDY5IDEyNTEuMzk0NSAyOTIuODQ2OSBMIDEyNDIuODM5NCAyOTIuODQ2OSBMIDEyNDIuODM5NCAyMzEuMzU5OCBMIDEyNDIuODM5NCAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDY0NS41IDMwMi41IEMgNjQ1LjUgMjQzLjEyODYgNjkzLjYyODQgMTk1IDc1MyAxOTUgQyA4MTIuMzcxNiAxOTUgODYwLjUgMjQzLjEyODYgODYwLjUgMzAyLjUgQyA4NjAuNSAzNjEuODcxNCA4MTIuMzcxNiA0MTAgNzUzIDQxMCBDIDY5My42Mjg0IDQxMCA2NDUuNSAzNjEuODcxNCA2NDUuNSAzMDIuNSBaIiBmaWxsPSJ1cmwoI2dyYWRpZW50MSkiLz4NCQk8L2c+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gNDM3IDUyNCBMIDQzNyA0NzkuMDYyNSBMIDQ2OS4zNDM4IDUyNCBMIDQ4MSA1MjQgTCA0ODEgNDU4IEwgNDcwIDQ1OCBMIDQ3MCA1MDIuOTM3NSBMIDQzNy42NTYzIDQ1OCBMIDQyNiA0NTggTCA0MjYgNTI0IEwgNDM3IDUyNCBMIDQzNyA1MjQgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUxNSBMIDUyOS4zOTk5IDUxNSBMIDUyOS4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ1OCBMIDUxNS4zOTk5IDQ1OCBMIDUxNS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNDY3IEwgNjQzLjc5OTggNDY3IEwgNjQzLjc5OTggNDU4IEwgNTgxLjc5OTggNDU4IEwgNTgxLjc5OTggNDY3IEwgNjA1Ljc5OTggNDY3IEwgNjA1Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA2OTMuMzQwOCA1MjQgTCA3MDMuNzAwMiA0NzguNDA2MyBMIDcxMy4yMTU4IDUyNCBMIDcyNi40OTcxIDUyNCBMIDc0NC4yMDAyIDQ1OCBMIDczNC41NDM5IDQ1OCBMIDcyMS43MDAyIDUwNi4zNzUgTCA3MTEuNzE1OCA0NTggTCA2OTkuNjUzMyA0NTggTCA2ODguNzAwMiA1MDYuNjU2MyBMIDY3Ni4yNzgzIDQ1OCBMIDY2My4yMDAyIDQ1OCBMIDY4MC4yMTU4IDUyNCBMIDY5My4zNDA4IDUyNCBMIDY5My4zNDA4IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODI2LjM4MTMgNTE0Ljg1OTQgQyA4MzIuNTIyIDUwOC43NjU2IDgzNS42MDAxIDUwMC40Mzc1IDgzNS42MDAxIDQ4OS44NzUgQyA4MzUuNjAwMSA0NzkuNTQ2OSA4MzIuNTIyIDQ3MS4zMTI1IDgyNi4zODEzIDQ2NS4xODc1IEMgODIwLjIyNTEgNDU5LjA2MjUgODExLjk3NTEgNDU2IDgwMS42MTU3IDQ1NiBDIDc5MS4xOTM4IDQ1NiA3ODIuOTEyNiA0NTkuMDYyNSA3NzYuNzg3NiA0NjUuMTg3NSBDIDc3MC42NjI2IDQ3MS4zMTI1IDc2Ny42MDAxIDQ3OS41OTM4IDc2Ny42MDAxIDQ5MCBDIDc2Ny42MDAxIDUwMC4zMTI1IDc3MC42NDcgNTA4LjU0NjkgNzc2Ljc0MDcgNTE0LjczNDQgQyA3ODIuODM0NSA1MjAuOTIxOSA3OTAuOTc1MSA1MjQgODAxLjE2MjYgNTI0IEMgODExLjgxODggNTI0IDgyMC4yMjUxIDUyMC45NTMxIDgyNi4zODEzIDUxNC44NTk0IEwgODI2LjM4MTMgNTE0Ljg1OTQgWk0gNzg3LjAyMiA1MDguMTQwNiBDIDc4My4zOTcgNTAzLjU2MjUgNzgxLjYwMDEgNDk3LjUxNTYgNzgxLjYwMDEgNDg5Ljk4NDQgQyA3ODEuNjAwMSA0ODIuMzkwNiA3ODMuNDEyNiA0NzYuMzI4MSA3ODcuMDUzMiA0NzEuNzk2OSBDIDc5MC42NzgyIDQ2Ny4yNjU2IDc5NS41Mzc2IDQ2NSA4MDEuNjMxMyA0NjUgQyA4MDcuNjMxMyA0NjUgODEyLjQ1OTUgNDY3LjI2NTYgODE2LjExNTcgNDcxLjc5NjkgQyA4MTkuNzcyIDQ3Ni4zMjgxIDgyMS42MDAxIDQ4Mi4zNDM4IDgyMS42MDAxIDQ4OS44NDM4IEMgODIxLjYwMDEgNDk3LjU3ODEgODE5Ljc3MiA1MDMuNzAzMSA4MTYuMTQ3IDUwOC4yMTg4IEMgODEyLjUwNjMgNTEyLjc1IDgwNy41Njg4IDUxNSA4MDEuMzM0NSA1MTUgQyA3OTUuNDEyNiA1MTUgNzkwLjY0NyA1MTIuNzE4OCA3ODcuMDIyIDUwOC4xNDA2IEwgNzg3LjAyMiA1MDguMTQwNiBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODgwIDUyNCBMIDg4MCA0OTcgTCA4ODYuMzkwNiA0OTcgTCA5MDMuMDkzOCA1MjQgTCA5MjAgNTI0IEwgODk4LjIzNDQgNDkzLjI1IEMgOTAyLjIwMzEgNDkxLjQ2ODggOTA1LjMxMjUgNDg4Ljg5MDYgOTA3LjU5MzggNDg1LjU0NjkgQyA5MDkuODU5NCA0ODIuMjAzMSA5MTEgNDc4LjQ4NDQgOTExIDQ3NC4zOTA2IEMgOTExIDQ2My40Njg4IDkwNC4yNjU2IDQ1OCA4OTAuODEyNSA0NTggTCA4NjYgNDU4IEwgODY2IDUyNCBMIDg4MCA1MjQgTCA4ODAgNTI0IFpNIDg4MCA0NjcgTCA4ODQuNDg0NCA0NjcgQyA4OTIuODI4MSA0NjcgODk3IDQ2OS45NTMxIDg5NyA0NzUuODU5NCBDIDg5NyA0ODMuOTUzMSA4OTIuMzEyNSA0ODggODgyLjk2ODggNDg4IEwgODgwIDQ4OCBMIDg4MCA0NjcgTCA4ODAgNDY3IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA5NjEuMzk5OSA1MjQgTCA5NjEuMzk5OSA0OTEuNTMxMyBMIDk4Ni42NjU1IDUyNCBMIDEwMDMuNjQ5OSA1MjQgTCA5NzUuMjU5MyA0ODcuNTE1NiBMIDk5Ny42NDk5IDQ1OCBMIDk4NS42ODEyIDQ1OCBMIDk2MS4zOTk5IDQ5MCBMIDk2MS4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJPC9nPg0JPC9nPg08L3N2Zz4='), url('../img/white-bg4.png');
    background-size: auto 36%,12% 70%;
    background-repeat: no-repeat,no-repeat;
    background-position: 90.5% 42%, 93% 37%;
}
  
/* Credit card icon css ends here */

.sucess-checkout{ text-align: center;position: relative;}
.sucess-checkout h1{ font-weight: 600; font-size: 28px; line-height: 32px; color: #FFFFFF; padding: 0 0 5px 0; margin: 0;}
.sucess-checkout p{ font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.6); font-weight: 400; padding: 0; margin: 0;}
.sucess-checkout p.tranid{ font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.4); font-weight: 400; padding: 0; margin: 0;}
.sucess-checkout .illustation{ width: 100%; padding: 94px 0 0 0; margin: 0;}
.sucess-checkout .massage{ width: 100%; padding: 40px 0 0 0;margin: 0;}
.sucess-checkout .notes{font-size: 12px; line-height: 16px;
    position:absolute;
    bottom: 26px;
    left: 0; right: 0; margin: 0 auto;
}

.cradit-card-fild .owl-dots{ position: absolute; top:-75px; margin: 0 !important; width: 100%;}
.cradit-card-fild .owl-theme .owl-dots .owl-dot span{ margin: 5px 3px;  width: 8px; height: 8px; background: rgba(196, 196, 196, 0.6);}
.cradit-card-fild .owl-theme .owl-dots .owl-dot.active span, .cradit-card-fild .owl-theme .owl-dots .owl-dot:hover span {
    background: #118BA6;
}
.cradit-card-fild .owl-dots::after{ position: absolute; top: 0; left: 0; content: ""; background: transparent; width: 100%; height: 20px;}
/*=============Video Home page Modification start Here=============*/
.video-home-slider{ width: 100%; padding: 0 60px;}
.video-home-slider .owl-theme .owl-nav .owl-prev{ font-size: 55px; color: #fff; position: absolute; left: 10px; top: 17%; font-weight: 600; outline: none; font-family: monospace;}
.video-home-slider .owl-theme .owl-nav .owl-prev:hover{ background: transparent; border: none;}
.video-home-slider .owl-theme .owl-nav .owl-next{font-size: 55px; color: #fff;  position: absolute; right: 10px; top: 17%; font-weight: 600; outline: none; font-family: monospace;}
.video-home-slider .owl-theme .owl-nav .owl-next:hover{ background: transparent; border: none;}
.video-home-slider .owl-theme .owl-nav .disabled { opacity: 0; cursor: default;}
/*=================card Info start Here===================*/
.h-auto{ height: auto;}
.blank-card-info{ width: 100%; padding: 100px 0 120px 0; margin:0; text-align: center;}
.blank-card-info p{ font-weight: 500; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.6);}
.blank-card-info button{min-width: 175.26px; min-height: 40px; background: #118BA6; border-radius: 8px; font-weight: 600; 
font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF; padding:8px; border: none; cursor: pointer;
}
.card-information{ width: 100%; padding: 0; margin: 0;}
.card-information .box{ width: 100%; background: #292C3A; padding: 20px 0; margin: 0 0 28px 0; display: inline-block; border-radius: 5px;}
.card-information .box .card-icon{ width: 120px; text-align: center; padding: 0; margin: 0; float: left; height: 52px; line-height: 52px;}
.card-information .box .card-number{ width: calc(100% - 121px); padding: 0 0 0 25px; margin: 0; float: left; position: relative; border-left: 1px solid rgba(255, 255, 255, 0.08);}
.card-information .box p{ font-size: 16px; line-height: 24px; color: #FFFFFF; font-weight: 400; padding: 0 0 4px 0; margin: 0;}
.card-information .box p + p{color: rgba(255, 255, 255, 0.48);}
.card-information .box .card-number span{ position: absolute; top: 17px; right: 28px;}
.card-information .box .card-number span p{ font-size: 12px; line-height: 20px; font-weight: 500; color: #7B8794; padding: 0; margin: 0;}
.card-information .box .card-number span p a{ padding: 0; margin: 0 0 0 20px;}
.card-information .box .card-number span.primary-section{ top:12px}
.card-information .box .card-number span .primary-cards{
    background: #1A1C26;
border: 1px solid #7B8794;
border-radius: 4px;
padding: 4px 12px;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #FFFFFF;
text-decoration: none;
}

.card-information .addnew-card{ width: 100%; text-align: right; padding: 0 0 30px 0;}
.card-information button{width: 175.26px; height: 40px; background: #118BA6; border-radius: 8px; font-weight: 600; 
    font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF; padding:8px 0; border: none; cursor: pointer;
}

/*---------------popup-------------*/
.addnew-card-popup .modal-lg{ max-width: 696px;}
.addnew-card-popup .modal-body{ padding:30px;}
.addnew-card-popup .modal-content{ background: #100E14; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
border-radius: 6px;
}
.addnew-card-popup h2{font-weight: 600; font-size: 16px; line-height: 20px; color: #DDDDDD; padding: 0; margin: 0 0 4px 0;}
.addnew-card-popup .ancs-text{ color: #7B8794; font-weight: 500; font-size: 12px;}
.addnew-card-popup .from-section .form-group label{font-weight: 500; font-size: 12px; line-height: 20px; color: #DDDDDD; margin: 0 0 4px 0; padding: 0;}
.addnew-card-popup .from-section .form-group label span{ color: #f00;}
.addnew-card-popup .card-details{ width: 100%;}
.addnew-card-popup .form-control{ background: #292C3A; border-radius: 4px; height: 36px; padding: 10px 12px; font-size: 14px; 
line-height: 17px; color: #ffffff; font-weight: 400; border: solid 1px #292C3A;}
.addnew-card-popup select.form-control{ background: url(../img/down-filled-arrow.png) no-repeat right 12px top 15px #292C3A; appearance: none;}
.addnew-card-popup .form-control:focus{outline: 0px; }
.addnew-card-popup .card-no{ border-radius: 4px 4px 0px 0px; background-image: url('../img/.png'); background-repeat: no-repeat;
    background-position: 95% 50%; border-bottom: none;
}
.addnew-card-popup .form-control::placeholder {color: #B8BCCA;}
.addnew-card-popup .form-control:-ms-input-placeholder {color: #B8BCCA;}
.addnew-card-popup .form-control::-ms-input-placeholder {color: #B8BCCA;}
/*.addnew-card-popup .cvv{ border-radius: 0px 0px 4px 0px; background-image: url('../img/cvv.png'); background-repeat: no-repeat; 
 background-position: 95% 50%;
}*/
.addnew-card-popup .ex-date{ border-radius: 0px 0px 0px 4px;}
.addnew-card-popup textarea.form-control{ height: 68px !important;}
.addnew-card-popup .error-msg{ font-weight: 500; font-size: 10px; color: #E0182D;}
.addnew-card-popup .error-fild{ border: 1px solid #eb5756 !important; background: #423131; /*border-radius: 4px 4px 0px 0px;*/}

.pl-9{ padding-left: 9px;}
.pr-9{ padding-right: 9px;}

.addbutton{ background: #118BA6; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
border-radius: 4px; font-weight: 700; font-size: 12px; line-height: 16px; padding: 8px 0; text-align: center; min-width: 112px; color: #ffffff;
}
.dismiss{ font-weight: 500; font-size: 12px; line-height: 16px; color: #DDDDDD; border: none; background: transparent; text-decoration: underline; outline: none;}

/*================Faq page start here==================*/
.faqs{ width: 100%; padding: 60px 0 40px 0; margin: 0;}
.faqs .faq-data{ width: 100%; padding: 0; margin: 0;}
.faqs .faq-data h1{ font-weight: 600; font-size: 32px; line-height: 40px; color: #118BA6; padding: 0 0 48px 0; margin: 0;}
.faqs .faq-data h2{ font-weight: 600; font-size: 24px; line-height: 32px; color: #FFFFFF; padding: 0 0 24px 0; margin: 0;}
.faqs .faq-data ul{ list-style-type: none; padding: 0; margin: 0 0 40px 0;}
.faqs .faq-data ul li{ padding:0; margin: 0 0 16px 0;}
.faqs .faq-data ul li a{ font-weight: 500; font-size: 18px; line-height: 24px; color: #ffffff; text-decoration: none;}
.faqs .faq-data ul li a:hover{ color: #18A0FB;}

.faq-details{ width: 100%; padding:0; margin: 65px 0 0 0; position: relative;}
.faq-details h2{ font-weight: 600; font-size: 24px; line-height: 32px; color: #ffffff; border-bottom: solid 2px #ffffff; padding: 0 0 10px 0; margin: 0 0 45px 0;}
.faq-details p{ font-weight: 600; font-size: 20px; line-height: 28px; color: #FFFFFF; margin: 0;}
.faq-details ul li, .faq-details ul li a{ font-weight: 500; font-size: 20px; line-height: 28px; color: #FFFFFF; margin: 0;}
.pb-12{ padding-bottom: 12px;} .pb-58{ padding-bottom: 58px;} .pb-32{ padding-bottom: 32px;} .pb-7{ padding-bottom: 7px;} .pb-12{ padding-bottom: 12px;} 
.pb-39{ padding-bottom:39px} .pb-27{ padding-bottom:27px;} .pb-17{ padding-bottom: 17px;} .ml-50{ margin-left: 50px !important ;}
.faq-details .faq-d-left ul{ padding-left: 40px;}
.faq-details .faq-d-left{ padding-right: 100px;}
.faq-details .faq-d-right ul{ padding:0; margin: 0; list-style-type: none;}
.faq-details .faq-d-right ul li{ padding-bottom: 32px;}
.faq-details .faq-d-right ul li a:hover{ text-decoration: none; color: #18A0FB;}

.faq-details span{ position: absolute; top:-40px; left:15px; }
.faq-details span a{ font-weight: 600; font-size: 12px; line-height: 16px; color: #ffffff; text-decoration: none;}
.faq-details span a img{ margin-right: 4px;}
.faq-details span a:hover{ color: #18A0FB;}
/*=========================post Sign Up Plans Start Here=====================*/
.post-signup-plans{ margin: 30px 0 0 0;}
.post-signup-plans .content-center{justify-content: center;}
.all-plans-page .plans-data .primary-button.active-checkout{ background: #063D49; border: 1px solid #118BA6; text-transform: uppercase;}
/* .all-plans-page .plans-data .primary-button.active-checkout:hover{ color: #fff;} */

.post-checkout-popup .modal-content{ background: #292C3A; border-radius: 4px; padding: 20px 32px 32px 32px;}
.post-checkout-popup .modal-lg{ max-width: 852px;}
.post-checkout-popup .modal-body, .post-checkout-popup .modal-footer{ padding: 0; border: none;}

.post-checkout-popup .plans-listing{ width: 100%; padding: 0; margin: 0;}
.post-checkout-popup .plans-listing .labl {display : block; width: 100%; margin: 0;}
.post-checkout-popup .plans-listing .labl > input{ visibility: hidden; position: absolute; }
.post-checkout-popup .plans-listing .labl > input + div{ cursor:pointer; border:2px solid transparent;}
.post-checkout-popup .plans-listing .labl > input:checked + div{ border: 1px solid #118BA6;  border-radius: 4px;}

.post-checkout-popup .plans-listing .plan-box{ width:48.50%; background: #20222E; border-radius: 4px; margin-bottom: 24px; border: 1px solid transparent; position: relative;}
.post-checkout-popup .plans-listing .plan-box h2{ font-size: 18px; line-height: 27px; font-weight: 700; color: #FFFFFF; padding: 25px 0 0 40px; margin: 0;}
.post-checkout-popup .plans-listing .plan-box h2 span{ margin-left: 12px;}
.post-checkout-popup .plans-listing .plan-box p{ font-weight: 600; font-size: 12px; line-height: 19px; color: #ffffff; padding: 6px 0 25px 40px; margin: 0;}
.post-checkout-popup .plans-listing .plan-box span.selected{ position: absolute; top:40px; right:28px; background: #118BA6; border-radius: 6px; font-weight: 600;
    font-size: 12px; line-height: 22px; color: #FFFFFF; width: 90px; height: 22px; text-align: center; z-index: 1;}

.post-checkout-popup .planbox-bottom{ width: 100%; padding: 0; margin: 0;}  
.post-checkout-popup .planbox-bottom .pricing-box{ width: 100%; padding: 0 0 20px 0; margin: 0; text-align: right;}
.post-checkout-popup .planbox-bottom .pricing-box h3{ font-weight: 600; font-size: 14px; line-height: 20px; color: #ffffff;}
.post-checkout-popup .planbox-bottom .pricing-box h3 span{ padding: 0 6px;}
.post-checkout-popup .planbox-bottom .pricing-box h3 svg{ position: relative; top:2px}
.post-checkout-popup .promo-checkout{ width: 100%; padding: 0; margin: 0; float: left; clear: both;}
.post-checkout-popup .promo-checkout .promo-code{ width: 50%; float: left; position: relative;}
.post-checkout-popup .promo-checkout .promo-code p{font-weight: 500; font-size: 15px; line-height: 24px; color: #ffffff; padding: 0 0 5px 0; margin: 0;}
.post-checkout-popup .promo-checkout .promo-code input{ display: inline-block; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; height: 32px; font-size: 12px;
line-height: 16px; color:rgba(255, 255, 255, 0.4); background: transparent; padding: 8px; width: 120px;}
.post-checkout-popup .promo-checkout .promo-code button{ display: inline-block; background: #20222E; border-radius: 4px; font-size: 12px; line-height: 14px; 
color: rgba(255, 255, 255, 0.6); padding: 7px 14px; border: none; height: 32px; margin: 0 0 0 4px; cursor: pointer;}
.post-checkout-popup .promo-checkout .promo-code button:hover{ background: #063D49;}
.post-checkout-popup .promo-checkout .promo-code span{ position: absolute; bottom: -17px; left: 0; font-weight: normal; font-size: 10px; line-height: 12px; color: rgba(255, 255, 255, 0.6);}
.post-checkout-popup .promo-checkout .checkout-button-popup{ width: 50%; float: left; text-align: right; padding: 15px 0 0 0;}
.post-checkout-popup .promo-checkout .checkout-button-popup button{ background: #063D49; border: 1px solid #118BA6; text-transform: uppercase; min-width: 270px;}
.post-checkout-popup .promo-checkout .checkout-button-popup button:hover{ color: #ffffff;}

.post-checkout-popup .nav-tabs .nav-link{ padding: 0px 0px 20px 0px; margin: 0 40px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; 
color: rgba(255, 255, 255, 0.6); border-radius: 0; border-bottom: solid 4px transparent;}
.post-checkout-popup .nav-tabs{ border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.post-checkout-popup .nav-tabs .nav-item.show .nav-link, .post-checkout-popup .nav-tabs .nav-link.active{ font-weight: 500; background: transparent; 
border: transparent; border-bottom: solid 4px #118BA6; border-radius: 0; color: #ffffff;}
.post-checkout-popup .tab-content{ margin: 36px 0 0 0;}
.post-checkout-popup .nav-tabs .nav-link:focus, .post-checkout-popup .nav-tabs .nav-link:hover{ border-color: transparent; border-bottom: solid 4px #118BA6;}
.tooltip p{ text-align: left; padding:0 12px 10px 43px; margin: 0; font-size: 14px; line-height: 18px; color: rgba(255, 255, 255, 0.48); position: relative;}
.tooltip p::after{ position: absolute; top:8px; left: 12px; content: ""; background: url(../img/green-arrow-tick.png) no-repeat 0 0; width: 15px; height: 11px;}
.tooltip h3{ font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.6); padding: 0 0 6px 12px; margin: 0; text-align: left; width: 195px;}
.tooltip h3 span{ color: #ffffff; padding: 0 12px 0 60px; text-align: right; float: right;}

.paperview-tabs{ width: 100%; padding: 0; margin: 0;}
.paperview-tabs .picture{ float: left; width: 150px; padding: 0; margin: 0;}
.paperview-tabs .percontent{ float: left; width:calc(100% - 150px); padding: 0 0 0 32px; margin: 0;}
.paperview-tabs .percontent .cleal-div{ float: left; width: 100%; clear: both;}
.paperview-tabs .percontent select.plan-box{ appearance: none; border: 1px solid #606060; height: 32px; border-radius: 4px; width: 140px;
background: url(../img/plan-dropdown-arrow.png) no-repeat right 13px top 13px #292C3A; font-size: 12px; line-height: 16px; color: #FFFFFF; 
padding: 7px; margin: 0 4px 0 0;}
.paperview-tabs .percontent select.plan-box option{ background: #0D0D0D; }
.w-287{ width: 287px !important;}
.mb-12{ margin-bottom: 12px !important;}
.paperview-tabs .percontent .heading{ width: 100%; padding: 0; margin: 0;}
.paperview-tabs .percontent .heading h2{ font-size: 20px; line-height: 28px; color: #FFFFFF; padding: 0; margin: 0;}
.paperview-tabs .percontent .heading p{ font-weight: 500; font-size: 14px; line-height: 20px; color: #FFFFFF;margin-bottom: 16px;}
.paperview-tabs .percontent .heading p span{ margin-right: 6px;}

.post-checkout-popup .close-model{ position: absolute; top:-26px; right: 0; cursor: pointer;}

/*======Radio button============*/
.radio-1{ margin-bottom: 0;}
.radio-1 label{ position: relative; padding-left: 25px; font-weight: 500; font-size: 15px; line-height: 24px; color: #FFFFFF; cursor: pointer; margin: 0 0 5px 0;}
.radio-1 input[type='radio']{ position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; opacity: 0;}
.radio-1 label::before{ content: ""; width: 14px; height: 14px; background: url(../img/radio-bg.png) no-repeat 0 0; position: absolute; top: 4px; left: 0px;}
.radio-1 input[type='radio']:checked~label::after{ content: ""; width: 14px; height: 14px; background: url(../img/radio-hover.png) no-repeat 0 0;
    position: absolute; top: 4px; left: 0;
}
/*================social share popup new design start Here=============*/
.social-share-all{ position: relative;}
.social-share-all .share-video, .share-video{ position: absolute; bottom: 0; left:60px; z-index: 9; width: 360px; background: #040404; border-radius: 4px;}
.share-list .share-video{left: 100px;}
.banner-section .banner-data .social-share .social-share-all .share-video a, .share-video a{ background: transparent !important; border: none !important; width: auto !important; height: auto; line-height: 100%;}
.social-share-all .share-video .heading, .share-video .heading{ width: 100%; background: #3A3C48; border-radius: 4px 4px 0px 0px; position: relative; padding: 16px;}
.social-share-all .share-video .heading h4, .share-video .heading h4{ font-weight: 600; font-size: 20px; line-height: 32px; color: #FFFFFF; padding: 0; margin: 0;}
.social-share-all .share-video .heading h4 svg, .share-video .heading h4 svg{ margin: 0 15px 0 0;}
.social-share-all .share-video .heading span, .share-video .heading span{ position: absolute; top:15px; right:25px;}
.share-list .share-video .heading span a{padding: 10px 0px;opacity: 0.6;}
.share-list .share-video .heading span a:hover{opacity: 1;}
.social-share-all .share-video .content, .share-video .content{ width: 100%; padding: 16px 16px 8px 16px; position: relative;}
.social-share-all .share-video .content p, .share-video .content p{ font-weight: 600; font-size: 16px; line-height: 24px; color: #ffffff; padding: 0 0 3px 0; margin: 0;}
.social-share-all .share-video .content .form-control, .share-video .content .form-control{ border: 2px solid #474747; border-radius: 2px; font-size: 16px; 
line-height: 24px; color: #ffffff; height: 36px; padding: 0 0 0 42px; margin: 0; background: #040404;
}
.social-share-all .share-video .content span, .share-video .content span{ position: absolute; top:44px; left: 31px;}
.share-list .share-video .content span.link-icon{padding-top: 6px;}
.social-share-all .share-video .bottom, .share-video .bottom{ width: 100%; padding: 0 16px 16px 16px;}
.social-share-all .share-video .bottom h6, .share-video .bottom h6{ font-weight: 600; font-size: 16px; line-height: 24px; color: #ffffff; padding: 0 0 10px 0; margin: 0;}
.social-share-all .share-video .bottom ul, .share-video .bottom ul{ list-style-type: none; padding: 0; margin: 0;}
.social-share-all .share-video .bottom ul li, .share-video .bottom ul li{ margin: 0 12px; padding: 0;}
.social-share-all .share-video .bottom ul li:first-child, .share-video .bottom ul li:first-child{ margin-left: 0;}

.share-video .content .form-control.link-copy-div{
    overflow: hidden;
    /* display: flex; */
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    padding: 0 42px 0 5px;
    padding-top: 4px;
    
}
.share-list .share-video .content span.link-icon.link-copy-icon-span {
    padding-top: 5px;
}
.share-video .content span.link-copy-icon-span {
    position: absolute;
    top: 44px;
    right: 31px !important;
    left: initial;
}
.link-copy-icon{color: #ffffff;cursor: pointer;}
.link-copy-icon:hover{color:#118BA6}

/* Playlist modal css starts here */
.playlist-all{ position: relative;}
.playlist-all .playlist-modal{ position: absolute; bottom: -70%; left:77px; z-index: 9; width: 176px; background: #292A2E; border-radius: 4px;}
.hover-dot .playlist-modal{ position: absolute; top: 0; left:40px; z-index: 9; width: 176px; background: #292A2E; border-radius: 4px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.playlist-all .playlist-modal .content, .hover-dot .playlist-modal .content{width: 100%; padding: 5px 0px; position: relative;}
.playlist-all .playlist-modal .content .playlist-btn, .hover-dot .playlist-modal .content .playlist-btn{width: 100%;color: #7B8794;
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    padding: 5px 10px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    height: 36px;
}
.playlist-all .playlist-modal .content .playlist-btn:hover, .hover-dot .playlist-modal .content .playlist-btn:hover{background: #4C4D51;color: #fff;}
.banner-section .banner-data .social-share .playlist-all .playlist-modal .content .playlist-btn span.lbl-span, .hover-dot .playlist-modal .content .playlist-btn span.lbl-span {
    padding: 0px;
    margin: 0px;
    padding-top: 0px;
    padding-left: 10px;
    color: inherit;
}
.playlist-all .playlist-modal .content .playlist-btn:hover svg path[fill], .hover-dot .playlist-modal .content .playlist-btn:hover svg path[fill]{ 
    fill: #fff;
    stroke: none;
  }  

/*================Plan selected design here==========*/
.selected-plan{ border: 2px solid #118BA6;}
.selected-plan span.selected{ background: #118BA6; border-radius: 6px; font-weight: 600; font-size: 12px; line-height: 22px; color: #FFFFFF;
    width: 90px; height: 22px; text-align: center; display: inline-block; margin: 0 0 0 5px; 
}
/*========Page Not Found Start here============*/
.pagenot-found{ width: 100%; text-align: center; height: 100vh; padding: 50px 0; position: relative;}
.pagenot-found img{ max-height: 100%; max-width: 100%;}
.pagenot-found .page-notfound{ position: absolute;  top: 50%;  transform: translateY(-50%); width: 100%; text-align: center;}
.pagenot-found .page-notfound h1{ font-size: 64px; line-height: 72px; color: #ffffff; padding: 0 0 16px 0; margin: 0; font-weight: 700;}
.pagenot-found .page-notfound a{ background: #118BA6; border-radius: 6px; font-size: 16px; line-height: 24px; font-weight: 700; text-decoration: none; color: #ffffff;
display: inline-block; width: 270px; height: 48px; text-align: center; padding: 12px 0;}
/*================Subscription Cancellation Popup start here=============*/
.subscription-cancellation .modal-header{ background: transparent; border-bottom: solid 2px rgba(255, 255, 255, 0.4);}
.subscription-cancellation .modal-body{ padding: 24px;}
.subscription-cancellation .modal-body h2{ font-size: 24px; line-height: 32px; font-weight: 400; color: #ffffff; padding:  0 4px 0; margin: 0;}
.subscription-cancellation p{ font-size: 16px; line-height: 24px; font-weight: 400; color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0;}
.subscription-cancellation ul{ padding: 16px 0 0 0; margin: 0; list-style-type: none;}
.subscription-cancellation ul li{ margin-bottom: 8px !important;}
.subscription-cancellation textarea{ background: #3A3C48; border-radius: 4px; height: 94px; width: 100%; border:none; padding: 14px 19px; font-size: 12px;
    line-height: 16px; color: rgba(255, 255, 255, 0.4);}
/*============my profile changes css add here==========*/
.my-profile-process .primary-button, .my-profile-process .secondary-button{ min-width: 176px; text-align: center;width: initial;}   
.verified-email-text{ position: relative;}
.verified-email-text span{ position: absolute; top:13px; right: 16px; font-weight: 500; font-size: 18px; line-height: 24px; color: rgba(255, 255, 255, 0.6);}
.pb-24{ padding-bottom: 24px;}

.selectbox-profile{overflow: hidden; position: absolute; left: 0; z-index: 1; width: 18px; opacity: 0; height: 22px; cursor: pointer;}
/*===============Player page without video suggestion start Here============*/
.video-fullwidth{ object-fit:cover;}
/*=============Contact us Page Design Start Here============*/
.contact-us .contact-us-page{ background: #15161E; padding: 53px 0 53px 142px;}
.contact-us .form-group{ margin-bottom: 28px;}
.contact-us .left-space{ padding-left: 8px;}
.contact-us .right-space{ padding-right: 8px;}
.contact-us .form-control {
    background-color: #292C3A;
    padding: 0 16px;
    margin: 0 0 16px 0;
    border: none;
    height: 50px;
    border-radius: 4px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}
.contact-us textarea.form-control{ height: 150px;}
.contact-us .heading h1{
    font-weight: 600;
font-size: 28px;
line-height: 48px;
color: #BFC0C4;
padding: 0;
margin: 0;
}
.contact-us .contact-top{ padding-bottom: 90px;}
.contact-us .contact-info{ padding: 0; margin: 0;}
.contact-us .contact-info ul{ list-style-type: none; padding: 0; margin: 0;}
.contact-us .contact-info ul li{ display: inline-block; vertical-align: top; font-size: 18px; line-height: 32px; font-weight: 600; color: rgba(255, 255, 255, 0.7); 
    padding-left: 30px;max-width: 410px;
    word-break: break-word;
}
.contact-us .contact-info ul li span{ display: inline-block; vertical-align: top; padding-left: 8px;}
.contact-us .contact-info ul li a{  color: rgba(255, 255, 255, 0.7); text-decoration: none;}

.contact-us .form-control::placeholder {color: rgba(255, 255, 255, 0.7);}
.contact-us .form-control:-ms-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.contact-us .form-control::-ms-input-placeholder {color: rgba(255, 255, 255, 0.7);}

.contact-us .season-heading{ border: none; margin-bottom: 35px;}
.contact-us .season-heading .custom-select{ position: relative; left: auto; right: auto; width: 100%; top:0; height: 50px; border: none;}
.contact-us .select-items{ background: #23252F; top:50px; border: none;}
 .contact-us .select-selected{ 
    background-color: #292C3A;    
    border-radius: 4px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    padding: 0 16px;
    border: none;
}
.contact-us .select-items{ padding: 13px 16px;}
.contact-us .select-items div{
    font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.7); font-weight: 500; margin:0; padding: 10px 0px; border: none;
}
.contact-us .select-selected::after{
border-color: #7B8794 transparent transparent transparent; top:22px
}
.contact-us .select-items div:hover, .same-as-selected {
    background-color: #323545;
    padding: 10px 20px !important;
    border-radius: 4px;
}
.contact-us label.heading{ padding-top: 45px; font-weight: 500; font-size: 20px; line-height: 28px; color: #ffffff;}
.contact-us .primary-button{ padding: 0; min-height: 40px; min-width: 176px;}

/*==========Privacy Policy start Here===============*/
.privacy-policy{ padding: 78px 0 0 0;}
.privacy-policy h1{
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: rgba(255, 255, 255, 0.7);
padding: 0 0 24px 0;
margin: 0;
}
.privacy-policy p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 24px 0;
}
.privacy-policy h2{
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 30px 0;
}
.privacy-policy ul{ padding: 0; margin: 0 0 34px 0;}
.privacy-policy ul li{
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 5px 18px;
}
.privacy-policy ul li.no-round{ list-style-type: none; margin-left: 0;}
/*========New Navigation Dropdown Start Here==========*/
.header .navbar-nav .phoenix-nav-dropdown .dropdown-menu::after {
    content: '';
    position: absolute;
    top: -9px;
    left: 30px;
    width: 0px;
    height: 0px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #484D55;
  }
.phoenix-nav-dropdown .dropdown-menu{
background: #2B3037;
border: 1px solid #2B3037;
border-radius: 4px;
top: 50px;
}
.phoenix-nav-dropdown .dropdown-menu .dropdown-item{
    font-weight: 500;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);
}
.phoenix-nav-dropdown .dropdown-menu .dropdown-item:focus, .phoenix-nav-dropdown .dropdown-menu .dropdown-item:hover{
    color: rgba(255, 255, 255, 1);
text-decoration: none;
background-color: #18a0fb;;
}
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
    color: #18a0fb;
}

/*======Dropdown Customization new request==============*/
.phoenix-nav-dropdown .btn-navigation{
    position: relative;
}
.phoenix-nav-dropdown .btn-navigation button{ border: none; background: transparent; color: #ffffff; cursor: pointer; margin-right: 8px; position: relative; top: 1px;}
.phoenix-nav-dropdown .btn-navigation:hover button{ color: #18a0fb;}
.phoenix-nav-dropdown .btn-navigation:hover a.nav-link{ color: #18a0fb;}
/* .phoenix-nav-dropdown .btn-navigation button:focus{ color: #18a0fb;} */
.phoenix-nav-dropdown .btn-navigation.show .dropdown-toggle:focus{ color: #18a0fb;}


/*==================New Search Result Page Start Here============*/
.top-search-nav .dropdown-menu{ list-style-type: none; padding: 16px 0; background: #151416; top:34px}
.top-search-nav .dropdown-menu li{ font-weight: 500; font-size: 13px; line-height: 18px; color: #FFFFFF; margin: 0 0 8px 0;}
.top-search-nav .dropdown-menu li a{ font-weight: 500; font-size: 13px; line-height: 18px; color: #FFFFFF; padding: 0 24px;}
.top-search-nav .dropdown-menu li a:hover{
    text-decoration: none;
    background-color: rgb(31, 31, 31);}
.no-result-found h2{ font-weight: 500; font-size: 32px; line-height: 40px; color: rgba(255, 255, 255, 0.7); padding: 0; margin: 0;}
/*=======Edit Profile Picture Start Here=================*/
.profile-image .edit-profile-picture{ position: absolute; top:0; left: 0; width: 197px; height: 197px; border-radius: 100px; background-color: rgba(84,84,84,0.7); 
line-height: 197px; display: none;
}
.profile-image .edit-profile-picture ul{ list-style-type: none; padding: 0; margin: 0;}
.profile-image .edit-profile-picture ul li{ margin-right: 28px; padding: 0; position: relative;}
.profile-image .edit-profile-picture ul li:last-child{ margin-right: 0;}
.profile-image:hover .edit-profile-picture{ display: block;}
.profile-image .edit-profile-picture ul li .selectbox-profile{ height: 197px; top:0;}

/*===========Card information new design added start here==============*/
.update-model .modal-dialog{ max-width: 384px;}
.update-model .modal-data{ text-align: center; padding: 30px 0 50px 0;}
.update-model .modal-data h2{font-weight: 600; font-size: 20px; line-height: 16px; padding: 0; margin: 24px 0 0 0;  color: #ffffff;}
.update-model .modal-data p{ font-weight: 500; font-size: 12px; line-height: 16px; color: #ffffff; padding: 0; margin: 8px 0 0 0;}
.update-model .modal-content{ background: #15161E;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.delete-massage .title{ font-weight: 600; font-size: 14px; line-height: 20px; color: #FFFFFF;}
.delete-massage p{font-weight: 400; font-size: 12px; line-height: 16px; color:#FFFFFF;}
.delete-massage .modal-content{ background: #100E14;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.delete-massage .btn-secondary{ border:solid 1px #FFFFFF; background: #15161E; font-size: 14px;}
.delete-massage .btn-danger{ font-size: 14px;}
.btnProceed{ background: #118BA6; font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 4px;padding: 8px 0; min-width: 96px; color: #ffffff;
    }

/*=======add Category Section start here========*/
.show-category{ position: relative;}
.show-category .icons-apply {
    position: absolute;
    bottom: 20px;
    right: 12px;
}
.show-category .icons-apply-audio {
    position: absolute;
    bottom: 20px;
    right: 12px;
}

.select-payment-method{ position: relative;}
.select-payment-method h2{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 0 12px 0;
    margin: 0;
}
.select-payment-method .notes{
    position:absolute;
    bottom: 26px;
    left: 0; right: 0; margin: 0 auto;
}


/* no content section */
.nocontent-section{
    padding: 10vw;
    width: 100%;
    margin: 50px 0 0 0;
}

/* Geoblock css */
.geoblock-section{
    width: 100%;
    text-align: center;
    height: 100vh;
    padding: 50px 0;
    position: relative;
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.geoblock-section img {
    max-height: 100%;
    max-width: 100%;
	margin-left: -20vw;
}
.geoblock-textDIv{
    text-align: left;
    position: absolute;
    left: 47vw;
	top:45%;
	padding-right: 10px;
}
.geoblock-textDIv h2.nsatxt{
	font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    /* font-size: 40px;
    line-height: 56px; */
}
.geoblock-textDIv p.nsatxtp{
	font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    /* font-size: 32px;
    line-height: 40px; */
}

/* Modal Close Cross */
.modalCloseCross{
    width: 20px;
}

/* cast accordian */
.accordianRow{
      background-color: #1F222E;
      margin: 0px;
}
#collapseOne.collapse{
    display: none !important;
}
#collapseOne.collapse.show{
    display: flex !important;
    padding-bottom: 20px;
}
.cast #collapseOne.collapse.show{
    padding-bottom: 0px;
}
.accordionh2 {
    background: url(../img/cast-arrowUp.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
    cursor: pointer;
    font-size: 18px;
    padding: 0px !important;
  }
  .accordionh2.collapsed {
    background: url(../img/cast-arrowDown.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
  }

  /* Toast Css  */
  .toastCustom {
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    -webkit-font-smoothing: antialiased;
    -webkit-align-items: center;
    align-items: center;
    background-color: #1A1C26;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 100;
    left: 0;
    margin-bottom: 24px;
    margin-left: 24px;
    position: fixed;
    right: auto;
    text-align: left;
    top: auto;
    white-space: normal;
    width: 296px;
    height: 48px;
}

.fade {
    transition: opacity .15s linear;
    /* background: rgba(73, 73, 73, 0.6); */
}
.checkout-body .fade, .modal-open .tooltip.fade {
    transition: opacity .15s linear;
    background: transparent;
}
.toastCustom.show {
    display: flex;
    opacity: 1;
}

.toastCustom-header {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #fff;
    background-clip: padding-box;
    border: none;
    width: 100%;
    font-size: 13px;
}
.closeToast {
    float: right;
    font-size: 18px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    opacity: 1;
    width: 13px;
    height: 13px;
    cursor: pointer;
}
.closeToast:focus, .closeToast:hover {
    text-decoration: none;
    opacity: .75;
}
button.closeToast {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Category page for content listing starts here */
.contect-listing .episode-heading{padding: 0px;}
.contect-listing .episode-heading .view-all{ position: absolute; top: 10px; right: 0;}
.contect-listing .view-all a{ font-size: 16px; line-height: 22px; font-weight: 600; color: #ffffff; text-decoration: none;}
.contect-listing .view-all a:hover{ color: #18A0FB;}

/* top bar dropdown menu css */
.custom-submenu{
    background: #2B3037;
    border: 1px solid #2B3037;
    border-radius: 4px;
    margin-top: 12px;
}
.navbar-nav li:hover > ul.dropdown-menu.custom-submenu {
    display: block;
}
.custom-submenu li a{
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);
}
.custom-submenu .dropdown-item:focus, .custom-submenu .dropdown-item:hover {
    color: #18a0fb;
    text-decoration: none;
    background-color: transparent;
}
.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #484D55;
    position: absolute;
    left: 20px;
    top: -16px;
}
.btn-span{margin-left:10px;}

/*=====add to que button css here=========*/
.banner-section .banner-data .button .watch-trailer svg{ vertical-align: middle;}

/* Truncated text css */
.overflow-hidden{overflow: hidden;}
.truncate-text-regular{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.truncate-text{
    padding-bottom: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.lc-one{
    -webkit-line-clamp: 1;
}
.lc-two{
    -webkit-line-clamp: 2;
}
.lc-three{
    -webkit-line-clamp: 3;
}
.product-listing .item .picture .icons-apply svg{ width: 14px; height: 14px;}
.product-listing .item .picture .icons-apply-audio svg{ width: 14px; height: 14px;}

/* Cookie css */
.cookie-massage {
    position: fixed;
    /* top: 0; */
    right: 0;
    bottom: 0;
    /* left: 0; */
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.cookie-massage .modal-content {
    background: #15161E;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 4%), 0px 0px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 4%);
}

.cookie_data .cookie_msg,
.cookie_data .title {
    color: #ffffff;
    line-break: anywhere;
}

/* Cookie css end */

/* video player css newly added */
/* .video-player-one {
    min-height:500px;
    display:block;
} */

/*============Banner New Changes==============*/
.banner-section .item {    
    width: 100%;
    height: calc(100vh - 180px);
    background-size: 100% 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}


/*=================Responsive Section Here===============*/
@media (max-width:1399px){
.about-picture ul li{ width: 177px;}
.geoblock-section img {
    margin-left: -20vw;
}
.geoblock-textDIv {
    left: 47vw;
    top: 45%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 40px;
    line-height: 56px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 32px;
    line-height: 40px;
}
}

@media (max-width:1299px){
/*.banner-section .banner-data { padding: 15px 0 0 0;}*/
.banner-section .banner-data .button { padding: 20px 0 30px 0;}
.banner-section .banner-data .button .watch-trailer a{ padding: 0 30px;}
.banner-section .banner-data .button .watch-now a{ padding: 0 25px;}
/* New button stucture */
.banner-section .banner-data .button.watch-trailer a{ padding: 0 30px;}
.banner-section .banner-data .button.watch-now a{ padding: 0 25px;}
}
@media (max-width:1260px){
.about-picture ul li { width: 165px; }
.geoblock-section img {
    margin-left: -20vw;
}
.geoblock-textDIv {
    left: 47vw;
    top: 44%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 36px;
    line-height: 52px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 28px;
    line-height: 36px;
}
}

@media (max-width:1199px){
.banner-section .banner-data h1{ font-size: 30px; line-height: 35px;}
.banner-section .banner-data h2{ font-size: 20px; line-height: 24px;}
.banner-section .banner-data .button .watch-trailer a{ padding: 0 14px;}
.banner-section .banner-data .button .watch-now a{ padding: 0 14px;}
.banner-section .banner-data .button { padding: 5px 0 15px 0;}
.banner-section .banner-data .social-share a, .share-video .bottom a{ width: 50px; height: 50px; line-height: 50px;}
.banner-section .banner-data .button .watch-trailer{ padding-left: 15px;}
/* New button stucture */
.banner-section .banner-data .button.watch-trailer a{ padding: 0 14px;}
.banner-section .banner-data .button.watch-now a{ padding: 0 14px;}
.banner-section .banner-data .button { padding: 5px 0 15px 0;}
.banner-section .banner-data .button.watch-trailer{ padding-left: 15px;}

.cast .tiles{ width: 145px;}
.header .navbar-nav .top-search-nav .form-inline .form-control{ width: 150px;}
.header-new .top-search-nav .form-inline .form-control{ width: 150px;}
/* .banner-section .banner-content .owl-carousel.owl-drag .owl-item img{ height: 510px;} */
.geoblock-section img {
    margin-left: -20vw;
}
.geoblock-textDIv {
    left: 47vw;
    top: 45%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 40px;
    line-height: 56px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 32px;
    line-height: 40px;
}
}
@media (max-width:1099px){
.header .navbar-nav .nav-link{ padding: 0 5px; font-size: 15px;}
.header-new .nav-link{ padding: 0 5px; font-size: 15px;}
.primary-button{ font-size: 14px;}
.plans-data{ padding: 24px 30px 60px 30px;}
.geoblock-section img {
    margin-left: -20vw;
}
.geoblock-textDIv {
    left: 47vw;
    top: 45%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 40px;
    line-height: 56px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 32px;
    line-height: 40px;
}
}

@media (max-width:1023px){
.cast .tiles{ width: 140px;}   
/*==banner New Design==*/
.banner-section .banner-content .owl-carousel.owl-drag .owl-item img{ height: 100%;width: 100%;object-fit: cover;}
.verified-email-text span{ top: -4px; font-size: 14px;}
.dashboard-leftnav ul li a{ font-size: 17px;}
.header .navbar-nav .top-search-nav .form-inline .form-control { width: 120px;}
.header-new .top-search-nav .form-inline .form-control { width: 120px;}
.geoblock-section img {
    margin-left: -20vw;
}
.geoblock-textDIv {
    left: 47vw;
    top: 45%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 40px;
    line-height: 56px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 32px;
    line-height: 40px;
}
}
@media (max-width:991px){
.banner-section .order-1{ order: 2;}
.banner-section .order-2{ order: 1;}
.header .navbar { padding: 15px 0;}
/*.banner-section .banner-data{ padding: 30px 0 0 0;}*/
.footer ul{ padding-bottom: 30px;}
.footer{ padding: 40px 0 0 0;}
.navbar-light .navbar-toggler { color: #18a0fb; border-color: #18a0fb; background: #18a0fb; padding:2px 6px;}
.header .navbar-nav .signup {padding: 0; margin: 15px 0 10px 0;}
.header .navbar-nav .signup a{ padding: 0 10px;}
.header-new .signup {padding: 0; margin: 15px 0 10px 0;}
.header-new .signup a{ padding: 0 10px;}
.cast .tiles{ margin-bottom: 20px; width: 161px; margin-right:20px; display: inline-block;}
.banner-section .audio-banner .main-heading{ white-space: normal; }
.header .navbar-nav .top-search-nav {margin: 10px 0;}
.header .navbar-nav .top-search-nav .form-inline .form-control{ width: 100%;}
.header .navbar-nav .language-item .dropdown-menu::after{ display: none;}
.header-new .top-search-nav {margin: 10px 0;}
.header-new .top-search-nav .form-inline .form-control{ width: 100%;}
.header-new .language-item .dropdown-menu::after{ display: none;}
.video-homepage-banner .page-heading{ width: 100%;}
.video-homepage-banner .page-heading h1{ font-size: 40px; line-height: 60px;}
.why-phoeni ul li{ padding: 0 19px;}
.video-homepage-banner{background: url(../img/video-banner-1.png) no-repeat 0 -200px;}
.header .navbar-nav .login-profile{ margin: 15px 0;}
.header .navbar-nav .login-profile .profile-navigation{ width: 100%; right: auto; left: 0; z-index:999;}
.header-new .login-profile{ margin: 15px 0;}
.header-new .login-profile .profile-navigation{ width: 100%; right: auto; left: 0; z-index:999;}
.header-new .lang-prof-section{display: block;}
.header-new .signup-login-section{
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
}
.about-picture {margin: 50px 0 105px 0;}
.primary-button{ font-size: 16px;}
.plans-data{ padding: 24px 40px 60px 40px;}
/*------contact us added------------*/
.contact-us .heading{ width: 100%;}
.contact-us .contact-us-page{ padding-left: 50px;}
.header .navbar-nav .phoenix-nav-dropdown .dropdown-menu::after { display: none;}
.header-new .phoenix-nav-dropdown .dropdown-menu::after { display: none;}
.geoblock-section img {
    margin-left: -27vw;
}
.geoblock-textDIv {
    left: 47vw;
    top: 46%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 30px;
    line-height: 46px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 22px;
    line-height: 30px;
}
}
@media (max-width:780px){
    .banner-section .banner-data{ padding-top: 65px;}
    .geoblock-section img {
        margin-left: -27vw;
    }
    .geoblock-textDIv {
        left: 47vw;
        top: 46%;
    }
    .geoblock-textDIv h2.nsatxt {
        font-size: 30px;
        line-height: 46px;
    }
    .geoblock-textDIv p.nsatxtp {
        font-size: 22px;
    line-height: 30px;
    }
    .card-information .box .card-number span { position: relative; top: 3px; right: 0;}
.card-information .box .card-number span.primary-section{ top:3px}
}
@media (max-width:992px){
    .banner-section .banner-text-left{
        left: 75px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 80.666667%;
        max-width: 80.666667%;
    }
}
@media (max-width:768px){
.addon-listing .item .data span{ font-size: 14px;}
.addon-listing .item .data p{ font-size: 14px;}
.product-listing .item .data span{ font-size: 14px;}
.product-listing .item .data p{ font-size: 14px;}
.copyright p{ text-align: center;}
.copyright ul{ text-align: center; padding-bottom: 15px;}
.season-list .number { width: 100%; text-align: center; border: none;}
.season-list .number span{ padding-top: 15px; padding-bottom: 15px;}
.season-list .picture{ width: 100%; border-top: solid 1px #504d54; border-bottom: solid 1px #504d54;}
.season-list .content{ width: 100%; border: none;}
.video-homepage-banner .page-heading h1 { font-size: 36px;  line-height: 56px;}
.video-homepage-banner .page-heading ul li a{ font-size: 16px;}
.why-phoeni ul li{ width: 48%; padding: 20px 0; vertical-align: top;}
.why-phoeni { padding: 50px 0 0 0;}
.homepage-feature {padding: 0;}
.homepage-feature h2{ padding: 50px 0 0 0;}
.plans-data{ margin-bottom: 30px;}
/*==Banner New Design==*/
.banner-section .banner-text-left{ position: relative;
    left: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 1;
    flex:1;
    max-width: 100%;
}
.dis-f{display: block;}
.banner-section .banner-text-left.custom-vpd-mobile{ position: absolute;}
.custom-vpd-box{margin:0 0 0 0;flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;}
    .custom-vpd-box .comment-data{padding: 20px 0 0 0;width: 100%;}
.banner-section .banner-data { padding: 40px 0 10px 0;}
.banner-section .subcription-banner .banner-data{ padding-top:40px}
.videocontent-descption .video-data h1{ font-size: 24px; line-height: 35px;}
.faq-details .faq-d-left{ padding-right: 0;}
.dashboard-tiles{ padding: 15px;}
.my-profile-process{padding: 15px;}
.purches-history .table-responsive{ width: 900px;}
.pagenot-found .page-notfound h1{ font-size: 40px;}
.post-checkout-popup .plans-listing .plan-box span.selected{ top:5px;}
.all-plans-page .plans-data{ width: 100%;}
.addnew-card-popup .pr-9{ padding-right: 15px;}
.addnew-card-popup .pl-9{ padding-left: 15px;}
/*------contact us added------------*/
.contact-us .contact-us-page{ padding-left: 15px; padding-right: 15px;}
.contact-us .left-space { padding-left: 0;} .contact-us .right-space { padding-right: 0;}
.contact-us .contact-info ul li:first-child{ padding-left: 0;}
.contact-us .contact-top {padding-bottom: 24px;}
.contact-us .heading h1{ margin-bottom: 15px;}
.geoblock-section img {
    margin-left: -25vw;
}
.geoblock-textDIv {
    left: 47vw;
    top: 44%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 30px;
    line-height: 46px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 22px;
    line-height: 30px;
}
.card-information .box .card-number span { position: relative; top: 3px; right: 0;}
.card-information .box .card-number span.primary-section{ top:3px}
}

@media (max-width:699px){
.cast .tiles{ width: 159px;}
.geoblock-section img {
    margin-left: 0vw;
}
.geoblock-textDIv {
    left: 25%;
    top: 63%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 30px;
    line-height: 46px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 22px;
    line-height: 30px;
}
}

@media (max-width:650px){
.social-share-all .share-video, .share-video{ bottom: 55px; right: -107px; left: auto;}
.share-list .share-video{left: 100px;}
.card-information .box .card-number span { position: relative; top: 3px; right: 0;}
.card-information .box .card-number span.primary-section{ top:3px}
.geoblock-section img {
    margin-left: 0vw;
}
.geoblock-textDIv {
    left: 25%;
    top: 63%
}
.geoblock-textDIv h2.nsatxt {
    font-size: 30px;
    line-height: 46px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 22px;
    line-height: 30px;
}
}

@media (max-width:594px){
    .about-picture ul li { width: 155px;}
    .geoblock-section img {
        margin-left: 0vw;
    }
    .geoblock-textDIv {
        left: 25vw;
        top: 63%;
    }
    .geoblock-textDIv h2.nsatxt {
        font-size: 30px;
        line-height: 46px;
    }
    .geoblock-textDIv p.nsatxtp {
        font-size: 22px;
        line-height: 30px;
    }
    }

@media (max-width:575px){
.season-heading ul{
    position: relative;
    float: right;
}
.tabviews .grid-list{
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    position: relative;
    margin-bottom: 0;
}
.cast .tiles{ width:31%; margin: 0 5px 10px 0;}
.season-heading .custom-select{ width: 155px; right: 0px !important;position: relative; margin-bottom: 10px;}
.select-items div, .select-selected{
    padding: 8px 10px;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.choose-your-plan h2{ font-size: 25px;}
.plans-data{ width: 100%;}
.pagenot-found .page-notfound h1{ font-size: 30px;}
.post-checkout-popup .plans-listing .plan-box{ width: 100%;}
.post-checkout-popup .promo-checkout .checkout-button-popup button{ min-width: 100%;}
.post-checkout-popup .promo-checkout .promo-code{ width: 100%;}
.post-checkout-popup .promo-checkout .promo-code span{ position: relative; bottom: 0;}
.post-checkout-popup .promo-checkout .checkout-button-popup{  width: 100%; margin: 10px 0 0 0;}
.paperview-tabs .picture{ width: 100%;}
.paperview-tabs .percontent{ width: 100%; padding: 0; margin: 15px 0 0 0;}
.paperview-tabs .percontent select.plan-box.w-287{ width: 100% !important;}
.geoblock-section img {
    margin-left: 0vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 63%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 30px;
    line-height: 46px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 22px;
    line-height: 30px;
}


/* ER 81445 */
.contact-us .form-control{
    font-size: 14px;
}
.contact-us .form-control::placeholder{
    font-size: 14px;
}
.contact-us .select-selected{
    font-size: 14px;
}
.contact-us .select-items div{
    font-size: 14px;
    white-space: break-spaces;
}


}
@media (max-width:565px){
.about-picture ul li { width: 127px;}
.geoblock-section img {
    margin-left: 0vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 63%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 30px;
    line-height: 46px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 22px;
    line-height: 30px;
}
}

@media (max-width:535px){
.giftscreen-box{ width: 100%;}
.checkout-section{ width: 100%;}
.cradit-card-fild{ padding: 15px 15px 0 15px;}
.my-profile-process ul li{ margin: 0 12px 16px 0;}
.geoblock-section{
    padding: 50px;
}
.geoblock-section img {
    margin-left: 0vw;
    margin-top: -10vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 58%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 26px;
    line-height: 42px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 18px;
    line-height: 26px;
}
.my-WH-CMH-btn{position: relative;top: auto;right: auto;}
}

@media (max-width:480px){
.sign-form-layout{ width: 100%; padding: 0 30px;}
.video-homepage-banner .page-heading ul{ display: block;}
.video-homepage-banner .page-heading ul li{ display: block; margin: 0 0 10px 0; padding: 0;}
.video-homepage-banner .page-heading ul li a{ display: block;}
.custom-place{ padding:0 0 50px 0;}
.custom-place .view-all{ top: 45px;}
.watch-history{ text-align: center; padding: 15px;}
.watch-history .picture{ width: 100%;}
.watch-history .data{ width: 100%; padding: 15px;}
.my-wallet-section .gift-ballance p{ padding: 0 0 20px 0;}
.my-wallet-section .gift-ballance span {  position: relative;  top: auto; right: auto;}
.sign-form-layout .form-group .form-box{ width: 100%; padding: 0; margin-bottom: 24px;}
.recived-code .resend{ width: 100%; padding: 0; margin-bottom: 40px;}

.m-plan-box{ width: 100% !important; margin: 0 0 10px 0 !important;}
.post-checkout-popup .nav-tabs .nav-link{margin: 0 16px 0 0;}
.post-checkout-popup .modal-content{ padding: 20px 32px 32px 32px}
 
/*------contact us added------------*/
.contact-us .contact-info ul li{ width: 100%; padding-left: 0;}
.geoblock-section{
    padding: 50px;
}
.geoblock-section img {
    margin-left: 0vw;
    margin-top: -10vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 58%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 26px;
    line-height: 42px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 18px;
    line-height: 26px;
}
.my-profile-process{padding: 32px 5px;}
.my-profile-process .form-control{font-size: 14px;line-height: 46px;}
}
@media (max-width:400px){
    .post-checkout-popup .modal-footer .checkout-button-popup{
        display: inline-block !important;
    }
    .post-checkout-popup .modal-footer .checkout-button-popup button{
        width: 100%;
    }
    .post-checkout-popup .modal-footer .checkout-button-popup button.primary-button{
        margin-top: 16px;
    }
}
@media (max-width:479px){
.about-picture ul li { width:42%;}   
.about-picture{ text-align: center;}
.card-information .box .card-icon{ width: 100%;}
.card-information .box .card-number{ width: 100%; text-align: center; border: none; padding:0;}
.card-information .addnew-card{ text-align: center;}
.geoblock-section{
    padding: 50px;
}
.geoblock-section img {
    margin-left: 0vw;
    margin-top: -10vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 58%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 26px;
    line-height: 42px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 18px;
    line-height: 26px;
}
.my-profile-process{padding: 32px 5px;}
.my-profile-process .form-control{font-size: 14px;line-height: 46px;}
.card-information .box .card-number span{
    display: flex;
    justify-content: center;
}
}
@media (max-width:400px){
.social-share-all .share-video, .share-video{ right: -70px; left: auto; width: 350px;}
.share-list .share-video{left: 15px;bottom: 0;}
.geoblock-section{
    padding: 50px;
}
.geoblock-section img {
    margin-left: 0vw;
    margin-top: -10vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 58%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 26px;
    line-height: 42px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 18px;
    line-height: 26px;
}
.my-profile-process{padding: 32px 5px;}
.my-profile-process .form-control{font-size: 14px;line-height: 46px;}
}
@media (max-width:390px){
.save-cards ul li span.Primary{ top:0;}
.geoblock-section{
    padding: 50px;
}
.geoblock-section img {
    margin-left: 0vw;
    margin-top: -10vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 58%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 26px;
    line-height: 42px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 18px;
    line-height: 26px;
}
.my-profile-process{padding: 32px 5px;}
.my-profile-process .form-control{font-size: 14px;line-height: 46px;}
}
@media (max-width:359px){
.banner-section .banner-data .button a{ font-size: 15px;}
.geoblock-section{
    padding: 50px;
}
.geoblock-section img {
    margin-left: 0vw;
    margin-top: -10vw;
}
.geoblock-textDIv {
    left: 25vw;
    top: 58%;
}
.geoblock-textDIv h2.nsatxt {
    font-size: 26px;
    line-height: 42px;
}
.geoblock-textDIv p.nsatxtp {
    font-size: 18px;
    line-height: 26px;
}
.my-profile-process{padding: 32px 5px;}
.my-profile-process .form-control{font-size: 14px;line-height: 46px;}
.form-group .form-box2{ width: 100%; margin: 0 0 16px 0;}
.form-group .form-box3{ width: 100%; text-align: left;}
}

@media (max-width:359px){
.video-homepage-banner .page-heading h1 { font-size: 25px; line-height: 35px; padding: 0 0 20px 0;}
.video-homepage-banner .page-heading{ padding: 50px 0 80px 0;}
.video-homepage-banner .banner-tabs .nav-tabs .nav-item .nav-link {margin: 0 11px;}
.homepage-feature h2{ font-size: 25px; line-height: 40px;}
.banner-section .banner-data .button .watch-now a { padding: 0 11px;}
.banner-section .banner-data .button.watch-now a { padding: 0 11px;}
.cast .tiles { width: 47%;}
.sub-heading{ font-size: 16px;}
.contect-listing .view-all a{font-size: 14px;}
.season-heading .custom-select { width: 134px; right: 77px; font-size: 14px;}
.select-items div, .select-selected {padding: 8px 8px;}
.select-selected::after{ top:17px; right: 6px;}
.videocontent-descption .video-data .share-list li{ min-width: 68px; min-height: 68px;}
.checkout-section .plan-and-logo .back{ top:-35px;}
.card-redirect-sec .paynow-button{ width: 100%;}
.social-share-all .share-video, .share-video{ right: -32px; left: auto; width: 310px;}
.share-list .share-video{left: 5px;bottom: 0;}
}

/* ER 80966 By deep */
@media (min-width:768px){
    .video-player-one {
        min-height:500px;
        display:block;
    }
}
@media (max-width:767px){
    .video-player-one {
        min-height:180px;
        display:block;
    }
    /* #adContainer video {
        object-fit: fill !important;
    } */
    /* 82505 */
    #adContainer .vjs-fullscreen video {
        object-fit: contain !important;
    }
    #video_2 {
        object-fit: cover !important;
    }
    #tagContainer .vjs-fullscreen video {/* 96604 */
        object-fit: contain !important;
    }
}
.dashboard-heading button:focus {
    background: transparent;
}


/* ER: 82062 */
.body-container {
    overflow-x: hidden;
}

.body-container {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.body-container::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.banner-section .video-home-slider .item{height: auto;}




/* ONE STEP REGISTRATION CSS */

.onestep-registration {
    padding-top: 50px;
    padding-bottom: 150px;
  }
  .onestep-registration h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 28px;
    letter-spacing: -0.02em;
    color: #BFC0C4;
    font-family: "Inter", sans-serif;
  }
  .onestep-registration h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    font-family: "Inter", sans-serif;
    color: #202223;
    margin-bottom: 0;
  }
  .onestep-registration .form-title {
    margin: 36px 0;
  }
  .onestep-registration .form-title h4 {
    margin-bottom: 6px;
  }
  .onestep-registration .form-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #7B8794;
  }
  .onestep-registration .form-wrap .input-group {
    margin-bottom: 20px;
    height: auto;
  }
  .onestep-registration .form-wrap label {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #BFC0C4;
    margin-bottom: 16px;
    width: 100%;
  }
  .onestep-registration .form-wrap label span {
    color: red;
  }
  .onestep-registration .form-wrap .dropdown {
    width: 100% !important;
  }
  .onestep-registration .form-wrap .dropdown .dropdown-menu li:first-child {
    display: none;
  }
  .onestep-registration .form-wrap .dropdown button {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    height: 46px;
    outline: 0 !important;
    background: transparent;
  }
  .onestep-registration .form-wrap .dropdown .filter-option {
    display: flex;
    align-items: center;
  }
  .onestep-registration .form-wrap .form-control {
    border: 1px solid #DDDDDD;
    padding-left: 16px;
    height: 46px;
    padding-right: 32px;
    border-radius: 4px !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }
  .onestep-registration .form-wrap .form-control::-moz-placeholder {
    color: #ACACAC;
  }
  .onestep-registration .form-wrap .form-control:-ms-input-placeholder {
    color: #ACACAC;
  }
  .onestep-registration .form-wrap .form-control::placeholder {
    color: #ACACAC;
  }
  .onestep-registration .select-plans {
    margin-top: 16px;
    margin-bottom: 20px;
  }
  .onestep-registration .select-package-checkbox {
    margin: 16px 0;
    width: 178px;
  }
  @media (max-width: 992px) {
    .onestep-registration .select-package-checkbox {
      width: 100%;
    }
  }
  .onestep-registration .select-package-checkbox input {
    display: none;
  }
  .onestep-registration .select-package-checkbox .pack {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #303049;
  }
  .onestep-registration .select-package-checkbox p {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #303049;
    margin-bottom: 15px;
  }
  .onestep-registration .select-package-checkbox p span {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
  }
  .onestep-registration .select-package-checkbox .button {
    background: #FFFFFF;
    cursor: pointer;
    border: 1px solid #CED1D3;
    border-radius: 4px;
    padding: 5px 18px;
    width: 96px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #7B8794;
    margin: 0 auto;
    transition: 0.3s;
  }
  .onestep-registration .select-package-checkbox label {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #DBE1EA;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
    padding-bottom: 16px;
    padding-top: 20px;
  }
  .onestep-registration .select-package-checkbox input:checked ~ label {
    background: #F6F7FB;
    border: 1px solid #18A0FB;
  }
  .onestep-registration .select-package-checkbox input:checked ~ label::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00001 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8.00001C14.6667 4.31811 11.6819 1.33334 8.00001 1.33334C4.31811 1.33334 1.33334 4.31811 1.33334 8.00001C1.33334 11.6819 4.31811 14.6667 8.00001 14.6667Z' fill='%2318A0FB' stroke='%2318A0FB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.3333 6L7.33334 10.6667L5.33334 9' stroke='%23F2F2F2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .onestep-registration .select-package-checkbox input:checked ~ label .button {
    background: #303049;
    color: #fff;
    border-color: #303049;
  }
  .onestep-registration .payement-left h4 {
    border-bottom: 1px solid rgba(172, 172, 172, 0.3);
    padding-bottom: 12px;
    margin-bottom: 36px;
  }
  .onestep-registration .payement-left p {
    font-weight: 600;
    font-size: 18px;
    line-height: 12px;
    color: #BFC0C4;
    margin-bottom: 16px;
  }
  .onestep-registration .payement-left label {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #ACACAC;
    transition: 0.3s;
  }
  .onestep-registration .payement-left .customcheck input {
    margin: 0;
    margin-right: 8px;
    width: 15px;
    height: 15px;
    border: 2px solid #ACACAC;
  }
  .onestep-registration .payement-left .customcheck label {
    padding-left: 20px;
    padding-top: 10px;
  }
  .onestep-registration .payement-left .customcheck input:checked {
    border: none;
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    background-size: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='9.5' cy='10' r='4.5' fill='%231CBDF3'/%3E %3Ccircle cx='9.5' cy='10' r='8.5' stroke='%231CBDF3' stroke-width='2'/%3E %3C/svg%3E ");
  }
  .onestep-registration .payement-left .customcheck input:checked ~ label {
    color: #BFC0C4;
  }
  .onestep-registration .payement-left .form-wrap {
    margin-top: 36px;
  }
  .onestep-registration .payement-left .form-wrap label {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #BFC0C4;
  }
  .onestep-registration .payement-left .form-wrap .input-group {
    margin-bottom: 24px;
  }
  .onestep-registration .payement-left .checkpolicy p {
    font-weight: 500;
    font-size: 16px;
    line-height: 8px;
    color: #000000;
    margin-top: 36px;
  }
  .onestep-registration .payement-left .checkpolicy p a {
    color: #1CBDF3;
    text-decoration: underline;
  }
  @media (max-width: 768px) {
    .onestep-registration .payement-left .checkpolicy p {
      font-size: 14px;
    }
  }
  .onestep-registration .payement-left .checkpolicy .default-register {
    margin-top: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 12px;
    color: #F3F3F3;
    background: #1CBDF3;
    border-radius: 4px;
    border: none;
    display: block;
    width: 100%;
    padding: 20px 0;
  }
  .onestep-registration .payement-left .checkpolicy .light-txt {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #ACACAC;
    margin-top: 23px;
  }
  .onestep-registration .payement-left .checkpolicy label {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #7B8794;
    padding-left: 20px;
    padding-top: 8px;
  }
  @media (max-width: 400px) {
    .onestep-registration .payement-left .checkpolicy label {
      font-size: 14px;
    }
  }
  .onestep-registration .payement-left .checkpolicy .form-check-input {
    margin: 0;
  }
  .onestep-registration .payement-left .checkpolicy .form-check-input:checked {
    background-color: #1CBDF3;
    border: none;
    box-shadow: none;
  }
  .onestep-registration .payment-right {
    background: #1a1c26;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 15px;
  }
  .onestep-registration .payment-right h4 {
    border-bottom: 1px solid rgba(172, 172, 172, 0.3);
    padding-bottom: 12px;
    margin-bottom: 36px;
  }
  .onestep-registration .payment-right .payment-top {
    padding-bottom: 36px;
    border-bottom: 1px solid rgba(172, 172, 172, 0.3);
  }
  .onestep-registration .payment-right .payment-top p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #BFC0C4;
    margin-bottom: 4px;
  }
  .onestep-registration .payment-right .payment-top span {
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    color: #ACACAC;
  }
  .onestep-registration .payment-right .coupon-wrap {
    padding: 36px 0;
    border-bottom: 1px solid rgba(172, 172, 172, 0.3);
  }
  .onestep-registration .payment-right .coupon-wrap .form-control {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    height: 46px;
  }
  @media (max-width: 768px) {
    .onestep-registration .payment-right .coupon-wrap .form-control {
      font-size: 12px;
    }
    .onestep-registration .payment-right .coupon-wrap .form-control::-moz-placeholder {
      font-size: 12px;
    }
    .onestep-registration .payment-right .coupon-wrap .form-control:-ms-input-placeholder {
      font-size: 12px;
    }
    .onestep-registration .payment-right .coupon-wrap .form-control::placeholder {
      font-size: 12px;
    }
  }
  .onestep-registration .payment-right .coupon-wrap button {
    background: #ACACAC;
    border: 1px solid #ACACAC;
    border-radius: 4px;
    padding: 13px 23px;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    color: #F3F3F3;
    height: 100%;
  }
  .onestep-registration .payment-right .coupon-detail {
    padding-top: 24px;
    padding-bottom: 36px;
    border-bottom: 1px solid #DDDDDD;
  }
  .onestep-registration .payment-right .coupon-detail ul{
    padding: 0;
  }
  .onestep-registration .gx-3 .col {
    padding-right: 8px;
  }
  .onestep-registration .gx-3 .col-auto {
    padding-left: 8px;
  }

  .onestep-registration .payment-right .coupon-detail ul li {
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    color: #BFC0C4;
    margin-bottom: 24px;
    list-style: none;
  }
  .onestep-registration .payment-right .coupon-detail ul li:last-child {
    margin-bottom: 0;
  }
  .onestep-registration .payment-right .coupon-total {
    padding-top: 30px;
    padding-bottom: 62px;
  }
  .onestep-registration .payment-right .coupon-total p {
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    color: #BFC0C4;
    margin-bottom: 4px;
  }
  .onestep-registration .payment-right .coupon-total span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #ACACAC;
  }
  .onestep-registration .payment-right .coupon-total .total-price {
    font-weight: 500;
    font-size: 36px;
    line-height: 18px;
    color: #BFC0C4;
  }
  .field-icon {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 9;
    line-height: 0;
  }

  .pr-75{padding-right: 75px !important;}
  .pr-35{padding-right: 35px !important;}

  /* New design css - Design by Debasish */
  .plr-80{padding-left: 80px;padding-right: 80px;}
  @media (max-width: 768px) {
    .plr-80{padding-left: 30px;padding-right: 30px;}
  }
  @media (max-width: 468px) {
    .plr-80{padding-left: 20px;padding-right: 20px;}
  }
  @media (max-width: 368px) {
    .plr-80{padding-left: 0px;padding-right: 0px;}
  }
  .bg-black{background: #000000;}
.resultsfor-div{
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.64);
    padding-top: 32px;
    padding-left: 0px;
}
.gs-parent-div .product-listing .gs-h2{
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 24px;
}

.content-partners .cp-ul{
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 29px;
    row-gap: 29px;
}
.content-partners .cp-ul .cp-ul-li{
    width: 109px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}
.content-partners .cp-ul .cp-ul-li .cp-img{
    width: 104px;
height: 104px;
background: #232631;
border-radius: 100px;
}
.content-partners .cp-ul .cp-ul-li .cp-name{
    font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
padding-top: 10px;
margin: 0;
text-align: center;
/* text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%; */
}
.content-partners .cp-ul .cp-ul-li .cp-views{
    font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #7B8794;
padding-top: 2px;
margin: 0;
}
.pt-24{padding-top: 24px;}
.pt-64{padding-top: 64px;}

.tiles-ul{padding: 0;margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}
.tiles-ul .tiles-li .div-img{
    width: 308px;
height: 176px;
background: rgba(255, 255, 255, 0.08);
}
.minis-section .tiles-ul .tiles-li .div-img{height: 376px;}
.audio-section .tiles-ul .tiles-li .div-img{height: 234px;}
.audio-section .tiles-ul .tiles-li .div-img{height: 200px;}
.tiles-ul .tiles-li .div-img img{display: none;}
.tiles-ul .video-duration, .hover-show .picture .video-duration {
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    color: #FFFFFF;
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 1px 6px;
    width: auto;
    height: 22px;
    background: #000000;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: none;
}
.myuploads-history .hover-show .picture .video-duration{display: flex;}
.tiles-ul .video-duration span{margin-left: 4.5px;}
.ugc-section .tiles-ul .video-duration, .minis-section .tiles-ul .video-duration, .hover-show .picture .video-duration{
height: 20px;
line-height: 20px;
}
.ugc-section .tiles-ul .video-duration span, .minis-section .tiles-ul .video-duration span{margin: 0;}
.tiles-ul .grid-hover .picture .box-hover a.svg-a, .grid-hover .picture .box-hover a.svg-a{
border: none;
padding: 0;
min-width: auto;
}
.tiles-ul .grid-hover .picture .box-hover a.svg-a:hover, .grid-hover .picture .box-hover a.svg-a:hover{background: transparent;outline: none;border: none;}
.tiles-ul .tiles .data .content-a, .product-listing .item .data .content-a{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
    gap: 10px;
}
.content-a .content-name-div{width: calc(100% - 35px);position: relative;}
.tiles-ul .tiles .data span{
    font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.tiles-ul .tiles .data p{
    font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #7B8794;
padding: 0;
}
.tiles-ul .tiles .data .content-pic, .product-listing .item .data .content-a .content-pic{
    width: 32px !important;
height: 32px;
background: #15151A;
border-radius: 30px;
}
.tiles-ul .tiles {
    background: #232631;
}
.w-308{width: 308px;}
.w-234{width: 234px;}
.w-200{width: 200px;}
.h-200{height: 200px;}
.h-234{height: 234px;}
.h-176{height: 176px;}
.h-416{height: 376px;}

.hover-show .data-flex{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.no-bg{
    background: transparent;
}
ul.upload-filter-options.nav.nav-tabs {
    border: none;
    gap: 8px;
    margin-bottom: 24px;
}
.upload-filter-options.nav-tabs .nav-link{
    padding: 8px 24px;
width: auto;
height: 36px;
background: #1F2025;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
}
.upload-filter-options.nav-tabs .nav-link:hover{border: 1px solid #5FA9BA;}
.upload-filter-options.nav-tabs .nav-link.active{
    background: transparent;
    padding: 8px 24px;
    width: auto;
    height: 36px;
    border: 1px solid #5FA9BA;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}
.status-span{
	display: flex;
    gap: 8px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-top: 8px;
	}
    .status-text{
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    font-family: "Inter", sans-serif;
    } 
    .txt-pending{
    color: #EEA849;
    }
    .txt-published{
    color: #4FC292;
    }
    .txt-rejected{
    color: #E35D5B;
    }
.action-buttons{
    display: flex;
    gap: 8px;
    display: none;
}
    .btns{
        padding: 0px 12px;
width: 40px;
height: 40px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: none;
cursor: pointer;
    }
    .btns:hover, .btns:focus{background: black;}
    .btn-share{
        background: #393C47;
    }
    .btn-edit, .btn-delete{
        background: #118BA6;
    }

    .hover-show{
        display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    padding: 0px;
    }
    .hover-show .picture{
        position: relative;
    overflow: hidden;
    /* width: 144px;
    height: 96px; */
    /* width: 168px;
    height: 104px; */
    width: 100px;
    height: 147px;
    background: rgba(255, 255, 255, 0.08);
    }
    .hover-show .picture a{
    /* background: rgba(255, 255, 255, 0.08); */
    display: block;
    }
    .hover-show .picture a img{border-radius: 0px;}
    .hover-show .data{width: calc(100% - 192px);}
    .box-hover-button{
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 250%;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition: .3s;
    }
    .hover-show:hover .box-hover-button{top: 0;}
    .hover-show:hover .action-buttons{display: flex;}
    /* .myuploads-history{
        max-height: calc(100vh - 330px);
    } */

    .uploadBox{
        display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
padding: 28px 23.5px;
gap: 4px;
width: 338px;
height: 188px;
background: rgba(0, 0, 0, 0.24);
border: 1px dashed rgba(255, 255, 255, 0.4);
border-radius: 4px;
    }
    .uploadBox input[type=file] {
        height: initial;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
    }
    .txt{
        font-weight: 400;
font-size: 12px;
line-height: 20px;
text-align: center;
color: rgba(255, 255, 255, 0.64);
    }
    .upload-content-popup .ucp-modal{
        display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: relative;
width: 900px;
/* max-height: 552px; */
background: #30323A;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
border-radius: 8px;
    }
   
    .upload-content-popup .ucp-modal .modal-body{width: 100%;}
    .upload-content-popup .ucp-modal .modal-body .form-control{
        padding: 0px 12px 0px 16px;
width: 348px;
height: 38px;
background: #1F2025;
border-radius: 6px;
    }
    .upload-content-popup .ucp-modal .modal-body .form-control.type-file{height: inherit;}
    .upload-content-popup .ucp-modal .modal-body select.form-control {
        background: url(../img/uploadpopup-downarrow.png) no-repeat right 12px top 15px #1F2025;
        appearance: none;
    }
    .upload-content-popup .ucp-modal .modal-body label{
        font-weight: 500;
font-size: 12px;
line-height: 18px;
margin: 0;
letter-spacing: 0.06em;
color: rgba(255, 255, 255, 0.64);
height: 38px;
    display: flex;
    align-items: center;
    }
    .upload-content-popup .ucp-modal .modal-body textarea{
        display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px 12px 0px 16px;
gap: 8px;
width: 348px;
height: 152px !important;
background: #1F2025;
border-radius: 6px;
    }
    .upload-content-popup .ucp-modal .modal-body .form-d-flex{
        display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 10px;
width: 458px;
margin-bottom: 16px;
justify-content: space-between;
    }
    .upload-content-popup h2{
        font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #FFFFFF;
    }
    .footer-btn{
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 8px;
        width: 836px;
        height: 40px;
    }
    .footer-btn button{
        display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 10px;
    width: 83px;
    height: 40px;
    background: #1F2025;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 4%), 0px 0px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 4%);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    }
    button.upload-btn{
        background: #118BA6;
    }

    .right-div{
        flex-wrap: wrap;
            align-content: flex-start;
            gap: 8px;
            font-family: "Inter", sans-serif;
            }
            
            .div-afterupload {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: flex-start;
            width: 338px;
            gap: 8px;
        }
        
        .info-span {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 4px;
            height: 18px;
        }
        
        span.span-recommend {
            font-weight: 500;
            font-size: 11px;
            line-height: 18px;
            text-transform: capitalize;
            color: rgba(255, 255, 255, 0.64);
        }
        
        .filename-div {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            width: 100%;
        }
        
        span.fn-span {
            font-weight: 500;
            font-size: 12px;
            line-height: 18px;
            color: rgba(255, 255, 255, 0.64);
        }
        span.fn-details {
            font-weight: 500;
            font-size: 13px;
            line-height: 19px;
            color: #FFFFFF;
        }
        .mw-900{max-width: 900px !important;}

       

        .plr-32{padding-left: 32px;padding-right: 32px;}
        .plr-5{padding-left: 5px;padding-right: 5px;}
        .pr-32{padding-right: 32px;}

        .banner-section .profile-banner-content .owl-carousel.owl-drag.custom-banner-nocast .item {
            height: 244px;
        }
        .profile-banner-data.banner-text-left{padding: 40px 80px;max-width: 100%;}
        .profile-banner-data .custom-vpd-box .profile-pic img{
            width: 164px;
            height: 164px;
            border-radius: 50%;
        }
        .profile-banner-data .custom-vpd-box .profile-pic{width: auto;}
        .profile-banner-data .custom-vpd-box .comment-data{padding-left: 40px;}
        .banner-section .banner-data ul{padding: 0;}
        .banner-section .banner-data .button .watch-now a.follow-btn{
            padding: 10px 16px;
    gap: 10px;
    width: 76px;
    height: 40px;
    background: #118BA6;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 4%), 0px 0px 2px rgb(0 0 0 / 6%), 0px 0px 1px rgb(0 0 0 / 4%);
    border-radius: 4px;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
        }
        .banner-section .banner-data .button .watch-now a.following{
            width: 99px;
background: #1F2025;
        }
        .banner-section .banner-data .button .watch-now a.follow-btn:hover{background: #1F2025;}
        .follower-txt{
            font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding-left: 16px;
    white-space: nowrap;
        }

        ul.profile-tab-options.nav.nav-tabs {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            /* width: 1280px; */
            height: 60px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            overflow: hidden;
            overflow-x: auto;
            flex-wrap: nowrap;
        }

        .profile-tab-options .nav-link {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 20px 24px;
            gap: 10px;
            border: none;
            height: 60px;
            border-bottom: 4px solid transparent;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #fff;
        }
        .profile-tab-options .nav-item.show .nav-link, .profile-tab-options .nav-link.active {
            border: none;
            border-bottom: 4px solid #5FA9BA;
            color: #5FA9BA;
            background: transparent;
        }
        .profile-tab-contents .product-listing h2{
            font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
        }
        .view-all{
            font-weight: 500;
font-size: 13px;
line-height: 19px;
color: rgba(255, 255, 255, 0.64);
white-space: nowrap;
        }

        .about-cp{
            display: flex;
flex-direction: row;
align-items: flex-start;
padding: 40px;
gap: 40px;
background: #11131B;
border-radius: 8px;
        }
        .div-stats {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 16px;
            width: 240px;
            /* height: 56px; */
        }
        .div-description{
            display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;
width: 920px;
/* height: 136px; */
        }
        .div-stats span, .div-description span{
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #FFFFFF;
        }
        .div-stats p, .div-description p{
            font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.64);
    margin: 0;
        }

        .content-a {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: flex-start;
            gap: 10px;
        }
        .content-a .content-pic{
            width: 32px !important;
        height: 32px;
        background: #15151A;
        border-radius: 30px;
        }
        .data .content-a span, .content-a span{
            font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
        }
        .my-favorites .content-a span{padding-right: 25px;}
        .my-favorites.grid-hover .data .addto-favorites {
            position: absolute;
            top: 0;
            right: 5px;
        }
        .data .content-a p, .content-a p{
            font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    padding: 0px !important;
        }

        /* My profile edit new css */
        .pro-cover-photo-div {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            position: relative;
            height: 240px;
        }
        .pro-photo-div {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 160px;
            height: 160px;
            background: rgba(255, 255, 255, 0.2);
            box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
            border-radius: 50%;
            position: absolute;
            bottom: 24px;
            left: 32px;
        }
        .pro-photo-div img{border-radius: 50%;object-fit: fill;height: 100%;}
        .cover-photo{border-radius: 8px;height: 100%;}
        .buttons-div {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 100%;
            height: 40px;
        }
        .btn-groups {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px 0px 0px 16px;
            gap: 16px;
            width: 186px;
            min-height: 40px;
            background: #118BA6;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
            border-radius: 4px;
            border: none;
            outline: none;
            cursor: pointer;
            color: #fff;
            position: relative;
        }
        .btn-groups:hover {
            background: #ffffff;
            color: #118BA6;
        }
        .btn-groups:hover span.third-span{ border-left: 1px solid rgba(0, 0, 0, 0.08);}
        .btn-groups:hover span svg path[stroke]{
           fill: none;
            stroke: #118BA6;
        }
        span.first-span {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 10px;
            min-width: 114px;
            min-height: 20px;
        }
        .first-span svg{
            min-width: 16px;
        }
        span.second-span {
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            min-width: 88px;
            min-height: 20px;
        }
        span.third-span {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            min-width: 40px;
            height: 40px;
            border-left: 1px solid rgba(255, 255, 255, 0.08);
        }

        textarea.about-text {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 14px 16px 14px 16px;
            gap: 8px;
            width: 100%;
            height: 200px;
            background: #1F2025;
            border-radius: 6px;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            display: flex;
            align-items: center;
            color: #FFFFFF;
            border: none;
            outline: none;
        }
        button.update-btn {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 10px 16px;
            gap: 10px;
            width: auto !important;
            min-width: initial !important;
            height: 40px;
            background: #118BA6;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
            border-radius: 4px;
            border: none;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            color: #FFFFFF;
            outline: none;
            cursor: pointer;
        }
        .account-info-divs {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 100%;
            /* height: 454px; */
        }
        .account-info-divs .form-group label {
            font-weight: 500;
            font-size: 12px;
            line-height: 18px;
            letter-spacing: 0.06em;
            color: rgba(255, 255, 255, 0.64);
        }
        .account-info-divs .my-profile-process .show-password.password-input button {
            right: 14px;
            top: 44px;
        }
        .account-info-divs .my-profile-process .show-password .form-control{padding-right: 45px;}
        .type-file {
            height: initial;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 0;
        }
        .nav-right-content {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex-wrap: nowrap;
            align-content: center;
            position: absolute;
            right: 0;
        }
        span.span-txt {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            display: flex;
            align-items: center;
            color: #B1B6BC;
        }
        a.sign-btn {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            display: flex;
            align-items: center;
            color: #5FA9BA;
            padding-left: 6px;
        }

        button.primary-button.cp-btn-a {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                padding: 0px;
                gap: 6px;
                height: 48px;
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid rgba(255, 255, 255, 0.16);
                border-radius: 4px;
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                display: flex;
                align-items: center;
                color: #B1B6BC;
        }
        button.primary-button.cp-btn-a:hover{color: #000000;}
        button.primary-button.cp-btn-a:hover .cp-loginhere{color: #118BA6; font-weight: 500;}
        a.cp-loginhere {
            color: #5FA9BA;
        }
        .content.ps-checkinbox {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 432px;
            height: 428px;
            background: #11131B;
            border-radius: 8px;
            align-content: center;
            margin: 0 auto;
        }
        .pt-40{padding-top: 40px !important;}

        /* User Search popup result css */
        .user-srch-input .dropdown-menu{
            display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0px;
    position: absolute;
    width: 208px;
    height: 264px;
    left: 0px;
    top: 34px;
    background: #2E3140;
    border: 1px solid #525252;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
        }
        .user-srch-input .dropdown-menu li{
            display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px 16px;
    gap: 10px;
    width: 100%;
    height: 34px;
    background: #2E3140;
    margin: 0;
        }
        .user-srch-input .dropdown-menu li:hover{background: rgb(31, 31, 31);}
        .user-srch-input .dropdown-menu li a{
color: #FFFFFF;
font-weight: 400;
font-size: 14px;
line-height: 20px;
padding: 0;
        }
        li.srch-drop-title, li.srch-drop-title a {
            background: transparent !important;
        }
        .user-srch-input .dropdown-menu li.srch-drop-title a{
            font-weight: 500;
            font-size: 12px;
            line-height: 18px;
        }
        svg.close-srch-svg {
            position: absolute;
            right: 14px;
            display: none;
            cursor: pointer;
        }
        .mt-32{margin-top: 32px !important;}

        /* Checkout page 2 new for paypal css changes */
        .pay-span {
            font-size: 12px;
            /* line-height: 10px; */
            font-weight: 400;
            color: rgba(255,255,255,.6);
            padding: 0;
            margin: 0;
            text-align: center;
            margin-bottom: 24px;
            width: 100%;
        }
        .pay-span b{padding: 0 5px;}
        .h-145{height: 145px !important;}

        .phone-countrycode .bootstrap-select{
            position: absolute;
            width: 100px !important;
    height: 48px;
        }
        .phone-countrycode .bootstrap-select>.dropdown-toggle{
            height: 48px !important;
    background: transparent !important;
    border: none;
    outline: none !important;
    color: white !important; 
    box-shadow: none;
        }
        .phone-countrycode .bootstrap-select .dropdown-toggle .filter-option{
            display: flex;
    align-items: center;
        }
        .pl-75{padding-left: 75px !important;}
        .pl-100{padding-left: 100px !important;}
        .phone-countrycode .bootstrap-select>.dropdown-toggle:focus, .phone-countrycode .bootstrap-select>.dropdown-toggle:active:focus{box-shadow: none;}
        .phone-countrycode.is-email .bootstrap-select>.dropdown-toggle{display: none;}
        .phone-countrycode.is-email .form-control.pl-75{padding-left: 16px !important;}
        span.su-cp {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #FFFFFF !important;
        }
        .tcp{color: #fff !important;text-decoration: underline !important;}

        .plan-divs {
            display: flex;
            width: 100%;
            display: flex;
            flex-direction: row;
            padding: 12px 24px;
            gap: 10px;
            height: 64px;
            background: rgba(31, 32, 37, 0.64);
            border-radius: 4px;
            align-content: center;
            justify-content: space-between;
            align-items: center;
        }
        .plan-divs .chooseplan-btn, .btn-plns button{
            width: 121px !important;
    height: 40px;
    background: #118BA6;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 16px;
gap: 10px;
border: none;
min-width: initial;
        }
        
        .btn-plns{
            display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    gap: 16px;
        }
        .btn-plns button.changeplan-btn{width: 123px !important; min-width: initial;}
        .btn-plns button.cancelplan-btn{
            background: transparent !important;
            background: #1A1C26;
border: 1px solid #363637;
min-width: initial;
        }
        .primary-button:hover, .btn-plns button.cancelplan-btn:hover {
            background: #ffffff !important;
            color: #118BA6;
        }
        .plan-divs span{
            font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
        }
        .plan-divs span.span-green{
    font-weight: 600;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #6BC071;
}
.plan-divs span.cancelspan{
    color: #FFB75E;
}
.card-information .addnew-card.anc-new {
    width: 100%;
    text-align: left;
    padding: 0 0 30px 0;
}
.card-information .addnew-card.anc-new button{
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 16px;
gap: 10px;
min-width: 136px;
min-height: 40px;
background: #1A1C26;
border: 1px solid #363637;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
border-radius: 4px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
width: initial;
}
.card-information .addnew-card.anc-new button:hover{
    background: #ffffff !important;
    color: #118BA6;
}
.card-information .box .card-number span .primary-card-green{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    gap: 10px;
    min-width: 72px;
    min-height: 24px;
    background: rgba(71, 177, 37, 0.4);
    border: 1px solid rgba(71, 177, 37, 0.64);
    border-radius: 4px;
}
span.span-backarrow {
    margin-right: 16px;
    cursor: pointer;
}
.promo-code {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    gap: 16px;
    width: 419px;
    height: 68px;
    background: #292C3A;
    border-radius: 4px;
    margin-bottom: 24px;
}
.promo-code label{
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}
.input-btn-grp {
    position: relative;
}
.input-btn-grp .form-control.input-promo{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 0px 0px 16px;
    gap: 12px;
    width: 295px;
    height: 36px;
    background: #1F2025;
    border-radius: 6px;
    border: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: rgba(255, 255, 255, 0.6);
    color: #fff;
    padding-right: 70px;
}
.input-btn-grp button.apply-promo{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 16px;
    gap: 10px;
    min-width: 67px;
    min-height: 36px;
    background: #118BA6;
    border-radius: 0px 3px 3px 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}
.h-flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
span.remain-days {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #6BC071;
}
.section-chooseplan .plans-data .primary-button{width: auto;}

.subcancel .modal-content {
    background: #30323A;
}
.subcancel textarea {
    background: #1F2025;
    padding: 8px 12px;
}
.subcancel .modal-footer button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 10px;
    /* width: 72px; */
    height: 40px;
    background: #118BA6;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    border: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}
.subcancel .modal-footer button.closebtn{
    background: #1F2025;
}
.subcancel .modal-footer button:hover, .subcancel .modal-footer button:focus, .subcancel .modal-footer button:visited, .subcancel .modal-footer button:active{
    background: #fff !important;
    color: #118BA6 !important;
}
.mb-8{margin-bottom: 8px !important;}
.purches-history .status{
    font-weight: 600;
font-size: 12px;
line-height: 18px;
text-align: center;
}
.purches-history .unpaid{color: #FFB75E;}
.purches-history .paid{color: #6BC071;}
button.purchase-paynow{
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
gap: 10px;
min-width: 84px;
min-height: 32px;
background: #118BA6;
border-radius: 4px;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: center;
color: #FFFFFF;
border: none;
cursor: pointer;
float: right;
}
button.purchase-paynow:hover{
    background: #fff;
    color: #118BA6;
}
.download-receipt a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0px !important;
    gap: 8px;
    width: 84px;
    height: 18px;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    float: right;
}
.download-receipt a:hover{text-decoration: none;}
.download-receipt span{
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.48);
}
.download-receipt a:hover span{color: #fff;}
.h1-flex-ci, .h1-flex-ph{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}
.open-svg, .close-svg{cursor: pointer;}

.password-recovery{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 64px 48px;
    /* gap: 32px; */
    width: 432px;
    height: 438px;
    background: #11131B;
    border-radius: 8px;
}
.password-recovery form{width: 100%;}
textarea.textarea-about {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 12px 12px 16px;
    gap: 8px;
    width: 100%;
    height: 114px;
    background: #292C3A;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    border: none;
    outline: none;
}

/* watch history new changes */
.my-WH-CMH-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 167px;
    height: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
}
.my-WH-CMH-btn:hover{
    color: #118BA6;
}
.my-WH-CMH-btn:hover i{
    color: #118BA6;
}
.my-WH-CMH-btn:focus, .my-WH-CMH-btn:hover i{
    color: #fff;
}
.div-cwh {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 10px;
    width: 199px;
    height: 40px;
    background: #1F2025;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}
.div-cwh:hover {
    background: white;
}
.div-cwh:hover .my-WH-CMH-btn, .div-cwh:hover .my-WH-CMH-btn i{
    color: #118BA6;
}
.h1-wh{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
font-size: 20px;
line-height: 24px;
}
.delete-watch-history .modal-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    position: relative;
    width: 688px;
    background: #30323A;
    padding: 32px;
    gap: 32px;
}
.delete-watch-history .modal-body {
padding: 0;
}
.delete-watch-history .modal-body .body-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 624px;
    height: 92px;
}
.delete-watch-history .modal-body .body-section .title {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}
.delete-watch-history .modal-body .body-section p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.56);
}
.delete-watch-history .modal-footer{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 40px;
}
.delete-watch-history .modal-footer button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 10px;
    width: auto;
    height: 40px;
    background: #118BA6;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0;
}
.delete-watch-history .modal-footer button.dismiss{
    background: #1F2025;
}
.delete-watch-history .modal-footer button:hover{
    background: #fff;
    color: #118BA6;
}
.no-wh span{
    font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #7B8794;
}
.no-wh {
    height: 332px;
}
.mt-20{margin-top: 20px !important;}
.sign-form-layout .check-inbox-loginbtn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 10px;
    width: 105px;
    height: 40px;
    background: #118BA6;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}
.upload-content-popup .ucp-modal .error-msg {
    font-weight: 500;
    font-size: 12px;
    color: #E0182D;
}
.mandatory-indicate{color: #f00;margin-left: 4px;}
/* .plr-8{padding-left: 8px;padding-right: 8px;} */


        @media (max-width: 1224px) {
            .pro-photo-div{width: 135px;height: 135px;}
        }
        @media (max-width: 1024px) {
            .pro-photo-div{width: 125px;height: 125px;}
            .plan-divs{flex-wrap: wrap;height: auto;gap: 24px;}
        }
        @media (max-width: 992px) {
            .upload-content-popup .ucp-modal{height: auto;}
            .plr-80{padding-left: 15px;padding-right: 15px;}
            .tiles-ul{gap: 8px;}
            .profile-banner-data.banner-text-left {
                padding: 40px 15px;
            }
            .pro-photo-div{width: 115px;height: 115px;}
        }
        @media (max-width: 924px) {
            .upload-content-popup .ucp-modal{height: auto;}
            .upload-content-popup .ucp-modal .modal-body .form-d-flex{width: 400px;}
            .div-afterupload, .uploadBox, .upload-content-popup .ucp-modal .modal-body .form-control{width: 280px;}
            .pro-photo-div{width: 95px;height: 95px;bottom: 12px;}
            .account-info-divs{flex-direction: column;}
            .account-info-divs .w-50{width: 100% !important;}
            .delete-watch-history .modal-body .body-section{
                width: 524px;
                height: auto;
            }
        }
        @media (max-width: 868px) {
            .pro-photo-div{width: 85px;height: 85px;bottom: 12px;}
            .account-info-divs{flex-direction: column;}
            .account-info-divs .w-50{width: 100% !important;}
            .purches-history .table-responsive{width: 900px;}
        }
        @media (max-width: 768px) {
            .upload-content-popup .ucp-modal .modal-body .form-d-flex{width: 512px;}
            .upload-content-popup .ucp-modal{height: auto;}
            .right-div{
                justify-content: flex-start!important;
        margin-left: calc(512px - 334px);
            }
            .div-afterupload, .uploadBox, .upload-content-popup .ucp-modal .modal-body .form-control{width: 338px;}
            .profile-banner-data .custom-vpd-box{
                flex-direction: row;
                text-align: left;
            }
            .profile-banner-data.banner-text-left {
                padding: 20px 15px;
            }
            .profile-banner-data .custom-vpd-box .comment-data{padding-top: 0px;}
            .plr-5{padding-left: 0px;padding-right: 5px;padding-top: 10px;}
            .pro-photo-div{width: 85px;height: 85px;}
            .account-info-divs{flex-direction: column;}
            .account-info-divs .w-50{width: 100% !important;}
            .delete-watch-history .modal-body .body-section{
                width: 100%;
                height: auto;
            }
        }
        @media (max-width: 668px) {
            .upload-content-popup .ucp-modal .modal-body .form-d-flex{width: 412px;}
            .upload-content-popup .ucp-modal{height: auto;}
            .right-div{
                justify-content: flex-start!important;
        margin-left: calc(412px - 300px);
            }
            .div-afterupload, .uploadBox, .upload-content-popup .ucp-modal .modal-body .form-control{width: 300px;}
            .pro-photo-div{width: 75px;height: 75px;}
            .account-info-divs{flex-direction: column;}
            .account-info-divs .w-50{width: 100% !important;}
        }
        @media (max-width: 568px) {
            .upload-content-popup .ucp-modal .modal-body .form-d-flex{width: 412px;}
            .upload-content-popup .ucp-modal{height: auto;}
            .right-div{
                justify-content: flex-start!important;
        margin-left: calc(412px - 264px);
            }
            .div-afterupload, .uploadBox, .upload-content-popup .ucp-modal .modal-body .form-control{width: 264px;}
            .footer-btn{margin-top: 24px;}
            .about-cp{flex-direction: column;}
            .div-stats, .div-description{width: 100%;}
            .pro-photo-div{width: 65px;height: 65px;}
            
        }
        @media (max-width: 468px) {
            .upload-content-popup .ucp-modal .modal-body .form-d-flex{width: 412px;flex-direction: column;}
            .upload-content-popup .ucp-modal{height: auto;}
            .right-div{
                justify-content: flex-start!important;
        margin-left: 0;
            }
            .div-afterupload, .uploadBox, .upload-content-popup .ucp-modal .modal-body .form-control{width: 264px;}
            .footer-btn{margin-top: 24px;justify-content: flex-start !important;}
            .follower-txt{padding-left: 0px;}
            .profile-banner-data .custom-vpd-box .profile-pic img{
                width: 100px;
                height: 100px;
            }
            .banner-section .profile-banner-data .banner-data h1 {
                font-size: 25px;
                line-height: 30px;
            }
            .profile-banner-data .custom-vpd-box {
                flex-direction: column;
                text-align: center;
            }
            .pro-photo-div{width: 65px;height: 65px;}
            .buttons-div{flex-direction: column;align-items: center;height: auto;}
            .content.ps-checkinbox{width: 100%;height: auto; background: transparent;}
            .password-recovery{
                width: 100%;
                background: transparent;
                padding: 20px;
            }
            .h1-wh{flex-direction: column;align-items: flex-start;gap: 16px;}
            .hover-show .data{width: 100%;}
            .header .navbar{gap: 16px;}
            .nav-right-content{position: relative;}
            .promo-code{
                width: 100%;
    flex-wrap: wrap;
    height: auto;
            }
            .delete-watch-history .modal-body .body-section .title{
                font-size: 20px;
                line-height: 28px;
            }
            .delete-watch-history .modal-body .body-section p {
                font-size: 14px;
                line-height: 22px;
            }
        }
        @media (max-width: 368px) {
            .upload-content-popup .ucp-modal .modal-body .form-d-flex{width: 412px;flex-direction: column;}
            .upload-content-popup .ucp-modal{height: auto;}
            .right-div{
                justify-content: flex-start!important;
        margin-left: 0;
            }
            .div-afterupload, .uploadBox, .upload-content-popup .ucp-modal .modal-body .form-control{width: 264px;}
            .footer-btn{margin-top: 24px;justify-content: flex-start !important;}
            .pro-photo-div{width: 55px;height: 55px;}
            .pro-photo-div svg{width: 20px;height: 24px;}
            button.primary-button.cp-btn-a{flex-wrap: wrap;padding: 5px;height: 55px;}
            .btn-plns{flex-wrap: wrap;justify-content: flex-start;}
            .input-btn-grp .form-control.input-promo{width: 250px;}
        }

.text-color48{
    color: rgba(255, 255, 255, 0.48) !important;
}
.f-12{
    font-size: 12px !important;
}
/* new all plan */
.plan-flex{
    gap: 26px;
    flex-wrap: nowrap;
}
@media (max-width: 992px) {
    .plan-flex{
        flex-wrap: wrap;
    }
}
.new-all-plans-page .plan-area .form-check-input{
    visibility: hidden;
    position: absolute;
}
.new-all-plans-page .plan-area .single-plan{
    background: rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding: 20px;
    margin: 4px 0px;
    display: block;
}
.new-all-plans-page .plan-area .single-plan.active{
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #118BA6;
    border-radius: 8px;
}
.new-all-plans-page .plan-area .single-plan.plan-select{
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #118BA6;
    border-radius: 8px;
    position: relative;
}
.new-all-plans-page .plan-area input:checked ~ .single-plan {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #118BA6;
    border-radius: 8px;
    position: relative;
  }
  .new-all-plans-page .plan-area input:checked ~ .single-plan::before{
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2299_17788)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8ZM7.54347 11.424L12.1493 5.66613L11.3173 5.00053L7.38987 9.90827L4.608 7.5904L3.92533 8.4096L7.54347 11.4251V11.424Z' fill='%2321A76F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2299_17788'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 100%;
    position: absolute;
    right: 8px;
    top: 8px;
    height: 20px;
    width: 20px;
}
.new-all-plans-page .plan-area .single-plan.plan-select::before{
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2299_17788)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8ZM7.54347 11.424L12.1493 5.66613L11.3173 5.00053L7.38987 9.90827L4.608 7.5904L3.92533 8.4096L7.54347 11.4251V11.424Z' fill='%2321A76F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2299_17788'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position-y: 0%;
    background-position-x: 100%;
    position: absolute;
    right: 8px;
    top: 8px;
    height: 20px;
    width: 20px;
}
.new-all-plans-page .plan-area .single-plan .plan-time{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.new-all-plans-page .plan-area .single-plan .plan-time .svg{
    margin-bottom: -2px;
    margin-left: 4px;
}
.new-all-plans-page .plan-area .single-plan .plan-time .svg:hover .hover-tooltip{
    display: block;
}
.new-all-plans-page .plan-area .single-plan .plan-d-2 .plan-d-txt:hover .plan-d-list, .plan-d-txt:hover .plan-d-list{
    display: block;
}
.plan-d-1 {
    display: flex;
    gap: 17px;
}
.new-all-plans-page .plan-area .single-plan .plan-time .hover-tooltip .info-para{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-transform: initial;
    color: #1A1C26;
    margin: 0;
}
.new-all-plans-page .plan-area .single-plan .hover-tooltip, .hover-tooltip{
    padding: 16px;
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    width: 283px;
    /* min-height: 140px; */
    position: absolute;
    left: 24px;
    top: -10px;
    border-radius: 6px;
    display: none;
    z-index: 9;
    color: #000000;
}
.new-all-plans-page .plan-area .single-plan .plan-d-list, .plan-d-list{
    /* left: 110%; */
    left: 80px;
}
.plan-d-span {
    display: flex;
    flex-direction: column;
    
}
.plan-d-span span.w-200{
    width: 200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 4px;
}
.plan-d-span span.w-200 .svg{
    align-items: center;
    display: flex;
}
.plan-txt-main{
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.plan-d-span .svg:hover .hover-tooltip{
    display: block;
}
.plan-d-span .hover-tooltip .info-para {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-transform: initial;
    color: #1A1C26;
    margin: 0;
}
.plan-d-txt, .plan-d-span .plan-d-txt {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.64);
}
.new-all-plans-page .plan-area .single-plan .hover-tooltip ul, .hover-tooltip ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.new-all-plans-page .plan-area .single-plan .hover-tooltip ul li, .hover-tooltip ul li{
    font-size: 13px;
    font-weight: 400;
    display: flex;
    text-transform:initial;
    line-height: 18px;
    margin-bottom: 10px;
}
.new-all-plans-page .plan-area .single-plan .hover-tooltip ul li:last-child, .hover-tooltip ul li:last-child{
    margin-bottom: 0px;
}
@media (max-width:500px){
    .new-all-plans-page .plan-area .single-plan .hover-tooltip, .hover-tooltip{
        width: 200px;
    }
    .new-all-plans-page .plan-area .single-plan .hover-tooltip ul li, .hover-tooltip ul li{
        font-size: 12px;
    }
}
.new-all-plans-page .plan-area .single-plan .hover-tooltip ul li span, .hover-tooltip ul li span{
    display: flex;
}
.new-all-plans-page .plan-area .single-plan .inner-tooltip:before, .inner-tooltip:before{
	content: "";
    position: absolute;
    top: -1%;
    left: -10%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent white transparent transparent;
}
.new-all-plans-page .plan-area .single-plan .free-plan{
    color: rgba(255, 255, 255, 0.64);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
.new-all-plans-page .plan-area .single-plan .plan-price{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.new-all-plans-page .plan-area .single-plan .billed-time{
    color: rgba(255, 255, 255, 0.64);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
.new-all-plans-page .plan-area .single-plan .active-text-area{
    background: rgba(33, 167, 111, 0.2);
    border: 1px solid #21A76F;
    border-radius: 4px;
    text-transform: uppercase;
    color: #21A76F;
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    padding: 2px 8px;
}
.new-all-plans-page .final-amount-area{
    width: 100%;
    height: auto;
    display: inline-block;
}
.new-all-plans-page .final-amount-area .newpromo-code-area{
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    padding: 32px 20px;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .label-text{
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .input-btn-grp{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .input-btn-grp .form-control.input-promocode{
    height: 36px;
    width: calc(100% - 67px);
    background: #1F2025;
    border-radius: 6px 0px 0px 6px;
    border: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #FFFFFF;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .input-btn-grp .form-control.input-promocode::placeholder{
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .input-btn-grp .form-control.input-promocode::-webkit-search-cancel-button{
    -webkit-appearance: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.0026 1.33203C11.6893 1.33203 14.6693 4.31203 14.6693 7.9987C14.6693 11.6854 11.6893 14.6654 8.0026 14.6654C4.31594 14.6654 1.33594 11.6854 1.33594 7.9987C1.33594 4.31203 4.31594 1.33203 8.0026 1.33203ZM10.3959 4.66536L8.0026 7.0587L5.60927 4.66536L4.66927 5.60536L7.0626 7.9987L4.66927 10.392L5.60927 11.332L8.0026 8.9387L10.3959 11.332L11.3359 10.392L8.9426 7.9987L11.3359 5.60536L10.3959 4.66536Z' fill='white'/%3e%3c/svg%3e ");
    cursor: pointer;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .input-btn-grp .apply-promocode{
    min-width: 67px;
    height: 36px;
    background: #118BA6;
    border-radius: 0px 3px 3px 0px;
    border: none;
    text-align: center;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .input-btn-grp .apply-promocode:hover{
    background: #18a0fb;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .apply-confirm-text{
    color: #4CE26A;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .border-line{
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
    margin-top: 24px;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .plan-price-text{
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.6)
}
.new-all-plans-page .final-amount-area .newpromo-code-area .plan-price-number{
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #FFFFFF
}
.new-all-plans-page .final-amount-area .newpromo-code-area .plan-total-text{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}
.new-all-plans-page .final-amount-area .newpromo-code-area .plan-total-number{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}
.new-all-plans-page .final-amount-area .checkout-btn-area .checkout-btn{
    background: #1A1C26;
    border: 1px solid #363637;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    width: 100%;
    min-height: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 0.32);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
.new-all-plans-page .final-amount-area .checkout-btn-area .checkout-btn:hover{
    background: #118BA6;
    color: #FFFFFF;
}
.cancel-button{
    background: #1F2025;
    border-radius: 6px;
    font-size: 16px;
    line-height: 24px;
    border: none;
    box-shadow: none;
    color: #ffffff;
    padding: 10px 15px;
    cursor: pointer;
}
.cancel-button:hover{
    color: #118BA6;
}
.post-checkout-popup .new-all-plans-page .label-text{
    color: rgba(255, 255, 255, 0.64);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}
.post-checkout-popup .new-all-plans-page .label-text .svg{
    margin-bottom: -2px;
    margin-left: 4px;
}
.post-checkout-popup .new-all-plans-page .single-select{
    background: #1F2025;
    border-radius: 6px;
    width: 100%;
    min-height: 38px;
    border: 1px solid transparent;
    box-shadow: unset;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 7px 24px 6px 12px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 10L12 15L17 10H7Z' fill='white'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 98%;
    background-position-y: 50%;
}
.post-checkout-popup .new-all-plans-page .single-select:focus{
    border: 1px solid #FFFFFF;
}
.post-checkout-popup .new-all-plans-page .single-select:focus-visible{
    border: 1px solid transparent;
}
.post-checkout-popup .new-all-plans-page .single-select option{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}
.post-checkout-popup .new-all-plans-page .choose-from-text{
    color: rgba(255, 255, 255, 0.64);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}
.post-checkout-popup .new-all-plans-page .radio-1 label{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.activeTab{
    display: block !important;
}
.post-checkout-popup .new-all-plans-page .plan-area .single-plan .plan-time{
    text-transform: capitalize;
}
.pl-32{
padding-left: 32px;
}

/* Razorpay loading page css */
.loading-content{
    margin: 0 auto;
    width: 247px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pt-141{padding-top: 141px;}

/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
 .dot-flashing {
    position: relative;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #fff;
    color: #fff;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
    margin: 0 auto;
  }
  .dot-flashing::before, .dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
  }
  .dot-flashing::before {
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #fff;
    color: #fff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
  }
  .dot-flashing::after {
    left: 12px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #fff;
    color: #fff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
  }
  
  @keyframes dot-flashing {
    0% {
      background-color: #fff;
    }
    50%, 100% {
      background-color: rgba(255, 255, 255, 0.2);
    }
  }

  .pt-29{padding-top: 29px;}
.txt-loading{text-align: center;}
  .pls-wait{
    font-family: "Inter", sans-serif;
    font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
  }

  .txt-note-para{
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;

}
  .txt-note-para .note-p{
    font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #7B8794;
margin: 0;
  }

  /* .new-all-plans-page .plan-area{
    overflow-x: hidden;
    height: calc(100% - 65px);
    overflow-y: auto;
  } */
  .tab-pane .new-all-plans-page .plan-area{
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
  }

  .addnew-card-popup.show{background: rgba(73, 73, 73, 0.60);}

  /* Coming soon page css */
  .cs-heading .cs-h1{
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .cs-heading .cs-para{
    color: rgba(255, 255, 255, 0.60);
    text-align: center;
    font-size: 14px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }

  .notify-input-section {
    display: flex;
    width: 480px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    background: #11131B;
    margin: 0 auto;
    margin-bottom: 104px;
}
.lbl-release{
    display: flex;
    flex-direction: column;
    align-self: stretch;
    color: #FFF;
    font-size: 14px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
}

.input-formgroup{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin: 0;
    flex-wrap: wrap;
}
.email-input{
    display: flex;
    padding: 0px 12px 0px 16px;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 6px;
    background: #1F2025;
    border: none;
    color: rgba(255, 255, 255, 0.40);
    font-size: 13px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    height: 48px;
}
.notify-btn{
    display: flex;
    width: 104px;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--button-blue, #118BA6);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 0px 2px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

section.social-copyright {
    display: flex;
    padding: 24px 80px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    text-align: center;
    background: transparent;
}
.gap-24{gap: 24px;}
.social-copyright ul{
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 !important;
}
.social-copyright ul li {
    padding: 0;
}
.social-copyright ul li a {
    color: #FFFFFF99;
}
.social-copyright p {
    color: rgba(255, 255, 255, 0.64);
font-size: 13px;
font-family: Poppins;
font-style: normal;
font-weight: 500;
line-height: 24px;
text-align: center;
}
.coming-soon{
    width: 480px;
    margin: 0 auto;
}
section.social-copyright{
    padding: 0;
    padding-bottom: 24px;
}
@media (max-width:568px){
    .notify-input-section{
        width: 95%;
        padding: 20px 10px;
    }
    .notify-btn{
        width: 100%;
    }
    .cs-heading .cs-para{
        padding: 0 15px;
    }
    .cs-heading .cs-h1{
        font-size: 32px;
    }
    .coming-soon{
        width: 100%;
        padding-top: 50px;
    }
    section.social-copyright{
        padding: 0px 10px;
        padding-bottom: 24px;
    }

}

.pos-sticky{
    position: sticky;
    top: 20px;
}
.h90{height: 90px;}


/* Paywall CSS */
.paywall .modal-content{
    border-radius: 8px;
    background: #30323A;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
}
.paywall .modal-content .modal-body{
    padding: 40px 32px;
    padding-bottom: 0;
}
.paywall .modal-content .modal-footer{
    padding: 24px 32px;
    padding-bottom: 40px;
}
.paywall .modal-content .seperator{
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.paywall .modal-content h2{
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; 
    color: #fff;
    margin-bottom: 8px;
    
}
.paywall .modal-content p{
    color: rgba(255, 255, 255, 0.64);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px; 
    margin-bottom: 0;
}
.paywall .modal-content .bottom-text {
    margin-top: 16px;
}
.paywall .modal-content .bottom-text p{
    font-size: 13px;
    color: #fff;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 4px;
}
.paywall .modal-content .bottom-text span{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
}
.paywall .modal-content .plan-box{
    padding: 32px 24px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.04);
}
.paywall .modal-content .plan-box ul{
    padding: 0;
    margin: 0;
}
.paywall .modal-content .plan-box ul li{
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.paywall .modal-content .plan-box ul li:last-child{
    margin-bottom: 0;
}
.paywall .modal-content .plan-box ul li p{
    color: rgba(255, 255, 255, 0.60);
    font-size: 12px;
}
.paywall .modal-content .plan-box ul li span{
    font-size: 13px;
    color: #fff;
}
.paywall .modal-content .plan-box .total-list{
    margin-top: 24px;
}
.paywall .modal-content .plan-box .total-list p{
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 20px; 
}
@media (max-width: 767px) {
    .paywall .modal-content .plan-box {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .modal-lg.modal-xl{
        max-width: 830px;
    }
}
@media (max-width: 500px) {
    .paywall .modal-content .modal-body{
        padding: 30px 20px;
        padding-bottom: 0;
    }
    .paywall .modal-content .modal-footer{
        padding: 24px 20px;
        padding-bottom: 30px;
    }
    .paywall .modal-content button{
        font-size: 13px;
        padding: 10px 8px;
    }

    
}


/* Login with otp new css */
.bg-login-dark {
    border-radius: 8px;
    background: #11131B;
}
.p-6448{
    padding: 64px 48px;
}
.text-right{text-align: right;}
.edit-input-btn{
    background: transparent !important;
    border: none;
    outline: none;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 16px;
    cursor: pointer;
}
.pr-40{padding-right: 40px;}
.sign-form-layout.get-otp .or span{
    background: #11131B;
}
.verify-otp{
    display: none;
}
/* Chrome, Safari, Edge, Opera */
.otp-digit::-webkit-outer-spin-button,
.otp-digit::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.otp-digit[type=number] {
  -moz-appearance: textfield;
}

/* Mobile Devices */
@media (max-width: 480px) {
    .banner-section .item{ 
            height: calc(100vh - 470px);
    }
}
@media (max-width: 360px) {
    .banner-section .item{ 
            height: calc(100vh - 370px);
    }
}
        
/* Low resolution Tablets and iPads */
@media (min-width: 481px) and (max-width: 767px) {
    .banner-section .item{ 
        height: calc(100vh - 470px);
}
}
@media (min-width: 600px) and (min-height: 1024px){
    .banner-section .item{ 
        height: calc(100vh - 620px);
}
}
@media (min-width: 712px) and (min-height: 1138px){
    .banner-section .item{ 
        height: calc(100vh - 620px);
}
}
        
/* Tablets iPads (Portrait) */
@media (min-width: 768px) and (max-width: 1024px){
    .banner-section .item{ 
        height: calc(100vh - 220px);
}
}
/* Tablets iPads (Portrait) */
@media (min-width: 768px) and (min-height: 1024px){
    .banner-section .item{ 
        height: calc(100vh - 720px);
}
}
/* Tablets iPads (Portrait) */
@media (min-width: 820px) and (min-height: 1180px){
    .banner-section .item{ 
        height: calc(100vh - 720px);
}
}
@media (min-width: 800px) and (min-height: 1280px){
    .banner-section .item{ 
        height: calc(100vh - 720px);
}
}
    
/* Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
    .banner-section .item{ 
        height: calc(100vh - 180px);
}
}
/* Tablets iPads */
@media (min-width: 1024px) and (min-height: 1366px){
    .banner-section .item{ 
        height: calc(100vh - 820px);
}
}
    
/* Big boi Monitors */
@media (min-width: 1281px) {
    .banner-section .item{ 
        height: calc(100vh - 180px);
}
}

.pay-img-div {
    width: 150px;
    margin: 0 auto;
}

.paywall-body-bg{
    background-image: url(https://media.istockphoto.com/id/1409431800/vector/video-player-interface-isolated-on-white-background-video-streaming-template-mockup-live.jpg?s=612x612&w=0&k=20&c=c4Ukls95CaoQhgYnKVFvdhcngAA6hEMAnORTWYPn4cY=);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-attachment: fixed;
    backdrop-filter: blur(5px);
}
.ptb-40{padding-top: 40px;padding-bottom: 40px;}
.h-80{height: 80px !important;}
.text-left{text-align: left !important;}
.upcoming-event-alert{
    width: 500px;
    margin: 0 auto;
    text-align: left;
    border-radius: 8px;
    background: #30323A;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 1px 0px rgba(0, 0, 0, 0.05);
    
}
.event-contents{
    padding: 40px 32px;
}
.event-contents h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    margin-bottom: 8px;
}
.event-contents p {
    color: rgba(255, 255, 255, 0.64);
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0;
}
.event-contents .bottom-text {
    margin-top: 16px;
}
.event-contents .bottom-text p {
    font-size: 13px;
    color: #fff;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 4px;
}
.event-contents .bottom-text span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
}