@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);h1,h2,h3,h4,h5,h6,p {
    margin: 0
}

.plain-btn,p {
    font-size: 1rem
}

.medium-bold,.plain-btn {
    font-weight: 500
}

.ft-col2 p,a,a:hover {
    text-decoration: none
}

*,.slick-slide,:focus {
    outline: 0
}

::-webkit-scrollbar {
    width: 8px;
    background: #f2f2f3
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f2f2f3
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #000
}

body {
    font-family: Poppins,sans-serif;
    font-weight: 400;
    /*color: #0a0a0abf;*/
   overflow-x: hidden;
        }
        canvas {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1; /* Place the canvas behind all other content */
            pointer-events: none; /* Ensure the canvas doesn't block any interactions */
        }

*,:focus {
    box-sizing: border-box
}

a,a:hover {
    color: #211e1e;
    cursor: pointer
}

a.btn,button.btn {
    background: #211e1e;
    color: #fff;
    transition: .2s;
    border: 2px solid #211e1e;
    border-radius: 5px !important;
}

a.btn:active,a.btn:focus,a.btn:hover,button.btn:active,button.btn:focus,button.btn:hover {
    border: 2px solid #211e1e;
    background-color: #ebebeb;
    box-shadow: 0 5px 10px rgba(0,0,0,.11);
        transform: scale(1.05);
        color: #000;
}

.plain-btn {
    border-bottom: 1px solid rgba(0,0,0,.3);
    color: #000;
    line-height: 1;
    padding-bottom: .3125rem;
    transition: .2s
}

button.slick-arrow::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #000
}

.bg-transform{
  transition:0.5s all;
}

.bg-transform:hover{
    transform: scale(1.05);
}
.innerpg-slider button.slick-prev::before,.talent-slider button.slick-prev::before,.test-txt button.slick-prev::before,button.slick-prev::before {
    content: '\f053'
}

.innerpg-slider button.slick-next::before,.talent-slider button.slick-next::before,.test-txt button.slick-next::before,button.slick-next::before {
    content: '\f054'
}

.img-width50 {
    width: 50%
}

.bg-green,
.contact-form-sec-inpg::after{
     background-color: #ebebeb  !important;
}
.bg-grey {
    /*background-color: #f7f7f76b !important;*/
}

.col-megamenu ul li a:active,
ul.dropdown-menu li:hover a,
ul.nav.main-nav li ul.dropdown-menu li .dropdown-item.active,
ul.nav.main-nav li ul.dropdown-menu li .dropdown-item:active
ul.nav.main-nav li ul.dropdown-menu li:hover .dropdown-item{
    background-color: #211e1e  !important;
    color: #fff;
}

.main-ban-inner img {
    filter: grayscale(0.5);
}

.color-green,.ow-cards .ow-cards-cont a:hover,section.pricingsec [class^=col-md-4]>div.greenbg .pricebox h3,section.pricingsec [class^=col-md-4]>div.greenbg .pricebox span {
    color: #000
}

.heading-50 {
    font-size: 2rem
}

.modal .modal-dialog .modal-content {
    background: 0 0;
    border: 0;
    border-radius: 0
}

.modal .modal-dialog .modal-content button.btn-close,.modal.video .modal-dialog .modal-content button.btn-close:focus {
    right: -20px;
    position: absolute;
    top: -20px;
    background-color: #fff;
    padding: 10px;
    border-radius: 100%;
    transform: none;
    box-sizing: unset;
    box-shadow: unset
}

.dp-shadow {
    filter: drop-shadow(20px 0px 5px #4d4d4d47)
}

.accordion-item {
    color: #0a0a0abf
}

select.form-select {
    height: 50px;
    background: #f3f3f0;
    border: 0
}

.cont-form-hme .error-message {
    display: none;
    color: #fff;
    background: #165c9c;
    text-align: left;
    padding: 15px;
    font-weight: 600
}

.cont-form-hme .error-message br+br {
    margin-top: 25px
}

.cont-form-hme .sent-message {
    display: none;
    color: #fff;
    background: red;
    text-align: center;
    padding: 15px;
    font-weight: 600
}

.cont-form-hme .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px
}

.cont-form-hme .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    animation: 1s linear infinite animate-loading
}

form textarea,form.cont-form-hme>div>input,form.cont-form-hme>div>textarea {
    color: #000;
    border-color: transparent;
    background-color: #f3f3f0;
    border-radius: .6rem
}

.slick-dot-number .slick-dots {
    margin-top: 0;
    position: relative;
    top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.slick-dot-number .slick-dots li.slick-active {
    font-size: 24px;
    font-weight: 600
}

.slick-dot-number .slick-dots li {
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    transition: .2s;
    height: 30px;
    width: 30px;
    padding: 0;
    margin: 0 .3rem;
    justify-content: center;
    display: flex;
    align-items: end
}

.blog-card .card-body h3,.contact-form-col1 p a {
    color: #000;
    font-weight: 700
}

section.contact-form-sec,section.inner-main-ban-cont {
    position: relative;
    z-index: 0
}

section.contact-form-sec .container {
    box-shadow: 0 21px 36px rgba(89,90,92,.07);
    background-color: #f7f7f7;
    border-radius: .5rem;
    padding: 2.8125rem .9375rem 3.125rem
}

.contact-form-col1 {
    width: 23.4375rem;
    text-align: center;
    margin: auto
}

.contact-form-col1 h3,.contact-form-col2 h3 {
    font-size: 2rem;
    font-weight: 600
}

.contact-form-col1 p,.contact-form-col2 p {
    letter-spacing: -.0625rem
}

.contact-form-col2 {
    width: 28.75rem
}

form.cont-form-hme {
    margin-top: 2rem
}

form.cont-form-hme>div {
    margin-bottom: .5rem
}

form.cont-form-hme>div>input {
    font-weight: 600
}

form textarea,form.cont-form-hme>div>textarea {
    font-weight: 600;
    min-height: 150px!important
}

form input,form input::placeholder,form input:focus,form textarea,form textarea:focus,select:focus {
    border-color: transparent!important;
    box-shadow: none!important;
    background-color: #f3f3f0!important;
    height: 50px;
    color: #818180
}

form label {
    font-size: 16px;
    font-weight: 600;
    color: #818180
}

section.contact-form-sec::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 13.4375rem;
    background-color: #202020;
    width: 100%;
    z-index: -1
}

.contact-form-col1 h4 {
    font-size: 1.5rem;
    margin-top: 2.5rem
}

.contact-form-col1 h4 a {
    color: #000
}

footer.footer {
    background-color: #202020;
    padding-top: 8rem
}

.ft-col1 p,.ft-col3 ul li a {
    color: hsla(0,0%,100%,.62);
    transition: .2s;
    text-decoration: none
}

.ft-col2 h4,.ft-col3 h4 {
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem
}

.ft-col2 p {
    color: hsla(0,0%,100%,.62);
    transition: .2s;
    margin-bottom: 1rem
}

.ft-col3 ul {
    padding: 0;
    list-style: none
}

.ft-col3 ul li {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.col-megamenu ul li,ul.dropdown-menu li {
    border-bottom: 1px solid #000;
    /*padding-bottom: 20px;*/
    /*margin: 20px 0 0!important*/
}
.ft-images{text-align:center;}
.ft-images img {width: 40%;margin: auto;/* display: block; */}
.ft-cpy-rt {
    border-top: 1px solid rgba(255,255,255,.07)
}

.ft-cpy-rt p {
    color: hsla(0,0%,100%,.29);
    letter-spacing: -.04375rem;
    text-align: center;
    line-height: 1.4;
    font-size: .875rem
}

form.subscriber-form {
    margin-bottom: 3rem
}

.subscriber-form button.btn {
    background-color: #1f2021
}

.subscriber-form button.btn:hover {
    background: #fff
}

.social-icons ul li a {
    width: 40px;
    height: 40px
}

section.blog-sec {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.heading-h3 h3 {
    font-weight: 500;
    font-size: 2.375rem;
    margin-bottom: 1.875rem
}

.blog-card {
    border: 0;
    box-shadow: none!important
}

.blog-card img {
    box-shadow: 0 21px 36px rgba(89,90,92,.07);
    width: 100%;
    height: 375px;
    object-fit: cover
}

.blog-card .card-body {
    padding: 2rem 0
}

.blog-card .card-body h3 {
    font-size: 1.125rem
}

.blog-card .card-body a,.blog-card .card-body p {
    letter-spacing: -.0625rem;
    font-size: 15px;
    margin: 1rem 0
}

header.navbar {
    height: 100px;
    z-index: 1
}

.header-logo {
    width: 170px
}

.header-logo a {
    margin: auto
}

ul.nav.main-nav li {
    margin: 0 1rem;
    position: relative !important;
}

.col-megamenu ul li a,ul.nav.main-nav li ul.dropdown-menu li a {
    /*padding: .25rem 1rem!important*/
}

button.navbar-toggler,button.navbar-toggler:focus {
    box-shadow: none;
    width: 14%;
    padding: 5px 0;
    margin: 0
}

button.navbar-toggler span {
    font-size: 16px
}

.mobile-nav {
    position: relative;
    z-index: 1
}

div#navbarSupportedContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.mobile-nav .dropdown-menu.show {
    display: block;
    position: relative!important;
    text-align: center;
    border: 0;
    padding: 1rem;
    transform: unset!important;
    background: #dbdbdb;
}

ul.dropdown-menu.dropdown-menu-child {
    display: none !important;
}

li.dropdown-toggle-child:hover ul.dropdown-menu.dropdown-menu-child {
    display: block !important;
    left: 7rem;
    top: 2rem;
}
.dropdown-menu {
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 20px #b7b7b7;
    padding: 0;
}

.dropdown-menu ul li {
    margin: 0 0 !important;
    position: relative;
}

.dropdown-menu ul li a {
       padding: 10px 16px !important;
    border-radius: 0 !important;
    font-size: 14px;
}
.ow-cards,.ow-cards-cont a {
    border-color: #979292!important
}

.ban-cont h1 {
    font-size: 3rem
}

.ban-img {
    height: 600px;
    width: 100%;
    object-fit: contain
}

.ow-cards .icon-square {
    width: 4rem;
    height: 4rem
}

.ow-cards {
    width: 100%
}

.ow-cards-cont p {
    color: #313333
}

.ow-cards-cont a {
    color: #000;
    transition: .2s
}

.our-works-vid2 {
    width: 100%;
    height: 250px;
    /*background: #f5f5f3*/
}

.faq-tag,.test-vid-item.slick-current.slick-center .vid-img::before,section.pricingsec [class^=col-md-4]>div.greenbg a,section.sp-bar {
    background: #bfbfbf;
}

.our-works-vid2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 103%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}
section.counts-sec {
    background-image: url(/assets/media/image/3d-modern-technology-background-with-flowing-connecting-lines.webp);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /*filter: grayscale(100%);*/
    z-index: 0;
}
section.counts-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: -1;
    opacity: 0.8;
}

section.counts-sec::after {
    content: '';
    position: absolute
}

.grn-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.faq-img,.faq-tag,.vid-img,section.sp-bar,section.swign-img {
    position: relative
}

.counter-cards-cont {
    z-index: 0
}

.counter-cards-cont p {
    color: #fff;
    line-height: 1.4;
    font-size: 1.125rem
}

.counter-cards .icon-square {
    width: 5rem;
    height: 5rem;
    z-index: 0;
    padding: 15px;
    border-radius: 100%;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgb(255 255 255 / 24%) 0%, rgb(0 0 0) 100%);
}
.counter-cards .icon-square img {
    filter: brightness(0) invert(1);
}

.counter-cards-cont h3:before {
    content: '';
    position: absolute;
    background-color: #fff;
    border-radius: .6875rem;
    height: .1875rem;
    width: 1.25rem;
    bottom: -.5rem;
    left: 0
}

.ow-cards:hover {
        box-shadow: 0 0 20px 0px #b1aeae94;
    border-color: #211e1e !important;
}

.feature {
    box-shadow: 0 1.3125rem .9375rem rgba(21,88,166,.07);
    border-radius: .5rem;
    padding: 2.8125rem 1.875rem
}

.feature .feature-icon {
    justify-content: unset;
    font-size: 1.125rem;
    color: #000;
    width: unset;
    height: unset
}

.feature-icon.feature-icon-box {
    height: 140px
}

.feature .feature-icon img {
    width: 5rem;
    height: 5rem;
    margin-right: 1rem
}

section.faq-sec {
    /*padding-top: 8rem!important;*/
    /*padding-bottom: 3rem!important*/
}

.faq-accordion {
    padding: 1rem 0
}

.faq-accordion .accordion-item {
    border: 0;
    margin-bottom: .5rem;
    border-radius: 15px
}

.faq-accordion .accordion-item h3.accordion-header {
    background: 0 0
}

.faq-accordion .accordion-item h3.accordion-header button {
    border: 0;
    background: #211e1e;
    border-radius: 15px;
    color: #fff;
    font-family: Poppins, sans-serif;
}

.faq-accordion .accordion-item .accordion-collapse .accordion-body {
    margin: 0;
    letter-spacing: -.0625rem;
    font-size: 16px
}

.faq-accordion .accordion-item h3.accordion-header button::after {
    filter: brightness(0) invert(1)
}

.faq-accordion .accordion-item h3.accordion-header button:focus {
    border-color: unset;
    outline: 0;
    box-shadow: unset
}

.faq-accordion .accordion-item h3.accordion-header button.collapsed {
    background: #eee;
    color: #000
}

.faq-accordion .accordion-item h3.accordion-header button.collapsed::after {
    filter: brightness(1) invert(0)
}

.faq-img {
    width: 90%
}

.faq-tag {
    color: #fff;
    width: 55%;
    margin: auto;
    display: block;
    border-radius: 100px;
    font-size: 49px;
    font-weight: 600;
    padding: 20px 40px;
    text-align: center;
    top: -3rem
}

.faq-tag div {
    font-size: 25px
}

.faq-img::before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 50px solid #00000038;
    top: 0;
    left: -5rem;
    bottom: -5rem;
    border-radius: 100%;
    height: 250px;
    width: 250px;
    opacity: .8;
    z-index: -1;
    margin: auto
}

.text-txt-item {
    padding: 15px 0
}

.test-item-box-inner .feature {
    width: 95%;
    margin: auto;
    border-radius: 0;
    transition: .5s;
    box-shadow: unset;
    /*min-height: 360px*/
}

ul.test-btm {
    margin-top: 2rem!important
}

.talent-slider .feature.feature2 ul li h5,ul.test-btm li {
    font-size: 18px;
    font-weight: 600
}

ul.test-btm li div {
    height: 50px;
    width: 50px
}

.talent-slider button.slick-arrow,.test-txt button.slick-arrow {
    /*top: -4rem;*/
    /*right: 0;*/
    /*left: unset*/
}

.innerpg-slider button.slick-prev,.talent-slider button.slick-prev,.test-txt button.slick-prev,.test-vid button.slick-prev {
    right: 2rem !important;
}

.innerpg-slider button.slick-arrow::before,.talent-slider button.slick-arrow::before,.test-txt button.slick-arrow::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #000!important
}

.text-txt-item.slick-slide.slick-current.slick-active.slick-center .test-item-box-inner .feature {
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 26%)
}

.vid-img {
    border-radius: 50px;
    overflow: hidden
}

.vid-img img {
    height: 100%;
    width: 100%
}

.vid-img button.vid-ply {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 10px solid #14864333;
    background: #fff;
    display: none
}

.vid-img::before {
    content: '';
    position: absolute;
    background: #fefffe;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .52
}

.vid-img button.vid-ply svg {
    color: #000;
    font-size: 20px
}

.test-vid-item.slick-current.slick-center {
    transform: scale(1.2)
}

.test-vid-item.slick-current.slick-center .vid-img button.vid-ply {
    display: block
}

.test-vid .slick-list {
    overflow: initial!important
}

.test-vid-item {
    transform: scale(.8)
}

.test-vid button.slick-arrow {
    bottom: -3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: unset;
    z-index: 8
}

.test-vid button.slick-next {
    left: 2rem
}

.test-vid-item-box {
    padding: 10px
}

.test-vid {
    margin: 2rem 0 3rem
}

.modal.video .modal-dialog .modal-content iframe {
    width: 100%;
    height: 350px;
    display: block
}

.talent-slider .test-item-box-inner .feature img {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 0;
    width: 100%
}

.talent-slider .feature.feature2 ul {
    margin: 0 2rem
}

.talent-slider .feature.feature2 ul li p {
    font-size: 16px;
    font-weight: 400
}

@keyframes mymove {
    0%,100% {
        background-position: left
    }

    50% {
        background-position: right
    }
}

.bg-norepeat {
    background-repeat: no-repeat
}

.bgsize-cover {
    background-size: cover
}

.bg-attachment {
    background-attachment: fixed
}

section.main-ban-sec {
    height: 100vh
}

.team-img img,.video-div,.video-div>video {
    width: 100%;
    height: 100%
}

.feature-inner {
    box-shadow: unset
}

.innerpg-slider button.slick-arrow {
    /*top: -2rem;*/
    /*right: 0;*/
    /*left: unset*/
}

.innerpg-slider .ow-cards {
    min-height: 240px
}

.inner-main-ban {
    height: unset!important
}

.book-bundles-bg-img {
    transform: translateY(24%);
    margin-top: -11rem
}

section.sec5-book-bundles {
    padding-top: 12.1875rem
}

.team-tabs .nav-tabs .nav-item.show .nav-link,.team-tabs .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 2px solid #000;
    font-weight: 600
}

.team-tabs .nav-tabs .nav-item {
    border-bottom: 0!important
}

.team-tabs ul.nav-tabs {
    border-bottom: 0
}

.team-tabs .nav-tabs .nav-link {
    border: 0;
    font-weight: 400;
    color: #000
}

.team-img {
    width: 100%;
    height: 350px
}

.team-img img {
    object-fit: contain;
    object-position: bottom
}

.team-cont {
    top: 15px;
    left: 20px;
    right: 20px;
    bottom: 15px;
    background: #000000ab;
    transition: .5s;
    opacity: 0
}

.team-box:hover .team-cont {
    opacity: 1
}

section.inner-main-ban-cont::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1
}

.contact-form-sec-inpg .contact-form-col2 {
    width: unset!important
}

section.contact-form-sec-inpg {
    text-align: center!important
}

#getqoute .modal-dialog {
    width: 540px;
    max-width: 540px;
    border: 0
}

#getqoute .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    background-image: url(/assets/media/image/from-opened-books.webp);
    position: relative;
    z-index: 0;

}
#getqoute .modal-dialog .modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: white;
    z-index: -1;
    opacity: 0.7;
}
.marquee .inner {
    padding: 15px
}

.marquee .inner img {
    width: 150px;
    height: 75px;
    object-fit: contain;
    filter: brightness(0.5);
}

.btn.btn-white-eff {
    background: #878787;
    color: #fff;
    border: 2px solid #000
}

.btn.btn-white-eff:hover {
    color: #fff;
    background: 0 0;
    border: 2px solid #fff
}

.big-img-pub {
    transform: unset;
    width: 50%;
    margin: 0 auto -10rem
}

section.sec5-book-bundles-new {
    padding-top: 4rem
}

.feature-icon.feature-icon-box lottie-player {
    width: 40%
}

.woman-1-img {
    width: 100%;
    height: 550px;
    object-fit: contain
}

section.swign-img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 250px;
    top: -4.3%;
    left: 0;
    background-size: auto;
    background-repeat: repeat no-repeat;
    background-position: 20vw bottom;
    background-color: #f7f7f7;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 1C19.5523 3 32.2291 5 51.5 9C104.5 19 200 43 300 65C400 88 500 111 600 102C700 93 800 53 900 30C987.526 5 1085.36 -1 1150 0C1169.54 -1 1180.49 0 1200 1V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V1.98128Z' fill='%23ffffff'/></svg>");
    transform: scaleY(-1)
}

section.sp-bar .col-md-6 {
    vertical-align: middle
}

section.sp-bar {
    z-index: 0;
    padding: 30px 0 20px;
    margin-top: 4px
}

section.sp-bar:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    width: 52%;
    background: #f7f7f7;
    z-index: -1;
    border-left: 4px solid #fff
}

section.sp-bar .col-md-6 h3 {
    margin: 0;
    display: inline-block;
    padding-right: 30px;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 8px
}

.sp-bar img.sp-img {
    display: inline-block;
    max-width: 290px
}

section.pricingsec {
    /*background: 0 0/cover no-repeat #f7f7f7;*/
    padding: 70px 0 80px;
    position: relative;
    z-index: 0
}

section.pricingsec h2 {
    margin: 0 0 45px;
    text-align: center;
    color: #000;
    font-size: 28px;
    font-weight: 600
}

section.pricingsec [class^=col-md-4]>div {
    background: #fff;
    padding: 0 20px;
    border-radius: 10px;
    box-shadow: #00000036 0 9px 23px
}

.seller-offer {
    text-align: center;
    position: absolute;
    margin: -10px auto 0;
    width: 100%;
    left: 0
}

.seller-offer span {
    display: inline-block;
    width: 130px;
    color: #fff;
    background: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

section.pricingsec [class^=col-md-4]>div.greenbg {
    border: 2px solid #000
}

section.pricingsec [class^=col-md-4]>div .pricebox h3 {
    margin: 0;
    font-size: 22px;
    color: #333;
    line-height: 23px;
    font-weight: 600
}

section.pricingsec [class^=col-md-4]>div .pricebox strike {
    display: block;
    text-decoration: line-through;
    color: red
}

section.pricingsec [class^=col-md-4]>div .pricebox span {
    display: inline-block;
    padding: 3px 0;
    font-size: 22px;
    right: 0;
    top: 54px;
    font-weight: 600;
    color: #333;
    text-align: right;
    float: right
}

section.pricingsec [class^=col-md-4]>div .pricebox span sub {
    font-size: 22px!important;
    bottom: 0
}

section.pricingsec [class^=col-md-4]>div .pricebox {
    color: #000;
    padding: 25px 0 15px;
    margin-top: 0;
    position: relative;
    line-height: normal
}

section.pricingsec [class^=col-md-4]>div .pricebox .pr {
    width: 100%;
    display: inline-block;
    text-align: right;
    position: relative
}

section.pricingsec [class^=col-md-4]>div .pricebox .pr:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    left: 0;
    top: 11px
}

section.pricingsec [class^=col-md-4]>div .pricebox .pr i {
    font-size: 12px;
    position: relative;
    font-weight: 600;
    background: #fff;
    right: 0;
    color: #666;
    text-decoration: line-through;
    z-index: 1;
    padding: 2px 0 2px 10px
}

.pricing-page section.pricingsec:before,section.pricingsec [class^=col-md-4]>div .pricebox h3 br {
    display: none
}

section.pricingsec [class^=col-md-4]>div ul li {
    color: #000;
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 600;
    border-bottom: 1px dashed rgba(214,214,214,.19);
    padding: 0;
    line-height: 17px
}

section.pricingsec [class^=col-md-4]>div ul {
    margin-bottom: 35px;
    height: 250px;
    overflow: auto
}

section.pricingsec [class^=col-md-4]>div ul::-webkit-scrollbar {
    width: 8px
}

section.pricingsec [class^=col-md-4]>div ul::-webkit-scrollbar-track {
    background: #e5e5e5
}

section.pricingsec [class^=col-md-4]>div ul::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px
}

section.pricingsec [class^=col-md-4]>div ul::-webkit-scrollbar-thumb:hover {
    background: #555
}

.button-link {
    text-align: center
}

section.pricingsec [class^=col-md-4]>div a {
    background: #333;
    padding: 9px 35px;
    font-size: 17px;
    color: #fff;
    position: relative;
    letter-spacing: 0;
    border-radius: 5px;
    bottom: -10px
}

section.pricingsec [class^=col-md-4]>div a:hover {
    background: #000!important
}


.marketing-box {
    padding: 25px 10px;
    position: relative;
    height: 100%;
    transition: .3s;
    overflow: hidden
}

.marketing-box:hover {
    background: #e8f3fb;
    transition: .3s
}

.marketing-box:hover a {
    visibility: visible!important
}

.marketing-box:hover span {
    right: 0!important
}

.marketing-box:hover strong {
    right: 10px!important
}

section.pricingsec [class^=col-md-4]>div ul li span {
    display: block;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    letter-spacing: .5px;
    line-height: 20px
}

section.bookservices .row:last-child,section.pricingsec [class^=col-md-4]>div ul li:last-child {
    border: none
}

section.bookservices [class^=col-md-] i {
    display: inline-block;
    border-radius: 100px;
    top: -8px;
    position: relative;
    width: 53px;
    height: 53px;
    text-align: center;
    padding-top: 12px
}

section.bookservices [class^=col-md-] h3 {
    display: inline-block;
    margin: 0 0 20px;
    font-size: 18px;
    padding-left: 20px;
    color: #000!important
}

section.bookservices [class^=col-md-] p {
    color: #000;
    font-size: 13px;
    line-height: 20px;
    min-height: 210px;
    font-weight: 500
}

section.bookservices [class^=col-md-] strong {
    position: absolute;
    right: -50px;
    top: 44px;
    transition: .3s
}

section.bookservices [class^=col-md-] span {
    font-size: 15px;
    display: block;
    color: #fff;
    background: red;
    position: absolute;
    top: 10px;
    right: -90px;
    padding: 4px 15px 3px 25px;
    transition: .3s
}

section.bookservices [class^=col-md-] span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 12px solid #e8f3fb;
    border-top: 17px solid transparent;
    border-bottom: 14px solid transparent
}

section.bookservices [class^=col-md-] a[type=button] {
    color: #fff!important;
    margin-left: 5px!important;
    background: #000!important
}

section.bookservices [class^=col-md-] a {
    padding: 10px 25px;
    background: #333!important;
    display: inline-block;
    margin: 10px 0 0;
    font-size: 14px;
    border-radius: 5px;
    visibility: hidden
}

section.bookservices [class^=col-md-] a:hover {
    background: #66b82f!important
}

section.bookservices {
    padding: 50px 0;
    position: relative
}


section.bookservices h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 40px;
    color: #000;
    text-align: center
}

section.bookservices [class^=col-md-] {
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    transition: .2s ease-in;
    position: relative;
    max-height: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

section.bookservices .col-md-4.col-blue i,section.bookservices .col-md-4.col-dblue i {
    background: #4f7de6
}

section.bookservices .col-md-4.col-blue h3 {
    color: #6d60b0
}

section.bookservices .col-md-4.col-blue a,section.bookservices .col-md-4.col-dblue a {
    color: #fff;
    background: #4f7de6
}

section.bookservices .col-md-4.col-green i {
    background: #66b82f
}

section.bookservices .col-md-4.col-green h3 {
    color: #66b82f
}

section.bookservices .col-md-4.col-green a {
    color: #fff;
    background: #66b82f
}

section.bookservices .col-md-4.col-orange i {
    background: #fb4
}

section.bookservices .col-md-4.col-orange h3 {
    color: #fb4
}

section.bookservices .col-md-4.col-dorange a,section.bookservices .col-md-4.col-orange a {
    color: #fff;
    background: #f7a008
}

section.bookservices .col-md-4.col-lblue i {
    background: #0db3e3
}

section.bookservices .col-md-4.col-lblue h3 {
    color: #0db3e3
}

section.bookservices .col-md-4.col-lblue a {
    color: #fff;
    background: #0db3e3
}

section.bookservices .col-md-4.col-lorange i {
    background: #eaa835
}

section.bookservices .col-md-4.col-lorange h3 {
    color: #eaa835
}

section.bookservices .col-md-4.col-lorange a {
    color: #fff;
    background: #eaa835
}

section.bookservices .col-md-4.col-lgreen i {
    background: #40c16d
}

section.bookservices .col-md-4.col-lgreen h3 {
    color: #40c16d
}

section.bookservices .col-md-4.col-lgreen a {
    color: #fff;
    background: #40c16d
}

section.bookservices .col-md-4.col-dorange i {
    background: #f5ad2e
}

section.bookservices .col-md-4.col-dorange h3 {
    color: #f5ad2e
}

section.bookservices .col-md-4.col-dgreen i {
    background: #71c936
}

section.bookservices .col-md-4.col-dgreen h3 {
    color: #71c936
}

section.bookservices .col-md-4.col-dgreen a {
    color: #fff;
    background: #71c936
}

section.bookservices .col-md-4.col-dblue h3 {
    color: #4f7de6
}

section.bookservices .row {
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    padding-bottom: 0;
    display: flex
}

section.bookservices .row .col-md-4:nth-child(2):after,section.bookservices .row .col-md-4:nth-child(2):before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #dbdbdb;
    margin-top: 0
}

section.bookservices .row .col-md-4:nth-child(2):before {
    right: inherit;
    left: 0
}

div#app {
    position: fixed;
    z-index: -1;
    opacity: 0.15;
}
.header {
  height: 100vh;
  width: 100vw;
}
#particles-js {
  height:100%;
  width:100%;
  position: absolute;
  left: 0px;
  top: 0px;
  /*background-color: rgb(0, 0, 0);*/
}