html {
    scroll-behavior: smooth
}

body {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    line-height: 1.5;
    overflow-x: hidden;
    scroll-behavior: smooth
}

:root {
    --main-color: #}

:root {
    --main-color-dark: #}.cards-box .card h5

:root {
    --main-color-gradient: #}

h3 {
    font-size: 18px
}

a {
    text-decoration: none;
}

input {
    font-size: 13px !important
}

.fa-facebook {
    color: #3b5998
}

.fa-twitter {
    color: #1da1f2
}

.fa-linkedin {
    color: #0a66c2
}

.check {
    text-align: left;
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
    display: inline-block
}

.modal {
    z-index: 99999999
}

.check li {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 15px 0 30px;
    margin: 0 0 5px;
    position: relative
}

.check li::before {
    content: "\f00c";
    color: var(--main-color);
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0
}

.sub-head {
    position: relative
}

.sub-head h2 {
    font-size: 16px;
    margin-bottom: 15px
}

.sub-head h2::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f5f5f5
}

.sub-head h2::after {
    content: '';
    width: 50px;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    margin: auto;
    background-color: #}

.head {
    text-align: center;
    width: 100%;
    margin: auto;
    font-size: 25px;
    font-weight: 300;
    color: #222;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center
}

.head:after,
.head:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #;
    border-top: 1px solid #;
    height: 5px;
    background-color: #f8f8f8
}

#header ul li a {
    opacity: .8
}

#header ul li a:after {
    display: block;
    content: '';
    border-bottom: solid 5px #fff;
    transform: scaleX(0);
    transition: transform 300ms ease-in-out
}

.inner-header ul li a:after {
    display: block;
    content: '';
    transform: scaleX(0);
    transition: transform 300ms ease-in-out;
    border-bottom: solid 5px var(--main-color) !important
}

#header ul li a:hover:after {
    transform: scaleX(1)
}


section {
    padding: 25px 0
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 22px !important
}

header.sticky {
    position: fixed !important;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    top: 0
}

.heading {
    font-family: 'Sansita Swashed', cursive;
    font-size: 38px;
    padding-bottom: 40px;
    text-align: center
}

.bg-dark {
    background-color: transparent !important
}
.bg-main{
    background-color: var(--main-color) !important;
}
.navbar-brand {
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff
}

header.sticky .navbar-brand {
    color: #111
}

.nav-item {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    margin: 0 5px;
}

.nav-item .nav-link.active {
    background-color: var(--main-color);
    color: #fff
}

.navbar-expand-sm .navbar-nav .nav-link {
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

header.sticky .navbar-expand-sm .navbar-nav .nav-link,
.inner-header .navbar-expand-sm .navbar-nav .nav-link,
.inner-header .navbar-brand {
    color: #111
}

.hero {
    position: relative;
    background: url(../images/banner.jpg);
    min-height: 100vh;
    background-size: cover;
    background-position: center
}

.hero h1 {
    font-size: 70px;
    font-weight: 800;
    margin: 0;
    padding: 0
}

.hero p {
    padding: 0;
    margin: 1em 0 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.btn1 {
    display: inline-block;
    margin: 1em 0 0 0;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    font-weight: 800;
    padding: 10px 20px;
    border-radius: 30px;
    border: 2px solid #000
}

.btn1:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    text-decoration: none
}

.canvasWrap {
    position: relative;
    overflow: hidden
}

.canvasWrap .card {
    position: absolute;
    width: 100%;
    background: #1212128f;
    top: 0;
    left: 0;
    color: #fff;
    border-radius: 0;
    padding-top: 110px;
    bottom: 0;
    text-align: center
}

.canvasWrap .card p {
    text-transform: uppercase;
    letter-spacing: .5em;
    display: inline-block;
    border: 4px double rgba(255, 255, 255, .25);
    border-width: 4px 0;
    padding: 1.5em 0em;
    position: relative;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
    width: 48em
}

.canvasWrap .card p span {
    font: 700 3em "Oswald", sans-serif;
    letter-spacing: 0;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-transform:initial;
    text-shadow: 0 0 80px rgba(255, 255, 255, .5);
   /* background: url(../images/animated-text-fill.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden */
}

@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%
    }
    100% {
        background-position: 100% 50%
    }
}

#canvas {
    width: 100%;
    margin: auto
}

.images {
    display: none
}

.load {
    width: 0;
    height: 8px;
    background: var(--main-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

.captions {
    position: absolute;
    bottom: 5%;
    left: 5%;
    z-index: 20;
    color: #fff;
    width: 100%;
    height: 200px;
    overflow: hidden
}

.captions .count {
    font-size: 200px;
    font-weight: 700;
    margin: 0;
    float: left;
    margin-right: 35px;
    line-height: 1
}

.captions .title {
    font-size: 70px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 1
}

.captions .loc {
    color: #ccc;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 1
}

.captions .buttonWrap {
    padding-top: 29px;
    overflow: hidden
}

.captions .titleWrap {
    margin-top: 14px;
    overflow: hidden
}

.captions .locWrap {
    overflow: hidden
}

.caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.button {
    background: #fff;
    color: #333;
    display: inline-block;
    padding: 6px 29px;
    text-decoration: none
}

.button:hover,
.button:focus {
    text-decoration: none;
    color: #333
}

.read {
    position: absolute;
    right: 5%;
    bottom: 7%;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    z-index: 30
}

.read:before {
    content: '';
    right: -25px;
    position: absolute;
    left: -25px;
    bottom: -10px;
    height: 1px;
    background: #fff;
    transition: all 0.4s ease-in-out
}

.read:hover,
.read:focus {
    color: #fff;
    text-decoration: none
}

.read:hover:before,
.read:focus:before {
    left: -40px;
    right: -40px
}

.hero .card {
    box-shadow: 0 0 10px #111
}

.hero .card .card-body {
    background: linear-gradient(to right, #7dc1aa, #d4f3e2)
}

.hero .card .card-body h2 {
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    font-weight: 600;
    font-size: 16px;
    line-height: 2;
    color: #111
}

.hero .card .card-body .details {
    color: #111;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none
}

.hero .card .card-body .details h4 {
    line-height: 1.5;
    font-family: 'Sansita Swashed', cursive;
    font-size: 30px
}

.hero .card .location {
    color: #111
}

section.count-down {
    background-color: #fff;
    padding: 25px 0 0
}

.clock {
    padding-bottom: 30px
}

.btn-cont {
    text-align: center;
    margin: 20px 0 0
}

.btn-success {
    border-radius: 20px;
    padding: 6px 20px;
    background-color: var(--main-color);
    margin: 0 5px;
    transition: .5s
}

.btn-success:hover {
    border-radius: 20px;
    padding: 6px 20px;
    border: 1px solid var(--main-color);
    background-color: transparent;
    margin: 0 5px;
    color: var(--main-color)
}

.btn-success-outline {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    outline: none;
    padding: 5px 25px;
    border-radius: 50px;
    margin-top: 15px;
    font-size: 14px;
    transition: .5s
}

.btn-success-outline:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: var(--main-color);
    outline: none;
    padding: 5px 25px;
    border-radius: 50px;
    margin-top: 15px;
    font-size: 14px
}

.shortcuts {
    padding: 35px 0;
    background-color: #f1f1f1
}

.shortcuts .card .card-body {
    border-radius: 0;
    border-top: 4px solid var(--main-color-dark)
}

.tile {
    display: flex;
    width: 100%;
    box-shadow: 0 3px 9px #e9e9e9;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.2s ease;
    margin-bottom: 20px;
    min-height: 1em
}

.tile:hover {
    cursor: pointer
}

.card__text {
    flex: 1;
    padding: 10px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center
}

.text__title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px
}

.text__sub {
    font-size: .8rem;
    line-height: 1.4
}

.card__image {
    width: 80px;
    background-size: cover;
    position: relative;
    text-align: center;
    border-radius: 50px
}

.image__gradient {
    position: absolute;
    border-radius: 50px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.2s ease;
    background: linear-gradient(to right, # 5%, rgba(240, 243, 248, 0));
    text-align: center
}

.image__gradient i {
    color: #fff;
    position: relative;
    top: 33%;
    font-size: 25px
}

.clear {
    clear: both
}

.aboutus {
    margin-top: 35px
}

.aboutus .container {
    background: #f5f5f5;
    margin: auto;
    box-shadow: 0 0 6px 0 #222 73;
    position: relative
}

.aboutus .container .circles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.aboutus .container .circles:before {
    content: '';
    position: absolute;
    left: -6%;
    top: -8%;
    width: 200px;
    height: 200px;
    background: #;
    border-radius: 50%
}

.aboutus .container .circles:after {
    content: '';
    position: absolute;
    right: -11%;
    bottom: -15%;
    width: 200px;
    height: 200px;
    background: #;
    border-radius: 50%
}

.aboutus .container .details-container {
    position: relative;
    display: flex
}

.aboutus .container .details-container .avatar {
    margin: 10px auto;
    position: relative;
    float: left;
    padding: 20px
}

.aboutus .container .details-container .avatar img {
    width: 340px;
    margin-top: -70px;
    border: 10px solid #fff;
    box-shadow: 0 0 6px 0 #222 73
}

.aboutus .container .details-container .about {
    float: right;
    padding: 20px
}

.aboutus .container .details-container .about .name p {
    margin: 0;
    color: #222;
    font-size: 1.1em;
    font-weight: 700
}

.aboutus .container .details-container .about .name h1 {
    color: #;
    font-weight: 700;
    margin: 0;
    font-size: 3em
}

.aboutus .container .details-container .about .about-content p {
    line-height: 1.6em
}

.aboutus .container .details-container .about .about-content button {
    border: none;
    color: #fff;
    padding: 10px;
    background: #;
    cursor: pointer;
    font-weight: 700;
    width: 250px;
    height: 40px;
    box-shadow: 1px 1px 10px 0 #222 2b;
    transition: 0.2s all
}

.aboutus .container .details-container .about .about-content button:hover {
    box-shadow: 1px 1px 1px 0 #222 2b
}

.aboutus .container .details-container .about .about-content button:focus,
.container .details-container .about .about-content button:active {
    outline: 0;
    box-shadow: 1px 1px 10px 0 #222 80
}

.aboutus .container .skills-container {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    z-index: 1
}

.aboutus .container .skills-container button {
    flex: 1;
    padding: 10px;
    margin: 5px;
    border: none;
    color: #222;
    padding: 10px;
    background: #;
    cursor: pointer;
    font-weight: 700;
    width: 250px;
    height: 40px;
    font-family: 'Nunito', sans-serif;
    box-shadow: 1px 1px 10px 0 #222 2b;
    transition: 0.2s all
}

.aboutus .container .skills-container button:hover {
    box-shadow: 1px 1px 1px 0 #222 2b
}

.aboutus .container .skills-container button:focus,
.container .skills-container button:active {
    outline: 0;
    box-shadow: 1px 1px 10px 0 #222 80
}

@media only screen and (max-width:766px) {
    .aboutus .container {
        height: auto
    }
    .aboutus .container .details-container {
        flex-direction: column
    }
    .aboutus .container .details-container .avatar img {
        width: 300px
    }
    .aboutus .container .details-container .about {
        margin-top: 10px
    }
     .res-mt-20{
     margin-top:20px;   
    }
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideUpFromBottom {
    0% {
        transform: translateY(70%);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.bg-gray{
    background-color: #fcfcfc;
}
.venue .card {
    display: flex;
    font-size: 14px;
    flex-direction: row
}

.venue .card .card-header {
    background-color: #fff;
    font-size: 13px;
    width: 50%
}

.venue .card .card-header p {
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    font-weight: 600
}

.venue .card .card-body {
    padding: 0;
    width: 50%
}

.venue .card .fa-map-marker,
.venue .card .fa-phone,
.venue .card .fa-download {
    font-size: 35px;
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 23px 30px;
    border-radius: 50px;
    color: var(--main-color)
}

.venue .card .content {
    padding: 0 3em;
    text-align: center
}

.about-city {
    background: #fff;
    padding: 20px
}

.dates-remember {
    background-color: #f1f1f1;
    padding: 25px 0 50px 0
}

.swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.dates-remember .swiper-slide h4 {
    font-size: 13px
}

.dates-remember .swiper-slide h3 {
    font-family: 'Sansita Swashed', cursive
}

.team-swiper .swiper-button-next,
.team-swiper .swiper-button-prev,
.dates-remember .swiper-button-next,
.dates-remember .swiper-button-prev {
    background: #;
    padding: 10px 15px;
    background-size: 14px 30px;
    color: #fff
}

.dates-remember .swiper-button-prev,
.team-swiper .swiper-button-prev {
    left: 0
}

.dates-remember .swiper-button-next,
.team-swiper .swiper-button-next {
    right: 0
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.team .swiper-slide .card {
    border-radius: 0
}

.team .swiper-slide .card .card-body {
    padding: 0
}

.team .social-icons {
    display: flex;
    justify-content: flex-start
}

.team ul.social-icons li {
    margin: 0 5px
}

.team .lower-content {
    padding: 22px;
    text-align: left
}

.team .designation {
    font-size: 13px
}

.team .lower-content h3 {
    font-weight: 700
}

.team .lower-content p {
    text-align: justify;
    font-size: 13px;
    padding-top: 10px
}

.speakers {
    background-color: #fcfcfc
}

.scholary-service {
    background-color: #f1f1f1
}

.scholary-service .swiper-button-prev {
    left: 47%
}

.scholary-service .swiper-button-next {
    right: 47%
}

.scholary-service .swiper-button-prev,
.scholary-service .swiper-button-next {
    top: 90%;
    background-color: #;
    color: #fff
}

.scholary-service .testimonial {
    background: #fff;
    padding: 20px 40px 20px 70px;
    margin: 0 10px 60px;
    position: relative
}

.scholary-service .testimonial:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #eee;
    border-left: 50px solid #f1f1f1;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0
}

.scholary-service .testimonial .testimonial-title {
    font-size: 25px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px
}

.scholary-service .testimonial .description {
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    color: #0b132b;
    text-align: justify
}

.scholary-service .testimonial .post {
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    color: #ff1053;
    margin-top: 10px;
    border: 1px solid var(--main-color);
    width: 150px;
    border-radius: 50px;
    padding: 10px 0;
    margin: auto
}

.scholary-service .testimonial .pic {
    width: 96px;
    height: 95px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -30px;
    padding: 10px;
    display: flex;
    right: 23px;
    background: #fff;
    justify-content: center;
    align-items: center
}

.scholary-service .testimonial .pic img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:480px) {
    .scholary-service .testimonial {
        margin: 0 10px 60px;
        text-align: center;
        padding: 20px 30px 20px 40px
    }
}

@media only screen and (max-width:479px) {
    .scholary-service .testimonial {
        padding: 20px 25px 20px 25px
    }
}

.test-swiper .swiper-button-prev {
    left: 47%
}

.test-swiper .swiper-button-next {
    right: 47%
}

.test-swiper .swiper-button-prev,
.test-swiper .swiper-button-next {
    top: 90%;
    background-color: #;
    color: #fff
}

.test-swiper .testimonials .swiper-container {
    overflow: hidden;
    position: relative
}

.test-swiper .testimonial .pic {
    width: 18%;
    padding: 20px 0;
    margin: 0 6% 0 2%;
    float: left;
    position: relative;
    z-index: 1
}

.test-swiper .testimonial .pic:before,
.test-swiper .testimonial .pic:after {
    content: "";
    width: 130px;
    height: 150px;
    background: var(--main-color);
    position: absolute;
    z-index: -1
}

.test-swiper .testimonial .pic:before {
    top: 0;
    right: -20px
}

.test-swiper .testimonial .pic:after {
    bottom: 0;
    left: -20px
}

.test-swiper .testimonial .pic img {
    width: 100%;
    height: auto;
    border: 3px solid #b7e0d2
}

.test-swiper .testimonial .testimonial-content {
    width: 70%;
    float: right
}

.test-swiper .testimonial h3 {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #121212;
    margin: 0;
    text-transform: uppercase;
    padding-top: 65px;
    padding-left: 15px
}

.test-swiper .testimonial .post {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: #121212;
    text-transform: capitalize;
    margin-bottom: 25px;
    padding-left: 15px
}

.test-swiper .testimonial .description {
    font-size: 16px;
    color: #121212;
    padding: 0 15px;
    margin: 0;
    position: relative
}

.test-swiper .testimonial .description:before,
.test-swiper .testimonial .description:after {
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 35px;
    color: #;
    position: relative
}

.test-swiper .testimonial .description:before {
    content: "\f10d";
    margin-right: 5px;
    top: 0;
    left: 0
}

.test-swiper .testimonial .description:after {
    content: "\f10e";
    margin-left: 5px;
    position: relative;
    bottom: 0;
    right: 0
}

@media only screen and (max-width:990px) {
    .testimonial {
        text-align: center
    }
    .test-swiper .testimonial .pic {
        width: 200px !important;
        margin: 0 auto !important;
        float: none !important
    }
    .testimonial .pic:before,
    .testimonial .pic:after {
        width: 80px;
        height: 100px
    }
    .testimonial .testimonial-content {
        width: 100% !important;
        float: none
    }
    .testimonial .title {
        padding: 15px 0 0 0
    }
    .testimonial .post {
        padding: 0;
        margin-bottom: 10px
    }
    .owl-theme .owl-controls {
        width: 100%;
        position: static;
        text-align: center
    }
    .owl-theme .owl-controls .owl-buttons div {
        height: 50px;
        line-height: 50px
    }
}

.attendies .col {
    border: 1px solid #f1f1f1;
    transition: .5s
}

.attendies .img-tile {
    padding: 20px
}

.attendies .img-tile img {
    width: 100%;
    padding: 15px
}

.attendies .col:hover {
    box-shadow: 0 0 10px #ccc;
    transition: .5s;
    cursor: pointer
}

.pricingTable {
    text-align: center;
    padding: 0 0 30px;
    margin: 0 15px 25px;
    border-radius: 20px;
    position: relative;
    z-index: 1
}

.pricingTable:before {
    content: "";
    border: 10px solid var(--main-color);
    border-top: none;
    border-bottom: none;
    border-radius: 10px;
    position: absolute;
    top: 55px;
    bottom: 55px;
    left: -10px;
    right: -10px;
    z-index: -1
}

.pricingTable .pricingTable-header {
    color: var(--main-color);
    text-transform: capitalize;
    position: relative;
    margin: 0 0 30px
}

.pricingTable .pricingTable-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pricingTable .price-value,
.pricingTable .pricing-content {
    width: 90%
}

.pricingTable .theading {
    color: #fff;
    background: var(--main-color);
    font-size: 25px;
    font-weight: 500;
    width: 50%;
    padding: 10px 0;
    margin: 0 auto 30px;
    border-radius: 0 0 50px 50px
}

.pricingTable .price-value .amount {
    font-size: 30px;
    font-weight: 600;
    line-height: 53px
}

.pricingTable .duration {
    font-size: 17px;
    line-height: 17px;
    display: block
}

.pricingTable .pricing-content {
    text-align: left;
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
    display: inline-block
}

.pricingTable .pricing-content li {
    color: #555;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin: 0 0 10px;
    position: relative
}

.pricingTable .pricing-content li:last-child {
    margin: 0
}

.pricingTable .pricingTable-signup a {
    color: #fff;
    background: var(--main-color);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding: 6px 20px 5px;
    border-radius: 50px 50px;
    display: inline-block;
    transition: all 0.3s ease 0s
}

.pricingTable .pricingTable-signup a:hover {
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .6)
}

.pricingTable.blue {
    --main-color: #9bd1be
}

.pricingTable.orange {
    --main-color: #FF6616
}

@media only screen and (max-width:990px) {
    .pricingTable {
        margin: 0 10px 40px
    }
}

.days .nav-item .nav-link {
    font-family: 'Sansita Swashed', cursive;
    color: #000;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom: none
}

.days .tab-content {
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #f1f1f1
}

.days a.active {
    background-color: var(--main-color) !important;
    color: #ffffff !important
}

.days .date {
    margin-right: 15px
}

.days .time {
    margin-right: 30px
}

.days .event {
    font-family: 'Sansita Swashed', cursive
}

.content {
    padding: 0 5em;
    text-align: center
}

.acc {
    margin: 0 auto;
    max-width: 1000px
}

.acc__card {
    margin: 1.5em 0;
    position: relative
}

.acc__title {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    color: #212121;
    cursor: pointer;
    display: block;
    padding: 1em 1.5em;
    position: relative;
    text-align: left
}

.acc__title::after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #4a6e78;
    border-bottom: 1px solid #4a6e78;
    position: absolute;
    right: 10px;
    content: " ";
    top: 17px;
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out
}

.acc__title.active::after {
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out
}

.acc__panel {
    background: #fff;
    color: #212121;
    display: none;
    margin: 0;
    padding: 2em;
    text-align: left
}

.media-partners {
    background-color: #f1f1f1
}

.media-partners .heading {
    padding-bottom: 0
}

.media-partners .img-tile {
    background: #fff;
    padding: 10px 0;
    margin: 10px 0 12px
}

.media-partners .mySwiper {
    overflow: hidden
}

.media-partners .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.media-partners .swiper-slide {
    width: 350px;
    height: 140px;
    text-align: center;
    font-size: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 25px
}

.media-partners .swiper-slide img {
    width: 100%
}

.track-article input,
.track-article button {
    border-radius: 0
}

.track-article label {
    padding-bottom: 0px !important;
    font-size: 30px
}

.top-footer {
    background: url(../images/banner2.jpg);
    background-size: 100%;
    background-position: center;
    background-attachment: fixed;
    padding: 20px 0;
    background-color: #111111b5;
    background-blend-mode: overlay
}

ul {
    margin: 0;
    padding: 0
}

.footer-section {
    background: #151414;
    position: relative
}

.footer-cta {
    border-bottom: 1px solid #373636
}

.single-cta i {
    color: #;
    font-size: 30px;
    float: left;
    margin-top: 8px
}

.cta-text {
    padding-left: 15px;
    display: inline-block
}

.cta-text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px
}

.cta-text span {
    color: #757575;
    font-size: 13px
}

.footer-content {
    position: relative;
    z-index: 2;
    padding: 15px 0
}

.footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%
}

.footer-logo {
    margin-bottom: 0
}

.footer-logo a {
    color: #fff;
    font-size: 30px
}

.footer-logo img {
    max-width: 200px
}

.footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #7e7e7e;
    line-height: 28px
}

.footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px
}

.footer-social-icon a {
    color: #fff;
    font-size: 16px;
    margin-right: 15px
}

.footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%
}

.facebook-bg {
    background: #3B5998
}

.twitter-bg {
    background: #55ACEE
}

.google-bg {
    background: #DD4B39
}

.footer-widget-heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

.footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
    width: 50px;
    background: var(--main-color-dark)
}


.footer-widget ul li {
    display: inline-block;
    margin: 0 5px
}

.footer-widget ul li a:hover {
    color: var(--main-color-dark)
}

.footer-widget ul li a {
    color: #878787;
    text-transform: capitalize;
    font-size: 13px
}

.subscribe-form {
    position: relative;
    overflow: hidden
}

.subscribe-form input {
    width: 100%;
    padding: 14px 28px;
    background: #2E2E2E;
    border: 1px solid #2E2E2E;
    color: #fff
}

.subscribe-form button {
    position: absolute;
    right: 0;
    background: #;
    padding: 13px 20px;
    border: 1px solid #;
    top: 0
}

.subscribe-form button i {
    color: #fff;
    font-size: 22px;
    transform: rotate(-6deg)
}

.copyright-area {
    background: #202020;
    padding: 5px 0
}

.copyright-text p {
    margin: 0;
    font-size: 14px;
    color: #878787
}

.copyright-text p a {
    color: var(--main-color-dark)
}

.footer-menu li {
    display: inline-block;
    margin-left: 20px
}

.footer-menu li:hover a {
    color: var(--main-color-dark)
}

.footer-menu li a {
    font-size: 14px;
    color: #878787
}

:root {
    --color-black: #1a1a1a;
    --color-grays: #a6a6a6;
    --color-light: #f5f5f5;
    --color-white: #fff;
    --color-blues: #36f;
    --shadow-normal: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}
.mt-150{
 margin-top: 150px;
 }
.dbrochure {
    background: #}

.brochure-form {
    padding: 30px
}

.dbrochure .container-fluid {
    padding: 30px
}

.dbrochure .brochure-right {
    background: #fff;
    padding: 30px;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 60px
}

.dbrochure .form-group {
    position: relative
}

.dbrochure select {
    font-size: 13px
}

.dbrochure .form-control {
    position: relative;
    width: 100%;
    height: 3rem;
    margin-bottom: 1.5rem
}
.dbrochure textarea.form-control{
min-height:100px;
}
.dbrochure .form-label {
    position: absolute;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    left: 1rem;
    top: .75rem;
    padding: 0 .25rem;
    color: var(--color-gray);
    background: var(--color-white);
    transition: all 0.3s ease
}

.form-input {
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    top: 0;
    left: 0;
    z-index: 1;
    resize: none;
    width: 100%;
    height: auto;
    padding: .75rem 1.25rem;
    border-radius: .25rem;
    border: 1.5px solid var(--color-grays);
    color: var(--color-black);
    background: transparent;
    transition: all 0.2s ease-in-out
}

.form-input::placeholder {
    opacity: 0;
    visibility: hidden;
    color: transparent
}

.form-input:focus {
    outline: none;
    border: 2px solid var(--main-color-dark)
}

.form-group .form-label {
    top: -.75rem;
    left: 1rem;
    z-index: 5;
    font-size: .875rem;
    font-weight: 500;
    color: var(--main-color);
    transition: all 0.2s ease-in-out
}

.form-input:not(:placeholder-shown).form-input:not(:focus)~.form-label {
    top: -.75rem;
    left: 1rem;
    z-index: 9;
    font-size: .875rem;
    font-weight: 500;
    transition: all 0.2s ease-in-out
}

.btn-outline {
    width: 100px;
    margin: auto;
    background: #fff;
    padding: 8px 15px;
    border: 2px solid #;
    color: #}

.dbrochure h3 {
    transform: rotate(270deg);
    font-size: 55px;
    position: relative;
    top: 25%
}

.about-section {
    background-size: 55% 100%;
    background-color: #fdfdfd;
    overflow: hidden;
    margin-top: 25px
}

.inner-container {
    width: 60%;
    float: right;
    background-color: #fdfdfd;
    padding: 50px
}

.inner-container h1 {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 900
}

.inner-container .text {
    font-size: 14px;
    color: #545454;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 20px
}

.skills {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 13px
}

@media screen and (max-width:1200px) {
    .inner-container {
        padding: 80px
    }
}

@media screen and (max-width:1000px) {
    .about-section {
        background-size: 100%;
        padding: 100px 40px
    }
    .inner-container {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .about-section {
        padding: 0
    }
    .inner-container {
        padding: 60px
    }
}

.call-paper {
}

.call-paper .card {
    border: none;
    color: #;
    margin-bottom: 30px
}

.call-paper .card:hover {
    cursor: pointer
}

.call-paper .card:before,
.call-paper .card:after {
    content: "";
    border-radius: 25px;
    border: 4px solid #a3a3a3;
    clip-path: polygon(65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%, 0 65%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.call-paper .card .card-body {
    position: relative;
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: center
}

.call-paper .card .card-body h3 {
    font-weight: 600
}

.call-paper .card .card-body .img {
    width: 60px
}

.call-paper .card:after {
    border-width: 1px;
    clip-path: polygon(0 0, 60% 0, 55% 5%, 96% 44%, 100% 40%, 100% 100%, 40% 100%, 43% 95%, 5% 55%, 0 60%);
    top: 3px;
    bottom: 3px;
    right: 3px;
    left: 3px
}

.tag-wrap {
    width: 100%;
    float: left
}

.tag-wrap .tags-list li {
    display: inline-block;
    line-height: 24px;
    margin-bottom: 10px
}

.tag-wrap .tags-list li span {
    margin-right: 4px;
    padding: 2px 8px 3px;
    color: #fff;
    background-color: #222;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.tag-wrap .tags-list a {
    margin-right: 4px;
    padding: 1px 7px 2px;
    border: 1px solid #ededed;
    color: #111;
    font-size: 12px
}

.committee {
    margin-top: 75px
}

.our-team {
    text-align: center;
    margin-bottom: 30px
}

.our-team .pic {
    padding: 30px 20px 0;
    position: relative
}

.our-team .pic:before,
.our-team .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    border-top: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0, 1);
    transition: all 0.4s ease-in-out 0s
}

.our-team .pic:after {
    border: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transform: scale(1, 0)
}

.our-team .pic:before,
.our-team .pic:after {
    border-color: #;
    transform: scale(1)
}

.our-team .pic img {
    width: 100%;
    height: auto
}

.our-team .team-content {
    background: #333;
    padding: 20px 0;
    color: #fff;
    position: relative
}

.our-team .team-content {
    background: var(--main-color-dark)
}

.our-team .team-content:before {
    content: " ";
    width: 20px;
    height: 20px;
    font-size: 17px;
    color: #fff;
    background: #333;
    position: absolute;
    top: -20px;
    right: 0;
    transition: all 0.3s ease 0s
}

.our-team .team-content:before {
    width: 100%;
    background: #;
    color: var(--main-color-dark)
}

.our-team .title {
    font-size: 18px;
    margin: 0 0 8px 0;
    text-transform: uppercase
}

.our-team .post {
    display: block;
    font-size: 14px;
    text-transform: uppercase
}

.our-team .social {
    padding: 0;
    list-style: none;
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    margin: auto;
    transform: scale(0);
    transition: all 0.3s ease 0s
}

.our-team .social {
    transform: scale(1)
}

.our-team .social li {
    display: inline-block;
    background: none
}

.our-team .social li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #a0a0a0;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s
}

.our-team .social li a:hover {
    color: #fff
}

.our-team .social li a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s
}

.our-team .social li:hover a:before {
    color: #fff;
    transform: rotate(-45deg)
}

.our-team .social li:hover .fa {
    color: #fff
}

.our-team .social li.facebook:hover a:before {
    background: #3b5998
}

.our-team .social li.twitter:hover a:before {
    background: #1da1f2
}

.our-team .social li.linkedin:hover a:before {
    background: #0a66c2
}

@media only screen and (max-width:990px) {
    .our-team {
        margin-bottom: 10px
    }
}

.profile {
    margin: 20px 0
}

.profile-sidebar {
    position: sticky;
    top: 85px;
    padding: 20px 0 10px 0;
    background: #fff;
    box-shadow: 0 0 10px #ccc
}

.profile-userpic {
    text-align: center
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px
}

.profile-usertitle-job {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px
}

.profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
    margin-right: 5px
}

.profile-userbuttons .btn:last-child {
    margin-right: 0
}

.profile-content {
    padding: 20px;
    background: #fff;
    min-height: 460px
}

.icon-bar {
    display: flex;
    justify-content: center
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 8px 12px;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 14px
}

.icon-bar a .fa {
    color: #fff
}

.icon-bar a:hover {
    background-color: #000
}

.facebook {
    background: #3B5998;
    color: #fff
}

.twitter {
    background: #55ACEE;
    color: #fff
}

.linkedin {
    background: #007bb5;
    color: #fff
}

.youtube {
    background: #b00;
    color: #fff
}

.programe-scheduled {
}

.programe-scheduled .tab-content {
    background: #}

.programe-scheduled .nav-tabs {
    background: #;
    position: sticky;
    top: 75px
}

.programe-scheduled .nav-tabs .nav-link {
    background-color: #f1f1f1;
    border-radius: 0;
    color: #121212
}

.programe-scheduled .nav-tabs .nav-item {
    margin: 0;
    border-radius: 0
}

.programe-scheduled .nav-tabs .nav-link.active {
    background-color: #;
    border: none;
    color: #fff
}

.registration {
}

.qty {
    white-space: nowrap
}

.minus,
.plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.num {
    padding: 0 10px
}

.pricingTable {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding: 20px 0 0;
    position: relative;
    z-index: 1
}

.pricingTable:before,
.pricingTable:after {
    content: "";
    background: var(--main-color);
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    z-index: -2
}

.pricingTable:after {
    background: #fff;
    border-radius: 20px 20px 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    top: 70px;
    left: 10px;
    right: 10px;
    bottom: 19px
}

.pricingTable .pricingTable-header {
    margin: 0 0 30px
}

.pricingTable .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0
}

.pricingTable .price-value {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 30px;
    text-align: center
}

.pricingTable .pricing-content {
    text-align: left;
    padding: 0 5px;
    margin: 0 0 35px;
    list-style: none;
    display: inline-block
}

.pricingTable .pricing-content li {
    display: flex;
    color: #777;
    font-size: 17px;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0 0 15px;
    position: relative
}

.pricingTable .pricing-content li:last-child {
    margin: 0
}

.pricingTable .pricingTable-signup a {
    color: #fff;
    background: var(--main-color);
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 7px 30px;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.3s ease-in-out
}

.pricingTable .pricingTable-signup a:hover {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, .7)
}

@media only screen and (max-width:990px) {
    .pricingTable {
        margin: 0 0 40px
    }
}

.registration button {
    border-radius: 20px;
    border: 1px solid #FF4B2B;
    background-color: #FF4B2B;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in
}

.registration button:active {
    transform: scale(.95)
}

.registration button:focus {
    outline: none
}

.registration button.ghost {
    background-color: transparent;
    border-color: #FFF
}

.registration .form {
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 50px;
    height: 100%;
    text-align: center
}

.registration input[type='text'],
.registration select,
.registration textarea {
    background-color: #eee;
    border: none;
    padding: 12px 15px;
    margin: 8px 0;
    width: 100%;
    font-size: 14px
}

.registration #container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
    position: relative;
    overflow: hidden;
    width: 992px;
    max-width: 100%;
    min-height: 480px
}

.registration .form-container {
    position: absolute;
    top: 0;
    height: 100%;
    transition: all 0.6s ease-in-out
}

.registration .sign-in-container {
    left: 0;
    width: 50%;
    z-index: 2
}

.registration .container.right-panel-active .sign-in-container {
    transform: translateX(100%)
}

.registration .sign-up-container {
    left: 0;
    width: 50%;
    opacity: 1;
    z-index: 1
}

.registration .container.right-panel-active .sign-up-container {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: show 0.6s
}

@keyframes show {
    0%,
    49.99% {
        opacity: 0;
        z-index: 1
    }
    50%,
    100% {
        opacity: 1;
        z-index: 5
    }
}

.registration .overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
    z-index: 100
}

.registration .container.right-panel-active .overlay-container {
    transform: translateX(-100%)
}

.registration .overlay {
    background: #FF416C;
    background: -webkit-linear-gradient(to right, #3c2a2f, var(--main-color));
    background: linear-gradient(to right, #3c2a2f, var(--main-color));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #FFF;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out
}

.registration .container.right-panel-active .overlay {
    transform: translateX(50%)
}

.registration .overlay-panel {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    top: 0;
    height: 100%;
    width: 50%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out
}

.registration .overlay-left {
    transform: translateX(-20%)
}

.registration .container.right-panel-active .overlay-left {
    transform: translateX(0)
}

.registration .overlay-right {
    right: 0;
    transform: translateX(0)
}

.registration .container.right-panel-active .overlay-right {
    transform: translateX(20%)
}

.registration .social-container {
    margin: 20px 0
}

.registration .social-container a {
    border: 1px solid #DDD;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    height: 40px;
    width: 40px
}

.btn-inc {
    padding: 3px 5px;
    background: red;
    color: #fff;
    font-size: 12px
}

.input-value {
    margin: 0 4px
}

.pricing-table {
    background: #fff;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
    box-shadow: 0 0 10px #ccc
}

.pricing-table .price-value {
    color: #000000;
    margin-bottom: 10px;
    transition: all 0.3s ease 0s
}

.pricing-table.blue .price-value {
    color: #000000
}

.pricing-table.green .price-value {
    color: #000000
}

.pricing-table .currency {
    display: inline-block;
    font-size: 30px;
    vertical-align: top;
    margin-top: 8px
}

.price-value .date {
    font-size: 25px;
    font-weight: 700
}

.pricing-content label {
    font-size: 14px;
   /* display: flex;*/
    white-space: nowrap;
    /*align-items: center*/
}

.pricing-content ul {
    color: #6f6f6f;
    line-height: 50px;
    font-size: 17px;
    margin-bottom: 20px
}

.pricing-content ul li {
    display: flex;
    justify-content: space-between;
    padding: 0 15px
}

.pricing-content ul li:nth-child(odd) {
    background: #f1f1f1
}

.accomodation-switch label {
    background: #;
    padding: 10px 20px;
    color: #fff;
    margin: 5px;
    border-radius: 0;
    width: 100%;
    box-shadow: 0 0 10px #ccc
}

.accomodation-switch {
    margin-bottom: 20px
}

.accomodation-switch label {
    border-radius: 10px 0 10px 0
}

.accomodation-switch label:hover {
    cursor: pointer
}

.body input[type="number"] {
    -moz-appearance: textfield
}

.body input[type="number"]::-webkit-inner-spin-button,
.body input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.body .pt_Quantity {
    display: inline-block;
    margin: 0;
    position: relative
}

.body .pt_Quantity input {
    color: #443017;
    border-radius: 2px;
    background-color: #fff;
    border: solid 1px #b7b7b7;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 300;
    min-width: 45px;
    height: 30px;
    float: left;
    display: block;
    padding: 0 15px 0 2px;
    margin: 0;
    text-align: center;
    width: 70px
}

.body .pt_Quantity input:focus {
    outline: 0
}

.body .pt_Quantity .pt_QuantityNav {
    float: left;
    position: relative;
    height: 30px
}

.body .pt_Quantity .pt_QuantityNav .pt_QuantityButton {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #b7b7b7;
    width: 15px;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.body .pt_Quantity .pt_QuantityNav .pt_QuantityButton:active {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2)
}

.body .pt_Quantity .pt_QuantityNav .pt_QuantityButton.pt_QuantityUp {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #b7b7b7
}

.body .pt_Quantity .pt_QuantityNav .pt_QuantityButton.pt_QuantityDown {
    position: absolute;
    bottom: 0;
    height: 50%
}

.card-deck {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.card-deck .card {
    width: 32%
}

.card-deck .card label {
    background: none;
    box-shadow: none;
    color: #121212
}

.card-deck .card .card-header {
    background: #;
    color: #fff;
    text-align: center;
    padding-top: 15px
}

.card-deck .card ul li {
    display: flex
}

.card-deck .card ul li:nth-child(odd) {
    background: #f1f1f1
}

.card-deck .card .card-body {
    padding: 0
}

label.text-left {
    text-align: left;
}
.pricet label.text-right.body {
    position: relative;
    top: 10px;
}

label.text-right {
    text-align: right
}

.pricing-content ul li:last-child {
    border-bottom: none
}

@media screen and (min-width:1200px) {
.track-article .form-control, .box-h {
    height: 75px;
}
.mobileShow {
display: none;
}

 }

@media screen and (max-width:990px) {
    .pricing-table {
        margin-bottom: 30px
    }
    .mobileShow {
    text-align: center;
    margin-top: 20px;
    }
    .mobilehide {
    display: none;
    }
}

.square-holder {
    padding: 15px;
    border: 1px solid #cecece;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background-color: #f1f1f1
}

.square-holder img {
    max-width: 100%;
    filter: grayscale(100%);
    transition: all 0.3s
}

.square-holder:hover img {
    filter: none
}

.modal-content {
    padding: 10px;
    border-radius: 0
}

#multistepsform {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-size: 14px;
    min-height: 540px;
    height: 100%;
}

#multistepsform fieldset {
    background: #fff;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 20px 10%;
    position: relative
}

#multistepsform fieldset:not(:first-of-type) {
    display: none
}

#multistepsform input,
#multistepsform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2c3e50;
    font-size: 13px
}

#multistepsform input:focus,
#multistepsform textarea:focus {
    border-color: #679b9b;
    outline: none;
    color: #637373
}

#multistepsform .action-button {
    width: 100px;
    background: var(--main-color);
    font-weight: 700;
    color: #fff;
    transition: 150ms;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px
}

#multistepsform .action-button:hover,
#multistepsform .action-button:focus {
    box-shadow: 0 0 0 2px #f08a5d, 0 0 0 3px #ff9 76;
    color: #fff
}

#multistepsform .fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2c3e50;
    margin-bottom: 10px
}

#multistepsform .fs-subtitle {
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px
}

#multistepsform #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step
}

#multistepsform #progressbar li {
    list-style-type: none;
    color: #679b9b;
    text-transform: uppercase;
    font-size: 9px;
    width: 50%;
    float: left;
    position: relative
}

#multistepsform #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #fff;
    background: var(--main-color);
    border-radius: 3px;
    margin: 0 auto 5px auto
}

#multistepsform #progressbar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--main-color);
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1
}

#multistepsform #progressbar li:first-child:after {
    content: none
}

#multistepsform #progressbar li.active {
    color: #ff9a76;
    z-index: 999
}

#multistepsform #progressbar li.active:before,
#multistepsform #progressbar li.active:after {
    background: #ff9a76;
    color: #fff
}

.abstract {
    margin-top: 75px
}

.abstract .card .card-body {
    padding: 45px
}

.abstract .form-group {
    margin-bottom: 10px
}

.abstract input,
.abstract select {
    height: 45px;
    color: #111
}

.abstract .box-shadow {
    box-shadow: 0 0 10px #ccc;
    border-radius: 50px
}

#guidelinesModal ul li,
#reviewModal ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 15px 0 30px;
    margin: 0 0 5px;
    position: relative
}

#guidelinesModal ul li::before,
#reviewModal ul li::before {
    content: "\f0a4";
    color: var(--main-color);
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0
}

.abstract .modal-button {
    color: #;
    font-weight: 600;
    position: relative;
    bottom: 0px;
    left: 50px
}

section.abstract {
    position: relative;
    max-width: 900px;
    min-height: 100vh;
    margin: 75px auto 0
}

.inputbox {
    text-align: left
}

.forget {
    margin: 35px 0;
    font-size: .9rem;
    color: #fff;
    display: flex;
    justify-content: center
}

.forget label input {
    margin-right: 3px
}

.forget label a {
    color: #fff;
    text-decoration: none
}

.forget label a:hover {
    text-decoration: underline
}

.register {
    font-size: .9rem;
    color: #fff;
    text-align: center;
    margin: 25px 0 10px
}

.register p a {
    text-decoration: none;
    color: #fff;
    font-weight: 600
}

.register p a:hover {
    text-decoration: underline
}

.contactus {
}

#contact {
    background-color: #d4d2d3;
    display: flex;
    justify-content: center;
    align-items: center
}

.contact-box {
    width: clamp(100px, 90%, 1000px);
    margin: 80px 50px;
    display: flex;
    flex-wrap: wrap
}

.contact-links,
.contact-form-wrapper {
    width: 50%;
    padding: 8% 5% 10% 5%
}

.contact-links {
    background-color: #1f2e43;
    background: radial-gradient(circle at 55% 92%, #e0cdd2 0 12%, transparent 12.2%), radial-gradient(circle at 94% 72%, # 0 10%, transparent 10.2%), radial-gradient(circle at 20% max(78%, 350px), #534649 0 7%, transparent 7.2%), radial-gradient(circle at 0% 0%, # 0 40%, transparent 40.2%), #;
    border-radius: 10px 0 0 10px
}

.contact-form-wrapper {
    background-color: #ffffff8f;
    border-radius: 0 10px 10px 0
}

@media only screen and (max-width:800px) {
    .contact-links,
    .contact-form-wrapper {
        width: 100%
    }
    .contact-links {
        border-radius: 10px 10px 0 0
    }
    .contact-form-wrapper {
        border-radius: 0 0 10px 10px
    }
}

@media only screen and (max-width:400px) {
    .contact-box {
        width: 95%;
        margin: 8% 5%
    }
}

.contactus h2 {
    font-family: 'Arimo', sans-serif;
    color: #fff;
    font-size: clamp(30px, 6vw, 60px);
    letter-spacing: 2px;
    text-align: center;
    transform: scale(.95, 1)
}

.contactus .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 50px
}

.contactus .link {
    margin: 10px;
    cursor: pointer
}

.contactus img {
    width: 45px;
    height: 45px;
    filter: hue-rotate(220deg)drop-shadow(2px 4px 4px #0006);
    transition: 0.2s;
    user-select: none
}

.contactus img:hover {
    transform: scale(1.1, 1.1)
}

.contactus img:active {
    transform: scale(1.1, 1.1);
    filter: hue-rotate(220deg)drop-shadow(2px 4px 4px #222)sepia(.3)
}

.contactus .form-item {
    position: relative
}

.contactus label {
    position: absolute;
    top: 10px;
    left: 2%;
    color: #999;
    font-size: clamp(14px, 1.5vw, 18px);
    pointer-events: none;
    user-select: none
}

.contactus input,
.contactus textarea,
.contactus select {
    width: 100%;
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 12px;
    font-size: clamp(15px, 1.5vw, 18px);
    font-size: 14px
}

.contactus input:focus label,
.contactus input:valid label,
.contactus textarea:focus label,
.contactus textarea:valid label {
    font-size: clamp(13px, 1.3vw, 16px);
    color: #777;
    top: -20px;
    transition: all .225s ease
}

.contactus .submit-btn {
    background-color: #fd917e;
    filter: drop-shadow(2px 2px 3px #0003);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: clamp(16px, 1.6vw, 18px);
    display: block;
    padding: 12px 20px;
    margin: 2px auto;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    transition: 0.2s
}

.contactus .submit-btn:hover {
    transform: scale(1.1, 1.1)
}

.contactus .submit-btn:active {
    transform: scale(1.1, 1.1);
    filter: sepia(.5)
}

@media only screen and (max-width:800px) {
    .contactus h2 {
        font-size: clamp(40px, 10vw, 60px)
    }
}

@media only screen and (max-width:400px) {
    .contactush2 {
        font-size: clamp(30px, 12vw, 60px)
    }
    .contactus .links {
        padding-top: 30px
    }
    .contactus img {
        width: 38px;
        height: 38px
    }
}

.contactus .card {
    background-color: #;
    display: table;
    width: 100%;
    height: 132px;
    color: #63aa46;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 3px
}

.contactus .card .icon {
    width: 48px;
    height: 100%;
    display: table-cell;
    position: relative;
    background-color: currentColor
}

.contactus .card .icon:after {
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    right: -90px;
    top: 0;
    border-right: 90px solid transparent;
    border-left: 0;
    border-bottom: 272px solid currentColor
}

.contactus .card .icon i {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    font-size: 28px;
    z-index: 1
}

.contactus .card .content-wrap {
    padding: 10px;
    padding-left: 62px;
    display: table-cell;
    vertical-align: middle
}

.contactus .card .content-wrap .item-title {
    display: inline-block;
    font-size: 16px;
    color: #a3baca;
    margin-bottom: 3px
}

.contactus .card .content-wrap .text {
    color: #fff;
    font-size: 15px
}

.sponsors-exihibitors {
    margin-top: 60px
}

.tab .nav-tabs {
    background: #fff;
    border-radius: 50px;
    border: none;
    padding: 6px;
    box-shadow: 0 0 10px #ccc
}

.tab .nav-tabs li {
    float: none;
    display: inline-block;
    position: relative
}

.tab .nav-tabs li a {
    font-size: 16px;
    font-weight: 700;
    background: none;
    color: #999;
    border: none;
    padding: 10px 15px;
    border-radius: 50px;
    transition: all 0.5s ease 0s
}

.tab .nav-tabs li a:hover {
    background: #63aa46;
    color: #fff;
    border: none
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:focus,
.tab .nav-tabs li.active a:hover {
    border: none;
    background: #;
    color: #fff
}

.tab .tab-content {
    font-size: 14px;
    color: #686868;
    line-height: 25px;
    text-align: left;
    padding: 5px 20px
}

.tab .tab-content h3 {
    font-size: 22px;
    color: #5b5a5a
}

@media only screen and (max-width:480px) {
    .tab .nav-tabs {
        border-radius: 10px
    }
    .tab .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
        display: block;
        flex: 1;
        white-space: nowrap
    }
}

.custom-btn {
    width: 130px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 3px rgba(0, 0, 0, .3);
    outline: none;
    border: 1px solid #ba6
}

.custom-btn:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.btn-gold {
    border-color: #f5c074;
    background: linear-gradient(top, rgba(38, 38, 38, .8), #e6e6e6 25%, #ffffff 38%, #c5c5c5 63%, #f7f7f7 87%, rgba(38, 38, 38, .8)) !important;
    background: -webkit-linear-gradient(top, rgb(255 219 0), #f5c566 25%, #ffffff 38%, rgb(241 184 11 / 25%)63%, #f1b519 87%, rgb(255 210 123 / 40%)) !important
}

.btn-6 {
    border-color: #7c7c7c;
    background: linear-gradient(top, rgba(38, 38, 38, .8), #e6e6e6 25%, #ffffff 38%, #c5c5c5 63%, #f7f7f7 87%, rgba(38, 38, 38, .8)) !important;
    background: -webkit-linear-gradient(top, rgba(38, 38, 38, .5), #e6e6e6 25%, #ffffff 38%, rgba(0, 0, 0, .25)63%, #e6e6e6 87%, rgba(38, 38, 38, .4)) !important
}

.btn-9 {
    backface-visibility: hidden;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    border-color: #D9A3A9;
    background: linear-gradient(180deg, #FFE6E9 0%, #DDA6AE 49%, #B76E79 51%, #DDA6AE 100%) !important;
    border-radius: 5px
}

.sponsors-exihibitors .content {
    border: 1px solid #ccc;
    padding: 25px;
    margin-bottom: 30px
}

.sticky-btn {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 0;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sticky-btn h1 {
    writing-mode: vertical-lr;
    font-size: 18px;
    background: #;
    color: #fff;
    float: right;
    padding: 10px 5px;
    margin: 0;
    right: 0;
    position: relative
}

.sticky-btn h1 a {
    color: #fff !important
}

.scientific-programe {

}

.scientific-programe .team {
    padding: 30px 0 40px;
    margin-bottom: 60px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 25px 1px rgba(0, 0, 0, .3)
}

.scientific-programe .team .photo {
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1
}

.blue .photo:before {
    content: "";
    width: 100%;
    height: 0%;
    border-radius: 50%;
    background: var(--main-color);
    position: absolute;
    bottom: 130%;
    right: 0;
    left: 0;
    transform: scale(3);
    transition: all 0.3s linear 0s
}

.blue .photo:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.scientific-programe .team .photo:before {
    height: 100%
}

.scientific-programe .team .photo img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s
}

.scientific-programe .profile-txt {
    margin-bottom: 30px
}

.scientific-programe .profile-txt .title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    letter-spacing: 1.5px;
    text-transform: capitalize;
    margin: 10px 0
}

.scientific-programe .profile-txt .position {
    display: block;
    font-size: 1rem;
    color: #555;
    margin-bottom: 6px
}

.scientific-programe .profile-txt p {
    font-size: 1em;
    padding: 0 12px
}

.scientific-programe .social-icons {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    background: var(--main-color);
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.6s ease;
    justify-content: center
}

.scientific-programe .social-icons li {
    display: inline-block
}

.scientific-programe .social-icons li a {
    display: block;
    padding: 8px;
    font-size: 1rem;
    line-height:1.2 !important;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease
}

.scientific-programe .social-icons li a {
    color: #fff;
    background: var(--main-color)
}

.scientific-programe .team .social-icons {
    bottom: 0
}

.scientific-programe .nav-tabs .nav-item {
    background-color: #f1f1f1
}

.scientific-programe .nav-tabs .nav-item .nav-link {
    color: #121212
}

.scientific-programe .nav-tabs .nav-item .nav-link.active {
    color: #fff
}

.past-conference {
}

.past-download .card {
    width: 24%;
    margin: 0 5px
}

.button {
    display: inline-block;
    font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    padding: .8em 1.4em;
    padding-right: 4.7em;
    background: #009ED8;
    border: none;
    color: #fff;
    transition: .2s
}

.button:before,
.button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2.8em;
    content: "\00a0";
    font-size: 1.2em;
    text-align: center;
    transition: .2s;
    transform-origin: 50% 60%
}

.button:before {
    background: rgba(0, 0, 0, .1)
}

.button:hover {
    background: #0079a5;
    color: #fff !important
}

.button:active,
.button:focus {
    background: #002e3f;
    outline: none
}

.button {
    min-width: 18em
}

.arrow {
    background: var(--main-color)
}

.arrow:hover {
    background: #654049
}

.arrow:active,
.arrow:focus {
    background: #654049
}

.arrow:after {
    content: "\F054";
    font-family: 'FontAwesome', sans-serif
}

.arrow:hover:after {
    -webkit-animation: bounceright .3s alternate ease infinite;
    animation: bounceright .3s alternate ease infinite
}

.download {
    background: var(--main-color)
}

.download:hover {
    background: #654049
}

.download:active,
.download:focus {
    background: #654049
}

.download:after {
    content: "\f019";
    font-family: 'FontAwesome', sans-serif
}

.download:hover:after {
    -webkit-animation: bounceright .3s alternate ease infinite;
    animation: bounceright .3s alternate ease infinite
}

@-webkit-keyframes bounceright {
    from {
        -webkit-transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(3px)
    }
}

@-webkit-keyframes wiggle {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(30deg)
    }
}

@keyframes bounceright {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(3px)
    }
}

@keyframes wiggle {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(30deg)
    }
}

.snip1527 {
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    color: #fff;
    float: left;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    margin: 10px 1%;
    max-width: 310px;
    min-width: 250px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%
}

.snip1527 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease
}

.snip1527 img {
    max-width: 100%;
    vertical-align: top;
    position: relative
}

.image {
    position: relative
}

.snip1527 figcaption {
    padding: 25px 20px 25px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%
}

figure:hover .btn-view {
    opacity: 1
}

.btn-view {
    top: 35% !important;
    width: 55%;
    bottom: 54% !important;
    margin: auto;
    opacity: 0;
    color: #fff !important;
    border-color: #fff !important;
    transition: .5s;
    background: #0009
}

.snip1527 figcaption:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #700877;
    content: '';
    background: -moz-linear-gradient(90deg, #5b1a29 0%, # 100%, #603446 100%);
    background: -webkit-linear-gradient(90deg, #5b1a29 0%, # 100%, #603446 100%);
    background: linear-gradient(90deg, #5b1a29 0%, # 100%, #603446 100%);
    opacity: .8;
    z-index: -1
}

.snip1527 .date {
    background-color: #fff;
    border-radius: 50%;
    color: #700877;
    font-size: 18px;
    font-weight: 700;
    min-height: 48px;
    min-width: 48px;
    padding: 10px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: uppercase;
    top: -25px
}

.snip1527 .date span {
    display: block;
    line-height: 14px
}

.snip1527 .date .month {
    font-size: 11px
}

.snip1527 h3,
.snip1527 p {
    margin: 0;
    padding: 0
}

.snip1527 h3 {
    display: inline-block;
    font-weight: 700;
    letter-spacing: -.4px;
    margin-bottom: 5px
}

.snip1527 p {
    font-size: .8em;
    line-height: 1.6em;
    margin-bottom: 0
}

.snip1527 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1
}

.snip1527:hover img,
.snip1527.hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

main {
    min-height: 100vh
}

section {
    position: relative;
}

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

.bg-grey h1,
.bg-grey h2 {
    color: #fff
}

.pull-right {
    text-align: right
}

.pull-right div {
    margin: 0 0 1rem auto
}

.grid p {
    line-height: 1.3rem;
    letter-spacing: .05rem;
    color: #fff
}

blockquote {
    background: #ab707f;
    color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C" "\201D";
    font-size: 1.5rem;
    line-height: 1.2rem
}

blockquote:before {
    content: open-quote;
    font-size: 2em;
    margin-right: .25em;
    vertical-align: -.4em
}

.frame {
    position: relative;
    width: 320px;
    aspect-ratio: 1;
    overflow: hidden;
    border: 16px solid #eee;
    box-shadow: 4px 4px 4px 0 #000, inset 4px 4px 4px 0 #000;
    border-radius: 4px;
    margin: 1rem;
    transform: rotateZ(-2deg)
}

.frame img {
    position: relative;
    width: 100%;
    aspect-ratio: inherit
}

.frame::after {
    box-shadow: inset 4px 4px 4px 0 #000;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    inset: 0;
    width: 100%
}

.frame:nth-child(2n) {
    transform: rotateZ(2deg)
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%
}

.bg-grey {
    background: #000;
    background: linear-gradient(90deg, #, # 80%, #)
}

.bg-green {
    background: #000;
    background: linear-gradient(-90deg, #33703a, #228832 80%, #277612);
    color: #fff
}

aside {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 256px;
    z-index: 0;
    clip-path: polygon(0% 33%, 9% 22%, 14% 28%, 27% 22%, 33% 30%, 46% 26%, 53% 29%, 65% 20%, 74% 29%, 83% 18%, 91% 27%, 98% 22%, 100% 34%, 100% 100%, 0% 100%)
}

aside {
    background: linear-gradient(20deg, black, grey, transparent)
}

aside.right {
    background: linear-gradient(-20deg, black, grey, transparent)
}

aside.top {
    top: 0;
    bottom: auto;
    clip-path: polygon(0% 81%, 0% 81%, 10% 67%, 10% 67%, 19% 79%, 19% 79%, 30% 60%, 30% 60%, 38% 77%, 38% 77%, 49% 66%, 49% 66%, 54% 77%, 54% 77%, 69% 70%, 69% 70%, 77% 79%, 77% 79%, 85% 67%, 85% 67%, 100% 77%, 100% 77%, 100% 0%, 100% 0%, 0% 0%, 0% 0%);
    background: linear-gradient(-200deg, black, grey, transparent)
}

aside.top.right {
    background: linear-gradient(200deg, black, grey, transparent)
}

:root {
    --color1: #d9e2e3;
    --color2: #fff;
    --color3: #0e0f0f;
    --color4: #868787
}

.city-gallery figure .img-cont {
    position: relative
}

.city-gallery .figure:hover {
    cursor: pointer
}

.image-link {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-no-margins img.mfp-img {
    padding: 0
}

.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0
}

.mfp-no-margins .mfp-container {
    padding: 0
}

.mfp-title {
    text-align: center;
    padding: 6px 0
}

.image-source-link {
    color: #DDD
}

.city-gallery figure .img-cont figcaption {
    position: absolute;
    bottom: 65px;
    text-align: center;
    width: 100%;
    background: #fff;
    transition: .5s
}

.city-gallery .figure:hover .img-cont figcaption {
    bottom: 0;
    cursor: pointer
}

.venue-container {
    margin-top: 75px
}

.venue-cards .card {
    min-height: 250px;
    padding: 20px
}

.venue-cards .col {
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center
}

.venue-cards .col .content p {
    font-size: 16px
}

.container-cont {
    width: 100%;
    min-height: 450px;
    overflow: hidden;
    box-shadow: rgba(27, 30, 30, .3) 0 5px 12px;
    background-image: url(../images/img.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    display: flex;
    align-items: center
}

.container__content {
    width: 65%;
    height: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.container__content::before {
    background-color: var(--color2);
    width: 130%;
    height: 100%;
    transform: skewX(-20deg);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.container__svgBox {
    display: block;
    width: 50px;
    height: 50px;
    margin: 35px 0 20px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.container__svg {
    margin-top: -7px
}

.container__svgBox::before {
    background-color: var(--color3);
    width: 70px;
    height: 2px;
    content: '';
    position: absolute;
    left: 75px;
    top: 51%;
    transform: translate(calc(-100% - 10px), -50%)
}

.container__svgBox::after {
    background-color: var(--color3);
    width: 70px;
    height: 2px;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(calc(100% 10px), -50%)
}

.container__title {
    color: var(--color3);
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center
}

.container__mainTitle {
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    font-weight: 500
}

.container__subTitle {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px
}

.container__subTitle:first-of-type {
    align-self: flex-end
}

.container__subTitle:last-of-type {
    align-self: flex-start
}

.container__desc {
    color: var(--color4);
    max-width: 685px;
    padding-right: 20px;
    margin-top: 35px;
    font-size: 14px;
    line-height: 1.8;
    padding: 0 40px
}

.db-form {
    padding: 20px;
    box-shadow: 0 0 10px #ccc
}

.db-form input,
.db-form select {
    border-radius: 0;
    height: 35px;
    margin-bottom: 20px;
    width: 100%
}

.short-menu {
    background: #;
    padding: 20px;
    position: sticky;
    top: 75px
}

.short-menu ul li {
    border-bottom: 1px solid #fff;
    padding: 8px 0
}

.short-menu ul li a {
    color: #fff
}

label {
    width: 100%
}
.ad-box {
    background-color: #63aa46;
    color: #fff;
    padding: 20px 40px;
    min-height: 163px;
    margin-bottom: 30px;
}
.ad-box p {
font-size: 14px;
}
.ad-box .item-title {
    color: #ffffff;}
.ad-box i {
font-size: 28px;
}
.card-input-element {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999
}
.card-input-element.radio-element{
        display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    /* left: 0; */
    right: 10px;
    top: calc(50% - 10px);
    z-index: 1
}
.card-input {
    margin: 10px;
    padding: 15px;
    border: 1px solid #ccc
}

.card-input:hover {
    cursor: pointer
}
.radio-block{
    position: relative;
    background: #ffffff;
    }
    .payment-label.active .radio-block{
  background: #63aa4666;
    border: 1px solid #63aa4666;
    }
.card-input-element:checked .card-input {
    box-shadow: 0 0 0 5px #;
    padding: 15px;
    background: #}
.cards-box{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.cards-box .card{
width:100%;
}
.cards-box .card h5{
font-size: 14px;
}
.cards-box .card h4{
margin:0px;
font-size: 16px;
}
.photo-gallery img,
.photo-gallery video {
    max-width: 100%;
    height: auto
}

.photo-gallery figcaption {
    text-align: center;
    font-size: 14px;
    margin-top: 5px
}

.fancybox__container {
    z-index: 99999
}

.photo-gallery .thumbnail {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px #ccc
}

.photo-gallery .thumbnail:hover {
    cursor: pointer
}
.home-photo-gallery figcaption{
    position: relative;
    bottom: 0px;
    width: 100%;
    background: #fff;
    padding: 8px 0px;
}
.home-photo-gallery .thumbnail {
    padding: 0px;
    position: relative;
}
.home-photo-gallery .thumbnail .icon{
position: absolute;
    top: 0;
    z-index: 999;
    background: #;
    color: #fff;
    margin: 5px;
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #111;
}
.home-photo-gallery .big-video img{
/*    aspect-ratio: 10/8.5;*/
}
.home-photo-gallery .small-videos ul li{margin-bottom: 15px}
.video-cont{
    display: flex;
    justify-content: space-between;
}
.video-cont .big-video{
    width: 600px;
}
.video-cont .small-videos{
    width: calc(100% - 610px);
}
.video-cont .small-videos ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.video-cont .small-videos ul li{
    width: 49%;
}


.testimonials-sec,
.proceedings {
    margin-top: 75px
}

.proceedings table {
    font-size: 13px
}

.proceedings .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #eaeaea !important;
    color: #000000 !important
}

.proceedings thead th {
    color: var(--main-color)
}

.subscription {
}

.subscription .newsletter {
    display: flex;
    background-color: var(--main-color);
    width: 100%;
    padding: 4rem;
    margin: auto;
    */
}

.subscription .newsText {
    color: #fff;
    text-align: right;
    width: 45%;
    margin: auto
}

.subscription .newsText h1 {
    font-weight: 600
}

.subscription .newsText img {
    width: 90%;
    margin-top: 1rem
}

.subscription .newsSign {
    background-color: #f1f1f6;
    width: 35%;
    margin: auto;
    padding: 4rem
}

.subscription form {
    display: flex;
    flex-direction: column;
    text-align: left;
    color: var(--main-color);
    font-size: 1rem
}

.subscription .input-field {
    position: relative;
    margin-bottom: 1rem
}

.subscription input {
    background-color: #f1f1f6;
    color: rgba(0, 0, 0, .7);
    font-size: .9rem;
    border: none;
    border-bottom: 2px solid var(--main-color);
    font-size: .9rem;
    width: 100%;
    border-radius: 5px;
    margin-top: 10px;
    padding: 0 5px
}

.subscription input:focus {
    outline: none;
    color: rgba(0, 0, 0, .6);
    border-bottom: 2px solid #aa81d8
}

.subscription button {
    background: linear-gradient(to left, #, #);
    color: #f9f9f9;
    font-size: .9rem;
    font-weight: 600;
    width: 50%;
    padding: .4rem;
    margin: auto;
    margin-top: 1rem;
    border: none;
    border-radius: 4px;
    cursor: pointer
}


/* The Modal (background) */
.city-gallery .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.city-gallery .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.city-gallery .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.city-gallery .close:hover,
.city-gallery .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.city-gallery .mySlides {
  display: none;
}

.city-gallery .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.city-gallery .prev,
.city-gallery .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.city-gallery .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.city-gallery .prev:hover,
.city-gallery .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.city-galleryb .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.city-gallery img {
  margin-bottom: -4px;
}

.city-gallery .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.city-gallery .demo {
  opacity: 0.6;
}

.city-gallery .active,
.city-gallery .demo:hover {
  opacity: 1;
}
.mob-form {
    display: none;
}
    .kwrapper {
    display: flex;
}


@media only screen and (max-width:720px) {
.mob-center {
    text-align: center;
    float: none !important;
    left: 0 !important;
}
    .ad-box i, .ad-box .item-title, .text {
    text-align: center;
    display: block;
}
.ad-box {
padding: 20px 20px;
}
.ad-box i {
    margin-bottom: 5px;
}
    .abs-form {
    padding: 0px 25px !important;
    }
    .canvasWrap .card p {
        width: 100%;
        font-size: 13px
    }
    .heading {
        font-size: 28px
    }
    .shortcuts .col {
        margin-bottom: 10px
    }
    .aboutus .container .details-container .about .name h1 {
        font-size: 2em
    }
    section {
        padding: 1rem
    }
    .scholary-service .swiper-button-prev {
        left: 30%
    }
    .scholary-service .swiper-button-next {
        right: 34%
    }
    .test-swiper .swiper-button-prev,
    .test-swiper .swiper-button-next {
        top: 50%
    }
    .test-swiper .swiper-button-prev {
        left: 0
    }
    .test-swiper .swiper-button-next {
        right: 0
    }
    .venue .card .card-body,
    .venue .card .card-header {
        width: 100% !important
    }
    .venue .card {
        flex-wrap: wrap
    }
    .attendies .img-tile {
        padding: 15px 0
    }
    .attendies .img-tile img {
        width: 100%;
        padding: 5px
    }
    .pricingTable .theading {
        font-size: 20px
    }
    .pricingTable .price-value,
    .pricingTable .pricing-content {
        width: 100%;
        padding: 0 15px
    }
    .pricingTable-signup {
        margin-top: 10px;
        margin-bottom: 15px
    }
    .scholary-service .testimonial .pic {
        width: 120px;
        height: 95px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        bottom: 0;
        margin: auto;
        padding: 10px;
        display: flex;
        right: 0;
        background: #fff;
        justify-content: center;
        align-items: center
    }
    .content {
        padding: 0 0em
    }
    .track-article label {
        font-size: 25px
    }
    .top-footer .track-article {
        margin-bottom: 15px
    }
    .footer-cta {
        padding: 0 20px !important
    }
    .footer-cta .row .mb-30 {
        margin-bottom: 20px
    }
    .footer-logo {
        text-align: center
    }
    .inner-header .navbar-toggler {
        color: rgb(255 255 255 / 55%);
        background-color: #000
    }
    #multistepsform {
        min-height: 100vh;
        height: 100%
    }
    .dbrochure h3 {
        transform: rotate(360deg);
        font-size: 50px;
        top: 0
    }
    .brochure-form {
        padding: 0
    }
    .head {
        width: 100%;
        font-size: 22px;
        word-wrap: break-word;
        display: block
    }
    .button {
        min-width: 21em
    }
    .registration-content {
        background: #fff3f6
    }
    .pricingTable .pricing-content {
            margin: 0 0 25px;
    }
    .price-table-2 .pricingTable .pricing-content{
     margin: 0 0 5px;
    }
    .registration .form {
        padding: 20px 10px 0px;
    }
    .registration .form {
        display: block;
        left: 0;
    position: relative;
    }
    .registration h1 {
        font-size: 20px
    }
    .registration label {
        font-size: 12px
    }
    label.text-right {
        width: 33%;
    }
    .registration #container {
            width: 100%;
    max-width: 100%;
    min-height: 700px;
    padding: 0;
    }
    .contactus .card .icon i {
        top: 39%;
        bottom: auto;
    }
    .card-deck {
        flex-wrap: wrap
    }
    .card-deck .card {
        width: 100%;
        margin-bottom: 10px
    }
    .accomodation label {
        width: 100%
    }
    .scientific-programe .nav-tabs .nav-item .nav-link {
        font-size: 12px
    }
    .navbar-collapse {
        background: #fff
    }
    .subscription .newsletter {
        width: 100%;
        padding: 1rem;
        ;
        flex-wrap: wrap
    }
    .subscription .newsText,
    .subscription .newsSign {
        width: 100%
    }
    .subscription .newsSign {
        padding: 2rem
    }
    .container__content {
        width: 100%
    }
    .container__subTitle:first-of-type {
        align-self: center
    }
    .container__mainTitle {
        font-size: 28px
    }
    .container__subTitle:last-of-type {
        align-self: center
    }
    .venue .content {
        padding: 15px 1em
    }
    
    .sign-up-container, .overlay-container  {
    display: block;
    }
    
    .mob-form {
        display: none;
    }
    .registration .form-container.form4, .mob-form {
    padding: 20px 10px;
    }
    .kwrapper {
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
  .registration .form-container {
    position: relative;
    width: 100%;
    }
    .registration .overlay-container {
    position: relative;
    height: 240px;
    }
    .registration .sign-in-container {
    width: 100%;
    } .registration .overlay-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px; 
    display:none;
    }
    .d-flex.subscribe-sec {
    display: block !important;
    }
    .f-btn {
    width: max-content;
    margin: auto;
    display: block;
    }
    .footer-widget ul li {
    width: 100%;
    text-align: center;
    }
    .contactus .card .content-wrap .text {
    font-size: 11px;
    }
    .contactus .card .icon {
    display: contents;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
    color: #000;
    }
}


/* events */

.event .card {
     overflow: hidden;
     width: 90%;
     height: 250px;
     margin: 5%;
     float: left;
     display: block;
     position: relative;
     background-color: #fff;
     transition: box-shadow 300ms ease-in;
}
 @media (min-width: 768px) {
    .event .card {
         width: 100%;
/*         margin: 2.5vw;*/
    }
}
 @media (min-width: 1024px) {
   
    .event .card:last-child {
         margin-right: 0px;
    }
    .pricet label.text-right {
	width: 45%;
	}
}
.event .card:hover {
     box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.1);
}
.event .img--container {
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
}
.event .img--container img {
     height: 100%;
     width: 100%;
     object-fit: cover;
}
.event .card--text {
     bottom: -50%;
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: #fff;
     transition: all 450ms cubic-bezier(0.6, 0.06, 0.34, 0.61);
}
 @media (min-width: 768px) {
    .event .card--text {
         bottom: -51%;
    }
}
 @media (min-width: 1024px) {
    .event .card--text {
         bottom: -64%;
    }
}
 @media (min-width: 1420px) {
    .event .card--text {
         bottom: -75%;
    }
}
.event .card--text.is-clicked, .card:hover .card--text {
     bottom: 0%;
}
.event .text--container {
     padding: 10px 13px 0px;
}
.event .text--title {
     font-size: 1.15em;
/*     margin-bottom: 0.75em;*/
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 2px;
}
.event .text--details:before {
     content: "";
     display: block;
     width: 30%;
     height: 1px;
     background-color: #ddd;
     margin: 30px 0;
}
.event .text--description {
     line-height: 1.4em;
}
.event .text--link {
     text-decoration: none;
     margin-top: 1em;
     display: inline-block;
     color: #a52a2a;
}
.event .text--link:hover {
     color: #d65f8d;
}

/* track abstract page css */
 .root {
     padding: 3rem 1.5rem;
     border-radius: 5px;
     box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.3);
     width: 500px;
    margin: auto;
}
 .abstract-track-page figure {
     display: flex;
}
.abstract-track-page figure img {
     width: 8rem;
     height: 8rem;
     border-radius: 50%;
     border: 1px solid #f05a00;
     margin-right: 1.5rem;
}
.abstract-track-page figure figcaption {
     display: flex;
     flex-direction: column;
     justify-content: space-evenly;
}
.abstract-track-page figure figcaption h4 {
     font-size: 1.4rem;
     font-weight: 500;
         font-family: 'Sansita Swashed', cursive;
}
.abstract-track-page figure figcaption h6 {
     font-size: 1rem;
     font-weight: 300;
}
.abstract-track-page figure figcaption h2 {
     font-size: 1.6rem;
     font-weight: 500;
}
.abstract-track-page .order-track {
     margin-top: 2rem;
     padding: 0 1rem;
     border-top: 1px dashed #2c3e50;
     padding-top: 2.5rem;
     display: flex;
     flex-direction: column;
}
.abstract-track-page .order-track-step {
     display: flex;
     height: 7rem;
}
.abstract-track-page .order-track-step:last-child {
     overflow: hidden;
     height: 4rem;
}
.abstract-track-page .order-track-step:last-child .order-track-status span:last-of-type {
     display: none;
}
.abstract-track-page .order-track-status {
     margin-right: 1.5rem;
     position: relative;
}
.abstract-track-page .order-track-status-dot {
     display: block;
     width: 2.2rem;
     height: 2.2rem;
     border-radius: 50%;
     background: #f05a00;
}
.abstract-track-page .order-track-status-line {
     display: block;
     margin: 0 auto;
     width: 2px;
     height: 7rem;
     background: #f05a00;
}
.abstract-track-page .order-track-text-stat {
     font-size: 1.3rem;
     font-weight: 500;
     margin-bottom: 3px;
}
.abstract-track-page .order-track-text-sub {
     font-size: 1rem;
     font-weight: 300;
}
.abstract-track-page .order-track {
     transition: all 0.3s height 0.3s;
     transform-origin: top center;
}
		.headercontentcss{
	color: white;
    text-align: center;
    background: #;
    padding: 4px;
}

#termschka{
color: #;
}

.ov-hidden {
    overflow: hidden;
}

.br-25 {
    border-radius: 25px;
}
.icons-block .pblock, .user-block, .user-lr .row {
    margin-bottom: 20px;
}
.bg-shadow {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}

.user-info {
    padding: 15px;
}
.user-info h5 {
    margin-bottom: 0px;
    font-size: 16px;
}
.row-pad {
    padding: 60px;
}

.font12 {
    font-size: 12px;
    display: inline-block;
}

 .txt-white{
 color:#ffffff;
 }
.mt50{
margin-top: 50px;
}

path {
    fill: # !important;
}



.nav-link.active {
    background: # !important;
}

    .ribbon-pop {
    background: linear-gradient(270deg, # 5.25%, # 96.68%);
    display: inline-block;
    padding: 10px 40px 10px 20px;
    color: white;
    position: relative;
    left: -28px;
    margin-block-end: 15px;
}

.ribbon-pop:before {
    height: 0;
    width: 0;
    border-top: 15px solid #;
    border-left: 15px solid transparent;
    bottom: -15px;
    position: absolute;
    content: "";
    left: 0;
}