.text-white {
    color: #fff
}

.onboarding-forms-wrap .form-1,
.onboarding-forms-wrap .form-2 {
    padding: 40px
}

.signup-tables-wrap .table-bordered>tbody>tr>td,
.signup-tables-wrap .table-bordered>tbody>tr>th,
.signup-tables-wrap .table-bordered>tfoot>tr>td,
.signup-tables-wrap .table-bordered>tfoot>tr>th,
.signup-tables-wrap .table-bordered>thead>tr>td,
.signup-tables-wrap .table-bordered>thead>tr>th {
    border: 1px solid #dfe5fd;
    font-size: 14px
}

.signup-tables-wrap .panel-default {
    border: 0
}

.signup-tables-wrap .panel-title {
    line-height: 30px
}

.signup-tables-wrap .panel-body {
    background: 0 0;
    padding: 15px 0 0
}

.signup-tables-wrap .table-striped>tbody>tr:nth-of-type(2n+2) {
    background: #fff
}

.signup-tables-wrap .panel-group .panel {
    box-shadow: none
}

.signup-tables-wrap .panel-default>.panel-heading {
    background-color: transparent;
    padding: 10px 0
}

.signup-tables-wrap .panel-default>.panel-heading a {
    display: block
}

.signup-tables-wrap .panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin-right: 10px;
    background: #8e95fd;
    background: -webkit-linear-gradient(left, #8e95fd, #73a6f7);
    background: -moz-linear-gradient(left, #8e95fd, #73a6f7);
    background: -ms-linear-gradient(left, #8e95fd, #73a6f7);
    background: -o-linear-gradient(left, #8e95fd, #73a6f7);
    background: linear-gradient(to left, #8e95fd, #73a6f7);
    padding: 5px 15px;
    border-radius: 20px;
    color: #fff;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear
}

.signup-tables-wrap .panel-default>.panel-heading a[aria-expanded=true] {
    background-color: transparent
}

.signup-tables-wrap .panel-default>.panel-heading a[aria-expanded=true]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.signup-tables-wrap .panel-default>.panel-heading a[aria-expanded=false]:after {
    content: "\002b"
}

.signup-tables-wrap .accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0
}

.signup-tables-wrap .accordion-option .title {
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding: 0;
    margin: 0
}

.signup-tables-wrap .accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f
}

.signup-tables-wrap .accordion-option .toggle-accordion:before {
    content: "Expand All"
}

.signup-tables-wrap .accordion-option .toggle-accordion.active:before {
    content: "Collapse All"
}

.details-wrap {
    padding: 40px 0 0
}

.small-line-2 {
    position: relative
}

.small-line-2::after {
    bottom: -15px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    width: 35px;
    display: inline-block;
    background: #8e95fd;
    background: -webkit-linear-gradient(left, #8e95fd, #73a6f7);
    background: -moz-linear-gradient(left, #8e95fd, #73a6f7);
    background: -ms-linear-gradient(left, #8e95fd, #73a6f7);
    background: -o-linear-gradient(left, #8e95fd, #73a6f7);
    background: linear-gradient(to left, #8e95fd, #73a6f7);
    transition: all .7s ease 0
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #f9faff;
    color: #48516c;
    border: 1px solid#E9F1FD;
    border-radius: 2px
}

.tabpanel .tabpanel__panels .table-responsive {
    overflow-x: initial !important
}

.table-striped>tbody>tr:nth-of-type(2n+2) {
    color: #48516c;
    border: 1px solid#E9F1FD;
    border-radius: 2px
}

.inv-exp-wrap {
    padding: 70px 0
}

.inv-exp-tool h3 {
    font-family: open sans, sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0;
    color: #48516c;
    text-transform: uppercase
}

.inv-exp-tool p {
    color: #98a2bc;
    font-size: 14px;
    line-height: 22px
}

.step-numbers {
    background: #8e95fd;
    background: -webkit-linear-gradient(left, #8e95fd, #73a6f7);
    background: -moz-linear-gradient(left, #8e95fd, #73a6f7);
    background: -ms-linear-gradient(left, #8e95fd, #73a6f7);
    background: -o-linear-gradient(left, #8e95fd, #73a6f7);
    background: linear-gradient(to right, #8e95fd, #73a6f7);
    text-align: center;
    width: 34px;
    height: 34px;
    color: #fff;
    line-height: 34px;
    border-radius: 50%;
    font-family: Roboto, sans-serif;
    margin: 0 auto;
    position: relative
}

.step-numbers:before {
    content: "";
    width: 37px;
    height: 1px;
    background: #8e95fd;
    position: absolute;
    top: 50%;
    left: -44px
}

.step-numbers:after {
    content: "";
    width: 37px;
    height: 1px;
    background: #8e95fd;
    position: absolute;
    top: 50%;
    left: 41px
}

.custome-btn {
    font-family: Roboto, sans-serif;
    border: none;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 10px
}

.font12 {
    font-size: 12px
}

.sm-radio-btns {
    display: block;
    font-size: 16px
}

.sm-radio-btns .btn,
.sm-radio-btns .btn.active {
    box-shadow: none !important
}

.sm-radio-btns label input[type=radio]~i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline
}

.sm-radio-btns label input[type=radio]~i.fa.fa-dot-circle-o {
    display: none
}

.sm-radio-btns label input[type=radio]:checked~i.fa.fa-circle-o {
    display: none
}

.sm-radio-btns label input[type=radio]:checked~i.fa.fa-dot-circle-o {
    color: #7aa3cc;
    display: inline
}

.sm-radio-btns label:hover input[type=radio]~i.fa {
    color: #7aa3cc
}

.sm-radio-btns label input[type=checkbox]~i.fa.fa-square-o {
    color: #c8c8c8;
    display: inline
}

.sm-radio-btns label input[type=checkbox]~i.fa.fa-check-square-o {
    display: none
}

.sm-radio-btns label input[type=checkbox]:checked~i.fa.fa-square-o {
    display: none
}

.sm-radio-btns label input[type=checkbox]:checked~i.fa.fa-check-square-o {
    color: #7aa3cc;
    display: inline
}

.sm-radio-btns label:hover input[type=checkbox]~i.fa {
    color: #7aa3cc
}

.sm-radio-btns div[data-toggle=buttons] label.active {
    color: #7aa3cc
}

.sm-radio-btns div[data-toggle=buttons] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0 solid #c8c8c8;
    border-radius: 3px;
    color: #c8c8c8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.sm-radio-btns div[data-toggle=buttons] label:hover {
    color: #7aa3cc
}

.sm-radio-btns div[data-toggle=buttons] label.active,
.sm-radio-btns div[data-toggle=buttons] label:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

#radios label {
    cursor: pointer;
    position: relative;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 15px
}

#radios input[type=radio] {
    opacity: 0;
    position: absolute;
    margin: 0
}

#radios input[type=radio]+div {
    color: #848484;
    border-radius: 50%;
    transition: all .4s;
    -webkit-transition: all .4s;
    display: block;
    text-align: center;
    padding: 18px 10px
}

#radios input[type=radio]+div span {
    display: block;
    line-height: 16px;
    font-size: 14px
}

#radios input[type=radio]:checked+div {
    color: #909bfc;
    border: 2px solid #909bfc;
    width: 78px;
    height: 78px;
    display: block;
    line-height: 25px;
    margin: 0
}

#radios input[type=radio]:focus+div {
    color: #8b97fc
}

.exp-years ul li {
    float: left;
    width: 35px;
    height: 35px;
    border: 1px solid #8b97fc;
    margin-right: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    color: #8b97fc;
    cursor: pointer
}

.exp-years ul li.active {
    color: #fff;
    background-color: #8b97fc;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 2px #00f;
    width: 35px;
    height: 35px
}

.exp-years ul li:hover {
    color: #fff;
    background-color: #8b97fc;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 2px #00f;
    width: 35px;
    height: 35px
}

.trading-btn {
    border: 1px solid #8b97fc;
    width: 100%;
    text-align: center;
    color: #8b97fc;
    background: 0 0;
    border-radius: 15px
}

.trading-btn.active {
    border: 1px solid #8b97fc;
    color: #fff;
    background: #8b97fc
}

.trading-btn:focus,
.trading-btn:hover {
    border: 1px solid #8b97fc;
    color: #fff;
    background: #8b97fc
}

.kyc-icon-wrap {
    width: 80px;
    text-align: center;
    color: #999;
    margin: 0 auto
}

.kyc-icon-wrap .kyc-icon {
    border: 1px solid #8b97fc;
    border-radius: 50%;
    text-align: center;
    padding: 23px 0;
    width: 80px;
    height: 80px
}

.kyc-icon-wrap .title {
    font-family: open sans, sans-serif;
    font-size: 14px;
    margin-top: 10px
}

.upload-span p {
    line-height: 43px;
    margin-bottom: 20px;
    font-size: 12px
}

.upload-icon {
    border: 1px solid #8e95fd;
    border-radius: 50%;
    padding: 0 15px
}

.upload-icon i {
    color: #8e95fd
}

.upload-icon:hover {
    background: #8e95fd;
    color: #fff
}

.upload-icon:hover i {
    color: #fff
}

.border-btm {
    border-bottom: 1px solid #ccc
}

input[type=checkbox],
input[type=radio] {
    margin: -3px 0 0;
    vertical-align: middle
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    list-style: none;
    cursor: pointer;
    float: left;
    background: #fff !important
}

.resp-tabs-container {
    padding: 0;
    background-color: #fff;
    clear: left
}

.resp-tabs-container .img-responsive {
    display: inline-block
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none
}

.resp-tab-content {
    display: none;
    padding: 15px
}

.blog-banner .bgimg {
    background-image: url("../images/Group 3629.svg");
    background-repeat: no-repeat;
    background-position: 50% 62%
}

.resp-tab-active {
    border: 1px solid #929dfc !important;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px !important;
    border-top: 4px solid #929dfc !important;
    border-bottom: 0 #fff solid !important;
    border-bottom: none;
    background-color: #fff
}

.resp-accordion-active,
.resp-content-active {
    display: block
}

.resp-tab-content {
    border: 1px solid #929dfc;
    border-top-color: #929dfc
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #929dfc;
    border-top: 0 solid #929dfc;
    margin: 0;
    padding: 10px 15px
}

h2.resp-tab-active {
    border-bottom: 0 solid #929dfc !important;
    margin-bottom: 0 !important;
    padding: 10px 15px !important
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #929dfc !important;
    background: #00f
}

h2.resp-tab-active {
    background: #dbdbdb
}

.resp-easy-accordion h2.resp-accordion {
    display: block
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #929dfc
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #929dfc
}

.resp-jfit {
    width: 100%;
    margin: 0
}

.resp-tab-content-active {
    display: block
}

h2.resp-accordion:first-child {
    border-top: 1px solid #929dfc
}

.mb-5 {
    margin-bottom: 5px
}

.text-gray {
    color: #48516c
}

.text-lightgray {
    color: #98a2bc
}

.p-tb50 {
    padding: 50px 0
}

.p-t50 {
    padding: 50px 0 0
}

#switch-wrap .switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 27px;
    vertical-align: middle
}

#switch-wrap .switch input {
    display: none
}

#switch-wrap .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #8b97fc
}

#switch-wrap .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: #8b97fc;
    -webkit-transition: .4s;
    transition: .4s
}

#switch-wrap input:checked+.slider {
    border: 1px solid #8b97fc
}

#switch-wrap input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

#switch-wrap input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

#switch-wrap .slider.round {
    border-radius: 34px
}

#switch-wrap .slider.round:before {
    border-radius: 50%
}

.form-dropdown .form-control {
    text-align: left !important;
    position: relative;
    color: #989898
}

.form-dropdown .caret {
    position: absolute;
    right: 10px;
    top: 16px
}

.form-dropdown .dropdown-menu {
    left: 15px;
    width: 89%
}

.demat-acc-wrap {
    padding: 40px 0;
    width: 100%;
    float: left
}

.demat-acc-wrap h2 {
    font-family: open sans, sans-serif;
    font-size: 26px
}

.inv-exp-wrap {
    padding: 70px 0;
    width: 100%;
    float: left
}

.inv-exp-wrap h2 {
    font-family: open sans, sans-serif;
    font-size: 26px
}

.happy-cust-wrap {
    padding: 40px 0;
    width: 100%;
    float: left
}

.happy-cust-wrap h2 {
    font-family: open sans, sans-serif;
    font-size: 26px
}

.faqs-content .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ececec
}

.faqs-content .panel-group .panel {
    margin-bottom: 15px
}

.faqs-content a:focus,
a:active,
a:hover {
    outline: 0;
    text-decoration: none
}

.faqs-content .panel {
    background: 0 0;
    box-shadow: none
}

.faqs-content .panel:last-child {
    border-bottom: none
}

.faqs-content .panel-group>.panel:first-child .panel-heading {
    border-radius: 15px
}

.faqs-content .panel-group .panel {
    border-radius: 0
}

.faqs-content .panel-group .panel+.panel {
    margin-top: 0
}

.faqs-content .panel-heading {
    background-color: #fff;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0
}

.faqs-content .panel-title a {
    display: block;
    color: #48516c;
    padding: 15px 50px 15px 15px;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px
}

.faqs-content .panel-body {
    background: #fff
}

.faqs-content .panel:last-child .panel-body {
    border-radius: 0 0 4px 4px
}

.faqs-content .panel:last-child .panel-heading {
    border-radius: 15px;
    -webkit-transition: border-radius .3s linear .2s;
    transition: border-radius .3s linear .2s
}

.faqs-content .panel:last-child .panel-heading.active {
    border-radius: 0;
    -webkit-transition: border-radius linear 0;
    transition: border-radius linear 0
}

.faqs-content .panel-heading a:before {
    content: "\e146";
    position: absolute;
    font-family: material icons;
    right: 5px;
    top: 10px;
    font-size: 24px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.faqs-content .panel-heading.active a:before {
    content: " ";
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.faqs-content #bs-collapse .panel-heading a:after {
    content: " ";
    font-size: 24px;
    position: absolute;
    font-family: material icons;
    right: 5px;
    top: 10px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.faqs-content #bs-collapse .panel-heading.active a:after {
    content: "\e909";
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    transition: all .5s
}

.faqs-content #accordion .panel-heading a:before {
    content: "\e316";
    font-size: 24px;
    position: absolute;
    font-family: material icons;
    right: 5px;
    top: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s;
    transition: all .5s
}

.faqs-content #accordion .panel-heading.active a:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.blog-details-wrap h2 {
    font-size: 28px
}

.blog-banner-inside img {
    border-radius: 15px
}

.date-details {
    color: #9ea2b0;
    font-family: open sans, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 25px
}

.share-details {
    color: #9ea2b0;
    font-family: open sans, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: right
}

.share-details i {
    padding: 0 10px;
    font-size: 20px
}

.category-wrap {
    padding: 20px;
    border-radius: 10px;
    font-family: open sans, sans-serif;
    color: #8f95a7;
    font-size: 12px
}

.category-wrap .text-blue {
    color: #9798ab;
    font-size: 13px;
    line-height: 20px
}

.question-panel {
    margin-bottom: 30px
}

.question-title {
    font-family: open sans, sans-serif;
    font-weight: 600;
    color: #48516c;
    margin-bottom: 20px
}

.question-title img {
    vertical-align: middle
}

.question-title span {
    font-size: 18px;
    margin-left: 10px
}

.ans-text p {
    color: #98a2bc;
    line-height: 20px;
    font-size: 12px
}

#blog-full-banner {
    background: url(../images/blog-details-full-banner.jpg);
    background-size: cover;
    min-height: 430px;
    padding: 70px 0;
    margin-bottom: 50px
}

#blog-full-banner h1 {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 20px
}

#blog-full-banner p {
    font-size: 14px;
    line-height: 20px
}

.section7 {
    padding: 70px 0
}

.pb-50 {
    padding-bottom: 50px
}

#services-wrap {
    padding: 0 0 70px
}

.text-left {
    text-align: left !important
}

.slider-wrap {
    padding: 0 40px
}

#equity-form-wrap {
    width: 100%;
    float: left;
    padding: 40px 0;
    overflow-x: hidden
}

.enq-form .input-group {
    width: 100%
}

.enq-form .input-group label {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: 1px;
    color: #b3b3b3;
    line-height: 100%
}

.enq-form .input-group .form-control {
    height: 30px;
    padding: 0 5px
}

.enq-form .input-group select {
    width: 100%;
    color: #333;
    border-width: 0 0 1px;
    border-color: #ccc;
    height: 30px;
    outline: 0;
    padding-left: 0;
    font-size: 12px
}

.otp-input {
    background-image: url(../../assets/images/otp.svg);
    background-position: left bottom;
    background-size: 85% auto;
    background-repeat: no-repeat;
    width: 290px;
    margin: 0 auto;
    position: relative
}

.otp-input:before {
    content: "";
    width: 10%;
    background: #f9faff;
    height: 100%;
    position: absolute;
    top: 0;
    right: 10%
}

.required {
    color: red
}

.otp-modal .modal-btn {
    margin: 25px auto 0;
    display: block;
    text-align: center
}

.confirmation-modal,
.otp-modal {
    margin-top: 10%
}

.confirmation-modal .btn {
    width: 45%
}

.confirmation-modal .btn+.btn {
    margin-left: 7%
}

.confirmation-modal .btn-outline {
    border: 1px solid #8e95fd;
    background: 0 0;
    border-radius: 20px;
    color: #8e95fd;
    height: 40px
}

.resend-btn {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    text-align: center
}

.otp-modal .modal-header {
    padding-top: 0
}

.otp-modal .modal-body {
    padding: 15px 10px 0
}

.otp-input input {
    width: 100%;
    outline: 0;
    letter-spacing: 28px;
    font-size: 20px;
    border: none;
    background: 0 0;
    padding-left: 18px;
    padding-bottom: 5px
}

.enq-form .input-group select option {
    color: #b3b3b3
}

.catch-line-wrapper {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 20px !important
}

.catch-line-wrapper .carousel-inner {
    padding: 0 100px;
    line-height: 26px;
    height: 110px
}

.catch-line-wrapper .carousel-indicators {
    bottom: -45px
}

.catch-line-wrapper .carousel-indicators li {
    background: #d6dafe;
    border: 1px solid #d6dafe;
    width: 10px;
    height: 10px;
    margin: 0 5px
}

.catch-line-wrapper .carousel-indicators .active {
    background: #8d95fd;
    border: 1px solid #8d95fd
}

.catch-line-wrapper .carousel-control.left,
.catch-line-wrapper .carousel-control.right {
    background-image: none
}

.catch-line-wrapper .carousel-inner p span {
    color: #75a6f8;
    text-transform: uppercase
}

.catch-line-wrapper .carousel-control {
    color: #48516c
}

.carousel-control.right {
    right: 20px
}

.carousel-control.left {
    left: 20px
}

#service-content {
    padding: 40px 0;
    color: #48516c
}

#service-content p {
    font-size: 14px;
    line-height: 20px
}

#service-content strong {
    font-weight: 700
}

#whyus-wrap {
    padding: 40px 0
}

.sub-info {
    color: #48516c;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: open sans, sans-serif;
    line-height: 22px
}

.sub-info span a {
    color: #98a2bc;
    text-decoration: underline;
    font-size: 13px
}

.reasons-list li {
    padding-left: 18px;
    margin-bottom: 20px;
    line-height: 21px;
    color: #98a2bc;
    font-size: 14px;
    position: relative;
    display: block;
    text-transform: capitalize
}

.reasons-list li:before {
    content: "\f111";
    position: absolute;
    left: 0;
    top: -2px;
    line-height: 24px;
    font-size: 9px;
    font-family: FontAwesome;
    color: #6c87fc
}

#keyfeatures-wrap {
    padding: 40px 0
}

.features-content {
    background: #f9faff;
    text-align: center;
    -webkit-box-shadow: -1px 0 38px 18px rgba(241, 242, 255, .76);
    -moz-box-shadow: -1px 0 38px 18px rgba(241, 242, 255, .76);
    box-shadow: -1px 0 38px 18px rgba(241, 242, 255, .76);
    border-radius: 25px;
    padding: 20px;
    min-height: 455px
}

.features-content ul {
    color: #98a2bc;
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px;
    font-family: open sans, sans-serif;
    text-align: left;
    list-style: disc
}

.features-content ul li {
    margin-bottom: 10px
}

.features-content img {
    margin: 10px auto;
    max-width: 100px
}

.features-content h3 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0;
    color: #48516c;
    line-height: 24px
}

.features-content p {
    color: #98a2bc;
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px;
    font-family: open sans, sans-serif;
    margin-bottom: 10px
}

#offer-wrap {
    padding: 40px 0
}

#offer-wrap h3 {
    color: #48516c;
    font-family: open sans, sans-serif;
    font-size: 16px;
    padding: 5px 0 10px
}

#offer-wrap h3 span {
    color: #98a2bc;
    text-align: center;
    display: block;
    padding: 10px 0 15px;
    font-size: 15px;
    line-height: 1.5
}

.offer-content {
    background: #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    -webkit-box-shadow: -1px 0 38px 6px rgba(241, 242, 255, .76);
    -moz-box-shadow: -1px 0 38px 6px rgba(241, 242, 255, .76);
    box-shadow: -1px 0 38px 6px rgba(241, 242, 255, .76)
}

.offer-content.nohover {
    background: #fff !important
}

.offer-content img {
    max-width: 60%
}

.offer-content:hover {
    background: #8e95fd;
    background: -webkit-linear-gradient(left, #8e95fd, #73a6f7);
    background: -moz-linear-gradient(left, #8e95fd, #73a6f7);
    background: -ms-linear-gradient(left, #8e95fd, #73a6f7);
    background: -o-linear-gradient(left, #8e95fd, #73a6f7);
    background: linear-gradient(to right, #8e95fd, #73a6f7)
}

.offer-content:focus .icon-nocharges,
.offer-content:hover .icon-nocharges {
    transform: scale(1.1)
}

.offer-content:focus .icon-free,
.offer-content:hover .icon-free {
    transform: scale(1.1)
}

.offer-content:focus .icon-brokerage,
.offer-content:hover .icon-brokerage {
    transform: scale(1.1)
}

.icon-nocharges {
    background: url(../images/no-charges-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .icon-nocharges {
    background: url(../images/no-charges-icon-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.icon-free {
    background: url(../images/free-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .icon-free {
    background: url(../images/free-icon-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.icon-brokerage {
    background: url(../images/half-brokerage-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .icon-brokerage {
    background: url(../images/icon-brokerage-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.re-services-content {
    background: #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    -webkit-box-shadow: -1px 0 8px 6px rgba(241, 242, 255, .76);
    -moz-box-shadow: -1px 0 8px 6px rgba(241, 242, 255, .76);
    box-shadow: -1px 0 8px 6px rgba(241, 242, 255, .76)
}

.re-services-content:hover {
    background: #8e95fd;
    background: -webkit-linear-gradient(left, #8e95fd, #73a6f7);
    background: -moz-linear-gradient(left, #8e95fd, #73a6f7);
    background: -ms-linear-gradient(left, #8e95fd, #73a6f7);
    background: -o-linear-gradient(left, #8e95fd, #73a6f7);
    background: linear-gradient(to right, #8e95fd, #73a6f7)
}

.re-services-content:focus .commodity-trading,
.re-services-content:hover .commodity-trading {
    transform: scale(1.1)
}

.re-services-content:focus .currency-trading,
.re-services-content:hover .currency-trading {
    transform: scale(1.1)
}

.re-services-content:focus .derivatives-trading,
.re-services-content:hover .derivatives-trading {
    transform: scale(1.1)
}

.commodity-trading {
    background: url(../images/commodity-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.re-services-content:hover .commodity-trading {
    background: url(../images/commodity-icon-hover.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.currency-trading {
    background: url(../images/currency-trading.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.re-services-content:hover .currency-trading {
    background: url(../images/currency-trading-hover.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.derivatives-trading {
    background: url(../images/derivatives-trading.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.re-services-content:hover .derivatives-trading {
    background: url(../images/derivatives-trading-hover.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.equity-trading {
    background: url(../images/icon1.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.re-services-content:hover .equity-trading {
    background: url(../images/icon1-wh.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.mt-2 {
    margin-top: 2rem
}

.mt-30 {
    margin-top: 30px
}

#research-wrap {
    padding: 40px 0
}

#related-services-wrap {
    padding: 40px 0
}

#discuss-wrap {
    padding: 40px 0
}

.social-btns {
    width: 100%;
    float: left;
    margin: 30px 0
}

.app-details-wrap #accordion {
    width: 50%
}

.app-details-wrap #accordion .panel-title {
    text-transform: uppercase;
    color: #666;
    font-size: 14px
}

.app-details-wrap #accordion .panel-heading a {
    display: block;
    padding: 12px 0;
    background: #fff;
    border-radius: 25px
}

ul.pitch-list {
    margin-top: 20px
}

ul.pitch-list li {
    color: #8d95fd;
    list-style: none
}

ul.pitch-list li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #8991aa;
    position: absolute;
    left: 0;
    font-size: 14px;
    font-weight: 400
}

ul.pitch-list li span {
    color: #98a2bc;
    font-size: 14px;
    line-height: 22px
}

.large-font {
    font-size: 50px;
    color: #48516c;
    font-family: open sans, sans-serif;
    font-weight: 700;
    margin: 10px 0;
    line-height: 40px
}

.pitch-titles {
    font-size: 20px;
    color: #48516c;
    margin: 20px 0;
    font-weight: 700
}

#app-wrap {
    padding: 40px 0
}

#app-wrap #accordion .panel-heading a:before {
    content: none !important
}

#app-wrap .panel-group .panel {
    box-shadow: none
}

#website-wrap {
    padding: 40px 0
}

#mf-details-wrap {
    padding: 40px 0
}

#pitch-details-wrap {
    padding: 40px 0
}

.site-info-wrap {
    padding-top: 100px
}

.app-details-wrap {
    padding: 35px 15px 0 50px
}

.app-details-wrap .panel-heading {
    min-height: auto
}

.offer-content:focus .finance-icon,
.offer-content:hover .finance-icon {
    transform: scale(1.1)
}

.offer-content:focus .bond-icon,
.offer-content:hover .bond-icon {
    transform: scale(1.1)
}

.offer-content:focus .corporate-icon,
.offer-content:hover .corporate-icon {
    transform: scale(1.1)
}

.finance-icon {
    background: url(../images/financial-planning.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .finance-icon {
    background: url(../images/FinancialPlanning-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.bond-icon {
    background: url(../images/Structured-Products.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .bond-icon {
    background: url(../images/Structured-Products-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.corporate-icon {
    background: url(../images/corporate-fixed-deposits.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .corporate-icon {
    background: url(../images/corporate-fixed-deposits-hover.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.text-or {
    color: #98a2bc;
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: super
}

#faq-wrap {
    padding: 40px 0
}

.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 0 solid #ececec;
    border-radius: 25px
}

.panel-group .panel {
    margin-bottom: 15px
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

.panel {
    background: 0 0;
    box-shadow: none
}

.panel:last-child {
    border-bottom: none
}

.panel-group>.panel:first-child .panel-heading {
    border-radius: 25px
}

#faq-wrap .panel-group .panel {
    border-radius: 0;
    box-shadow: none
}

.panel-group .panel+.panel {
    margin-top: 0
}

.panel-heading {
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
    border-radius: 25px
}

#faq-wrap .panel-title a {
    width: 100%;
    background: url(../images/acc-icon.png) no-repeat #fff;
    background-position: 2% 40%;
    border-radius: 25px;
    background-size: 35px;
    display: inline-block;
    color: #48516c;
    padding: 15px 55px;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    min-height: 85px
}

.panel-body {
    background: #fff
}

.panel:last-child .panel-body {
    border-radius: 0 0 4px 4px
}

.panel:last-child .panel-heading {
    border-radius: 15px;
    -webkit-transition: border-radius .3s linear .2s;
    transition: border-radius .3s linear .2s
}

.panel:last-child .panel-heading.active {
    border-radius: 0;
    -webkit-transition: border-radius linear 0;
    transition: border-radius linear 0
}

.panel-heading a:before {
    position: absolute;
    font-family: material icons;
    right: 5px;
    top: 10px;
    font-size: 24px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.panel-heading.active a:before {
    content: " ";
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

#bs-collapse .panel-heading a:after {
    content: " ";
    font-size: 24px;
    position: absolute;
    font-family: material icons;
    right: 5px;
    top: 10px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

#bs-collapse .panel-heading.active a:after {
    content: "\e909";
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    transition: all .5s
}

#accordion .panel-heading a:before {
    content: "\e316";
    font-size: 30px;
    position: absolute;
    font-family: material icons;
    right: 5px;
    top: 26px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s;
    transition: all .5s;
    line-height: 26px
}

#accordion .panel-heading.active a:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.offer-content:focus .life-insurance-icon,
.offer-content:hover .life-insurance-icon {
    transform: scale(1.1)
}

.offer-content:focus .health-icon,
.offer-content:hover .health-icon {
    transform: scale(1.1)
}

.offer-content:focus .term-plan-icon,
.offer-content:hover .term-plan-icon {
    transform: scale(1.1)
}

.offer-content:focus .car-icon,
.offer-content:hover .car-icon {
    transform: scale(1.1)
}

.offer-content:focus .two-wheeler-icon,
.offer-content:hover .two-wheeler-icon {
    transform: scale(1.1)
}

.offer-content:focus .travel-icon,
.offer-content:hover .travel-icon {
    transform: scale(1.1)
}

.life-insurance-icon {
    background: url(../images/LifeInsurance.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .life-insurance-icon {
    background: url(../images/LifeInsurance-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.health-icon {
    background: url(../images/HealthInsurance.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .health-icon {
    background: url(../images/HealthInsurance-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.term-plan-icon {
    background: url(../images/TeamPlan.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .term-plan-icon {
    background: url(../images/TeamPlan-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.car-icon {
    background: url(../images/carInsurance.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .car-icon {
    background: url(../images/carInsurance-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.two-wheeler-icon {
    background: url(../images/Two-WheelarInsurance.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .two-wheeler-icon {
    background: url(../images/Two-WheelarInsurance-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.travel-icon {
    background: url(../images/TravelInsurance.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    -webkit-transition: all .9s ease;
    transition: all .9s ease
}

.offer-content:hover .travel-icon {
    background: url(../images/TravelInsurance-white.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px
}

.mb-50 {
    margin-bottom: 50px
}

.mt-85 {
    margin-top: 85px
}

.desc-slider {
    width: 100%;
    position: relative
}

.desc-slider .carousel-indicators {
    width: 35%;
    margin-left: 0;
    right: 0 !important;
    left: 65%
}

.desc-slider .carousel-indicators li {
    background: #e3e5fe;
    width: 30px;
    border-radius: 0;
    border: 0
}

.desc-slider .carousel-indicators .active {
    background: #8e95fd;
    height: 10px;
    margin: 1px
}

.desc-slider .carousel-control.left,
.desc-slider .carousel-control.right {
    display: none
}

.desc-slider .carousel-inner img {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 100%
}

.desc-slider .carousel-inner .slider-title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px
}

.desc-slider .carousel-inner .slider-content {
    text-align: center
}

.form-features {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 22px
}

.form-features ul li {
    margin-bottom: 10px
}

.form-features ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    left: 0;
    font-size: 8px;
    font-weight: 400
}

.form-features ul li span {
    text-transform: capitalize;
    font-weight: 700
}

.form-features ul li i {
    margin-right: 10px
}

.card-radius {
    border-radius: 25px
}

.card-radius h2 {
    font-family: open sans, sans-serif;
    font-weight: 600;
    color: #48516c;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase
}

.word-break {
    word-break: break-word
}

.mesage-font ul li,
/*p {*/
/*    font-size: 14px !important;*/
/*    line-height: 25px !important*/
/*}*/

h5 .blue-text {
    font-size: 13px
}

.mesage-font p {
    padding: 0 !important;
    text-align: left !important
}

.tred-card {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.tred-card:last-child {
    margin-bottom: 0
}

.tred-card img {
    margin: 0 20px 0 0;
    float: left
}

.tred-card-content {
    float: left
}

.filter-button-group {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ccc
}

#research-filter .btn {
    padding: 10px 12px
}

.btn-group>.btn-group .btn {
    border: 0
}

.btn-group>.btn-group:first-child .btn {
    border-radius: 20px
}

.btn-group>.btn-group:last-child .btn {
    border-radius: 20px
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 20px
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

#research-filter.btn.btn-default {
    padding: 10px 0;
    font-size: 14px;
    background-color: #fff;
    border-color: #373739;
    border-radius: 0
}

.btn.btn-default.is-checked,
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
    background-color: #8e95fd;
    color: #fff;
    outline: 0;
    border-radius: 20px
}

.rl-card img {
    -webkit-box-shadow: -1px 0 8px 18px rgba(241, 242, 255, .76);
    -moz-box-shadow: -1px 0 8px 18px rgba(241, 242, 255, .76);
    box-shadow: -1px 0 8px 18px rgba(241, 242, 255, .76);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.rl-card .content {
    background: #fff;
    height: 105px
}

.thumbnail {
    border-radius: 0;
    border: 0;
    padding: 0
}

a.pp_arrow_next,
a.pp_arrow_previous,
a.pp_close,
a.pp_play {
    display: none
}

.right-filter {
    float: right
}

.right-filter .filter-button-group {
    border: 0
}

.right-filter .btn-default {
    border: 0
}

.right-filter .btn.btn-default.is-checked,
.right-filter .btn.btn-default:active,
.right-filter .btn.btn-default:focus,
.right-filter .btn.btn-default:hover {
    background: 0 0;
    color: #8e95fd;
    box-shadow: none
}

.container.fixed-footer {
    position: fixed;
    bottom: 0;
    z-index: 9000;
    width: 100%;
    margin: 0 auto;
    background: #6c87fc;
    color: #fff;
    font-weight: 700;
    padding: 5px
}

.banner .item {
    padding-bottom: 20px
}

.btn-golden {
    font-family: open sans, sans-serif;
    font-weight: 700;
    box-shadow: none;
    margin-top: 0;
    transition: .8s;
    padding: 8px 15px;
    border-radius: 20px;
    background-color: #000337;
    color: #fff;
    border: 1px solid #c69c6d
}

.diwali-banner .tnc {
    margin-top: 30px;
    opacity: .5;
    margin-bottom: 0;
    color: #fff;
    opacity: .5;
    display: block;
    font-size: 10px;
    text-decoration: underline
}

.btn-golden:hover {
    background-color: #c69c6d;
    color: #000337
}

.diwali-banner:before {
    content: "";
    width: 100%;
    height: 70px;
    background: url(../images/lantern.png);
    background-position: top;
    background-repeat: repeat-x;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0
}

.diwali-banner h2.seo-title {
    padding-top: 120px
}

.diwali-banner {
    background: url(../images/sparkle.png) -250px center no-repeat, url(../images/sparkle.png) right -200px center no-repeat, radial-gradient(closest-side at 48% 49%, #000C5E 0%, #000647 52%, #000337 100%) 0% 0% no-repeat padding-box
}

.diwali-banner .seo-title {
    color: #c67e25
}

.diwali-banner h3 {
    color: #d7a85f
}

.diwali-banner p {
    color: #fff;
    opacity: .8
}

.banner-section {
    padding: 100px 0;
    background-color: #4761f5
}

.calls-wrapper {
    position: relative
}

.animated-sound {
    position: absolute;
    top: -150px;
    left: 0
}

.team-banner {
    padding-bottom: 0;
    position: relative
}

.team-banner .container,
.insights-section .container {
    position: relative;
    z-index: 99
}

.team-banner img {
    margin: 0 auto
}

.team-banner .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.read-text p {
    font-size: 18px !important;
    color: #48516c;
    line-height: 1.5 !important
}

.read-text p+p {
    margin-top: 20px
}

.read-text strong {
    font-weight: 700
}

.team-banner i {
    font-style: italic
}

.team-banner .banner-title {
    font-size: 40px;
    line-height: 1.3;
    color: #fff
}

.toggleElement {
    display: none
}

.read-text-toggle {
    font-size: 18px;
    display: inline-block;
    color: #4761f5;
    text-decoration: none;
    outline: none;
    margin-top: 20px;
    cursor: pointer;
    position: relative
}

.read-text-toggle:before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #4761f5;
    opacity: .37;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .5s ease
}

.read-text-toggle:hover:before {
    height: 100%
}

.read-text-toggle:hover {
    color: #4761f5
}

.section-heading {
    font-size: 40px;
    line-height: 1.4;
    color: #48516c;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px
}

.white-text {
    color: #fff
}

.banner-text {
    font-size: 20px;
    line-height: 1.5;
    margin-top: 12px;
    margin-bottom: 20px
}

.call-slider,
.media-partners {
    padding: 0 70px
}

.media-partners {
    margin-top: 50px
}

.call-slider .owl-item,
.media-partners .owl-item {
    height: auto;
    padding: 0
}

.media-partners .item {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.above-img img {
    margin: 0 auto
}

.trade-calls {
    border: 2px solid #6e88f8;
    border-radius: 5px;
    text-align: center;
    background-color: #fff
}

.trade-calls .segment-name {
    background-color: #4935de;
    padding: 15px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

.trade-calls .recomendations {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 15px
}

.trade-calls .recomendations .data {
    width: 50%;
    color: #333
}

.data+.data {
    border-left: 1px dashed #4761f5
}

.data h5 {
    font-weight: 400;
    font-size: 18px !important;
    margin: 0 0 8px;
    color: #333 !important
}

.data .value {
    font-size: 27px;
    font-weight: 500
}

.call-slider .owl-item:hover,
.media-partners .owl-item:hover {
    background: 0 0;
    box-shadow: none
}

.flex-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.call-slider .owl-dots {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.call-slider .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    display: inline-block;
    opacity: .5;
    margin: 0 5px
}

.media-partners .owl-dots {
    margin-top: 20px;
    text-align: center
}

.media-partners .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #6e88f8;
    display: inline-block;
    opacity: .5;
    margin: 0 5px
}

.call-slider .owl-dots .owl-dot.active,
.media-partners .owl-dots .owl-dot.active {
    opacity: 1;
    transform: scale(1.2)
}

.target {
    background-color: rgba(60, 189, 250, .1);
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #4761f5
}

.call-slider .owl-carousel .owl-nav .owl-prev,
.call-slider .owl-carousel .owl-nav .owl-next {
    font-size: 45px;
    text-indent: 0 !important;
    text-align: center;
    line-height: 48px;
    background-image: none !important;
    background-color: rgb(255, 255, 255, .3) !important;
    border-radius: 100%;
    transform: translateY(50%)
}

.media-partners .owl-carousel .owl-nav .owl-prev,
.media-partners .owl-carousel .owl-nav .owl-next {
    font-size: 45px;
    text-indent: 0 !important;
    text-align: center;
    line-height: 48px;
    background-image: none !important;
    border-radius: 100%;
    transform: translateY(50%)
}

.duration {
    background-color: #357bde;
    color: #fff;
    font-size: 18px;
    padding: 15px
}

.sub-text {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 12px
}

.media-partners .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto
}

.calls-section {
    background-image: url(../images/calls-bg.png);
    background-position: center;
    background-size: cover;
    margin-top: 80px
}

.calls-section .line {
    animation: fade 2s ease infinite
}

.calls-section .line2 {
    animation: fadeSlow 2s ease infinite
}

@keyframes fade {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeSlow {
    0% {
        opacity: 0
    }

    35% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeSlow {
    0% {
        opacity: 0
    }

    35% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.call-action {
    background-color: #333;
    padding: 30px 0
}

.insights-section {
    position: relative;
    overflow: hidden
}

.insights-section:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #4761f5;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    z-index: -1;
    border-radius: 200px;
    opacity: .5
}

.insights-section:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(179deg, rgba(71, 97, 245, 1), rgba(0, 34, 229, 1));
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.social-icons {
    text-align: right;
    margin-top: 20px
}

.social-icons+.social-icons {
    margin-top: 50px
}

.mt-80 {
    margin-top: 80px
}

.social-icons a {
    font-size: 30px;
    color: #fff;
    margin: 10px 0 10px 50px;
    display: inline-block;
    vertical-align: middle;
    font-family: roboto;
    opacity: .7
}

.social-icons a i {
    font-size: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.actions-wrapper .btn-light {
    display: inline-block;
    outline: none;
    font-weight: 700;
    color: #425cfa;
    background-color: #fff;
    border-color: #fff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px 15px;
    font-size: 18px;
    line-height: 1.9;
    border-radius: 2px;
    text-transform: uppercase;
    box-shadow: 0 3px 15px #00000029
}

.actions-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.actions-wrapper h2 {
    font-size: 40px;
    line-height: 1.3;
    color: #fff;
    font-weight: lighter;
    margin: 0;
    max-width: 70%
}

strong {
    font-weight: 700
}

.gradient-banner {
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    padding: 100px 0 50px
}

.new-card {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .16);
    padding: 25px;
    border-radius: 5px;
    background-color: #fff;
    font-family: open sans, sans-serif
}

.new-card .form-control {
    border-radius: 2px;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.5;
    height: auto;
    border: 1px solid #ccc;
    box-shadow: none;
    color: #555
}

.new-card textarea {
    height: 100px !important;
    resize: none
}

.new-card a {
    color: #425cfa
}

.new-card .btn-primary,
.new-card .btn-primary:hover,
.new-card .btn-primary:focus {
    background: #425cfa;
    border-radius: 2px !important;
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: open sans, sans-serif !important;
    font-weight: 700;
    line-height: 1.5
}

.support-info {
    margin-top: 60px
}

.support-info h3 {
    font-size: 23px !important;
    font-weight: 400;
    line-height: 1.4
}

.support-info ul {
    padding-left: 0;
    margin-bottom: 0
}

.support-info ul li {
    margin-top: 20px
}

.support-info ul li a {
    font-size: 18px;
    color: #eef0fb
}

.support-info ul li a span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    color: #425cfa;
    border-radius: 100%;
    margin-right: 15px
}

.section-spacing {
    padding: 80px 0
}

.bold-section-title {
    font-size: 30px;
    margin-top: 0;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px
}

.about-details {
    color: #48516c;
    font-size: 16px;
    line-height: 1.4;
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 20px
}

.about-details i {
    font-size: 40px;
    color: #425cfa;
    margin-right: 30px
}

.section-sub-title {
    color: #48516c;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.new-link,
.new-link:hover,
.new-link:focus {
    font-size: 16px;
    color: #425cfa;
    display: inline-block
}

.new-link i {
    display: inline-block;
    vertical-align: middle;
    font-size: 120%;
    margin-left: 8px
}

.border-new {
    width: 1px;
    height: 165px;
    background-color: #4761f5;
    margin: 0 auto;
    position: relative
}

.border-new:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0;
    left: -2px;
    background-color: #4761f5;
    border-radius: 100%
}

.border-new:after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: -2px;
    background-color: #4761f5;
    border-radius: 100%
}

.branch-listing {
    display: flex;
    flex-wrap: wrap
}

.branch h3 span {
    display: block;
    font-weight: 400
}

.branch h3:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background-color: #4761f5;
    border-radius: 100%
}

.branch h3:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: -3px;
    right: 0;
    background-color: #4761f5;
    border-radius: 100%
}

.white-bg {
    background: #fff
}

.branch-details {
    color: #48516c;
    font-size: 16px;
    line-height: 1.4
}

.branch-details ul {
    list-style: none;
    padding-left: 0
}

.branch-details ul li {
    padding: 16px 0
}

.branch-details ul li+li {
    border-top: 1px solid #eef0fb;
    position: relative
}

.branch-details ul li+li:before {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: -2px;
    left: 0;
    background-color: #eef0fb;
    border-radius: 100%
}

.branch-details ul li+li:after {
    content: "";
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    top: -2px;
    right: 0;
    background-color: #eef0fb;
    border-radius: 100%
}

.branch-details ul li:last-child {
    padding-bottom: 0
}

.branch-details ul li i {
    font-size: 25px;
    margin-right: 8px;
    color: #4761f5 !important;
    padding-right: 0;
    width: 20px
}

.top-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px
}

.top-section h2 {
    margin-bottom: 0
}

.search-wrapper {
    border-radius: 2px;
    padding: 4px 16px;
    font-size: 16px;
    line-height: 1.5;
    height: auto;
    border: 2px solid #eef0fb;
    box-shadow: none;
    color: #949494;
    display: flex;
    align-items: center;
    font-family: open sans, sans-serif;
    background-color: #fff;
    max-width: 280px;
    width: 100%
}

.search-wrapper i {
    font-size: 25px
}

.search-wrapper a {
    color: #949494;
    display: none
}

.search-wrapper .form-control {
    border: none;
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    height: auto;
    background: 0 0;
    outline: none;
    box-shadow: none;
    padding-left: 0
}

.search-wrapper input:focus {
    outline: none;
    box-shadow: none
}

.br-line {
    clear: both;
    margin: 10px auto 20px
}

.ptb-80 {
    padding: 80px 0
}

.benefits .head-title {
    color: #000;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    margin-top: 0;
    text-align: left;
    margin-bottom: 60px;
    padding-left: 30px
}

.benefits .card {
    background: url(http://jiffy.s3.amazonaws.com/static/add-bg.png) 0 0/cover no-repeat;
    border-radius: 25px;
    padding: 40px;
    color: #fff
}

.benefits .trad-easy-w {
    margin-bottom: 30px
}

.benefits .trad-easy-w:first-child {
    margin-top: 30px
}

.benefits .trad-easy-w img {
    max-width: 75%
}

.benefits .trad-easy-w .title {
    color: #8d95fd !important;
    font-weight: 700;
    max-width: 600px;
    text-align: left !important;
    font-size: 16px
}

.benefits .trad-easy-w .content {
    font-weight: 400 !important;
    text-align: left !important;
    color: #8a979f;
    font-size: 14px
}

.benefits .advertise-title {
    font-size: 26px;
    padding-bottom: 30px
}

.benefits .app-feature-lists li {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.benefits .app-feature-lists li a {
    color: #000;
    font-weight: 600
}

.benefits .app-feature-lists li span {
    background: #fff
}

.why-jiffy img {
    min-height: 52px;
    max-height: 52px
}

.open-acnt .card {
    background: url(../images/staticadd-bg.png) 0/cover no-repeat;
    border-radius: 25px;
    padding: 40px;
    color: #fff
}

.open-acnt .advertise-title {
    font-size: 26px;
    padding-bottom: 30px
}

.app-feature-lists {
    padding-left: 0;
    list-style: none
}

.app-feature-lists li {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0;
    padding-left: 25px
}

.open-acnt .app-feature-lists li span {
    display: inline-block;
    height: 10px;
    font-size: 16px;
    width: 10px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 10px;
    margin-right: 15px;
    margin-left: -25px;
    background: #fff
}

.app-feature-lists li a {
    color: #000;
    font-weight: 600
}

.open-acnt-ben .card {
    background: url(../images/openact.png) 0/cover no-repeat;
    border-radius: 25px;
    padding: 40px;
    color: #fff
}

.open-acnt-ben .advertise-title {
    font-size: 40px;
    padding-bottom: 30px;
    font-weight: 400
}

.open-acnt-ben .listwrap {
    display: flex
}

.open-acnt-ben .listwrap .pl-3 {
    padding-left: 3rem
}

.open-acnt-ben .listwrap .app-feature-lists li {
    padding-left: 0
}

.open-acnt-ben .listwrap .app-feature-lists li img {
    padding-right: 10px
}

.open-acnt-ben .dematbtn {
    padding-top: 1.3rem
}

.sendbtn {
    background-color: #0141e1;
    color: #fff;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .2rem;
    padding: .8rem 4.5rem;
    box-shadow: 1px 9px 10px 0 #a0b8f0
}

.sendbtn:hover {
    color: #fff
}

.freedematbtn {
    color: #425cfa;
    font-size: 18px;
    background-color: #fff;
    padding: 6px 20px
}

.demataccbtn {
    color: #425cfa;
    font-size: 18px;
    background-color: #fff;
    padding: 20px;
    -webkit-transition: ease-out .4s;
    -moz-transition: ease-out .4s;
    transition: ease-out .6s
}

.demataccbtn:hover {
    box-shadow: inset 0 100px 0 0 #425cfa;
    color: #fff
}

.ptb-40 {
    padding: 40px 0
}

.tab-w {
    background: #ebebeb;
    position: relative;
    margin: 100px 0
}

.tab-w:before {
    content: "";
    background: #ebebeb;
    display: block;
    height: 106px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    top: 0;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    -webkit-transform-origin: 1%;
    transform-origin: 1%
}

.tab-w:after {
    content: "";
    background: #ebebeb;
    display: block;
    height: 116px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    bottom: -99px;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    -webkit-transform-origin: 1%;
    transform-origin: 1%
}

.tab-w #tab-view .nav-pills {
    display: flex;
    justify-content: center;
    border: none;
    background: 0 0
}

.nav-pills>li {
    float: left;
    margin-right: 30px
}

.tab-w #tab-view .nav-pills li a {
    border: 1px solid #8a979f;
    padding: 10px 40px;
    border-radius: 25px;
    color: #8a979f;
    background: 0 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600
}

.tab-w #tab-view .nav-pills li.active a {
    color: #8d95fd;
    border: 1px solid #8d95fd;
    background: 0 0
}

.why-jiffy .content {
    font-size: 18px;
    margin-top: 30px;
    color: #8a979f
}

.trader-review {
    background: #ebebeb
}

.pt-0 {
    padding-top: 0
}

.demat-banner {
    padding: 150px 0 90px !important;
    color: #fff;
    position: relative;
    overflow: hidden
}

.demat-banner .form-title {
    font-weight: 700
}

.demat-banner .container ul li {
    list-style-type: none;
    font-size: 28px;
    margin-bottom: 26px
}

.demat-banner .container ul li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    background: #fff
}

.demat-banner .container .banner-head span {
    color: #fff
}

.app-page-banner .banner-text {
    padding-top: 60px
}

.app-page-banner p {
    padding-right: 150px
}

.app-page-banner .banner-text h3 {
    margin: 60px 0 20px
}

.app-page-banner .banner-text h1 {
    font-size: 36px
}

.demat-banner .container .banner-head {
    font-size: 48px;
    color: #333;
    font-weight: 700;
    margin-bottom: 50px
}

.demat-banner .container ul {
    padding: 0
}

.head-title {
    color: #8a97a0;
    font-family: open sans, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    margin-top: 0;
    text-align: center
}

.trader-review .card {
    padding: 50px 80px 30px;
    z-index: 999;
    margin-bottom: 0
}

.trader-review .carousel-control {
    z-index: 99;
    background: 0 0;
    text-shadow: none;
    width: auto;
    color: #8a979f
}

.download-jiffy {
    z-index: 9;
    position: relative;
    overflow: hidden
}

.download-jiffy .container .right-part {
    margin-top: 100px
}

.app-links {
    display: flex;
    align-items: center;
    margin: 20px 0
}

.demat-banner .note {
    color: #8b8b8b;
    text-align: center;
    font-size: 80%;
    line-height: 1.2;
    margin: 0
}

.demat-offer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 70px
}

.demat-offer .offers .offer-title {
    font-size: 18px;
    font-weight: 600;
    color: #333
}

.demat-offer .offers img {
    margin-right: 30px;
    max-width: 50px
}

.demat-offer .offers {
    width: 30%;
    padding: 30px;
    box-shadow: 0 3px 7px #6c87fc;
    display: flex;
    align-items: center;
    border-radius: 10px;
    min-height: 135px
}

.demat-card-section h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 3.75rem;
    text-transform: uppercase;
    line-height: 1.3
}

.common-spacing {
    padding: 30px 0 90px
}

.platformsection .btn-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.platformsection .btn-wrapper .btn-outline {
    min-width: 160px;
    margin: 8px 30px;
    font-size: 20px;
    background: 0 0;
    border: 1px solid #8a979f;
    color: #8a979f;
    padding: 7px 10px
}

.platformsection {
    background: #ebebeb;
    padding: 100px 0 !important
}

.platformsection .sectiontitle {
    margin-bottom: 3.75rem
}

.platformsection .btn-wrapper .btn-outline:hover {
    color: #fff;
    border: 0;
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%)
}

.calculateSection {
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%)
}

.platformsection .btn-wrapper .btn-outline i {
    margin-right: 1rem
}

.calculateSection h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #fff;
    margin-top: 0;
    line-height: 36px
}

.processSection .process-list {
    display: flex;
    align-items: flex-start;
    margin-bottom: 3.75rem
}

.processSection .process-list .process {
    width: calc(100% - 40px)
}

.processSection {
    padding: 100px 0 !important
}

.d-flex {
    display: flex;
    flex-wrap: wrap
}

.justify-content-center {
    justify-content: center
}

.processSection h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 6.75rem
}

.btn-gradient1,
.btn-gradient1:focus {
    color: #fff;
    clear: both;
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%);
    font-size: 20px;
    max-width: 290px;
    width: 100%;
    border: 0;
    padding: 8px 10px
}

.btn-gradient1 a {
    color: #fff
}

.processSection .process-list .process-icon:before {
    content: "";
    width: 1px;
    height: 120px;
    background: #707070;
    position: absolute;
    left: 20px;
    top: 39px
}

.processSection .process-list:last-child .process-icon:before {
    display: none
}

.processSection .process-list .process p {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.faqSection {
    padding: 100px 0
}

.faq-wrapper .tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #fff;
    overflow: hidden
}

.faq-wrapper .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.faq-wrapper .tab label {
    position: relative;
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: none;
    padding: 20px 30px;
    font-size: 16px;
    color: #8d95fd;
    font-weight: 500;
    margin-bottom: 0
}

.faq-wrapper .tab label h3 {
    font-size: inherit;
    margin: 0;
    font-weight: 400;
    line-height: 100%
}

.faq-wrapper .tab-content {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    color: #8a979f;
    font-size: 16px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s
}

.faq-wrapper .tab-content p {
    margin: 1em
}

.faq-wrapper .tab input:checked~.tab-content {
    max-height: 100vh;
    padding: 0 30px 20px
}

.faq-wrapper .tab+.tab {
    margin-top: 2.5rem
}

.faq-wrapper .tab input[type=radio]+label::after {
    content: "\f107";
    font-family: FontAwesome !important;
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 50%;
    color: #8a979f;
    line-height: 100%;
    transform: translateY(-50%)
}

.contact-wrapper .btn-wrap .btn-white {
    padding: 10px 30px;
    font-size: 20px;
    color: #8d95fd;
    background: #fff;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2)
}

.contact-wrapper h2 {
    color: #fff;
    margin-bottom: 50px;
    margin-top: 0;
    font-size: 34px;
    font-weight: 600
}

.contact-wrapper {
    padding: 70px;
    margin-top: 100px;
    text-align: center;
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%);
    border-radius: 15px;
    overflow: hidden
}

.faq-wrapper .tab input[type=radio]:checked+label::after {
    transform: translateY(-50%) rotateX(180deg)
}

.faqSection h2 {
    margin-top: 0;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 3.75rem
}

.processSection .process-list .process .process-title {
    color: #8d95fd;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 1.1875rem
}

.processSection .process-list .process-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #8d95fd;
    text-align: center;
    margin-right: 20px;
    position: relative
}

.calculateSection .brokerage-btn button {
    min-width: 240px;
    font-size: 20px;
    border: 1px solid #fff;
    color: #fff;
    background: 0 0;
    margin: 1rem
}

.calculateSection .brokerage-btn button a {
    color: #fff
}

.calculateSection .brokerage-btn button:hover {
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%)
}

.calculateSection .brokerage-btn {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.download-jiffy .container .right-part .app-links a {
    display: block;
    margin-right: 25px;
    max-width: 200px;
    background: 0 0;
    border: none;
    width: auto
}

.m-auto {
    margin: 15px auto;
    display: block
}

.download-jiffy:after {
    -webkit-transform: skewY(-9.5deg);
    transform: skewY(-9.5deg);
    content: "";
    -webkit-transform-origin: top left;
    transform-origin: top left;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%);
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    z-index: -1
}

.trader-review .card:before {
    content: "";
    border-top: 2px solid #8d95fd;
    position: absolute;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0
}

.trader-review .card:after {
    content: "";
    border-top: 2px solid #8d95fd;
    position: absolute;
    width: 25%;
    text-align: center;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0
}

.mt30 {
    margin-top: 30px
}

.semi-bold {
    font-weight: 600
}

.equal-height {
    display: flex;
    align-items: center
}

h2.title-head1 {
    color: #8d95fd;
    font-size: 100px;
    line-height: 110px
}

.trader-review p {
    font-size: 14px;
    color: #8a979f;
    text-align: center;
    line-height: 24px
}

.brokerage-tab {
    padding: 40px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    margin-bottom: 30px
}

.tabpanel table td,
.tabpanel table th {
    border: none !important
}

.tabpanel section {
    display: none;
    float: none;
    padding: 20px 0 0;
    border-top: 1px solid #abc
}

.tabpanel input {
    display: none
}

.tabpanel label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 30px;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    border: 1px solid transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.tabpanel label:hover {
    color: #fff;
    cursor: pointer
}

.tabpanel input:checked+label {
    color: #4660f5 !important;
    position: relative
}

.tabpanel input:checked+label::before {
    content: '';
    height: 25px;
    width: 4px;
    top: 13px;
    left: -1px;
    background: #4660f5;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    position: absolute
}

.tabpanel table {
    table-layout: auto;
    font-size: 16px
}

.tabpanel table thead {
    text-transform: uppercase;
    font-weight: 700
}

.tabpanel table thead th {
    padding: 1rem
}

.tabpanel table tbody td {
    padding: 1rem !important
}

.tabpanel table tbody {
    padding-top: 1rem
}

#commodity:checked~#content3,
#currency:checked~#content2,
#equity:checked~#content1 {
    display: block
}

#dashborad_records {
    padding-top: 40px
}

.mt-0 {
    margin-top: 0
}

.app-banner {
    padding-bottom: 70px
}

.brokerage-card {
    padding: 45px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    line-height: 1.5;
    margin-top: -20px;
    position: relative;
    z-index: -2
}

.additional-charge-wrap {
    margin-bottom: 5.875rem;
    margin-top: 5.875rem;
    position: relative
}

.additional-charge-wrap::before {
    content: url(../images/glossarycharges.svg);
    display: block;
    position: absolute;
    top: -27px;
    left: 0
}

.collapse-title {
    padding: 15px 15px 15px 121px;
    font-size: 22px;
    color: #4660f5;
    font-weight: 500;
    border: none;
    outline: 0;
    width: 100%;
    line-height: 1.3;
    background: #e1e7fe;
    display: flex;
    border-radius: 101px;
    justify-content: space-between
}

.collapse-title i {
    font-size: 130%
}

.brokerage-card h4 {
    margin-top: 15px;
    line-height: 1.3
}

.brokerage-card h4.mt-0 {
    margin-top: 0
}

.mx-auto {
    margin: 0 auto
}

.patch {
    height: 80px;
    background-color: #6c87fc
}

.sec-padding {
    padding: 6.25rem 0
}

.ipobanner {
    padding: 5.25rem 0
}

.ipobanner .bannertitle {
    font-size: 40px;
    color: #48516c;
    font-weight: 600
}

.ipobanner .bannertxt {
    font-size: 18px !important;
    color: #48516c;
    font-weight: 400;
    padding: 20px 0 40px
}

.ipobanner .bannerimg {
    margin-top: -35px
}

.ipobanner .subscribeipo .primary-btn {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    background-color: #425cfa;
    border-color: #425cfa;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 1.9rem;
    font-size: 1.125rem;
    line-height: 1.9;
    border-radius: 2px;
    outline: none
}

.ipobanner .signuplink {
    font-weight: 400;
    font-size: 14px;
    color: #48516c;
    padding-top: 10px
}

.ipobanner .signuplink span a {
    font-weight: 700;
    font-size: 14px;
    color: #48516c !important
}

.ipobanner .resorder {
    order: 2
}

.ipobanner .order1 {
    order: 1
}

.ipolist .headtxt span {
    color: #4a64f5;
    font-size: 20px
}

.common-heading {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 3.5rem
}

.headingtxt {
    font-size: 20px !important;
    color: #48516c;
    font-family: roboto;
    font-weight: 400;
    padding-bottom: 3rem
}

.ipocount {
    padding: 3.25rem 0
}

.primary-bg {
    background-color: #425cfa
}

.ipocount .count {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ipocount .count h3 {
    font-size: 29px;
    font-weight: lighter;
    color: #fff
}

.ipocount .countbtn {
    color: #425cfa;
    font-size: 18px;
    background-color: #fff;
    padding: 6px 20px;
    font-weight: 700;
    border-radius: 2px
}

.ipocount .modal-content {
    border-radius: 4px
}

.ipocount .modal-header {
    border-bottom: none;
    padding: 10px 3rem !important
}

.ipocount .close {
    margin-top: 0 !important;
    padding: .7rem
}

.ipocount .close:hover {
    background-color: #ccc;
    padding: .7rem
}

.ipocount .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 3rem
}

.ipocount .modal-body input {
    text-align: center;
    padding: 1rem !important;
    background: #f8f8f8;
    border: 1px solid #f3f0f0
}

.ipocount .modal-body input::placeholder {
    font-size: 1rem
}

.ipocount .modal-body .modal-title {
    font-size: 30px !important;
    color: #000;
    font-weight: 600;
    padding-bottom: .5rem;
    padding-top: 1rem
}

.ipocount .modal-body .modal-subtitle {
    font-size: 19px !important;
    color: #000;
    padding-bottom: 1.3rem
}

.ipocount .modal-footer {
    padding: 1rem 15px 2rem;
    border-top: none;
    display: flex;
    justify-content: center
}

.applyipo {
    padding: 6.125rem 0;
    background-color: #f9faff
}

.applyipo .video {
    position: relative
}

.applyipo .video .videoframe {
    z-index: 1
}

.applyipo .video:after {
    position: absolute;
    display: block;
    content: url(../images/video_bg.png);
    bottom: -98px;
    left: 0
}

.applyipo .video:before {
    position: absolute;
    display: block;
    content: url(../images/videobg.png);
    top: -100px;
    left: 20%
}

.applyipo h2 span {
    font-size: 30px;
    color: #4761f5;
    font-weight: 600
}

.applyipo .listwrap .lists {
    list-style: none;
    padding-left: 0
}

.applyipo .listwrap .lists li:hover {
    transform: scaleX(1);
    margin-left: .5rem
}

.applyipo .listwrap .lists li:hover:before {
    transform: scaleX(1.4)
}

.applyipo .listwrap .lists li {
    font-size: 18px;
    padding: 0 .5rem .5rem;
    padding-left: 2.2rem;
    transition: all .5s ease;
    line-height: 30px;
    position: relative
}

.applyipo .listwrap .lists li:before {
    content: url(../images/right-arrow.png);
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.applyipo .listwrap .lists li span {
    color: #48506c
}

.readmore {
    color: #4761f5;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 500
}

.requirementipo .imgwrapper {
    justify-content: space-around
}

.requirementipo .imgwrapper p {
    color: #48516c;
    font-size: 20px !important;
    text-align: center;
    padding-top: 10px
}

.signupsect {
    padding: 3.25rem 0
}

.primary-bg {
    background-color: #425cfa
}

.signupsect .count {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.signupsect .count h3 {
    font-size: 29px;
    font-weight: lighter;
    color: #fff;
    padding-right: 13rem;
    line-height: 40px
}

.signupsect .countbtn {
    color: #425cfa;
    font-size: 18px;
    background-color: #fff;
    padding: 6px 42px;
    font-weight: 700;
    border-radius: 2px
}

.faqSection {
    padding: 100px 0
}

.faq-wrap .tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #fff;
    overflow: hidden
}

.faq-wrap .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.faq-wrap .tab label {
    position: relative;
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: none;
    padding: 20px 30px;
    font-size: 16px;
    color: #8d95fd;
    font-weight: 500;
    margin-bottom: 0
}

.faq-wrap .tab label h3 {
    font-size: inherit;
    margin: 0;
    font-weight: 400;
    line-height: 100%
}

.faq-wrap .tab-content {
    max-height: 0;
    overflow: hidden;
    background: #fff;
    color: #48516c;
    font-size: 16px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s
}

.faq-wrap .tab-content p {
    margin: 1em
}

.faq-wrap .tab input:checked~.tab-content {
    max-height: 100vh;
    padding: 0 30px 20px
}

.faq-wrap .tab+.tab {
    margin-top: 2.5rem
}

.faq-wrap .tab label h3 {
    color: #48506c;
    font-weight: 600
}

.faq-wrap .tab label {
    border: none !important;
    padding-right: 30px !important
}

.faq-wrap .tab {
    box-shadow: 0 3px 6px #00000029 !important;
    border: 1px solid rgba(112, 112, 112, .25);
    border-radius: 5px
}

.faq-wrap .tab input[type=radio]+label::after {
    content: "\f107";
    font-family: FontAwesome !important;
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 50%;
    color: #6e88f8;
    line-height: 100%;
    transform: translateY(-50%)
}

.ipolist {
    padding-bottom: 92px
}

.ipolist .table-responsive tbody tr {
    display: flex;
    width: 100%
}

.ipolist .table-responsive thead tr {
    display: flex;
    width: 100%
}

.ipolist .table-responsive .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #f9faff;
    color: #48516c;
    border: 1px solid#E9F1FD;
    border-radius: 2px
}

.ipolist .table-responsive tbody {
    height: 300px;
    display: block;
    width: 100%;
    overflow: auto
}

.ipolist .table-responsive .table-striped>tbody>tr:nth-of-type(2n+2) {
    color: #48516c;
    border: 1px solid#E9F1FD;
    border-radius: 2px;
    background-color: #f1f3fe
}

.ipolist .table-responsive {
    overflow-x: initial !important
}

.ipolist .table-responsive table {
    table-layout: auto;
    font-size: 16px
}

.ipolist .table-responsive table thead {
    text-transform: uppercase;
    font-weight: 600;
    background: #48516c;
    color: #fff;
    font-size: 14px;
    width: 100%;
    display: block;
    border-radius: 3px
}

.ipolist .table-responsive table thead th {
    padding: 1rem .5rem;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    width: 100%
}

.ipolist .table-responsive table td {
    border: none !important;
    padding: 1rem .5rem;
    font-size: 14px;
    color: #48516c;
    width: 16.6%
}

.ipolist .table-responsive table .charges-heads {
    font-weight: 600
}

.ipolist .table-responsive table .annouce {
    width: 33.2%
}

.ipolist .table-responsive table td a {
    color: #48516c
}

.ipolist .table-responsive table .bluecolor {
    color: #4f69f6;
    font-weight: 600
}

.ipolist .table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
    white-space: normal
}

.requirementipo {
    background-color: #fff;
    padding: 6.25rem 0
}

.ipolist #scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #b6bbcb
}

.ipolist #scroll::-webkit-scrollbar-thumb {
    background: #b6bbcb !important
}

@media(max-width:1200px) {}

@media(max-width:990px) {
    .brokerage-tab table {
        font-size: 12px
    }

    .demat-banner {
        padding: 150px 0 90px !important
    }

    .app-page-banner .banner-text h3 {
        margin: 30px 0 10px
    }

    .app-page-banner .banner-text {
        padding-top: 0
    }

    .app-page-banner p {
        padding-right: 60px
    }

    .processSection h2 {
        margin-bottom: 40px
    }

    .faqSection,
    .platformsection,
    .processSection {
        padding: 50px 0 !important
    }

    .faq-wrapper .tab+.tab {
        margin-top: 25px
    }

    .demat-card-section h2 {
        font-size: 26px
    }

    .demat-banner {
        padding: 60px 0 !important;
        min-height: auto;
        height: auto
    }

    .contact-wrapper {
        margin-top: 50px
    }

    .demat-banner .container .banner-head {
        font-size: 35px
    }

    .benefits .advertise-title {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 0
    }

    .demat-banner .container ul li {
        font-size: 18px
    }

    .benefits .app-feature-lists li {
        font-size: 14px;
        margin: 12px 0
    }

    .why-jiffy img {
        min-height: 35px;
        max-height: 35px
    }

    .why-jiffy .content {
        font-size: 14px;
        margin-top: 15px
    }

    .benefits .head-title {
        font-size: 18px;
        margin-bottom: 15px
    }

    .benefits .card {
        padding: 15px
    }

    .benefits .trad-easy-w .title {
        font-size: 14px
    }

    .tab-w:after {
        height: 50px;
        bottom: -49px
    }

    .tab-w {
        margin: 50px 0
    }
}

@media(max-width:767px) {
    .gradient-banner {
        padding: 70px 0 30px
    }

    .diwali-banner:before {
        top: 60px
    }

    .diwali-banner h2.seo-title {
        padding-top: 80px
    }

    .diwali-banner {
        padding-top: 30px;
        background: url(../images/sparkle.png) -280px center no-repeat, url(../images/sparkle.png) right -280px center no-repeat, radial-gradient(closest-side at 48% 49%, #000C5E 0%, #000647 52%, #000337 100%) 0% 0% no-repeat padding-box
    }

    .diwali-banner:after {
        bottom: 25px
    }

    .banner .carousel-indicators {
        width: 80%;
        left: 50%;
        margin-left: 0;
        transform: translateX(-50%)
    }

    .social-icons+.social-icons {
        margin-top: 30px
    }

    .border-new {
        width: 100%;
        height: 1px;
        margin: 10px 0
    }

    .border-new:before {
        left: 0;
        top: -2px
    }

    .border-new:after {
        right: 0;
        top: -2px;
        left: auto
    }

    .new-card {
        margin-top: 30px
    }

    .section-sub-title {
        font-size: 16px
    }

    .top-section {
        display: block
    }

    .search-wrapper {
        margin-top: 10px
    }

    .gradient-banner p {
        padding-top: 0 !important
    }

    .bold-section-title {
        font-size: 20px;
        margin-bottom: 10px
    }

    .support-info {
        margin-top: 20px
    }

    .section-spacing {
        padding: 30px 0
    }

    .calls-section {
        padding-top: 50px
    }

    .calls-wrapper {
        padding-top: 50px
    }

    .support-info h3 {
        font-size: 20px !important;
        line-height: 1.5 !important
    }

    .support-info ul li {
        margin-top: 10px
    }

    .support-info ul li a {
        font-size: 14px
    }

    .support-info ul li a span {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-right: 5px
    }

    .app-page-banner p {
        padding-right: 0;
        font-size: 12px
    }

    .banner.padding-bottom-0 {
        padding-bottom: 15px
    }

    .brokerage-tab label {
        padding: 10px 15px;
        font-size: 15px
    }

    .demat-banner .container .banner-head,
    .faqSection h2,
    .platformsection h2,
    .processSection h2 {
        font-size: 25px;
        margin-bottom: 30px;
        line-height: 1.3
    }

    .demat-offer {
        flex-direction: column;
        margin-bottom: 0
    }

    .demat-offer .offers {
        margin-bottom: 30px;
        width: 100%;
        min-height: auto
    }

    .contact-wrapper {
        padding: 30px
    }

    .demat-card-section h2 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .demat-banner .container ul li {
        font-size: 14px;
        margin-bottom: 20px
    }

    .benefits .trade-fast-left {
        order: 2
    }

    .benefits .trade-fast-right {
        order: 1
    }

    .img-w img {
        margin: 0 auto
    }

    .ptb-80 {
        padding: 40px 0
    }

    .download-jiffy .container .right-part {
        margin-top: 0
    }

    .app-banner {
        height: auto;
        padding-bottom: 30px
    }

    .open-acnt .card {
        padding: 20px
    }

    .trader-review .card {
        padding: 20px 40px 15px
    }

    .card {
        margin-bottom: 1.5rem
    }

    .form-title {
        font-size: 14px !important
    }

    .mr-2 {
        margin-right: 0 !important
    }

    .mb-1 {
        margin-bottom: 1rem
    }

    .faq-wrapper .tab input[type=radio]+label::after {
        right: 2px
    }

    .open-acnt-ben .listwrap {
        display: block
    }

    .open-acnt-ben .advertise-title {
        font-size: 26px
    }

    .open-acnt-ben .listwrap .pl-3 {
        padding-left: 0
    }

    .open-acnt-ben .card {
        padding: 30px 20px
    }

    .get-started-section .dmatccount {
        flex-direction: column
    }

    .freedematbtn {
        margin-top: 1rem;
        font-size: 1.125rem !important
    }

    h1.seo-about {
        font-size: 28px !important
    }

    .additional-charge-wrap::before {
        content: url(../images/glossarychrgeresp.png);
        display: block;
        position: absolute;
        top: -20px;
        left: -13px
    }

    .collapse-title {
        padding: 15px 15px 15px 80px;
        font-size: 1rem
    }

    .blog-banner .border-bottom::before {
        display: none !important
    }

    .blog-banner .col-txt-wrap::before {
        display: none !important
    }

    .blog-banner .col-txt-border-none::before {
        display: none !important
    }

    .blog-banner .col-txt::before {
        display: none !important
    }

    .additional-charge-wrap {
        margin-bottom: 4rem;
        margin-top: 4rem
    }

    .demataccbtn {
        font-size: 15px !important;
        padding: 15px
    }

    .table-responsive {
        border: none !important
    }

    .brokerage-card {
        padding: 40px 20px 10px
    }

    .img-wrap {
        display: none
    }

    .tabpanel__panels .condition {
        font-size: 13px !important;
        line-height: 16.9px !important
    }

    .signupsect .count {
        display: flex;
        flex-direction: column
    }

    .ipocount .count {
        flex-direction: column
    }

    .common-heading {
        font-size: 27px;
        padding-bottom: 25px
    }

    .headingtxt {
        font-size: 17px !important
    }

    .ipobanner {
        padding: 3.25rem 0
    }

    .ipocount .count h3 {
        font-size: 26px;
        text-align: center !important;
        padding-bottom: 1.5rem
    }

    .applyipo {
        padding: 4.25rem 0
    }

    .applyipo .listwrap .lists {
        padding-top: 2.563rem
    }

    .applyipo .listwrap .lists li span {
        font-size: 17px
    }

    .signupsect .count h3 {
        font-size: 26px !important;
        text-align: center !important;
        padding-bottom: 25px !important
    }

    .ipobanner .bannertitle {
        text-align: center;
        padding-top: 23px;
        font-size: 37px
    }

    .ipobanner .bannertxt {
        font-size: 15px !important;
        text-align: center
    }

    .subscribeipo {
        text-align: center
    }

    .ipobanner .signuplink {
        text-align: center
    }

    .requirementipo {
        padding: 2.25rem 0 3.25rem
    }

    .ipolist .table-responsive table {
        width: 900px
    }

    .faq-wrap .tab label {
        padding: 15px 10px
    }

    .ipobanner .bannerimg {
        margin-top: 0
    }

    .faq-wrap .tab label h3 {
        line-height: 22px;
        font-size: 15px
    }

    .ipocount .modal-header {
        padding: 10px 1rem !important
    }

    .ipocount .modal-body {
        padding: 10px 1rem
    }

    .actions-wrapper {
        flex-direction: column;
        justify-content: center
    }

    .muhurattrading .muhurtsec {
        flex-direction: column
    }

    .muhuratbanner .bannertxt h1 {
        font-size: 2rem !important
    }

    .muhuratbanner .muhurtbannerimg {
        display: none
    }

    .tradingtiming .table-wrap table tr .date {
        font-size: 14px !important
    }

    .tradingtiming .table-wrap table tr .label {
        font-size: 14px !important;
        padding: 15px 10px !important
    }

    .sechead {
        font-size: 24px !important
    }

    .muhurattrading .muhurttxt {
        padding-top: 20px
    }

    .muhuratportfolio .table-wrap table tr .label {
        font-size: 14px
    }

    .muhuratportfolio .table-wrap table tr .date {
        font-size: 14px
    }

    .muhuratportfolio .table-wrap table tr .targetrange {
        font-size: 14px
    }

    .preparefortrading .muhuratslider .card .card-text {
        line-height: 27px !important
    }

    .preparefortrading {
        padding: 65px 0 !important
    }

    .muhuratportfolio .table-wrap table tr .targetrange {
        padding: 15px !important;
        font-size: 14px !important
    }

    .muhuratportfolio .table-wrap table tr .date {
        padding: 15px !important;
        font-size: 14px !important
    }

    .muhuratportfolio .table-wrap table tr .labeltxt {
        padding: 15px !important;
        font-size: 14px !important;
        width: auto !important
    }

    .preparefortrading .owl-carousel .owl-item {
        margin: 0 5px
    }

    .muhuratbanner .bannertxt .subtext {
        text-align: center
    }

    .muhuratbanner .datetime {
        justify-content: center
    }

    .notelist li span {
        font-size: 14px !important
    }
}

@media(max-width:575px) {
    .benefits .head-title {
        margin-top: 30px;
        text-align: center;
        padding-left: 0
    }

    .insights-section:after {
        height: 50%;
        left: -20%;
        bottom: -15px;
        top: auto;
        width: 140%
    }

    .data h5 {
        font-size: 14px !important
    }

    .call-slider,
    .media-partners {
        padding: 0
    }

    .call-slider .owl-carousel .owl-nav .owl-prev,
    .call-slider .owl-carousel .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        font-size: 35px;
        line-height: 38px
    }

    .call-slider .owl-carousel .owl-nav .owl-prev {
        left: -45px
    }

    .call-slider .owl-carousel .owl-nav .owl-next {
        right: -45px
    }

    .section-heading {
        font-size: 40px;
        text-align: center
    }

    .animated-sound {
        left: 50%;
        transform: translateX(-50%)
    }

    .social-icons a {
        margin: 10px 30px
    }

    .social-icons {
        text-align: left;
        margin-top: 40px
    }

    .above-img {
        margin-top: 30px
    }

    .equal-height {
        display: block
    }

    .why-jiffy .box-w {
        margin-bottom: 30px
    }

    .tab-w #tab-view .nav-pills li a {
        font-size: 16px
    }

    .nav-pills>li {
        margin: 10px 0
    }

    .tab-w #tab-view .nav-pills {
        flex-direction: column
    }

    .g-recaptcha {
        transform: translate(-9%) scale(.8)
    }
}

.charges-modal {
    font-size: 12px
}

#mediaHouses.owl-carousel .owl-item {
    height: auto
}

#mediaHouses.owl-carousel .owl-nav .owl-next,
#mediaHouses.owl-carousel .owl-nav .owl-prev {
    transform: translateY(50%)
}

#mediaHouses.owl-carousel .owl-item:hover {
    background: 0 0
}

#mediaHouses.owl-carousel .owl-item img {
    margin: 0 auto
}

#exTab3 .nav-pills>li {
    margin-right: 0
}

.goTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: 0;
    background-color: #ce543b;
    color: #fff;
    cursor: pointer;
    padding: 0px;
    border-radius: 50%;
    font-size: 18px;
    width: 48px;
height: 48px;
}

.goTop:hover {
    background-color: #555
}

.seo-content {
    padding: 20px 0;
    background: #fff
}

.seo-content h2 {
    padding-top: 3.25rem;
    margin-bottom: 3.5rem;
    text-align: center
}

.seo-content p {
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 1rem !important
}

.seo-content button {
    margin: 0 auto;
    display: block
}

.static-banner {
    background: linear-gradient(to right, #6c87fc 0, #425cfa 100%);
    padding: 170px 0 150px;
    width: 100%
}

.static-banner .banner-text h1 {
    padding-top: 0;
    line-height: 1.3
}

.generate-refer-link {
    display: flex;
    align-items: center
}

.mt-100 {
    margin-top: 100px
}

.justify-center {
    justify-content: center
}

.generate-refer-link input {
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #00f;
    border-radius: 5px;
    color: #8a97a0;
    height: 48px;
    padding: 10px 15px;
    margin-right: 12px;
    font-weight: 600;
    font-size: 16px
}

.generate-refer-link input::placeholder {
    text-transform: capitalize !important
}

.btn-generate {
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 48px;
    padding: 10px 15px;
    background-color: #2845eb;
    outline: 0;
    font-weight: 600;
    font-size: 16px
}

.btn-generate:hover {
    color: #2845eb;
    background: #fff
}

.section-padding {
    padding: 100px 0
}

.bg-light {
    background-color: rgba(32, 41, 168, .06)
}

.bg-white {
    background-color: #fff
}

.shadow-box {
    text-align: center;
    padding: 30px 60px;
    background-color: #fff;
    border-radius: 10px
}

.shadow-box img {
    display: inline-block;
    margin-bottom: 16px
}

.shadow-box p {
    color: #8a97a0;
    line-height: 1.4 !important
}

.shadow-box.hovered,
.shadow-box:hover {
    box-shadow: 0 0 16px 8px rgba(67, 93, 250, .2)
}

.terms {
    padding: 20px 80px;
    list-style: disc;
    color: #8a97a0;
    font-size: 14px
}

.terms li {
    margin-top: 8px
}

.bg-white .tab {
    box-shadow: 0 0 7px rgba(141, 149, 253, .22)
}

.bg-white .tab h3 {
    color: #8d95fd
}

.refer-faq {
    background-image: url(../images/refer-bottom-left.png), url(../images/refer-bottom-right.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat
}

.slide-wrap h5 {
    font-size: 14px;
    font-weight: 400;
    color: #8a97a0;
    margin-top: 0
}

.slide-wrap .slider {
    margin-top: 10px;
    margin-bottom: 43px;
    padding: 0 8px
}

.slide-wrap+.slide-wrap {
    margin-top: 50px
}

.earning-wrap {
    font-size: 16px;
    color: #8d95fd;
    display: flex;
    align-items: center
}

.earning-wrap .amount {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #efeeed;
    border: 2px solid #8d95fd;
    color: #8a97a0;
    padding: 8px 12px;
    width: 50%;
    font-size: 18px !important;
    margin-left: 8px;
    border-radius: 5px
}

.noUi-target {
    background: #efeeed;
    border: none;
    box-shadow: none;
    height: 12px
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 28px;
    right: -8px;
    background: #435dfa;
    border-radius: 15px;
    box-shadow: none;
    outline: 0
}

.noUi-horizontal .noUi-tooltip {
    bottom: auto;
    top: 120%;
    padding: 1px 5px 0;
    line-height: 1.5
}

.refer-link-generated-wrap {
    display: none
}

.refer-link-generated {
    display: flex;
    align-items: center
}

.refer-link-generated input {
    text-align: center;
    border: 2px solid #00f;
    border-radius: 5px;
    color: #8a97a0;
    height: 48px;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 16px;
    min-width: 280px
}

.refer-link-generated button {
    padding: 2px 15px;
    border-color: #00f;
    background: #00f;
    margin-left: -3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.refer-link-generated button:hover {
    border-color: #00f;
    background: #00f
}

.refer-social-share a {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.refer-social-share a+a {
    margin-left: 12px
}

.snackbar {
    visibility: hidden;
    min-width: 250px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    right: 30px;
    bottom: 50px
}

.snackbar.show {
    visibility: visible;
    -webkit-animation: fadein .5s, fadeout .5s 2s;
    animation: fadein .5s, fadeout .5s 2s
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 50px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 50px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 50px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        bottom: 50px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

.pt-1 {
    padding-top: 1rem
}

.pt-2 {
    padding-top: 2rem
}

.pt-145 {
    padding-top: 145px
}

@media(min-width:1400px) {
    .diwali-banner {
        background: url(../images/sparkle.png) -150px center no-repeat, url(../images/sparkle.png) right -150px center no-repeat, radial-gradient(closest-side at 48% 49%, #000C5E 0%, #000647 52%, #000337 100%) 0% 0% no-repeat padding-box
    }
}

@media(max-width:767px) {
    .insights-section:after {
        height: 55%;
        left: -20%;
        bottom: -5%;
        top: auto;
        width: 140%;
        border-top-right-radius: 0
    }

    .actions-wrapper h2 {
        max-width: 100%;
        font-size: 40px
    }

    .actions-wrapper .btn-light {
        margin-top: 20px
    }

    .pt-2 {
        padding-top: 1rem
    }

    .pb-1 {
        padding-bottom: 1rem
    }

    .pt-6 {
        padding-top: 6rem
    }

    .pt1 {
        padding-top: .5rem
    }
}

.pt-5 {
    padding-top: 5rem
}

.pt-3 {
    padding-top: 3rem
}

.mt-3 {
    margin-top: 3rem
}

.mr-2 {
    margin-right: 1.5rem
}

.font37 {
    font-size: 35px !important
}

.blog-banner .col-txt-wrap {
    padding: 2rem 0;
    position: relative
}

.blog-banner .col-txt-wrap::before {
    content: url(../images/group3628.svg);
    position: absolute;
    display: block;
    top: 14px;
    left: 40px
}

.blog-banner .col-txt {
    position: relative;
    padding: 1rem 0
}

.blog-banner .col-txt::before {
    content: url(../images/group3628.svg);
    position: absolute;
    display: block;
    top: 11px;
    right: -11px
}

.blog-banner .col-txt-border-none {
    padding: 1rem 0;
    border-bottom: none
}

.blog-banner .col-txt-border-none::before {
    content: url(../images/group3627.svg);
    position: absolute;
    display: block;
    top: 20px;
    right: 40px
}

.blog-banner .border-bottom {
    padding: 2rem 0;
    position: relative
}

.blog-banner .border-bottom::before {
    content: url(../images/group3626.svg);
    position: absolute;
    display: block;
    top: 20px;
    right: 40px
}

.blog-banner .title {
    font-size: 2rem !important;
    color: #fff;
    font-weight: 500
}

.blog-banner .subtitle {
    font-size: 1rem !important;
    color: #eef0fb;
    padding-top: .5rem;
    font-weight: 400
}

.tabpanel .tabpanel__panels {
    width: 100%
}

.pl-2 {
    padding-left: 2rem
}

.tabpanel__tab {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.tabpanel__tab:checked+.tabpanel__tablabel {
    background: #fff;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .2);
    color: #000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 1
}

.tabpanel__tablabel {
    flex: 0 1 auto;
    padding: 12px;
    background: #4660f5ab;
    color: #fff;
    font-weight: 700
}

.tabpanel__tablabel:hover {
    cursor: pointer
}

.tabpanel__panel {
    display: none;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.tabpanel__panel>*:first-child {
    margin-top: 0
}

.tabpanel__panel>*:last-child {
    margin-bottom: 0
}

.tabpanel__panel>*+* {
    margin-top: 14px
}

#tabpanel__tab-1:checked~.tabpanel__panels #tabpanel__panel-1,
#tabpanel__tab-2:checked~.tabpanel__panels #tabpanel__panel-2,
#tabpanel__tab-3:checked~.tabpanel__panels #tabpanel__panel-3,
#tabpanel__tab-4:checked~.tabpanel__panels #tabpanel__panel-4,
#tabpanel__tab-5:checked~.tabpanel__panels #tabpanel__panel-5 {
    display: block;
    position: relative;
    top: 0
}

.media__body>* {
    margin: 0
}

.media__body>p+p,
.media__body>p+h2 {
    margin-top: 24px
}

.media {
    display: flex
}

.bgcolor {
    background: transparent linear-gradient(0deg, #8e95fd 0, #73a6f7 100%);
    padding: 10px 0;
    text-align: center
}

.txttitle {
    font-size: 1rem !important;
    font-weight: 700;
    color: #48506c;
    padding-bottom: .7rem
}

.txt {
    color: #8a97a0;
    font-size: 14.5px !important;
    line-height: 22px !important
}

.signup {
    background: #435dfa;
    padding: 30px 0 0
}

.txtwrap {
    padding-top: 65px;
    font-family: open sans
}

.txtwrap .txtp {
    font-size: 33px !important;
    line-height: 1.3 !important;
    font-weight: 500;
    color: #fff
}

.txtwrap .txtpt {
    font-size: 22px !important;
    line-height: 1.3 !important;
    padding-top: 2rem;
    color: #fff;
    font-weight: 500
}

.txtwrap .btn {
    color: #fff;
    background-color: #2845eb;
    border-color: #00f;
    font-size: 18px
}

.downloadnow {
    padding-top: 200px;
    text-align: center
}

.downloadnow p {
    color: #8995a5;
    font-size: 25px !important;
    padding-bottom: 3rem
}

.get-started-section {
    background-color: #425cfa;
    padding: 3.25rem 0
}

.get-started-section .dmatccount {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.section-title {
    font-size: 1.8rem;
    font-weight: lighter;
    margin-top: 0;
    text-align: center
}

.light-title {
    color: #fff
}

.banner-text1 p {
    font-size: 18px !important;
    padding-top: 15px;
    color: #eef0fb
}

.become-subroker .listwrap .lists li span .txt {
    font-size: 14px !important
}

@media(min-width:1025px) {
    .banner-text1 p {
        padding: 15px 73px 0 0
    }
}

@media screen and (max-width:600px) {
    .media {
        flex-direction: column;
        align-items: flex-start
    }

    .media .media__img {
        margin: 0 auto
    }

    .media .media__img+.media__body {
        margin: 12px 24px 24px
    }
}

@media screen and (min-width:601px) {
    .media {
        align-items: flex-start
    }

    .media .media__img {
        flex: 0 1 auto;
        height: auto
    }

    .media .media__img+.media__body {
        margin: 24px 105px 24px 18px
    }
}

.tabpanel {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

@media screen and (max-width:600px) {
    .tabpanel {
        flex-direction: column
    }

    .tabpanel .tabpanel__tablabel {
        padding: 24px 36px
    }

    .tabpanel .tabpanel__tablabel+.tabpanel__tab+.tabpanel__tablabel {
        margin-top: 6px
    }

    .tabpanel .tabpanel__tab:checked~.tabpanel__panels {
        order: 1
    }

    .tabpanel .tabpanel__tab:not(:checked)+.tabpanel__tablabel {
        order: initial
    }

    .tabpanel #tabpanel__tab-1+.tabpanel__tablabel {
        order: 1
    }

    .tabpanel #tabpanel__tab-1:checked~.tabpanel__panels {
        order: 1
    }

    .tabpanel #tabpanel__tab-2+.tabpanel__tablabel {
        order: 2
    }

    .tabpanel #tabpanel__tab-2:checked~.tabpanel__panels {
        order: 2
    }

    .tabpanel #tabpanel__tab-3+.tabpanel__tablabel {
        order: 3
    }

    .tabpanel #tabpanel__tab-3:checked~.tabpanel__panels {
        order: 3
    }

    .tabpanel #tabpanel__tab-4+.tabpanel__tablabel {
        order: 4
    }

    .tabpanel #tabpanel__tab-4:checked~.tabpanel__panels {
        order: 4
    }

    .tabpanel #tabpanel__tab-5+.tabpanel__tablabel {
        order: 5
    }

    .tabpanel #tabpanel__tab-5:checked~.tabpanel__panels {
        order: 5
    }

    .tabpanel .tabpanel__panel {
        padding: 0 12px 12px
    }
}

@media screen and (min-width:601px) {
    .tabpanel {
        flex-direction: row
    }

    .tabpanel .tabpanel__tablabel {
        flex: 0 1 auto
    }

    .tabpanel .tabpanel__tablabel+.tabpanel__tab+.tabpanel__tablabel {
        margin-left: 6px;
        color: #fff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .tabpanel .tabpanel__panel {
        padding: 12px
    }

    .tabpanel .tabpanel__panels {
        flex: 1 1 100%
    }
}

@media(min-width:280px) and (max-width:320px) {
    .blog-banner .bgimg {
        background-image: none
    }
}

@media(min-width:320px) and (max-width:359px) {
    .blog-banner .bgimg {
        background-image: url(../images/bgimgresp.png);
        background-repeat: no-repeat;
        background-position: 50% 70%
    }

    .dematimg {
        padding-top: 3.125rem
    }
}

@media(min-width:360px) and (max-width:424px) {
    .blog-banner .bgimg {
        background-image: url(../images/bgimgresp.png);
        background-repeat: no-repeat;
        background-position: 50% 74%
    }
}

@media(min-width:425px) and (max-width:767px) {
    .blog-banner .bgimg {
        background-image: url(../images/bgimgresp.png);
        background-repeat: no-repeat;
        background-position: 50% 73%
    }
}

@media(min-width:767px) and (max-width:768px) {
    .dflex {
        display: flex
    }

    .blog-banner .bgimg {
        background-position: 50% 50% !important
    }

    .blog-banner .seo-about {
        font-size: 30px !important
    }

    .banner-text1 p {
        font-size: 16px !important
    }

    .ipocount .count h3 {
        font-size: 27px
    }

    .sec-padding {
        padding: 2.25rem 0
    }

    .applyipo {
        padding: 4.25rem 0
    }

    .ipobanner .bannertitle {
        font-size: 27px
    }

    .signupsect .count h3 {
        font-size: 24px
    }

    .requirementipo {
        padding: 2.25rem 0
    }

    .signupsect {
        padding: 2.25rem 0
    }

    .ipobanner .bannertxt {
        padding: 20px 0
    }

    .headingtxt {
        font-size: 18px !important
    }

    .bold-section-title {
        font-size: 28px !important
    }

    .muhuratbanner .datetime .date {
        padding: 15px !important;
        font-size: 14px
    }

    .muhuratbanner .datetime .time {
        padding: 15px !important;
        font-size: 14px
    }

    .muhuratbanner .bannertxt .subtext {
        font-size: 16px !important
    }

    .muhuratbanner .bannertxt h1 {
        font-size: 1.8rem !important
    }

    .muhuratbanner .bannertxt .text {
        font-size: 16px !important
    }

    .muhuratbanner .datetime {
        padding-bottom: 20px
    }

    .muhurattrading .muhurtsec {
        padding: 3rem 0
    }

    .tradingtiming .table-wrap table tr .label {
        font-size: 14px !important;
        padding: 15px !important
    }

    .tradingtiming .table-wrap table tr .date {
        font-size: 14px !important;
        padding: 15px !important
    }

    .preparefortrading .muhuratslider .card {
        padding: 30px
    }

    .preparefortrading .muhuratslider .card .card-text {
        line-height: 20px !important
    }

    .whatmuhurattrading .muhurtsec {
        align-items: center;
        display: flex
    }

    .muhuratbanner {
        padding-bottom: 40px !important
    }

    .muhuratbanner .bannertxt {
        padding-top: 30px !important
    }

    .whatmuhurattrading .muhurttxt {
        padding-top: 20px !important
    }
}

@media(min-width:769px) and (max-width:1024px) {
    .blog-banner .bgimg {
        background-position: 50% 56% !important
    }

    .requirementipo {
        padding: 2.25rem 0
    }

    .whatmuhurattrading .muhurtsec {
        align-items: center;
        display: flex
    }
}

@media(max-width:1024px) {
    .signup {
        padding: 30px 0 !important
    }
}

@media(max-width:768px) {
    .font37 {
        font-size: 25px !important;
        line-height: 30px !important
    }

    .card p {
        line-height: 15px !important
    }

    .txtwrap .txtp {
        line-height: 35px !important
    }

    .open-acnt-ben .card {
        background-color: #425cfa;
        background-image: none
    }

    .col-txt-wrap {
        padding: 1rem 0 !important;
        border-right: none !important;
        border-bottom: none !important
    }

    .col-txt-border-none {
        padding: 1rem;
        border-right: none !important;
        border-bottom: none !important
    }

    .border-bottom {
        padding: 1rem 0 !important;
        border-bottom: none !important
    }

    .blog-banner .title {
        font-size: 1.6rem !important
    }

    .blog-banner .subtitle {
        font-size: .8rem !important
    }

    .tabpanel {
        display: block !important;
        flex-direction: row
    }

    .tabpanel input:checked+label::before {
        top: 5px
    }

    .tabpanel .tabpanel__tablabel {
        padding: 7px 14px !important
    }

    .tabpanel label {
        font-size: 1rem
    }

    .seo-content h2 {
        padding-top: 1.5rem !important;
        font-size: 1.6rem;
        margin-bottom: 2.5rem
    }

    .banner-text1 p {
        font-size: 17px !important
    }

    .pt-150 {
        padding-top: 6.25rem
    }

    .tabpanel table thead th {
        font-size: .9rem
    }

    .tabpanel table tbody td {
        font-size: .9rem
    }

    .pt-145 {
        padding-top: 90px
    }

    .signupsect .count h3 {
        padding: 0
    }

    .applyipo .video:after {
        display: none
    }

    .applyipo .video:before {
        display: none
    }

    .notelist {
        padding-left: 30px !important
    }

    .tradingtiming .table-wrap table tr th {
        font-size: 16px !important
    }

    .tradingtiming:after {
        display: none !important
    }

    .preparefortrading:after {
        display: none !important
    }

    .muhurattrading:after {
        display: none !important
    }

    .muhurattrading:before {
        display: none !important
    }

    .muhuratportfolio:after {
        display: none !important
    }
}

@-webkit-keyframes animation1 {
    0% {
        -webkit-transform: translate(627.2px, 113px);
        transform: translate(627.2px, 113px)
    }

    3.57% {
        -webkit-transform: translate(667.6px, 113px);
        transform: translate(667.6px, 113px)
    }

    7.14% {
        -webkit-transform: translate(708px, 101.7px);
        transform: translate(708px, 101.7px)
    }

    10.71% {
        -webkit-transform: translate(748.4px, 90.4px);
        transform: translate(748.4px, 90.4px)
    }

    14.29% {
        -webkit-transform: translate(788.8px, 79.1px);
        transform: translate(788.8px, 79.1px)
    }

    17.86% {
        -webkit-transform: translate(829.2px, 90.4px);
        transform: translate(829.2px, 90.4px)
    }

    21.43% {
        -webkit-transform: translate(869.6px, 79.1px);
        transform: translate(869.6px, 79.1px)
    }

    25% {
        -webkit-transform: translate(910px, 67.8px);
        transform: translate(910px, 67.8px)
    }

    28.57% {
        -webkit-transform: translate(950.4px, 79.1px);
        transform: translate(950.4px, 79.1px)
    }

    32.14% {
        -webkit-transform: translate(990.8px, 79.1px);
        transform: translate(990.8px, 79.1px)
    }

    35.71% {
        -webkit-transform: translate(1031.2px, 79.1px);
        transform: translate(1031.2px, 79.1px)
    }

    39.29% {
        -webkit-transform: translate(1071.6px, 90.4px);
        transform: translate(1071.6px, 90.4px)
    }

    42.86% {
        -webkit-transform: translate(1112px, 101.7px);
        transform: translate(1112px, 101.7px)
    }

    46.43% {
        -webkit-transform: translate(1152.4px, 90.4px);
        transform: translate(1152.4px, 90.4px)
    }

    50% {
        -webkit-transform: translate(1192.8px, 90.4px);
        transform: translate(1192.8px, 90.4px)
    }

    53.57% {
        -webkit-transform: translate(1233.2px, 101.7px);
        transform: translate(1233.2px, 101.7px)
    }

    57.14% {
        -webkit-transform: translate(1273.6px, 90.4px);
        transform: translate(1273.6px, 90.4px)
    }

    60.71% {
        -webkit-transform: translate(1314px, 79.1px);
        transform: translate(1314px, 79.1px)
    }

    64.29% {
        -webkit-transform: translate(1354.4px, 90.4px);
        transform: translate(1354.4px, 90.4px)
    }

    67.86% {
        -webkit-transform: translate(1394.8px, 101.7px);
        transform: translate(1394.8px, 101.7px)
    }

    71.43% {
        -webkit-transform: translate(1435.2px, 113px);
        transform: translate(1435.2px, 113px)
    }

    75% {
        -webkit-transform: translate(1475.6px, 113px);
        transform: translate(1475.6px, 113px)
    }

    78.57% {
        -webkit-transform: translate(1516px, 113px);
        transform: translate(1516px, 113px)
    }

    82.14% {
        -webkit-transform: translate(1556.4px, 113px);
        transform: translate(1556.4px, 113px)
    }

    85.71% {
        -webkit-transform: translate(1596.8px, 124.3px);
        transform: translate(1596.8px, 124.3px)
    }

    89.29% {
        -webkit-transform: translate(1637.2px, 113px);
        transform: translate(1637.2px, 113px)
    }

    92.86% {
        -webkit-transform: translate(1677.6px, 101.7px);
        transform: translate(1677.6px, 101.7px)
    }

    96.43% {
        -webkit-transform: translate(1718px, 101.7px);
        transform: translate(1718px, 101.7px)
    }

    100% {
        -webkit-transform: translate(1758.4px, 101.7px);
        transform: translate(1758.4px, 101.7px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation1 {
    0% {
        -webkit-transform: translate(627.2px, 113px);
        transform: translate(627.2px, 113px)
    }

    3.57% {
        -webkit-transform: translate(667.6px, 113px);
        transform: translate(667.6px, 113px)
    }

    7.14% {
        -webkit-transform: translate(708px, 101.7px);
        transform: translate(708px, 101.7px)
    }

    10.71% {
        -webkit-transform: translate(748.4px, 90.4px);
        transform: translate(748.4px, 90.4px)
    }

    14.29% {
        -webkit-transform: translate(788.8px, 79.1px);
        transform: translate(788.8px, 79.1px)
    }

    17.86% {
        -webkit-transform: translate(829.2px, 90.4px);
        transform: translate(829.2px, 90.4px)
    }

    21.43% {
        -webkit-transform: translate(869.6px, 79.1px);
        transform: translate(869.6px, 79.1px)
    }

    25% {
        -webkit-transform: translate(910px, 67.8px);
        transform: translate(910px, 67.8px)
    }

    28.57% {
        -webkit-transform: translate(950.4px, 79.1px);
        transform: translate(950.4px, 79.1px)
    }

    32.14% {
        -webkit-transform: translate(990.8px, 79.1px);
        transform: translate(990.8px, 79.1px)
    }

    35.71% {
        -webkit-transform: translate(1031.2px, 79.1px);
        transform: translate(1031.2px, 79.1px)
    }

    39.29% {
        -webkit-transform: translate(1071.6px, 90.4px);
        transform: translate(1071.6px, 90.4px)
    }

    42.86% {
        -webkit-transform: translate(1112px, 101.7px);
        transform: translate(1112px, 101.7px)
    }

    46.43% {
        -webkit-transform: translate(1152.4px, 90.4px);
        transform: translate(1152.4px, 90.4px)
    }

    50% {
        -webkit-transform: translate(1192.8px, 90.4px);
        transform: translate(1192.8px, 90.4px)
    }

    53.57% {
        -webkit-transform: translate(1233.2px, 101.7px);
        transform: translate(1233.2px, 101.7px)
    }

    57.14% {
        -webkit-transform: translate(1273.6px, 90.4px);
        transform: translate(1273.6px, 90.4px)
    }

    60.71% {
        -webkit-transform: translate(1314px, 79.1px);
        transform: translate(1314px, 79.1px)
    }

    64.29% {
        -webkit-transform: translate(1354.4px, 90.4px);
        transform: translate(1354.4px, 90.4px)
    }

    67.86% {
        -webkit-transform: translate(1394.8px, 101.7px);
        transform: translate(1394.8px, 101.7px)
    }

    71.43% {
        -webkit-transform: translate(1435.2px, 113px);
        transform: translate(1435.2px, 113px)
    }

    75% {
        -webkit-transform: translate(1475.6px, 113px);
        transform: translate(1475.6px, 113px)
    }

    78.57% {
        -webkit-transform: translate(1516px, 113px);
        transform: translate(1516px, 113px)
    }

    82.14% {
        -webkit-transform: translate(1556.4px, 113px);
        transform: translate(1556.4px, 113px)
    }

    85.71% {
        -webkit-transform: translate(1596.8px, 124.3px);
        transform: translate(1596.8px, 124.3px)
    }

    89.29% {
        -webkit-transform: translate(1637.2px, 113px);
        transform: translate(1637.2px, 113px)
    }

    92.86% {
        -webkit-transform: translate(1677.6px, 101.7px);
        transform: translate(1677.6px, 101.7px)
    }

    96.43% {
        -webkit-transform: translate(1718px, 101.7px);
        transform: translate(1718px, 101.7px)
    }

    100% {
        -webkit-transform: translate(1758.4px, 101.7px);
        transform: translate(1758.4px, 101.7px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation2 {
    0% {
        -webkit-transform: translate(-59.6px, 79.1px);
        transform: translate(-59.6px, 79.1px)
    }

    5.88% {
        -webkit-transform: translate(-19.2px, 67.8px);
        transform: translate(-19.2px, 67.8px)
    }

    11.76% {
        -webkit-transform: translate(21.2px, 67.8px);
        transform: translate(21.2px, 67.8px)
    }

    17.65% {
        -webkit-transform: translate(61.6px, 67.8px);
        transform: translate(61.6px, 67.8px)
    }

    23.53% {
        -webkit-transform: translate(102px, 67.8px);
        transform: translate(102px, 67.8px)
    }

    29.41% {
        -webkit-transform: translate(142.4px, 67.8px);
        transform: translate(142.4px, 67.8px)
    }

    35.29% {
        -webkit-transform: translate(182.8px, 56.5px);
        transform: translate(182.8px, 56.5px)
    }

    41.18% {
        -webkit-transform: translate(223.2px, 67.8px);
        transform: translate(223.2px, 67.8px)
    }

    47.06% {
        -webkit-transform: translate(263.6px, 79.1px);
        transform: translate(263.6px, 79.1px)
    }

    52.94% {
        -webkit-transform: translate(304px, 79.1px);
        transform: translate(304px, 79.1px)
    }

    58.82% {
        -webkit-transform: translate(344.4px, 79.1px);
        transform: translate(344.4px, 79.1px)
    }

    64.71% {
        -webkit-transform: translate(384.8px, 67.8px);
        transform: translate(384.8px, 67.8px)
    }

    70.59% {
        -webkit-transform: translate(425.2px, 67.8px);
        transform: translate(425.2px, 67.8px)
    }

    76.47% {
        -webkit-transform: translate(465.6px, 79.1px);
        transform: translate(465.6px, 79.1px)
    }

    82.35% {
        -webkit-transform: translate(506px, 79.1px);
        transform: translate(506px, 79.1px)
    }

    88.24% {
        -webkit-transform: translate(546.4px, 79.1px);
        transform: translate(546.4px, 79.1px)
    }

    94.12% {
        -webkit-transform: translate(586.8px, 90.4px);
        transform: translate(586.8px, 90.4px)
    }

    100% {
        -webkit-transform: translate(627.2px, 101.7px);
        transform: translate(627.2px, 101.7px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation2 {
    0% {
        -webkit-transform: translate(-59.6px, 79.1px);
        transform: translate(-59.6px, 79.1px)
    }

    5.88% {
        -webkit-transform: translate(-19.2px, 67.8px);
        transform: translate(-19.2px, 67.8px)
    }

    11.76% {
        -webkit-transform: translate(21.2px, 67.8px);
        transform: translate(21.2px, 67.8px)
    }

    17.65% {
        -webkit-transform: translate(61.6px, 67.8px);
        transform: translate(61.6px, 67.8px)
    }

    23.53% {
        -webkit-transform: translate(102px, 67.8px);
        transform: translate(102px, 67.8px)
    }

    29.41% {
        -webkit-transform: translate(142.4px, 67.8px);
        transform: translate(142.4px, 67.8px)
    }

    35.29% {
        -webkit-transform: translate(182.8px, 56.5px);
        transform: translate(182.8px, 56.5px)
    }

    41.18% {
        -webkit-transform: translate(223.2px, 67.8px);
        transform: translate(223.2px, 67.8px)
    }

    47.06% {
        -webkit-transform: translate(263.6px, 79.1px);
        transform: translate(263.6px, 79.1px)
    }

    52.94% {
        -webkit-transform: translate(304px, 79.1px);
        transform: translate(304px, 79.1px)
    }

    58.82% {
        -webkit-transform: translate(344.4px, 79.1px);
        transform: translate(344.4px, 79.1px)
    }

    64.71% {
        -webkit-transform: translate(384.8px, 67.8px);
        transform: translate(384.8px, 67.8px)
    }

    70.59% {
        -webkit-transform: translate(425.2px, 67.8px);
        transform: translate(425.2px, 67.8px)
    }

    76.47% {
        -webkit-transform: translate(465.6px, 79.1px);
        transform: translate(465.6px, 79.1px)
    }

    82.35% {
        -webkit-transform: translate(506px, 79.1px);
        transform: translate(506px, 79.1px)
    }

    88.24% {
        -webkit-transform: translate(546.4px, 79.1px);
        transform: translate(546.4px, 79.1px)
    }

    94.12% {
        -webkit-transform: translate(586.8px, 90.4px);
        transform: translate(586.8px, 90.4px)
    }

    100% {
        -webkit-transform: translate(627.2px, 101.7px);
        transform: translate(627.2px, 101.7px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation3 {
    0% {
        -webkit-transform: translate(344.4px, 282.5px);
        transform: translate(344.4px, 282.5px)
    }

    12.5% {
        -webkit-transform: translate(384.8px, 293.8px);
        transform: translate(384.8px, 293.8px)
    }

    25% {
        -webkit-transform: translate(425.2px, 282.5px);
        transform: translate(425.2px, 282.5px)
    }

    37.5% {
        -webkit-transform: translate(465.6px, 271.2px);
        transform: translate(465.6px, 271.2px)
    }

    50% {
        -webkit-transform: translate(506px, 271.2px);
        transform: translate(506px, 271.2px)
    }

    62.5% {
        -webkit-transform: translate(546.4px, 259.9px);
        transform: translate(546.4px, 259.9px)
    }

    75% {
        -webkit-transform: translate(586.8px, 248.6px);
        transform: translate(586.8px, 248.6px)
    }

    87.5% {
        -webkit-transform: translate(627.2px, 259.9px);
        transform: translate(627.2px, 259.9px)
    }

    100% {
        -webkit-transform: translate(667.6px, 248.6px);
        transform: translate(667.6px, 248.6px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation3 {
    0% {
        -webkit-transform: translate(344.4px, 282.5px);
        transform: translate(344.4px, 282.5px)
    }

    12.5% {
        -webkit-transform: translate(384.8px, 293.8px);
        transform: translate(384.8px, 293.8px)
    }

    25% {
        -webkit-transform: translate(425.2px, 282.5px);
        transform: translate(425.2px, 282.5px)
    }

    37.5% {
        -webkit-transform: translate(465.6px, 271.2px);
        transform: translate(465.6px, 271.2px)
    }

    50% {
        -webkit-transform: translate(506px, 271.2px);
        transform: translate(506px, 271.2px)
    }

    62.5% {
        -webkit-transform: translate(546.4px, 259.9px);
        transform: translate(546.4px, 259.9px)
    }

    75% {
        -webkit-transform: translate(586.8px, 248.6px);
        transform: translate(586.8px, 248.6px)
    }

    87.5% {
        -webkit-transform: translate(627.2px, 259.9px);
        transform: translate(627.2px, 259.9px)
    }

    100% {
        -webkit-transform: translate(667.6px, 248.6px);
        transform: translate(667.6px, 248.6px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation4 {
    0% {
        -webkit-transform: translate(61.6px, 316.4px);
        transform: translate(61.6px, 316.4px)
    }

    2.94% {
        -webkit-transform: translate(102px, 316.4px);
        transform: translate(102px, 316.4px)
    }

    5.88% {
        -webkit-transform: translate(142.4px, 305.1px);
        transform: translate(142.4px, 305.1px)
    }

    8.82% {
        -webkit-transform: translate(182.8px, 305.1px);
        transform: translate(182.8px, 305.1px)
    }

    11.76% {
        -webkit-transform: translate(223.2px, 316.4px);
        transform: translate(223.2px, 316.4px)
    }

    14.71% {
        -webkit-transform: translate(263.6px, 305.1px);
        transform: translate(263.6px, 305.1px)
    }

    17.65% {
        -webkit-transform: translate(304px, 293.8px);
        transform: translate(304px, 293.8px)
    }

    20.59% {
        -webkit-transform: translate(344.4px, 282.5px);
        transform: translate(344.4px, 282.5px)
    }

    23.53% {
        -webkit-transform: translate(384.8px, 271.2px);
        transform: translate(384.8px, 271.2px)
    }

    26.47% {
        -webkit-transform: translate(425.2px, 282.5px);
        transform: translate(425.2px, 282.5px)
    }

    29.41% {
        -webkit-transform: translate(465.6px, 271.2px);
        transform: translate(465.6px, 271.2px)
    }

    32.35% {
        -webkit-transform: translate(506px, 271.2px);
        transform: translate(506px, 271.2px)
    }

    35.29% {
        -webkit-transform: translate(546.4px, 259.9px);
        transform: translate(546.4px, 259.9px)
    }

    38.24% {
        -webkit-transform: translate(586.8px, 248.6px);
        transform: translate(586.8px, 248.6px)
    }

    41.18% {
        -webkit-transform: translate(627.2px, 248.6px);
        transform: translate(627.2px, 248.6px)
    }

    44.12% {
        -webkit-transform: translate(667.6px, 248.6px);
        transform: translate(667.6px, 248.6px)
    }

    47.06% {
        -webkit-transform: translate(708px, 248.6px);
        transform: translate(708px, 248.6px)
    }

    50% {
        -webkit-transform: translate(748.4px, 248.6px);
        transform: translate(748.4px, 248.6px)
    }

    52.94% {
        -webkit-transform: translate(788.8px, 237.3px);
        transform: translate(788.8px, 237.3px)
    }

    55.88% {
        -webkit-transform: translate(829.2px, 237.3px);
        transform: translate(829.2px, 237.3px)
    }

    58.82% {
        -webkit-transform: translate(869.6px, 237.3px);
        transform: translate(869.6px, 237.3px)
    }

    61.76% {
        -webkit-transform: translate(910px, 248.6px);
        transform: translate(910px, 248.6px)
    }

    64.71% {
        -webkit-transform: translate(950.4px, 248.6px);
        transform: translate(950.4px, 248.6px)
    }

    67.65% {
        -webkit-transform: translate(990.8px, 248.6px);
        transform: translate(990.8px, 248.6px)
    }

    70.59% {
        -webkit-transform: translate(1031.2px, 237.3px);
        transform: translate(1031.2px, 237.3px)
    }

    73.53% {
        -webkit-transform: translate(1071.6px, 226px);
        transform: translate(1071.6px, 226px)
    }

    76.47% {
        -webkit-transform: translate(1112px, 214.7px);
        transform: translate(1112px, 214.7px)
    }

    79.41% {
        -webkit-transform: translate(1152.4px, 203.4px);
        transform: translate(1152.4px, 203.4px)
    }

    82.35% {
        -webkit-transform: translate(1192.8px, 214.7px);
        transform: translate(1192.8px, 214.7px)
    }

    85.29% {
        -webkit-transform: translate(1233.2px, 203.4px);
        transform: translate(1233.2px, 203.4px)
    }

    88.24% {
        -webkit-transform: translate(1273.6px, 203.4px);
        transform: translate(1273.6px, 203.4px)
    }

    91.18% {
        -webkit-transform: translate(1314px, 203.4px);
        transform: translate(1314px, 203.4px)
    }

    94.12% {
        -webkit-transform: translate(1354.4px, 214.7px);
        transform: translate(1354.4px, 214.7px)
    }

    97.06% {
        -webkit-transform: translate(1394.8px, 226px);
        transform: translate(1394.8px, 226px)
    }

    100% {
        -webkit-transform: translate(1435.2px, 214.7px);
        transform: translate(1435.2px, 214.7px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation4 {
    0% {
        -webkit-transform: translate(61.6px, 316.4px);
        transform: translate(61.6px, 316.4px)
    }

    2.94% {
        -webkit-transform: translate(102px, 316.4px);
        transform: translate(102px, 316.4px)
    }

    5.88% {
        -webkit-transform: translate(142.4px, 305.1px);
        transform: translate(142.4px, 305.1px)
    }

    8.82% {
        -webkit-transform: translate(182.8px, 305.1px);
        transform: translate(182.8px, 305.1px)
    }

    11.76% {
        -webkit-transform: translate(223.2px, 316.4px);
        transform: translate(223.2px, 316.4px)
    }

    14.71% {
        -webkit-transform: translate(263.6px, 305.1px);
        transform: translate(263.6px, 305.1px)
    }

    17.65% {
        -webkit-transform: translate(304px, 293.8px);
        transform: translate(304px, 293.8px)
    }

    20.59% {
        -webkit-transform: translate(344.4px, 282.5px);
        transform: translate(344.4px, 282.5px)
    }

    23.53% {
        -webkit-transform: translate(384.8px, 271.2px);
        transform: translate(384.8px, 271.2px)
    }

    26.47% {
        -webkit-transform: translate(425.2px, 282.5px);
        transform: translate(425.2px, 282.5px)
    }

    29.41% {
        -webkit-transform: translate(465.6px, 271.2px);
        transform: translate(465.6px, 271.2px)
    }

    32.35% {
        -webkit-transform: translate(506px, 271.2px);
        transform: translate(506px, 271.2px)
    }

    35.29% {
        -webkit-transform: translate(546.4px, 259.9px);
        transform: translate(546.4px, 259.9px)
    }

    38.24% {
        -webkit-transform: translate(586.8px, 248.6px);
        transform: translate(586.8px, 248.6px)
    }

    41.18% {
        -webkit-transform: translate(627.2px, 248.6px);
        transform: translate(627.2px, 248.6px)
    }

    44.12% {
        -webkit-transform: translate(667.6px, 248.6px);
        transform: translate(667.6px, 248.6px)
    }

    47.06% {
        -webkit-transform: translate(708px, 248.6px);
        transform: translate(708px, 248.6px)
    }

    50% {
        -webkit-transform: translate(748.4px, 248.6px);
        transform: translate(748.4px, 248.6px)
    }

    52.94% {
        -webkit-transform: translate(788.8px, 237.3px);
        transform: translate(788.8px, 237.3px)
    }

    55.88% {
        -webkit-transform: translate(829.2px, 237.3px);
        transform: translate(829.2px, 237.3px)
    }

    58.82% {
        -webkit-transform: translate(869.6px, 237.3px);
        transform: translate(869.6px, 237.3px)
    }

    61.76% {
        -webkit-transform: translate(910px, 248.6px);
        transform: translate(910px, 248.6px)
    }

    64.71% {
        -webkit-transform: translate(950.4px, 248.6px);
        transform: translate(950.4px, 248.6px)
    }

    67.65% {
        -webkit-transform: translate(990.8px, 248.6px);
        transform: translate(990.8px, 248.6px)
    }

    70.59% {
        -webkit-transform: translate(1031.2px, 237.3px);
        transform: translate(1031.2px, 237.3px)
    }

    73.53% {
        -webkit-transform: translate(1071.6px, 226px);
        transform: translate(1071.6px, 226px)
    }

    76.47% {
        -webkit-transform: translate(1112px, 214.7px);
        transform: translate(1112px, 214.7px)
    }

    79.41% {
        -webkit-transform: translate(1152.4px, 203.4px);
        transform: translate(1152.4px, 203.4px)
    }

    82.35% {
        -webkit-transform: translate(1192.8px, 214.7px);
        transform: translate(1192.8px, 214.7px)
    }

    85.29% {
        -webkit-transform: translate(1233.2px, 203.4px);
        transform: translate(1233.2px, 203.4px)
    }

    88.24% {
        -webkit-transform: translate(1273.6px, 203.4px);
        transform: translate(1273.6px, 203.4px)
    }

    91.18% {
        -webkit-transform: translate(1314px, 203.4px);
        transform: translate(1314px, 203.4px)
    }

    94.12% {
        -webkit-transform: translate(1354.4px, 214.7px);
        transform: translate(1354.4px, 214.7px)
    }

    97.06% {
        -webkit-transform: translate(1394.8px, 226px);
        transform: translate(1394.8px, 226px)
    }

    100% {
        -webkit-transform: translate(1435.2px, 214.7px);
        transform: translate(1435.2px, 214.7px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation5 {
    0% {
        -webkit-transform: translate(142.4px, 361.6px);
        transform: translate(142.4px, 361.6px)
    }

    4.35% {
        -webkit-transform: translate(182.8px, 361.6px);
        transform: translate(182.8px, 361.6px)
    }

    8.7% {
        -webkit-transform: translate(223.2px, 350.3px);
        transform: translate(223.2px, 350.3px)
    }

    13.04% {
        -webkit-transform: translate(263.6px, 350.3px);
        transform: translate(263.6px, 350.3px)
    }

    17.39% {
        -webkit-transform: translate(304px, 350.3px);
        transform: translate(304px, 350.3px)
    }

    21.74% {
        -webkit-transform: translate(344.4px, 339px);
        transform: translate(344.4px, 339px)
    }

    26.09% {
        -webkit-transform: translate(384.8px, 327.7px);
        transform: translate(384.8px, 327.7px)
    }

    30.43% {
        -webkit-transform: translate(425.2px, 339px);
        transform: translate(425.2px, 339px)
    }

    34.78% {
        -webkit-transform: translate(465.6px, 327.7px);
        transform: translate(465.6px, 327.7px)
    }

    39.13% {
        -webkit-transform: translate(506px, 316.4px);
        transform: translate(506px, 316.4px)
    }

    43.48% {
        -webkit-transform: translate(546.4px, 316.4px);
        transform: translate(546.4px, 316.4px)
    }

    47.83% {
        -webkit-transform: translate(586.8px, 316.4px);
        transform: translate(586.8px, 316.4px)
    }

    52.17% {
        -webkit-transform: translate(627.2px, 327.7px);
        transform: translate(627.2px, 327.7px)
    }

    56.52% {
        -webkit-transform: translate(667.6px, 316.4px);
        transform: translate(667.6px, 316.4px)
    }

    60.87% {
        -webkit-transform: translate(708px, 305.1px);
        transform: translate(708px, 305.1px)
    }

    65.22% {
        -webkit-transform: translate(748.4px, 305.1px);
        transform: translate(748.4px, 305.1px)
    }

    69.57% {
        -webkit-transform: translate(788.8px, 316.4px);
        transform: translate(788.8px, 316.4px)
    }

    73.91% {
        -webkit-transform: translate(829.2px, 327.7px);
        transform: translate(829.2px, 327.7px)
    }

    78.26% {
        -webkit-transform: translate(869.6px, 339px);
        transform: translate(869.6px, 339px)
    }

    82.61% {
        -webkit-transform: translate(910px, 339px);
        transform: translate(910px, 339px)
    }

    86.96% {
        -webkit-transform: translate(950.4px, 350.3px);
        transform: translate(950.4px, 350.3px)
    }

    91.3% {
        -webkit-transform: translate(990.8px, 339px);
        transform: translate(990.8px, 339px)
    }

    95.65% {
        -webkit-transform: translate(1031.2px, 327.7px);
        transform: translate(1031.2px, 327.7px)
    }

    100% {
        -webkit-transform: translate(1071.6px, 339px);
        transform: translate(1071.6px, 339px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation5 {
    0% {
        -webkit-transform: translate(142.4px, 361.6px);
        transform: translate(142.4px, 361.6px)
    }

    4.35% {
        -webkit-transform: translate(182.8px, 361.6px);
        transform: translate(182.8px, 361.6px)
    }

    8.7% {
        -webkit-transform: translate(223.2px, 350.3px);
        transform: translate(223.2px, 350.3px)
    }

    13.04% {
        -webkit-transform: translate(263.6px, 350.3px);
        transform: translate(263.6px, 350.3px)
    }

    17.39% {
        -webkit-transform: translate(304px, 350.3px);
        transform: translate(304px, 350.3px)
    }

    21.74% {
        -webkit-transform: translate(344.4px, 339px);
        transform: translate(344.4px, 339px)
    }

    26.09% {
        -webkit-transform: translate(384.8px, 327.7px);
        transform: translate(384.8px, 327.7px)
    }

    30.43% {
        -webkit-transform: translate(425.2px, 339px);
        transform: translate(425.2px, 339px)
    }

    34.78% {
        -webkit-transform: translate(465.6px, 327.7px);
        transform: translate(465.6px, 327.7px)
    }

    39.13% {
        -webkit-transform: translate(506px, 316.4px);
        transform: translate(506px, 316.4px)
    }

    43.48% {
        -webkit-transform: translate(546.4px, 316.4px);
        transform: translate(546.4px, 316.4px)
    }

    47.83% {
        -webkit-transform: translate(586.8px, 316.4px);
        transform: translate(586.8px, 316.4px)
    }

    52.17% {
        -webkit-transform: translate(627.2px, 327.7px);
        transform: translate(627.2px, 327.7px)
    }

    56.52% {
        -webkit-transform: translate(667.6px, 316.4px);
        transform: translate(667.6px, 316.4px)
    }

    60.87% {
        -webkit-transform: translate(708px, 305.1px);
        transform: translate(708px, 305.1px)
    }

    65.22% {
        -webkit-transform: translate(748.4px, 305.1px);
        transform: translate(748.4px, 305.1px)
    }

    69.57% {
        -webkit-transform: translate(788.8px, 316.4px);
        transform: translate(788.8px, 316.4px)
    }

    73.91% {
        -webkit-transform: translate(829.2px, 327.7px);
        transform: translate(829.2px, 327.7px)
    }

    78.26% {
        -webkit-transform: translate(869.6px, 339px);
        transform: translate(869.6px, 339px)
    }

    82.61% {
        -webkit-transform: translate(910px, 339px);
        transform: translate(910px, 339px)
    }

    86.96% {
        -webkit-transform: translate(950.4px, 350.3px);
        transform: translate(950.4px, 350.3px)
    }

    91.3% {
        -webkit-transform: translate(990.8px, 339px);
        transform: translate(990.8px, 339px)
    }

    95.65% {
        -webkit-transform: translate(1031.2px, 327.7px);
        transform: translate(1031.2px, 327.7px)
    }

    100% {
        -webkit-transform: translate(1071.6px, 339px);
        transform: translate(1071.6px, 339px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation6 {
    0% {
        -webkit-transform: translate(627.2px, 418.1px);
        transform: translate(627.2px, 418.1px)
    }

    11.11% {
        -webkit-transform: translate(667.6px, 406.8px);
        transform: translate(667.6px, 406.8px)
    }

    22.22% {
        -webkit-transform: translate(708px, 418.1px);
        transform: translate(708px, 418.1px)
    }

    33.33% {
        -webkit-transform: translate(748.4px, 406.8px);
        transform: translate(748.4px, 406.8px)
    }

    44.44% {
        -webkit-transform: translate(788.8px, 418.1px);
        transform: translate(788.8px, 418.1px)
    }

    55.56% {
        -webkit-transform: translate(829.2px, 429.4px);
        transform: translate(829.2px, 429.4px)
    }

    66.67% {
        -webkit-transform: translate(869.6px, 440.7px);
        transform: translate(869.6px, 440.7px)
    }

    77.78% {
        -webkit-transform: translate(910px, 429.4px);
        transform: translate(910px, 429.4px)
    }

    88.89% {
        -webkit-transform: translate(950.4px, 418.1px);
        transform: translate(950.4px, 418.1px)
    }

    100% {
        -webkit-transform: translate(990.8px, 418.1px);
        transform: translate(990.8px, 418.1px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation6 {
    0% {
        -webkit-transform: translate(627.2px, 418.1px);
        transform: translate(627.2px, 418.1px)
    }

    11.11% {
        -webkit-transform: translate(667.6px, 406.8px);
        transform: translate(667.6px, 406.8px)
    }

    22.22% {
        -webkit-transform: translate(708px, 418.1px);
        transform: translate(708px, 418.1px)
    }

    33.33% {
        -webkit-transform: translate(748.4px, 406.8px);
        transform: translate(748.4px, 406.8px)
    }

    44.44% {
        -webkit-transform: translate(788.8px, 418.1px);
        transform: translate(788.8px, 418.1px)
    }

    55.56% {
        -webkit-transform: translate(829.2px, 429.4px);
        transform: translate(829.2px, 429.4px)
    }

    66.67% {
        -webkit-transform: translate(869.6px, 440.7px);
        transform: translate(869.6px, 440.7px)
    }

    77.78% {
        -webkit-transform: translate(910px, 429.4px);
        transform: translate(910px, 429.4px)
    }

    88.89% {
        -webkit-transform: translate(950.4px, 418.1px);
        transform: translate(950.4px, 418.1px)
    }

    100% {
        -webkit-transform: translate(990.8px, 418.1px);
        transform: translate(990.8px, 418.1px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation7 {
    0% {
        -webkit-transform: translate(950.4px, 45.2px);
        transform: translate(950.4px, 45.2px)
    }

    10% {
        -webkit-transform: translate(990.8px, 56.5px);
        transform: translate(990.8px, 56.5px)
    }

    20% {
        -webkit-transform: translate(1031.2px, 45.2px);
        transform: translate(1031.2px, 45.2px)
    }

    30% {
        -webkit-transform: translate(1071.6px, 45.2px);
        transform: translate(1071.6px, 45.2px)
    }

    40% {
        -webkit-transform: translate(1112px, 33.9px);
        transform: translate(1112px, 33.9px)
    }

    50% {
        -webkit-transform: translate(1152.4px, 33.9px);
        transform: translate(1152.4px, 33.9px)
    }

    60% {
        -webkit-transform: translate(1192.8px, 22.6px);
        transform: translate(1192.8px, 22.6px)
    }

    70% {
        -webkit-transform: translate(1233.2px, 33.9px);
        transform: translate(1233.2px, 33.9px)
    }

    80% {
        -webkit-transform: translate(1273.6px, 33.9px);
        transform: translate(1273.6px, 33.9px)
    }

    90% {
        -webkit-transform: translate(1314px, 45.2px);
        transform: translate(1314px, 45.2px)
    }

    100% {
        -webkit-transform: translate(1354.4px, 56.5px);
        transform: translate(1354.4px, 56.5px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation7 {
    0% {
        -webkit-transform: translate(950.4px, 45.2px);
        transform: translate(950.4px, 45.2px)
    }

    10% {
        -webkit-transform: translate(990.8px, 56.5px);
        transform: translate(990.8px, 56.5px)
    }

    20% {
        -webkit-transform: translate(1031.2px, 45.2px);
        transform: translate(1031.2px, 45.2px)
    }

    30% {
        -webkit-transform: translate(1071.6px, 45.2px);
        transform: translate(1071.6px, 45.2px)
    }

    40% {
        -webkit-transform: translate(1112px, 33.9px);
        transform: translate(1112px, 33.9px)
    }

    50% {
        -webkit-transform: translate(1152.4px, 33.9px);
        transform: translate(1152.4px, 33.9px)
    }

    60% {
        -webkit-transform: translate(1192.8px, 22.6px);
        transform: translate(1192.8px, 22.6px)
    }

    70% {
        -webkit-transform: translate(1233.2px, 33.9px);
        transform: translate(1233.2px, 33.9px)
    }

    80% {
        -webkit-transform: translate(1273.6px, 33.9px);
        transform: translate(1273.6px, 33.9px)
    }

    90% {
        -webkit-transform: translate(1314px, 45.2px);
        transform: translate(1314px, 45.2px)
    }

    100% {
        -webkit-transform: translate(1354.4px, 56.5px);
        transform: translate(1354.4px, 56.5px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation8 {
    0% {
        -webkit-transform: translate(344.4px, 384.2px);
        transform: translate(344.4px, 384.2px)
    }

    5.56% {
        -webkit-transform: translate(384.8px, 384.2px);
        transform: translate(384.8px, 384.2px)
    }

    11.11% {
        -webkit-transform: translate(425.2px, 372.9px);
        transform: translate(425.2px, 372.9px)
    }

    16.67% {
        -webkit-transform: translate(465.6px, 372.9px);
        transform: translate(465.6px, 372.9px)
    }

    22.22% {
        -webkit-transform: translate(506px, 372.9px);
        transform: translate(506px, 372.9px)
    }

    27.78% {
        -webkit-transform: translate(546.4px, 361.6px);
        transform: translate(546.4px, 361.6px)
    }

    33.33% {
        -webkit-transform: translate(586.8px, 372.9px);
        transform: translate(586.8px, 372.9px)
    }

    38.89% {
        -webkit-transform: translate(627.2px, 361.6px);
        transform: translate(627.2px, 361.6px)
    }

    44.44% {
        -webkit-transform: translate(667.6px, 361.6px);
        transform: translate(667.6px, 361.6px)
    }

    50% {
        -webkit-transform: translate(708px, 361.6px);
        transform: translate(708px, 361.6px)
    }

    55.56% {
        -webkit-transform: translate(748.4px, 361.6px);
        transform: translate(748.4px, 361.6px)
    }

    61.11% {
        -webkit-transform: translate(788.8px, 361.6px);
        transform: translate(788.8px, 361.6px)
    }

    66.67% {
        -webkit-transform: translate(829.2px, 372.9px);
        transform: translate(829.2px, 372.9px)
    }

    72.22% {
        -webkit-transform: translate(869.6px, 384.2px);
        transform: translate(869.6px, 384.2px)
    }

    77.78% {
        -webkit-transform: translate(910px, 395.5px);
        transform: translate(910px, 395.5px)
    }

    83.33% {
        -webkit-transform: translate(950.4px, 395.5px);
        transform: translate(950.4px, 395.5px)
    }

    88.89% {
        -webkit-transform: translate(990.8px, 406.8px);
        transform: translate(990.8px, 406.8px)
    }

    94.44% {
        -webkit-transform: translate(1031.2px, 418.1px);
        transform: translate(1031.2px, 418.1px)
    }

    100% {
        -webkit-transform: translate(1071.6px, 406.8px);
        transform: translate(1071.6px, 406.8px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation8 {
    0% {
        -webkit-transform: translate(344.4px, 384.2px);
        transform: translate(344.4px, 384.2px)
    }

    5.56% {
        -webkit-transform: translate(384.8px, 384.2px);
        transform: translate(384.8px, 384.2px)
    }

    11.11% {
        -webkit-transform: translate(425.2px, 372.9px);
        transform: translate(425.2px, 372.9px)
    }

    16.67% {
        -webkit-transform: translate(465.6px, 372.9px);
        transform: translate(465.6px, 372.9px)
    }

    22.22% {
        -webkit-transform: translate(506px, 372.9px);
        transform: translate(506px, 372.9px)
    }

    27.78% {
        -webkit-transform: translate(546.4px, 361.6px);
        transform: translate(546.4px, 361.6px)
    }

    33.33% {
        -webkit-transform: translate(586.8px, 372.9px);
        transform: translate(586.8px, 372.9px)
    }

    38.89% {
        -webkit-transform: translate(627.2px, 361.6px);
        transform: translate(627.2px, 361.6px)
    }

    44.44% {
        -webkit-transform: translate(667.6px, 361.6px);
        transform: translate(667.6px, 361.6px)
    }

    50% {
        -webkit-transform: translate(708px, 361.6px);
        transform: translate(708px, 361.6px)
    }

    55.56% {
        -webkit-transform: translate(748.4px, 361.6px);
        transform: translate(748.4px, 361.6px)
    }

    61.11% {
        -webkit-transform: translate(788.8px, 361.6px);
        transform: translate(788.8px, 361.6px)
    }

    66.67% {
        -webkit-transform: translate(829.2px, 372.9px);
        transform: translate(829.2px, 372.9px)
    }

    72.22% {
        -webkit-transform: translate(869.6px, 384.2px);
        transform: translate(869.6px, 384.2px)
    }

    77.78% {
        -webkit-transform: translate(910px, 395.5px);
        transform: translate(910px, 395.5px)
    }

    83.33% {
        -webkit-transform: translate(950.4px, 395.5px);
        transform: translate(950.4px, 395.5px)
    }

    88.89% {
        -webkit-transform: translate(990.8px, 406.8px);
        transform: translate(990.8px, 406.8px)
    }

    94.44% {
        -webkit-transform: translate(1031.2px, 418.1px);
        transform: translate(1031.2px, 418.1px)
    }

    100% {
        -webkit-transform: translate(1071.6px, 406.8px);
        transform: translate(1071.6px, 406.8px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation9 {
    0% {
        -webkit-transform: translate(748.4px, 316.4px);
        transform: translate(748.4px, 316.4px)
    }

    5% {
        -webkit-transform: translate(788.8px, 305.1px);
        transform: translate(788.8px, 305.1px)
    }

    10% {
        -webkit-transform: translate(829.2px, 293.8px);
        transform: translate(829.2px, 293.8px)
    }

    15% {
        -webkit-transform: translate(869.6px, 305.1px);
        transform: translate(869.6px, 305.1px)
    }

    20% {
        -webkit-transform: translate(910px, 316.4px);
        transform: translate(910px, 316.4px)
    }

    25% {
        -webkit-transform: translate(950.4px, 316.4px);
        transform: translate(950.4px, 316.4px)
    }

    30% {
        -webkit-transform: translate(990.8px, 305.1px);
        transform: translate(990.8px, 305.1px)
    }

    35% {
        -webkit-transform: translate(1031.2px, 293.8px);
        transform: translate(1031.2px, 293.8px)
    }

    40% {
        -webkit-transform: translate(1071.6px, 305.1px);
        transform: translate(1071.6px, 305.1px)
    }

    45% {
        -webkit-transform: translate(1112px, 305.1px);
        transform: translate(1112px, 305.1px)
    }

    50% {
        -webkit-transform: translate(1152.4px, 305.1px);
        transform: translate(1152.4px, 305.1px)
    }

    55% {
        -webkit-transform: translate(1192.8px, 316.4px);
        transform: translate(1192.8px, 316.4px)
    }

    60% {
        -webkit-transform: translate(1233.2px, 305.1px);
        transform: translate(1233.2px, 305.1px)
    }

    65% {
        -webkit-transform: translate(1273.6px, 316.4px);
        transform: translate(1273.6px, 316.4px)
    }

    70% {
        -webkit-transform: translate(1314px, 305.1px);
        transform: translate(1314px, 305.1px)
    }

    75% {
        -webkit-transform: translate(1354.4px, 293.8px);
        transform: translate(1354.4px, 293.8px)
    }

    80% {
        -webkit-transform: translate(1394.8px, 293.8px);
        transform: translate(1394.8px, 293.8px)
    }

    85% {
        -webkit-transform: translate(1435.2px, 305.1px);
        transform: translate(1435.2px, 305.1px)
    }

    90% {
        -webkit-transform: translate(1475.6px, 305.1px);
        transform: translate(1475.6px, 305.1px)
    }

    95% {
        -webkit-transform: translate(1516px, 293.8px);
        transform: translate(1516px, 293.8px)
    }

    100% {
        -webkit-transform: translate(1556.4px, 305.1px);
        transform: translate(1556.4px, 305.1px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation9 {
    0% {
        -webkit-transform: translate(748.4px, 316.4px);
        transform: translate(748.4px, 316.4px)
    }

    5% {
        -webkit-transform: translate(788.8px, 305.1px);
        transform: translate(788.8px, 305.1px)
    }

    10% {
        -webkit-transform: translate(829.2px, 293.8px);
        transform: translate(829.2px, 293.8px)
    }

    15% {
        -webkit-transform: translate(869.6px, 305.1px);
        transform: translate(869.6px, 305.1px)
    }

    20% {
        -webkit-transform: translate(910px, 316.4px);
        transform: translate(910px, 316.4px)
    }

    25% {
        -webkit-transform: translate(950.4px, 316.4px);
        transform: translate(950.4px, 316.4px)
    }

    30% {
        -webkit-transform: translate(990.8px, 305.1px);
        transform: translate(990.8px, 305.1px)
    }

    35% {
        -webkit-transform: translate(1031.2px, 293.8px);
        transform: translate(1031.2px, 293.8px)
    }

    40% {
        -webkit-transform: translate(1071.6px, 305.1px);
        transform: translate(1071.6px, 305.1px)
    }

    45% {
        -webkit-transform: translate(1112px, 305.1px);
        transform: translate(1112px, 305.1px)
    }

    50% {
        -webkit-transform: translate(1152.4px, 305.1px);
        transform: translate(1152.4px, 305.1px)
    }

    55% {
        -webkit-transform: translate(1192.8px, 316.4px);
        transform: translate(1192.8px, 316.4px)
    }

    60% {
        -webkit-transform: translate(1233.2px, 305.1px);
        transform: translate(1233.2px, 305.1px)
    }

    65% {
        -webkit-transform: translate(1273.6px, 316.4px);
        transform: translate(1273.6px, 316.4px)
    }

    70% {
        -webkit-transform: translate(1314px, 305.1px);
        transform: translate(1314px, 305.1px)
    }

    75% {
        -webkit-transform: translate(1354.4px, 293.8px);
        transform: translate(1354.4px, 293.8px)
    }

    80% {
        -webkit-transform: translate(1394.8px, 293.8px);
        transform: translate(1394.8px, 293.8px)
    }

    85% {
        -webkit-transform: translate(1435.2px, 305.1px);
        transform: translate(1435.2px, 305.1px)
    }

    90% {
        -webkit-transform: translate(1475.6px, 305.1px);
        transform: translate(1475.6px, 305.1px)
    }

    95% {
        -webkit-transform: translate(1516px, 293.8px);
        transform: translate(1516px, 293.8px)
    }

    100% {
        -webkit-transform: translate(1556.4px, 305.1px);
        transform: translate(1556.4px, 305.1px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation10 {
    0% {
        -webkit-transform: translate(1071.6px, 372.9px);
        transform: translate(1071.6px, 372.9px)
    }

    7.14% {
        -webkit-transform: translate(1112px, 372.9px);
        transform: translate(1112px, 372.9px)
    }

    14.29% {
        -webkit-transform: translate(1152.4px, 372.9px);
        transform: translate(1152.4px, 372.9px)
    }

    21.43% {
        -webkit-transform: translate(1192.8px, 361.6px);
        transform: translate(1192.8px, 361.6px)
    }

    28.57% {
        -webkit-transform: translate(1233.2px, 361.6px);
        transform: translate(1233.2px, 361.6px)
    }

    35.71% {
        -webkit-transform: translate(1273.6px, 361.6px);
        transform: translate(1273.6px, 361.6px)
    }

    42.86% {
        -webkit-transform: translate(1314px, 372.9px);
        transform: translate(1314px, 372.9px)
    }

    50% {
        -webkit-transform: translate(1354.4px, 361.6px);
        transform: translate(1354.4px, 361.6px)
    }

    57.14% {
        -webkit-transform: translate(1394.8px, 361.6px);
        transform: translate(1394.8px, 361.6px)
    }

    64.29% {
        -webkit-transform: translate(1435.2px, 350.3px);
        transform: translate(1435.2px, 350.3px)
    }

    71.43% {
        -webkit-transform: translate(1475.6px, 361.6px);
        transform: translate(1475.6px, 361.6px)
    }

    78.57% {
        -webkit-transform: translate(1516px, 372.9px);
        transform: translate(1516px, 372.9px)
    }

    85.71% {
        -webkit-transform: translate(1556.4px, 384.2px);
        transform: translate(1556.4px, 384.2px)
    }

    92.86% {
        -webkit-transform: translate(1596.8px, 395.5px);
        transform: translate(1596.8px, 395.5px)
    }

    100% {
        -webkit-transform: translate(1637.2px, 406.8px);
        transform: translate(1637.2px, 406.8px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation10 {
    0% {
        -webkit-transform: translate(1071.6px, 372.9px);
        transform: translate(1071.6px, 372.9px)
    }

    7.14% {
        -webkit-transform: translate(1112px, 372.9px);
        transform: translate(1112px, 372.9px)
    }

    14.29% {
        -webkit-transform: translate(1152.4px, 372.9px);
        transform: translate(1152.4px, 372.9px)
    }

    21.43% {
        -webkit-transform: translate(1192.8px, 361.6px);
        transform: translate(1192.8px, 361.6px)
    }

    28.57% {
        -webkit-transform: translate(1233.2px, 361.6px);
        transform: translate(1233.2px, 361.6px)
    }

    35.71% {
        -webkit-transform: translate(1273.6px, 361.6px);
        transform: translate(1273.6px, 361.6px)
    }

    42.86% {
        -webkit-transform: translate(1314px, 372.9px);
        transform: translate(1314px, 372.9px)
    }

    50% {
        -webkit-transform: translate(1354.4px, 361.6px);
        transform: translate(1354.4px, 361.6px)
    }

    57.14% {
        -webkit-transform: translate(1394.8px, 361.6px);
        transform: translate(1394.8px, 361.6px)
    }

    64.29% {
        -webkit-transform: translate(1435.2px, 350.3px);
        transform: translate(1435.2px, 350.3px)
    }

    71.43% {
        -webkit-transform: translate(1475.6px, 361.6px);
        transform: translate(1475.6px, 361.6px)
    }

    78.57% {
        -webkit-transform: translate(1516px, 372.9px);
        transform: translate(1516px, 372.9px)
    }

    85.71% {
        -webkit-transform: translate(1556.4px, 384.2px);
        transform: translate(1556.4px, 384.2px)
    }

    92.86% {
        -webkit-transform: translate(1596.8px, 395.5px);
        transform: translate(1596.8px, 395.5px)
    }

    100% {
        -webkit-transform: translate(1637.2px, 406.8px);
        transform: translate(1637.2px, 406.8px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation11 {
    0% {
        -webkit-transform: translate(829.2px, 79.1px);
        transform: translate(829.2px, 79.1px)
    }

    50% {
        -webkit-transform: translate(869.6px, 67.8px);
        transform: translate(869.6px, 67.8px)
    }

    100% {
        -webkit-transform: translate(910px, 67.8px);
        transform: translate(910px, 67.8px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation11 {
    0% {
        -webkit-transform: translate(829.2px, 79.1px);
        transform: translate(829.2px, 79.1px)
    }

    50% {
        -webkit-transform: translate(869.6px, 67.8px);
        transform: translate(869.6px, 67.8px)
    }

    100% {
        -webkit-transform: translate(910px, 67.8px);
        transform: translate(910px, 67.8px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation12 {
    0% {
        -webkit-transform: translate(586.8px, 237.3px);
        transform: translate(586.8px, 237.3px)
    }

    7.14% {
        -webkit-transform: translate(627.2px, 248.6px);
        transform: translate(627.2px, 248.6px)
    }

    14.29% {
        -webkit-transform: translate(667.6px, 248.6px);
        transform: translate(667.6px, 248.6px)
    }

    21.43% {
        -webkit-transform: translate(708px, 248.6px);
        transform: translate(708px, 248.6px)
    }

    28.57% {
        -webkit-transform: translate(748.4px, 248.6px);
        transform: translate(748.4px, 248.6px)
    }

    35.71% {
        -webkit-transform: translate(788.8px, 259.9px);
        transform: translate(788.8px, 259.9px)
    }

    42.86% {
        -webkit-transform: translate(829.2px, 271.2px);
        transform: translate(829.2px, 271.2px)
    }

    50% {
        -webkit-transform: translate(869.6px, 271.2px);
        transform: translate(869.6px, 271.2px)
    }

    57.14% {
        -webkit-transform: translate(910px, 282.5px);
        transform: translate(910px, 282.5px)
    }

    64.29% {
        -webkit-transform: translate(950.4px, 293.8px);
        transform: translate(950.4px, 293.8px)
    }

    71.43% {
        -webkit-transform: translate(990.8px, 293.8px);
        transform: translate(990.8px, 293.8px)
    }

    78.57% {
        -webkit-transform: translate(1031.2px, 282.5px);
        transform: translate(1031.2px, 282.5px)
    }

    85.71% {
        -webkit-transform: translate(1071.6px, 293.8px);
        transform: translate(1071.6px, 293.8px)
    }

    92.86% {
        -webkit-transform: translate(1112px, 282.5px);
        transform: translate(1112px, 282.5px)
    }

    100% {
        -webkit-transform: translate(1152.4px, 271.2px);
        transform: translate(1152.4px, 271.2px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation12 {
    0% {
        -webkit-transform: translate(586.8px, 237.3px);
        transform: translate(586.8px, 237.3px)
    }

    7.14% {
        -webkit-transform: translate(627.2px, 248.6px);
        transform: translate(627.2px, 248.6px)
    }

    14.29% {
        -webkit-transform: translate(667.6px, 248.6px);
        transform: translate(667.6px, 248.6px)
    }

    21.43% {
        -webkit-transform: translate(708px, 248.6px);
        transform: translate(708px, 248.6px)
    }

    28.57% {
        -webkit-transform: translate(748.4px, 248.6px);
        transform: translate(748.4px, 248.6px)
    }

    35.71% {
        -webkit-transform: translate(788.8px, 259.9px);
        transform: translate(788.8px, 259.9px)
    }

    42.86% {
        -webkit-transform: translate(829.2px, 271.2px);
        transform: translate(829.2px, 271.2px)
    }

    50% {
        -webkit-transform: translate(869.6px, 271.2px);
        transform: translate(869.6px, 271.2px)
    }

    57.14% {
        -webkit-transform: translate(910px, 282.5px);
        transform: translate(910px, 282.5px)
    }

    64.29% {
        -webkit-transform: translate(950.4px, 293.8px);
        transform: translate(950.4px, 293.8px)
    }

    71.43% {
        -webkit-transform: translate(990.8px, 293.8px);
        transform: translate(990.8px, 293.8px)
    }

    78.57% {
        -webkit-transform: translate(1031.2px, 282.5px);
        transform: translate(1031.2px, 282.5px)
    }

    85.71% {
        -webkit-transform: translate(1071.6px, 293.8px);
        transform: translate(1071.6px, 293.8px)
    }

    92.86% {
        -webkit-transform: translate(1112px, 282.5px);
        transform: translate(1112px, 282.5px)
    }

    100% {
        -webkit-transform: translate(1152.4px, 271.2px);
        transform: translate(1152.4px, 271.2px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation13 {
    0% {
        -webkit-transform: translate(-59.6px, 101.7px);
        transform: translate(-59.6px, 101.7px)
    }

    2.94% {
        -webkit-transform: translate(-19.2px, 113px);
        transform: translate(-19.2px, 113px)
    }

    5.88% {
        -webkit-transform: translate(21.2px, 113px);
        transform: translate(21.2px, 113px)
    }

    8.82% {
        -webkit-transform: translate(61.6px, 113px);
        transform: translate(61.6px, 113px)
    }

    11.76% {
        -webkit-transform: translate(102px, 113px);
        transform: translate(102px, 113px)
    }

    14.71% {
        -webkit-transform: translate(142.4px, 113px);
        transform: translate(142.4px, 113px)
    }

    17.65% {
        -webkit-transform: translate(182.8px, 101.7px);
        transform: translate(182.8px, 101.7px)
    }

    20.59% {
        -webkit-transform: translate(223.2px, 101.7px);
        transform: translate(223.2px, 101.7px)
    }

    23.53% {
        -webkit-transform: translate(263.6px, 113px);
        transform: translate(263.6px, 113px)
    }

    26.47% {
        -webkit-transform: translate(304px, 113px);
        transform: translate(304px, 113px)
    }

    29.41% {
        -webkit-transform: translate(344.4px, 124.3px);
        transform: translate(344.4px, 124.3px)
    }

    32.35% {
        -webkit-transform: translate(384.8px, 113px);
        transform: translate(384.8px, 113px)
    }

    35.29% {
        -webkit-transform: translate(425.2px, 124.3px);
        transform: translate(425.2px, 124.3px)
    }

    38.24% {
        -webkit-transform: translate(465.6px, 124.3px);
        transform: translate(465.6px, 124.3px)
    }

    41.18% {
        -webkit-transform: translate(506px, 113px);
        transform: translate(506px, 113px)
    }

    44.12% {
        -webkit-transform: translate(546.4px, 124.3px);
        transform: translate(546.4px, 124.3px)
    }

    47.06% {
        -webkit-transform: translate(586.8px, 135.6px);
        transform: translate(586.8px, 135.6px)
    }

    50% {
        -webkit-transform: translate(627.2px, 135.6px);
        transform: translate(627.2px, 135.6px)
    }

    52.94% {
        -webkit-transform: translate(667.6px, 135.6px);
        transform: translate(667.6px, 135.6px)
    }

    55.88% {
        -webkit-transform: translate(708px, 135.6px);
        transform: translate(708px, 135.6px)
    }

    58.82% {
        -webkit-transform: translate(748.4px, 124.3px);
        transform: translate(748.4px, 124.3px)
    }

    61.76% {
        -webkit-transform: translate(788.8px, 113px);
        transform: translate(788.8px, 113px)
    }

    64.71% {
        -webkit-transform: translate(829.2px, 113px);
        transform: translate(829.2px, 113px)
    }

    67.65% {
        -webkit-transform: translate(869.6px, 113px);
        transform: translate(869.6px, 113px)
    }

    70.59% {
        -webkit-transform: translate(910px, 124.3px);
        transform: translate(910px, 124.3px)
    }

    73.53% {
        -webkit-transform: translate(950.4px, 113px);
        transform: translate(950.4px, 113px)
    }

    76.47% {
        -webkit-transform: translate(990.8px, 113px);
        transform: translate(990.8px, 113px)
    }

    79.41% {
        -webkit-transform: translate(1031.2px, 124.3px);
        transform: translate(1031.2px, 124.3px)
    }

    82.35% {
        -webkit-transform: translate(1071.6px, 113px);
        transform: translate(1071.6px, 113px)
    }

    85.29% {
        -webkit-transform: translate(1112px, 113px);
        transform: translate(1112px, 113px)
    }

    88.24% {
        -webkit-transform: translate(1152.4px, 101.7px);
        transform: translate(1152.4px, 101.7px)
    }

    91.18% {
        -webkit-transform: translate(1192.8px, 113px);
        transform: translate(1192.8px, 113px)
    }

    94.12% {
        -webkit-transform: translate(1233.2px, 113px);
        transform: translate(1233.2px, 113px)
    }

    97.06% {
        -webkit-transform: translate(1273.6px, 124.3px);
        transform: translate(1273.6px, 124.3px)
    }

    100% {
        -webkit-transform: translate(1314px, 124.3px);
        transform: translate(1314px, 124.3px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation13 {
    0% {
        -webkit-transform: translate(-59.6px, 101.7px);
        transform: translate(-59.6px, 101.7px)
    }

    2.94% {
        -webkit-transform: translate(-19.2px, 113px);
        transform: translate(-19.2px, 113px)
    }

    5.88% {
        -webkit-transform: translate(21.2px, 113px);
        transform: translate(21.2px, 113px)
    }

    8.82% {
        -webkit-transform: translate(61.6px, 113px);
        transform: translate(61.6px, 113px)
    }

    11.76% {
        -webkit-transform: translate(102px, 113px);
        transform: translate(102px, 113px)
    }

    14.71% {
        -webkit-transform: translate(142.4px, 113px);
        transform: translate(142.4px, 113px)
    }

    17.65% {
        -webkit-transform: translate(182.8px, 101.7px);
        transform: translate(182.8px, 101.7px)
    }

    20.59% {
        -webkit-transform: translate(223.2px, 101.7px);
        transform: translate(223.2px, 101.7px)
    }

    23.53% {
        -webkit-transform: translate(263.6px, 113px);
        transform: translate(263.6px, 113px)
    }

    26.47% {
        -webkit-transform: translate(304px, 113px);
        transform: translate(304px, 113px)
    }

    29.41% {
        -webkit-transform: translate(344.4px, 124.3px);
        transform: translate(344.4px, 124.3px)
    }

    32.35% {
        -webkit-transform: translate(384.8px, 113px);
        transform: translate(384.8px, 113px)
    }

    35.29% {
        -webkit-transform: translate(425.2px, 124.3px);
        transform: translate(425.2px, 124.3px)
    }

    38.24% {
        -webkit-transform: translate(465.6px, 124.3px);
        transform: translate(465.6px, 124.3px)
    }

    41.18% {
        -webkit-transform: translate(506px, 113px);
        transform: translate(506px, 113px)
    }

    44.12% {
        -webkit-transform: translate(546.4px, 124.3px);
        transform: translate(546.4px, 124.3px)
    }

    47.06% {
        -webkit-transform: translate(586.8px, 135.6px);
        transform: translate(586.8px, 135.6px)
    }

    50% {
        -webkit-transform: translate(627.2px, 135.6px);
        transform: translate(627.2px, 135.6px)
    }

    52.94% {
        -webkit-transform: translate(667.6px, 135.6px);
        transform: translate(667.6px, 135.6px)
    }

    55.88% {
        -webkit-transform: translate(708px, 135.6px);
        transform: translate(708px, 135.6px)
    }

    58.82% {
        -webkit-transform: translate(748.4px, 124.3px);
        transform: translate(748.4px, 124.3px)
    }

    61.76% {
        -webkit-transform: translate(788.8px, 113px);
        transform: translate(788.8px, 113px)
    }

    64.71% {
        -webkit-transform: translate(829.2px, 113px);
        transform: translate(829.2px, 113px)
    }

    67.65% {
        -webkit-transform: translate(869.6px, 113px);
        transform: translate(869.6px, 113px)
    }

    70.59% {
        -webkit-transform: translate(910px, 124.3px);
        transform: translate(910px, 124.3px)
    }

    73.53% {
        -webkit-transform: translate(950.4px, 113px);
        transform: translate(950.4px, 113px)
    }

    76.47% {
        -webkit-transform: translate(990.8px, 113px);
        transform: translate(990.8px, 113px)
    }

    79.41% {
        -webkit-transform: translate(1031.2px, 124.3px);
        transform: translate(1031.2px, 124.3px)
    }

    82.35% {
        -webkit-transform: translate(1071.6px, 113px);
        transform: translate(1071.6px, 113px)
    }

    85.29% {
        -webkit-transform: translate(1112px, 113px);
        transform: translate(1112px, 113px)
    }

    88.24% {
        -webkit-transform: translate(1152.4px, 101.7px);
        transform: translate(1152.4px, 101.7px)
    }

    91.18% {
        -webkit-transform: translate(1192.8px, 113px);
        transform: translate(1192.8px, 113px)
    }

    94.12% {
        -webkit-transform: translate(1233.2px, 113px);
        transform: translate(1233.2px, 113px)
    }

    97.06% {
        -webkit-transform: translate(1273.6px, 124.3px);
        transform: translate(1273.6px, 124.3px)
    }

    100% {
        -webkit-transform: translate(1314px, 124.3px);
        transform: translate(1314px, 124.3px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation14 {
    0% {
        -webkit-transform: translate(21.2px, 429.4px);
        transform: translate(21.2px, 429.4px)
    }

    16.67% {
        -webkit-transform: translate(61.6px, 418.1px);
        transform: translate(61.6px, 418.1px)
    }

    33.33% {
        -webkit-transform: translate(102px, 418.1px);
        transform: translate(102px, 418.1px)
    }

    50% {
        -webkit-transform: translate(142.4px, 429.4px);
        transform: translate(142.4px, 429.4px)
    }

    66.67% {
        -webkit-transform: translate(182.8px, 440.7px);
        transform: translate(182.8px, 440.7px)
    }

    83.33% {
        -webkit-transform: translate(223.2px, 452px);
        transform: translate(223.2px, 452px)
    }

    100% {
        -webkit-transform: translate(263.6px, 452px);
        transform: translate(263.6px, 452px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation14 {
    0% {
        -webkit-transform: translate(21.2px, 429.4px);
        transform: translate(21.2px, 429.4px)
    }

    16.67% {
        -webkit-transform: translate(61.6px, 418.1px);
        transform: translate(61.6px, 418.1px)
    }

    33.33% {
        -webkit-transform: translate(102px, 418.1px);
        transform: translate(102px, 418.1px)
    }

    50% {
        -webkit-transform: translate(142.4px, 429.4px);
        transform: translate(142.4px, 429.4px)
    }

    66.67% {
        -webkit-transform: translate(182.8px, 440.7px);
        transform: translate(182.8px, 440.7px)
    }

    83.33% {
        -webkit-transform: translate(223.2px, 452px);
        transform: translate(223.2px, 452px)
    }

    100% {
        -webkit-transform: translate(263.6px, 452px);
        transform: translate(263.6px, 452px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation15 {
    0% {
        -webkit-transform: translate(-19.2px, 440.7px);
        transform: translate(-19.2px, 440.7px)
    }

    4% {
        -webkit-transform: translate(21.2px, 452px);
        transform: translate(21.2px, 452px)
    }

    8% {
        -webkit-transform: translate(61.6px, 440.7px);
        transform: translate(61.6px, 440.7px)
    }

    12% {
        -webkit-transform: translate(102px, 429.4px);
        transform: translate(102px, 429.4px)
    }

    16% {
        -webkit-transform: translate(142.4px, 429.4px);
        transform: translate(142.4px, 429.4px)
    }

    20% {
        -webkit-transform: translate(182.8px, 429.4px);
        transform: translate(182.8px, 429.4px)
    }

    24% {
        -webkit-transform: translate(223.2px, 418.1px);
        transform: translate(223.2px, 418.1px)
    }

    28% {
        -webkit-transform: translate(263.6px, 406.8px);
        transform: translate(263.6px, 406.8px)
    }

    32% {
        -webkit-transform: translate(304px, 406.8px);
        transform: translate(304px, 406.8px)
    }

    36% {
        -webkit-transform: translate(344.4px, 418.1px);
        transform: translate(344.4px, 418.1px)
    }

    40% {
        -webkit-transform: translate(384.8px, 429.4px);
        transform: translate(384.8px, 429.4px)
    }

    44% {
        -webkit-transform: translate(425.2px, 440.7px);
        transform: translate(425.2px, 440.7px)
    }

    48% {
        -webkit-transform: translate(465.6px, 429.4px);
        transform: translate(465.6px, 429.4px)
    }

    52% {
        -webkit-transform: translate(506px, 418.1px);
        transform: translate(506px, 418.1px)
    }

    56% {
        -webkit-transform: translate(546.4px, 406.8px);
        transform: translate(546.4px, 406.8px)
    }

    60% {
        -webkit-transform: translate(586.8px, 418.1px);
        transform: translate(586.8px, 418.1px)
    }

    64% {
        -webkit-transform: translate(627.2px, 418.1px);
        transform: translate(627.2px, 418.1px)
    }

    68% {
        -webkit-transform: translate(667.6px, 429.4px);
        transform: translate(667.6px, 429.4px)
    }

    72% {
        -webkit-transform: translate(708px, 418.1px);
        transform: translate(708px, 418.1px)
    }

    76% {
        -webkit-transform: translate(748.4px, 429.4px);
        transform: translate(748.4px, 429.4px)
    }

    80% {
        -webkit-transform: translate(788.8px, 429.4px);
        transform: translate(788.8px, 429.4px)
    }

    84% {
        -webkit-transform: translate(829.2px, 429.4px);
        transform: translate(829.2px, 429.4px)
    }

    88% {
        -webkit-transform: translate(869.6px, 429.4px);
        transform: translate(869.6px, 429.4px)
    }

    92% {
        -webkit-transform: translate(910px, 429.4px);
        transform: translate(910px, 429.4px)
    }

    96% {
        -webkit-transform: translate(950.4px, 429.4px);
        transform: translate(950.4px, 429.4px)
    }

    100% {
        -webkit-transform: translate(990.8px, 418.1px);
        transform: translate(990.8px, 418.1px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation15 {
    0% {
        -webkit-transform: translate(-19.2px, 440.7px);
        transform: translate(-19.2px, 440.7px)
    }

    4% {
        -webkit-transform: translate(21.2px, 452px);
        transform: translate(21.2px, 452px)
    }

    8% {
        -webkit-transform: translate(61.6px, 440.7px);
        transform: translate(61.6px, 440.7px)
    }

    12% {
        -webkit-transform: translate(102px, 429.4px);
        transform: translate(102px, 429.4px)
    }

    16% {
        -webkit-transform: translate(142.4px, 429.4px);
        transform: translate(142.4px, 429.4px)
    }

    20% {
        -webkit-transform: translate(182.8px, 429.4px);
        transform: translate(182.8px, 429.4px)
    }

    24% {
        -webkit-transform: translate(223.2px, 418.1px);
        transform: translate(223.2px, 418.1px)
    }

    28% {
        -webkit-transform: translate(263.6px, 406.8px);
        transform: translate(263.6px, 406.8px)
    }

    32% {
        -webkit-transform: translate(304px, 406.8px);
        transform: translate(304px, 406.8px)
    }

    36% {
        -webkit-transform: translate(344.4px, 418.1px);
        transform: translate(344.4px, 418.1px)
    }

    40% {
        -webkit-transform: translate(384.8px, 429.4px);
        transform: translate(384.8px, 429.4px)
    }

    44% {
        -webkit-transform: translate(425.2px, 440.7px);
        transform: translate(425.2px, 440.7px)
    }

    48% {
        -webkit-transform: translate(465.6px, 429.4px);
        transform: translate(465.6px, 429.4px)
    }

    52% {
        -webkit-transform: translate(506px, 418.1px);
        transform: translate(506px, 418.1px)
    }

    56% {
        -webkit-transform: translate(546.4px, 406.8px);
        transform: translate(546.4px, 406.8px)
    }

    60% {
        -webkit-transform: translate(586.8px, 418.1px);
        transform: translate(586.8px, 418.1px)
    }

    64% {
        -webkit-transform: translate(627.2px, 418.1px);
        transform: translate(627.2px, 418.1px)
    }

    68% {
        -webkit-transform: translate(667.6px, 429.4px);
        transform: translate(667.6px, 429.4px)
    }

    72% {
        -webkit-transform: translate(708px, 418.1px);
        transform: translate(708px, 418.1px)
    }

    76% {
        -webkit-transform: translate(748.4px, 429.4px);
        transform: translate(748.4px, 429.4px)
    }

    80% {
        -webkit-transform: translate(788.8px, 429.4px);
        transform: translate(788.8px, 429.4px)
    }

    84% {
        -webkit-transform: translate(829.2px, 429.4px);
        transform: translate(829.2px, 429.4px)
    }

    88% {
        -webkit-transform: translate(869.6px, 429.4px);
        transform: translate(869.6px, 429.4px)
    }

    92% {
        -webkit-transform: translate(910px, 429.4px);
        transform: translate(910px, 429.4px)
    }

    96% {
        -webkit-transform: translate(950.4px, 429.4px);
        transform: translate(950.4px, 429.4px)
    }

    100% {
        -webkit-transform: translate(990.8px, 418.1px);
        transform: translate(990.8px, 418.1px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation16 {
    0% {
        -webkit-transform: translate(1273.6px, 101.7px);
        transform: translate(1273.6px, 101.7px)
    }

    7.14% {
        -webkit-transform: translate(1314px, 101.7px);
        transform: translate(1314px, 101.7px)
    }

    14.29% {
        -webkit-transform: translate(1354.4px, 101.7px);
        transform: translate(1354.4px, 101.7px)
    }

    21.43% {
        -webkit-transform: translate(1394.8px, 90.4px);
        transform: translate(1394.8px, 90.4px)
    }

    28.57% {
        -webkit-transform: translate(1435.2px, 90.4px);
        transform: translate(1435.2px, 90.4px)
    }

    35.71% {
        -webkit-transform: translate(1475.6px, 90.4px);
        transform: translate(1475.6px, 90.4px)
    }

    42.86% {
        -webkit-transform: translate(1516px, 101.7px);
        transform: translate(1516px, 101.7px)
    }

    50% {
        -webkit-transform: translate(1556.4px, 101.7px);
        transform: translate(1556.4px, 101.7px)
    }

    57.14% {
        -webkit-transform: translate(1596.8px, 113px);
        transform: translate(1596.8px, 113px)
    }

    64.29% {
        -webkit-transform: translate(1637.2px, 101.7px);
        transform: translate(1637.2px, 101.7px)
    }

    71.43% {
        -webkit-transform: translate(1677.6px, 101.7px);
        transform: translate(1677.6px, 101.7px)
    }

    78.57% {
        -webkit-transform: translate(1718px, 101.7px);
        transform: translate(1718px, 101.7px)
    }

    85.71% {
        -webkit-transform: translate(1758.4px, 101.7px);
        transform: translate(1758.4px, 101.7px)
    }

    92.86% {
        -webkit-transform: translate(1798.8px, 90.4px);
        transform: translate(1798.8px, 90.4px)
    }

    100% {
        -webkit-transform: translate(1839.2px, 90.4px);
        transform: translate(1839.2px, 90.4px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation16 {
    0% {
        -webkit-transform: translate(1273.6px, 101.7px);
        transform: translate(1273.6px, 101.7px)
    }

    7.14% {
        -webkit-transform: translate(1314px, 101.7px);
        transform: translate(1314px, 101.7px)
    }

    14.29% {
        -webkit-transform: translate(1354.4px, 101.7px);
        transform: translate(1354.4px, 101.7px)
    }

    21.43% {
        -webkit-transform: translate(1394.8px, 90.4px);
        transform: translate(1394.8px, 90.4px)
    }

    28.57% {
        -webkit-transform: translate(1435.2px, 90.4px);
        transform: translate(1435.2px, 90.4px)
    }

    35.71% {
        -webkit-transform: translate(1475.6px, 90.4px);
        transform: translate(1475.6px, 90.4px)
    }

    42.86% {
        -webkit-transform: translate(1516px, 101.7px);
        transform: translate(1516px, 101.7px)
    }

    50% {
        -webkit-transform: translate(1556.4px, 101.7px);
        transform: translate(1556.4px, 101.7px)
    }

    57.14% {
        -webkit-transform: translate(1596.8px, 113px);
        transform: translate(1596.8px, 113px)
    }

    64.29% {
        -webkit-transform: translate(1637.2px, 101.7px);
        transform: translate(1637.2px, 101.7px)
    }

    71.43% {
        -webkit-transform: translate(1677.6px, 101.7px);
        transform: translate(1677.6px, 101.7px)
    }

    78.57% {
        -webkit-transform: translate(1718px, 101.7px);
        transform: translate(1718px, 101.7px)
    }

    85.71% {
        -webkit-transform: translate(1758.4px, 101.7px);
        transform: translate(1758.4px, 101.7px)
    }

    92.86% {
        -webkit-transform: translate(1798.8px, 90.4px);
        transform: translate(1798.8px, 90.4px)
    }

    100% {
        -webkit-transform: translate(1839.2px, 90.4px);
        transform: translate(1839.2px, 90.4px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation17 {
    0% {
        -webkit-transform: translate(425.2px, 384.2px);
        transform: translate(425.2px, 384.2px)
    }

    14.29% {
        -webkit-transform: translate(465.6px, 372.9px);
        transform: translate(465.6px, 372.9px)
    }

    28.57% {
        -webkit-transform: translate(506px, 384.2px);
        transform: translate(506px, 384.2px)
    }

    42.86% {
        -webkit-transform: translate(546.4px, 395.5px);
        transform: translate(546.4px, 395.5px)
    }

    57.14% {
        -webkit-transform: translate(586.8px, 406.8px);
        transform: translate(586.8px, 406.8px)
    }

    71.43% {
        -webkit-transform: translate(627.2px, 418.1px);
        transform: translate(627.2px, 418.1px)
    }

    85.71% {
        -webkit-transform: translate(667.6px, 418.1px);
        transform: translate(667.6px, 418.1px)
    }

    100% {
        -webkit-transform: translate(708px, 429.4px);
        transform: translate(708px, 429.4px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation17 {
    0% {
        -webkit-transform: translate(425.2px, 384.2px);
        transform: translate(425.2px, 384.2px)
    }

    14.29% {
        -webkit-transform: translate(465.6px, 372.9px);
        transform: translate(465.6px, 372.9px)
    }

    28.57% {
        -webkit-transform: translate(506px, 384.2px);
        transform: translate(506px, 384.2px)
    }

    42.86% {
        -webkit-transform: translate(546.4px, 395.5px);
        transform: translate(546.4px, 395.5px)
    }

    57.14% {
        -webkit-transform: translate(586.8px, 406.8px);
        transform: translate(586.8px, 406.8px)
    }

    71.43% {
        -webkit-transform: translate(627.2px, 418.1px);
        transform: translate(627.2px, 418.1px)
    }

    85.71% {
        -webkit-transform: translate(667.6px, 418.1px);
        transform: translate(667.6px, 418.1px)
    }

    100% {
        -webkit-transform: translate(708px, 429.4px);
        transform: translate(708px, 429.4px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation18 {
    0% {
        -webkit-transform: translate(-19.2px, 56.5px);
        transform: translate(-19.2px, 56.5px)
    }

    3.7% {
        -webkit-transform: translate(21.2px, 56.5px);
        transform: translate(21.2px, 56.5px)
    }

    7.41% {
        -webkit-transform: translate(61.6px, 67.8px);
        transform: translate(61.6px, 67.8px)
    }

    11.11% {
        -webkit-transform: translate(102px, 67.8px);
        transform: translate(102px, 67.8px)
    }

    14.81% {
        -webkit-transform: translate(142.4px, 56.5px);
        transform: translate(142.4px, 56.5px)
    }

    18.52% {
        -webkit-transform: translate(182.8px, 67.8px);
        transform: translate(182.8px, 67.8px)
    }

    22.22% {
        -webkit-transform: translate(223.2px, 56.5px);
        transform: translate(223.2px, 56.5px)
    }

    25.93% {
        -webkit-transform: translate(263.6px, 45.2px);
        transform: translate(263.6px, 45.2px)
    }

    29.63% {
        -webkit-transform: translate(304px, 56.5px);
        transform: translate(304px, 56.5px)
    }

    33.33% {
        -webkit-transform: translate(344.4px, 45.2px);
        transform: translate(344.4px, 45.2px)
    }

    37.04% {
        -webkit-transform: translate(384.8px, 56.5px);
        transform: translate(384.8px, 56.5px)
    }

    40.74% {
        -webkit-transform: translate(425.2px, 67.8px);
        transform: translate(425.2px, 67.8px)
    }

    44.44% {
        -webkit-transform: translate(465.6px, 67.8px);
        transform: translate(465.6px, 67.8px)
    }

    48.15% {
        -webkit-transform: translate(506px, 56.5px);
        transform: translate(506px, 56.5px)
    }

    51.85% {
        -webkit-transform: translate(546.4px, 45.2px);
        transform: translate(546.4px, 45.2px)
    }

    55.56% {
        -webkit-transform: translate(586.8px, 56.5px);
        transform: translate(586.8px, 56.5px)
    }

    59.26% {
        -webkit-transform: translate(627.2px, 56.5px);
        transform: translate(627.2px, 56.5px)
    }

    62.96% {
        -webkit-transform: translate(667.6px, 67.8px);
        transform: translate(667.6px, 67.8px)
    }

    66.67% {
        -webkit-transform: translate(708px, 79.1px);
        transform: translate(708px, 79.1px)
    }

    70.37% {
        -webkit-transform: translate(748.4px, 79.1px);
        transform: translate(748.4px, 79.1px)
    }

    74.07% {
        -webkit-transform: translate(788.8px, 67.8px);
        transform: translate(788.8px, 67.8px)
    }

    77.78% {
        -webkit-transform: translate(829.2px, 56.5px);
        transform: translate(829.2px, 56.5px)
    }

    81.48% {
        -webkit-transform: translate(869.6px, 67.8px);
        transform: translate(869.6px, 67.8px)
    }

    85.19% {
        -webkit-transform: translate(910px, 79.1px);
        transform: translate(910px, 79.1px)
    }

    88.89% {
        -webkit-transform: translate(950.4px, 67.8px);
        transform: translate(950.4px, 67.8px)
    }

    92.59% {
        -webkit-transform: translate(990.8px, 79.1px);
        transform: translate(990.8px, 79.1px)
    }

    96.3% {
        -webkit-transform: translate(1031.2px, 67.8px);
        transform: translate(1031.2px, 67.8px)
    }

    100% {
        -webkit-transform: translate(1071.6px, 56.5px);
        transform: translate(1071.6px, 56.5px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation18 {
    0% {
        -webkit-transform: translate(-19.2px, 56.5px);
        transform: translate(-19.2px, 56.5px)
    }

    3.7% {
        -webkit-transform: translate(21.2px, 56.5px);
        transform: translate(21.2px, 56.5px)
    }

    7.41% {
        -webkit-transform: translate(61.6px, 67.8px);
        transform: translate(61.6px, 67.8px)
    }

    11.11% {
        -webkit-transform: translate(102px, 67.8px);
        transform: translate(102px, 67.8px)
    }

    14.81% {
        -webkit-transform: translate(142.4px, 56.5px);
        transform: translate(142.4px, 56.5px)
    }

    18.52% {
        -webkit-transform: translate(182.8px, 67.8px);
        transform: translate(182.8px, 67.8px)
    }

    22.22% {
        -webkit-transform: translate(223.2px, 56.5px);
        transform: translate(223.2px, 56.5px)
    }

    25.93% {
        -webkit-transform: translate(263.6px, 45.2px);
        transform: translate(263.6px, 45.2px)
    }

    29.63% {
        -webkit-transform: translate(304px, 56.5px);
        transform: translate(304px, 56.5px)
    }

    33.33% {
        -webkit-transform: translate(344.4px, 45.2px);
        transform: translate(344.4px, 45.2px)
    }

    37.04% {
        -webkit-transform: translate(384.8px, 56.5px);
        transform: translate(384.8px, 56.5px)
    }

    40.74% {
        -webkit-transform: translate(425.2px, 67.8px);
        transform: translate(425.2px, 67.8px)
    }

    44.44% {
        -webkit-transform: translate(465.6px, 67.8px);
        transform: translate(465.6px, 67.8px)
    }

    48.15% {
        -webkit-transform: translate(506px, 56.5px);
        transform: translate(506px, 56.5px)
    }

    51.85% {
        -webkit-transform: translate(546.4px, 45.2px);
        transform: translate(546.4px, 45.2px)
    }

    55.56% {
        -webkit-transform: translate(586.8px, 56.5px);
        transform: translate(586.8px, 56.5px)
    }

    59.26% {
        -webkit-transform: translate(627.2px, 56.5px);
        transform: translate(627.2px, 56.5px)
    }

    62.96% {
        -webkit-transform: translate(667.6px, 67.8px);
        transform: translate(667.6px, 67.8px)
    }

    66.67% {
        -webkit-transform: translate(708px, 79.1px);
        transform: translate(708px, 79.1px)
    }

    70.37% {
        -webkit-transform: translate(748.4px, 79.1px);
        transform: translate(748.4px, 79.1px)
    }

    74.07% {
        -webkit-transform: translate(788.8px, 67.8px);
        transform: translate(788.8px, 67.8px)
    }

    77.78% {
        -webkit-transform: translate(829.2px, 56.5px);
        transform: translate(829.2px, 56.5px)
    }

    81.48% {
        -webkit-transform: translate(869.6px, 67.8px);
        transform: translate(869.6px, 67.8px)
    }

    85.19% {
        -webkit-transform: translate(910px, 79.1px);
        transform: translate(910px, 79.1px)
    }

    88.89% {
        -webkit-transform: translate(950.4px, 67.8px);
        transform: translate(950.4px, 67.8px)
    }

    92.59% {
        -webkit-transform: translate(990.8px, 79.1px);
        transform: translate(990.8px, 79.1px)
    }

    96.3% {
        -webkit-transform: translate(1031.2px, 67.8px);
        transform: translate(1031.2px, 67.8px)
    }

    100% {
        -webkit-transform: translate(1071.6px, 56.5px);
        transform: translate(1071.6px, 56.5px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animation19 {
    0% {
        -webkit-transform: translate(1354.4px, 305.1px);
        transform: translate(1354.4px, 305.1px)
    }

    9.09% {
        -webkit-transform: translate(1394.8px, 305.1px);
        transform: translate(1394.8px, 305.1px)
    }

    18.18% {
        -webkit-transform: translate(1435.2px, 316.4px);
        transform: translate(1435.2px, 316.4px)
    }

    27.27% {
        -webkit-transform: translate(1475.6px, 305.1px);
        transform: translate(1475.6px, 305.1px)
    }

    36.36% {
        -webkit-transform: translate(1516px, 293.8px);
        transform: translate(1516px, 293.8px)
    }

    45.45% {
        -webkit-transform: translate(1556.4px, 282.5px);
        transform: translate(1556.4px, 282.5px)
    }

    54.55% {
        -webkit-transform: translate(1596.8px, 271.2px);
        transform: translate(1596.8px, 271.2px)
    }

    63.64% {
        -webkit-transform: translate(1637.2px, 259.9px);
        transform: translate(1637.2px, 259.9px)
    }

    72.73% {
        -webkit-transform: translate(1677.6px, 271.2px);
        transform: translate(1677.6px, 271.2px)
    }

    81.82% {
        -webkit-transform: translate(1718px, 282.5px);
        transform: translate(1718px, 282.5px)
    }

    90.91% {
        -webkit-transform: translate(1758.4px, 293.8px);
        transform: translate(1758.4px, 293.8px)
    }

    100% {
        -webkit-transform: translate(1798.8px, 282.5px);
        transform: translate(1798.8px, 282.5px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animation19 {
    0% {
        -webkit-transform: translate(1354.4px, 305.1px);
        transform: translate(1354.4px, 305.1px)
    }

    9.09% {
        -webkit-transform: translate(1394.8px, 305.1px);
        transform: translate(1394.8px, 305.1px)
    }

    18.18% {
        -webkit-transform: translate(1435.2px, 316.4px);
        transform: translate(1435.2px, 316.4px)
    }

    27.27% {
        -webkit-transform: translate(1475.6px, 305.1px);
        transform: translate(1475.6px, 305.1px)
    }

    36.36% {
        -webkit-transform: translate(1516px, 293.8px);
        transform: translate(1516px, 293.8px)
    }

    45.45% {
        -webkit-transform: translate(1556.4px, 282.5px);
        transform: translate(1556.4px, 282.5px)
    }

    54.55% {
        -webkit-transform: translate(1596.8px, 271.2px);
        transform: translate(1596.8px, 271.2px)
    }

    63.64% {
        -webkit-transform: translate(1637.2px, 259.9px);
        transform: translate(1637.2px, 259.9px)
    }

    72.73% {
        -webkit-transform: translate(1677.6px, 271.2px);
        transform: translate(1677.6px, 271.2px)
    }

    81.82% {
        -webkit-transform: translate(1718px, 282.5px);
        transform: translate(1718px, 282.5px)
    }

    90.91% {
        -webkit-transform: translate(1758.4px, 293.8px);
        transform: translate(1758.4px, 293.8px)
    }

    100% {
        -webkit-transform: translate(1798.8px, 282.5px);
        transform: translate(1798.8px, 282.5px)
    }

    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.particle {
    position: absolute;
    opacity: 0;
    overflow: visible;
    background-size: contain
}

.elem1 {
    left: -100px;
    top: 11.3px;
    -webkit-animation: animation1 linear 16s infinite;
    animation: animation1 linear 16s infinite;
    height: 32px;
    width: 32px;
    background-image: url(../images/animation-element/element1.svg)
}

.elem2 {
    left: 182.8px;
    top: 0;
    -webkit-animation: animation2 linear 18s infinite;
    animation: animation2 linear 18s infinite;
    height: 31px;
    width: 31px;
    background-image: url(../images/animation-element/element2.svg)
}

.elem3 {
    left: -100px;
    top: 33.9px;
    -webkit-animation: animation3 linear 20s infinite;
    animation: animation3 linear 20s infinite;
    height: 14px;
    width: 14px;
    background-image: url(../images/animation-element/element3.svg)
}

.elem4 {
    left: 61.6px;
    top: 22.6px;
    -webkit-animation: animation4 linear 16s infinite;
    animation: animation4 linear 16s infinite;
    height: 14px;
    width: 14px;
    background-image: url(../images/animation-element/element4.svg)
}

.elem5 {
    left: 263.6px;
    top: 0;
    -webkit-animation: animation5 linear 19s infinite;
    animation: animation5 linear 19s infinite;
    height: 22px;
    width: 22px;
    background-image: url(../images/animation-element/element5.svg)
}

.elem6 {
    left: 21.2px;
    top: 56.5px;
    -webkit-animation: animation6 linear 20s infinite;
    animation: animation6 linear 20s infinite;
    height: 15px;
    width: 15px;
    background-image: url(../images/animation-element/element6.svg)
}

.elem7 {
    left: 223.2px;
    top: 45.2px;
    -webkit-animation: animation7 linear 18s infinite;
    animation: animation7 linear 18s infinite;
    height: 22px;
    width: 22px;
    background-image: url(../images/animation-element/element7.svg)
}

.elem8 {
    left: 263.6px;
    top: 90.4px;
    -webkit-animation: animation8 linear 16s infinite;
    animation: animation8 linear 16s infinite;
    height: 20px;
    width: 20px;
    background-image: url(../images/animation-element/element8.svg)
}

.elem9 {
    left: -19.2px;
    top: 79.1px;
    -webkit-animation: animation9 linear 19s infinite;
    animation: animation9 linear 19s infinite;
    height: 26px;
    width: 26px;
    background-image: url(../images/animation-element/element9.svg)
}

.elem10 {
    left: 102px;
    top: 22.6px;
    -webkit-animation: animation10 linear 18s infinite;
    animation: animation10 linear 18s infinite;
    height: 24px;
    width: 24px;
    background-image: url(../images/animation-element/element1.svg)
}

.elem11 {
    left: 182.8px;
    top: 90.4px;
    -webkit-animation: animation11 linear 20s infinite;
    animation: animation11 linear 20s infinite;
    height: 21px;
    width: 21px;
    background-image: url(../images/animation-element/element2.svg)
}

.elem12 {
    left: 263.6px;
    top: 0;
    -webkit-animation: animation12 linear 18s infinite;
    animation: animation12 linear 18s infinite;
    height: 21px;
    width: 21px;
    background-image: url(../images/animation-element/element3.svg)
}

.elem13 {
    left: 182.8px;
    top: 45.2px;
    -webkit-animation: animation13 linear 20s infinite;
    animation: animation13 linear 20s infinite;
    height: 30px;
    width: 30px;
    background-image: url(../images/animation-element/element4.svg)
}

.elem14 {
    left: 182.8px;
    top: 101.7px;
    -webkit-animation: animation14 linear 16s infinite;
    animation: animation14 linear 16s infinite;
    height: 21px;
    width: 21px;
    background-image: url(../images/animation-element/element5.svg)
}

.elem15 {
    left: 21.2px;
    top: 45.2px;
    -webkit-animation: animation15 linear 20s infinite;
    animation: animation15 linear 20s infinite;
    height: 32px;
    width: 32px;
    background-image: url(../images/animation-element/element6.svg)
}

.elem16 {
    left: 61.6px;
    top: 0;
    -webkit-animation: animation16 linear 20s infinite;
    animation: animation16 linear 20s infinite;
    height: 17px;
    width: 17px;
    background-image: url(../images/animation-element/element7.svg)
}

.elem17 {
    left: -100px;
    top: 56.5px;
    -webkit-animation: animation17 linear 20s infinite;
    animation: animation17 linear 20s infinite;
    height: 29px;
    width: 29px;
    background-image: url(../images/animation-element/element8.svg)
}

.elem18 {
    left: 21.2px;
    top: 67.8px;
    -webkit-animation: animation18 linear 19s infinite;
    animation: animation18 linear 19s infinite;
    height: 18px;
    width: 18px;
    background-image: url(../images/animation-element/element9.svg)
}

.elem19 {
    left: 182.8px;
    top: 22.6px;
    -webkit-animation: animation19 linear 17s infinite;
    animation: animation19 linear 17s infinite;
    height: 18px;
    width: 18px;
    background-image: url(../images/animation-element/element1.svg)
}

.anim-delay1 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.anim-delay2 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.anim-delay3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.anim-delay4 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.anim-delay5 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.anim-delay6 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.anim-delay7 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.anim-delay8 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.anim-delay9 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.anim-delay10 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.anim-delay11 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.anim-delay12 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.anim-delay13 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.anim-delay14 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.anim-delay15 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.anim-delay16 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.anim-delay17 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.anim-delay18 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.anim-delay19 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.anim-delay20 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.element-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0
}

.secwrap {
    width: 100%;
    overflow-x: hidden
}

.muhuratbanner {
    background-color: #f9faff;
    padding-bottom: 56px
}

.muhuratbanner .bannertxt {
    padding-top: 65px
}

.muhuratbanner .bannertxt h1 {
    color: #4761f5;
    font-size: 2.5rem;
    font-weight: 500
}

.muhuratbanner .bannertxt h1 .headtxt {
    font-weight: 700
}

.muhuratbanner .bannertxt .text {
    font-size: 1.125rem;
    color: #48516c;
    padding-top: 18px;
    padding-bottom: 35px;
    line-height: 25px
}

.muhuratbanner .bannertxt .subtext {
    color: #48516c;
    font-size: 18px;
    font-weight: 700
}

.muhuratbanner .datetime {
    padding-top: 10px;
    color: #4761f5;
    font-weight: 700;
    font-size: 18px
}

.muhuratbanner .datetime .date {
    padding: 20px 30px;
    background-color: #4761f533
}

.muhuratbanner .datetime .time {
    padding: 20px 30px;
    background: #4761f51c
}

.muhurattrading {
    background-color: #fff;
    padding: 65px 0;
    position: relative;
    overflow-y: visible
}

.muhurattrading:before {
    position: absolute;
    content: url(../images/section-bg.svg);
    display: block;
    top: -173px;
    right: -175px
}

.muhurattrading:after {
    position: absolute;
    content: url(../images/section-bg.svg);
    display: block;
    bottom: -173px;
    left: -175px;
    z-index: 9
}

.sechead {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 56px
}

.whatmuhurattrading {
    background-color: #fff;
    padding: 65px 0 20px
}

.whatmuhurattrading .muhurtsechead {
    color: #333;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 30px
}

.whatmuhurattrading h2 .muhurttrad {
    font-weight: 700
}

.whatmuhurattrading .muhurttxt {
    font-size: 18px !important;
    color: #48516c;
    padding-top: 56px;
    line-height: 30px !important
}

.muhurattrading .muhurttxt {
    font-size: 18px !important;
    color: #48516c;
    display: flex;
    align-items: center
}

.muhurattrading .muhurtsec {
    display: flex;
    align-items: center;
    justify-content: center
}

.pb-0 {
    padding-bottom: 0
}

.tradingtiming {
    background-color: #f9faff;
    padding: 65px 0;
    position: relative;
    overflow: hidden
}

.tradingtiming:after {
    position: absolute;
    content: url(../images/section-bg.svg);
    display: block;
    top: 136px;
    right: -175px
}

.tradingtxt {
    color: #48516c;
    font-size: 18px;
    line-height: 25px
}

.stockmarket .tradingtxt .paperlesacnt {
    color: #4761f5
}

.tradingtiming table {
    width: 100%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    table-layout: fixed
}

.tradingtiming .table-wrap table tr {
    background-color: #f9faff;
    border-bottom: 1px solid #f1f3fe;
    padding: 15px
}

.tradingtiming .purple table tr {
    background-color: #f9faff;
    border-bottom: 1px solid #eee8f8;
    padding: 15px
}

.tradingtiming .table-wrap table tr th {
    background-color: #4761f5;
    color: #fff;
    padding: 15px 30px;
    font-size: 18px
}

.tradingtiming .table-wrap table tr .purplehead {
    background-color: #6225c2;
    color: #fff;
    padding: 15px 30px;
    font-size: 18px
}

.tradingtiming .table-wrap table tr .label {
    color: #48516c;
    font-size: 16px;
    padding: 15px 30px
}

.tradingtiming .table-wrap table tr .date {
    color: #4761f5;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px
}

.tradingtiming table tr:nth-child(odd) {
    background: #f1f3fe
}

.tradingtiming .purple table tr .purplehead {
    background-color: #6225c2;
    color: #fff;
    padding: 15px 30px;
    font-size: 18px
}

.tradingtiming .purple table tr:nth-child(odd) {
    background: #eee8f8
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.pl-2 {
    padding-left: 1rem
}

.pt-2 {
    padding-top: 15px
}

.note p {
    font-size: 18px !important;
    color: #4761f5
}

.notelist {
    line-height: 27px;
    list-style: outside;
    padding-left: 44px
}

.notelist li span {
    color: #48516c;
    font-size: 16px;
    font-style: italic
}

.notelist li {
    color: #4761f5
}

.preparefortrading {
    background: #fff;
    padding: 65px 0;
    position: relative;
    overflow-y: visible
}

.preparefortrading:after {
    position: absolute;
    content: url(../images/section-bg.svg);
    display: block;
    bottom: -200px;
    left: -109px
}

.stockmarket {
    background: #f9faff;
    padding: 65px 0
}

.muhuratportfolio {
    padding: 65px 0;
    background-color: #f9faff;
    position: relative;
    overflow: hidden;
    overflow-y: visible
}

.muhuratportfolio:after {
    position: absolute;
    content: url(../images/section-bg.svg);
    display: block;
    bottom: 0;
    right: -175px
}

.pt-5 {
    padding-top: 3rem
}

.muhuratportfolio table {
    width: 100%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    table-layout: fixed
}

.muhuratportfolio .table-wrap table tr {
    background-color: #f9faff;
    border-bottom: 1px solid #f1f3fe;
    padding: 15px
}

.muhuratportfolio .table-wrap table tr th {
    background-color: #4761f5;
    color: #fff;
    padding: 15px 30px;
    font-size: 18px
}

.muhuratportfolio .table-wrap table tr .labeltxt {
    color: #48516c;
    font-size: 16px;
    padding: 15px 30px;
    font-weight: 600;
    text-align: left;
    width: 27%
}

.muhuratportfolio .table-wrap table tr .date {
    color: #48516c;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    text-align: left
}

.muhuratportfolio .table-wrap table tr .targetrange {
    color: #4761f5;
    font-size: 16px;
    font-weight: 600;
    text-align: left
}

.muhuratportfolio table tr:nth-child(odd) {
    background: #f1f3fe
}

.muhuratportfolio .Addtowatch {
    color: #48516c;
    font-size: 18px;
    padding-top: 89px
}

.muhuratportfolio .border-btn {
    border: 3px solid #4761f5;
    padding: 10px;
    font-size: 22px;
    font-weight: 500;
    color: #4761f5;
    margin-top: 50px
}

.preparefortrading .muhuratslider .card {
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 3px 6px #00000029;
    position: relative;
    width: 100%;
    height: 100%
}

.preparefortrading .muhuratslider .owl-item:nth-child(odd) .card {
    border: 1px solid #4761f5
}

.preparefortrading .muhuratslider .owl-item:nth-child(even) .card {
    border: 1px solid #6225c2
}

.preparefortrading .muhuratslider .owl-item:nth-child(odd) .card:before {
    position: absolute;
    content: url(../images/prepared-muhurat-trading-time.svg);
    display: block;
    top: -48px;
    left: 40%;
    right: 40%
}

.preparefortrading .muhuratslider .owl-item:nth-child(even) .card:before {
    position: absolute;
    content: url(../images/good-stocks-for-muhurat-trading.svg);
    display: block;
    top: -48px;
    left: 40%;
    right: 40%
}

.preparefortrading .muhuratslider .owl-carousel .owl-stage {
    display: flex
}

.preparefortrading .muhuratslider .owl-carousel .owl-item>div {
    height: 100%
}

.preparefortrading .muhuratslider .owl-dots .active {
    width: 12px;
    height: 12px;
    margin: 0;
    border-radius: 50%;
    background-color: #4761f5;
    margin: 0 5px
}

.preparefortrading .muhuratslider .owl-dots {
    display: flex;
    justify-content: center;
    padding-top: 30px
}

.preparefortrading .muhuratslider .owl-dot {
    width: 12px;
    height: 12px;
    margin: 0;
    border-radius: 50%;
    background-color: #6e88f8;
    margin: 0 5px
}

.preparefortrading .muhuratslider .card .card-text {
    font-size: 1rem !important;
    color: #48516c
}

.preparefortrading .owl-carousel .owl-item:hover {
    background: 0 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important
}

.preparefortrading .owl-carousel .owl-item {
    height: auto;
    padding-top: 50px
}

.preparefortrading .owl-carousel .owl-nav .owl-next {
    display: none !important
}

.preparefortrading .owl-carousel .owl-nav .owl-prev {
    display: none !important
}

.mt-2 {
    margin-top: 2rem
}