/* Custom Stylesheet */
@font-face {
    font-family: 'eagora';
    src:  url('../fonts/eagora.eot?pbljlt');
    src:  url('../fonts/eagora.eot?pbljlt#iefix') format('embedded-opentype'),
      url('../fonts/eagora.ttf?pbljlt') format('truetype'),
      url('../fonts/eagora.woff?pbljlt') format('woff'),
      url('../fonts/eagora.svg?pbljlt#eagora') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
[class^="icon-ea-"], [class*=" icon-ea-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'eagora' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.icon-ea-eagora:before {content: "\e900";}
.icon-ea-circle-tick .path1:before {content: "\e901";  color: rgb(0, 0, 0);}
.icon-ea-circle-tick .path2:before {content: "\e902";  margin-left: -1em; color: rgb(255, 255, 255);}
.icon-ea-tick-circle .path1:before {content: "\e903";  color: rgb(0, 0, 0);}
.icon-ea-tick-circle .path2:before {content: "\e904";  margin-left: -1em; color: rgb(255, 255, 255);}
.icon-ea-onlyfans .path1:before {content: "\e91a";  color: rgb(0, 0, 0); opacity: 0.75;}
.icon-ea-onlyfans .path2:before {content: "\e91b";  margin-left: -1em; color: rgb(0, 0, 0);}
.icon-ea-play:before {content: "\e905";}
.icon-ea-msg:before {content: "\e906";}
.icon-ea-video:before {content: "\e907";}
.icon-ea-search:before {content: "\e908";}
.icon-ea-cross-arrow:before {content: "\e909";}
.icon-ea-upload:before {content: "\e910";}
.icon-ea-close:before {content: "\e911";}
.icon-ea-twitter:before {content: "\e912";}
.icon-ea-tiktok:before {content: "\e913";}
.icon-ea-threads:before {content: "\e914";}
.icon-ea-link:before {content: "\e915";}
.icon-ea-pool:before {content: "\e916";}
.icon-ea-money:before {content: "\e917";}
.icon-ea-growth:before {content: "\e918";}
.icon-ea-plant:before {content: "\e919";}
.icon-ea-tickmark:before {content: "\e920";}
.icon-ea-back-arrow:before {content: "\e921";}
.icon-ea-next-arrow:before {content: "\e922";}
.icon-ea-heart-o:before {content: "\f08a";}
.icon-ea-facebook:before {content: "\f90a";}
.icon-ea-bars:before {content: "\f90b";}
.icon-ea-linkedin:before {content: "\f90c";}
.icon-ea-arrow-up:before {content: "\f90d";}
.icon-ea-arrow-down:before {content: "\f90e";}
.icon-ea-youtube:before {content: "\f90f";}
.icon-ea-instagram:before {content: "\f91a";}
.icon-ea-snapchat:before {content: "\f91b";}
.icon-ea-shield:before {content: "\f91c";}
.icon-ea-arrow-top:before {content: "\f91d";}
.icon-ea-notification:before {content: "\f91e";}


html {scroll-padding-top: 4.5rem;}
body{background-color: #F4FAFF;}
body.bg-light{background-color: #F3F6F9;}
.page-top{padding-top: 84px;}
/* .bluebg-half-wrapper{background: url('../img/blue-vector-bg.png') top center no-repeat;} */
.bluebg-half-wrapper{background-image: linear-gradient(#022135 60%, #f4faff 40%); position: relative; overflow: hidden;}
.bluebg-half-wrapper > .container {position: relative; z-index: 2;}
.ellipse_one, .ellipse_two, .ellipse_three {position: absolute; top: 0; left: 0; margin-left: -530px; margin-top: -570px; opacity: 0.15; transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); -webkit-animation: ellipse_r 20s infinite cubic-bezier(.14,.36,.59,.9); -ms-animation: ellipse_r 20s infinite cubic-bezier(.14,.36,.59,.9); animation: ellipse_r 20s infinite cubic-bezier(.14,.36,.59,.9);}
.ellipse_two {margin-left: -30px; margin-top: -700px;}
.ellipse_three {margin-left: 0; margin-top: 0; margin-right: -490px; margin-bottom: -270px; top: auto; left: auto; bottom: 0; right: 0;}
@-webkit-keyframes ellipse_r {
    0%   {	
        -webkit-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        -ms-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
    }

    25% {
        -webkit-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        -ms-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
    }

    50% {	
        -webkit-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        -ms-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
    }

    75% {	
        -webkit-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        -ms-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
    }

    100% {	
        -webkit-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        -ms-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
    }
}
@-ms-keyframes ellipse_r {
    0%   {	
        -webkit-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        -ms-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
    }

    25% {
        -webkit-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        -ms-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
    }

    50% {	
        -webkit-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        -ms-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
    }

    75% {	
        -webkit-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        -ms-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
    }

    100% {	
        -webkit-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        -ms-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
    }
}
@keyframes ellipse_r {
    0%   {	
        -webkit-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        -ms-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
    }

    25% {
        -webkit-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        -ms-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
    }

    50% {	
        -webkit-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        -ms-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
    }

    75% {	
        -webkit-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        -ms-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
    }

    100% {	
        -webkit-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        -ms-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
    }
}

.bgbluelight{background-color: #D8EDFF;}
.bg-graylight{background-color: #E4E9F4;}
.twocolor-wrapper{background-image: linear-gradient(#f4faff 50%, #D8EDFF 50%);}
/* common style */
.mt-10{margin-bottom: 10px !important;} .mt-15{margin-bottom: 15px !important;} .mt-20{margin-bottom: 20px !important;} .mt-25{margin-bottom: 25px !important;} .mt-30{margin-bottom: 30px !important;}
.mb-10{margin-bottom: 10px !important;} .mb-15{margin-bottom: 15px !important;} .mb-20{margin-bottom: 20px !important;} .mb-25{margin-bottom: 25px !important;} .mb-30{margin-bottom: 30px !important;}
.ms-10{margin-bottom: 10px !important;} .ms-15{margin-bottom: 15px !important;} .ms-20{margin-bottom: 20px !important;} .ms-25{margin-bottom: 25px !important;} .ms-30{margin-bottom: 30px !important;}
.me-10{margin-bottom: 10px !important;} .me-15{margin-bottom: 15px !important;} .me-20{margin-bottom: 20px !important;} .me-25{margin-bottom: 25px !important;} .me-30{margin-bottom: 30px !important;}
.pt-10{margin-bottom: 10px !important;} .pt-15{margin-bottom: 15px !important;} .pt-20{margin-bottom: 20px !important;} .pt-25{margin-bottom: 25px !important;} .pt-30{margin-bottom: 30px !important;}
.pb-10{margin-bottom: 10px !important;} .pb-15{margin-bottom: 15px !important;} .pb-20{margin-bottom: 20px !important;} .pb-25{margin-bottom: 25px !important;} .pb-30{margin-bottom: 30px !important;}
.ps-10{margin-bottom: 10px !important;} .ps-15{margin-bottom: 15px !important;} .ps-20{margin-bottom: 20px !important;} .ps-25{margin-bottom: 25px !important;} .ps-30{margin-bottom: 30px !important;}
.pe-10{margin-bottom: 10px !important;} .pe-15{margin-bottom: 15px !important;} .pe-20{margin-bottom: 20px !important;} .pe-25{margin-bottom: 25px !important;} .pe-30{margin-bottom: 30px !important;}

.fs-10{font-size: 10px !important;}
.fs-11{font-size: 11px !important;}
.fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;}
.fs-14{font-size: 14px !important;}
.fs-15{font-size: 15px !important;}
.fs-16{font-size: 16px !important;}
.fs-17{font-size: 17px !important;}
.fs-18{font-size: 18px !important;}
.fs-19{font-size: 19px !important;}
.fs-20{font-size: 20px !important;}
.fs-21{font-size: 21px !important;}
.fs-22{font-size: 22px !important;}
.fs-23{font-size: 23px !important;}
.fs-24{font-size: 24px !important;}
.fs-25{font-size: 25px !important;}
.fs-26{font-size: 26px !important;}
.fs-27{font-size: 27px !important;}
.fs-28{font-size: 28px !important;}
.fs-29{font-size: 29px !important;}
.fs-30{font-size: 30px !important;}

.fw-xlbold{font-weight: 800 !important;}
.text-lgray{color: #555 !important;}
.text-green{color: #67FFA7 !important;}
.text-green span.path1:before{color: #02AE5D !important;}
.bg-darkblue{background-color: #022036 !important;}
a:hover .text-decoration-underline{text-decoration: none !important;}
/* common style */


/* .bg-gradient-primary-to-secondary {background: linear-gradient(45deg, #0189FF, #9f1ae2) !important;}
.text-gradient {background: -webkit-linear-gradient(#0189FF, #9f1ae2); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} */
aside, section {padding-top: 2rem; padding-bottom: 2rem;}
#mainNav {padding-top: 1rem; padding-bottom: 1rem; max-height: 84px;}
#mainNav.navbar-light{background-color: #E3ECF6;}
/* #mainNav.navbar-dark{background-image: linear-gradient(left , #0057A3 30%, #113C6C 40%, #022036 30%) !important;} */
#mainNav.navbar-dark{background: linear-gradient(to left, #022036 20%, #113C6C 40%, #022036);}
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:active {color: #0189FF;}
#mainNav .navbar-toggler {font-size: 17px; font-weight: 400; padding: 0; color: #333; border: 0;}
#mainNav.navbar-dark .navbar-toggler{color: #fff;}
#mainNav .navbar-nav .nav-item .nav-link {color: #464646; font-size: 17px; font-weight: 500;}
#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link.active{color: #0189FF;}

.pasthead {background-color: #f8f9fa; padding-top: 9.5rem; padding-bottom: 5rem;}
.masthead .masthead-device-mockup {display: flex; align-items: center; justify-content: center; position: relative;}
.masthead .masthead-device-mockup .circle {position: absolute; fill: url(#circleGradient); width: 70%; display: none;}
.masthead .masthead-device-mockup .circle .gradient-start-color {stop-color: #0189FF;}
.masthead .masthead-device-mockup .circle .gradient-end-color {stop-color: #9f1ae2;}
.masthead .masthead-device-mockup .shape-1 {position: absolute; height: 1rem; width: 1rem; transform: rotate(-10deg); fill: #0189FF; bottom: 15%; left: 10%;}
.masthead .masthead-device-mockup .shape-2 {position: absolute; height: 0.75rem; width: 0.75rem; fill: #0189FF; top: 15%; right: 10%;}
.masthead .masthead-device-mockup .device-wrapper {max-width: 10rem;}

.launch-wrapper{position: relative;}
.launch-wrapper:before{content: ""; background: #052540 url('../img/webp/launching-img-left.webp') left bottom no-repeat; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height:100%; z-index: -1;}
.launch-wrapper:after{content: ""; background: #0057A3 url('../img/webp/launching-img-right.webp') right bottom no-repeat; background-size: cover; position: absolute; left: 0; bottom: 0; width: 100%; height: 39%; z-index: -1; display: none;}
.launch-wrapper .left-img{position: absolute; left: 0; top: 0;}
.launch-wrapper .right-img{position: absolute; right: 0; top: 0;}
.boxcont {background: rgb(255 255 255 / 12%); border-radius: 18px; padding: 30px;}
.boxcont *{color: #fff;}

.features-list, .videowrap{border-radius: 25px; background-color: #fff; padding: 30px; text-align: center; box-shadow: 0 4px 4px 0 rgb(129 142 183 / 20%);}
.videowrap{border-radius: 10px; padding: 20px; height: 100%;}
.box10-wrap{border-radius: 10px; padding: 30px;}

ul.ticklist{list-style-type: none;}
ul.ticklist li{text-align: left; margin-bottom: 7px; position: relative; padding-left: 25px;}
ul.ticklist li span[class*="icon-ea-"]{position: absolute; left: 0; top: 4px;}
.col-count-3{column-count: 1;}

/* button style */
.btn.btn-lg{font-size: 15px;}
.btn span[class^="icon-ea-"], .btn span[class*="icon-ea-"]{font-size: 11px;}
.btn.btn-green {background-color: #2CC36C; height: 40px; line-height: 22px; border: 2px solid #fff; color: #fff; font-weight: 700; font-size: 16px; width: 140px; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 8%); position: absolute !important; bottom: -20px; left: 0; right: 0; margin: auto;}
.btn.btn-green:hover, .btn.btn-green:focus{background-color: #147a40;}
.btn.btn-white{background-color: #fff; color: #333;}
.btn.btn-white:hover, .btn.btn-white:focus{background-color: #0b5ed7; color: #fff;}

.btn.btn-play {position: absolute; z-index: 3; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 24px; height: 24px; border-radius: 50%; border: none; outline: none; padding: 18px 20px 18px 28px;}
.btn.btn-play:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background:rgb(0 0 0 / 46%); border-radius: 50%; animation: pulse-border 1500ms ease-out infinite;}
.btn.btn-play:after {content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background:rgb(0 0 0 / 46%); border-radius: 50%; transition: all 200ms;}
.btn.btn-play span {color: #fff; margin-left: -5px; position: relative; z-index: 2;}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.btn.btn-mask, .btn.btn-darkmask, .btn.btn-arrow {overflow: hidden; position: relative;}
.btn-arrow:after {display: inline-block; padding-left: 15px; content: "\e922"; font-size: 10px; font-weight: 400; font-family: 'eagora' !important; -webkit-transition: transform 0.5s ease-out; -moz-transition: transform 0.5s ease-out; -ms-transition: transform 0.5s ease-out; -o-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out;}
.btn-arrow:hover:after {-webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px);}
.btn-arrow:before, .btn.btn-mask:before {background: #fff; content: ""; height: 155px; left: -75px; opacity: 0.15; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 0;}
.btn-arrow:hover:before, .btn.btn-mask:hover:before {left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);}

.badge.bg-insta{background-color: #F52F86;}
.badge.bg-fb{background-color: #0866FF;}
.badge.bg-yt{background-color: #FF0000;}
.badge.bg-snapchat{background-color: #cdc700;}
span.badge.rounded-pill:hover, span.badge.rounded-pill:focus {box-shadow: 0 0px 20px 0 rgb(255 255 255 / 70%);}
.btn:focus{box-shadow: 0 0 0px 3px #025191;}
/* button style */

/* form controls style */
.form-group{margin-bottom: 25px;}
.form-group label, label{font-weight: 500;}
.form-group .form-control, .form-control{height: 46px; border: 1px solid #D1D8ED; border-radius: 9px; padding: 8px 15px; font-weight: 500; font-size: 14px; color: #333;}
.form-group select.form-control, select.form-control, .select2-container .select2-selection.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/select-arrow.png); background-repeat: no-repeat; background-position: calc(100% - 15px); padding-right: 35px !important;}
.form-group label{margin-bottom: 5px; font-weight: 500; font-size: 14px; color: #333;}
.form-control::-webkit-input-placeholder, .select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #A3AED0;
}
.form-control::-moz-placeholder, .select2-container .select2-search--inline .select2-search__field::-moz-placeholder{ /* Firefox 19+ */
    color: #A3AED0;
}
.form-control:-ms-input-placeholder, .select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder { /* IE 10+ */
    color: #A3AED0;
}
.form-control:-moz-placeholder, .select2-container .select2-search--inline .select2-search__field:-moz-placeholder { /* Firefox 18- */
    color: #A3AED0;
}

input[type=checkbox]:focus, input[type=radio]:focus, input[type=checkbox]:focus + label:before, input[type=radio]:focus + label:before{box-shadow: 0 0 0 0.15rem rgb(6 141 250 / 75%);}

.custom-radio-tick input, .radio-custom input[type=radio]{display: none;}
.custom-radio-tick input + span{border: 2px solid #3B87F7; width: 24px; height: 24px; display: inline-block; border-radius: 25px;}
.custom-radio-tick input:checked + span{background-color: #3B87F7;}
.custom-radio-tick input:checked + span:before{content: "\e920"; font-family: 'eagora' !important; font-size: 10px; color: #fff; position: relative; top: -3px;}

.signup-types div > label{cursor: pointer;}
.signup-types div > label.active_type, .signup-types div > label:hover, .signup-types div > label:focus {box-shadow: 0 4px 20px 0 rgb(2 32 54 / 15%);}
.signup-types div > label.active_type{background-color: #ECF3FF;}
.signup-types .custom-radio-tick{position: absolute; right: 15px; top: 15px;}

.radio-custom {padding-left: 0;}
.radio-custom label{position: relative; padding-left: 34px; cursor: pointer;}
.radio-custom label:before{content: ""; width: 24px; height: 24px; background-color: #E0E5F2; display: block; border-radius: 50px; position: absolute; left: 0;}
.radio-custom input[type=radio]:checked + label:before{background-color: #0189FF;}
.radio-custom input[type=radio]:checked + label:after{content: ""; width: 12px; height: 12px; border-radius: 50px; background-color: #fff; display: block; position: absolute; left: 6px; top: 6px;}
.orgsize div > label, .categories-list > label > span{background-color: #fff; border-radius: 12px; border: 2px solid #fff; box-shadow: 0px 0px 10px 2px rgb(56 71 109 / 5%); cursor: pointer;}
.orgsize div > label.active_type, .orgsize div > label:hover, .categories-list > label:hover > span, .categories-list > label.active_check > span{background-color: #ECF3FF; border-color: #0189FF;}
.categories-list > label> span{border-color: #E0E5F2;}
.categories-list > label{display: none;}
a.viewmore span[class^="icon-ea-"], a.viewless span[class^="icon-ea-"]{position: relative; top: 2px;}

.select2-container .select2-selection.form-control {min-height: 52px; height: auto; border-color: #C5CCE0; font-size: 16px;}
.select2-container .select2-selection.form-control.select2-selection--multiple .select2-selection__rendered{display: flex; overflow: visible; padding: 0 45px 0 0; text-overflow: inherit; flex-wrap: wrap; align-items: center; margin-top: 0;}
.select2-container .select2-selection.form-control .select2-selection__rendered > li.select2-search--inline{float: none; border: 0; margin: 0; background-color: transparent;}
.select2-container .select2-selection.form-control .select2-selection__rendered > li{display: inline-block; background-color: #0189FF; padding: 3px 10px; border: 1px solid #d1d8ec; margin-right: 10px; border-radius: 32px; font-size: 13px; margin-bottom: 10px; color: #fff; font-weight: 400;}
.select2-container .select2-selection.form-control .select2-selection__rendered > li > span.select2-selection__choice__remove{margin-right: 5px; font-size: 13px; display: inline-flex; align-items: center; background: #9CC4FF; border-radius: 50px; width: 14px; height: 14px; justify-content: center; color: #0189FF;}
.search-category {position: relative;}
.search-category .btn.btn-search{width: 34px; height: 34px; padding: 6px; position: absolute; right: 9px; top: 9px;}
.search-category .btn.btn-search > span.icon-ea-search{font-size: 17px;}
.select2-results li.select2-results__option {padding: 5px 15px; font-size: 14px;}
.select2-results li.select2-results__option:hover, .select2-results li.select2-results__option[aria-selected=true]{background-color: #ECF3FF;}
.select2-container .select2-search--inline .select2-search__field{font-size: 14px; font-weight: 500;}


span.error, .error {font-size: 14px; color: #ed0000;}
/* form controls style */

.sepline{border-bottom: 1px solid rgb(255 255 255 / 10%);}
.footernav li{margin-right: 30px;}
.footernav li::marker {color: #818EB7;}
.footernav li:first-child, ul.social-links{list-style-type: none;}
.footernav li a{font-size: 16px; color: #333;}
.social-links li{padding: 5px 8px; font-size: 20px;}
.social-links li a{color: #535353;}
.footernav li a:hover, .social-links li a:hover{color: #0189FF;}
.copyright{color: #A7AAB0;}
.social-links.circle-social li a {background-color: #E0E5F2; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #718394; font-size: 14px;}
.social-links.circle-social li a:hover{background-color: #0189FF; color: #fff;} 

.icon-list{font-size: 18px; font-weight: 500;}
.curveline{transition: all 0.05s ease-in-out; width: 100%; height: 12px; border: solid 2px #fff; border-color: #fff transparent transparent transparent; border-radius: 50%/15px 15px 0 0; position: absolute; left: -5px; bottom: -18px;}

.spinround {position: relative; height: 60px; width: 60px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.spinround:before {position: absolute; content: ''; height: calc(100% + 10px); width: calc(100% + 10px); border: 2px dashed #022036; top: -5px; left: -5px; border-radius: inherit; animation: spin 20s linear infinite;}
.spinround > span{color: #022036; font-size: 30px;}
.spinround > span.heart{font-size: 22px; padding: 3px 6px; border: 2px solid rgb(2 33 53 / 60%); border-radius: 5px;}
.spinround > span.round{font-size: 20px; padding: 5px 7px; border: 2px solid rgb(2 33 53 / 60%); border-radius: 50px;}
@keyframes spin { 
    100% { 
      transform: rotateZ(360deg); 
    }
}

.carousel-wrap {margin: 0 auto; padding: 0; width: 100%; position: relative;}
.owl-carousel .item {position: relative; z-index: 100; overflow: hidden; border-radius: 8px; -webkit-backface-visibility: hidden;}
.owl-carousel .item img {transition: all .5s; border-radius: 8px;}
.owl-carousel .item:hover img {transform: scale(1.2);}
.owl-carousel .owl-nav > button {position: absolute; top: 0; bottom: 0; margin: auto; color: #333; font-size: 10px; width: 40px; height: 40px; background-color: rgb(255 255 255 / 75%) !important; border-radius: 8px; text-align: center; padding: 13px 10px;}
.owl-carousel .owl-nav > button:hover {background-color: #fff !important;}
.owl-carousel .owl-nav > button > span{font-size: 11px;}
.owl-carousel .owl-nav .owl-prev {left: 10px;}
.owl-carousel .owl-nav .owl-next {right: 10px;}
.owl-carousel .item:before {content: ""; border-radius: 8px; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 80%)); z-index: 1;}
.owl-carousel .item .slider-content {position: absolute; z-index: 10; bottom: 0; text-align: center; width: 100%; padding: 20px;}
.owl-carousel .item .slider-content p.name {font-weight: 600; color: #fff;}
.owl-carousel .item .slider-content p.name span.path1:before{color: #2CC36C;}
.owl-carousel .item .slider-content p.types{font-size: 14px; color: rgb(255 255 255 / 75%);}
.owl-carousel .item .price-range {background-color: #2CC36C; padding: 2px 15px; border-radius: 50px; position: absolute; left: 15px; top: 15px; color: #fff; font-size: 13px; z-index: 999;}


.boxed-mix {width: 100%; min-height: 470px; position: relative;}
.boxed-mix .potrait{position: absolute;}
.potrait1 {top: 169px; left: 300px; z-index: 3; animation: animate-pot1 1.5s forwards; animation-delay: 2s;}
@keyframes animate-pot1 {
    100% {
      left: 0px;
    }
}
.potrait2 {z-index: 4; left: 120px; top: -80px; animation: animate-pot2 1.5s forwards; animation-delay: 2s;}
@keyframes animate-pot2 {
    100% {
      top: 0px;
    }
}
.potrait3 {left: 276px; top: 240px; z-index: 5; animation: animate-pot3 1.5s forwards; animation-delay: 2s;}
@keyframes animate-pot3 {
    100% {
      top: 180px;
    }
}
.potrait4 {top: 0px; left: 150px; z-index: 5; animation: animate-pot4 1.5s forwards; animation-delay: 2s;}
@keyframes animate-pot4 {
    100% {
        left: 500px;
    }
}
.potrait5 {bottom: 100px; left: 320px; z-index: 2; animation: animate-pot5 1.5s forwards; animation-delay: 2s;}
@keyframes animate-pot5 {
    100% {
        bottom: 290px;
    }
}

.modal-content a.close-modal {position: absolute; right: 10px; top: 10px; z-index: 2; font-size: 12px; background: #fff; padding: 5px; width: 26px; height: 26px; text-align: center; border-radius: 50px; color: #A3AED0;}

/* Lazy load CSS */
.lazy-video-container{position:relative;width:100%;height:100%;overflow:hidden;margin:0 auto;border-radius:15px; min-height: 600px;}
.lazy-video-container.inner_videowrap{max-width:550px;margin:0;height:0;padding-bottom:30%}
.lazy-video-container iframe, .lazy-video-box, .lazy-video-box-popup, .lazy-video-container img, .lazy-video-container .lazy-play-button, .lazy-video-container .lazy-play-popup-button{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}
.lazy-video-container iframe{z-index:1}
.lazy-video-box, .lazy-video-box-popup{background-color:#000;overflow:hidden}
.lazy-video-container img{width:100%;height:auto;max-width:100%}
.lazy-video-container .lazy-play-button, .lazy-video-container .lazy-play-popup-button{z-index:1;width:120px;height:120px;font-size:1em;border-radius:50%;background-color:rgb(255 255 255 / 60%);text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s ease-in-out}
.lazy-play-button i, .lazy-play-popup-button i{color: #424242;;position:relative;transition:all .5s ease-in-out}
.lazy-play-button:hover, .lazy-play-popup-button:hover{background-color:rgba(0,50,100,1);transition:all .5s ease-in-out}
.lazy-play-button:hover i, .lazy-play-popup-button:hover i{color:#fff;transition:all .5s ease-in-out}
.lazy-video-container:after{content:'';width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 61.84%,#000 113.32%);position:absolute;left:0;right:0;bottom:0;z-index:0}
.lazy-play:before{content:'';border-style:solid;border-width:1em 0 1em 1.732em;border-color:transparent transparent transparent #4285F4;content:'';font-size:22px;height:0;margin:auto;top:0;right:0;bottom:0;left:-.5em;position:absolute;width:0}
.lazy-video-container .lazy-vimeo-play-button, .lazy-video-container .lazy-vimeo-play-popup-button{font-size:1em;width:4em;height:3em;background-color:#00adef;z-index:1;opacity:1;border-radius:.2em}
.lazy-video-container .lazy-youtube-play-button, .lazy-video-container .lazy-youtube-play-popup-button{background:#4285F4;border-radius:50%/10%;color:#fff;font-size:1em;width:4em;height:3em;padding:0;text-align:center;text-indent:.1em;transition:all .15s ease-out}
.lazy-video-container .lazy-youtube-play-button:before, .lazy-video-container .lazy-youtube-play-popup-button:before{background:inherit;border-radius:5%/50%;bottom:9%;content:'';left:-5%;position:absolute;right:-5%;top:9%;}
/* Lazy load CSS */

/* modal styles common */
.popup-title h2 {font-size: 24px;}
.imgmodal {background: url('../img/webp/vlogger-streaming.webp') center -70px no-repeat; min-height: 300px; background-size: cover; border-radius: 24px 24px 0 0;}
.imgmodal img{display: none;}
.back-link{color: #555; font-size: 16px;}
.back-link span[class^="icon-ea-"] {font-size: 13px; color: rgb(0 0 0 / 30%); margin-right: 10px;}
/* modal styles common */

.avatar-upload {position: relative; display: flex; align-items: center;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-preview {width: 85px; height: 85px; padding: 5px; background-color: #fff; position: relative; border-radius: 10px; border: 1px dashed #C5CCE0;}
.avatar-upload .avatar-preview:before {content: "\e910"; font-family: 'eagora' !important; color: #A3AED0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 20px; height: 20px;}
.avatar-upload .avatar-preview.picadded:before {display: none;}
.avatar-upload .avatar-preview > div {width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
ul.stepper-nav{margin: 0; padding: 0; list-style-type: none;}
ul.stepper-nav li{margin-bottom: 25px; padding-left: 30px; position: relative;}
ul.stepper-nav li:after{content: ""; width: 1px; height: 100%; display: block; position: absolute; left: 8px; background-color: #E0E5F2;}
ul.stepper-nav li:last-child:after{display: none;}
ul.stepper-nav li > span.bullet-icon{width: 18px; height: 18px; background-color: #E0E5F2; border-radius: 50%; position: absolute; left: 0; top: 5px; display: flex; justify-content: center; align-items: center;}
ul.stepper-nav li:hover > span.bullet-icon, ul.stepper-nav li.active > span.bullet-icon, ul.stepper-nav li.completed > span.bullet-icon{background-color: #0189FF;}
ul.stepper-nav li:hover > span.bullet-icon:before, ul.stepper-nav li.active > span.bullet-icon:before{content: ""; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; display: block;}
ul.stepper-nav li.completed > span.bullet-icon:before{content: "\e920"; font-family: 'eagora' !important; color: #fff; font-size: 7px; font-weight: 600;}
ul.stepper-nav li, ul.stepper-nav li a{color: #333; font-size: 16px;}
ul.stepper-nav li:hover, ul.stepper-nav li:hover a, ul.stepper-nav li.active, ul.stepper-nav li.active a{color: #0189FF; font-weight: 600;}

.intl-tel-input, .iti{width: 100%;}
.input-group .iti--separate-dial-code .iti__selected-flag, .input-group .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {background-color: transparent; padding: 0 5px 0 12px; display: flex; align-items: center;}
.input-group .iti--separate-dial-code .iti__selected-flag .iti__flag{order: 1;}
.input-group .iti--separate-dial-code .iti__selected-flag .iti__arrow{order: 2;}
.input-group .iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code{order: 3;}
.input-group .iti--separate-dial-code .iti__selected-flag .iti__flag.iti__in {border-right: 1px solid #E0E5F2;}
.input-group .iti--separate-dial-code .iti__selected-dial-code {margin-left: 12px; padding-left: 8px; border-left: 1px solid #E0E5F2; height: 100%; line-height: 46px;}
.input-group .iti--separate-dial-code .iti__arrow {border: 0; width: 12px; height: 8px; background: url(../img/select-arrow.png) no-repeat; margin-top: 3px; margin-left: 10px;}

.back-to-top {position: fixed; right: 30px; bottom: 37px; z-index: 99; background-color: rgb(1 137 255 / 65%); border-color: rgb(1 137 255 / 65%); color: #fff;}
.back-to-top:hover {background-color: #0189ff; border-color: #0189ff; color: #fff;}

.design-box {padding: 30px; background-color: #fff; border-radius: 25px; box-shadow: 0 4px 4px 0 rgb(129 142 183 / 20%);}
  

@media (min-width: 576px) {
    .masthead .masthead-device-mockup .circle {width: 70%; display: block;}
    .masthead .masthead-device-mockup .device-wrapper {max-width: 12.5rem;}
    .col-count-3{column-count: 2;}
    .owl-carousel .item .slider-content p.name {font-size: 16px;}
    .w-sm-50{width: 50% !important;}
    ul.stepper-nav li {text-align: center; padding: 0 20px;}
    ul.stepper-nav li a{display: block;}
    ul.stepper-nav li, ul.stepper-nav li a {font-size: 14px;}
    ul.stepper-nav li > span.bullet-icon{position: relative; margin: 0 auto 10px;}
    ul.stepper-nav li:after {height: 1px; width: 133%; display: block; position: absolute; top: 14px; background-color: #E0E5F2; z-index: -1; left: 33%;}
    .text-xxl{font-size: 42px !important;}
}

@media (min-width: 768px) {
    .masthead .masthead-device-mockup .circle {width: 60%;}
    .masthead .masthead-device-mockup .device-wrapper {max-width: 15rem;}
    .boxcont{padding: 50px;}
    .banner-title{font-size: 45px !important;}
    .box-title{font-size: 34px !important;}
    .box-subtitle{font-size: 18px !important;}
    .section-title{font-size: 32px !important;}
    .card-title{font-size: 24px !important;}
    .popup-title h2 {font-size: 30px;}
    .type-title {font-size: 21px;}
    .btn.btn-green{height: 44px; line-height: 26px; font-size: 18px; width: 170px;}
    .imgmodal {background: none; min-height: inherit; border-radius: 0;}
    .imgmodal img{border-radius: 24px 0 0 24px; display: block;}
    .w-md-50{width: 50% !important;}
    ul.stepper-nav li, ul.stepper-nav li a {font-size: 16px;}
    .social-links.circle-social li a {background-color: #E0E5F2; width: 50px; height: 50px; font-size: 18px;}
    .orgsize div > label{min-height: 115px;}
    .categories-list > label> span{min-height: 46px;}
}

@media (min-width: 992px) {
    .masthead .masthead-device-mockup .circle {width: 90%;}
    .masthead .masthead-device-mockup .device-wrapper {max-width: 15rem;}
    #mainNav.navbar-dark .navbar-nav .nav-item .nav-link {color: #fff;}    
    .launch-wrapper:before, .launch-wrapper:after{position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: -1;}
    .launch-wrapper:after{display: block; right: 0; left: auto;}
    .boxcont{min-height: 450px; width: 45%;}
    aside, section {padding-top: 3.5rem; padding-bottom: 3.5rem;}
    .form-border{border-left: 1px solid #E0E5F2;}
    .banner-title{font-size: 53px !important; height: 53px;}
    .banner-title > span.text-primary {position: absolute; right: 50%;}
    .banner-title > span.text-white {position: absolute; left: 50%;}
    .box-subtitle{font-size: 21px !important;}
    .section-title{font-size: 36px !important;}
    .box-text{font-size: 17px !important;}
    .card-title{font-size: 30px !important;}
    .box10-wrap{padding: 80px;}
    .sepline{border-right: 1px solid rgb(255 255 255 / 10%); border-bottom: 0;}
    .btn.btn-lg{height: 46px; padding: 8px 30px 8px 40px; line-height: 28px; font-weight: 600;}
    .owl-carousel .item .slider-content p.name {font-size: 21px;}
    .owl-carousel .item .slider-content p.name span{font-size: 18px;}
    .w-lg-50{width: 50% !important;}
    ul.stepper-nav li{text-align: left; padding: 0 0 0 30px;}
    ul.stepper-nav li, ul.stepper-nav li a {font-size: 18px;}
    ul.stepper-nav li > span.bullet-icon{position: absolute; margin: 0;}
    ul.stepper-nav li:after{content: ""; width: 1px; height: 100%; display: block; position: absolute; left: 8px; top: auto; background-color: #E0E5F2;}
    .text-xxl{font-size: 72px !important;}
}

@media (min-width: 1200px) {
    .masthead .masthead-device-mockup .circle {width: 75%;}
    .masthead .masthead-device-mockup .device-wrapper {max-width: 15rem;}
    .box-title{font-size: 44px !important;}
    .box-subtitle{font-size: 27px !important;}
    .box-text{font-size: 19px !important;}
    .pt-220px{padding-top: 290px;}
    /* .features-list{position: absolute; width: 100%;} */
    .col-count-3{column-count: 3;}
    .w-xl-75{width: 75%;}
    .w-xl-50{width: 50% !important;}
}

@media (min-width: 1400px) {
    .masthead .masthead-device-mockup .circle {width: 70%;}
    .masthead .masthead-device-mockup .device-wrapper {max-width: 17rem;}
    .boxcont{min-height: 438px;}
    /* .launch-wrapper{min-height: 705px;} */
    .pt-220px{padding-top: 190px;}
    ul.ticklist{max-width: 97%;}
    .w-90{width: 90%;}
    .w-60{width: 60%;}
    .w-55{width: 55%;}
    .w-xxl-50{width: 50% !important;}
    .ps-150px{padding-left: 150px !important;}
}

@media (max-width: 991px) {
    .navbar-collapse{background-color: #fff; padding: 0 1.5rem 2rem 1.5rem; margin: 0px -25px;}
    .navbar .navbar-collapse .btn.btn-lg {padding: 7px 15px !important; font-size: 15px;}
    .navbar .navbar-collapse .btn.btn-lg:after {font-size: 8px; position: relative; top: -1px;}
    .banner-title > span.text-primary{color: #fff !important;}
}

@media (max-width: 575px) {
    .col-xs-6{flex: 0 0 auto; width: 50%;}
}