/* ----------------------------------------------------
Template Name: Tickets99 - Event Managmenet App
Author: Naresh . E
URL: https://www.Tickets99.com/
Version: 1.0;
------------------------------------------------------- */
/*  -------------------------------
CSS Table of Content

00. Typography
01. Global base style
02. Scroll bar style
03. Pre-loader style
04. Section Style
05. Buttons
06. Custome container
07. Custome Feilds
08. Header Section
09. Recent Investments List Sectio
10. Our Partner Profilrs
11. Explore Opportunities
12. Dark Box Section
13. Footer
14. Login Page
15. Bg Rules
16. Creation Form Stylkes
 --------------------------------- */
/*00. Typography*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,900&display=swap');

@font-face {
    font-family: 'proxima_novaregular';
    src: url('/fonts/proxima_nova_font-webfont.woff2') format('woff2'),
        url('/fonts/proxima_nova_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanova-mediuuploadedfile';
    src: url('/fonts/fontsfree-net-pr14-webfont.woff2') format('woff2'),
        url('/fonts/fontsfree-net-pr14-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novabold';
    src: url('/fonts/fontsfree-net-proxima-nova-bold-webfont.woff2') format('woff2'),
        url('/fonts/fontsfree-net-proxima-nova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
input[list]:focus {
    outline: none;
}
input[list]+div[list] {
    display: none;position: absolute;left: 2.5rem;top: 4rem;max-height: 164px;overflow-y: auto;
}
input[list]+div[list] span {
    display: block;text-decoration: none;cursor: pointer;
}
input[list]+div[list] span:hover {
    background: var(--bs-light);
}
:root {
    --darkblue: #002c5f;
    --green: #30aa7b;
    --gray: #55586b;
    --black: #000;
    --pink: #ee3a54;
    --white: #fff;
    --text-blue: #202e55;
    --lightblue: #4470ec;
    --opacit-blue: rgba(0, 18, 69, 0.7);
    --postion: absolute;
    --postion-re: relative;
    --main-hed-FS: 2.25rem;
    --font-weight: 900;
    --font-weight1: 600;
    --bannerfonSi: 1.25rem;
    --basic-FS: 1.125rem;
    --secti-parthedFS: 1.5rem;
    --footer-hedFS: 1.5rem;
    --footer-listFS: 1rem;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --z-index: 99;
    --width: 100%;
    --transprnt: none !important;
    --border-adius: 100%;
    --bs-blue-opaciy: rgba(68, 112, 236, 0.1);
    --bs-indigo-opaciy: rgba(20, 70, 163, 0.1);
    --bs-purple-opaciy: rgba(105, 58, 216, 0.1);
    --bs-pink-light-opaciy: rgb(254 235 243);
    --bs-pink-opaciy: rgba(247, 59, 139, 0.30);
    --bs-orange-opaciy: rgba(251, 184, 62, 0.1);
    --bs-green-opaciy: rgba(31, 164, 154, 0.1);
    --bs-dark-opaciy: rgba(47, 49, 53, 0.1);
    --bs-orang-opaciy: rgba(255, 51, 0, 0.1);
    --bs-red-opaciy: rgba(220, 53, 69, 0.1);
    --bs-white-opaciy: rgba(255, 255, 255, 0.12);
    --bs-gray: #ecf0fd;
    --bs-primary-theme-color: #edf1f5;
    --bs-secondary-theme-color: #ecf0fd;
    --col-primary: #002c5f;
    --col-secondary: #ee3b54;
}
/* ----- 01. Global base style ----- */
.selector-for-some-widget {
    box-sizing: content-box;
}
.bg-primary {
    background-color: var(--col-primary) !important;
}
.bg-secondary {
    background-color: var(--col-secondary) !important;
}
body {
    /* font-family: 'proxima_novaregular'; */
/*    font-family: 'Poppins', sans-serif !important;
*/    font-weight: normal;font-style: normal;font-size: 1.05rem;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
    background: radial-gradient(188.12% 188.12% at 54.62% -37.46%, #2C0E6A 0%, rgba(7, 3, 18, 0.5) 100%) #565656;
}
.mer {
    top: inherit !important;padding: 0 !important;left: 0 !important;
}
/* COlors */
.primary-color {
    color: var(--col-primary) !important;
}
.secondary-color{
    color: var(--col-secondary) !important;
}
.blue {
    color: var(--bs-blue) !important;
}
.blue-light {
    color: var(--lightblue) !important;
}
.blue-text {
    color: var(--text-blue) !important;
}
.indogp {
    color: var(--bs-indigo) !important
}
.purple {
    color: var(--bs-purple) !important
}
.pink {
    color: var(--pink) !important
}
.black {
    color: var(--black) !important
}
.pink-second {
    color: var(--bs-pink) !important
}
.red {
    color: var(--bs-red) !important
}
.orange {
    color: var(--bs-orange) !important
}
.yellow {
    color: var(--bs-yellow) !important
}
.green {
    color: var(--bs-green) !important
}
.dark {
    color: var(--bs-dark) !important
}
.white {
    color: var(--bs-white);
}
.gray {
    color: #828282 !important;
}
.dark-blue {
    color: var(--darkblue) !important;
}
.gray-light {
    color: #aaa !important;
}
/* bg Color*/
.blue-bg {
    background-color: var(--bs-blue) !important;color: var(--bs-white);
}
.dark-blue-bg {
    background-color: var(--darkblue) !important;color: var(--bs-white);
}
.indogp-bg {
    background-color: var(--bs-indigo) !important;color: var(--bs-white);
}
.purple-bg {
    background-color: var(--bs-purple) !important;color: var(--bs-white);
}
.pink-bg {
    background-color: var(--bs-pink) !important;color: var(--bs-white);
}
.red-bg {
    background-color: var(--bs-red) !important;color: var(--bs-white);
}
.yellow-bg {
    background-color: var(--bs-yellow) !important;color: var(--bs-white);
}
.green-bg {
    background-color: var(--bs-green) !important;color: var(--bs-white);
}
.dark-bg {
    background-color: var(--bs-dark) !important;color: var(--bs-white);
}
.white-bg {
    background-color: var(--bs-white) !important;color: var(--bs-white);
}
/* bg Color*/
.fs-7 {
    font-size: 0.8rem !important
}
.white-bg-opa {
    background-color: var(--bs-white-opaciy) !important;
}
.blue-bg-opa {
    background-color: var(--bs-blue-opaciy) !important;
}
.indogp-bg-opa {
    background-color: var(--bs-indigo-opaciy);
}
.purple-bg-opa {
    background-color: var(--bs-purple-opaciy);
}
.pink-bg-opa {
    background-color: var(--bs-pink-opaciy);
}
.pink-light-bg-opa {
    background-color: var(--bs-pink-light-opaciy);
}
.yellow-bg-opa {
    background-color: var(--bs-orange-opaciy);
}
.green-bg-opa {
    background-color: var(--bs-green-opaciy);
}
.green-bg-opa1 {
    background-color: var(--bs-greenn-opaciy);
}
.dark-bg-opa {
    background-color: var(--bs-dark-opaciy);
}
.line-h {
    line-height: 38px;
}
.line-h1 {
    line-height: 32px;
}
/* Icon Style*/
div#divLoading {
    position: absolute;margin: auto;left: 0;right: 0;top: 0%;bottom: 0;width: 100%;
}
#divLoading > center {
    height: 70%;
}
@-webkit-keyframes shakeItem {
    0% {
        -webkit-transform: translateY(0);transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);transform: translateY(0);
    }
    41% {
        -webkit-transform: translateY(-10px);transform: translateY(-10px);-moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);-o-transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(-7px);transform: translateY(-7px);
    }
    50% {
        -webkit-transform: translateY(-7px);transform: translateY(-7px);
    }
    100% {
        -webkit-transform: translateY(0);transform: translateY(0);
    }
}

@keyframes shakeItem {
    0% {
        -webkit-transform: translateY(0);transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);transform: translateY(0);
    }
    41% {
        -webkit-transform: translateY(-10px);transform: translateY(-10px);-moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);-o-transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateY(-7px);transform: translateY(-7px);
    }
    50% {
        -webkit-transform: translateY(-7px);transform: translateY(-7px);
    }
    100% {
        -webkit-transform: translateY(0);transform: translateY(0);
    }
}
ul {list-style: none;}
.hover-active {
    transform: scale(1.1, 1.1);transition: 1s;background: #ff8a54;
    background: -moz-linear-gradient(top, #ff8a54 0%, #ea6296 100%);
    background: -webkit-linear-gradient(top, #ff8a54 0%, #ea6296 100%);
    background: linear-gradient(to bottom, #ff8a54 0%, #ea6296 100%);
    color: #fff;
}
.hover-active h4,
.hover-active h6,
.hover-active p,
.hover-active small {
    color: #fff !important;transition: 1s;
}
.mt-9 {
    margin-top: 9.4rem;
}
.af {
    top: 1.5rem
}
/* header style*/

.c-w {
    width: 23.75rem;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 500;color: var(--bs-dark);
}
h1 {
    font-size: 3.8rem;font-weight: bold;
}
h2 {
    font-size: 2.8rem;font-weight: bold;
}
.fo-wei4 {
    font-weight: 400 !important;
}
.fo-wei5 {
    font-weight: 600 !important;
}
a {
    text-decoration: none;
}
a:hover {
    color: var(--bs-secondary);
}
a,a:hover,a:focus,.btn:focus {
    text-decoration: none;outline: none;box-shadow: none;
}
a:hover {
    color: var(--bs-primary)
}
.fw-l-light {
    font-weight: 100 !important;
}
.validationfail,.registervalidationfail {
    border: 1px solid red !important;
}
p {
    font-size: 1.05rem;line-height: 1.6rem;color: var(--bs-gray-400);
}
.custom-border {
    border-color: var(--bs-secondary) !important
}
.main-logo {
    -webkit-animation: shakeItem 3s linear 0s infinite normal forwards;
    animation: shakeItem 3s linear 0s infinite normal forwards;
}
/* Menu Nav Bar Smooth Animation*/

.wifx {
    width: 8rem
}
/*------04. Buttons------*/
.btn {
    top: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: relative
}
.btn.btn-lg {
    min-height: 2.8rem;font-size: 1rem;padding-left: 2rem;padding-right: 2rem;line-height: 2.5rem;
    position: relative;overflow: hidden;font-weight: 600;
}
.btn:not(.btn-lg):not(.btn-sm) {
    min-height: 2.4rem;font-size: 1rem;line-height: 1.6rem;padding-left: 1.875rem;padding-right: 1.875rem;
    position: relative;overflow: hidden;font-weight: 600;
}
.btn:hover {
    top: -0.125rem;
}
.btn:active:after {
    padding: 0;margin: 0;opacity: 1;transition: 0s
}
.d-gridy {
    display: grid;grid-template-columns: auto auto auto auto auto auto auto;grid-gap: 10px;
}
.d-flexy {
    display: flex;justify-content: center;align-items: center;
}
.cir1 {
    width: 3.1rem;height: 3.1rem;background: var(--bs-white);color: var(--bs-indigo);right: 0;right: 2.5rem;
}
.cir2 {
    color: var(--bs-pink);bottom: 4rem;right: 0;
}
.small-cirle {width: 1.8rem;height: 1.8rem;background: var(--bs-indigo-opaciy);font-weight: 600;
    font-size: 0.9rem;color: var(--bs-white);top: -0.7rem;right: -1rem;
}
.small-cirle2 {
    background: var(--bs-pink-opaciy);
}
/*Button Icon Positions*/
.top-icon {
    position: relative;top: 0.3rem;
}
/* ------ 02. Scroll bar style ------ */
::-webkit-scrollbar {
    width: 0.4rem;height: 1rem;
}
::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);outline: 1px solid var(--bs-dark-prim);border-radius: 4px;
}
body::-webkit-scrollbar {
    width: 0.7rem;height: 1rem;
}
body::-webkit-scrollbar-track {
    background-color: #c6c8fb;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);outline: 1px solid var(--bs-dark-prim);border-radius: 0px;
}
.w-30 {
    width: 30% !important;
}
.w-15 {
    width: 13% !important;
}
/* Images Filter Shadow */
.shadow-et {
    box-shadow: 0px 0px 18px rgb(47 49 53 / 8%) !important;
}
.shadow1 {
    box-shadow: 0px 0px 40px 16px rgb(0 0 0 / 25%);
}
/*Animation Time */
.animation-time {
    -webkit-transition: all 0.3s ease;transition: all 0.3s ease;
}
.pt-6 {
    padding-top: 8rem;
}
.postop {
    top: 4rem;
}
.radiu-sml,.radiu-sml1 {
    width: 14rem;height: 14rem;border: 2.9rem solid #fff;opacity: 0.9;left: -4rem;top: -4rem;
}
.radiu-sml1 {
    width: 18rem !important;height: 18rem !important;left: auto;top: 1rem;right: -9rem;
}
/* List Style */

.list-remo-style {
    padding: 0;list-style: none;
}
.list-remo-style li {
    padding: 0.5rem 0;
}
.list-remo-style li a {
    color: var(--bs-gray);
    display: block;
}

/* Hover Animate */
.hover-animate {
    top: 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;
}
.hover-animate:hover {
    top: -10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;
}
.li-style {
    position: relative;
}
.li-style::before {
    background: url(https://etmainwebsite.s3.amazonaws.com/newweb/line.png) no-repeat;
    position: absolute;content: " ";height: 2rem;width: 8rem;bottom: -1.5rem;right: 0;
}
/*Hover Style*/
.hover-style:hover .div-hover {
    left: 0;transition: 0.5s;cursor: pointer;background-color: rgba(0, 0, 0, 0.8)
}
/* white btn hover red*/
.white-to-red:hover {
    background-color: var(--bs-primary);border-color: var(--bs-primary) !important;color: var(--bs-white)
}
/*Nav Tabs*/
.nav-tbas li button {
    border: 1px solid var(--bs-dark) !important;color: var(--bs-dark);
}
.nav-tbas li button.active,.nav-tbas li button:hover {
    background: var(--bs-yellow) !important;border-color: var(--bs-yellow) !important;
}
.font-blder {
    font-weight: 900 !important;
}
/*Rules*/
.mb-7 {
    margin-bottom: 11rem
}
.mt-6 {
    margin-top: 5rem
}
.ms-7 {
    margin-left: 5.5rem;
}
.left-start {
    left: 0;right: auto !important;
}
.font-si-eight {
    font-size: 1.13rem !important
}
.list-none li {
    list-style: none
}
.pdding-plus {
    padding: 1.6rem 1.4rem
}
.pdding-plusPl {
    padding: 2.5rem 2rem
}
.px-6 {
    padding-right: 2rem !important;padding-left: 2rem !important;
}

/* BG Rules */
.bg-img-rules {
    background-repeat: no-repeat;background-attachment: fixed;
}
.bg-img-rules-small {
    background-position: center;background-size: cover;
}
.bg-img-none {
    background-image: none !important
}

/* Icon Style */
.lg-icoon-style {
    width: 4rem;height: 4rem;
}
.xl-icoon-style {
    width: 5rem;height: 5rem;
}
.xxl-icoon-style {
    width: 6rem;height: 6rem;
}
.xxxl-icoon-style {
    width: 9rem;height: auto;
}
.big-icoon-style i {
    font-size: 3rem;
}
.icoon-style {
    width: 3.6rem;height: 3.6rem;
}
.small-icoon-style {
    width: 2.5rem;height: 2.5rem;
}
.ss-icoon-style {
    width: 1.8rem;height: 1.8rem;
}
.ss-icoon-style i {
    font-size: 1.1rem;
}

/* Before & After Hiddien*/
.before:before,.after:after {
    display: none;
}


.card {
    cursor: pointer;
}

/* Border Radiues*/
.border-radius-sm {
    border-radius: 4px !important;
}
.border-radius {
    border-radius: 0.7rem !important;
}
.border-radius-lg {
    border-radius: 2rem !important;
}
.border-radius-top {
    border-radius: 0.7rem 0.7rem 0 0 !important;
}
.border-radius-nroml {
    border-radius: 6rem !important
}
.border-radius-full {
    border-radius: 100rem !important
}
.border-radius-zero {
    border-radius: 0 !important
}
/*circle style*/
.six-tre {
    left: 4rem;top: 6rem;
}
.six-tre1 {
    right: 4rem;top: 6rem;
}
.ou-ftr {
    top: -2rem;
}
/* White Mask*/
.white-mask {
    background-color: var(--bs-white);position: absolute;width: 100%;height: 28vh;bottom: 0;
}
/*Check Box*/
.form-check-input+label {
    font-size: 1.3rem
}
.aftr-login-botm-patrn {
    background-position: 0px -40px;
}

.cile {
    width: 50rem;height: 50rem;left: -30rem;top: -200px;opacity: 0.1;
}
.cile2 {
    left: 0 !important;opacity: 1 !important;
}

/*Z-Index Values*/
.z-index-0 {
    z-index: 0
}
.z-index-1 {
    z-index: 1
}
.z-index-2 {
    z-index: 12
}
.z-index-3 {
    z-index: 123
}
.z-index-4 {
    z-index: 1234
}
.z-index-5 {
    z-index: 12345
}
.z-index-6 {
    z-index: 123456
}
.z-index-7 {
    z-index: 1234567
}
.z-index-8 {
    z-index: 12345678
}
.z-index-9 {
    z-index: 123456789
}
/* Position Absoluteb left Roulers*/
/*Left*/
.left-0 {
    left: 0;right: auto
}
.left,.left:after, .left1 {
    left: 1rem !important
}
/*Left*/
.right-0 {
    right: 0
}
.right,.right:after {
    right: 1rem !important
}
/* TOP*/
.top-0 {
    top: 0 !important;
}
.top-1 {
    top: 1rem !important;
}
/* Basic Table */
.et-table {
    width: 100%;
}
.et-table span {
    font-size: 0.8rem
}
/* Scroll to Top */
.scroll-to-top-btn {
    position: fixed;z-index: 99;right: 0rem;bottom: 7.5rem;background: #ddd;width: 2.75rem;height: 2.75rem;
    border-radius: 1.375rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;
    box-shadow: 0px 0.625rem 1.25rem rgba(0, 51, 204, 0.2);
    -webkit-box-shadow: 0px 0.625rem 1.25rem rgba(0, 51, 204, 0.1);
    font-size: 1.5rem;opacity: 0;visibility: hidden;
}
.scroll-to-top-btn.active {
    opacity: .9;visibility: visible;
}
.scroll-to-top-btn.active:hover {
    opacity: 1;
    box-shadow: 0px 0.625rem 1.25rem rgba(0, 51, 204, 0.3) !important;
    -webkit-box-shadow: 0px 0.625rem 1.25rem rgba(0, 51, 204, 0.3) !important;
}
/*------03. Section------*/
section {
    position: relative;
}
.et-section-ptb {
    padding-top: 100px;padding-bottom: 100px
}
.et-section-ptb-50 {
    padding-top: 70px;padding-bottom: 70px
}
.et-section-pb-50 {
    padding-bottom: 70px
}
.et-section-pt-50 {
    padding-top: 70px;
}
.et-section-pt {
    padding-top: 100px;
}
.et-section-pb {
    padding-bottom: 100px;
}
.et-section-pb-lrg {
    padding-bottom: 170px;
}
.securebatchloc img {
    width: 84px;
}
.et-section-heading {
    margin-bottom: 50px;
}
.et-section-heading p {
    line-height: 1.75rem;font-size: 1.125rem;font-weight: 300;
}
/*Minus Margin*/
.et-minus-margin {
    margin-top: -4rem
}
.et-bg-white {
    background-color: #fff !important;
}
.et-bg-light {
    background-color: #f8f9fa !important;
}
.et-bg-black {
    background-color: #000 !important;
}
.et-bg-footer {
    background-color: #080808 !important;
}
.animated-gradient {
    animation: animateBg 14s linear infinite;
    background-image: linear-gradient(90deg,#012c61,#ce3856,#012c61,#ce3856);
    background-size: 300% 100%;
  }
  @keyframes animateBg {
    0% { background-position: 0% 0%; }
    100% { background-position: 100% 0%; }
  }
  input:focus {
    outline: none;
  }
input[type="number"], input[type="text"], input[type="tel"], input[type="time"], input[type="date"], input[type="search"],
input[type="password"], input[type="email"], select, .bootstrap-tagsinput input, .form-control {
    height: 57px !important;
}
#sendBizCardtomail textarea, #sendBizCardtowtsp textarea {
    border-radius:0.25rem;
}
/*.modal-dialog {
    max-width: 600px;
}*/
/*#modalemailverify .modal-dialog {
    max-width: 1400px;
}*/
#modalemailverify .modal-dialog {
    /*  max-width:100%;
   height:100vh;
    margin: 0 auto !important*/
}
/* =============== Home pages Style Strat ===================*/
.editbusiness-new {
    padding-top: 53px;
}
.contact-form {
    box-shadow: 0px 13px 27px rgba(240, 242, 245, 0.6);border: 4px solid #F2F5F7;
}
.contact-form .input-box{
    height: 60px;border: 1.608px solid #E4DFDF;
}
.contact-form .input-box > div{
    width: 80px;height: 59px;
}
.contact-form .input-box input{
    border: none;border-radius:10px;
}
.contact-form .input-box a{
    border-radius:0 10px 10px 0;
}
.social-block ul#socialpblock li span {
    margin-top: -10px;
}
.myContacts #CompanyContactDiv {
    width: 96px;height: 56px;
}
.card-2 {
    box-shadow: 0px 18.8829px 66.0903px rgba(87, 92, 138, 0.06);
}
.date-heading {
    font-weight: 400;color: #EE3A54;
}
#divWarningAlert, #divSuccessAlert, #divErrorAlert {
    width: 30%;
    top: 60px;
}
#addfields #divfields ul button:hover {
    border: 1px solid #1ec245;
}
.menu-bottom-list {
    bottom: 0;
    width: 30.1% !important;
}
.menu-bottom-list ul li.logo-icon{
    margin-top: -28px !important;width:9rem;
}
.menu-bottom-list ul li.logo-icon img{
    width:100%;
}
.menu-bottom-list ul li.logo-icon b{
    font-size:13px;
}
.menu-bottom-list ul li.logo-icon small {
    line-height:18px;
}
.logo-icon-biz {width:30%;}
#productssection .section-box1 {
    padding-bottom: 4rem !important;
}
.image-upload input[type="file"]{
    left:0;
}

.accordion-button {
    font-weight: 600;padding: 1rem 1.25rem;
}
.accordion-button:not(.collapsed) {
    color: var(--darkblue);box-shadow: none;
}
.accordion-button:not(.collapsed) i{
    color: var(--darkblue) !important;
}
/*.accordion-button::after{
    content: "\f107";height:auto;font-family: 'icomoon' !important;
}
.visiting-card{
    height:90%;width:24%;
}*/
.form-header {
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, transparent, #667eea, transparent) 1;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
}
.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.accordion .form-control:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
    background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #667eea, #764ba2) border-box;
    border: 2px solid transparent;
}
#accordion-2.bizcard-colaps {
    height: 87vh;
}
.address-list {
    word-break:break-all;
}
.address-list h5.cardaddress1{
    word-break:break-word;
}
.Bcdetails #bizcardUrl a {
    word-break: break-all;
}
label.claass {
    position: absolute;pointer-events: none;left: 1rem;top: 1rem;transition: 0.2s ease all;font-size: 1.2rem;color: #aaa;z-index:8;
}
.custom-control-label mb-2 {
    font-size: 1rem !important
}
input:focus ~ label, .iti ~ label, select ~ label.claass, textarea:focus ~ label, input:valid ~ label, input:disabled ~ label, textarea:valid ~ label, .iti ~ label {
    top: -0.6rem;font-size: 0.9rem;background: #fff;padding: 0 0.3rem;left: 4.2rem;
}
#sendBizCardtomail input:focus ~ label, #sendBizCardtomail .iti ~ label, #sendBizCardtomail select ~ label.claass,
#sendBizCardtomail textarea:focus ~ label, #sendBizCardtomail input:valid ~ label, #sendBizCardtomail textarea:valid ~ label,
#sendBizCardtomail .iti ~ label, #sendBizCardtowtsp input:focus ~ label, #sendBizCardtowtsp .iti ~ label, #sendBizCardtowtsp select ~ label.claass,
#sendBizCardtowtsp textarea:focus ~ label, #sendBizCardtowtsp input:valid ~ label, #sendBizCardtowtsp textarea:valid ~ label,
#sendBizCardtowtsp .iti ~ label {
    left: 0.5rem;
}
input:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
}
.iti--allow-dropdown input{
    padding-left: 90px !important;
}
#details-list .iti--allow-dropdown input {
    padding-left: 70px !important;
}
#textphonenumber2 .iti--allow-dropdown input {
    padding-left: 105px !important;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), 
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
     border-radius: 5px !important; 
}
.ch {
    background:none !important;
}

#modalemailverify .modal-content, .slidebar-1 {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', sans-serif;
/*    background: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);
*/     /*height:82vh;*/
}
/*input#txtphoneverify {
    padding-right: 17rem !important;
}*/

.slidebar-1 {
    margin: 0;
    max-height: 67vh
}
.slidebar-2 {
    width: 400px;
    height: 500px;
    overflow: hidden;
    background: url("https://doc-08-2c-docs.googleusercontent.com/docs/securesc/68c90smiglihng9534mvqmq1946dmis5/fo0picsp1nhiucmc0l25s29respgpr4j/1631524275000/03522360960922298374/03522360960922298374/1Sx0jhdpEpnNIydS4rnN4kHSJtU1EyWka?e=view&authuser=0&nonce=gcrocepgbb17m&user=03522360960922298374&hash=tfhgbs86ka6divo3llbvp93mg4csvb38") no-repeat center/ cover;
    border-radius: 10px;
    box-shadow: 5px 20px 50px #000;
}
   

    #slide {
        display: none;
    }

.slidebar-2 .Email {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;

}

.slidebar-2 label {
    color: #fff;
    font-size: 1.5em;
    justify-content: center;
    display: flex;
    margin: 88px 0;
    font-weight: bold;
    cursor: pointer;
    transition: .5s ease-in-out;
}
.slidebar-2 label.form-check-label{
    margin:0 0 0 10px;
}
.slidebar-1 label.form-check-label {
    color: black;
    background: none;
}
#textphonenumber2 .iti__selected-flag {
    background: none !important;
}
.slidebar-2 input, #textphonenumber2 {
    width: 80%;
    justify-content: center;
    display: flex;
    margin: 30px auto;
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 5px;
}
    .slidebar-2 input#checkregistrationcandidateterms {
        width: 5%;
    }
#CompanyContactDiv input#country_selector {
    width:315px;
}

.slidebar-2 button {
    width: 80%;
    margin: 10px auto;
    justify-content: center;
    display: block;
    color: #fff;
    background: #ee3a54;
    font-size: 1em;
    font-weight: bold;
    margin-top: 20px;
    outline: none;
    border: none;
    border-radius: 5px;
    transition: .2s ease-in;
    cursor: pointer;
}
.slidebar-2 .phone {
    height: 460px;
    background: #eee;
    border-radius: 60% / 10%;
    transform: translateY(-220px);
    transition: .8s ease-in-out;
    text-align: center;
}
.slidebar-2 .phone label {
    color: #573b8a;transform: scale(0.8);
}
.slidebar-2 span.text-decoration-underline {
    color: #ee3a54;
}
#slide:checked ~ .phone {
    transform: translateY(-540px);
}

#slide:checked~.Email label {
    transform: scale(.8);
}

#slide:checked ~ .phone label {
    transform: scale(1);
    padding: 10px;
}
.biz-btn-check-box {
    bottom:0;
}
#bizcardUrl a{
    word-break:break-all;
}
.slidebar-2 ul li{
    list-style:square !important;
}

.pswd_info-left {
    display: none;
    position: absolute;
    left: -270px;
    top: 0;
    width: 256px;
    padding: 10px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #b7abab;
    z-index: 1003;
    text-align: left;
}

#employerpswd_info > ul, #candidatepswd_info > ul {
    padding: 0;
}
select.ui-datepicker-month, select.ui-datepicker-year {
    height: auto !important;
}
.pswd_info-left::before {
    content: "\25B6";
    position: absolute;
    top: 24px;
    left: 100%;
    font-size: 19px;
    line-height: 14px;
    color: #002c5f;
    text-shadow: none;
    display: block;
}

#employerpswd_info > h5, #candidatepswd_info > h5 {
    font-size: 13px;
    font-weight: 600;
}
#verfiyemailcheck, #verfiyphonecheck {
    right: 10px;
    top: 15px;
}

.toggle-password, .toggle-email {
    position: absolute;
    right: 10px;
    top: 17px;
    cursor: pointer;
    color: #828282;
    font-size: 23px;
    font-weight: 900;
}

    .toggle-password:hover, .toggle-email:hover {
        color: var(--col-primary-color);
    }

.valid {
    background: url(https://etmainwebsite.s3.amazonaws.com/tick.png) no-repeat 0 50%;
    padding-left: 30px;
    line-height: 30px;
    color: #3a7d34;
    background-size: 20px 20px;
    font-size: 12px;
    list-style: none;
    display: block !important;
    width: 100% !important;
}

.invalid {
    background: url(https://etmainwebsite.s3.amazonaws.com/cross.png) no-repeat 0 50%;
    padding-left: 30px;
    line-height: 30px;
    color: #ec3f41;
    background-size: 20px 20px;
    font-size: 12px;
    list-style: none;
    display: block !important;
    width: 100% !important;
}
.biz-code input {
    height:auto !important;color: #000;font-size:16px;font-weight:500;
}
#txtphoneverify .flag{
    left:22px !important;
}
#txtphoneverify.country-select .dial-code {
    padding: 8px 0 0 28px !important;
}
.country-select .dial-code {
    padding: 17px 0 0 28px;
}
#divemailverify #CompanyContactDiv .country-list, .selected-flag {
    color: black;
}
/*.active {
    background-color: #ed1c24;
    color: white;
}*/
/* =============== Home pages Style End ===================*/
@media (max-width: 1600px) {
    #modalemailverify .modal-dialog {
        margin:50px auto 0 !important;
    }
    .section-m {
        padding: 0 10%;
    }
    .menu-bottom-list {
        width: 33.3% !important;
    }
    .editbusiness-new {
        padding-top: 60px;
    }
    .slidebar-1 {
        max-height: 75vh;
    }
    .slidebar-2 {
        height: 490px;
    }
    .slidebar-2 label {
        font-size: 1em;
    }
    .slidebar-2 .phone {
        transform: translateY(-208px);
    }

}

@media (max-width: 1440px) {

    .Bcdetails #bizcardUrl a {
        word-break: break-word;padding: 4px 0 !important;
    }
    .slidebar-2 {
        height: 410px;margin: 0 !important;width: 330px;
    }
    .slidebar-2 input[type="text"]{
        height: 40px !important;
    }
    #slide:checked ~ .phone {
        transform: translateY(-460px);
    }
    .slidebar-2 label {
        margin:78px;
    }
    .slidebar-2 .phone {
        transform: translateY(-190px);
    }
    #CompanyContactDiv input#country_selector {
        width: 259px;
    }
}
@media (min-width: 1380px) and (max-width: 1500px) {
    .biz-creation-box1.white-bg {
        width: 30%;
    }
}
@media (max-width: 1366px) {
    #header {
        height: 60px;
    }
    .menu-bottom-list {
        width: 33.3% !important;
    }
    .menu-bottom-list ul li a span {
        font-size:10px !important;
    }
    .smart-accordion-default{
        padding:0 0 50px !important;
    }
}

@media (max-width: 1280px) {
    .biz-logo {
        padding: 6px 0 !important;
    }
}

@media (max-width: 1199px) {
   /* #details-list, #details-list .input-group.mb-5, #details-list #CompanyContactDiv, #details-list #CompanyContactDiv2 {
        margin: 0 0 30px !important;
    }*/
   body{
       height:auto !important;
   }
    .menu-bottom-list {
        width: 46.6% !important;
    }
    #accordion-2 .row, #accordion-2 #details-list {
        padding: 0 !important;
    }
}
    
@media (max-width: 991px) {
    .menu-bottom-list {
        width: 80% !important;
    }

    #modalemailverify .modal-dialog {
       /* margin: 0 !important;*/
        max-width: 100%;
    }
   /* #modalemailverify .modal-dialog .modal-content{
        height:100vh;
    }*/
    .slidebar-2 {
        height: 75vh;width: 80%;
    }
    .slidebar-1 {
        max-height: 100vh;margin-top: 110px;
    }
    .slidebar-2 input[type="text"] {
        height: 70px !important;
        margin-top: 42px;
    }
    .slidebar-2 .phone {
        transform: translateY(-180px);
        border-radius: 50%/ 4%;
    }
    .slidebar-2 label {
        font-size: 2em;
      margin-top:100px
    }
    #slide:checked ~ .phone {
        transform: translateY(-731px);
    }
    .slidebar-2 .phone {
        height: 890px;
    }
    .slidebar-2 .Email {
        position: relative;
        width: 100%;
        height: 90%;
        text-align: center;
    }
   /* button#btnemailverify {
        margin-top: 42px;
        height: 70px;
        font-size: 2rem;
    }*/
   /* input#txtemailverify {
        font-size: 25px;
        padding: 20px;
    }*/
    #accordion-2 .row {
        padding: 5px 0 !important;
    }
    #CompanyContactDiv input#country_selector {
        width: 460px;
    }
    input#txtphoneverify {
        padding-right: 24rem !important;
    }
}

@media (max-width: 767px) {
   
    .section-box {
        padding: 15px 15px 5px !important;
    }
    .section-box1 {
        padding-bottom: 0 !important;
    }
    .menu-bottom-list {
        margin: 3rem -15px 0 !important;
    }
    .creat-biz-btn a {
        width: 100%;
    }
    #bizcardUrl {
        padding:0 !important;
    }
    .slidebar-2 label {
        font-size: 1.8em;
        margin-top: 100px;
    }
    #slide:checked ~ .phone label {
        padding: 9px;
    }
    #slide:checked ~ .phone {
        transform: translateY(-674px);
        }
    /*button#btnemailverify {
        font-size: 21px;
    }*/
    .smart-accordion-default {
        padding: 0 0 80px !important;
    }
    #accordion-2 .row {
        padding:0 0 5px 0 !important;
    }
    #accordion-2 .row .d-flexy {
        flex-wrap:wrap;
    }
    #bcpitch #spanpitch {
        margin: 15px 0 !important;
    }
    #CompanyContactDiv {
        width: 100% !important;
    }
    #divWarningAlert, #divSuccessAlert, #divErrorAlert {
        width: 100%;
        top: 150px;
    }
}

@media (max-width: 480px) {
    p, small {
        font-size:14px;
    }
    input:focus ~ label, .iti ~ label, select ~ label.claass, textarea:focus ~ label, input:valid ~ label, .iti ~ label {
        left: 3.7rem;
    }
    .section-m {
        padding: 0 15px;
    }
    #accordion-2 .row {
        margin: 0 -15px !important;
    }
    .main-image-section {
        padding:0 !important;
    }
    .check_fott, #accordion-2 .row.biz-btn-check-box {
        margin: 0 !important;
    }
    .visiting-card {
        padding: 15px !important;
    }
    #productssection .section-box1 {
        padding-bottom: 4rem !important;
    }
    .main-image-section, #contactdetailul {
        padding-bottom: 0 !important;
    }
    .social-block h4 {
        margin-bottom:15px !important;
    }
    #contactdetailul li {
        padding-top: 10px !important;
    }
    #eventsul li .row .col-sm-4 {
        padding-right:0 !important;
    }
    .evnt-Content h6 {
        padding-top:15px !important;
    }
    #details-list .iti__selected-flag {
        padding: 0 8px;
    }
    #details-list .iti--allow-dropdown input {
        padding-left: 60px !important;
    }
    .menu-bottom-list {
        width: 100% !important;left: 0;margin: 0 !important;border-radius: 0 !important;
    }
    .menu-bottom-list ul li.logo-icon {
        margin-top: -30px !important;
    }
    .menu-bottom-list ul li a.xxl-icoon-style{
        width: auto !important;height: auto !important;padding-bottom: 15px;
    }
    .menu-bottom-list ul li a.xl-icoon-style{
        width: 4rem;height: 4rem;padding: 5px;
    }
    .social-block ul .xxxl-icoon-style {
        width: 6rem;
    }
    .menu-bottom-list ul li a {
        padding:10px 0 !important;
    }
    #accordion-2 .row .d-flexy span {
        line-height:15px;
    }
    .icoon-style {
        width: 3rem;height: 3rem;
    }
    input[type="number"], input[type="text"], input[type="tel"], input[type="time"], input[type="date"],
    input[type="search"], input[type="password"], input[type="email"], select, .bootstrap-tagsinput input, .form-control {
        height: 48px !important;
    }
    .Bcdetails #bizcardUrl, .Bcdetails .icoon-style {
        height: auto !important;
    }
    .slidebar-2 label {
        font-size: 1.5em;
        margin-top: 100px;

    }
    #slide:checked ~ .phone {
        transform: translateY(-650px);
    }
    #slide:checked ~ .phone label {
        font-size: 22px;
    }
    
    .slidebar-1 {
        max-height: 100vh;margin-top: 80px;
    }
    .slidebar-2 label {
        font-size: 27px;
    }
    #slide:checked ~ .phone label {
        font-size: 26px;
    }
    .slidebar-2 input[type="text"] {
        height: 51px !important;
    }
   
    .slidebar-2 .phone {
        border-radius: 60%/ 3%;
    }
    .slidebar-2 {
        height: 76vh;width: 90%;
    }
    #accordion-2 .row .d-flexy label {
        float:left;
    }
    #accordion-2 .row .d-flexy span {
        line-height: 19px;display: inline-block;width: 86%;
    }
    input#txtphoneverify {
        padding-right: 21rem !important;
    }
}
@media (max-width:430px){
    .slidebar-2 {
        width: 95%;
    }
    h4#profilename, h5#jobtitle {
        margin: 0 !important;
    }
    #slide:checked ~ .phone {
        transform: translateY(-569px);
    }
    .slidebar-2 label {
        font-size: 24px;
    }
    #slide:checked ~ .phone label {
        font-size: 22px;
    }
    #slide:checked ~ .phone {
        transform: translateY(-554px);
    }
    .menu-bottom-list ul li.logo-icon {
        width: 8rem;
    }
    .contact-form .input-box input {
        font-size: 13px;
    }
    #CompanyContactDiv input#country_selector {
        width: 296px;
    }
    input#textcontactid {
        height:18px !important;
    }
    input#txtphoneverify{
        padding-right:1rem !important;
    }
}
@media (max-width: 400px) {
    h4, .h4 {
        font-size: calc(1rem + 0.3vw);
    }
    h5, .h5 {
        font-size: 1rem;
    }
    h6, .h6 {
        font-size: 0.9rem;
    }
    input:focus ~ label, .iti ~ label, select ~ label.claass, textarea:focus ~ label, input:valid ~ label, .iti ~ label, label, #copyButton {
        font-size: 0.8rem !important;
    }
    #bizcardUrl a{
        font-size:0.7rem !important
    }
    [class^="icon-"], [class*=" icon-"] {
        font-size: 18px;
    }
    .small-icoon-style {
        width: 2rem;height: 2rem;
    }
    .social-block ul .xxxl-icoon-style {
        width: 7rem;
    }
    .slidebar-1 {
        margin-top: 80px;max-height:100vh;
    }
    .slidebar-2 label {
        font-size: 20px !important;margin-top: 45px;
    }
    #details-list, #details-list .input-group.mb-5, #details-list #CompanyContactDiv2 {
        margin: 0 0 20px !important;
    }
    .slidebar-2 {
        height: 75vh;width: 95%;
    }
    .slidebar-2 input[type="text"] {
        height: 50px !important;margin-top: 60px;
    }
    .slidebar-2 .phone {
        height: 800px;transform: translateY(-80px);border-radius: 50%/ 4%;
    }
    .contact-form .input-box {
        height: 50px;
        margin: 6px 0 !important;
    }
    .contact-form .input-box  input, .contact-form .input-box > .d-flexy{
        height: 46px !important;
    }
    #slide:checked ~ .phone label {
        font-size: 18px !important;
    }
    #slide:checked ~ .phone {
        transform: translateY(-462px);
    }
    .evnt-Content {
        padding: 10px 0 0 0 !important;
    }
    .section-box ul li h6, .section-box ul li small, .section-box ul li p {
        padding: 0 0 0 10px !important;
    }
    .contact-form {
        padding: 10px !important;
    }
    .contact-form ul li a{
        padding: 5px 10px !important;
    }
    .contact-form ul li {
        margin: 0 6px 0 0 !important;
    }
    .contact-form ul li a span:nth-child(2){
        padding: 0 0 0 10px !important;font-size:13px;
    }
    .menu-bottom-list ul li.logo-icon {
        width: 4rem;margin-top: -15px !important;
    }
    .menu-bottom-list ul li.logo-icon span{
        display:none !important;
    }
    #accordion-2 #details-list .accordion-button {
        padding: 10px;
    }
    #accordion-2 .row .d-flexy span {
        width: 85%;
    }
    #CompanyContactDiv input#country_selector {
        width: 290px;
    }
}
@media (max-width: 360px) {
    body {
        font-size:14px;
    }
    #contactdetailul li h5 {
        font-size:1rem;
    }
    .menu-bottom-list ul li {
        padding:0 0.5rem !important;
    }
    .menu-bottom-list ul li.logo-icon .lg-icoon-style {
        width: 2.5rem;height: 2.5rem;
    }
    #contactdetailul li .icoon-style {
        width: 2.125rem;height: 2.125rem;
    }
    .menu-bottom-list ul li a span {
        font-size: 12px;
    }
    #socialpblock li a img {
        width: 4rem;height: 4rem;
    }
    #slide:checked ~ .phone {
        transform: translateY(-465px);
    }
    #slide:checked ~ .phone label {
        font-size: 14px !important;
    }
    .slidebar-2 .phone {
         border-radius: 60%/ 3%;
    }
    .slidebar-2 input[type="text"] {
        height: 40px !important;margin-top: 35px;
    }   
    .slidebar-1 {
        margin-top: 36px;max-height: 100vh;
    }
    .slidebar-2 {
        height: 80vh;width: 99%;
    }
    .slidebar-2 label {
        font-size: 15px !important;margin-top: 50px;
    }
    #bizcardUrl a {
        font-size:0.6rem !important;
    }
    input#textcontactid{
        height:20px !important;
    }
}
@media(max-width:320px){
    #slide:checked ~ .phone {
        transform: translateY(-420px);
    }
    .menu-bottom-list ul li.logo-icon {
        width: 2rem;
        padding: 0 !important;
    }
    #CompanyContactDiv input#country_selector {
        width: 240px;
    }
    
}