body {
    font-family: Arimo, serif;
    font-size: 16px;
    font-weight: 400;
    background: #fff
}

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

::-moz-selection {
    background-color: #f5821f;
    color: #fff
}

a {
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

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

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none!important
}

a {
    color: #000
}

p b,
strong {
    font-weight: 600
}

.tagline-sec p {
    position: relative;
    font-size: 12.5px;
    line-height: 18px;
    text-align: center;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .5px;
    background-color: #000000d6;
    word-spacing: 0;
    color: #fff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .5);
    font-weight: 500;
    z-index: 999;
    top: -39px
}

h2 {
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: normal;
    position: relative;
    text-transform: uppercase
}

.h3,
h3 {
    font-size: 1.2rem
}

p {
    font-size: 17px;
    line-height: 27px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .4px;
    word-spacing: 1.8px
}

.about-p .collapse p,
.about-p p {
    font-size: 17px!important;
    line-height: 27px!important;
    font-family: 'Hind Madurai', serif!important;
    letter-spacing: .4px!important;
    word-spacing: 1.8px!important;
    text-align: justify
}

a:hover {
    text-decoration: none;
    color: #f5821f
}

.head-size {
    padding: 20px 0!important
}

.btn-orange {
    color: #fff;
    background-color: #e9852b;
    border-color: #fff;
    border-radius: 50px;
    font-size: 14px;
    outline: 0;
    border: 0
}

.btn1 {
    background-color: #fff;
    color: #f5821f;
    z-index: 999;
    border-radius: 0;
    font-weight: 600;
    border: 2px solid #f5821f
}

.btn1:hover {
    background-color: #fff;
    color: #f5821f
}

.lessclass1 {
    display: none
}

.lessclass1 i {
    font-size: 12px
}

.moreclass1 i {
    font-size: 12px
}

.lessclass2 {
    display: none
}

.lessclass2 i {
    font-size: 12px
}

.moreclass2 i {
    font-size: 12px
}

.text-btn {
    font-weight: 500;
    outline: 0;
    background-color: transparent;
    border: 0
}

.more a {
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 15px;
    font-size: 22px;
    letter-spacing: 2px;
    text-shadow: 2px 2px 9px #666;
    box-shadow: 0 1px 7px rgba(60, 60, 60, .4);
    font-weight: 800;
    text-transform: uppercase -webkit-animation: glowing 1.5s infinite;
    box-shadow: none !important -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}

@-webkit-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

.more a.bigbtn {
    padding: 5px 50px
}

.btn-event {
    background-color: #f5821f;
    color: #fff!important;
    z-index: 999;
    border-radius: 0;
    font-weight: 600;
    border: 1px solid #f5821f;
    width: 75%;
    font-size: 18px;
    text-transform: uppercase;
    box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, .1)
}

.btn-banner1 {
    border: none;
    background-image: linear-gradient(, );
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    box-shadow: none!important;
    margin: auto;
    display: block -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}

@-webkit-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

#project {
    top: 140px
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none
}

@-webkit-keyframes arrow-jump {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -webkit-transform: translatex(7px);
        -moz-transform: translatex(7px);
        -0-transform: translatex(7px);
        transform: translatex(7px)
    }
}

#arrow {
    -webkit-animation: arrow-jump 1s infinite;
    -moz-animation: arrow-jump 1s infinite;
    -o-animation: arrow-jump 1s infinite;
    animation: arrow-jump 1s infinite
}

.register-btn {
    color: #fff;
    background-image: linear-gradient(, );
    color: #fff;
    z-index: 999;
    font-size: 19px;
    border-radius: 5px;
    border: 1px solid #f99853;
    outline: 0 text-transform: uppercase;
    font-weight: 600;
    padding: 7px;
    text-align: center;
    -webkit-animation: glowing 1.5s infinite;
    box-shadow: none !important -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}

@-webkit-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

@keyframes glowing {
    0% {
        background-color: #fa7a48
    }
    50% {
        background-color: #f99853
    }
    100% {
        background-color: #fa7a48
    }
}

.bb-1 {
    border-bottom: .5px solid #f1f1f1
}

.title-section1 h1 {
    text-align: center;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 2px 6px rgb(0, 0, 0, .28);
    font-size: 27px;
    margin: 0;
    letter-spacing: .5px;
    font-family: 'Hind Madurai', serif;
    position: relative;
    z-index: 999;
    padding-top: 35px
}

.title-section1 h1 b {
    font-weight: bolder
}

.banner>.overlay1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(#3e4040, #000);
    z-index: 99;
    opacity: .5
}

.banner-m.import-export-banner .overlay1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(#1b1b1b, #ef6e1ba3);
    z-index: 99;
    opacity: .5
}

.inline-d {
    display: inline-flex;
    margin: 10px
}

.badge {
    display: inline-block;
    padding: 8px;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.registerNow {
    position: fixed;
    z-index: 9999999999;
    bottom: 0;
    width: 100%
}

.registerNow .btn {
    text-align: center
}

.registerNow a {
    text-decoration: none;
    color: #fff;
    font-size: 18px
}

.btn3 {
    background-image: linear-gradient(#f99853, #fa7a48);
    color: #fff;
    font-weight: 400;
    margin: 0 0;
    width: 50%;
    border-radius: 0;
    font-size: 15px;
    border: 0;
    box-shadow: inset 4px 4px 10px 4px rgba(0, 0, 0, .2)
}

.btn4 {
    background-color: #fff;
    color: #000;
    font-weight: 400;
    margin: 0 0;
    width: 49.3%;
    border-radius: 0;
    font-size: 18px;
    border: 0;
    box-shadow: inset 4px 4px 10px 4px rgba(0, 0, 0, .2)
}

.registerNow.btn3:hover {
    color: #fff
}

.registerNow.btn3:focus {
    outline: 0
}

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

.enquirenow_button {
    border-radius: 20px;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    color: #fff;
    background-color: #f5821f;
    width: auto;
    font-weight: 700;
    border: 0;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);
    overflow: hidden
}

.enquirenow_button:focus {
    border: 0;
    outline: 0
}

.EnquireNow {
    position: fixed;
    z-index: 9999999999;
    bottom: 20px;
    right: 15px
}

.bg-orange {
    background-image: linear-gradient(#f99853, #fa7a48);
    width: 100%
}

.bg-gray {
    background-color: #efecec!important
}

.bg-light-clr {
    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    float: none
}

.text-blue {
    color: #000871;
    font-weight: 600
}

.text-orange {
    color: #f5821f
}

.text-orange:hover {
    color: #f5821f
}

.bg-gray-grad {
    background-image: linear-gradient(#28313b, #485461)
}

.bg-gray-image {
    background: url(images/gray-bg.jpg) center center no-repeat;
    color: #000;
    background-size: cover;
    background-attachment: fixed
}

.bg-event-image {
    background: url(images/blue-bg.jpg) bottom right no-repeat;
    color: #000;
    background-size: cover
}

.bg-pattern-image {
    background: url(images/gray-patern.png)
}

.bg-grey {
    background-color: #e4dfdf!important
}

.bg-gradient-clr {
    background-image: linear-gradient(#ffff, #f1f1f1)
}

.text-highlight {
    color: #f5821f;
    font-weight: 600
}

.mentor-back p strong {
    color: #f5821f
}

.mentor-back p {
    padding: 15px
}

.mentor-back {
    width: 100%!important
}

.mentor-back-circle {
    display: block;
    margin: auto;
    border-radius: 50%;
    width: 80px;
    position: relative;
    height: 80px;
    top: -6%;
    background: #000
}

.mentors-sec h3 {
    font-size: 18px
}

.mentors-carousel.owl-theme .owl-nav {
    margin-top: 10px;
    display: none
}

.mentors-carousel.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none
}

.mentors-carousel .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mentors-carousel.owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto!important
}

.mentorssec {
    background: #f1f1f1;
    padding-top: 50px
}

.mentorssec .subtitle {
    font-size: 17px;
    line-height: 27px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .4px;
    word-spacing: 1.8px
}

.mentorssec .box-lft,
.mentorssec .box-rt {
    display: table-cell;
    vertical-align: top;
    float: none;
    text-align: center;
    padding: 20px 20px
}

.mentorssec .box-lft {
    background-color: #dadada6b
}

.mentorssec .box-rt {
    background-color: rgba(17, 46, 86, .75);
    color: #fff
}

.mentorssec .box-lft:hover {
    background-color: #ced1d4
}

.mentorssec .box-rt:hover {
    background-color: #112e56
}

.mentorssec .box-lft h3,
.mentorssec .box-rt h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1pt;
    margin-bottom: 15px;
    margin-top: 15px
}

.mentorssec .box-lft h3 {
    color: #112e56
}

.mentorssec .box-rt h3 {
    color: #fff
}

.mentorssec .box-lft .icon {
    color: #fff;
    background-color: #112e56;
    -webkit-box-shadow: 0 0 0 4px rgba(32, 78, 140, .31);
    box-shadow: 0 0 0 4px rgba(32, 78, 140, .31)
}

.mentorssec .box-lft .icon i {
    color: #fff;
    line-height: 80px
}

.mentorssec .icon {
    text-align: center;
    display: block;
    font-size: 48px;
    margin: auto;
    border-radius: 50%;
    width: 80px;
    height: 80px
}

.mentorssec .box-rt .icon {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, .31);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .31)
}

.mentorssec p {
    font-size: 14px;
    line-height: 24px
}

.mentorssec p b {
    font-weight: 600;
    color: #f5821f
}

.mentorssec .box-rt .icon i {
    color: #112e56;
    line-height: 80px
}

.mentorssec h2 {
    margin-bottom: 35px
}

@media(max-width:767px) {
    .mentorssec .box-lft,
    .mentorssec .box-rt {
        display: block;
        width: 100%
    }
}

@media screen and (min-width:1367px) and (max-width:1920px) {
    .container {
        width: 100%;
        max-width: 1750px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.animated-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 31px;
    display: inline-block;
    text-align: center;
    background-color: #ed184f!important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
    position: absolute;
    color: #fff!important;
    z-index: 999;
    left: 43%;
    bottom: 15%;
    font-size: 18px
}

.animated-btn::after,
.animated-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: rgba(255, 63, 63, .8);
    animation: ripple-1 2s infinite ease-in-out
}

.animated-btn::after {
    background: rgba(255, 63, 63, .6);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: .5s
}

@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.7);
        opacity: 0
    }
}

.animated-webinar-btn {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    line-height: 51px;
    display: inline-block;
    text-align: center;
    background-color: #fa7b49!important;
    background-image: linear-gradient(90deg, #f99853, #fa7a48);
    position: relative;
    color: #fff!important;
    z-index: 999;
    margin: auto;
    display: block;
    bottom: 22%
}

.animated-webinar-btn::after,
.animated-webinar-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: rgb(250 123 73 / 74%);
    animation: ripple-1 2s infinite ease-in-out
}

.animated-webinar-btn::after {
    background: rgb(250 123 73 / 64%);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: .5s
}

@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.7);
        opacity: 0
    }
}

.collapsible-link::before {
    content: '';
    width: 14px;
    height: 2px;
    background: #31302f;
    position: absolute;
    top: calc(50% - 1px);
    right: .5rem;
    display: block;
    transition: all .3s
}

.collapsible-link::after {
    content: '';
    width: 2px;
    height: 14px;
    background: #31302f;
    position: absolute;
    top: calc(50% - 7px);
    right: calc(.5rem + 6px);
    display: block;
    transition: all .3s
}

.collapsible-link[aria-expanded=true]::after {
    transform: rotate(90deg) translateX(-1px)
}

.collapsible-link[aria-expanded=true]::before {
    transform: rotate(180deg)
}

.collapsible-link1[aria-expanded=true]::after {
    transform: rotate(90deg) translateX(-1px)
}

.collapsible-link1[aria-expanded=true]::before {
    transform: rotate(180deg)
}

.collapsible-link2[aria-expanded=true]::after {
    transform: rotate(90deg) translateX(-1px)
}

.collapsible-link2[aria-expanded=true]::before {
    transform: rotate(180deg)
}

.industries .collapsible-link::before {
    content: '';
    width: 14px;
    height: 2px;
    background: #fa7a48;
    position: absolute;
    top: calc(50% - 1px);
    right: 1rem;
    display: block;
    transition: all .3s;
    margin-right: -17px
}

.industries .collapsible-link::after {
    content: '';
    width: 2px;
    height: 14px;
    margin-right: -17px;
    background: #fa7a48;
    position: absolute;
    top: calc(50% - 7px);
    right: calc(1rem + 6px);
    display: block;
    transition: all .3s
}

.accordion>.card:not(:last-of-type) {
    border-bottom-right-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-bottom-left-radius: 0
}

.sub-accordion .card-header {
    padding: 0;
    background-color: #f1f1f1;
    border-bottom: .7px solid #ccc
}

.sub-accordion .card {
    border: 0
}

.b-line {
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative
}

.b-line::before {
    background: #f5821f none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 60px
}

.b-line-ctr {
    margin: auto;
    margin-bottom: 0;
    padding-bottom: 15px;
    display: block;
    margin-bottom: 9px;
    position: relative
}

.b-line-ctr::before {
    background: #f5821f none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 60px;
    margin: auto;
    bottom: 0
}

.b-line-ctr-wh {
    margin: auto;
    margin-bottom: 0;
    padding-bottom: 15px;
    display: block;
    margin-bottom: 20px;
    position: relative
}

.b-line-ctr-wh::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 60px;
    margin: auto;
    bottom: 0
}

hr.syl-line {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center
}

hr.syl-line:after {
    content: "+";
    display: inline-block;
    position: relative;
    top: -.6em;
    font-size: 1.5em;
    padding: 0 .25em;
    background: #f1f1f1
}

.html5-video-.animated-webinar-btnplayer a {
    color: inherit;
    text-decoration: none;
    -moz-transition: color .1s cubic-bezier(0, 0, .2, 1);
    -webkit-transition: color .1s cubic-bezier(0, 0, .2, 1);
    transition: color .1s cubic-bezier(0, 0, .2, 1);
    outline: 0
}

.ytp-title-text {
    max-width: 100%;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top;
    padding-top: 12px;
    font-size: 18px;
    flex: 1
}

.ytp-chrome-bottom,
.ytp-chrome-top {
    position: absolute;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.html5-video-player {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    outline: 0;
    font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
    color: #eee;
    text-align: left;
    direction: ltr;
    font-size: 11px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    -ms-high-contrast-adjust: none
}

.bg-testimonials {
    background: url(images/gray-patern.png);
    padding: 15px;
    color: #000
}

@media(max-width:767px) {
    .bg-testimonials {
        background-image: linear-gradient(#f99853, #fa7a48);
        width: 100%;
        padding: 10px;
        color: #fff
    }
    .bg-testimonials h2 {
        color: #fff!important
    }
    .bg-testimonials .b-line-ctr::before {
        background: #fff
    }
}

.key-img-back {
    background-color: #fff;
    width: 52px;
    height: 52px;
    vertical-align: middle;
    padding: 4px;
    line-height: 42px;
    border-radius: 12px;
    box-shadow: 1px 1px 15px rgb(72 58 45 / 22%)
}

li .key-img-back p {
    display: inline-flex
}

.key-lst li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.9;
    color: #475465
}

.key-lst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 30px 0 10px 0;
    padding: 0
}

.key-img-back img {
    vertical-align: middle
}

.bul-lst {
    padding: 0;
    text-align: left
}

.bul-img {
    width: 35px;
    height: auto;
    padding: 5px;
    margin-right: 10px
}

.bul-lst li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%!important;
    height: auto;
    margin-bottom: 3px;
    font-size: 17px;
    line-height: 1.9;
    color: #475465;
    font-family: 'Hind Madurai', serif
}

.successstories-carousel.owl-theme .owl-nav {
    margin-top: 0;
    display: block
}

.owl-theme .owl-nav,
.successstories-carousel.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none
}

.Testimonial-carousel.owl-theme .owl-nav {
    margin-top: 0;
    display: block
}

.Testimonial-carousel.owl-theme .owl-dots,
.owl-theme {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none
}

.test.owl-theme .owl-nav {
    margin-top: 0;
    display: block
}

.owl-theme .owl-nav,
.test.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none
}

.test.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 7px;
    width: 50px;
    font-size: 34px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    color: #000;
    height: 32px
}

.successstories-carousel.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 7px;
    width: 50px;
    font-size: 34px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    color: #000;
    height: 32px
}

button:focus {
    outline: 0 dotted;
    outline: 0 auto -webkit-focus-ring-color
}

.Testimonial-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #000;
    text-decoration: none
}

.Testimonial-carousel.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 7px;
    width: 50px;
    font-size: 34px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    color: #000;
    height: 32px
}

button:focus {
    outline: 0 dotted;
    outline: 0 auto -webkit-focus-ring-color
}

.successstories-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #000;
    text-decoration: none
}

.test.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #000;
    text-decoration: none
}

.owl-stage {
    margin: auto;
    text-align: center
}

.test-video.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #000;
    text-decoration: none
}

.test-video.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 7px;
    width: 50px;
    font-size: 35px!important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    color: #000;
    height: 32px
}

.test-video.owl-theme .owl-nav {
    margin-top: 0;
    display: block
}

.owl-theme .owl-nav,
.test-video.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none
}

.test-image img {
    margin: 15px;
    border-radius: 10px;
    border: solid #fff;
    height: 150px;
    object-fit: cover
}

.card .table td {
    border-top: 0 dotted #41436294
}

.table td i {
    width: 21px;
    height: 15px
}

.table td {
    border-top: 1px dotted #41436294
}

.table tr:first-child td {
    border-top: 0
}

.tblhead {
    font-weight: 600;
    color: #000871
}

.border-none>.table td {
    border-top: 0
}

.table td,
.table th {
    vertical-align: middle
}

.table td {
    border-top: 0 dotted #41436294
}

.table td,
.table th {
    vertical-align: middle
}

.table-inner {
    font-size: 15px!important;
    color: #000!important
}

.card-body ul {
    font-family: 'Hind Madurai', serif;
    font-size: 17px;
    padding: 0;
    padding-left: 5px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400
}

.card-body ul b,
strong {
    font-weight: 500
}

.card-body ul li {
    margin: 0;
    padding: 0 0 0 6px;
    list-style: disc
}

.card-body ul li ul li {
    margin: 5px 10px;
    padding: 3px 10px 0 5px;
    list-style-type: circle
}

.card-header {
    padding: 10px 3px 10px 10px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 2px solid #fa7a48;
    font-weight: 400
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 20px;
    background: #f1f1f1
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.industries .card-header {
    margin-bottom: 0;
    background-color: transparent!important;
    border-bottom: 0 solid #fa7a48;
    border: 0;
    outline: 0;
    padding: 6px 1px
}

.card.industries.card-header {
    margin-bottom: 0;
    background-color: #f8f9fa!important;
    border-bottom: 0 solid #fa7a48;
    border: 0;
    outline: 0;
    padding: 6px 1px
}

.industries .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-wordbackground-color: transparent;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.industries .card .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 00px;
    background: #f8f9fa!important;
    text-align: justify
}

.stories-sec p {
    font-size: 15px;
    line-height: 25px;
    text-align: justify;
    font-family: 'Hind Madurai', serif
}

.stories-sec .vdo-box {
    text-align: center
}

.stories-sec video {
    width: 100%;
    max-width: 500px;
    height: auto
}

.stories-sec h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 5px
}

.stories-sec .subtitle {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0
}

.stories-sec iframe {
    width: 100%;
    max-width: 500px;
    height: auto
}

.stories-sec .embed-responsive {
    max-width: 500px;
    margin: auto
}

.home-home-testimonial-title::before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    left: 30px;
    font-size: 23px;
    color: #f5821f;
    margin-bottom: 10px
}

.home-testimonial-title {
    font-size: 17px;
    font-weight: 600;
    color: #1d1d1d;
    line-height: 20px;
    margin-bottom: 10px
}

.home-testimonial-title .subtitle {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    color: #424143;
    line-height: 22px
}

.fees-sec1 {
    background: url(images/gray-bg.jpg) no-repeat center;
    background-attachment: scroll;
    background-size: auto auto;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 50px;
    padding-top: 50px
}

.fees-sec1 p {
    margin-bottom: 0
}

.fees-in {
    background-color: #f1f1f1;
    padding: 30px;
    border: 1px solid #f5821f;
    margin: auto
}

.fees-sec1 .container {
    max-width: 977px
}

.fees-sec1 .box-lft,
.fees-sec1 .box-rt {
    vertical-align: middle;
    float: none;
    text-align: center;
    padding: 20px 20px
}

.fees-sec1 .box-lft {
    background-color: rgba(255, 255, 255, .8);
    color: #000
}

.fees-sec1 .box-rt {
    background-color: rgba(17, 46, 86, .75);
    color: #fff
}

.fees-sec1 .box-lft:hover {
    background-color: #fff
}

.fees-sec1 .box-rt:hover {
    background-color: #112e56
}

.fees-sec1 .box-lft h3,
.fees-sec1 .box-rt h3 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1pt;
    margin-bottom: 15px;
    margin-top: 15px
}

.fees-sec1 .box-lft h3 {
    color: #112e56
}

.fees-sec1 .box-rt h3 {
    color: #fff
}

.fees-sec1 .box-lft .icon {
    color: #fff;
    background-color: #112e56;
    -webkit-box-shadow: 0 0 0 4px rgba(32, 78, 140, .31);
    box-shadow: 0 0 0 4px rgba(32, 78, 140, .31)
}

.fees-sec1 .box-lft .icon i {
    color: #fff;
    line-height: 80px
}

.fees-sec1 .icon {
    text-align: center;
    display: block;
    font-size: 48px;
    margin: auto;
    border-radius: 50%;
    width: 80px;
    height: 80px
}

.fees-sec1 .box-rt .icon {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, .31);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .31)
}

.fees-sec1 p {
    font-size: 15px
}

.fees-sec1 p b {
    font-weight: 600
}

.fees-sec1 .box-rt .icon i {
    color: #112e56;
    line-height: 80px
}

.skill-program-cards {
    background-color: #eee;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 15px;
    border-radius: 5px
}

.skill-program-cards h3 {
    padding-left: 52px;
    margin-top: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .2px;
    word-spacing: 1.8px;
    text-align: left
}

.skill-program-cards p {
    padding-left: 52px;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .2px;
    word-spacing: 1.8px;
    text-align: left
}

.skill-program-cards:hover {
    box-shadow: 0 0 13px 2px transparent
}

.skill-program-cards img {
    width: 40px;
    float: left
}

.skill-program-card {
    background-color: #eee;
    position: relative;
    text-align: center;
    box-shadow: 0 0 13px 2px transparent;
    overflow: hidden;
    padding: 15px;
    border-radius: 5px
}

.skill-program-card * {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.skill-program-card:after,
.skill-program-card:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #f5821f;
    content: '';
    opacity: .9;
    z-index: 1
}

.skill-program-card:before {
    -webkit-transform: skew(45deg) translateX(-155%);
    transform: skew(45deg) translateX(-155%)
}

.skill-program-card:after {
    -webkit-transform: skew(45deg) translateX(155%);
    transform: skew(45deg) translateX(155%)
}

.skill-program-card .courseInfo {
    width: 100%;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.skill-program-card.hover>img,
.skill-program-card:hover>img {
    opacity: .5;
    box-shadow: 0 10px 30px -4px rgba(229, 229, 229, .09)
}

.course.hover:before,
.skill-program-card:hover:before {
    -webkit-transform: skew(45deg) translateX(-50%);
    transform: skew(45deg) translateX(-50%)
}

.skill-program-card.hover:after,
.skill-program-card:hover:after {
    -webkit-transform: skew(45deg) translateX(50%);
    transform: skew(45deg) translateX(50%)
}

.skill-program-card.hover .courseInfo,
.skill-program-card:hover .courseInfo {
    opacity: 1
}

.skill-program-card h3 {
    padding-left: 52px;
    margin-top: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .2px;
    word-spacing: 1.8px;
    text-align: left
}

.skill-program-card .mentor-back-circle {
    padding: 5px;
    border: 4px solid #f5821f;
    top: 0
}

.skill-program-btn a {
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .2px;
    word-spacing: 1.8px;
    color: #fff;
    text-transform: capitalize;
    text-decoration: underline
}

.skill-program-btn a:hover {
    color: #000
}

.skill-program-card p {
    padding-left: 52px;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .2px;
    word-spacing: 1.8px;
    text-align: left
}

.skill-program-card img {
    width: 40px;
    float: left
}

.enqire {
    background-color: #fff;
    background-image: url(images/map.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll
}

.skillbox:hover {
    box-shadow: 0 0 13px 2px rgba(0, 0, 0, .15)
}

.skillbox {
    padding: 25px 30px;
    border: 1px solid transparent;
    box-shadow: 0 10px 30px -4px rgba(0, 0, 0, .15)
}

.form-control {
    border-radius: 10px;
    padding: 0 20px;
    border: 2px solid #ccc;
    height: 55px;
    background: #fff;
    margin-bottom: 10px
}

.textarea {
    background: #fff;
    border: 2px solid #ccc;
    padding: 0 20px;
    padding-top: 0;
    width: 100%;
    height: 175px;
    opacity: 1;
    border-radius: 11px;
    padding-top: 25px;
    font-size: 17px;
    margin-bottom: 10px
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none
}

.corse-icon {
    display: block;
    margin-bottom: 15px;
    width: 50px;
    margin-top: -15px;
    height: 50px;
    line-height: 50px;
    border-radius: 90px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .2);
    background-color: #fff
}

.corse-icon i {
    color: #f99853;
    font-size: 25px;
    margin-top: 15px
}

.b-b-line {
    border-bottom: .5px solid #ccc
}

h2 i {
    font-size: 15px
}

.border-none h2 {
    margin: 0 0
}

.border-none .tblhead {
    font-weight: 500;
    color: #000871
}

.syl-list-book {
    padding: 0;
    text-align: left
}

.syl-list-book li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.syl-list-book li::before {
    content: '\f02d';
    float: left;
    margin-left: -25px;
    margin-right: 13px;
    margin-top: 0;
    color: #000;
    font-size: 14px
}

.syl-list {
    padding: 0;
    text-align: left
}

.syl-list .syl-list-book li::before {
    content: '\f02d';
    float: left;
    margin-left: -25px;
    margin-right: 13px;
    margin-top: 0;
    color: #000;
    font-size: 14px
}

.syl-list {
    padding: 0;
    text-align: left
}

.syl-list li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #333;
    font-size: 7px;
    font-weight: 700
}

.syl-list li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.syl-list li ul li::before {
    content: '\f105'!important;
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #000;
    font-size: 14px
}

.syl-skill {
    padding: 0;
    text-align: left
}

.syl-skill li::before {
    content: '\f013';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #333;
    font-size: 13px
}

.syl-skill li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.footer-list li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-right: 5px;
    margin-top: 0;
    color: #ff743e;
    font-size: 9px;
    font-weight: 700
}

.syl-list li ul li {
    list-style: circle
}

.syl-list li ul li::before {
    content: ""
}

.join-list {
    padding: 0;
    text-align: left
}

.join-list li::before {
    content: '\f0a4';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 0;
    margin-top: 0;
    color: #f5821f;
    font-size: 14px
}

.join-list li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.syl-sec p {
    font-size: 18px;
    line-height: 27px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .4px;
    word-spacing: 1.8px;
    font-weight: 500;
    color: #190e0e
}

.course-section div {
    padding: 0 0;
    width: 100%
}

.syl-section-inner-circle li {
    list-style: circle;
    padding: 6px 7px
}

.syl-section-inner-circle li::before {
    content: ""
}

.syl-list p b {
    font-weight: 600
}

.syl-list li b {
    font-weight: 600
}

.bul-lst-gears {
    padding: 0;
    text-align: left
}

.bul-lst-gears li {
    padding: 7px 0px
}

.bul-lst-gears li:before {
    content: '\f085';
    font-family: 'FontAwesome';
    float: left;
    margin-left: 25px;
    margin-right: 13px;
    margin-top: 0;
    color: #f5821f;
    font-size: 17px
}

.syl-list {
    padding: 0;
    text-align: left
}

@media(min-width:767px) {
    .syl-list-book li::before {
        font-family: FontAwesome
    }
}

.fees {
    background-image: linear-gradient(#f99853, #fa7a48);
    color: #fff;
    text-align: center;
    padding: 28px
}

.contact-info-footer p {
    padding-left: 22px;
    position: relative;
    margin-bottom: 8px;
    margin-top: 20px;
    color: #fff
}

.contact-info-footer p b {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 6px;
    color: #fff
}

.contact-info-footer p::before {
    display: block;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #f5821f
}

.contact-info-footer .add-1 p::before {
    content: "\f013"
}

.contact-info-footer .contact-add-2 p::before {
    content: "\f041";
    font-size: 16px;
    margin-top: -2px
}

.contact-info-footer .contact-phone p::before {
    content: "\f095"
}

.contact-info-footer .contact-phone p {
    line-height: 25px;
    letter-spacing: .8pt
}

.contact-info-footer .contact-mail p:first-child::before {
    content: "\f0e0";
    font-size: 12px;
    margin-top: 3px
}

.contact-info-footer .contact-mail p:first-child {
    line-height: 29px
}

.contact-info-footer .contact-mobile p::before {
    content: "\f10b"
}

.contact-info-footer .contact-mobile p {
    line-height: 25px;
    letter-spacing: .8pt
}

.contact-info-footer .contact-mobile p::before {
    content: "\f10b"
}

.contact-info-footer .icons {
    padding: 5px 0 22px 5px;
    color: #f5821f;
    float: left;
    margin-right: 13px
}

.icon1 ul li p {
    margin-left: 34px
}

.icon1 a {
    color: #fff!important
}

.contact-a a {
    color: #000!important
}

.background-bg {
    background: #3e3e3e;
    color: #fff;
    padding: 15px 0
}

.quick-contact h6 a {
    color: #fff;
    display: block
}

.quick-contact h6 {
    color: #fff;
    font-size: 18px
}

.contact-ul li a {
    text-decoration: none;
    color: #fff
}

.contact-ul li {
    margin-top: 16px
}

.contact-footer {
    text-align: start;
    margin-left: 20px
}

.contact-footer a {
    margin-right: 20px;
    color: #fff!important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center
}

.contact-footer i {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

.contact-footer a:hover {
    background: #f6882a
}

.txt-clr a {
    color: #fff!important
}

#iwtFooter {
    padding: 20px 0;
    background: #1d1d1d;
    clear: both
}

.copy-txt {
    color: #b3adab;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0
}

.copy-txt a {
    color: #fff
}

.copy-txt a:hover {
    color: #e47b30
}

.social-footer {
    float: right
}

.social-footer a {
    margin-right: 20px;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center
}

.social-footer i {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

.social-footer a:hover {
    background: #f6882a
}

.row>.grid-5 {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.skill-card-box {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 15px rgb(72 58 45 / 22%)
}

.skill P {
    font-size: 20px
}

.box-skill {
    padding: 15px 0;
    margin: 10px 14px;
    background-color: #ffa151;
    color: #000;
    border-radius: 10px
}

.box-skills {
    padding: 15px 0;
    margin: 10px 14px;
    background-color: #ffa151;
    color: #000;
    border-radius: 10px
}

.box-skill:after {
    content: "\f0da";
    font-size: 97px;
    font-family: 'FontAwesome';
    position: absolute;
    right: 2px;
    bottom: 25px;
    color: #ffa151
}

.box-skill-m {
    padding: 15px;
    margin: 30px 30px;
    background-color: #ffa151;
    color: #000;
    border-radius: 10px
}

.box-skill-m {
    padding: 15px;
    margin: 14px 14px;
    background-color: #ffa151;
    color: #000;
    border-radius: 10px
}

.box-skill-m:after {
    content: "\f0dd";
    font-size: 97px;
    font-family: 'FontAwesome';
    position: absolute;
    right: 45%;
    bottom: 23px;
    color: #ffa151
}

.box-skill p {
    margin: 0;
    font-size: 19px;
    z-index: 999999;
    position: relative
}

.box-skills p {
    margin: 0;
    font-size: 19px;
    z-index: 999999;
    position: relative
}

.box-skill-m p {
    margin: 0
}

@media (max-width:767px) {
    .gallery-back {
        background: url(images/gray-patern.png);
        color: #000
    }
}

.gallery-back {
    background-color: #343a40;
    color: #fff!important
}

@media (max-width:992px) {
    .box-skill p {
        margin: 0;
        font-size: 17px;
        z-index: 999999;
        position: relative
    }
    .box-skills p {
        margin: 0;
        font-size: 17px
    }
}

.skill-border-box {
    border: 2px solid #f5821f;
    font-size: 19px;
    background-color: #fff
}

.skill-border-box p {
    margin-bottom: 0
}

.modal-open {
    padding-right: 0!important
}

html {
    overflow-y: scroll!important
}

#modal-form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#modal-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

#modal-form .checkbox label,
.radio label {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

#modal-form h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: .5px
}

#modal-form .checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-right: 15px
}

#modal-form .modal-btn-bg {
    background-color: #f5821f;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 5px 10px;
    width: 75%;
    margin: auto;
    border-radius: 10px;
    border: 0
}

#modal-form .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 23px;
    text-align: center;
    margin: auto;
    display: block;
    font-weight: 800
}

#modal-form .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    position: absolute;
    right: 18px;
    font-weight: 500
}

@media(max-width:330px) {
    .btn4 {
        font-size: 15px
    }
    .registerNow a {
        font-size: 15px
    }
}

@media (max-width:356px) {
    .btn3 {
        width: 49%
    }
    .overlay1 p {
        font-size: 10.5px!important;
        top: 96px!important
    }
    .title-section1 h1 {
        font-size: 25px
    }
    .navbar-brand img {
        width: 216px;
        height: auto
    }
    .register-img {
        width: 29px;
        height: auto;
        margin-left: 7px
    }
    .enquire-img {
        width: 20px;
        height: auto;
        margin-right:10px;
    }
    .registerNow p {
        font-size: 15px;
        text-align: center;
        margin: 0
    }
}

@media (max-width:575.98px) {
    .banner-inner {
        margin: auto;
        min-height: 207px;
        position: relative
    }
    .overlay1 p {
        position: relative;
        font-size: 12.5px;
        line-height: 18px;
        text-align: center;
        font-family: 'Hind Madurai', serif;
        letter-spacing: .5px;
        background-color: #000000d6;
        word-spacing: 0;
        color: #fff;
        box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .5);
        font-weight: 500;
        z-index: 999;
        top: 90px;
        margin-bottom: 4px;
        bottom: 0;
        text-transform: capitalize
    }
    .overlay h2 {
        position: relative;
        z-index: 999;
        color: #fff;
        font-size: 21px;
        text-transform: none;
        margin-top: 22px;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        font-weight: 400
    }
    .overlay1 h2 {
        position: relative;
        z-index: 999;
        color: #fff;
        font-size: 23px;
        text-transform: none;
        margin-top: 22px;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        font-weight: 400
    }
    .btn-banner {
        border: none;
        background-image: linear-gradient(#f99853, #fa7a48);
        color: #fff;
        z-index: 999;
        border-radius: 6px;
        position: absolute;
        font-weight: 600
    }
    .key-back {
        box-sizing: border-box;
        background-color: #ccc;
        position: relative;
        width: 250px;
        height: 350px;
        margin: auto;
        box-shadow: 0 6px 22px 0 rgba(0, 0, 0, .08);
        display: block
    }
    .key-lst-txt {
        font-size: 17px;
        line-height: 26px;
        font-family: 'Hind Madurai', serif;
        color: #000;
        font-weight: 500
    }
    .key-back p {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        padding-top: 50px
    }
    .key-img-back img {
        margin: auto
    }
    .eligiblity {
        background-color: #ffff
    }
    .fees h3 {
        font-size: 20px
    }
    .eligiblity h3 {
        font-size: 20px
    }
    .animated-btn {
        left: 43%;
        bottom: 15%;
        font-size: 15px
    }
    .about-p p strong {
        font-weight: 500
    }
    .mentor-back {
        border-top: 2px solid #f5821f!important;
        margin: 0;
        background-color: #fff;
        padding: 7px;
        margin: auto;
        display: block;
        border: 0 solid #ccc;
        border-radius: 9px;
        position: relative;
        margin-top: 35px;
        margin-bottom: 15px;
        box-shadow: 1px 1px 15px rgb(72 58 45 / 22%);
        width: 100%
    }
    .mentor-back h3 {
        font-size: 15px;
        text-align: center;
        color: #000;
        margin-top: 0;
        font-weight: 400
    }
    .mentor-back p {
        font-size: 13px;
        text-align: justify;
        color: #000;
        line-height: 19px;
        padding: 10px
    }
    .register-img {
        width: 38px;
        height: auto;
        margin-left: 5px
    }
    .enquire-img {
        width: 20px;
        height: auto
    }
    .registerNow p {
        font-size: 17px;
        text-align: center;
        margin: 0
    }
    .animated-webinar-btn {
        width: 50px;
        height: 50px;
        line-height: 38px;
        bottom: 0
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .animated-webinar-btn {
        width: 55px;
        height: 55px;
        line-height: 44px;
        bottom: 0
    }
    .banner-inner {
        margin: auto;
        min-height: 218px;
        position: relative
    }
    .overlay1 p {
        position: relative;
        font-size: 12.5px;
        line-height: 18px;
        text-align: center;
        font-family: 'Hind Madurai', serif;
        letter-spacing: .5px;
        background-color: #000000d6;
        word-spacing: 0;
        color: #fff;
        box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .5);
        font-weight: 500;
        z-index: 99999;
        top: 103px;
        margin-bottom: 4px;
        bottom: 0
    }
    .overlay h2 {
        position: relative;
        z-index: 999;
        color: #fff;
        font-size: 30px;
        text-transform: none;
        margin: 0
    }
    .overlay h2 {
        position: relative;
        z-index: 999;
        color: #fff;
        font-size: 23px;
        text-transform: none;
        margin-top: 4px;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        font-weight: 600
    }
    .key-lst-txt {
        font-size: 17px;
        line-height: 26px;
        font-family: 'Hind Madurai', serif;
        color: #000;
        font-weight: 500
    }
    .key-back p {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        padding-top: 70px
    }
    .eligiblity {
        background-color: #f1f1f1
    }
    .collab-img img {
        height: 100px;
        width: auto
    }
    .fees h3 {
        font-size: 20px
    }
    .eligiblity h3 {
        font-size: 20px
    }
    .bb-1 {
        border-bottom: .5px solid #f1f1f1
    }
    .mentor-back {
        border-top: 2px solid #f5821f!important;
        background-color: #fff;
        padding: 7px;
        margin: auto;
        display: block;
        border: 0 solid #ccc;
        border-radius: 9px;
        position: relative;
        margin-top: 35px;
        margin-bottom: 15px;
        box-shadow: 1px 1px 15px rgb(72 58 45 / 22%);
        width: 100%
    }
    .mentor-back h3 {
        font-size: 15px;
        text-align: center;
        color: #000;
        margin-top: 0;
        font-weight: 400
    }
    .mentor-back p {
        font-size: 13px;
        text-align: justify;
        color: #000;
        line-height: 19px;
        padding: 15px
    }
    .animated-btn {
        width: 60px;
        height: 60px;
        line-height: 50px;
        bottom: 40px
    }
    .register-img {
        width: 30px;
        height: auto
    }
    .enquire-img {
        width: 22px;
        height: auto
    }
    .btn4 {
        background-color: #fff;
        color: #000;
        font-weight: 400;
        margin: 0 0;
        width: 48%;
        border-radius: 0;
        font-size: 18px;
        border: 0;
        box-shadow: inset 4px 4px 10px 4px rgba(0, 0, 0, .2)
    }
}

@media (min-width:768px) and (max-width:992px) {
    .food-banner-tagline .overlay1 p {
        font-size: 19px
    }
}

@media (min-width:768px) {
    .btn1 {
        background-color: #fff;
        color: #f5821f;
        z-index: 999;
        border-radius: 0;
        font-weight: 600;
        border: 1px solid #f5821f
    }
    .btn-position>.animated-btn {
        bottom: 28%
    }
    .join-list li::before {
        content: '\f0a4';
        font-family: 'FontAwesome';
        float: left;
        margin-left: -17px;
        margin-right: 0;
        margin-top: 0;
        color: #f5821f;
        font-size: 30px
    }
    .syl-list-book {
        margin-left: 28px
    }
    .syl-list li {
        padding: 0 0 10px 30px
    }
    .syl-list li ul li {
        padding: 3px
    }
    .card-body ul li ul {
        margin: 0
    }
    .Testimonials p {
        font-size: 22px;
        text-transform: uppercase
    }
    .test.owl-theme .owl-nav [class*=owl-]:hover {
        color: #fff
    }
    .test.owl-theme .owl-nav [class*=owl-] {
        color: #fff
    }
    .Collaboration img {
        height: 100px
    }
    .br-right {
        border-right: .5px solid #ccc
    }
    .br-left {
        border-left: .5px solid #ccc
    }
    .key-lst-txt {
        font-size: 18px;
        line-height: 26px;
        font-family: 'Hind Madurai', serif;
        color: #000;
        margin-left: 15px;
        font-weight: 500
    }
    .key-img-back {
        width: 65px;
        height: 65px;
        padding: 4px;
        line-height: 55px
    }
    .key-img-back img {
        width: 54px;
        height: auto;
        vertical-align: -webkit-baseline-middle
    }
    .form-control {
        padding: 0 10px;
        height: 55px
    }
    .banner-inner {
        margin: auto;
        min-height: 300px;
        position: relative
    }
    .title-section1 h1 {
        font-weight: 700;
        font-size: 31px;
        padding-top: 35px
    }
    .overlay1 p {
        position: relative;
        font-size: 23.5px;
        line-height: 25px;
        text-align: center;
        font-family: 'Hind Madurai', serif;
        letter-spacing: .5px;
        word-spacing: 0;
        color: #fff;
        z-index: 999;
        margin-top: 15px;
        bottom: 0;
        font-weight: 500
    }
    .banner>.overlay1::after {
        opacity: .4
    }
    .course-section {
        background-color: #fff;
        padding: 15px;
        border-radius: 10px;
        width: 100%;
        margin: auto;
        display: block
    }
    .course-sec-top {
        top: -29px;
        position: relative;
        z-index: 99
    }
    .mentor-back {
        border-top: 2px solid #f5821f!important;
        background-color: #fff;
        padding: 7px;
        margin: auto;
        display: block;
        border: 0 solid #ccc;
        border-radius: 9px;
        position: relative;
        margin-top: 35px;
        margin-bottom: 15px;
        box-shadow: 1px 1px 15px rgb(72 58 45 / 22%);
        width: 100%
    }
    .mentor-back h3 {
        font-size: 15px;
        text-align: center;
        color: #000;
        font-weight: 400
    }
    .animated-btn {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        line-height: 59px;
        left: 47%;
        bottom: 22%
    }
    .skillbox {
        padding: 25px 0
    }
    .register-img {
        width: 56px;
        height: auto;
        margin: auto;
        padding: 7px 10px;
        display: block
    }
    .enquire-img {
        width: 37px;
        height: auto;
        margin: auto;
        padding: 0 10px;
        display: block
    }
    .head-size {
        padding: 50px 0!important
    }
}

@media (min-width:992px) {
    h2 {
        font-size: 22px;
        color: #1f1f1f;
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 15px;
        line-height: normal;
        position: relative;
        text-transform: uppercase
    }
    .Collaboration img {
        height: 100px
    }
    .Collaboration p {
        font-size: 22px
    }
    .banner-inner {
        margin: auto;
        min-height: 500px;
        position: relative
    }
    .title-section1 h1 {
        font-weight: 700;
        font-size: 40px;
        padding-top: 155px
    }
    .overlay1 p {
        position: relative;
        font-size: 23.5px;
        line-height: 18px;
        text-align: center;
        font-family: 'Hind Madurai', serif;
        letter-spacing: .5px;
        word-spacing: 0;
        color: #fff;
        z-index: 999;
        margin-top: 25px;
        bottom: 0;
        font-weight: 500
    }
    .course-section {
        width: 85%!important;
        z-index: 999;
        margin: auto;
        display: block
    }
    .mentor-back {
        border-top: 2px solid #f5821f!important;
        background-color: #fff;
        padding: 7px;
        margin: auto;
        display: block;
        border: 0 solid #ccc;
        border-radius: 9px;
        position: relative;
        margin-top: 35px;
        margin-bottom: 15px;
        box-shadow: 1px 1px 15px rgb(72 58 45 / 22%);
        text-align: justify;
        width: 100%
    }
    .mentor-back h3 {
        font-size: 15px;
        text-align: center;
        color: #000;
        font-weight: 400
    }
    .form-control {
        padding: 0 20px;
        height: 55px
    }
}

@media (max-width:1280px) {
    .home-testimonial-title::before {
        left: 0
    }
    .course-section div {
        padding: 0 4px
    }
}

@media (max-width:768px) {
    .home-testimonial-title::before {
        left: 0;
        top: 20px
    }
}

.home-tagline {
    font-size: 21px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    font-family: 'Hind Madurai', serif
}

.program-card {
    font-family: 'Hind Madurai', serif;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
    box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, .24) inset;
    -webkit-box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, .24) inset;
    -moz-box-shadow: 1px 1px 15px 2px rgba(0, 0, 0, .24) inset
}

.program-card h3 {
    margin: 0!important;
    font-size: 22px;
    font-weight: 600;
    color: #2f2e30;
    letter-spacing: .7px
}

.program-card p {
    font-size: 14px;
    color: #242323;
    font-weight: 300;
    margin: 8px 0 1px 0;
    line-height: normal;
    letter-spacing: .4px;
    text-shadow: 0 0 1px rgb(0, 0, 0, .28)
}

.video-sec {
    vertical-align: middle;
    margin: 35px!important
}

.video-sec h2 {
    font-family: 'Hind Madurai', serif;
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 150px;
    margin-bottom: 40px
}

.animated-btn-home {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background-color: #ed184f!important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
    position: relative;
    color: #fff!important
}

.animated-btn-home::after,
.animated-btn-home::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: rgba(255, 63, 63, .8);
    animation: ripple-1 2s infinite ease-in-out
}

.animated-btn-home::after {
    background: rgba(255, 63, 63, .6);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: .5s
}

@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.7);
        opacity: 0
    }
}

.facts-Sec {
    background: #fff;
    padding: 0
}

.grid-5 {
    text-align: center;
    margin: auto
}

.grid-5 div {
    box-sizing: border-box;
    display: inline-block;
    border-left: 1px solid #f5821f;
    border-top: 1px solid #f5821f;
    border-bottom: 1px solid #f5821f;
    padding: 15px 20px 10px 20px;
    text-align: center;
    display: table-cell;
    width: 16.6%
}

.grid-5 div:first-child {
    border-left: none
}

.grid-5 div h2 {
    font-size: 29px;
    color: #424042;
    margin: 0;
    line-height: normal;
    text-transform: none;
    font-family: 'Hind Madurai', serif;
    font-weight: 600;
    letter-spacing: 0
}

.grid-5 div p {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Hind Madurai', serif;
    color: #1d1d1d;
    line-height: normal;
    margin: 15px 0 0 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, .5);
    letter-spacing: .3px
}

.iconfont {
    margin-right: 15px
}

.mr0 {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .video-sec h2 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .banner-bg {
        background-position: top center!important;
        background-image: url(images/banner-bg1.jpg)
    }
}

@media(max-width:540px) {
    .more a {
        font-size: 15px;
        letter-spacing: 1px
    }
    .program-card {
        padding: 10px
    }
    .program-card h3 {
        font-size: 18px
    }
    .program-card p {
        font-size: 13px;
        margin: 5px 0 1px 0
    }
    .home-tagline {
        font-size: 14px;
        line-height: 20px
    }
}

.mission-sec1 {
    padding: 15px;
    background-color: #f1f1f1
}

.mission-in {
    background-color: #fff;
    padding: 30px;
    display: table
}

.mission-in h2 {
    font-size: 30px;
    color: #1d1d1d;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 25%
}

.mission-in p {
    border-left: 1px solid #f5821f;
    font-size: 20px;
    color: #3d3d3d;
    font-weight: 400;
    margin: 0;
    text-align: center;
    line-height: 35px;
    text-shadow: 0 1px 1px rgb(0, 0, 0, .2);
    display: table-cell;
    padding: 20px;
    letter-spacing: .7px;
    font-family: 'Hind Madurai', serif
}

.mission-in p b {
    font-weight: 600
}

.grid1-5-wrapper {
    max-width: 1000px;
    margin-top: 60px;
    margin-bottom: 30px;
    background-color: #fff
}

.grid1-5 {
    list-style: none;
    width: 100%;
    overflow: hidden;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.grid1-5 li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 16.72%;
    border: 1px dotted #c1c1c1;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    border-bottom: none;
    border-right: none;
    padding: 1% 1.5%
}

.grid1-5 li img {
    width: 100%
}

.course-sec .grid1-5-wrapper {
    margin: auto;
    margin-top: 0;
    margin-bottom: 0
}

.course-sec .equal-height-txt {
    padding: 40px
}

.course-sec p {
    font-size: 15px
}

.course-sec h2 {
    margin-bottom: 30px
}

.course-sec .container {
    padding: 0
}

.pdf-wrap {
    text-align: center
}

.pdf-box {
    width: 19%;
    height: 100%;
    padding: 15px;
    display: inline-block;
    vertical-align: top
}

.pdf-box a {
    display: block;
    height: 100%;
    background-color: #f3f3f3;
    text-align: center;
    padding: 5px
}

.pdf-box img {
    width: 100%;
    max-width: 110px;
    height: 110px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 3px solid #f5821f
}

.pdf-box a p {
    margin-bottom: 40px;
    line-height: normal;
    color: #292929;
    font-size: 15px;
    letter-spacing: .2px;
    text-transform: none;
    font-family: 'Hind Madurai', serif;
    font-weight: 600
}

.pdf-box a:hover {
    box-shadow: 0 0 13px 2px rgba(0, 0, 0, .15)
}

#home .owl-stage {
    margin: auto;
    text-align: center
}

#home .program-icon li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 6px;
    font-weight: 700
}

#home .program-icon li {
    color: #000;
    line-height: 25px;
    font-size: 14px
}

#home .program-icon li {
    list-style: none
}

#home .card-header-text {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-left: 15px
}

#home .card-header-text.show {
    color: #e88c3c
}

#home .point {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #222;
    text-transform: uppercase
}

#home .inner-point {
    font-style: normal;
    font-size: 15px;
    line-height: 120%;
    color: #222;
    padding: 0 3px;
    font-weight: 500;
    text-transform: uppercase
}

#home .inner-card {
    border: 0;
    border-radius: 12px;
    margin: 12px 0;
    box-shadow: -1px 2px 9px rgba(0, 0, 0, .4)
}

#home .card .card-header {
    padding: 0;
    border: 0;
    background-color: transparent!important
}

#home .card-header img {
    border-radius: 12px 12px 0 0
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #ccc
}

#home .card-title-top {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    color: #000;
    text-transform: uppercase;
    font-family: 'Hind Madurai', serif!important
}

#home .card-title {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #45526c;
    margin-left: 12px
}

#home .card-body-duration {
    font-size: 14px;
    line-height: 100%;
    color: #45526c;
    margin: 0;
    margin-left: 8px;
    margin-bottom: 7px
}

#home .card-inner-btn {
    height: 38px;
    border: 1px solid rgba(207, 216, 220, .3);
    margin: 12px;
    border-radius: 4px;
    background-color: #e88c3c;
    font-size: 15px;
    padding: 0 15px;
    margin: auto;
    display: block;
    color: #fff;
    font-weight: 500
}

@keyframes .card-inner-btn {
    0% {
        transform: translateX(-30px) rotate(-25deg)
    }
    100% {
        transform: translateX(250px) rotate(-25deg)
    }
}

.card-inner-btn {
    margin: 1rem;
    background: #1693a5;
    color: #fff;
    padding: .75rem 1.25rem;
    width: 250px;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: all .1s linear
}

.card-inner-btn:hover::after {
    content: '';
    display: block;
    width: 75px;
    height: 175%;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 25%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, rgba(255, 255, 255, 0) 100%);
    opacity: .5;
    position: absolute;
    top: -20px;
    left: 0;
    animation: card-inner-btn .2s linear;
    transform: translateX(250px) rotate(-25deg)
}

#home .card-inner-btn>a {
    color: #fff
}

#home .card-inner-btn>a:hover {
    color: #fff
}

#home .card-body {
    border-radius: 0 0 12px 12px;
    background: #fff
}

#home .card-inner-btn:focus {
    border: 0;
    outline: 0
}

#home .card-body p {
    line-height: 22px;
    margin: 0;
    font-weight: 500;
    text-align: left
}

#home .card-body p:nth-of-type(2) {
    color: #000
}

#home .card-body p:nth-of-type(3) {
    color: #000
}

#home .card-img,
.card-img-top {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.course .owl-theme .owl-nav {
    display: none
}

.owl-theme .owl-dots .owl-dot {
    display: none;
    zoom: 1
}

.course .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #fff;
    text-decoration: none
}

.course .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 7px;
    width: 50px;
    font-size: 34px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    color: #fff;
    height: 32px
}

.course .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.course .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto!important
}

#home .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff!important;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    font-size: 18px;
    font-weight: 600
}

.collapsible-links::after {
    content: "\f107";
    color: #333;
    top: 4px;
    right: 7px;
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome'
}

.collapsible-links[aria-expanded=true]::after {
    content: "\f106"!important
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.collapsible-links[aria-expanded=true] {
    color: #fc941c!important
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .2);
    background-color: #fc941c;
    color: #fff
}

.nav-pills .nav-link {
    background-color: transparent;
    font-weight: 500;
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
    color: #45526c;
    border-radius: 5px;
    margin: 7px 0
}

.nav-pills .nav-link::before {
    content: "\f054";
    font-family: 'FontAwesome';
    float: right
}

.nav-pills .nav-link:active {
    color: #fff
}

.nav-pills .nav-link:hover {
    background-color: #f5821f;
    color: #fff
}

.facts-carousel.owl-carousel .owl-item img {
    display: block;
    width: auto;
    margin: auto;
    padding: 15px
}

.facts-carousel {
    border-top: 1px solid #f5821f;
    border-bottom: 1px solid #f5821f
}

.facts-carousel h2>p {
    margin: 0
}

.facts-carousel p {
    font-size: 15px;
    font-weight: 500
}

.facts-carousel h2 {
    font-size: 18px;
    font-weight: 700;
    text-transform: none
}

.facts-carousel.owl-theme .owl-dots .owl-dot {
    display: none;
    zoom: 1;
    margin: 0
}

.facts-carousel .item {
    border-left: 1px solid #f5821f;
    margin-top: 10px
}

.facts-carousel:first-child {
    border-left: 0
}

.event-section {
    background-color: #f1f1f1;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    padding: 00px;
    border-radius: 5px;
    margin: 0 0;
    width: 100%!important
}

.event-section h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0!important;
    line-height: 29px;
    color: #fff;
    padding: 5px;
    font-weight: bolder
}

.event-section p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: relative;
    z-index: 999;
    font-weight: 700;
    padding: 10px 0 0 0
}

.event-section p text-orange {
    color: #f5821f
}

.event-banner {
    height: 170px;
    width: auto;
    position: relative
}

.event-banner>.overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(#134255, #3e4040c4);
    z-index: 99;
    opacity: .7
}

.overlay div {
    position: relative;
    z-index: 999;
    text-align: -webkit-center
}

.event-carousel.owl-carousel .owl-item img {
    display: block;
    width: auto
}

.event-banner>.overlay h4 {
    position: relative;
    z-index: 999
}

.overlay p .badge {
    position: relative;
    z-index: 999;
    height: 60px;
    width: 60px;
    border-radius: 50%
}

.lft-rgt-nav .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #6486ab;
    color: #fff;
    margin: 0;
    transition: all .3s ease-in-out;
    transform: translateY(-50%)
}

.lft-rgt-nav .owl-nav button.owl-prev {
    left: 2%
}

.lft-rgt-nav .owl-nav button.owl-next {
    right: 2%
}

.lft-rgt-nav span {
    font-size: 50px;
    position: relative;
    color: #000;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    display: inline-block;
    line-height: 31px
}

.lft-rgt-nav .owl-nav button:focus {
    outline: 0
}

.event-icon i {
    background: #f5821f;
    border-radius: 50%;
    height: 25px;
    text-align: center;
    width: 25px;
    font-size: 15px;
    line-height: 25px;
    color: #fff
}

.event-carousel .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #fff;
    text-decoration: none
}

.event-carousel .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 7px;
    width: 50px;
    font-size: 34px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    color: #fff;
    height: 32px
}

.event-carousel .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.event-carousel .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto!important
}

.view-all a {
    display: inline-block;
    background: #fff;
    padding: 1px 15px;
    border-radius: 25px;
    border: 1px solid #f5821f;
    color: #1f1f1f;
    font-size: 13px;
    float: right;
    margin-right: 12px
}

.view-all a span {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.view-all a:hover {
    background: #f5821f;
    color: #fff
}

.view-all a:hover span {
    margin-left: 10px;
    color: #fff
}

.vr-line {
    border-left: 1px solid #c1c1c1
}

.aff-vr-line {
    border-left: 1px solid #c1c1c1
}

.br-line {
    border-bottom: 1px solid #c1c1c1
}

@media (min-width:576px) {
    #home .program-icon li {
        font-size: 15px
    }
    #home .program-icon li::before {
        font-size: 9px
    }
}

@media(min-width:768px) {
    #home .inner-card {
        border: 1px solid #ccc;
        background-color: #fff;
        box-shadow: -1px 2px 9px rgba(0, 0, 0, .1)
    }
    #home .inner-point {
        font-size: 20px
    }
    #home p .card-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        color: #45526c;
        margin-left: 12px;
        margin: 7px 0
    }
    #home .card-title {
        font-size: 16px
    }
    #home .card-body p {
        font-weight: 400
    }
    #home .course-layout-head {
        font-size: 28px!important;
        text-align: center;
        font-weight: 500;
        line-height: 1.2;
        color: #000
    }
    .course.owl-stage {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .course.owl-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto!important
    }
    .grid1-5 li {
        width: 16.72%!important
    }
    .mission-sec1 .container {
        width: 100%
    }
}

.inline-d {
    display: inline-flex;
    margin: 10px
}

@media(min-width:1200px) {
    .nav-pills .nav-link {
        font-size: 19px;
        font-weight: 600;
        border-radius: 5px;
        margin: 16px 0
    }
    .big-btn {
        display: inline-block;
        padding: 5px 20px;
        border-radius: 25px;
        border: 1px solid #f5821f;
        color: #1f1f1f;
        font-size: 18px;
        margin-top: 42px
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        margin: 0;
        transition: all .3s ease-in-out
    }
    .big-btn-side-nav .owl-nav button.owl-prev {
        left: 29%
    }
    .big-btn-side-nav .owl-nav button.owl-next {
        right: 29%
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        bottom: -32%;
        transform: translateY(-50%)
    }
    .big-btn-side-nav span {
        font-size: 50px;
        position: relative;
        color: #000;
        border-radius: 50%;
        display: inline-block;
        line-height: 31px
    }
    .big-btn-side-nav .owl-nav button:focus {
        outline: 0
    }
}

@media(max-width:356px) {
    .mission-in {
        padding: 15px
    }
    .stories-sec .subtitle {
        line-height: 17px
    }
    h2 {
        font-size: 19px
    }
}

@media (max-width:540px) {
    .pdf-box a p {
        padding-top: 0;
        margin-bottom: 20px
    }
    .pdf-box img {
        margin-bottom: 10px;
        margin-top: 10px;
        max-width: 85px;
        height: 85px
    }
    .iconfont {
        display: block;
        margin: auto
    }
    .grid-5 div {
        padding: 5px 10px 5px 10px;
        width: 44%;
        border-left: 0;
        margin-bottom: 5px;
        overflow: hidden
    }
    .grid-5 div h2 {
        font-size: 26px
    }
    .grid-5 div p {
        font-size: 13px
    }
    .home-tagline {
        font-size: 15px
    }
    .big-btn {
        display: inline-block;
        padding: 5px 20px;
        border-radius: 25px;
        border: 1px solid #f5821f;
        color: #1f1f1f;
        font-size: 18px;
        width: 85%!important
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        margin: 0;
        transition: all .3s ease-in-out
    }
    .big-btn-side-nav .owl-nav button.owl-prev {
        left: -2%!important
    }
    .big-btn-side-nav .owl-nav button.owl-next {
        right: -2%!important
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        bottom: -12%!important;
        transform: translateY(-50%)
    }
    .big-btn-side-nav span {
        font-size: 50px;
        position: relative;
        color: #000;
        border-radius: 50%;
        display: inline-block;
        line-height: 31px
    }
    .big-btn-side-nav .owl-nav button:focus {
        outline: 0
    }
    .lft-rgt-nav .owl-nav button {
        top: 40%
    }
    .aff-vr-line {
        border-left: 0 solid #c1c1c1
    }
}

@media screen(max-width:767px) {
    .pdf-box {
        width: 24%;
        padding: 3px 1px
    }
    .pdf-box a p {
        padding-top: 0;
        margin-bottom: 25px;
        font-size: 14px;
        letter-spacing: 0
    }
    .pdf-box img {
        max-width: 100px;
        height: 100px
    }
    .aff-vr-line {
        border-left: 0 solid #c1c1c1
    }
    .iconfont img {
        height: 70px;
        width: auto;
        margin: auto
    }
}

@media(max-width:768px) {
    .big-btn {
        display: inline-block;
        padding: 5px 20px;
        border-radius: 25px;
        border: 1px solid #f5821f;
        color: #1f1f1f;
        font-size: 18px;
        width: 60%
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        margin: 0;
        transition: all .3s ease-in-out
    }
    .big-btn-side-nav .owl-nav button.owl-prev {
        left: 10%
    }
    .big-btn-side-nav .owl-nav button.owl-next {
        right: 10%
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        bottom: -13%;
        transform: translateY(-50%)
    }
    .big-btn-side-nav span {
        font-size: 50px;
        position: relative;
        color: #000;
        border-radius: 50%;
        display: inline-block;
        line-height: 31px
    }
    .big-btn-side-nav .owl-nav button:focus {
        outline: 0
    }
    .pdf-box {
        width: 49%;
        padding: 5px 5px
    }
    .mission-in h2 {
        width: 100%
    }
    .mission-in p {
        border-left: 0
    }
    .mission-in h2 {
        display: table-row;
        width: 100%
    }
    .mission-in p {
        border-left: 0;
        border-top: 1px solid #f5821f
    }
    .animated-btn-home {
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    .home-tagline {
        font-size: 17px;
        font-size: 17px;
        margin: 0;
        line-height: 25px;
        padding: 17px 0
    }
    .grid1-5-wrapper.grid1-5 li {
        width: 30.74%
    }
    .course-sec .equal-height-txt {
        padding: 20px
    }
}

@media(max-width:991px) {
    .lft-rgt-nav .owl-nav button.owl-prev {
        left: 2%
    }
    .lft-rgt-nav .owl-nav button.owl-next {
        right: 2%
    }
    .mission-in h2 {
        font-size: 24px;
        width: 20%
    }
    .mission-in p {
        font-size: 18px;
        line-height: 23px;
        padding: 10px
    }
    .br-md-line {
        border-bottom: 1px solid #c1c1c1
    }
    .vr-line {
        border-left: 0
    }
}

@media(min-width:541px) and (max-width:767px) {
    .iconfont {
        display: block;
        margin: auto
    }
    .grid-5 div {
        width: 32.7%;
        border-left: 0;
        border-bottom: 1px solid #f5821f;
        margin-bottom: 5px;
        overflow: hidden
    }
    .grid-5 div h2 {
        font-size: 26px
    }
    .grid-5 div p {
        font-size: 13px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pdf-box {
        width: 19%;
        padding: 4px 2px
    }
    .pdf-box a p {
        padding-top: 0;
        margin-bottom: 20px
    }
    .home-tagline {
        font-size: 20px;
        margin: 0;
        line-height: 23px;
        padding: 5px 0
    }
    .animated-btn-home {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        line-height: 60px
    }
    .iconfont {
        display: block;
        margin: auto
    }
    .grid-5 div {
        padding: 15px 10px 10px 10px
    }
    .grid-5 div h2 {
        font-size: 26px
    }
    .grid-5 div p {
        font-size: 13px;
        margin-top: 5px
    }
    .big-btn {
        display: inline-block;
        padding: 5px 20px;
        border-radius: 25px;
        border: 1px solid #f5821f;
        color: #1f1f1f;
        font-size: 18px;
        margin-top: 42px
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        margin: 0;
        transition: all .3s ease-in-out
    }
    .big-btn-side-nav .owl-nav button.owl-prev {
        left: 15%
    }
    .big-btn-side-nav .owl-nav button.owl-next {
        right: 15%
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        bottom: -19%;
        transform: translateY(-50%)
    }
    .big-btn-side-nav span {
        font-size: 50px;
        position: relative;
        color: #000;
        border-radius: 50%;
        display: inline-block;
        line-height: 31px
    }
    .big-btn-side-nav .owl-nav button:focus {
        outline: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .grid-5 div h2 {
        font-size: 24px;
        color: #424042;
        margin: 0;
        line-height: normal;
        text-transform: none;
        font-family: 'Hind Madurai', serif;
        font-weight: 600;
        letter-spacing: 0
    }
    .nav-pills .nav-link {
        font-size: 15px;
        border-radius: 5px;
        margin: 10px 0
    }
    .grid1-5 {
        width: 99%
    }
    .iconfont {
        margin-right: 10px
    }
    .grid-5 div {
        padding: 15px 10px 10px 10px
    }
    .pdf-box {
        padding: 10px
    }
    .grid1-5 li {
        width: 33.56%
    }
    .course-sec .equal-height-txt {
        padding: 20px
    }
    .course-sec .equal-height-txt li {
        margin-right: 0
    }
    .big-btn {
        display: inline-block;
        padding: 5px 20px;
        border-radius: 25px;
        border: 1px solid #f5821f;
        color: #1f1f1f;
        font-size: 18px;
        margin-top: 42px
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        margin: 0;
        transition: all .3s ease-in-out
    }
    .big-btn-side-nav .owl-nav button.owl-prev {
        left: 29%
    }
    .big-btn-side-nav .owl-nav button.owl-next {
        right: 29%
    }
    .big-btn-side-nav .owl-nav button {
        position: absolute;
        bottom: -32%;
        transform: translateY(-50%)
    }
    .big-btn-side-nav span {
        font-size: 50px;
        position: relative;
        color: #000;
        border-radius: 50%;
        display: inline-block;
        line-height: 31px
    }
    .big-btn-side-nav .owl-nav button:focus {
        outline: 0
    }
}

.banner-verticle-inner .overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay.png);
    opacity: .6
}

.banner-verticle h1 {
    font-size: 45px;
    font-weight: bolder;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 215px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-top: 0;
    text-shadow: -2px 1px #0000009e
}

@media(max-width:540px) {
    .banner-verticle-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 200px;
        position: relative
    }
    .banner-verticle-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        margin-left: 0;
        font-size: 16px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .banner-verticle h1 {
        font-size: 19px;
        padding-top: 100px;
        text-shadow: -2px 1px #0000009e
    }
}

@media(min-width:541px) {
    .banner-verticle-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 300px;
        position: relative
    }
    .banner-verticle-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        margin-left: 20px;
        font-size: 14px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .banner-verticle h1 {
        font-size: 24px;
        padding-top: 20px;
        margin-top: 40px
    }
}

@media(min-width:768px) {
    .banner-verticle-inner {
        min-height: 427px
    }
    .banner-verticle-inner p {
        margin-left: 44px;
        font-size: 17px
    }
    .banner-verticle h1 {
        font-size: 33px;
        padding-top: 95px;
        margin-top: 0;
        margin-left: 50px
    }
}

@media(min-width:992px) {
    .banner-verticle-inner {
        min-height: 650px
    }
    .banner-verticle h1 {
        font-size: 33px;
        padding-top: 160px;
        margin-top: 0;
        margin-left: 26px;
        text-shadow: -2px 1px #0000009e
    }
}

.skill-banner-inner .overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay.png);
    opacity: .4
}

@media(max-width:540px) {
    .skill-banner-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 182px;
        position: relative;
        font-weight: bolder;
        text-shadow: 2px 2px #000
    }
    .skill-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        font-size: 14px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .skill-program-banner h1 {
        font-size: 23px;
        font-weight: bolder;
        margin: auto;
        padding-bottom: 4px;
        padding-top: 120px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        margin-top: 0;
        font-weight: bolder;
        text-shadow: 2px 2px #000
    }
}

@media(min-width:541px) {
    .skill-banner-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 340px;
        position: relative
    }
    .skill-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        font-size: 18px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .skill-program-banner h1 {
        font-size: 33px;
        font-weight: bolder;
        margin: auto;
        padding-bottom: 4px;
        padding-top: 221px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        margin-top: 0;
        font-weight: bolder;
        text-shadow: 2px 2px #000
    }
}

@media(min-width:768px) {
    .skill-banner-inner {
        min-height: 539px
    }
    .skill-banner-inner p {
        margin-top: 10px;
        font-size: 23px;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .skill-program-banner h1 {
        font-size: 45px;
        padding-top: 400px
    }
}

@media(min-width:992px) {
    .skill-banner-inner {
        min-height: 650px
    }
    .skill-banner-inner p {
        margin-top: 10px;
        font-size: 22px
    }
    .skill-program-banner h1 {
        font-size: 45px;
        padding-top: 215px
    }
}

@media(min-width:1200px) {
    .skill-banner-inner {
        min-height: 650px
    }
    .skill-banner-inner p {
        margin-top: 1px;
        font-size: 25px
    }
    .skill-program-banner h1 {
        font-size: 45px;
        padding-top: 215px
    }
}

.csr-banner-inner .overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay.png);
    opacity: .4
}

@media(max-width:540px) {
    .csr-banner-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 182px;
        position: relative
    }
    .csr-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        font-size: 17px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .csr-program-banner h1 {
        font-size: 26px;
        font-weight: bolder;
        margin: auto;
        padding-bottom: 4px;
        padding-top: 127px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        margin-top: 0;
        text-shadow: 2px 2px #000
    }
}

@media(min-width:541px) {
    .csr-banner-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 340px;
        position: relative
    }
    .csr-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        font-size: 18px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .csr-program-banner h1 {
        font-size: 33px;
        font-weight: bolder;
        margin: auto;
        padding-bottom: 4px;
        padding-top: 292px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        margin-top: 0;
        text-shadow: 2px 2px #000
    }
}

@media(min-width:768px) {
    .csr-banner-inner {
        min-height: 539px
    }
    .csr-banner-inner p {
        margin-top: 10px;
        font-size: 16px
    }
    .csr-program-banner h1 {
        font-size: 28px;
        padding-top: 395px
    }
}

@media(min-width:992px) {
    .csr-banner-inner p {
        margin: 0;
        font-size: 27px
    }
    .csr-program-banner h1 {
        font-size: 42px;
        padding-top: 88px
    }
}

.live-banner-inner .overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay.png);
    opacity: .4
}

.live-program-banner h1 {
    font-size: 45px;
    font-weight: bolder;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 215px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-top: 0
}

@media(max-width:540px) {
    .live-banner-inner {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 300px;
        position: relative
    }
    .live-program-banner h1 {
        font-size: 20px;
        padding-bottom: 0;
        padding-top: 135px
    }
    .live-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        text-align: center;
        font-size: 15px;
        margin-top: 3px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
}

@media(min-width:540px) {
    .live-banner-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 341px;
        position: relative
    }
    .live-program-banner h1 {
        font-size: 30px;
        padding-top: 55px;
        padding-left: 151px
    }
    .live-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 600;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        text-align: center;
        font-size: 14px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1;
        margin-left: 128px
    }
}

@media(min-width:767px) {
    .live-banner-inner {
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 412px
    }
    .live-program-banner h1 {
        font-size: 28px;
        padding-top: 95px;
        padding-left: 179px
    }
    .live-banner-inner p {
        font-weight: 400;
        margin-top: 1px;
        margin-left: 171px;
        font-size: 18px;
        position: relative;
        z-index: 1
    }
}

@media(min-width:992px) {
    .live-banner-inner {
        min-height: 545px
    }
    .live-program-banner h1 {
        font-size: 38px;
        padding-top: 122px;
        margin-top: 0;
        padding-left: 56px
    }
    .live-banner-inner p {
        margin: 0;
        margin-top: 1px;
        margin-left: 65px;
        font-size: 19px
    }
}

@media(min-width:1200px) {
    .live-banner-inner {
        min-height: 650px
    }
    .live-program-banner h1 {
        font-size: 45px;
        padding-top: 122px;
        padding-left: 56px
    }
    .live-banner-inner p {
        margin-left: 40px;
        font-size: 27px
    }
}

.startup-banner-inner .overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay.png);
    opacity: .4
}

.startup-program-banner h1 {
    font-size: 45px;
    font-weight: bolder;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 215px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-top: 0;
    text-shadow: -2px 2px #000
}

@media(max-width:540px) {
    .startup-banner-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: auto;
        position: relative
    }
    .startup-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        margin-left: 0;
        font-size: 14px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1;
        margin-bottom: 12px
    }
    .startup-program-banner h1 {
        font-size: 18px;
        font-weight: bolder;
        margin: auto;
        padding-bottom: 4px;
        text-transform: uppercase;
        position: relative;
        margin-top: -85px;
        text-shadow: -2px 2px #000
    }
}

@media(min-width:541px) {
    .startup-banner-inner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: auto;
        min-height: 335px;
        position: relative
    }
    .startup-banner-inner p {
        color: #fff;
        text-align: center;
        font-weight: 400;
        text-transform: none;
        margin: 0;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: 0;
        font-size: 22px;
        line-height: normal;
        text-shadow: 1px 1px rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
    .startup-program-banner h1 {
        font-size: 34px;
        padding-top: 287px
    }
}

@media(min-width:768px) {
    .startup-banner-inner {
        min-height: 427px
    }
    .startup-banner-inner p {
        margin-left: 0;
        font-size: 17px;
        margin-bottom: 28px
    }
    .startup-program-banner h1 {
        font-size: 33px;
        padding-top: 345px
    }
}

@media(min-width:992px) {
    .startup-banner-inner {
        min-height: 585px
    }
    .startup-banner-inner p {
        margin: 0;
        font-size: 27px
    }
    .startup-program-banner h1 {
        font-size: 46px;
        padding-top: 440px
    }
}

@media (min-width:1200px) {
    .startup-banner-inner {
        min-height: 650px
    }
    .startup-banner-inner p {
        font-size: 30px
    }
    .startup-program-banner h1 {
        font-size: 50px;
        padding-top: 350px;
        margin-top: 0;
        padding-left: 40px
    }
}

.about-banner-inner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    min-height: 450px;
    position: relative
}

.about-banner-inner .overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay.png);
    z-index: 0;
    opacity: .6
}

.about-banner-inner p {
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-top: 187px;
    font-size: 40px;
    line-height: normal;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    position: relative;
    z-index: 1
}

@media (max-width:567px) {
    .about-banner-inner {
        min-height: 157px!important
    }
    .about-banner-inner p {
        font-weight: 700;
        padding-top: 59px;
        font-size: 25px
    }
}

@media (max-width:767px) {
    .about-banner-inner {
        min-height: 250px
    }
    .about-banner-inner p {
        font-weight: 700;
        padding-top: 100px;
        font-size: 30px
    }
}

.about-overlay {
    background: rgba(36, 36, 36, .85);
    padding: 30px;
    color: #fff
}

.image-border img {
    border: 2px solid #f5821f
}

.Vision-in {
    background-color: #f1f1f1;
    padding: 30px
}

.Vision-in h2 {
    font-size: 30px;
    color: #1d1d1d;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center
}

.Vision-in p {
    border-left: 0 solid #f5821f;
    font-size: 20px;
    color: #3d3d3d;
    font-weight: 400;
    margin: 0;
    text-align: center;
    line-height: 35px;
    text-shadow: 0 1px 1px rgb(0, 0, 0, .2);
    padding: 20px;
    letter-spacing: .7px;
    font-family: 'Hind Madurai', serif
}

.Vision-in p b {
    font-weight: 600
}

@media (min-width:768px) {
    .Vision-sec1 .container {
        width: 100%
    }
}

.icontxt-wrap {
    text-align: center
}

.icontxt-box {
    width: 20%;
    height: 100%;
    padding: 15px;
    display: inline-block;
    vertical-align: top
}

.icontxt-box a {
    display: block;
    height: 225px;
    background-color: #f3f3f3;
    text-align: center;
    padding: 5px
}

.icontxt-box img {
    width: 100%;
    max-width: 60px;
    height: 60px;
    margin-bottom: 20px;
    margin-top: 40px
}

.icontxt-box a p {
    margin-bottom: 40px;
    line-height: normal;
    color: #292929;
    font-size: 15px;
    letter-spacing: .2px;
    text-transform: none;
    font-family: 'Hind Madurai', serif;
    font-weight: 600;
    padding: 5px
}

.icontxt-box a:hover {
    box-shadow: 0 0 13px 2px rgba(0, 0, 0, .15)
}

@media (max-width:767px) {
    .icontxt-box {
        width: 49%;
        padding: 7px 5px
    }
    .icontxt-box a p {
        padding-top: 0;
        margin-bottom: 25px;
        font-size: 14px;
        letter-spacing: 0
    }
    .icontxt-box img {
        max-width: 60px;
        height: 60px
    }
}

@media (max-width:540px) {
    .icontxt-box {
        width: 90%;
        padding: 5px 5px
    }
    .icontxt-box a p {
        padding-top: 0;
        margin-bottom: 20px
    }
    .icontxt-box img {
        margin-bottom: 20px;
        margin-top: 30px;
        max-width: 75px;
        height: 75px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .icontxt-box {
        width: 24%;
        padding: 4px 2px
    }
    .icontxt-box a p {
        padding: 5px
    }
}

@media(min-width:992px)and(max-width:1199px) {
    .icontxt-box {
        padding: 10px
    }
}

.btnbx .btn {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    font-weight: 500;
    letter-spacing: .14px;
    border-radius: 3px;
    padding: 9px 15px;
    font-size: 16px;
    border: none
}

.btnbx .btn-warning {
    background-color: #ffa353
}

.btnbx .btn-warning:active,
.btnbx .btn-warning:focus {
    background-color: #ffa353!important
}

.timeline-bg {
    background-image: url(images/timeline-banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f2f2f2;
    background-attachment: fixed
}

.card-4-box .card-4-content {
    min-height: auto
}

.card-4-box .card-4-content h3 {
    margin-top: 10px
}

b-line::before {
    margin: 0 auto
}

.card-4-box .card-4-content {
    min-height: 70px;
    margin-top: 10px;
    margin-bottom: 10px
}

.card-4-box .card-4-content h3 {
    font-size: 17px;
    font-weight: 600;
    color: #787878;
    margin-bottom: 4px;
    margin-top: 14px
}

.card-4-box .card-4-content p {
    font-size: 14px;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 0;
    line-height: 22px;
    line-height: 19px
}

.card-4-box .img-box {
    overflow: hidden;
    display: block;
    position: relative;
    border: 1px solid #ff924b;
    text-align: center;
    background: #fff
}

.card-4-box .img-box img {
    width: 100%;
    zoom: 1;
    -webkit-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.card-4-box .img-box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-4-box img {
    width: 100%;
    max-width: 335px;
    margin: auto
}

.client .card-4-box img {
    max-width: 130px!important
}

.client .card-4-box .img-box {
    border: none!important
}

.client .card-4-box .card-4-content p {
    text-align: center!important
}

.card-4-box .card-4-content {
    min-height: 70px;
    margin-top: 10px;
    margin-bottom: 10px
}

.card-4-box .card-4-content h3 {
    font-size: 17px;
    font-weight: 600;
    color: #787878;
    margin-bottom: 4px;
    margin-top: 14px
}

.card-4-box .card-4-content p {
    font-size: 14px;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 0;
    line-height: 22px;
    line-height: 19px
}

.card-4-box .img-box {
    overflow: hidden;
    display: block;
    position: relative;
    border: 1px solid #ff924b;
    text-align: center;
    background: #fff
}

.card-4-box img {
    width: 100%;
    max-width: 335px;
    margin: auto
}

.client .card-4-box img {
    max-width: 130px!important
}

.client .card-4-box .img-box {
    border: none!important
}

.client .card-4-box .card-4-content p {
    text-align: center!important
}

.card-4-box .card-4-content {
    min-height: auto
}

.card-4-box .card-4-content h3 {
    margin-top: 10px
}

.achivement-bg {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px
}

.bul-chk {
    padding: 0;
    text-align: left
}

.bul-chk li i {
    float: left;
    margin-left: -17px;
    margin-right: 10px;
    margin-top: 5px;
    color: #f5821f;
    font-size: 20px
}

.bul-chk li {
    margin: 0;
    padding: 0 0 14px 40px;
    text-align: left;
    font-weight: 400;
    font-size: 17px
}

.bgRt-TxtLt-sec .txt-box {
    background: 0 0;
    padding: 30px;
    color: #1f1f1f
}

.icontbl .icon {
    font-size: 45px;
    color: #f5821f;
    text-align: center;
    vertical-align: top
}

.icontbl .txt {
    padding-left: 20px;
    color: #1f1f1f;
    padding-bottom: 15px;
    padding-top: 5px
}

.client .card-4-box .img-box {
    border: none!important
}

.card-4-box .img-box {
    overflow: hidden;
    display: block;
    position: relative;
    border: 1px solid #ff924b;
    text-align: center;
    background: #fff
}

.card-4-box .card-4-content {
    min-height: 70px;
    margin-top: 10px;
    margin-bottom: 10px
}

.card-4-box .card-4-content h3 {
    font-size: 17px;
    font-weight: 600;
    color: #787878;
    margin-bottom: 4px;
    margin-top: 14px
}

.card-4-box .card-4-content p {
    font-size: 14px;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 0;
    line-height: 22px;
    line-height: 19px
}

.card-4-box .img-box {
    overflow: hidden;
    display: block;
    position: relative;
    border: 1px solid #ff924b;
    text-align: center;
    background: #fff
}

.card-4-box .img-box img {
    width: 100%;
    zoom: 1;
    -webkit-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.card-4-box .img-box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card-4-box img {
    width: 100%;
    max-width: 335px;
    margin: auto
}

.client .card-4-box img {
    max-width: 130px!important
}

.client .card-4-box .img-box {
    border: none!important
}

.client .card-4-box .card-4-content p {
    text-align: center!important
}

.impact-bg {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 50px;
    padding-bottom: 50px
}

.position-of-imapact-bg {
    position: relative
}

.impact-bg .overlays {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f5821f;
    z-index: 0;
    opacity: .5
}

.txt-box {
    background: rgba(36, 36, 36, .85);
    padding: 30px;
    color: #fff
}

.success-course-name p {
    font-size: 14px;
    font-weight: bolder;
    color: #000;
    line-height: 22px;
    text-align: left;
    color: #ff4500
}

.success-course-name a {
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500
}

.success-course-name a:hover {
    color: #000
}

select {
    border: 0;
    outline: 0;
    background-color: transparent
}

.suggested-course p {
    font-size: 14px;
    font-weight: bolder;
    color: #000;
    line-height: 22px;
    text-align: left;
    color: #ff4500;
    margin: 7px 20px
}

.suggested-course a {
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500
}

.suggested-course a:hover {
    color: #000
}

@media (max-width:767px) {
    .suggested-course p {
        font-size: 14px;
        font-weight: bolder;
        line-height: 22px;
        text-align: left;
        color: #000;
        margin: 0 20px
    }
    .suggested-course a {
        text-decoration: underline;
        font-size: 13px;
        font-weight: 500;
        color: #fff
    }
    .suggested-course a:hover {
        color: #fff
    }
}

.b-line-white {
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    margin-bottom: 35px;
    position: relative
}

.b-line-white::before {
    background: #846161 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    width: 60px
}

.bul-lst-white {
    padding: 0;
    text-align: left
}

.bul-lst-white li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #846161;
    font-size: 9px;
    font-weight: 700
}

.bul-lst-white li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.pgn ul {
    padding: 0;
    margin: 0
}

.pgn ul li {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400
}

.pgn ul li a,
.pgn ul li span {
    color: #000;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e6e6e6
}

.pgn ul li.active a,
.pgn ul li.active span,
.pgn ul li:hover a,
.pgn ul li:hover span {
    background: #4986fc;
    background: #ce4be8;
    background: -moz-linear-gradient(-45deg, #fa7a48 0, #ff895b 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #fa7a48), color-stop(100%, #ff895b));
    background: -webkit-linear-gradient(-45deg, #fa7a48 0, #ff895b 100%);
    background: -o-linear-gradient(-45deg, #fa7a48 0, #ff895b 100%);
    background: -ms-linear-gradient(-45deg, #fa7a48 0, #ff895b 100%);
    background: -webkit-linear-gradient(315deg, #fa7a48 0, #ff895b 100%);
    background: -o-linear-gradient(315deg, #fa7a48 0, #ff895b 100%);
    background: linear-gradient(135deg, #fa7a48 0, #ff895b 100%);
    color: #fff;
    border: 1px solid transparent
}

.pgn ul li.inactive {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #8a8787;
    border: 1px solid transparent
}

#why-us .bul-arrow li {
    margin: 0;
    padding: 0 0 17px 40px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

#why-us .bul-arrow li::before {
    content: '\f101';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 15px
}

.list-arrow li {
    margin: 0;
    padding: 0 0 17px 40px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.list-arrow li::before {
    content: '\f0da';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 15px
}

#why-us .program-icons {
    padding: 0 0 14px 17px;
    font-family: 'Hind Madurai', serif
}

#why-us .program-icons li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 9px;
    font-weight: 700
}

#why-us .program-icons li {
    list-style: none;
    font-size: 17px;
    padding-bottom: 10px
}

#why-us .program-icons .bul-arrow li::before {
    content: '\f101';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 15px
}

#why-us .program-icons .bul-arrow li {
    list-style: none;
    font-size: 17px;
    padding-bottom: 10px
}

@media (min-width:576px) {
    #why-us .program-icons li {
        font-size: 17px
    }
    #why-us .program-icons li::before {
        content: '\f111';
        font-family: 'FontAwesome';
        float: left;
        margin-left: -17px;
        margin-right: 5px;
        margin-top: 0;
        color: #f5821f;
        font-size: 9px;
        font-weight: 700
    }
}

@media (max-width:767px) {
    #sted-project .program-icon li {
        color: #000;
        line-height: 27px;
        font-family: 'Hind Madurai', serif;
        letter-spacing: .4px;
        word-spacing: 1.8px;
        font-size: 16px
    }
}

#sted-project .program-icon ul {
    margin: 0 20px
}

#sted-project .program-icon li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 9px;
    font-weight: 700
}

#sted-project .program-icon li {
    margin: 0;
    padding: 0 0 10px 30px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

#sted-project .program-icon li {
    list-style: none
}

#sted-project .program-icon li ul li::before {
    content: '\f0da';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 15px
}

#sted-project .program-icon li b {
    font-weight: 500
}

#why-us .mentorssec {
    padding-bottom: 0;
    padding-top: 0;
    background: 0 0
}

#why-us .mentorssec .subtitle {
    font-size: 17px;
    line-height: 27px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .4px;
    word-spacing: 1.8px
}

#why-us .mentorssec .box-lft,
.mentorssec .box-rt {
    display: table-cell;
    vertical-align: top;
    float: none;
    text-align: center;
    padding: 20px 20px
}

#why-us .mentorssec .box-lft {
    background-color: rgba(255, 255, 255, .8)
}

#why-us .mentorssec .box-rt {
    background-color: rgba(17, 46, 86, .75);
    color: #fff
}

#why-us .mentorssec .box-lft:hover {
    background-color: #fff
}

#why-us .mentorssec .box-rt:hover {
    background-color: #112e56
}

#why-us .mentorssec .box-lft h3,
.mentorssec .box-rt h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1pt;
    margin-bottom: 15px;
    margin-top: 15px
}

#why-us .mentorssec .box-lft h3 {
    color: #112e56
}

#why-us .mentorssec .box-rt h3 {
    color: #fff
}

#why-us .mentorssec .box-lft .icon {
    color: #fff;
    background-color: #112e56;
    -webkit-box-shadow: 0 0 0 4px rgba(32, 78, 140, .31);
    box-shadow: 0 0 0 4px rgba(32, 78, 140, .31)
}

#why-us .mentorssec .box-lft .icon i {
    color: #fff;
    line-height: 80px
}

#why-us .mentorssec .icon {
    text-align: center;
    display: block;
    font-size: 48px;
    margin: auto;
    border-radius: 50%;
    width: 80px;
    height: 80px
}

#why-us .mentorssec .box-rt .icon {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, .31);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .31)
}

#why-us .mentorssec p {
    font-size: 14px;
    line-height: 24px
}

#why-us .mentorssec p b {
    font-weight: 600;
    color: #f5821f
}

#why-us .mentorssec .box-rt .icon i {
    color: #112e56;
    line-height: 80px
}

#why-us .mentorssec h2 {
    margin-bottom: 35px
}

@media(max-width:767px) {
    #why-us .mentorssec .box-lft,
    .mentorssec .box-rt {
        display: block;
        width: 100%
    }
}

#contact .contact-info p {
    padding-left: 22px;
    position: relative;
    margin-bottom: 8px;
    margin-top: 20px;
    color: #000
}

#contact .contact-info p b {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 6px;
    color: #000
}

#contact .contact-info p::before {
    display: block;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #f5821f
}

#contact .contact-info .add-1 p::before {
    content: "\f013"
}

#contact .contact-info .contact-add-2 p::before {
    content: "\f041";
    font-size: 16px;
    margin-top: -2px
}

#contact .contact-info .contact-phone p::before {
    content: "\f095"
}

#contact .contact-info .contact-phone p {
    line-height: 25px;
    letter-spacing: .8pt
}

#contact .contact-info .contact-mail p:first-child::before {
    content: "\f0e0";
    font-size: 12px;
    margin-top: 3px
}

#contact .contact-info .contact-mail p:first-child {
    line-height: 29px
}

#contact .contact-info .contact-mail a {
    color: #337ab7
}

#contact .contact-info .contact-mobile p {
    line-height: 25px;
    letter-spacing: .8pt
}

#contact .contact-info .contact-mobile p::before {
    content: "\f10b"
}

#contact .contact-info .contact-mobile p::before {
    content: "\f10b"
}

#contact .contact-info .time p {
    line-height: 25px;
    letter-spacing: .8pt
}

#contact .contact-info .time p::before {
    content: "\f017"
}

#contact .contact-info .website a {
    line-height: 25px;
    letter-spacing: .8pt;
    color: #337ab7
}

#contact .contact-info .website p::before {
    content: "\f0ac"
}

#contact .contact-info .contact-mobile p::before {
    content: "\f10b"
}

#contact .contact-info .contact-mobile p {
    line-height: 25px;
    letter-spacing: .8pt
}

#contact .contact-info .location p::before {
    content: "\f041"
}

#contact .contact-info .location p {
    line-height: 25px;
    letter-spacing: .8pt
}

#contact .background-bg {
    background: #3e3e3e;
    color: #fff;
    padding: 15px 0
}

#contact .quick-contact h6 a {
    color: #000;
    display: block
}

#contact .quick-contact h6 {
    color: #000;
    font-size: 18px
}

#contact .contact-ul li a {
    text-decoration: none;
    color: #337ab7
}

#contact .contact-ul li {
    margin-top: 16px
}

#contact .contact {
    text-align: start;
    margin-left: 20px
}

#contact .contact a {
    margin-right: 20px;
    color: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center
}

#contact .contact i {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

#contact .contact a:hover {
    background: #f6882a
}

.enquiry {
    background: url(images/enquiry-bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding: 10px
}

.enquiry .over::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(245, 130, 31, .5);
    z-index: 0
}

.enquiry h2 {
    font-size: 27px;
    color: #fff;
    text-align: center
}

.enquiry input {
    border: solid 1px;
    border-color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .45);
    color: #000;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 12px;
    border-radius: 2px
}

.enquiry textarea {
    border: solid 1px;
    border-color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .45);
    color: #000;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 10px;
    border-radius: 2px
}

.enquiry .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)
}

#testimonial .accordion .card {
    color: #111;
    border: 0 solid #ddd
}

#testimonial .accordion .card a {
    color: #111;
    text-decoration: none;
    padding: 5px;
    font-size: 15px;
    line-height: 23px
}

#testimonial .list-group-item.active {
    z-index: 2;
    color: #fff;
    border-color: #232323
}

#testimonial .accordion .card-header {
    background: linear-gradient(#fff, #f1f1f1);
    position: relative;
    margin-bottom: 5px;
    padding: 5px
}

#testimonial .accordion .card-header:hover {
    background: linear-gradient(#f1f1f1, #e8e8e8)
}

#testimonial .accordion .card-header h2 {
    font-size: 1rem;
    font-family: "Open Sans", sans-serif
}

#testimonial .accordion .fa {
    width: 20px;
    margin-right: .25rem
}

#testimonial .accordion .card-header a {
    float: left;
    width: 100%;
    cursor: pointer
}

#testimonial .accordion .card-header a[aria-expanded=true] {
    color: #222;
    font-weight: 700
}

#testimonial .accordion .card-header a[aria-expanded=false] {
    color: #111;
    font-weight: 400
}

#testimonial .accordion .toggle {
    font-size: .8rem;
    line-height: .8rem;
    cursor: pointer;
    opacity: .7;
    position: absolute;
    right: 5px;
    top: 8px;
    width: 14px;
    margin: 0
}

#testimonial .accordion .toggle:hover {
    opacity: 1
}

#testimonial .accordion .card-body {
    padding: 0
}

#testimonial .accordion .list-group-item {
    border-radius: 0;
    border-width: 1px 0 1px 0;
    background: #e0e0e0;
    font-weight: 500;
    color: #fff;
    padding: 0
}

#testimonial .accordion .list-group-item:hover {
    background: #ec7f3e
}

#testimonial .accordion .list-group-item:hover a {
    color: #fff!important;
    background-color: #ec7f3e!important
}

#testimonial .accordion .list-group-item:hover .badge {
    background: #fff;
    color: #007bff
}

#testimonial .accordion .list-group-item a {
    color: #111;
    display: block;
    padding-left: 13px
}

#testimonial .accordion .list-group .active {
    background: #ec7f3e
}

#testimonial .accordion .list-group .active a {
    color: #fff;
    font-weight: 500
}

#testimonial .accordion .list-group-item .badge {
    float: right;
    min-width: 36px
}

#testimonial .accordion .rotate {
    transform: rotate(180deg)
}

#testimonial .card-body ul {
    font-family: 'Hind Madurai', serif;
    font-size: 17px;
    padding: 0;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 400
}

#testimonial h2 {
    margin: 5px!important
}

#testimonial-m .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 7px;
    background: #f1f1f1
}

#testimonial-m .collapsible-links::after {
    content: "\f107";
    color: #333;
    top: 0;
    right: -4px;
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome'
}

#testimonial-m .card-header {
    border-bottom: 2px solid #fa7a48
}

#testimonial-m .collapsible-link::after.card-header {
    border-bottom: 2px solid #fa7a48
}

#testimonial-m #inner-testimonials .card-header {
    padding: 10px 3px 10px 10px;
    margin-bottom: 0;
    background-color: #525252;
    border-bottom: 0 solid #fa7a48;
    font-weight: 400;
    color: #fff!important
}

#testimonial-m #inner-testimonials .card-header a {
    color: #fff
}

#testimonial-m #inner-testimonials .card-header {
    border-bottom: 0 solid #fa7a48
}

#testimonial-m #inner-testimonials .collapsible-links[aria-expanded=true] {
    color: #fff!important
}

#testimonial-m #inner-testimonials .collapsible-links::after {
    content: "\f107";
    color: #fff;
    top: -5px;
    right: 7px;
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome'
}

#testimonial-m #inner-testimonials .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: 1px solid rgb(82 82 82);
    border-radius: .25rem
}

#testimonial-m #inner-testimonials.collapsible-links::after {
    content: "\f107";
    font-size: 24px;
    position: absolute;
    font-family: 'FontAwesome'
}

#testimonial-m #inner-testimonials.collapsible-links[aria-expanded=true]::after {
    content: "\f106"!important
}

#testimonial-m #inner-testimonials.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

#testimonial-m #inner-testimonials.collapsible-links[aria-expanded=true] {
    color: #fc941c!important
}

#award .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #555;
    background-color: #e7e7e7;
    border-radius: 0;
    box-shadow: none
}

#award .nav-pills .nav-link::before {
    content: "";
    font-family: 'FontAwesome';
    float: right
}

#award .nav>li>a {
    background: 0 0;
    font-size: 13px;
    font-weight: 400;
    color: #1d1d1d;
    letter-spacing: .7px;
    text-shadow: 0 1px 0 #a2a2a2;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin: 7px
}

#award .navbar .nav>li>a:hover {
    color: #555;
    background-color: #e7e7e7;
    font-weight: 500
}

#award .nav .nav-pills li {
    float: left
}

.award-height {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden
}

.card-4-box .card-4-content p {
    font-size: 14px;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 0;
    line-height: 22px;
    line-height: 19px
}

#awards .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #555;
    border: 1px solid #fffffff5;
    border-radius: .25rem;
    color: #fff
}

#awards .nav>li>a {
    position: relative;
    display: block;
    padding: 16px 18px 14px 0;
    margin: 0
}

#awards .award-height {
    height: 750px;
    overflow-y: scroll
}

#mentor-select form {
    margin: auto;
    display: block
}

#mentor-select select {
    border: 1px;
    outline: 0;
    background-color: #cacaca;
    padding: 5px;
    margin: 10px;
    font-size: 18px
}

.mfp-wrap {
    z-index: 999999!important
}

@media(max-width:767px) {
    #mentors-new .mentorssec .box-lft {
        background: 0 0!important
    }
    #mentors-new .mentorssec .box-rt {
        background: 0 0!important
    }
    #mentors-new .mentorssec .box:nth-of-type(2n-1) {
        background-color: rgba(255, 255, 255, .8)!important;
        color: #000!important
    }
    #mentors-new .mentorssec .box {
        background-color: rgba(17, 46, 86, .75)!important;
        color: #fff!important;
        color: #fff!important
    }
    #mentors-new .mentorssec .box:nth-of-type(2n-1):hover {
        background-color: #fff!important;
        color: #000!important
    }
    #mentors-new .mentorssec .box:hover {
        background-color: #112e56!important;
        color: #fff!important;
        color: #fff!important
    }
    #mentors-new .mentorssec .box:nth-of-type(2n-1) h3 {
        color: #000!important
    }
    #mentors-new .mentorssec .box h3 {
        color: #fff!important
    }
}

.impact-head h2 {
    font-size: 28px
}

#mentors-new .mentorssec {
    padding-bottom: 0;
    padding-top: 0;
    background: 0 0
}

#mentors-new .mentorssec .subtitle {
    font-size: 17px;
    line-height: 27px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .4px;
    word-spacing: 1.8px;
    color: #f5821f;
    font-weight: 600
}

#mentors-new .mentorssec .box-lft,
.mentorssec .box-rt {
    display: table-cell;
    vertical-align: top;
    float: none;
    text-align: center;
    padding: 20px 20px
}

#mentors-new .mentorssec .box-lft {
    background-color: rgba(255, 255, 255, .8);
    color: #000
}

#mentors-new .mentorssec .box-rt {
    background-color: rgba(17, 46, 86, .75);
    color: #fff
}

#mentors-new .mentorssec .box-lft:hover {
    background-color: #fff
}

#mentors-new .mentorssec .box-rt:hover {
    background-color: #112e56
}

#mentors-new .mentorssec .box-lft h3,
.mentorssec .box-rt h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1pt;
    margin-bottom: 15px;
    margin-top: 15px
}

#mentors-new .mentorssec .box-lft h3 {
    color: #000
}

#mentors-new .mentorssec .box-rt h3 {
    color: #fff
}

#mentors-new .mentorssec .box-lft .icon {
    color: #fff;
    background-color: #112e56;
    -webkit-box-shadow: 0 0 0 4px rgba(32, 78, 140, .31);
    box-shadow: 0 0 0 4px rgba(32, 78, 140, .31)
}

#mentors-new .mentorssec .box-lft .icon i {
    color: #fff;
    line-height: 80px
}

#mentors-new .mentorssec .icon {
    text-align: center;
    display: block;
    font-size: 48px;
    margin: auto;
    border-radius: 50%;
    width: 80px;
    height: 80px
}

#mentors-new .mentorssec .box-rt .icon {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, .31);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .31)
}

#mentors-new .mentorssec p {
    font-size: 14px;
    line-height: 24px
}

#mentors-new .mentorssec .box-rt .icon i {
    color: #112e56;
    line-height: 80px
}

#mentors-new .mentorssec h2 {
    margin-bottom: 35px
}

.success-story-heading {
    font-size: 22px
}

.success-back-circle img {
    display: block;
    margin: auto;
    border-radius: 50%;
    width: 80px!important;
    position: relative;
    height: 80px;
    top: -10%;
    background: #000
}

.success-desc {
    font-size: 15px!important;
    line-height: 25px!important;
    text-align: justify!important;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .4px;
    word-spacing: 1.8px;
    font-weight: 400
}

.bottom-line {
    margin: auto;
    margin-bottom: 0;
    padding-bottom: 18px;
    display: block;
    margin-bottom: 9px;
    position: relative
}

.bottom-line::after {
    background: #f5821f none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 60px;
    margin: auto;
    bottom: 0
}

.designation-bg {
    border: 2px solid #f5821f;
    font-size: 19px
}

.bg-mentor {
    background: #ebecee
}

.impact-head h2 {
    font-size: 28px
}

#mentors-new-sec .mentorssec {
    padding-bottom: 0;
    padding-top: 0;
    background: 0 0
}

#mentors-new-sec .mentorssec .subtitle {
    font-size: 17px;
    line-height: 27px;
    font-family: 'Hind Madurai', serif;
    letter-spacing: .4px;
    word-spacing: 1.8px;
    color: #f5821f;
    font-weight: 600
}

#mentors-new-sec .mentorssec .box-lft,
.mentorssec .box-rt {
    display: table-cell;
    vertical-align: top;
    float: none;
    text-align: center;
    padding: 20px 20px
}

#mentors-new-sec .mentorssec .box-lft {
    background-color: #d2d2d2;
    color: #000
}

#mentors-new-sec .mentorssec .box-rt {
    background-color: #4c4554;
    color: #fff
}

#mentors-new-sec .mentorssec .box-lft:hover {
    background-color: #fff
}

#mentors-new-sec .mentorssec .box-rt:hover {
    background-color: #112e56
}

#mentors-new-sec .mentorssec .box-lft h3,
.mentorssec .box-rt h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1pt;
    margin-bottom: 15px;
    margin-top: 15px
}

#mentors-new-sec .mentorssec .box-lft h3 {
    color: #000
}

#mentors-new-sec .mentorssec .box-rt h3 {
    color: #fff
}

#mentors-new-sec .mentorssec .box-lft .icon {
    color: #fff;
    background-color: #112e56;
    -webkit-box-shadow: 0 0 0 4px rgba(32, 78, 140, .31);
    box-shadow: 0 0 0 4px rgba(32, 78, 140, .31)
}

#mentors-new-sec .mentorssec .box-lft .icon i {
    color: #fff;
    line-height: 80px
}

#mentors-new-sec .mentorssec .icon {
    text-align: center;
    display: block;
    font-size: 48px;
    margin: auto;
    border-radius: 50%;
    width: 80px;
    height: 80px
}

#mentors-new-sec .mentorssec .box-rt .icon {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, .31);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .31)
}

#mentors-new-sec .mentorssec p {
    font-size: 14px;
    line-height: 24px
}

#mentors-new-sec .mentorssec .box-rt .icon i {
    color: #112e56;
    line-height: 80px
}

#mentors-new-sec .mentorssec h2 {
    margin-bottom: 35px
}

#mentors-new-sec .mentorssec .mentor-tag {
    font-size: 17px
}

@media(min-width:992px) and (max-width:1199px) {
    #home .card-inner-btn {
        width: 100%!important
    }
}

.slide-btn {
    font-size: 16px;
    border-radius: 0;
    padding: 2px;
    margin: 0
}

.slide span::before {
    content: "\f111";
    margin-bottom: 16px;
    font-family: fontawesome;
    color: #f5821f;
    font-size: 9px;
    padding: 4px
}

.mission-lst {
    background: #fff;
    border: 1px solid #f5821f;
    border-radius: 10px;
    padding: 30px
}

.mission-lst b {
    font-weight: 600
}

.mission-lst li {
    padding: 0;
    text-align: left
}

.mission-lst li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.mission-lst li::before {
    content: '\f1d8';
    font-family: fontawesome;
    float: left;
    margin-left: -30px;
    margin-right: 13px;
    margin-top: 0;
    color: #f5821f;
    font-size: 18px
}

.csr-table .table thead th {
    vertical-align: bottom;
    border: 2px solid #8f9090;
    padding: 0 7px
}

.csr-table .table td,
.table th {
    vertical-align: middle;
    border: 2px solid #8f9090;
    padding: 0 7px
}

.csr-table .table {
    margin: auto
}

@media(max-width:767px) {
    .success-bg-img {
        background: #f7f7f7 url(images/lines-lt.png);
        padding: 15px 50px!important
    }
}

@media(min-width:992px) {
    .success-bg-img {
        background: #f7f7f7 url(images/lines-lt.png);
        padding: 15px 100px!important
    }
}

@media(max-width:568px) {
    .piecharts-big-bar {
        height: 200px
    }
    .success-bg-img {
        background: #f7f7f7 url(images/lines-lt.png);
        padding: 15px 30px!important
    }
}

.highlights-and-achivement {
    margin: 20px
}

.highlights-and-achivement li {
    padding: 7px;
    border-bottom: dashed 1px
}

.highlights-and-achivement li:last-child {
    border: 0
}

.highlights-and-achivement li::before {
    content: "\f044";
    color: #f5821f;
    font-family: fontawesome;
    margin-right: 13px;
    margin-left: -28px;
    font-size: 18px
}


/*search box result page*/

#result-search-box .title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0
}

#result-search-box .description {
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1rem
}

#result-search-box .result-fees p {
    font-size: 1.1rem;
    color: #404040;
    font-weight: 500;
    margin: 0;
    text-align: right
}

#result-search-box .result-chart {
    padding: 20px 0;
    border-bottom: 1px solid #a2a2a2
}

#result-search-box .result-chart:last-child {
    border-bottom: 0 solid #a2a2a2
}

#result-search-box .duration {
    font-size: 1rem;
    font-weight: 500;
    margin: 0
}

#result-search-box .duration b {
    font-weight: 600
}

#result-search-box a:hover {
    color: #000
}

@media(max-width:768px) {
    #result-search-box .result-chart {
        background: #fff;
        margin-bottom: 15px;
        padding: 15px
    }
    #result-search-box .title {
        margin-top: 20px
    }
    #result-search-box .result-fees p {
        text-align: left
    }
}

@media(max-width:568px) {
    #result-search-box .title {
        font-size: 1rem;
        margin-top: 20px;
        margin-bottom: 0;
        line-height: 18px
    }
    #result-search-box .result-fees p {
        font-size: .9rem
    }
    #result-search-box .duration {
        font-size: .9rem
    }
    #result-search-box .result-size {
        font-size: 1rem
    }
}

#result-search-box .search-container {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

#result-search-box input {
    color: inherit;
    padding: 12px 10px;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: none;
    outline: 0;
    border-radius: 10px!important;
    border: 1px solid #000
}

#result-search-box .match {
    font-weight: 600;
    color: green
}

#result-search-box .search-icon {
    height: 100%;
    width: 50px;
    position: absolute;
    right: 0;
    border-radius: 0 8px 8px 0;
    background-color: #f5821f
}

#result-search-box .search-icon i {
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px
}


/*search icon on header sec*/

.search-head .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0 solid rgba(0, 0, 0, .125)
}

.search-head .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0 solid #fa7a48;
    font-weight: 600
}

#searchbox .search-container {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

#searchbox input {
    color: inherit;
    padding: 12px 10px;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: none;
    outline: 0;
    border-radius: 10px!important;
    border: 1px solid #000
}

#searchbox .match {
    font-weight: 600;
    color: green
}

.search-icon {
    height: 100%;
    width: 50px;
    position: absolute;
    right: -1px;
    border-radius: 0 8px 8px 0;
    background-color: #f5821f
}

.search-icon i {
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px
}

.search-head .card-body {
    background-color: #f1f1f1!important;
    padding: 0!important
}

@media(min-width:340px)and (max-width:370px) {
    .navbar-brand img {
        width: 196px!important;
        height: auto
    }
}

@media (max-width:339px) {
    .navbar-brand img {
        width: 176px!important;
        height: auto
    }
}

.accordion .card:last-of-type {
    border: 0
}

.search-box-course-page .search-head .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0 solid rgba(0, 0, 0, .125)
}

.search-box-course-page .search-head .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0 solid #fa7a48;
    font-weight: 600
}

.search-box-course-page #searchbox .search-container {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.search-box-course-page #searchbox input {
    color: inherit;
    padding: 10px 10px;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: none;
    outline: 0;
    border-radius: 10px!important;
    border: 1px solid #f5821f;
    box-shadow: 0 5px 16px 10px rgb(138 137 137 / 20%)
}

.search-box-course-page #searchbox .match {
    font-weight: 600;
    color: green
}

@media(min-width:992px) {
    .search-box-course-page .search-icon {
        height: 100%;
        width: 50px;
        position: absolute;
        right: 0;
        border-radius: 0 8px 8px 0;
        background-color: #f5821f
    }
}

.search-box-course-page .search-icon i {
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px
}

@media(min-width:992px) {
    .search-box-course-page .search-head .card-body {
        padding: 0
    }
}

@media(min-width:992px) {
    .search-box-course-page .search-head .card-body {
        padding: 0;
        position: absolute;
        z-index: 999;
        width: 100%;
        background: 0 0;
        top: 85px
    }
}

@media(min-width:992px) {
    .search-box-course-page .search-head .card {
        position: absolute;
        width: 100%
    }
}

.search-box-course-page .search-icon {
    height: 100%;
    width: 50px;
    position: absolute;
    right: 0;
    border-radius: 0 8px 8px 0;
    background-color: #f5821f
}

.search-box-course-page .search-icon i {
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px
}

@media(max-width:992px).search-box-course-page {
    .search-head .card-body {
        background-color: #f1f1f1!important
    }
    #searchbox input {
        box-shadow: none;
        border: 1px solid #000
    }
}

@media(min-width:340px)and (max-width:370px) {
    .navbar-brand img {
        width: 196px!important;
        height: auto
    }
}

@media (max-width:339px) {
    .navbar-brand img {
        width: 176px!important;
        height: auto
    }
}

.search-box-course-page .search-head .card-body {
    background-color: transparent!important;
    padding: 0!important
}


/*live online points*/

.registration-form-course {
    padding: 0;
    text-align: left
}

.registration-form-course li img {
    padding: 5px;
    border-radius: 5px;
    background: #fff;
    margin-right: 14px;
    box-shadow: 0 10px 30px -4px rgb(0 0 0 / 15%);
    width: 40px;
    height: 40px
}

.registration-form-course li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%!important;
    height: auto;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 1.6;
    color: #4a5458;
    font-family: 'Hind Madurai', serif
}

.bul-lst li {
    margin-bottom: 3px
}


/*course eligibilty in course page*/

#eligibility-list ul {
    padding: 0;
    text-align: left
}

#eligibility-list li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

#eligibility-list ul li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #333;
    font-size: 7px;
    font-weight: 700
}

@media (min-width:768px) {
    #eligibility-list li {
        padding: 0 0 10px 30px
    }
}


/*top section course page*/

.course-time-duration-sec-mobile button {
    background-image: linear-gradient(#f99853, #fa7a48);
    border: 15px;
    padding: 3px 19px;
    font-weight: 600;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    color: #000;
    border: 1px solid #f5821f;
    border-radius: 3px
}

.course-time-duration-sec-mobile .details {
    color: #000871;
    font-weight: 500
}

.course-time-duration-sec-mobile span {
    font-weight: 600;
    color: #343a40!important
}

.course-time-duration-sec-mobile .table i {
    background: #f8804a;
    width: 28px!important;
    height: 28px!important;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff!important;
    box-sizing: border-box;
    margin-right: 5px!important
}

.course-time-duration-sec-mobile tr {
    border-bottom: 1px solid#ececec
}

.course-time-duration-sec-mobile {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.course-time-duration-sec-mobile .table td {
    padding: 12px 0
}

.time-border-line i {
    background: #f5821f;
    padding: 7px;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    line-height: 19px;
    box-shadow: 0 1px 2px rgb(60 60 60 / 40%)
}

.time-border-line span {
    margin-bottom: 5px
}

.time-border-line {
    border-right: .5px solid #ccc;
    height: 30px;
    margin-top: 15px
}

.time-border-line:last-child {
    border-right: 0
}

.time-fees-reg-background-in-course {
    text-align: left;
    border: 1px solid #e0dddd;
    border-radius: 5px;
    width: 100%;
    position: relative;
    bottom: 33px;
    z-index: 999;
    background: #fff
}

.time-border-line i:hover {
    color: #fff
}

.time-fees-reg-background-in-course .reg-form-btn {
    background: #f5821f;
    height: 100%;
    width: 100%;
    border: 0;
    font-size: 17px;
    font-weight: 600
}

.bb-line {
    border-bottom: 1px solid #000
}

.form-bold-size b {
    font-weight: 600;
    color: #464646e0
}

.form-bold-size-m b {
    font-size: 14px;
    font-weight: 600;
    color: #464646e0
}

@media (min-width:992px) and (max-width:1042px) {
    .time-border-line {
        font-size: 13px!important
    }
    .time-border-line-btn {
        font-size: 11px!important
    }
    .time-border-line i {
        padding: 1px!important;
        height: 20px;
        width: 20px;
        line-height: 20px
    }
}

@media (min-width:1042px) {
    .time-border-line {
        font-size: 13px!important
    }
    .time-border-line-btn {
        font-size: 12px!important
    }
}

@media (min-width:1210px) {
    .time-border-line {
        font-size: 16px!important
    }
    .time-border-line-btn {
        font-size: 16px!important
    }
}

@media(max-width:342px) {
    .course-time-duration-sec-mobile .details,
    .course-time-duration-sec-mobile span {
        font-size: 14px
    }
}

.tagline-sec p {
    top: -19px!important
}

.register-pay button {
    cursor: pointer;
    transition: all .5s ease;
    font-weight: 600
}

.register-pay button a {
    color: #fff!important
}

.register-pay button:focus {
    border-radius: 5px;
    color: #fff;
    background: #ffa849;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    border: 2px solid #f5821f
}

.register-pay a:visited {
    color: #000!important
}

.register-pay button {
    background-color: orange
}

.register-pay button:hover {
    background-color: #f1f1f1!important;
    color: #f5821f!important
}

.register-pay button a:hover {
    color: #f5821f
}

.course-eligibility-new div {
    overflow: hidden
}

.course-eligibility-new span i {
    background: #4c6280;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    text-align: center;
    float: left;
    margin-right: 20px!important
}

.eligibility-list {
    margin-left: 13px
}

.eligibility-list li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.eligibility-list li:before {
    content: "\f00c";
    float: left;
    margin-left: -28px;
    margin-right: 13px;
    margin-top: 0;
    color: #4c6280;
    font-size: 14px;
    font-family: FontAwesome
}

.course-eligibility-new {
    overflow: hidden
}


/*redesigned testimonials*/

#testimonials .accordion .card {
    color: #111;
    border: 0 solid #ddd;
    background: #fff;
    padding: 10px
}

#testimonials .accordion .card-header {
    border-bottom: .5px solid #f3f2f2;
    background: 0 0;
    margin: 0;
    padding: 0
}

#testimonials .accordion .card-header h2 {
    font-size: 1rem;
    text-transform: capitalize
}

#testimonials .accordion .card {
    color: #111;
    border: 0 solid #ddd;
    background: #fff;
    padding: 0
}

#testimonials h2 {
    margin: 5px!important
}

#testimonials .accordion .card-body {
    padding: 0;
    background: #f5f5f5
}

#testimonials .card-body ul {
    font-family: 'Hind Madurai', serif;
    font-size: 17px;
    padding: 0;
    text-align: left;
    margin-bottom: 0;
    font-weight: 500
}

#testimonials .accordion .list-group .active a {
    color: #fff;
    font-weight: 500
}

#testimonials .accordion .list-group .active {
    background: #ec7f3e
}

#testimonials .accordion .list-group-item a {
    color: #111;
    display: block;
    padding-left: 13px
}

#testimonials .accordion .card a {
    color: #111;
    text-decoration: none;
    padding: 5px;
    font-size: 15px;
    line-height: 23px
}

#testimonials .accordion .list-group-item {
    border-radius: 0;
    border-width: 1px 0 1px 0;
    background: #e0e0e0;
    font-weight: 500;
    color: #fff;
    padding: 0
}

#testimonials .accordion .card-header a[aria-expanded=true] {
    color: #222;
    font-weight: 500
}

#testimonials .accordion .card-header a[aria-expanded=false] {
    color: #111;
    font-weight: 500
}

#testimonials .card-header .collapsible-links[aria-expanded=true]::after {
    content: "\f0da"!important;
    font-size: 14px;
    color: #929191;
    font-family: FontAwesome
}

#testimonials .card-header .collapsible-links[aria-expanded=true] {
    color: #000!important
}

#testimonials .accordion .card-header:hover {
    background: #fff;
    transition: all .3s ease-in-out
}

#testimonials .collapsible-links::after {
    content: "\f0d7";
    color: #929191;
    top: 4px;
    right: 7px;
    font-size: 14px;
    position: absolute;
    font-family: FontAwesome
}

#testimonials .accordion .list-group-item {
    border-radius: 0;
    border-width: 1px 0 1px 0;
    background: 0 0;
    font-weight: 500;
    color: #fff;
    padding: 0;
    border: 0;
    margin: 0;
    padding: 0
}

#testimonials .accordion .list-group .active {
    background: #f1f1f1
}

#testimonials .accordion .list-group-item:hover {
    background: #f1f1f1;
    transition: all .3s ease-in-out
}

#testimonials .accordion .list-group .active a {
    color: #313131;
    font-weight: 500;
    border-left: 3px solid #f5821f;
    background: #e2e2e2
}

#testimonials .accordion .list-group-item:hover a {
    color: #000!important;
    background-color: #f1f1f1!important
}

#testimonials .accordion .card a {
    color: #252525;
    text-decoration: none;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 20px
}

#testimonials .accordion .card .card-body a {
    border-bottom: 1px solid #d6d6d6
}

#testimonials .accordion .card-header a[aria-expanded=true] {
    color: #fff;
    font-weight: 500
}

#testimonials .accordion .card-header .show {
    background: #000
}

#testimonials .card .card-body ul {
    margin: 0!important
}

@media(min-width:768px) {
    .activetestimonial {
        background: #ffb05f!important
    }
    .activetestimonial h2 a {
        color: #fff!important;
        font-weight: 600
    }
}


/*why us cards*/

.why-us-banner-bg {
    padding: 30px;
    background-color: #376b94;
    box-shadow: inset 0 0 25px #470405
}

.why-us-chart-img {
    position: relative;
    bottom: 100px;
    padding: 15px
}

.card-masonry {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4!important;
    margin: 1.5em;
    padding: 0;
    -moz-column-gap: 2.5em;
    -webkit-column-gap: 2.5em;
    column-gap: 2.5em
}

.why-us-cards .card-item {
    display: inline-block;
    background: 0 0;
    padding: 0;
    margin: 0 0 2.5em;
    width: 100%;
    -webkit-transition: 1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transform: translateZ(0);
    column-span: all
}

@media only screen and (min-width:320px) {
    .card-masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1!important
    }
}

@media only screen and (min-width:567px) and (max-width:768px) {
    .card-masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2!important
    }
}

@media only screen and (min-width:769px) and (max-width:1200px) {
    .card-masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3!important
    }
}

@media only screen and (min-width:1201px) {
    .card-masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4!important
    }
}

.why-us-cards .card {
    cursor: pointer;
    background: 0 0;
    box-shadow: 0 0 6px 0 rgb(32 32 36 / 12%);
    transition: all .35s ease;
    border: 0
}

.why-us-cards .card img {
    width: 100%;
    height: auto;
    transition: all .35s ease;
    border-radius: 0;
    transform: translateZ(10px)
}

.why-us-cards .card h5 {
    color: #222021;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    background: #fb7805;
    border-radius: 0;
    z-index: 9999;
    display: block;
    top: -21px;
    left: -10px;
    transform: translateZ(0)
}

.why-us-cards .card .card-body {
    overflow: hidden;
    max-height: 100%;
    transition: all .55s ease;
    background-image: linear-gradient(to top left, #48556c 0, #1b212b 50%, #141922 51%, #353b45 100%)
}

.why-us-cards .card .card-body ul {
    margin: 1.5em 0 0;
    line-height: 1.4em
}

.why-us-cards .card-body ul li {
    margin: 5px 10px;
    padding: 0 0 0 6px;
    list-style: circle!important
}

.why-us-cards .card:hover {
    box-shadow: 0 15px 26px rgba(0, 0, 0, .2);
    transform: translateY(-10px)
}

.why-us-cards .card-body ul {
    font-size: 13px;
    color: #f5f5f5
}

.why-us-cards .card-body li {
    line-height: 20px
}

.why-us-cards :hover .card {
    transform: scale(1.1)
}

.why-us-cards .card:hover img {
    -webkit-filter: grayscale(.2);
    filter: grayscale(.2)
}

.why-us-cards .card {
    transition: all 1s
}

@media(max-width:567px) {
    .ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet {
        display: none
    }
}

.why-us-cards {
    margin-top: 70px
}


/*gallery */

@media(min-width:768px) {
    .filters ul {
        list-style: none;
        padding: 10px 0;
        text-align: center
    }
    .filters ul li.active:hover {
        color: #fff
    }
    .filters ul li.active {
        border: 1px solid #f5821f;
        color: #fff;
        padding: 0 20px;
        transition: all ease-in-out;
        border-radius: 20px;
        background: #ff9f4c
    }
    .filters ul li {
        display: inline-flex;
        padding: 5px;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        cursor: pointer;
        line-height: 28px;
        letter-spacing: 0;
        text-transform: capitalize!important;
        margin: 0;
        transition: all
    }
    .filters ul li:hover {
        color: #f5821f
    }
    .gallery-border {
        border: 1px solid rgb(255 255 255 / 14%);
        margin: 15px 0
    }
}

.gallery-border {
    border: 1px solid rgb(255 255 255 / 14%);
    margin: 5px 0
}

.single-content img {
    object-fit: cover;
    border-radius: 0;
    border: 4px solid #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .13)!important
}

.single-content img:hover {
    filter: grayscale(.5);
    transition: all .2s ease-in;
    transform: scale(1.1)
}

.service-section {
    background: #fff;
    padding: 15px
}

.gallery-bg-clr {
    background: #585858;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.gallery-bg-clr select {
    border: 0;
    outline: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    color: #000;
    border-radius: 5px
}

li {
    list-style-type: none!important
}

.gallery-bg-clr .card-body ul li {
    margin: 0;
    padding: 10px 0 5px 10px;
    list-style: disc;
    border: 1px solid#e8e8e8;
    font-size: 14px;
    font-weight: 600
}

.gallery-bg-clr .card-body ul {
    padding: 0
}

.gallery-bg-clr .card-body ul li:hover {
    background: #f5821f;
    color: #fff
}


/*new course pages*/

@media(min-width:768px) {
    #new-webinar-layout .webinar-bg {
        background: url(images/course-page-new-images/webinar-imgs.jpg);
        background-size: cover;
        padding: 50px 0
    }
    #new-webinar-layout .video-height {
        height: 300px!important
    }
}

#new-webinar-layout .video-height {
    width: 100%;
    border: 3px solid#fff;
    border-radius: 10px
}

@media(min-width:992px) {
    #new-webinar-layout .video-height {
        height: 350px!important
    }
}

@media(min-width:568px) {
    #new-webinar-layout .video-height {
        height: 350px!important
    }
}

@media(max-width:567px) {
    #new-webinar-layout .video-height {
        height: 180px!important
    }
    #new-webinar-layout .webinar-bg {
        padding: 23px 0!important
    }
}

#new-syllabus .bg-light-orange {
    background: #fdac66
}

#new-syllabus .bg-shape-syl {
    background: url(images/course-page-new-images/bg-shape.png) top left;
    background-size: cover;
    background-attachment: scroll;
    background-attachment: fixed;
    position: relative
}

#new-syllabus .syl-bg-box {
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    border-radius: 15px;
    padding: 15px
}

#new-syllabus p b {
    font-weight: 500!important
}

@media (min-width:768px) {
    #new-syllabus .syl-list li ul li {
        padding: 2px
    }
    #new-syllabus .syl-list li {
        padding: 0 0 10px 30px
    }
}

#new-syllabus .syl-list li ul li {
    list-style: circle;
    margin-left: 17px
}

@media(max-width:767px) {
    #new-mentor-layout .mentor-bg-image {
        background: url(images/gray-bg.jpg) center center no-repeat;
        color: #000;
        background-size: cover;
        background-attachment: fixed
    }
}

@media(min-width:768px) {
    #new-mentor-layout .mentor-bg-image {
        background: #717171;
        color: #000
    }
}

@media(max-width:767px) {
    #new-key-highlight .key-heghlights-bg {
        background: url(images/course-page-new-images/keyhiglight.png) center center;
        background-size: cover
    }
}

@media(min-width:768px) {
    #new-key-highlight .key-heghlights-bg {
        background: url(images/course-page-new-images/keyhiglights-bg.png) center center;
        background-size: cover
    }
}

@media (min-width:768px) {
    #new-key-highlight .key-img-back {
        width: 65px;
        height: 65px;
        padding: 3px;
        line-height: 55px;
        margin: 5px 0
    }
}

#new-form-layout .bg-form-shape {
    background: url(images/course-page-new-images/frm.png) left center;
    background-size: cover
}

#new-form-layout .enqire {
    position: relative
}

@media(min-width:1251px) {
    #new-form-layout .bg-grid-form {
        position: absolute;
        right: -30px;
        top: -30px;
        height: 180px
    }
}

@media(max-width:1250px) {
    #new-form-layout .bg-grid-form {
        position: absolute;
        right: -4px;
        top: -15px;
        height: 200px
    }
}

#course-eligibility-new-layout .course-eligibility-new span i {
    background: #fdb271;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    text-align: center;
    float: left;
    margin-right: 20px!important
}

#course-eligibility-new-layout .langunge-icon {
    color: #fff;
    background: #fcb170;
    padding: 10px;
    padding: 5px;
    font-size: 31px;
    width: 52px;
    text-align: center;
    height: 40px;
    line-height: 23px;
    border-radius: 10px;
    margin: auto;
    margin-right: 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

#course-eligibility-new-layout .course-el-lang {
    border-radius: 7px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    background: #fff;
    padding: 30px
}

#course-eligibility-new-layout .languge {
    padding: 0;
    text-align: left
}

#course-eligibility-new-layout .languge li {
    padding: 5px 0 5px 30px;
    font-size: 16px;
    background: #f8f9fa;
    margin: 7px 41px;
    color: #343a40!important;
    font-weight: 600
}

#course-eligibility-new-layout .languge li::before {
    content: '\f00c';
    font-family: FontAwesome;
    float: left;
    margin-left: -15px;
    margin-right: 13px;
    margin-top: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    background: #fdb271;
    width: 17px;
    line-height: 17px;
    text-align: center;
    height: 16px;
    border-radius: 50%;
    margin-top: 6px
}

@media(max-width:370px) {
    #course-eligibility-new-layout .course-el-lang h3 {
        font-size: 18px
    }
}

@media(max-width:767px) {
    #course-eligibility-new-layout .bg-mix-clr-img {
        background: url(images/course-page-new-images/Gradient-Fill-m.png) center center;
        background-size: cover
    }
}

@media(min-width:768px) {
    #course-eligibility-new-layout .bg-mix-clr-img {
        background: url(images/course-page-new-images/doted-bg.png);
        background-size: cover
    }
}

#course-eligibility-new-layout .bg-course-el {
    background: #f2f2f2
}

.bg-gradient-clr {
    background-image: linear-gradient(#ffff, #f2f2f2)
}

@media (max-width:767px) {
    .bg-testimonials {
        background: #fdac66!important;
        width: 100%;
        padding: 10px;
        color: #fff
    }
}

.mobile-outcomes-sec {
    background: #f2f2f2
}


/*service pages*/

.benfits-list {
    padding: 0;
    text-align: left
}

#new-syllabus .benfits-list li {
    padding: 0 0 17px 30px;
    text-align: justify
}

.benfits-list li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 9px;
    font-weight: 700
}

@media(max-width:768px) {
    .head-sizes-mobile {
        padding: 20px 0
    }
    .service-reg-form {
        padding: 20px 0!important
    }
    .service-reg-details p {
        margin: 0
    }
    .benefit-img {
        margin: 15px;
        height: 170px;
        object-fit: cover;
        width: 310px
    }
}

.service-reg-details p {
    font-size: 17px;
    font-weight: 500;
    color: #424242;
    text-transform: capitalize;
}

.service-reg-details {
    overflow: hidden;
    margin-bottom: 5px
}

.service-icon {
    background: #f5821f;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 22px;
    color: #f8f9fa;
    text-align: center;
    float: left;
    margin-right: 20px;
    line-height: 44px;
    margin-top: 5px
}

.service-details {
    overflow: hidden;
    padding-top: 5px
}

@media (max-width:567px) {
    #new-syllabus .benfits-list li {
        padding: 0 0 17px 17px;
        text-align: justify
    }
    .title-services {
        font-size: 17px!important
    }
    .service-doc-bg {
        padding: 10px!important;
        width: 130px!important
    }
    .service-doc-bg i {
        font-size: 43px
    }
    .service-doc-bg p b,
    strong {
        font-weight: 600;
        font-size: 15px
    }
    .service-banner-inner {
        min-height: 157px!important;
        background-position: center center!important
    }
    .service-banner-inner p {
        padding-top: 50px!important;
        font-size: 40px!important
    }
    .bg-service-point {
        font-size: 22px!important;
        width: 40px!important;
        height: 40px!important;
        line-height: 40px!important;
        margin-right: 10px!important
    }
}

@media(min-width:568px) and (max-width:768px) {
    .service-banner-inner p {
        padding-top: 81px!important;
        font-size: 30px!important
    }
}

.service-doc-bg {
    background: #888;
    padding: 23px;
    color: #fff;
    width: 190px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    height: 100%;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.service-doc-bg i {
    font-size: 70px
}

.bg-blue-grad {
    background-image: linear-gradient(to top left, #48556c 0, #353b45 100%)
}

.bg-benefit {
    color: #666!important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    padding: 18px;
    background: #fff;
    color: #292929;
    height: 100%;
    text-align: justify;
    border-radius: 15px;
    transition: all 1s ease;
    transition: .7s;
    border-top: 2px solid #f9a65d;
    border-bottom: 2px solid #f9a65d
}

.bg-benefit:hover {
    transform: translate(0, -5px);
    border-bottom: 4px solid #f9a65d
}

.service-banner-inner {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    min-height: 350px;
    position: relative
}

@media (max-width:767px) {
    .service-banner-inner {
        min-height: 250px;
        background-position: center center!important
    }
}

.service-banner-inner .overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(images/overlay.png);
    z-index: 0;
    opacity: .6
}

.service-banner-inner p {
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-top: 165px;
    font-size: 55px;
    line-height: normal;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    position: relative;
    z-index: 1
}

.service-intro-image {
    position: relative;
    max-height: 320px;
    z-index: 99
}

.intro-text {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    font-style: normal;
    padding-left: 70px;
    color: #f9a467;
    text-transform: capitalize;
    margin: 7px 0
}

.intro-text::before {
    content: '';
    display: block;
    width: 55px;
    height: 3px;
    background-color: #f9a467;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%
}

.title-services {
    font-size: 21px;
    line-height: 30px;
    font-weight: 900;
    position: relative;
    text-transform: uppercase;
    color: #343a40
}

@media(min-width:1400px) {
    .service-intro-image {
        max-height: 285px
    }
}

.service-txt p {
    margin-bottom: 5px
}

.bg-service-point {
    font-size: 35px;
    float: left;
    margin-top: 0;
    color: #f28c34;
    width: 60px;
    height: 60px;
    background: #fff;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    margin-right: 20px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.main-point-srevice p {
    overflow: hidden;
    text-align: justify;
    margin-bottom: 10px
}

.main-point-srevice {
    float: left
}

.doc-image {
    width: auto;
    position: relative
}

@media(min-width:768px) {
    .doc-image {
        max-height: 360px
    }
}

.service-doc-bg {
    background: #848483;
    padding: 23px;
    color: #fff;
    width: 190px;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    display: block
}

.service-doc-bg i {
    font-size: 70px
}

.newScroll-position {
    background-attachment: fixed
}

.newScroll {
    background: url(images/banner.png) bottom center;
    background-size: cover
}

.service-reg p {
    color: #000;
    border-radius: 10px;
    padding: 5px;
    margin: 0 auto;
    padding-left: 37px;
    overflow: hidden;
    display: block;
    padding-right: 20px
}

.service-reg p::before {
    content: "\f058";
    color: #f5821f;
    font-family: fontawesome;
    margin-right: 13px;
    margin-left: -28px
}

.service-reg-form {
    padding: 50px 0
}

.service-reg-form .box-left {
    padding: 30px;
    background-color: #f4f5f7;
    color: #000;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.service-reg-form .box-right {
    padding: 30px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.service-reg-form h2 {
    font-weight: 600;
    font-size: 19px;
    line-height: 25px
}

.service-reg-form {
    background: url(images/form-bg-image.png) center center
}

.service-reg-form-border {
    border-radius: 15px;
    border: solid 14px #cccccc73
}

@media(max-width:768px) {
    .service-reg-form h2 {
        font-weight: 600;
        font-size: 15px;
        line-height: 22px
    }
}

.benefit-img {
    margin: 15px
}

.grad-gradients {
    background: linear-gradient(106deg, #868686, #56514d)
}

.benefit-border-size {
    border-radius: 20px
}

@media(max-width:568px) {
    .service-banner-inner .small-mobile p {
        font-size: 24px!important
    }
    .service-intro-points li::before {
        margin-left: -13px!important
    }
}

.service-banner-inner .small-mobile p {
    font-size: 40px
}

@media (min-width:768px) {
    .service-intro-points li {
        padding: 0 0 10px 30px
    }
}

.service-intro-points li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.service-intro-points li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -30px;
    margin-right: 5px;
    margin-top: 0;
    color: #fff;
    font-size: 9px;
    font-weight: 700
}

.form-service-list li {
    padding: 0 0 10px 18px;
    text-align: justify;
}

.form-service-list {
    padding: 0;
    text-align: left;
}

.form-service-list li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 9px;
    font-weight: 700;
}

@media(max-width:568px) {
    .service-banner-inner .small-mobile p {
        font-size: 24px!important
    }
    .service-intro-points li::before {
        margin-left: -13px!important;
    }
}

.service-banner-inner .small-mobile p {
    font-size: 40px
}

@media (min-width: 768px) {
    .service-intro-points li {
        padding: 0 0 10px 30px;
    }
}

.service-intro-points li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif;
}

.service-intro-points li::before {
    content: '\f111';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -30px;
    margin-right: 5px;
    margin-top: 0;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
}

.gem-intro {
    height: 300px;
    object-fit: cover;
    width: auto
}

.intro-gem p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: justify
}

.gem-list li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #fff;
    font-size: 9px;
    font-weight: 700
}

.gem-list {
    padding: 0;
    text-align: left
}

.gem-list li {
    font-size: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-align: justify
}

.gem-image {
    height: 250px;
    width: 100%;
    object-fit: cover
}

.gem-intro-image-shape {
    width: 100%;
    height: 300px;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
    object-fit: cover
}

.gem-intro-image-shape-border {
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
    background: #fdb271;
    padding-bottom: 15px
}

.bg-clr-shapes p {
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
    text-align: justify
}

.bg-clr {
    clip-path: polygon(40% 1%, 100% 0, 100% 100%, 0 100%)
}

@media(min-width:992px) {
    .gem-intro-image-shape-border {
        clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
        padding-right: 15px;
        padding-bottom: 0
    }
    .gem-intro-image-shape {
        clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%)
    }
}

.gems-points div span.badge {
    background: #fdb271;
    color: #ffff;
    font-weight: 900;
    width: 40px;
    border-radius: 20px;
    margin-right: 16px;
    height: 20px;
    line-height: 5px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    font-size: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
    margin-top: 5px
}

.gems-points div p {
    overflow: hidden;
    text-align: justify
}

.gem-doc-image-without-height {
    object-fit: cover;
    border-radius: 10px;
    margin: auto;
    display: block
}

.gem-doc-image {
    object-fit: cover;
    border-radius: 10px;
    margin: auto;
    display: block;
    height: 450px
}

@media(max-width:991px) {
    .gem-doc-image {
        height: 300px!important;
        object-fit: cover;
        border-radius: 10px;
        margin: auto;
        display: block
    }
}

.dsc-image {
    width: 300px;
    background-color: #fff!important;
    height: 300px;
    margin: auto;
    display: block;
    padding: .25rem;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.service-about-images {
    width: 100%;
    background-color: #fff!important;
    height: 300px;
    object-fit: cover;
    margin: auto;
    object-fit: cover;
    display: block;
    padding: .25rem;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    margin: 20px auto;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}


/*we are hire*/

@media(max-width:1199px) {
    .bg-orange-hire-gallery {
        width: 100%!important;
        height: 120px!important;
        position: relative;
        left: 70px!important
    }
}

@media(min-width:1199px) {
    .life-at-udyogwardhini-first {
        top: 60px!important;
        width: 100%!important
    }
}

@media(max-width:992px) {
    .life-at-udyogwardhini-third {
        top: 80px!important
    }
}

@media(min-width:768px) {
    .life-at-udyogwardhini-first {
        position: absolute;
        width: 300px;
        border-right: 22px solid #fff;
        padding: 0;
        border-bottom: 22px solid #fff;
        z-index: 999;
        margin: 0;
        left: 60px;
        overflow: auto;
        top: 140px
    }
    .life-at-udyogwardhini-second {
        position: relative;
        top: 100px;
        border-right: 22px solid #fff;
        border-top: 22px solid #fff;
        z-index: 99;
        padding: 0
    }
    .life-at-udyogwardhini-third {
        position: absolute;
        right: 0;
        border-left: 22px solid #fff;
        border-bottom: 22px solid #fff;
        z-index: 99;
        padding: 0
    }
    .life-at-udyogwardhini-forth {
        position: relative;
        z-index: 99;
        border-left: 22px solid #fff;
        padding: 0;
        border-top: 22px solid #fff;
        margin-left: auto
    }
    .bg-orange-hire-gallery {
        background: #ffb372;
        width: 100%;
        height: 151px;
        position: relative;
        left: 85px
    }
    .graysacle .item img {
        filter: grayscale(.7)
    }
}

.we-are-hiring-banner {
    background: url(images/we-are-hire.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    border-radius: 0 0 0 230px
}

.bg-hire-banner {
    padding-left: 15px;
    border-radius: 0 0 0 247px;
    padding-bottom: 15px;
    background: #fff
}

.bg-hire-light {
    background: #f2f2f2
}

.hire-btn {
    background: #f5821f;
    width: auto;
    border: 0;
    display: block;
    padding: 10px 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer
}

.hire-work {
    background: #fff;
    padding: 10px;
    height: 100%;
    border-radius: 8px;
    margin: auto;
    display: block;
    transition: all .5s ease
}

.hire-work p {
    color: #000;
    text-align: center
}

.work-tag p {
    font-size: 16px;
    margin: 0
}

.bg-work-icon {
    background: #f5821f;
    width: 70px;
    height: 70px;
    display: block;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    margin: 10px auto
}

.half-office-image {
    height: 150px;
    object-fit: cover;
    width: 100%
}

.jobs-opening-box {
    padding: 25px;
    border: 1px solid#ccc;
    height: 100%;
    transition: .3s all ease;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    background: #fff
}

.jobs-opening-box p {
    margin: 0
}

.jobs-opening-box:hover {
    background: #ffa354;
    color: #fff
}

@media(min-width:768px) {
    .hire h2 {
        padding-top: 10px;
        font-weight: 600;
        font-size: 26px;
        text-transform: capitalize
    }
}

@media(min-width:992px) {
    .hire h2 {
        padding-top: 100px
    }
    .hire-work {
        width: 80%
    }
}

@media(max-width:767px) {
    .we-are-hiring-banner {
        height: 250px!important;
        border-radius: 0!important;
        background-position: center center;
        width: 100%;
        background-size: cover
    }
}

.hire-mentor-btn {
    background: #ffff;
    border: 2px solid #f5821f;
    padding: 8px 25px;
    color: #f5821f;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

@media(min-width:568px) and (max-width:767px) {
    .hire-inline {
        display: flex
    }
    .hire-inline button {
        margin: 0 15px
    }
}

.hire-content h2 {
    text-transform: capitalize
}

.hire-content p b {
    font-size: 19px;
    color: #000871;
    margin: 0
}

.hire-content p {
    margin-bottom: 5px
}

button.hire-submit-btn {
    background: #f5821f;
    width: auto;
    font-size: 18px;
    border: 0;
    display: block;
    border-radius: 5px;
    margin: 15px auto;
    padding: 10px 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer
}

.careers-form input.form-control {
    height: 50px;
    border: 1px solid #ccc;
    background: #fefefe;
    border-radius: 5px;
    margin-bottom: 10px
}

.careers-form textarea.form-control {
    border: 1px solid #ccc;
    background: #fefefe;
    border-radius: 5px;
    margin-bottom: 10px
}

.careers-form label {
    font-weight: 600;
    font-size: 17px;
    margin-left: 5px;
    text-transform: capitalize
}

@media(min-width:992px) {
    .hire-form-banner .about-banner-inner {
        background-position: center center!important;
        min-height: 300px!important
    }
    .hire-form-banner .about-banner-inner p {
        padding-top: 100px!important
    }
}


/*franchaise page*/

@media (min-width:1199px) {
    .franchaise-banner-text h2 {
        line-height: 63px!important;
        font-size: 50px!important
    }
}

@media (min-width:768px) {
    .franchaise-banner-text h2 {
        padding-top: 35px;
        font-weight: 600;
        color: #272727;
        line-height: 50px;
        font-size: 37px;
        padding-bottom: 25px;
        text-transform: capitalize;
        font-family: Poppins, sans-serif
    }
    .mockup {
        max-width: 400px;
        margin: auto;
        display: block
    }
}

.franchaise-btn {
    background: #f5821f;
    border: 2px solid #f5821f;
    padding: 8px 25px;
    color: #fff;
    border-radius: 15px 0 15px 0;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #d80286;
    -webkit-transition: ease-out .4s;
    -moz-transition: ease-out .4s;
    transition: ease-out .4s
}

.franchaise-top-banner-image {
    background: url(images/franchaise-banner.jpg) center center no-repeat;
    width: 100%;
    height: 500px;
    border-radius: 0 0 0 230px;
    background-size: cover
}

.franchase-image-wh {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    display: block
}

.franchise .enquirenow_button a:hover {
    color: #fff
}

.franchise .card-item {
    display: flex;
    background: 0 0;
    padding: 0;
    margin: 0 0 2.5em;
    width: 100%
}

.franchise .why-us-cards .card img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    transition: all .35s ease;
    border-radius: 0;
    transform: translateZ(10px)
}

.franchise .why-us-cards :hover .card {
    transform: none
}

.franchise .why-us-cards .card {
    cursor: auto
}

.bg-franc-box {
    background: #fff
}

.bg-franc-box {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    margin: auto;
    display: block;
    padding: 5px;
    height: 100%
}

.franch-images img {
    width: 50px;
    margin: 20px auto;
    display: block
}

.franchise-yrs p:first-child {
    text-align: center;
    margin: 5px;
    font-size: 18px;
    font-weight: 600
}

.franchise-yrs p {
    text-align: center;
    margin: 0;
    font-size: 17px;
    font-weight: 600
}

.dash-bg-border {
    border: 15px solid #717171;
    border-radius: 20px
}

.franchise-lern-suport-image-border {
    border: 1px solid #fdac66;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    background: #fff;
    padding: 15px;
    height: 100%
}

.franchise-lern-suport-image {
    width: 200px;
    height: auto;
    border: 1px solid #eaeaea;
    padding: 15px;
    border-radius: 15px;
    background: #f8f9fa
}

@media (min-width:768px) {
    .bg-franc-box {
        width: 80%!important
    }
    .Franchise-learning li {
        padding: 0 0 10px 30px
    }
}

.Franchise-learning li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 500;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.Franchise-learning li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -24px;
    margin-right: 10px;
    margin-top: 0;
    color: #f5821f;
    font-size: 9px;
    font-weight: 700
}

@media (min-width:768px) {
    .Franchise-benefit li {
        padding: 0 0 15px 30px
    }
}

.Franchise-benefit li {
    margin: 0;
    padding: 0 0 14px 17px;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

.Franchise-benefit li::before {
    content: '\f058';
    font-family: FontAwesome;
    float: left;
    margin-left: -24px;
    margin-right: 10px;
    margin-top: 0;
    color: #f5821f;
    font-size: 14px;
    font-weight: 700
}

.franchise-benefit-image {
    height: 250px;
    width: auto;
    border-radius: 15px;
    border: 1px solid #eaeaea
}

.whyus-franchaise-carousel .owl-carousel .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#home #franchaise .why-us-cards .card .card-body {
    overflow: hidden;
    max-height: 100%;
    transition: all .55s ease;
    background-image: linear-gradient(to top left, #48556c 0, #1b212b 50%, #141922 51%, #353b45 100%)!important
}

#franchaise .why-us-cards .card img {
    width: 100%;
    height: 240px!important;
    transition: all .35s ease;
    border-radius: 0;
    object-fit: cover
}

#franchaise .franchise .owl-theme .owl-nav {
    display: block;
    position: absolute;
    top: -21%;
    right: 0
}

.franchise .owl-carousel .owl-nav button.owl-next,
.franchise .owl-carousel .owl-nav button.owl-prev,
.franchise .owl-carousel button.owl-dot {
    background: #f5821f;
    margin: 0 25px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.franchise .why-us-cards .card h5 {
    background: #fda95f
}

@media(max-width:576px) {
    .franchise .owl-theme .owl-nav {
        top: -12%!important;
        margin: 0
    }
    .franchise .owl-carousel .owl-nav button.owl-next,
    .franchise .owl-carousel .owl-nav button.owl-prev,
    .franchise .owl-carousel button.owl-dot {
        margin: 0 10px!important
    }
    .franchise-lern-suport-image {
        width: 150px!important;
        margin: 15px auto!important
    }
}

@media(min-width:768px) {
    .franchise .owl-theme .owl-nav {
        top: -18%!important
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    .franchise .owl-theme .owl-nav {
        top: -17%!important
    }
}

@media(min-width:1199px) {
    .franchise .owl-theme .owl-nav {
        top: -17%!important;
        margin: 0
    }
}

.bg-light-orange-clr {
    background: #fdac66
}

.franchise-bg-table {
    margin: auto;
    background: #000 url(images/web-des-bg.jpg);
    background-color: #000;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 30px
}

.franchise-enquiry {
    background: url(images/enquiry-bg.jpg) center center no-repeat;
    background-size: cover
}

.bg-enq-clr {
    background: #48484899
}

.franchaise-banner {
    background: url(images/franchaise-banner.jpg) top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px
}

.franchaise-banner-image h2 {
    font-size: 53px;
    font-weight: 700;
    color: #2b2b2b;
    padding-top: 110px;
    line-height: 60px;
    text-transform: none
}

.bg-mockup-image {
    background: #f59e53
}

.franchise .about-banner-inner {
    background-position: top center!important
}

.franchise .about-banner-inner p {
    padding-top: 270px
}

.franchaise-big-icons p {
    font-weight: 500
}

.franchaise-big-icons .box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    height: 100%;
    margin: 0 10px
}

@media(min-width:768px) {
    .hire h2 {
        padding-top: 10px;
        font-weight: 600;
        font-size: 36px;
        text-transform: capitalize;
        font-family: Poppins, sans-serif
    }
}

@media(min-width:992px) {
    .hire h2 {
        padding-top: 100px
    }
    .hire-btn {
        background: #f5821f;
        width: auto;
        border: 0;
        display: block;
        padding: 10px 25px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer
    }
    .bg-clr-france {
        border: 5px solid dotted #f5821f
    }
}

.who-is-this-franchaise {
    background: #fff;
    padding: 10px;
    height: 100%;
    border-radius: 7px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.who-is-this-franchaise p {
    font-weight: 500;
    margin: 15px 0
}

@media(min-width:568px) {
    .franchaise-pie-chart {
        width: 400px;
        margin: auto;
        display: block
    }
}

.franchise-lern-suport-image-border {
    border: 0 solid #fdac66;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    background: #fff;
    padding: 15px;
    height: 100%;
    border-radius: 20px
}

#franchaise-scroll .medium-scroll::-webkit-scrollbar-track {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 45%, #f2f2f2 50%, rgba(255, 255, 255, 0) 61%, rgba(255, 255, 255, 0) 100%);
    overflow: hidden
}

#franchaise-scroll .medium-scroll::-webkit-scrollbar {
    width: 15px;
    transition: all .5s linear;
    height: 30px
}

#franchaise-scroll .medium-scroll::-webkit-scrollbar-thumb {
    background: url(images/scrol;.png) center center no-repeat;
    border-radius: 15px;
    height: 10px!important;
    width: 100%;
    position: relative;
    z-index: 999999;
    padding: 5px
}

@media(max-width:567px) {
    #franchaise-scroll .scrollbar {
        height: 280px!important
    }
}

#franchaise-scroll .scrollbar {
    height: 450px;
    overflow-y: scroll;
    scrollbar-color: #f5821f;
    scrollbar-width: thin
}

.franchise-lern-suport-image {
    width: 200px;
    height: auto;
    border: 0 solid #eaeaea;
    padding: 15px;
    border-radius: 15px;
    background: #fff
}

.Franchise-learning li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -24px;
    margin-right: 10px;
    margin-top: 0;
    color: #fff;
    font-size: 9px;
    font-weight: 800
}

@media (min-width:768px) {
    .bg-franc-box {
        width: 100%!important
    }
}

.who-is-this-franchaise-franchaise {
    font-size: 16px;
    font-weight: 500
}

.who_is_this_for_franchaise {
    margin: auto;
    display: block;
    padding: 15px;
    width: auto;
    height: 90px;
    transform: all .5s
}

.Franchise-benefit li {
    margin: 0;
    padding: 8px 0 8px 17px;
    text-align: left;
    line-height: 27px;
    font-size: 17px;
    font-family: 'Hind Madurai', serif
}

@media(max-width:768px) {
    .Franchise-benefit li {
        text-align: left!important
    }
}

.bg-franchise-orange-clr {
    background: #f5ae71
}

.bg-franchise-dark-clr {
    background: #6d6d6d
}

.upcoming-course-sec li {
    margin: 0 15px;
    font-weight: 600
}

@media(min-width:768px) {
    .event-icon i {
        margin-right: 5px
    }
}

.upcome-btn {
    font-size: 16px;
    background: #ffa251;
    border: 0;
    padding: 6px 15px;
    border-radius: 6px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.event-section {
    background-color: #f1f1f1;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    padding: 15px;
    border-radius: 5px;
    padding: 20px;
    margin: 0 0;
    width: 100%!important
}

#arrow {
    color: #fff!important
}

.upcome-btn a {
    color: #fff
}

@media(max-width:380px) {
    .event-icon {
        font-size: 13px
    }
}

.upcoming-course-sec li {
    margin: 0 16px;
    font-size: 14px;
    font-weight: 600
}

@media(min-width:370px) {
    .upcoming-course-image {
        max-width: 300px!important;
        height: 180px;
        object-fit: cover
    }
}

.upcoming-course-image {
    height: 180px;
    object-fit: cover
}

.event-section p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: relative;
    z-index: 999;
    margin: 0!important;
    font-weight: 700;
    padding: 10px 0 0 0
}


/*seo optimization*/

@media (max-width:767px) {
    .about-banner-inner h1 {
        font-weight: 700!important;
        padding-top: 100px!important;
        font-size: 30px!important
    }
}

@media (max-width:567px) {
    .about-banner-inner h1 {
        font-weight: 700;
        padding-top: 59px!important;
        font-size: 25px!important
    }
}

.about-banner-inner h1 {
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-top: 187px;
    font-size: 40px;
    line-height: normal;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    position: relative;
    z-index: 1
}

.home-tagline h1 {
    font-size: 21px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    font-family: 'Hind Madurai', serif
}

@media (max-width:540px) {
    .home-tagline h1 {
        font-size: 15px!important
    }
}

@media (max-width:768px) {
    .home-tagline h1 {
        font-size: 17px;
        font-size: 17px;
        margin: 0;
        line-height: 25px;
        padding: 17px 0
    }
}

@media (max-width:540px) {
    .home-tagline h1 {
        font-size: 15px!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .home-tagline h1 {
        font-size: 20px;
        margin: 0;
        line-height: 23px;
        padding: 5px 0
    }
}

@media(min-width:768px) {
    .bg-md-white {
        background: #fff!important
    }
}

#new-syllabus .dairy-bakery .syl-list li ul li {
    list-style: circle!important;
    margin-left: 23px
}

#new-syllabus .dairy-bakery .syl-title {
    font-size: 19px;
    font-weight: 900!important;
    margin: 15px 0
}

#new-syllabus .business-goals .syl-list .syl-list-book li ul li::before {
    content: ''
}

#new-syllabus .business-goals .syl-list li ul li {
    list-style: circle!important;
    margin-left: 17px
}

.service-banner-inner h1 {
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-top: 165px;
    font-size: 44px;
    line-height: normal;
    text-shadow: 1px 1px rgb(0 0 0 / 50%);
    position: relative;
    z-index: 1
}

@media (min-width:568px) and (max-width:768px) {
    .service-banner-inner h1 {
        padding-top: 81px!important;
        font-size: 30px!important
    }
}

@media (max-width:567px) {
    .service-banner-inner h1 {
        padding-top: 50px!important;
        font-size: 40px!important
    }
}

@media (max-width:568px) {
    .service-banner-inner .small-mobile h1 {
        font-size: 24px!important
    }
}

.service-banner-inner .small-mobile h1 {
    font-size: 40px
}

@media (min-width: 1200px) {
    .limited-libility .service-intro-images {
        max-height: 352px;
    }
}

.gst-return .prof-services {
    height: 300px;
    margin: auto;
    display: block;
    width: 100%;
    object-fit: cover;
}

@media (min-width:768px) {
    .franchaise-banner-text h1 {
        padding-top: 35px;
        font-weight: 600;
        color: #272727;
        line-height: 50px;
        font-size: 37px;
        padding-bottom: 25px;
        text-transform: capitalize;
        font-family: Poppins, sans-serif
    }
}

@media (min-width:1199px) {
    .franchaise-banner-text h1 {
        line-height: 63px!important;
        font-size: 50px!important
    }
}

.franchaise-banner-text h1 {
    margin-top: 20px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .hire h1 {
        padding-top: 10px;
        font-weight: 600;
        font-size: 36px;
        text-transform: capitalize;
        font-family: Poppins, sans-serif
    }
}

@media (min-width:992px) {
    .hire h1 {
        padding-top: 100px
    }
}

.hire h1 {
    color: #1f1f1f;
    line-height: normal
}

.impact-head h1 {
    font-size: 28px
}

@media (min-width:992px) {
    .impact-head h1 {
        color: #1f1f1f;
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 15px;
        line-height: normal;
        position: relative;
        text-transform: uppercase
    }
}

.who_is_this_for_cloud-kichen {
    overflow: hidden;
    margin-bottom: 17px
}

.cloud_kichen_icon {
    background: #f5821f;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 18px;
    color: #f8f9fa;
    line-height: 32px;
    text-align: center;
    float: left;
    margin-right: 20px
}

.who_is_this_for_cloud-kichen p {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600
}

@media (max-width:370px) {
    .who_is_this_for_cloud-kichen p {
        font-size: 16px!important
    }
}

.bg-dark-who-is-for {
    background: #717171
}


/*mentor page*/

.no-btn-radius {
    border-radius: 10px!important
}

.why-mentor-box {
    background: #fff;
    width: auto;
    height: 100%;
    margin: 15px;
    border-radius: 0 0 15px 15px;
    padding: 30px
}

.mentor-icon-feedback {
    width: 60px;
    margin: 15px;
    display: block
}

.why-mentor-box p {
    margin: 0;
    font-size: 16px
}

.why-mentor-box h6 {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 27px
}

.mentor-for-mentor-page {
    overflow: hidden;
    margin: 15px 0
}

.mentor-for-mentor-page .name p {
    font-size: 17px;
    margin: 0;
    color: #000871
}

.mentor-for-mentor-page img {
    width: 100px;
    height: 100px;
    border-radius: 15px 15px 0;
    float: left;
    margin-right: 17px
}

.mentor-for-mentor-page .description p {
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px
}

.mentor-for-mentor-page .mentor-name {
    margin-top: 10px
}

.content p {
    font-size: 15px;
    text-align: center;
    font-weight: 400
}

.mentor-testimonials {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    padding: 15px
}

.review i {
    font-size: 11px;
    margin-right: 2px;
    color: #f9b403
}

.mentor-for-mentor-page img {
    width: 100px;
    height: 100px;
    border-radius: 15px 15px 0;
    float: left;
    margin-right: 17px;
    border: 1px solid #f1f1f1
}

.mentor-feedback-says p {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    text-align: left
}

.feed-back-mentor-name p {
    color: #f5821f;
    font-size: 21px;
    margin: 0;
    font-weight: 700
}

.mentor-feedback-coma {
    width: 50px;
    height: auto
}

.feed-back-mentor-position p {
    color: #fff;
    font-size: 15px;
    opacity: .9
}

@media(min-width:768px) {
    .mentor-feedback-image {
        position: relative;
        right: 100px;
        border: 7px solid #fff
    }
    .bg-testimoninal-feedback {
        width: auto;
        align-items: center;
        padding: 50px 0!important
    }
    .mentor-banner-size {
        margin: 60px 0
    }
    .mentor-2nd-image {
        width: 450px;
        margin: auto;
        display: block
    }
}

@media(max-width:767px) {
    .mentor-feedback-image {
        width: 160px;
        height: auto;
        margin: 15px auto;
        border: 5px solid #ccc;
        display: block
    }
    .mentor-feedback-coma {
        width: 40px!important
    }
    .our-requirements {
        padding: 0!important
    }
    .our-requirements p {
        font-size: 15px;
        line-height: 19px;
        padding: 2px
    }
    .bg-become-mentor-testimonial {
        background: #343a40
    }
    .bg-testimoninal-feedback {
        width: auto;
        align-items: center;
        padding: 10px 0!important;
        margin-top: 6px
    }
    .mentor-bottom-border {
        border-bottom: 2px solid #ccc
    }
    .mentor-head-size {
        padding: 20px 0
    }
    .mentor-2nd-image {
        width: 250px;
        margin: auto;
        display: block
    }
    .become-a-mentor h2 {
        font-size: 21px;
        font-weight: 600;
        text-align: center;
        margin: 5px
    }
    .tag p {
        font-size: 15px;
        line-height: 25px;
        margin: 5px;
        color: #242424;
        font-weight: 500;
        text-align: center
    }
    .mentor-feedback-says p {
        color: #fff;
        font-size: 16px!important;
        line-height: 25px!important;
        text-align: left
    }
    .feed-back-mentor-position p {
        font-size: 14px!important;
        margin: 0;
        text-align: center
    }
}

@media (min-width:768px) {
    .become-a-mentor h2 {
        padding-top: 10px;
        font-weight: 600;
        font-size: 39px;
        text-transform: capitalize;
        font-family: Poppins, sans-serif
    }
    .tag p {
        font-size: 19px;
        line-height: 25px;
        color: #242424;
        font-weight: 500
    }
}

.bg-light-mentor-impact {
    background: #fff;
    height: 100%;
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid
}

.bg-light-mentor-impact p {
    color: #010101
}

.our-requirements {
    background: #fff;
    padding: 15px;
    height: 100%;
    margin: auto;
    display: block;
    text-align: center;
    font-weight: 500;
    border-radius: 15px
}

img.our-requirement-image-mentor {
    padding: 5px;
    width: 70px;
    height: 70px;
    margin: 15px auto;
    background: #f5821f;
    border-radius: 50%
}

.creating-imapact-mentor-page {
    width: 80px;
    height: 80px;
    margin: 15px auto;
    display: block;
    border: 1px solid #4c443e;
    padding: 8px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.our-requirement-image-mentor i {
    background: #f5821f;
    height: 70px;
    width: 70px;
    font-size: 35px;
    margin: 15px;
    line-height: 71px;
    border-radius: 50%;
    color: #fff
}

.Why-become-a-mentor-new {
    height: 100%;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 15px
}

.Why-become-a-mentor-new:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.mentor-icon-feedback {
    width: 100px;
    margin: auto;
    display: block;
    height: 100px
}

.Why-become-a-mentor-new h6 {
    font-size: 15px;
    line-height: 27px;
    margin: 15px 0;
    text-align: center
}

.Why-become-a-mentor-new p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

@media (min-width:768px) and (max-width:1199.98px) {
    .become-a-mentor h2 {
        font-size: 23px!important
    }
}

.creating-imapact-mentor-page img {
    width: 50px;
    height: 50px;
    margin: 7px
}

.bg-light-mentor-impact:hover {
    box-shadow: 2px 10px 12px 14px rgb(0 0 0 / 6%);
    background: #ff9a43;
    border: 1px solid #fff
}

@media (max-width:767px) {
    .feed-back-mentor-name p {
        font-size: 19px!important;
        text-align: center
    }
}

.course-el-list-points {
    padding: 0;
    text-align: left
}

@media (min-width:768px) {
    .course-el-list-points ul li {
        padding: 0 0 10px 30px
    }
}

.course-el-list-points ul li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #333;
    font-size: 7px;
    font-weight: 700
}


/* meet our team */

.bg-our-team-image .our-team-bg h4.name {
    margin: 12px 0;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize
}

.bg-our-team-image .our-team-bg h6.description {
    color: #f5821f;
    font-size: 17px;
    text-transform: capitalize;
    margin: 5px;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1)
}

.bg-our-team-image .our-team-bg {
    border-bottom: 1px solid #f5821f;
    background: #fff;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    text-align: center;
    padding: 40px 20px 32px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 30px
}

.bg-our-team-image .our-team-bg:hover {
    background: #ffac64 url(images/our-team-bg-image.png);
    color: #fff!important;
    border-top: 1px #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 4%), 0 4px 10px rgb(0 0 0 / 10%)!important
}

.bg-our-team-image .our-team-bg:hover h6 {
    color: #fff
}

.bg-our-team-image .team-image img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    transition: all 1s
}

.bg-our-team-image .our-team-bg:hover .team-image img {
    transform: scale(1.1)
}

@media(min-width:1440px) {
    .bg-our-team-image.team-background-size {
        width: 1450px;
        margin: auto;
        display: block
    }
}

.bg-our-team-image {
    background-color: #cccccc0d;
    background-size: cover;
    background-attachment: fixed
}


/* workshop css */

.workshop-blue-theame button.workshop-register-btn {
    text-align: center;
    position: fixed;
    margin: auto;
    display: block;
    padding: 7px 35px;
    outline: 0;
    background: #f5821f;
    text-transform: uppercase;
    border: 1px solid #f5821f;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    z-index: 999999;
    right: 17px;
    bottom: 4%;
    transition: all .5s ease
}

.workshop-blue-theame .lerning-dots {
    width: 10%;
    position: absolute;
    left: 10%;
    top: 22%
}

.workshop-blue-theame .why-opt-parra {
    margin: 20px;
    padding: 15px;
    border: 1px solid #2a4d5c;
    border-radius: 10px;
    background: #fff;
    position: relative;
    font-size: 20px;
    z-index: 99;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.workshop-blue-theame .workshop-mobile-syllabus .card-body {
    background: #fff
}

.workshop-blue-theame .workshop-mobile-syllabus {
    position: relative;
    z-index: 9999
}

.workshop-blue-theame .workshop-mobile-syllabus h6 {
    font-size: 15px
}

.workshop-blue-theame .what-will-learn-dots {
    width: 7%;
    left: 3%;
    position: absolute;
    top: 30%
}

.bg-line-patern {
    background: url(../../../images/workshop-images/line-pattern.png)
}

.workshop-blue-theame .get-certificate-dots {
    width: 7%;
    position: absolute;
    margin: auto;
    display: block;
    left: 2%
}

.workshop-blue-theame .get-certificate-dots-right {
    width: 7%;
    position: absolute;
    margin: auto;
    display: block;
    right: 2%
}

.workshop-blue-theame .get-certificate-dots-left-center {
    width: 9%;
    position: absolute;
    margin: auto;
    display: block;
    left: 30%;
    top: 80%
}

.workshop-blue-theame .border-who-can-attend {
    border: 1px solid #2a4d5c;
    background: #fff;
    margin-top: 28px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    -webkit-box-shadow: 30px 54px 104px rgba(0, 0, 0, .05);
    box-shadow: 30px 54px 104px rgba(0, 0, 0, .05)
}

.workshop-blue-theame .border-who-can-attend p {
    margin: 0
}

.workshop-blue-theame div#countdown ul {
    margin: auto;
    display: block;
    text-align: center
}

.bg-timer-pattern {
    background: url(../../../../../images/workshop-images/gray-patern.png)
}

.workshop-blue-theame #countdown li span {
    display: block;
    font-size: 17px;
    text-align: center;
    margin: auto
}

.workshop-blue-theame div#mobile-bottom-timer {
    background: #e9ebf7
}

.workshop-blue-theame #countdown li {
    display: inline-block;
    font-size: 11px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .05)!important;
    padding: 5px;
    margin: 0 4px;
    color: #2a4d5c;
    width: 18%;
    background: #fff;
    font-weight: 600;
    border-radius: 5px
}

.workshop-blue-theame .property-dots {
    width: 8%;
    position: absolute;
    right: 90px
}

.workshop-blue-theame .property-dots-left {
    width: 8%;
    position: absolute;
    left: 90px;
    top: 50%
}

.workshop-blue-theame .bottom-fixed-timer-workshop {
    width: 60%
}

.workshop-blue-theame .btn-bottom-workshop {
    width: 40%
}

.workshop-blue-theame .mobile-bottom-timer {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%
}

@media(max-width:1199px) {
    .workshop-blue-theame .what-will-learn-dots {
        width: 25%;
        left: 7%;
        position: absolute;
        top: 20%
    }
    .workshop-blue-theame .get-certificate-dots {
        width: 17%!important
    }
    .workshop-blue-theame .get-certificate-dots-right {
        width: 19%!important;
        top: 50%
    }
    .workshop-blue-theame .time-date-workshop-icon {
        width: 30px!important;
        margin: 3px!important;
        height: 30px!important;
        float: left;
        margin-right: 9px!important
    }
    .workshop-blue-theame .time-date-workshop-details p {
        font-size: 15px!important;
        margin: 5px!important
    }
    .workshop-blue-theame .time-date-workshop-details {
        padding: 17px 10px!important
    }
    .workshop-blue-theame .why-opt-icon i {
        font-size: 28px!important;
        width: 50px!important;
        height: 50px!important;
        line-height: 50px!important;
        border-radius: 50%
    }
    .workshop-blue-theame .cicle-opt {
        color: 30px solid #cccccc30!important
    }
    .workshop-blue-theame .ornage-dots-shape {
        width: 30%!important
    }
    .workshop-blue-theame ul.what-you-will-learn li {
        padding: 10px 6px!important
    }
    .workshop-blue-theame button.enroll-bottom-btn {
        border: 0;
        padding: 5px 15px;
        background: #2a4d5c;
        color: #fff;
        text-transform: capitalize;
        font-weight: 600;
        margin: auto;
        display: block;
        text-align: center;
        width: 100%;
        height: 100%
    }
    #clockdiv>div {
        padding: 10px;
        display: inline-block;
        background: #fff;
        border-radius: 10px;
        margin: 0!important;
        width: 22%!important;
        height: auto!important
    }
    .workshop-blue-theame .smalltext {
        padding-top: 5px;
        font-size: 10px!important;
        color: #2a4d5c!important
    }
    .workshop-blue-theame .workshop-add-image {
        border-radius: 5px!important;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
        border: 1px solid #2a4d5c
    }
    .workshop-blue-theame .time-date-workshop-details .title {
        margin-top: 5px;
        text-transform: capitalize;
        font-size: 16px;
        margin-bottom: 0;
        margin-left: 0
    }
    .workshop-blue-theame .time-date-workshop-details {
        border-radius: 10px!important;
        padding: 6px!important;
        margin-top: 10px!important;
        border: 1px #2a4d5c!important
    }
    .workshop-blue-theame section.workshop-top-banner-section h1 {
        font-size: 25px;
        line-height: 35px!important
    }
    .workshop-blue-theame section.workshop-top-banner-section .tagline p {
        font-size: 17px!important
    }
    .workshop-blue-theame .mobile-workshop-add {
        position: relative;
        top: -40px
    }
    .workshop-blue-theame .why-opt-workshop {
        padding: 3px!important
    }
    .workshop-blue-theame .why-opt-workshop p {
        font-size: 15px
    }
    .workshop-blue-theame .why-opt-dots {
        width: 44%!important
    }
    .workshop-blue-theame .lerning-dots {
        width: 44%!important;
        position: absolute;
        left: 3%!important;
        top: 9%!important
    }
}

@media(max-width:992px) {
    .workshop-blue-theame .mentor-description p {
        margin: 15px!important
    }
    .workshop-blue-theame section.workshop-top-banner-section h1 {
        font-weight: 700;
        width: 100%!important;
        margin: auto;
        display: block;
        line-height: 52px
    }
}

.workshop-blue-theame .register-details {
    overflow: hidden;
    padding-top: 5px
}

.workshop-blue-theame .register-fee {
    overflow: hidden;
    margin-bottom: 17px
}

.workshop-blue-theame .register-fee h5 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 8px
}

.workshop-blue-theame .register-fee p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500
}

.workshop-blue-theame .register-icon {
    background: #2a4d5c;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 20px
}

.workshop-blue-theame .position-of-mentor {
    position: relative;
    top: -50px;
    overflow: hidden
}

.workshop-blue-theame .mentor-cover {
    background: #2a4d5c;
    height: 80px;
    width: 100%;
    border-radius: 15px 15px 0 0
}

.workshop-blue-theame .workshop-mentors-images {
    width: 130px!important;
    height: 130px;
    object-fit: cover;
    margin: auto;
    display: block;
    position: relative;
    border-radius: 50%;
    border: 3px solid #fff;
    top: -60px
}

.workshop-blue-theame .workshop-opt-section {
    background-image: linear-gradient(to top, #fff 0, #e3eeff 99%, #e3eeff 100%);
    width: 100%;
    overflow: hidden
}

.workshop-blue-theame .workshop-top-banner-section {
    background-image: linear-gradient(to top, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%);
    width: 100%
}

.workshop-blue-theame .workshop-certificate {
    background-image: linear-gradient(to top, #f8f9fa 0, #e3eeff 99%, #e3eeff 100%);
    width: 100%;
    overflow: hidden
}

.workshop-blue-theame .workshop-add-image {
    border-radius: 15px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    border: 1px solid #ccc
}

.workshop-blue-theame section.workshop-top-banner-section h1 {
    font-weight: 700;
    width: 55%;
    margin: auto;
    display: block;
    line-height: 52px
}

.workshop-blue-theame section.workshop-top-banner-section .tagline p {
    text-align: center;
    font-size: 22px;
    margin: 15px 0;
    font-weight: 500
}

.workshop-blue-theame .lerning-dots-right {
    width: 12%;
    position: absolute;
    right: 150px;
    top: 58%
}

.workshop-blue-theame .b-line-ctr::before {
    background: #2a4d5c none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 60px;
    margin: auto;
    bottom: 0
}

.workshop-blue-theame .time-date-workshop-icon i {
    color: #2a4d5c;
    font-size: 20px
}

.workshop-blue-theame .time-date-workshop-details p {
    font-size: 17px;
    margin: 5px;
    font-weight: 500
}

.workshop-blue-theame .workshop-banner-position {
    position: relative;
    top: -70px
}

.workshop-blue-theame .time-date-workshop-details .title {
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5px
}

.workshop-blue-theame ul.what-you-will-learn li {
    background: #fff;
    margin: 20px;
    font-weight: 500;
    padding: 14px;
    border-radius: 10px
}

.workshop-blue-theame .circle-shapes-smooth {
    border: 1px solid #fff;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: absolute;
    left: -150px;
    top: -5%;
    opacity: .3;
    overflow: hidden
}

@media(min-width:1199px) {
    .workshop-blue-theame .workshop-certificate-image {
        max-width: 500px;
        margin: auto;
        display: block
    }
}

.workshop-blue-theame .workshop-certificate-image {
    border: 3px solid #2a4d5c
}

.workshop-blue-theame ul.what-you-will-learn li:before {
    content: "\f058";
    font-family: 'font awesome';
    width: 30px;
    height: 30px;
    color: #2a4d5c;
    border-radius: 50%
}

.workshop-blue-theame .workshop-entrol-btn {
    padding: 7px 30px;
    background: #2a4d5c;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px
}

.workshop-blue-theame ul.lern-outcome-workshop li:before {
    content: "\f058";
    font-family: 'font awesome';
    width: 30px;
    height: 30px;
    color: #2a4d5c;
    border-radius: 50%
}

.workshop-blue-theame ul.lern-outcome-workshop li:before {
    margin-bottom: 30px;
    content: "\f058";
    font-family: fontawesome;
    width: 30px;
    margin-right: 10px;
    height: 30px;
    text-align: center;
    background: #2a4d5c21;
    float: left;
    color: #2a4d5c;
    border-radius: 50%;
    line-height: 30px
}

.workshop-blue-theame .why-opt-icon img {
    width: 50px;
    height: 50px;
    margin: 15px auto
}

.workshop-blue-theame .why-opt-workshop p {
    margin: 0
}

.workshop-blue-theame .why-opt-icon i {
    font-size: 40px;
    margin: 15px;
    color: #fff;
    background: #2a4d5c;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%
}

.workshop-blue-theame ul.lern-outcome-workshop li {
    background: #fff;
    margin: 20px 0;
    font-weight: 500;
    padding: 11px;
    border-radius: 10px;
    height: 100%
}

.workshop-blue-theame .border-workshop-timer-top {
    height: 1px;
    width: 70%;
    background: #ccc;
    margin: auto;
    display: block
}

.workshop-blue-theame .bg-mentor-workshop .mentor-desc p {
    text-align: center;
    font-size: 15px;
    color: #2a4d5c;
    font-weight: 600;
    margin: 15px
}

.workshop-blue-theame .mentor-description p {
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    margin: 0 30px
}

.workshop-blue-theame .workshop-mentor {
    width: 150px!important;
    height: 150px;
    margin: auto;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #2a4d5c;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    display: block
}

.workshop-blue-theame .bg-mentor-workshop {
    border-radius: 15px;
    display: block;
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.workshop-blue-theame .bg-mentor-workshop .mentor-name p {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 15px;
    margin-bottom: 0
}

.workshop-blue-theame .workshop-associate p {
    margin: 15px;
    font-weight: 600;
    font-size: 20px
}

.workshop-blue-theame .bg-workshop-light {
    background: #ffc28efa
}

.workshop-blue-theame .mentor-cover {
    background: #2a4d5c;
    height: 100px;
    width: 100%
}

.workshop-blue-theame .background-timer {
    background: url(../../../images/workshop-images/timer.png) center center no-repeat;
    background-size: cover
}

.workshop-blue-theame .why-opt-workshop {
    background: #fff;
    height: 100%;
    margin: 15px auto;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    text-align: center;
    color: #000;
    position: relative;
    z-index: 999
}

.workshop-blue-theame .grid-shape-svg {
    position: absolute;
    width: 60%;
    right: 0;
    bottom: 20px;
    opacity: .5
}

.workshop-blue-theame .what-will-svg-dots {
    width: 15%;
    position: absolute;
    left: 0
}

.workshop-blue-theame .ornage-dots-shape {
    width: 12%;
    position: absolute;
    top: 2%;
    right: 4%
}

.workshop-blue-theame .what-will-position {
    position: relative;
    z-index: 9999
}

.workshop-blue-theame .text-navy-blue {
    color: #2a4d5c
}

.workshop-blue-theame .workshop-association p {
    font-size: 22px;
    font-weight: 500;
    margin: 0
}

.workshop-blue-theame .bg-gradient-clr {
    background-image: linear-gradient(#ffff, #f2f2f259)
}

.workshop-blue-theame .bg-grad-clr {
    background: #0f2027;
    background: -webkit-linear-gradient(to right, #2c5364, #203a43, #0f2027);
    background: linear-gradient(to right, #2c5364, #203a43, #0f2027)
}

.workshop-blue-theame .what-will-learn h2 {
    font-weight: 800;
    font-size: 26px;
    text-transform: capitalize;
    font-family: Poppins, sans-serif
}

.workshop-blue-theame .what-will-learn {
    position: sticky;
    top: 30%;
    transition: all 2s ease
}

.workshop-blue-theame .what-you-will-learn li {
    background: #fff;
    margin: 15px auto;
    border-radius: 6px;
    padding: 15px 30px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.workshop-blue-theame .what-you-will-learn li::before {
    content: '\f00c';
    font-family: FontAwesome;
    float: left;
    margin-left: -20px;
    margin-right: 5px;
    margin-top: 0;
    color: #2a4d5c;
    font-size: 15px;
    font-weight: 500
}

.workshop-blue-theame ul.what-you-will-learn li:before {
    content: "\f058";
    font-family: fontawesome;
    width: 30px;
    margin-right: 10px;
    height: 30px;
    margin-left: 5px;
    text-align: center;
    background: #2a4d5c21;
    float: left;
    color: #2a4d5c;
    border-radius: 50%;
    line-height: 30px
}

.workshop-blue-theame .cicle-opt {
    width: 400px;
    height: 400px;
    background: 0 0;
    border-radius: 50%;
    border: 40px solid #cccccc96;
    position: absolute;
    left: -120px;
    top: -85px
}

.workshop-blue-theame .cicle-opt-2 {
    width: 400px;
    height: 400px;
    background: 0 0;
    border-radius: 50%;
    border: 40px solid #cccccc96;
    position: absolute;
    bottom: -115px;
    right: -75px
}

.workshop-blue-theame .why-opt-dots {
    width: 9%;
    position: absolute;
    right: 100px
}

.workshop-blue-theame .scroll-line {
    background: #2a4e5d;
    background: -webkit-linear-gradient(to right, #2a4e5d, #244450);
    background: linear-gradient(to right, #2a4e5d, #244450);
    top: 0;
    left: 0;
    height: 3px;
    position: fixed;
    z-index: 999999999999999999;
    transition: .5s cubic-bezier(.075, .82, .165, 1)
}

.workshop-blue-theame .lerning-dots-2 {
    width: 44%;
    right: 0;
    position: absolute;
    bottom: 0
}

.workshop-blue-theame .form-bg-circle {
    width: 500px;
    height: 500px;
    border: 70px solid #d6d6d61f;
    border-radius: 50%;
    position: absolute;
    left: -170px
}

.workshop-blue-theame .form-bg-circle-right {
    width: 500px;
    top: -200px;
    height: 500px;
    border: 0 solid #d6d6d61f;
    border-radius: 50%;
    position: absolute;
    right: -170px;
    bottom: 0
}

.workshop-blue-theame .workshop-reg-forms {
    border-radius: 20px;
    position: relative;
    z-index: 99
}

.workshop-blue-theame .text-workshop {
    color: #213d47
}

.workshop-blue-theame .why-opt-parra {
    margin: 20px;
    padding: 10px;
    border: 1px solid #2a4d5c;
    border-radius: 20px;
    background: #fff;
    position: relative;
    z-index: 99;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.workshop-blue-theame .nav-tabs {
    border: 0
}

.workshop-blue-theame .nav-tabs li {
    width: 100%
}

.workshop-blue-theame .tab-content {
    background: #fff;
    padding: 25px;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #2a4d5c;
    box-shadow: 30px 54px 104px rgb(0 0 0 / 5%)
}

.workshop-blue-theame .nav-tabs li a:hover {
    color: #000
}

.workshop-blue-theame .nav-tabs li a {
    list-style: none;
    background: #fff;
    -webkit-box-shadow: 30px 54px 104px rgba(0, 0, 0, .05);
    box-shadow: 30px 54px 104px rgb(0 0 0 / 5%);
    border: 1px solid #2a4d5c;
    margin-bottom: 20px;
    border-radius: 15px;
    cursor: pointer;
    opacity: .9;
    font-size: 17px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.workshop-blue-theame .nav-tabs li a.active.show {
    opacity: 1;
    color: #000
}

.workshop-blue-theame .what-will-learn-point-bg {
    background: #e9eced;
    color: #000;
    border-radius: 10px;
    margin-top: 10px;
    padding: 3%
}

.workshop-blue-theame .workshop-syl-list {
    padding: 0;
    text-align: left
}

.workshop-blue-theame .workshop-syl-list li {
    margin: 0;
    padding: 0 0 5px 17px;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Hind Madurai', serif
}

.workshop-blue-theame .workshop-syl-list li::before {
    content: '\f111';
    font-family: FontAwesome;
    float: left;
    margin-left: -17px;
    margin-right: 5px;
    margin-top: 0;
    color: #000;
    font-size: 7px;
    font-weight: 700
}

.workshop-blue-theame .form-bg-circle-right {
    width: 500px;
    top: -200px;
    height: 500px;
    border-radius: 50%;
    position: absolute;
    right: -170px;
    bottom: 0;
    background: #2a4d5c
}

.workshop-blue-theame .time-date-workshop-icon {
    margin: auto;
    display: block;
    background: rgb(42 77 92 / 8%);
    line-height: 0;
    width: 46px;
    height: 46px;
    height: 46px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.workshop-blue-theame .btn-orange {
    color: #fff;
    background-color: #2a4d5c;
    border-color: #fff;
    border-radius: 50px;
    font-size: 14px;
    outline: 0;
    border: 0
}

.workshop-blue-theame .workshop-mobile-syllabus .card-header {
    padding: 10px 3px 10px 10px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 2px solid #e9ebf7;
    font-weight: 400
}

.workshop-blue-theame .workshop-mobile-syllabus .card-header {
    padding: 10px 3px 10px 10px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 2px solid #e9ebf7;
    font-weight: 400
}

.workshop-blue-theame .time-date-workshop-details .title {
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 5px;
    text-align: center
}

@media(max-width:360px) {
    .workshop-blue-theame .time-date-workshop-details p {
        font-size: 14px!important
    }
    .workshop-blue-theame .time-date-workshop-icon i {
        color: #2a4d5c;
        font-size: 18px
    }
}

.workshop-blue-theame .time-date-workshop-details {
    background: #fff;
    border: 1px solid #2a4d5c;
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
    padding: 5px 0;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.workshop-blue-theame .association-logo-workshop img {
    height: 100%;
    margin: auto;
    box-sizing: border-box;
    display: block
}

.workshop-blue-theame .workshop-logoes {
    height: 100px!important;
    background: #fff;
    padding: 22px;
    margin-top: 25px;
    box-shadow: 0 0 10px #27272712;
    border-radius: 50px
}

@media(max-width:992px) {
    .workshop-blue-theame .workshop-logoes {
        height: 80px!important;
        background: #fff;
        padding: 15px;
        margin-top: 25px;
        box-shadow: 0 0 10px #27272712;
        border-radius: 50px
    }
}

.workshop-blue-theame button.reg-workshop-btn-first {
    background: #2a4d5c;
    border: 0;
    margin: auto;
    display: block;
    font-weight: 600;
    margin-top: 25px;
    color: #fff;
    padding: 7px 34px;
    font-size: 18px;
    border-radius: 50px
}

.workshop-blue-theame button.workshop-reg-btns {
    background: #2a4d5c;
    color: #fff;
    padding: 10px 35px;
    box-sizing: border-box;
    border: 0;
    font-size: 18px;
    border-radius: 5px;
    margin: 15px auto;
    display: block;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}


/* orange theme layout */

.orange-theme-workshop .why-opt-content-workshop-right p {
    margin: 0
}

.orange-theme-workshop .association-logo-workshop img {
    height: 100%;
    margin: auto;
    box-sizing: border-box;
    display: block
}

.orange-theme-workshop button.workshop-register-btn {
    text-align: center;
    position: fixed;
    margin: auto;
    display: block;
    padding: 7px 35px;
    outline: 0;
    background: #f5821f;
    text-transform: uppercase;
    border: 1px solid #f5821f;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border-radius: 20px;
    bottom: 4%;
    z-index: 999999;
    right: 20px;
    transition: all .5s ease
}

.orange-theme-workshop .why-opt-content-workshop-right {
    align-items: center;
    margin: 0;
    padding: 14px 14px 14px 14px;
    background: linear-gradient(to right, #2c5364, #203a43, #0f2027);
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    display: flex
}

.orange-theme-workshop .icon-why-opt-this-right p {
    margin: 0
}

.orange-theme-workshop .icon-why-opt-this-right i {
    font-size: 20px;
    color: #fff;
    margin-left: 15px;
    width: 40px;
    height: 40px;
    background: #f5821f;
    border-radius: 50%;
    text-align: center;
    line-height: 40px
}

.orange-theme-workshop .why-opt-content-workshop {
    display: flex;
    margin: 0;
    align-items: center;
    padding: 14px 14px 14px 14px;
    background: linear-gradient(to right, #2c5364, #203a43, #0f2027);
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.orange-theme-workshop .icon-why-opt-this i {
    font-size: 20px;
    color: #fff;
    margin-right: 15px;
    width: 40px;
    height: 40px;
    background: #f5821f;
    border-radius: 50%;
    text-align: center;
    line-height: 40px
}

.orange-theme-workshop .why-opt-content-workshop p {
    margin: 0
}

.orange-theme-workshop .form-bg-circle {
    width: 500px;
    height: 500px;
    border: 70px solid #d6d6d61f;
    border-radius: 50%;
    position: absolute;
    left: -170px
}

.orange-theme-workshop button.workshop-reg-btns {
    background: #f5821f;
    color: #fff;
    padding: 10px 35px;
    box-sizing: border-box;
    border: 0;
    font-size: 18px;
    border-radius: 5px;
    margin: 15px auto;
    display: block;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.orange-theme-workshop .bg-testimonial-workshop {
    background: url(../../images/gray-patern.png)
}

.orange-theme-workshop .what-will-learn-dots {
    width: 7%;
    left: 3%;
    position: absolute;
    top: 30%
}

.orange-theme-workshop .bg-line-patern {
    background: url(images/line-pattern.png)
}

.orange-theme-workshop .get-certificate-dots {
    width: 7%;
    position: absolute;
    margin: auto;
    display: block;
    left: 2%
}

.orange-theme-workshop .get-certificate-dots-right {
    width: 7%;
    position: absolute;
    margin: auto;
    display: block;
    right: 2%
}

.orange-theme-workshop .get-certificate-dots-left-center {
    width: 9%;
    position: absolute;
    margin: auto;
    display: block;
    left: 30%;
    top: 80%
}

.orange-theme-workshop .border-who-can-attend {
    border: 1px solid #f5821f;
    background: #fff;
    margin-top: 28px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    -webkit-box-shadow: 30px 54px 104px rgba(0, 0, 0, .05);
    box-shadow: 30px 54px 104px rgba(0, 0, 0, .05)
}

.orange-theme-workshop .border-who-can-attend p {
    margin: 0
}

.orange-theme-workshop div#countdown ul {
    margin: auto;
    display: block;
    text-align: center
}

.orange-theme-workshop .bg-timer-pattern {
    background: url(../../images/gray-patern.png)
}

.orange-theme-workshop #countdown li span {
    display: block;
    font-size: 17px;
    text-align: center;
    margin: auto
}

.orange-theme-workshop div#mobile-bottom-timer {
    background: #3e3e3e
}

.orange-theme-workshop #countdown li {
    display: inline-block;
    font-size: 11px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .05)!important;
    padding: 5px;
    margin: 0 4px;
    color: #f5821f;
    width: 18%;
    background: #fff;
    font-weight: 600;
    border-radius: 5px
}

.orange-theme-workshop .property-dots {
    width: 8%;
    position: absolute;
    right: 90px
}

.orange-theme-workshop .property-dots-left {
    width: 8%;
    position: absolute;
    left: 90px;
    top: 50%
}

.orange-theme-workshop .bottom-fixed-timer-workshop {
    width: 60%
}

.orange-theme-workshop .btn-bottom-workshop {
    width: 40%
}

.orange-theme-workshop .mobile-bottom-timer {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%
}

@media(max-width:1199px) {
    .orange-theme-workshop .what-will-learn-dots {
        width: 25%;
        left: 7%;
        position: absolute;
        top: 20%
    }
    .orange-theme-workshop .get-certificate-dots {
        width: 17%!important
    }
    .orange-theme-workshop .get-certificate-dots-right {
        width: 19%!important;
        top: 50%
    }
    .orange-theme-workshop .time-date-workshop-icon {
        width: 30px!important;
        margin: 3px!important;
        height: 30px!important;
        float: left;
        margin-right: 9px!important
    }
    .orange-theme-workshop .time-date-workshop-details p {
        font-size: 15px!important;
        margin: 5px!important
    }
    .orange-theme-workshop .time-date-workshop-details {
        padding: 17px 10px!important
    }
    .orange-theme-workshop .why-opt-icon i {
        font-size: 28px!important;
        width: 50px!important;
        height: 50px!important;
        line-height: 50px!important;
        border-radius: 50%
    }
    .orange-theme-workshop .cicle-opt {
        color: 30px solid #cccccc30!important
    }
    .orange-theme-workshop .ornage-dots-shape {
        width: 30%!important
    }
    .orange-theme-workshop ul.what-you-will-learn li {
        padding: 10px 6px!important
    }
    .orange-theme-workshop button.enroll-bottom-btn {
        border: 0;
        padding: 5px 15px;
        background: #f5821f;
        color: #fff;
        text-transform: capitalize;
        font-weight: 600;
        margin: auto;
        display: block;
        text-align: center;
        width: 100%;
        height: 100%
    }
    #clockdiv>div {
        padding: 10px;
        display: inline-block;
        background: #ff9f4c;
        border-radius: 10px;
        margin: 0!important;
        width: 22%!important;
        height: auto!important
    }
    .smalltext {
        padding-top: 5px;
        font-size: 10px!important
    }
    .orange-theme-workshop .workshop-add-image {
        border-radius: 5px!important;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
        border: 1px solid #ccc
    }
    .orange-theme-workshop .time-date-workshop-details .title {
        margin-top: 5px;
        text-transform: capitalize;
        font-size: 16px;
        margin-bottom: 0;
        margin-left: 0
    }
    .orange-theme-workshop .time-date-workshop-details {
        border-radius: 10px!important;
        padding: 6px!important;
        margin-top: 10px!important;
        border: 1px #f5821f!important
    }
    .orange-theme-workshop section.workshop-top-banner-section h1 {
        font-size: 25px;
        line-height: 35px!important
    }
    .orange-theme-workshop section.workshop-top-banner-section .tagline p {
        font-size: 17px!important
    }
    .orange-theme-workshop .mobile-workshop-add {
        position: relative;
        top: -40px
    }
    .orange-theme-workshop .why-opt-workshop {
        padding: 3px!important
    }
    .orange-theme-workshop .why-opt-workshop p {
        font-size: 15px
    }
    .orange-theme-workshop .why-opt-dots {
        width: 44%!important
    }
    .orange-theme-workshop .lerning-dots {
        width: 44%!important;
        position: absolute;
        left: 3%!important;
        top: 9%!important
    }
}

@media(min-width:567px)and(max-width:1199) {
    .orange-theme-workshop .lerning-dots {
        width: 44%!important
    }
}

@media(max-width:992px) {
    .orange-theme-workshop section.workshop-top-banner-section h1 {
        font-weight: 700;
        width: 100%!important;
        margin: auto;
        display: block;
        line-height: 52px
    }
}

.orange-theme-workshop .register-details {
    overflow: hidden;
    padding-top: 5px
}

.orange-theme-workshop .register-fee {
    overflow: hidden;
    margin-bottom: 17px
}

.orange-theme-workshop .register-fee h5 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 8px
}

.orange-theme-workshop .register-fee p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500
}

.orange-theme-workshop .register-icon {
    background: #f5821f;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 18px;
    color: #f8f9fa;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 20px
}

.orange-theme-workshop .position-of-mentor {
    position: relative;
    top: -50px;
    overflow: hidden
}

.orange-theme-workshop .mentor-cover {
    background: #ff9f4c;
    height: 80px;
    width: 100%;
    border-radius: 15px 15px 0 0
}

.orange-theme-workshop .mentor-bg-box {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.orange-theme-workshop .workshop-mentors-images {
    width: 130px!important;
    height: 130px;
    object-fit: cover;
    margin: auto;
    display: block;
    position: relative;
    border-radius: 50%;
    border: 3px solid #fff;
    top: -60px
}

.orange-theme-workshop .workshop-opt-section {
    background-image: linear-gradient(to top, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%);
    width: 100%;
    overflow: hidden
}

.orange-theme-workshop .workshop-top-banner-section {
    background-image: linear-gradient(to top, #f3e7e9 0, #e3eeff 99%, #e3eeff 100%);
    width: 100%
}

.orange-theme-workshop .workshop-certificate {
    background-image: linear-gradient(to top, #f8f9fa 0, #e3eeff 99%, #e3eeff 100%);
    width: 100%;
    overflow: hidden
}

.orange-theme-workshop .workshop-add-image {
    border-radius: 15px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    border: 1px solid #ccc
}

.orange-theme-workshop section.workshop-top-banner-section h1 {
    font-weight: 700;
    width: 55%;
    margin: auto;
    display: block;
    line-height: 52px
}

.orange-theme-workshop section.workshop-top-banner-section .tagline p {
    text-align: center;
    font-size: 22px;
    margin: 15px 0;
    font-weight: 500
}

.orange-theme-workshop .lerning-dots-right {
    width: 12%;
    position: absolute;
    right: 150px;
    top: 58%
}

.orange-theme-workshop .time-date-workshop-details .title {
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    margin-left: 5px
}

.orange-theme-workshop .time-date-workshop-icon {
    margin: auto;
    display: block;
    background: rgb(251 156 12 / 10%);
    line-height: 0;
    width: 46px;
    height: 46px;
    height: 46px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.orange-theme-workshop .time-date-workshop-icon i {
    color: #f5821f;
    font-size: 20px
}

.orange-theme-workshop .workshop-banner-position {
    position: relative;
    top: -70px
}

.orange-theme-workshop .time-date-workshop-details p {
    font-size: 17px;
    margin: 5px;
    text-align: center;
    font-weight: 500
}

.orange-theme-workshop ul.what-you-will-learn li {
    background: #fff;
    margin: 20px;
    font-weight: 500;
    padding: 14px;
    border-radius: 10px
}

.orange-theme-workshop .circle-shapes-smooth {
    border: 1px solid #fff;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    position: absolute;
    left: -150px;
    top: -5%;
    opacity: .3;
    overflow: hidden
}

@media(min-width:992px) {
    .orange-theme-workshop .workshop-certificate-image {
        max-width: 500px;
        margin: auto;
        display: block
    }
}

.orange-theme-workshop ul.what-you-will-learn li:before {
    content: "\f058";
    font-family: 'font awesome';
    width: 30px;
    height: 30px;
    color: #f5821f;
    border-radius: 50%
}

.orange-theme-workshop .workshop-entrol-btn {
    padding: 7px 30px;
    background: #f5821f;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px
}

.orange-theme-workshop ul.lern-outcome-workshop li:before {
    content: "\f058";
    font-family: 'font awesome';
    width: 30px;
    height: 30px;
    color: #f5821f;
    border-radius: 50%
}

.orange-theme-workshop ul.lern-outcome-workshop li:before {
    content: "\f058";
    font-family: fontawesome;
    width: 30px;
    margin-right: 10px;
    height: 30px;
    text-align: center;
    background: #f5821f21;
    float: left;
    color: #f5821f;
    border-radius: 50%;
    line-height: 30px
}

.orange-theme-workshop .why-opt-icon img {
    width: 50px;
    height: 50px;
    margin: 15px auto
}

.orange-theme-workshop .why-opt-workshop p {
    margin: 0
}

.orange-theme-workshop .why-opt-icon i {
    font-size: 40px;
    margin: 15px;
    color: #fff;
    background: #f5821f;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%
}

.orange-theme-workshop ul.lern-outcome-workshop li {
    background: #fff;
    margin: 20px 0;
    font-weight: 500;
    padding: 11px;
    border-radius: 10px;
    height: 100%
}

.orange-theme-workshop .workshop-logoes {
    height: 100px!important;
    background: #fff;
    padding: 22px;
    margin-top: 25px;
    box-shadow: 0 0 10px #27272712;
    border-radius: 50px
}

@media(max-width:992px) {
    .orange-theme-workshop .workshop-logoes {
        height: 80px!important;
        background: #fff;
        padding: 15px;
        margin-top: 25px;
        box-shadow: 0 0 10px #27272712;
        border-radius: 50px
    }
}

#clockdiv {
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    text-align: center
}

#clockdiv div>span {
    padding: 10px;
    display: inline-block;
    text-align: center;
    color: #fff
}

.smalltext {
    padding-top: 5px;
    font-size: 16px
}

#clockdiv>div {
    padding: 10px;
    display: inline-block;
    margin: 15px;
    background: #ff9f4c;
    border-radius: 10px;
    width: 85px;
    height: 95px
}

.orange-theme-workshop .time-date-workshop-details {
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    margin-top: 20px;
    padding: 17px 10px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.orange-theme-workshop .border-workshop-timer-top {
    height: 1px;
    width: 70%;
    background: #ccc;
    margin: auto;
    display: block
}

.orange-theme-workshop .mentor-description p {
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    margin: 0 30px
}

.orange-theme-workshop .workshop-mentor {
    width: 150px!important;
    height: 150px;
    margin: auto;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #ff9f4c;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    display: block
}

.orange-theme-workshop .bg-mentor-workshop {
    border-radius: 15px;
    padding: 15px;
    margin: auto;
    display: block
}

.orange-theme-workshop .bg-mentor-workshop .mentor-name p {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 15px;
    margin-bottom: 0
}

.orange-theme-workshop .bg-mentor-workshop .mentor-desc p {
    text-align: center;
    font-size: 15px;
    color: #f5821f;
    font-weight: 700
}

.orange-theme-workshop .workshop-associate p {
    margin: 15px;
    font-weight: 600;
    font-size: 20px
}

.orange-theme-workshop .bg-workshop-light {
    background: #ffc28efa
}

.orange-theme-workshop .mentor-cover {
    background: #ff9f4c;
    height: 100px;
    width: 100%
}

.orange-theme-workshop .background-timer {
    background: url(images/timer.png) center center no-repeat;
    background-size: cover
}

.orange-theme-workshop .why-opt-workshop {
    background: #fff;
    height: 100%;
    margin: 15px auto;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    text-align: center;
    color: #000;
    position: relative;
    z-index: 999
}

.orange-theme-workshop .form-bg-circle-right {
    width: 500px;
    top: -200px;
    height: 500px;
    border-radius: 50%;
    position: absolute;
    right: -170px;
    bottom: 0;
    background: #ff9f4c
}

.orange-theme-workshop .grid-shape-svg {
    position: absolute;
    width: 60%;
    right: 0;
    bottom: 20px;
    opacity: .5
}

.orange-theme-workshop .what-will-svg-dots {
    width: 15%;
    position: absolute;
    left: 0
}

.orange-theme-workshop .ornage-dots-shape {
    width: 12%;
    position: absolute;
    top: 2%;
    right: 4%
}

.orange-theme-workshop .what-will-position {
    position: relative;
    z-index: 9999
}

.orange-theme-workshop .workshop-association p {
    font-size: 22px;
    font-weight: 500;
    margin: 0
}

.orange-theme-workshop .bg-gradient-clr {
    background-image: linear-gradient(#ffff, #f2f2f259)
}

.orange-theme-workshop .bg-grad-clr {
    background: #0f2027;
    background: -webkit-linear-gradient(to right, #2c5364, #203a43, #0f2027);
    background: linear-gradient(to right, #2c5364, #203a43, #0f2027)
}

.orange-theme-workshop .lerning-dots {
    width: 14%;
    position: absolute;
    left: 10%;
    top: 15%
}

.orange-theme-workshop .what-will-learn h2 {
    font-weight: 800;
    font-size: 26px;
    text-transform: capitalize;
    font-family: Poppins, sans-serif
}

.orange-theme-workshop .what-will-learn {
    position: sticky;
    top: 30%;
    transition: all 2s ease
}

.orange-theme-workshop .workshop-reg-forms {
    border-radius: 20px;
    position: relative;
    z-index: 99
}

.orange-theme-workshop .what-you-will-learn li {
    background: #fff;
    margin: 15px auto;
    border-radius: 6px;
    padding: 15px 30px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.orange-theme-workshop .what-you-will-learn li::before {
    content: '\f00c';
    font-family: FontAwesome;
    float: left;
    margin-left: -20px;
    margin-right: 5px;
    margin-top: 0;
    color: #f5821f;
    font-size: 15px;
    font-weight: 500
}

.orange-theme-workshop ul.what-you-will-learn li:before {
    content: "\f058";
    font-family: fontawesome;
    width: 30px;
    margin-right: 10px;
    height: 30px;
    margin-left: 5px;
    text-align: center;
    background: #f5821f21;
    float: left;
    color: #f5821f;
    border-radius: 50%;
    line-height: 30px
}

.orange-theme-workshop .cicle-opt {
    width: 400px;
    height: 400px;
    background: 0 0;
    border-radius: 50%;
    border: 40px solid #cccccc96;
    position: absolute;
    left: -120px;
    top: -85px
}

.orange-theme-workshop .cicle-opt-2 {
    width: 400px;
    height: 400px;
    background: 0 0;
    border-radius: 50%;
    border: 40px solid #cccccc96;
    position: absolute;
    bottom: -115px;
    right: -75px
}

.orange-theme-workshop .why-opt-dots {
    width: 9%;
    position: absolute;
    right: 100px
}

.orange-theme-workshop .association-logo-workshop img {
    height: 100%;
    margin: auto;
    box-sizing: border-box;
    display: block
}

.orange-theme-workshop button.reg-workshop-btn-first {
    background: #f5821f;
    border: 0;
    margin: auto;
    display: block;
    font-weight: 600;
    margin-top: 25px;
    color: #fff;
    padding: 7px 34px;
    font-size: 18px;
    border-radius: 50px
}

.orange-theme-workshop button.workshop-reg-btns {
    background: #f5821f;
    color: #fff;
    padding: 10px 35px;
    box-sizing: border-box;
    border: 0;
    font-size: 18px;
    border-radius: 5px;
    margin: 15px auto;
    display: block;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.orange-theme-workshop .workshop-logoes {
    height: 100px!important;
    background: #fff;
    padding: 22px;
    margin-top: 25px;
    box-shadow: 0 0 10px #27272712;
    border-radius: 50px
}

@media(max-width:992px) {
    .orange-theme-workshop .workshop-logoes {
        height: 80px!important;
        background: #fff;
        padding: 15px;
        margin-top: 25px;
        box-shadow: 0 0 10px #27272712;
        border-radius: 50px
    }
}

.orange-theme-workshop .scroll-line {
    background: #feb47b;
    background: -webkit-linear-gradient(to right, #feb47b, #ff7e5f);
    background: linear-gradient(to right, #feb47b, #ff7e5f);
    top: 0;
    left: 0;
    height: 3px;
    position: fixed;
    z-index: 999999999999999999;
    transition: .5s cubic-bezier(.075, .82, .165, 1)
}

.orange-theme-workshop .lerning-dots-2 {
    width: 44%;
    right: 0;
    position: absolute;
    bottom: 0
}

@media(max-width:370px) {
    .orange-theme-workshop .time-date-workshop-details p {
        font-size: 14px!important
    }
}

.orange-theme-workshop .workshop-certificate-image {
    border: 3px solid#f5821f
}

@media(min-width:992px) {
    .orange-theme-workshop #countdown li {
        padding: 20px!important;
        color: #f5821f;
        width: 20%!important;
    }
    .orange-theme-workshop #countdown li span {
        font-size: 25px!important;
    }
    .workshop-blue-theame #countdown li {
        padding: 20px!important;
        color: #223e49!important;
        width: 20%!important;
    }
    .workshop-blue-theame #countdown li span {
        font-size: 25px!important;
    }
}

.workshop-blue-theame .additional-benefits-workshop p {
    margin: 0
}

.workshop-blue-theame .additional-benefits-workshop img {
    margin: 20px auto
}

.workshop-blue-theame .additional-benefits-workshop {
    background: #1a3139;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    height: 100%
}

.workshop-blue-theame .additional-benefits-workshop:hover img {
    transform: scale(1.2);
    transition: all 1s
}

.orange-theme-workshop .additional-benefits-workshop p {
    margin: 0
}

.orange-theme-workshop .additional-benefits-workshop img {
    margin: 20px auto
}

.orange-theme-workshop .additional-benefits-workshop {
    background: #ff9d47;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    height: 100%
}

.orange-theme-workshop .additional-benefits-workshop:hover img {
    transform: scale(1.2);
    transition: all 1s
}
.desktop-navigation-assets .btn-close{position:absolute;right:25px;top:25px;font-size:26px;z-index:999999;color:#696565de;font-weight:500}.service-more-btn a{margin:30px auto;padding:10px 40px;background-image:linear-gradient(112.7deg,#fdb953 11.4%,#ff8a00 70.2%);font-weight:700;color:#fff;text-align:center;border-radius:4px;font-size:23px}.service-more-btn{margin:30px auto}.mobile-navigation-assets .btn-close{position:absolute;right:25px;top:25px;font-size:26px;z-index:999999;color:#696565de;font-weight:500}@media(max-width:373px){.mobile-navigation-assets{margin-top:20px!important}.mobile-navigation-assets .nav-expand-content .nav-back-link{margin-top:20px!important}}.nav-bottom-border{height:1px;width:100%;background:#f5821f;position:relative}.desktop-navigation-assets{margin-top:30px}.mobile-navigation-assets{margin-top:30px}.top-nav-mobile{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;background:#fff;justify-content:space-between;position:relative;border-bottom:1px solid #f5821f}.top-nav-mobile .btn-open i{font-size:24px;margin-left:10px;padding-top:5px}.mobile-navigation-assets .nav-expand-content .nav-back-link::before{content:"\f053";margin-right:.5em;font-size:12px;font-family:FontAwesome}.mobile-navigation-assets .nav-is-toggled .nav-drill{transform:translateX(0)}.mobile-navigation-assets .nav-is-toggled::after{opacity:1;visibility:visible}.mobile-navigation-assets .nav-items{flex:0 0 100%}.mobile-navigation-assets .nav-link{display:block;background-color:transparent;color:#000;font-size:1rem;line-height:20px;font-weight:500;padding:.5rem 1.2rem}.mobile-navigation-assets .nav-expand-content{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(100%);background-color:#fff;transition:.3s;visibility:hidden;overflow-x:hidden;overflow-y:auto}.mobile-navigation-assets .nav-expand-content .nav-link{background-color:#fff}.mobile-navigation-assets .nav-expand-content .nav-back-link{display:flex;align-items:center;background-color:#f2f2f2!important;color:#000;margin-top:30px}.mobile-navigation-assets .mobile-navigation-assets{margin-top:30px}.mobile-navigation-assets .nav-expand-link{display:flex;justify-content:space-between}.mobile-navigation-assets .nav-expand-link::after{content:"\f054 ";flex:0 1 auto;font-family:FontAwesome;font-size:11px}.mobile-navigation-assets .nav-expand.active>.nav-expand-content{transform:translateX(0);visibility:visible}.mobile-navigation-assets ul{list-style:none;padding:0;margin:0}.mobile-navigation-assets{margin-top:30px}.desktop-navigation-assets .mobile-navigation-assets{margin:0}.mobile-navigation-assets a{font-family:'Work Sans',sans-serif;font-size:15px;color:#1c1d1f;text-decoration:none;font-weight:400;text-transform:capitalize}.mobile-navigation-assets .grad-orange{color:#fff!important;background-image:linear-gradient(112.7deg,#fdb953 11.4%,#ff8a00 70.2%)}.mobile-logo-website{width:250px}@media(min-width:992px){.navbar-dark .navbar-nav .nav-link{font-weight:600}}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#f8f9fa}body::-webkit-scrollbar-thumb{background-color:#3e3e3e}.mobile-search-icon{display:none}.form-group.has-search .form-control{padding-right:30px}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border:0!important}button:focus{outline:0}.mobile-search-modal-position{position:relative}.mobile-search-modal-position .modal-dialog{max-width:991px;margin:0!important}.mobile-search-modal-position .modal-body{padding:0;height:100vh;overflow:hidden}.mobile-search-modal-position .modal-header{display:flex;padding:5px 10px;border-radius:0;overflow:hidden;flex-wrap:wrap;align-items:baseline;justify-content:space-between;border-bottom:1px solid #ccc}.mobile-search-modal-position input.form-control{background:0 0;border:0;padding:0!important;margin:0;height:auto}.pop-up-search-btn{border:0;margin:5px 10px;background:0 0;color:#000;font-size:17px}.mobile-search-modal-position .form-group{margin:0!important}.mobile-search-modal-position .modal-content{position:relative;z-index:99999999999999999}.modal-backdrop{background-color:transparent!important}.mobile-search-modal-position .modal-header .close{margin:0;padding:0}.mobile-search-modal-position .close{opacity:100!important;font-size:30px}.mobile-search-modal-position .modal-content{border-radius:0}.btn-search{padding:0 20px}.mobile-navigation-assets .btn-search{position:absolute;top:17px;right:0;font-size:20px}.divider-line{border:1px solid #f2f2f2;margin:5px 0}.more-from-nav{font-weight:700;font-size:14px;padding-left:10px}#pop-up-nav-desktop .animate-nav-desktop{position:fixed;top:0;left:0;height:100%;width:100%;background-image:linear-gradient(to top,#f3e7e9 0,#e3eeff 99%,#e3eeff 100%);clip-path:circle(0 at calc(100% - 105px) 45px);transition:all .5s ease-in-out}#pop-up-nav-desktop #active:checked~.animate-nav-desktop{clip-path:circle(75%)}#pop-up-nav-desktop .menu-btn{position:absolute;z-index:2;right:90px;top:25px;height:42px;width:42px;text-align:center;line-height:42px;border-radius:50%;font-size:22px;color:#000!important;cursor:pointer;background:#e4edfc!important;transition:all .5s ease-in-out}#pop-up-nav-desktop #active:checked~.menu-btn{color:#fff}#pop-up-nav-desktop .animate-nav-desktop ul{margin-top:100px;list-style:none;font-family:Poppins,sans-serif}#pop-up-nav-desktop .animate-nav-desktop ul li{margin:30px 0}#pop-up-nav-desktop .animate-nav-desktop ul li a:hover{color:#f5821f}#pop-up-nav-desktop .animate-nav-desktop ul li a{color:none;text-decoration:none;text-align:center;font-size:37px;font-weight:700;padding:5px 30px;color:#373737;margin:auto;display:block;border-radius:50px;position:relative;line-height:43px;transition:all .5s ease;font-family:Poppins,sans-serif}#pop-up-nav-desktop .animate-nav-desktop ul li a:hover:after{transform:scaleY(1)}#pop-up-nav-desktop input[type=checkbox]{display:none}@keyframes rotate{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}#pop-up-nav-desktop .animate-desktop-navs{position:fixed;top:0;left:0;height:100%;z-index:99;overflow:auto;width:100%;background-image:linear-gradient(to top,#f3e7e9 0,#e3eeff 99%,#e3eeff 100%);clip-path:circle(0 at calc(-45px - 100%) 45px);transition:all .5s ease-in-out}#pop-up-nav-desktop #activated:checked~.animate-desktop-navs{clip-path:circle(75%)}#pop-up-nav-desktop #activated:checked~.mega-menu-btn{color:#fff}#pop-up-nav-desktop #activated:checked~.mega-menu-btn i:before{content:"\f00d";position:fixed;z-index:9999;right:85px;top:21px;height:50px;width:50px;text-align:center;line-height:50px;border-radius:50%;font-size:20px;color:#000;cursor:pointer;background:0 0;transition:all .3s ease-in-out}#pop-up-nav-desktop .animate-desktop-navs ul{margin-top:50px;list-style:none;font-family:Poppins,sans-serif}#pop-up-nav-desktop #active:checked~.menu-btn i:before{content:"\f00d";position:fixed;top:35px;right:103px}#pop-up-nav-desktop .animate-desktop-navs ul li a:hover{color:#f5821f}#pop-up-nav-desktop .animate-desktop-navs ul li a{color:none;text-decoration:none;font-size:28px;font-weight:700;padding:5px 30px;color:#000;position:relative;line-height:43px;transition:all .5s ease;font-family:Poppins,sans-serif}#pop-up-nav-desktop .animate-nav-desktop ul li a:hover:after{transform:scaleY(1)}#pop-up-nav-desktop #nav-inner input[type=checkbox]{display:none}@keyframes rotate{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}#pop-up-nav-desktop .top-nav-link-title{color:#f39748;font-size:20px;font-weight:600;font-family:Poppins,sans-serif;text-decoration:underline;margin-top:50px}#pop-up-nav-desktop .new-services-nav ul{margin:0;padding:0}#pop-up-nav-desktop .new-services-nav ul li a{font-size:16px!important;margin:0!important;padding:0;text-align:left;font-family:Mulish,sans-serif;line-height:30px}button.new-search-btn{position:absolute;right:-20px;top:-60px;height:42px;width:42px;text-align:center;padding:0!important;border:0;border-radius:50%;color:#000;font-size:20px;line-height:42px;background:#e4edfc}@media (min-width:992px){.navbar-dark .navbar-nav .nav-link{font-weight:500!important}}a.desktop-view-all-btn{text-align:left;background-image:linear-gradient(112.7deg,#fdb953 11.4%,#ff8a00 70.2%)!important;border:0;font-size:16px;border-radius:0;color:#fff!important}

.course-benefits img{width:60px;height:60px;margin-bottom:20px}.course-benefits p{font-size:16px;font-weight:500;margin:0}.course-benefits{background:#fff;text-align:center;border-radius:15px;padding:15px;text-align:center;width:100%;height:100%}.course-certificate-details{position:relative;overflow:hidden}@media(min-width:1199px){.course-certificate-details .course-Certificate img{max-width:500px}}@media(min-width:1400px){.course-certificate-details{width:85%;margin:auto}}@media(max-width:768px){.course-certificate-details .register-fee{margin-bottom:20!important}}.course-certificate-details .course-Certificate img{border:2px solid#f5821f;border-radius:5px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;margin:auto;display:block}.course-certificate-details h5{font-size:18px;font-weight:600;margin-bottom:5px}.course-certificate-details .register-icon{width:40px;background:#f5821f;height:40px;text-align:center;color:#fff;border-radius:50%;line-height:40px}.course-certificate-details .register-details{margin-left:15px;flex:1}.course-certificate-details .register-fee{display:inline-flex;align-items:center;margin-bottom:40px}.course-certificate-details p{margin:0;font-size:17px}img.certificate-grid-dots{position:absolute;width:7%;left:-21px}img.certificate-grid-dots-2{position:absolute;width:7%;left:-21px}img.certificate-grid-dots-3{position:absolute;width:7%;right:-21px}img.certificate-grid-dots{position:absolute;width:7%;left:auto;bottom:-31px}@media(max-width:567px){img.certificate-grid-dots{position:absolute;width:24%;left:auto;bottom:-50px}img.certificate-grid-dots-2{position:absolute;width:17%;left:-21px}img.certificate-grid-dots-3{position:absolute;width:17%;right:-22px;top:50%}img.certificate-grid-dots{position:absolute;width:17%;left:auto;bottom:-31px}.course-certificate-details .register-fee{margin-bottom:20px!important}}@media(min-width:567px)and(max-width:992){img.certificate-grid-dots{position:absolute;width:14%;left:-21px}img.certificate-grid-dots-2{position:absolute;width:14%;left:-21px}img.certificate-grid-dots-3{position:absolute;width:14%;right:-21px}img.certificate-grid-dots{position:absolute;width:14%;left:auto;bottom:-31px}}
.bg-timer-clr-courses{ background: #717171;padding: 50px 0px;
}

@media(max-width:567px){.course-benefits p {font-size: 15px;font-weight: 500;margin: 0;line-height: 21px;}.test-image img {margin: 15px;border-radius: 10px;border: solid #fff;height: 220px;object-fit: contain;background: #fff;}}.course-benefits img {width: 60px !important;height: 60px;margin: auto;margin-bottom: 20px;display: block;}

div#modal-form {
    position: relative;
    z-index: 99999999!important;
}

 

.course .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none!important;
}

.enquire-img { 
        margin-right:10px;
    }
    
   section#new-navigation {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 999;
}

#pop-up-nav-desktop .menu-btn { 
    z-index: 999; 
}