/* --------------------------------------------------------



-----------------------------------------------------------*/



html, body {

    position: relative;

    height: 100%;

}



body {

    font-family: 'Montserrat', sans-serif;

    font-size: 14px;

    color: #211f1f;

    margin: 0;

    padding: 0;

    background: white;

}



/*

****Default Style

1. Top Header

2. Main Header

3. Slider

4. Features

5. About Us

6. Service

7. Events

8. Counter

9. Meet our team

10. Online course

12. Search Course

13. Video faq

14. faq accordion

15. event gallery

16. Blog

17. Footer

*/



/*Default Style*/

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Roboto', sans-serif;

    line-height: 1.5;

    font-weight: 400;

}

a {

    text-decoration: none;

    color: unset;

}

a:active,

a:hover,

a:focus {

    text-decoration: none;

}

a:active,

a:hover,

a:focus {

    outline: 0 none;

}

.theme-btn {

    padding: .875rem 2.75rem;

}

.theme-orange {

    background-image: radial-gradient(circle farthest-corner at 10% 20%, #CE2082 0%, #e23d55 100%);

    color: #fff;

    border-bottom: 2px solid #98102a;

    border-right: 2px solid #98102a;

    border-top: none;

    border-left: none;

}

.theme-blue {

    background: #0c0b39;

    color: #fff;

}

.color-orange {

    color: #e03a5a;

}

.color-blue {

    color: #0c0b39;

}

.theme-light-bg {

    background: #e5eef6;

}

.p-17 {

    font-size: 17px;

}

.f-15 {

    font-size: 15px;

}

.box-shadow {

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

}

.border-unset {

    border: unset;

}

.form-control {

    background-clip: unset;

}

.bg-unset {

    background: unset;

}

.max-width {

    width: 600px;

}

.btn {

    border-radius: unset;

}

.counter-section, .target, .our-team, .online-course, .search-course, .event-listing, .event-gallery, .blog, .blog-detail, .aboutus, .abt-counter, .timeline, .result, .result-list, .student, .faculties, .course, .blog-block, .contact-section {

    padding: 50px 0;

}

.carousel .btn:hover, .post .btn:hover,.career-form .btn:hover, .contact-form .btn:hover, .result .btn:hover, .search-student .btn:hover, .join-us:hover {

    background: #0c0b39;

    border: #0c0b39;

    color: white;

}

.get-course:hover {

    background: white;

    color: #0c0b39;

}

.form-control {

    border-radius: unset;

}

.sec-title .title {

    position: relative;

    display: block;

    font-size: 20px;

    line-height: 1.2em;

    color: #dc3463;

    font-weight: 600;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-family: "Raleway", sans-serif;

}

.sec-title h2 {

    position: relative;

    display: block;

    line-height: 1.2em;

    color: #0c0b39;

    font-weight: 700;

}

.sec-title .divider {

    position: relative;

    display: inline-block;

    margin: 10px 0;

    width: 150px;

    text-align: center;

}

.sec-title .divider:before, .sec-title .divider:after {

    position: absolute;

    left: 0;

    top: 9px;

    height: 1px;

    width: 52px;

    background-color: #0c0b39;

    content: "";

}

.bg-fill  .divider:before, .bg-fill  .divider:after {

    background-color: white !important;

}

.sec-title .divider:after {

    left: auto;

    right: 0;

}

.divider .fa {

    color: #0c0b39;

}

.bg-fill .divider .fa {

    color: white;

}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {

    background: #0c0b39 !important;

}



/*pre loader*/

.preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #0c0b39;

    z-index: 999999;

    text-align: center;

}

.preloader .spinner {

    width: 60px;

    height: 60px;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 46%;

    -webkit-transform: translateY(-46%);

    transform: translateY(-46%);

}

.preloader .spinner .double-bounce1, .preloader .spinner .double-bounce2 {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background-color: #ffffff;

    opacity: 0.6;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;

    animation: sk-bounce 2.0s infinite ease-in-out;

}

.preloader .spinner .double-bounce2 {

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}

@-webkit-keyframes sk-bounce {

    0%, 100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}

@keyframes sk-bounce {

    0%, 100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}

/*1. Top Header*/

.top-header {

    background-color:#0c0b39;

    color: #fff;

}

.top-header .btn {

    border-radius: unset;

    font-size: 13px;

}

.top-header .btn:hover {

    background: white;

    color: #e38b00;

}

.marquee {

    padding: 10px 0 0;

}

.marquee {

    margin: 0 auto;

    white-space: nowrap;

    overflow: hidden;

    box-sizing: border-box;

}

.marquee span {

    display: inline-block;

    padding-left: 100%;

    text-indent: 0;

    animation: marquee 15s linear infinite;

}

.marquee span:hover {

    animation-play-state: running;

}



/* Make it move */

@keyframes marquee {

    0% {

        transform: translate(0, 0);

    }



    100% {

        transform: translate(-100%, 0);

    }

}



/*2. Main Header*/

nav {

    padding: 0.5rem 0 !important;

}

.navbar-nav .nav-link {

    color: #0c0b39;

    font-size: 16px;

    font-weight: 550;

    text-transform: uppercase;

    font-family: 'Roboto Condensed', sans-serif;

}

.navbar-nav .nav-item .nav-link {

    text-decoration: none;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-image: -webkit-linear-gradient( to right,  #EC4C62, #e23d55 50%, #0c0b39 50% );

    background-image: -moz-linear-gradient( to right,  #EC4C62, #e23d55 50%, #0c0b39 50% );

    background-image: -ms-linear-gradient( to right,  #EC4C62, #e23d55 50%, #0c0b39 50% );

    background-image: -o-linear-gradient( to right,  #EC4C62, #e23d55 50%, #0c0b39 50% );

    background-image: linear-gradient( to right,  #EC4C62, #e23d55 50%, #0c0b39 50% );

    background-size: 200% 100%;

    background-position: 100%;

}

.navbar-nav .nav-item .nav-link:hover {

    transition: all 0.4s cubic-bezier(0, 0, 0.23, 1);

    background-position: 0%;

}

.dropdown-toggle::after {

    color: #0c0b39;

}

.dropdown:hover .dropdown-menu {

    display: block;

}

.dropdown-menu {

    margin-top: -10px;

    background: white;

    border-radius: unset;

    border: unset;

    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 20%);



}

.dropdown-item {

    color: #292b2f !important;

}

a.dropdown-item:hover {

    color: #e23d55 !important;

    border-bottom: 2px dotted #e23d5554;

}



.dropdown-item:last-child{

    border-bottom: none;

}



.dropdown-item:hover:last-child{

    border-bottom: none;

}





.dropdown-item:focus, .dropdown-item:hover {

    color: #e23d55 !important;

    text-decoration: none;

    background-color: unset;

}

.top-header .btn {

    padding: .575rem .75rem;

}

.navbar-toggler {

    color: #0c0b39 !important;

}

.navbar-toggler:focus {

    outline: unset;

    outline: unset;

}

.ti-align-left {

    font-size: 24px;

}

.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 999999;

    top: 0;

    right: 0;

    background-color: #e38b00eb;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

}

.sidenav a {

    padding: 8px 8px 8px 32px;

    text-decoration: none;

    font-size: 25px;

    color: white;

    display: block;

    transition: 0.3s;

}

.sidenav a:hover {

    color: #f1f1f1;

}

.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 10px;

    text-align: right;

    font-size: 36px;

    margin-left: 50px;

}

.sidenav a, .dropdown-btn {

    padding: 6px 8px 6px 16px;

    text-decoration: none;

    font-size: 18px;

    color: white;

    display: block;

    border: none;

    background: none;

    width: 100%;

    text-align: left;

    cursor: pointer;

    outline: none;

}

.sidenav a:hover, .dropdown-btn:hover {

    color: #f1f1f1;

}

.dropdown-container {

    display: none;

    padding-left: 8px;

}

.fa-caret-down {

    float: right;

    padding-right: 8px;

}

@media screen and (max-height: 450px) {

    .sidenav {

        padding-top: 15px;

    }



    .sidenav a {

        font-size: 18px;

    }

}

.sticky {

    position: fixed;

    top: 0 !important;

    width: 100%;

    background: white;

    z-index: 99999;

    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12);

    border-bottom: 1px solid #00000038;

}



/*3. Slider*/

.carousel-inner {

    height: 550px;

}

.carousel-inner img {

    width: 100%;

    height: 100%;

}

.carousel-indicators {

    display: flex;

    align-items: center;

}

.carousel-indicators li {

    width: 4px;

    height: 20px;

    border-top: unset;

    border-bottom: unset;

    opacity: unset;

}

.carousel-indicators .active {

    height: 25px;

    background: #df395b;

}

.carousel-caption {

    bottom: unset;

    top: 120px;

    right: unset;

    max-width: 600px;

    text-align: left;

    left: 110px;

}

.apply-now {

    font-size: 18px;

    padding: 8px 18px;

}



/*4. Features*/

.features {

    padding: 50px 0 0;

    z-index: 1;

    position: relative;

}

.feature-box {

    position: relative;

    padding: 25px 30px 28px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    border: 1px solid #e38b00;

}

.feature-box .fa {

    color: #e38b00;

    font-size: 30px;

}

.feature-box:hover {

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);

}



/*5. About Us*/

.about-us {

    text-align: center;

    padding: 0 0 50px;

    background: url("../images/bg.jpg");

    background-repeat: no-repeat;

    background-position: right;

    z-index: -1;

    position: relative;

}

.bottom-line {

    position: relative;

    text-align: center;

    margin: auto;

    padding: 1rem;

}

.bottom-line:after, .bottom-line:before {

    position: absolute;

    bottom: 0;

    width: 20%;

    height: 2px;

    background: #e38b00;

    content: "";

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}

.bottom-line:before {

    bottom: 5px;

    width: 10%;

}

.about-box i {

    font-size: 40px;

    color: white;

    background-image: radial-gradient(circle farthest-corner at 10% 20%, #CE2082 0%, #e23d55 100%);

    padding: 30px;

}

.button-box .left-btn,.button-box .right-btn {

    position: relative;

    font-size: 14px;

    padding: 0 30px;

    color: white;

    text-transform: uppercase;

    display: inline-block;

    line-height: 60px;

    margin: 0 4px;

}

a.left-btn:before {

    position: absolute;

    content: '';

    background: #ce2181;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: -1;

    transform: skew(-30deg, 0deg);

}

a.left-btn:after {

    position: absolute;

    content: '';

    background: #ce2181;

    width: 40px;

    height: 100%;

    top: 0;

    left: -17px;

    z-index: -1;

}

a.right-btn:before {

    position: absolute;

    content: '';

    background: #dc3463;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: -1;

    transform: skew(-30deg, 0deg);

}

a.right-btn:after {

    position: absolute;

    content: '';

    background: #dc3463;

    width: 40px;

    height: 100%;

    top: 0;

    right: -17px;

    z-index: -1;

}



/*6. Service*/

.services {

    padding: 70px 0;

}

.services .card {

    -webkit-box-shadow: 3px 28px 24px -33px rgba(43, 80, 240, 1);

    -moz-box-shadow: 3px 28px 24px -33px rgba(43, 80, 240, 1);

    box-shadow: 3px 28px 24px -33px rgba(43, 80, 240, 1);

    border-radius: unset;

}

.services .card .fa {

    color: #e38b00;

}



/*7. Counter*/

.counter-section {

    position: relative;

    z-index: 100;

}

.counter {

    border: 2px solid #de375e;

    position: relative;

    padding: 1.7rem;

    margin-bottom: 1.5rem;

    border-radius: 5px;

    background-color: #faf1f1;

}



.counter i{

   font-size: 47px;

color: #df8f12;

}

.counter-box {

    text-align: center;

}

.count-title {

    position: absolute;

    bottom: -36px;

    color:#fff;

    background: #e38b00;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    max-width: 125px;

    border-radius: 10px 0px 10px 0px;

}

.counter-section .counter-box .count-title {

    background: #052a6a !important;

}

.counter .fa {

    color: #e38b00;

}

.margin-bottom{

    margin-bottom: 2rem !important;

}





/*8. Events*/

.events {

    position: relative;

    padding: 50px 0 90px;

}

.events .slick-center .client-block {

    box-shadow: 1px 1px 20px 7px rgba(0, 0, 0, 0.08);

    opacity: 1;

}

.events .center .card {

    position: relative;

    -webkit-transition: all 0.7s ease-in-out;

    -moz-transition: all 0.7s ease-in-out;

    -ms-transition: all 0.7s ease-in-out;

    -o-transition: all 0.7s ease-in-out;

    transition: all 0.7s ease-in-out;

}

.events .center .card {

    margin-top: 5rem;

    border: unset;

}

.event-wrapper {

    position: relative;

    border: transparent;

    border-radius: 10px;

    overflow: hidden;

}

.event-wrapper:before {

    content: "";

    background: #e5eef68a;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: .75;

}

.event_video {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    text-align: center;

    transform: translateY(-50%);

}

.event_video a {

    height: 60px;

    width: 60px;

    background: #fd6500;

    display: inline-block;

    text-align: center;

    line-height: 60px;

    font-size: 14px;

    border-radius: 50%;

    color: #fff;

    transition: .3s;

}



/*9. Meet our team*/

.our-team {

    position: relative;

}

.team-img {

    position: relative;

    padding: 1rem 3rem;

    border: 1px solid #0c0b39;

}

.social-connect {

    position: absolute;

    bottom: 30px;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

}

.social-connect li {

    list-style: none;

    display: inline-block;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    background: #e38b00;

    border-radius: 50%;

    color: #ffffff;

    margin: 4px 4px;

    box-shadow: 0px 10px 30px 0px rgba(199, 199, 199, 0.5);

    transition: .3s;

}

.social-connect li:hover {

    background: #0c0b39;

}



/*10. Online course*/

.pa-2 {

    padding: 2rem;

}



/*12. Search Course*/

.search-course {

    background: url("../images/online-course-bg.jpg");

    background-size: cover;

}

.online-course-inner {

    color: white;

    background: rgba(16, 11, 57, 0.82);

    padding: 50px 0px 50px;

}

.online-course-inner input {

    padding: 1.6rem;

}

.online-course img {

    width: 75px;

}



/*13. Video faq*/

.video-faq {

    position: relative;

    background: #0c0b39;

}

.video-area {

    background: url("../images/video-bg.jpg");

    background-size: cover;

    padding: 250px 0;

    height: 100%;

}

.video-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.video-icon span {

    display: block;

    position: relative;

    z-index: 3;

    width: 0;

    height: 0;

    border-left: 27px solid #e38b00;

    border-top: 17px solid transparent;

    border-bottom: 17px solid transparent;

}

.video-icon:before {

    content: "";

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 80px;

    height: 80px;

    background: #ffffff;

    border-radius: 50%;

    animation: pulse-border 1500ms ease-out infinite;

}

.video-icon:after {

    content: "";

    position: absolute;

    z-index: 1;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 80px;

    height: 80px;

    background: #ffffff;

    border-radius: 50%;

    transition: all 200ms;

}



/*13. Upcoming Events*/

.event-info ul li {

    display: inline;

}





/*14. faq accordion*/

#accordion2 .panel-title a {

    display: block;

    padding: 12px 15px 12px 50px;

    border: 1px solid #e38b00;

    border-radius: 3px;

    font-size: 18px;

    font-weight: 400;

    color: white;

    text-shadow: 1px 1px 1px #fff;

    position: relative;

}

#accordion2 .panel-title a:before {

    content: "\f068";

    font-family: "FontAwesome";

    width: 25px;

    height: 25px;

    line-height: 27px;

    border-radius: 50%;

    background: #e38b00;

    font-size: 12px;

    font-weight: 900;

    color: #fdfbfb;

    text-align: center;

    text-shadow: none;

    position: absolute;

    top: 15px;

    left: 15px;

}

#accordion2 .panel-title a.collapsed:before {

    content: "\f067";

}

#accordion2 .panel-body {

    padding: 0 15px;

    font-size: 15px;

    color: white;

    line-height: 27px;

    border: none;

}

#accordion2 .panel-body p {

    margin-bottom: 0;

}





/*15. event gallery*/

.event-gallery .autoplay img {

    width: 100%;

    height: 325px;

    object-fit: cover;

}

.event-gallery .slick-slide .gallery-item {

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.event-gallery .slick-slide .gallery-item:before {

    position: absolute;

    content: '';

    left: 0;

    width: 100%;

    height: 100%;

    background: #030749d1;

    opacity: 0;

    transition: all 0.3s ease 0s;

}

.event-gallery .slick-slide .gallery-item:hover:before {

    opacity: 1;

}

.event-gallery .slick-slide .gallery-item:hover .content {

    display: block !important;

    position: absolute;

    bottom: 20px;

    width: 100%;

    color: white;

    padding: 1rem;

}

.event-gallery .slick-slide .gallery-item:hover .content h5 {

    bottom: 20px !important;

    top: unset;

}

.event-gallery .content {

    display: none !important;

}



/*16. Blog*/

.blog {

    position: relative;

}



.read-more {

    border: 1px solid #e38b00;

    border-radius: 22px;

    font-size: 15px;

}

.post_inner {

    background: #f5fbff;

}

.post:hover {

    box-shadow: 0 0 30px 0 rgba(0,0,0,.2);

    background-color: #fff;

}

.post:hover .post_inner {

    background: white !important;

}

.post {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

}

.post:hover {

    -webkit-box-shadow: 0 5px 35px 0 rgba(51, 51, 51, 0.05);

    box-shadow: 0 5px 35px 0 rgba(51, 51, 51, 0.05);

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -o-transform: translateY(-5px);

}

.post img {

    height: 233px;

    object-fit: cover;

    width: 100%;

}

.joinus {

    padding: 50px 0;

}

.joinus-content {

    padding: 3rem;

    margin-top: -40px;

}

.joinus-content .read-more {

    font-size: 16px;

}

.left-mr {

    margin-left: -9rem;

    margin-top: 2.5rem;

}

.p-10 {

    padding: 10rem;

}



/*17. Footer*/

footer p {

    color: #ffffff;

    line-height:22.5px;

}

footer ul {

    list-style: none;

    padding-left: 0;

    color: #ffffff;

}

footer ul li {

    padding-bottom: 0.5rem;

}

footer .fas {

    font-size: 20px;

    color: #D95F5F;

}

footer ul li a:hover {

    color: #D95F5F;

}

.address-icon .fa {

    font-size: 20px;

}

.social-icon li {

    display: inline-block;

    margin-right: 1rem;

    font-size: 18px;

color: #ffffff;



}



/* .img-fluid {

  

    max-width: 100%;

    height: auto;

} */







    a.footer-logo {

        background: white;

        display: inline-block;

        padding: 15px;

        border-radius: 10px;

        margin-bottom: 10px;

    }





/*********************************About us Page************************************/

.inner-banner {

    padding: 100px 0;

    background: url("../images/inner-bg.jpg");

    background-position: top;

    background-size: cover;

    position: relative;

    color: white;

}



.stdy_abrd_img{

background: url("../images/stdy_abrd_img.jpg");



}



.about-title {

    font-size: 60px;

    line-height: 1 !important;

}

.about-img {

    position: relative;

}

.about-img .img_1 {

    border: 1px solid rgb(227, 139, 0);

    position: relative;

    max-width: fit-content;

    padding: 1rem;

}

.about-img .img_2 {

  position: absolute;
  right: -57px;
  top: 35px;
  padding: 1rem;
  justify-content: space-between;
  width: 207px;
  background-image: radial-gradient(circle farthest-corner at 10% 20%, #CE2082 0%, #e23d55 100%);

}

.icef-logo-wrp{
    display: grid;
    grid-template-columns: 240px 50px;
    text-align: end;
}


.scan-icef-img{
  padding-top: 1px;
}

.scan-icef-img span a img{
    width: 40px !important;
    height: 40px !important;
}

.icef-txt{
    padding-top: 8px;
}


.top-hdr{
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
}

.tp-hdr-cont{
    margin-bottom: 0px;
}

.tp-hdr-cont li{
    display: inline-block;

}



.img_2 .video-btn {

    right: 0;

    left: unset;

}

.target-block {

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}

.target-block:hover {

    transform: scale(1.02);

    -webkit-transform: scale(1.02);

    -moz-transform: scale(1.02);

    -ms-transform: scale(1.02);

    -o-transform: scale(1.02);

}

.target-block:hover .target-icon {

    transform: rotateY(190deg);

}

.target-block .target-icon {

    -webkit-transition: all 0.7s ease-in-out;

    -moz-transition: all 0.7s ease-in-out;

    -ms-transition: all 0.7s ease-in-out;

    -o-transition: all 0.7s ease-in-out;

    transition: all 0.7s ease-in-out;

}

.target-block .border-line {

    z-index: unset;

}

.abt-counter .counter-box .counter{

    margin-bottom: 3rem !important;

}

/*History*/

.timeline .slick-dots {

    display: none !important;

}

.slider-for {

    margin: auto;

    max-width: 600px;

}

.history_slide {

    position: relative;

}

.history_slide:after {

    content: "";

    position: absolute;

    height: 2px;

    width: 100%;

    background: black;

    left: 0;

    top: 65px;

    z-index: -1;

}

.timeline .fa {

    padding: 0.5rem;

}

.timeline .slick-center .fa {

    color: #e38b00;

    position: relative;

    border: 1px solid #e38b00;

    border-radius: 50%;

    padding: 0.5rem;

}

.timeline .slick-center h3 {

    font-weight: bold;

    color: #e38b00;

}

.timeline .slick-prev, .timeline .slick-next {

    display: none !important;

}



/*3. Target*/

.target {

    background: url("../images/bg_1.jpg");

    background-repeat: no-repeat;

    height: 900px;

}

.target-block {

    border: 1px solid rgba(255, 255, 255, 0.3);

    position: relative;

}

.border-line {

    width: 100%;

    height: 100%;

    position: absolute;

    border: 3px solid #4d4a74;

    top: 9px;

    left: 9px;

    z-index: -1;

}



/*4. Testimonial*/

.client-block {

    box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.09);

    border-radius: 6px;

    padding: 35px 35px;

    margin: 24px 18px;

    opacity: .4;

    cursor: pointer;

}

.client-block img {

    width: 60px;

}

.events .slick-next {

    right: 46% !important;

    bottom: -53px !important;

}

.events .slick-prev {

    left: 46% !important;

    bottom: -53px !important;

}



/*********************************Contact Page************************************/

.contact-form {

    border: 1px solid #e03a5a;

    position: relative;

    padding-right: 170px !important;

}

.form-control:focus {

    border-color: #0c0b39;

    box-shadow: unset;

}

.contact-icon {

    margin-right: -65px;

    background-image: radial-gradient(circle farthest-corner at 10% 20%, #CE2082 0%, #e23d55 100%);

    padding: 1rem;

    width: 70px;

}

.contact-form input {

    border-radius: unset;

}

.contact-form .form-group label {

    position: relative;

    color: #222222;

    font-size: 16px;

    font-weight: 400;

}

.contact-form ::placeholder {

    font-size: 14px;

}

.ml-minus {

    padding: 3rem 0 0;

    margin-left: -113px;

}

.contact-section .media {

    /* padding: 2rem!important;

    margin-right: 5rem; */

    min-height: 146px;

}



/*********************************Career Page************************************/

.career {

    padding: 50px 0;

}

.border-box {

    position: relative;

    height: 170px;

    border: 1px solid #e38b00;

}

.career-form {

    padding: 1rem;

}

.career-form {

    border: 1px solid #e38b00;

    position: relative;

    z-index: 1;

}

.resume {

    border: 2px dashed rgba(0,0,0,.15);

    padding: 10px;

    text-align: center;

    font-size: 15px;

}



/*********************************Blog Page************************************/

.blog-block {

    position: relative;

    padding: 50px 0;

}



/*********************************Blog Detail************************************/

.blog-img img {

    width: 100%;

}

.share .social-icon li {

    margin-right: 1rem;

    margin-left: 0;

    font-size: 16px;

    border: 1px solid;

    border-radius: 50%;

    width: 35px;

    line-height: 34px;

    text-align: center;

    height: 35px;

}

.blog-category ul

li {

    display: inline-block;

    position: relative;

    width: 100%;

    padding: 9px 6px;

    color: #38393d;

    margin-bottom: -3px;

    border-bottom: 1px solid #e5e3e3;

    font-weight: 550;

    font-size: 17px;

    font-family: 'Lato', sans-serif;

    box-shadow: 2px 3px 8px -1px #eee;

}

.blog-category ul li:last-child {

    border-bottom: none;

}

.blog-category ul li::before {

    content: "\f061";

    font-family: FontAwesome;

    right: 0px;

    top: 10px;

    position: absolute;

    color: #dd3660;

    padding-right: 10px;

}

.comments img,.recent-blog img {

    width: 60px;

}



/*********************************Gallery Page************************************/

.gallery {

    padding: 50px 0;

}

#filters {

    margin: 1%;

    padding: 0;

    list-style: none;

}

#filters li {

    float: left;

    border: 2px solid #e38b00;

    margin-right: 1rem;

    border-radius: 17px;

    font-size: 16px;

}

#filters li span {

    display: block;

    padding: 5px 20px;

    text-decoration: none;

    color: #e38b00;

    cursor: pointer;

}

#filters li span.active {

    background: #e38b00;

    color: #fff;

    border-radius: 10px;

}

#portfoliolist .portfolio {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    width: 100%;

    margin: 1%;

    display: none;

    float: left;

    overflow: hidden;

    position: relative;

}

.portfolio-wrapper {

    overflow: hidden;

    position: relative !important;

    background: #666;

    cursor: pointer;

}

.portfolio img {

    max-width: 100%;

    position: relative;

    top: 0;

}

.portfolio .label {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 0;

    background: #e38b009e;

    top: 0;

    right: 0;

    opacity: 0;

}

.portfolio .label-bg {

    background: #e38b009e;

}

.portfolio .label-text {

    position: absolute;

    bottom: 40px;

    left: 40px;

}

.label-text a {

    font-size: 20px;

    transform: translateX(46px);

    transition: all .4s;

    opacity: 1;

    text-transform: capitalize;

    color: #fff;

    letter-spacing: 1px;

    font-weight: 400;

}

.label-text span {

    font-size: 13px;

    letter-spacing: 2.6px;

    transform: translateX(-20px);

    transition: all .4s;

    opacity: 0;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600;

}

.portfolio .text-category {

    display: block;

    font-size: 9px;

}

.portfolio:hover .label {

    opacity: 1;

}

.portfolio:hover img {

    top: unset;

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .container {

        width: 768px;

    }

}

@media only screen and (max-width: 767px) {

    .container {

        width: 95%;

    }



    #portfoliolist .portfolio {

        width: 48%;

        margin: 1%;

    }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container {

        width: 70%;

    }

}



/*********************************Achievement Page************************************/

.achievement {

    padding: 50px 0;

}

.achievement h3 {

    position: relative;

    color: #054f96;

    /* padding-left: 75px; */

}

/* .achievement h3:before {

    content: '';

    position: absolute;

    width: 65px;

    top: 37%;

    height: 4px;

    left: 0;

    background: #e38b00;

} */

.img-block {

    position: relative;

    border: 1px solid #e38b00;

    height: 365px;

    width: 355px;

    float: right;

}

.cust_img {

    position: absolute;

    left: -35px !important;

    top: 55px;

    padding-right: 70px;

}

.left-block {

    float: left !important;

}

.left-block .cust_img {

    right: -110px;

    left: 0;

    padding-left: 70px;

    padding-right: 0;

}



/*********************************Faculties Page************************************/

.team-image {

    position: relative;

    border: 1px solid #e38b00;

}

.team-image img {

    width: 200px;

}

.faculty-block {

    position: relative;

    height: 100%;

    margin-bottom: 5rem;

}

.faculty-block:hover .team-image {

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    transform: rotateY(180deg);

}

.faculties-info {

    position: absolute;

    bottom: 0;

    left: 20px;

    right: 20px;

}



/*********************************Result Page************************************/



    .autoplay img {

        height: 80px;

        width: 220px;

        margin-bottom: 36px;

        padding: 10px 8px 10px 8px;

        border-radius: 0px;

        background-color: #f9f9f9;

        border: 1px solid #b3b3b363;

        border-radius: 8px;

    }



.result_img {

    position: relative;

}

.result_img img {

    object-fit: cover;

}

.result .read-more {

    font-size: 18px;

}

.result-box table {

    font-size: 17px;

}

.overlay {

    background-color: #0c0b39a8;

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0px;

    right: 0px;

    top: 0px;

    margin: auto;

    transition: all ease .5s;

    opacity: 0;

}

.overlay-text {

    opacity: 0;

    position: absolute;

    top: 70px;

    width: 100%;

    text-align: center;

    color:#fff;

}

.result_img:hover .overlay,.result_img:hover .overlay-text, .Portfolio:hover .overlay, .Portfolio:hover .overlay-text {

    opacity: 1;

}

.slick-prev, .slick-next {

    background: #dc3562 !important;

    height: 40px !important;

    width: 40px !important;

    top: unset;

    bottom: 20px;

}

.autoplay .slick-next {

    left: -70px !important;

    margin-left: 5px;

}

.autoplay .slick-prev {

    left: -110px!important;

}



/*********************************Course Page************************************/

.course .Portfolio {

    position: relative;

    float: left;

    width: 30%;

    margin: 2rem 1rem 0;

    transition-duration: 0.4s;

    animation: winanim 0.5s;

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    background-color: rgb(255, 255, 255);

    box-shadow: 0px 0px 5px 0px rgba(12, 11, 57, 0.18);

}

.course .Portfolio img {

    width: 100%;

    height: 220px;

    object-fit: cover;

    border-radius: 5px;

    box-shadow: 0px 2px 12px 3px #9c9a9a;

}

.course .nav {

    padding:0 20px;

}

.course .mynav li a {

    margin: 5px;

    padding: 15px 50px !important;

    font-size: 16px;

    color: #d95f5f;

    border: 1px solid #d95f5f;

}

.nav .nav-link {

    border-radius: unset;

}

.course .nav a:hover {

    color: white;

    background: #d95f5f;

}

.course .nav .active {

    color: white;

    background: #d95f5f;

}

.course-desc .btn:hover {

    border: 1px solid  #0c0b39;

    color: #0c0b39;

    background: unset;

}

@keyframes winanim {

    0% {

        opacity: 0;

        transform: scale3d(.3,.3,.3);

    }



    50% {

        opacity: 1;

    }

}



/*********************************Student Page************************************/

.student-img {

    position: relative;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}

.student-img:hover {

    transform: scale(1.02);

    -webkit-transform: scale(1.02);

    -moz-transform: scale(1.02);

    -ms-transform: scale(1.02);

    -o-transform: scale(1.02);

}

.student-desc {

    position: relative;

    border: 1px solid #e38b00;

    padding: 0 2rem;

    margin-top: 1rem;

}

.std_desc_two b {

    margin-right: 0.5rem;

}

.video {

    position: relative;

}

.video img {

    height: 350px;

    width: 100%;

    object-fit: cover;

}

.video-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.video:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(227, 139, 0, 0.72);

}

.contact-us {

    padding: 50px 0;

}

.contact-us-block {

    position: relative;

    border: 1px solid #e38b00;

    height: 400px;

}

.contact-us .slick-next {

    right: 40%;

    top: unset;

    bottom: -60px;

}

.contact-us .slick-prev {

    left: 40%;

    top: unset;

    bottom: -60px;

}



/*scroll to top*/

#scroll {

    position: fixed;

    right: 15px;

    bottom: 15px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    background-image: radial-gradient(circle farthest-corner at 5% 40%, #CE2082 0%, #e23d55 100%);

    text-indent: -9999px;

    display: none;

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    border-radius: 60px;

}

#scroll{

    display: inline;

}

#scroll span {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -8px;

    margin-top: -12px;

    height: 0;

    width: 0;

    border: 8px solid transparent;

    border-bottom-color: #ffffff;

}

#scroll:hover {

    background-color: #00368E;

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)";

    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12);

}

#scroll:hover span {

    border-bottom-color: #faf9f9;

}



/*media query*/

@media only screen and (min-width: 992px) {

    .events .slick-prev {

        left: 45% !important;

    }

    .events .slick-next {

        right: 46% !important;

    }

    .social-connect li {

        width: 35px;

        height: 35px;

        line-height: 35px;

    }

}



@media only screen and (min-width: 992px) {

    .hidden-lg {

        display: none;

    }

}



@media only screen and (max-width: 991px) {

    .top-btn {

        text-align: center !important;

    }

    .carousel-inner {

        height: unset;

    }

    .hidden-md {

        display: none;

    }

    .social-connect {

        bottom: 35px;

    }

    .contact-us {

        padding-top: 0 !important;

    }

    .contact-us .slick-prev {

        left: 43%;

    }

    .contact-us .slick-next {

        right: 43%;

    }

    .course-block {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .course .nav li a {

        padding: 15px 35px;

    }

    .course .Portfolio {

        width: 45%;

    }

    .course .nav {

        padding: 0;

    }

    .contact-section .media {

        margin-right: unset;

    }

    .target-block {

        padding: 1rem !important;

    }

    .online-course-inner .count-title {

        position: absolute;

        bottom: -28px;

        padding: 0.5rem;

        background: #e38b00;

        max-width: 100px;

        font-size: 20px;

    }

    .events {

        padding: 50px 0;

    }

    .client-block {

        margin: 0 18px;

    }

    .abt-counter .counter-box{

        margin-top: 50px;

    }

}

@media only screen and (max-width: 991px) and (min-width: 767px){

    .team-img img {

         height: 300px;

    }

    .comment {

        flex-direction: column;

    }

}

@media only screen and (max-width: 767px) {

    .search-course .counter-box .counter{

        margin-bottom: 4rem;

    }

    .carousel-caption {

        top: 100px;

        right: 15% !important;

    }

    .contact-us {

        padding: 0 !important;

    }

    .joinus-content {

        margin: unset !important;

    }

    .social-connect {

        bottom: 30px;

    }

    .contact-us-block{

        height: unset;

    }

    .contact-us-block .single-item .slick-slide{

        padding-bottom: 0 !important;

    }

    .announcement {

        display: none;

    }

    .target-block {

        text-align: center;

    }

    .bottom-footer {

        flex-direction: column;

        text-align: center;

    }

    .client-block {

        opacity: unset;

    }

    .video {

        margin: 3rem 0 !important;

    }

    .video-area{

        padding: 150px 0;

    }

    .course .Portfolio {

        width: 100%;

        margin-right: unset;

        margin-left: unset;

    }

    .course .nav li a {

        padding: 10px 15px;

    }

    .course .nav li a {

        font-size: 15px;

    }

    .img-block {

        position: unset;

        border: unset;

        width: unset;

        height: unset;

    }

    .cust_img {

        position: unset;

        padding-right: unset !important;

        padding-left: unset !important;

    }

    .img-block .border-line {

        display: none;

    }

    .blog-block .post {

        margin-bottom: 0;

    }

    .contact-form {

        padding-right: 3rem !important;

    }

    .ml-minus {

        margin-left: unset;

    }

    .contact-icon {

        margin-right: unset;

    }

    .course-block {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .online-course-inner .counter-box .counter {

        margin-right: 8rem;

        margin-left: 8rem;

    }

    .small-screen {

        padding: 3rem !important;

        padding-bottom: 0 !important;

    }

    .social-connect li {

        width: 30px;

        height: 30px;

        line-height: 30px;

    }

    .team-block h4 {

        font-size: 1.3rem;

    }

    .counter-img img{

        width: unset !important;

    }

    .last-child{

        margin-bottom: 0 !important;

    }

    .margin-bottom{

        margin-bottom: unset;

    }

    .result-box .sec-title{

        text-align: center;

    }

}



@media only screen and (max-width: 650px) {

    .about-img .img_2 {

        margin-left: auto;

        left: 0;

        margin-right: auto;

        bottom: -25px;

    }

}



@media only screen and (max-width: 600px) {

    .carousel-caption h1 {

        font-size: 1.5rem;

    }

    .online-course-inner .counter-box .counter {

        margin-right: 2rem;

        margin-left: 2rem;

    }

}



@media only screen and (max-width: 500px) {

    .carousel-caption {

        top: 50px;

    }

}

@media only screen and (max-width: 576px) {

    .team-img img {

        height: 300px;

    }

    .social-connect li {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }

}

@media only screen and (max-width: 480px) {

    .online-course .counter-box .counter {

        margin-right: 3rem;

        margin-left: 3rem;

    }

}



@media only screen and (max-width: 425px) {

    .contact-us .slick-next, .contact-us .slick-prev {

        bottom: -45px;

    }

    .button-box .left-btn, .button-box .right-btn {

        font-size: 13px;

        padding: 0px 12px 0 15px;

    }

    .apply-now {

        font-size: 15px;

        padding: 6px 10px;

        margin-top: 0 !important;

    }

    .carousel-caption h1 {

        font-size: 1.2rem;

    }

    .carousel-caption {

        top: 30px;

    }

    .course-block {

        display: block !important;

    }

    .course-block img {

        display: block;

    }

    .course-block .course-text {

        margin-top: 1rem !important;

        padding-left: 0 !important;

        text-align: center;

    }

}



@media only screen and (max-width: 375px) {

    .carousel-caption h1 {

        font-size: 1.2rem;

    }

    .carousel-caption {

        top: 30px;

    }

    .banner-desc {

        display: none;

    }

}



@media only screen and (max-width: 350px) {

    .carousel-caption h1 {

        font-size: 1rem;

    }

    .carousel-caption {

        top: 10px;

    }

}





/* new Costom css */



.dropdown-item {

    border-bottom: 2px dotted #ccc;

    display: block;

    width: 100%;

    font-size: 13px !important;

    clear: both;

    font-weight: 650 !important;

    color: #212529;

    text-align: inherit;

    background-color: transparent;

    transition: 0.4s ease;

    font-family: 'Roboto Condensed', sans-serif;

    padding: 8px 10px 8px 10px;

}







/* .event ul li {

    padding: 11px;

    display: inline-block;

    margin: 1px;



}



.country li {

    border-radius: 22px;

    box-shadow: 0px 0px 3px 1px rgb(174 174 175);

}

.country li a img {

    margin-right: 8px;

} */



#team {

    position: relative;

    width: 100%;

    padding: 45px 0 15px 0;

}



#team-item {

    position: relative;

    margin-bottom: 30px;

}



#team-img {

    position: relative;

    border-radius: 80px;

    overflow: hidden;

    box-shadow: 1px 0px 2px 1px;

}



#team-img img {

    width: 100%;

    transition: .3s;

}



 #team-item:hover img {

    transform: scale(1.1);

}



#team-text {

    position: relative;

    width: 100%;

    padding: 1px 0px 10px -1px;

    text-align: center;

    /* background: #202C45; */

    border-radius: 1 1 5px 5px;

    transition: .5s;



}

#team-item:hover #team-text h2{

    color: #D95F5F;

}



#team-text h2 {

    color: #212125;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 10px;

    margin-top: 8px;

}



/* #team-text h2:hover{

    color: #D95F5F;

} */



#team-text p {

    margin: 0;

    color: #ffffff;

}





#hover-effect{

transition: .2s !important;

box-shadow: 0 2px 2px 0px;





}



#hover-effect:hover{

    box-shadow: 3px 4px 14px 0 #ccc !important;

    margin-top: -10px !important;



}



#categories ul a{

color: black;

font-weight: 500;







}



#categories ul a:hover{

    border-bottom: 2px solid black;

    

    color: chartreuse;}



   /* .col-lg-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 9.666667% !important;

    }*/



#boxsize{max-width: 97.8%;}

    

.nav-link {

    display: block;

    padding: 1.5rem 1rem !important;

}



.aboutus .myline{

    line-height: 32px !important;

}



.achievement .myline{

    line-height: 32px !important;

}



.mynewsection{

    background-color: #e3e3e3;

    padding: 31px;



}



.aboutus .row{



   

       

        display: flex !important;

       

        flex-wrap: wrap !important;

        margin-right: 30px !important;

        margin-left: 30px !important;

   

}



.achievement .row{

    display: flex !important;

   

    flex-wrap: wrap !important;

    margin-right: 30px !important;

    margin-left: 30px !important;

}



.timeline .my-border{

    border-bottom: 1px solid rgb(209, 79, 79);

}



/*** 



====================================================================

	About Section Two

====================================================================



***/



.about-section-two{

	position:relative;

	padding:50px 0px 30px;

}



.about-section-two:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	background:url(../images/pattern-1.png) left top no-repeat;

}



.about-section-two:after{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	background:url(../images/pattern-2.png) right top no-repeat;

}



.about-section-two .video-column{

	position:relative;

	margin-bottom:40px;

	z-index:1;

}



.about-section-two .content-column{

	position:relative;

	margin-bottom:40px;

}



.about-section-two .content-column .inner-column{

	position:relative;

	padding-left:40px;

	z-index:1;

}



.about-section-two .content-column .inner-column h3{

	position:relative;

	color:#054f96;

	font-weight:700;

	line-height:1.3em;

	margin-bottom:25px;

}



.about-section-two .content-column .inner-column h3 span{

	color:#33335e;

}



.about-section-two .content-column .inner-column .text{

	position:relative;

	margin-bottom:40px;

}



.about-section-two .content-column .inner-column .text p{

	position:relative;

	color:#42424a;

	font-size:16px;

	line-height:1.7em;

	margin-bottom:20px;

	text-align: justify;

	width: 95%;

}

.video-box .image img {

    position: relative;

    width: 100%;

}



.video-box .image {

    position: relative;

    overflow: hidden;

    margin: 0px;

}

.video-box {

    position: relative;

    box-shadow: 0px 0px 40px rgb(0 0 0 / 40%);

    /* left: 11px; */

    margin-left: 35px;

}



.aboutus h3{

    color: #0c0b39;

}



.aboutus p{

    font-size: 16px;

    line-height: 1.7em;

}





.about-section-two .row {

    flex-wrap: wrap !important;

    display: flex !important;

    margin-right: 0px !important;

    margin-left: 0px !important;

}



.video-box1 .image img {

    position: relative;

    width: 100%;

}



.video-box1 .image {

    position: relative;

    overflow: hidden;

    margin: 0px;

}

.video-box1 {

    position: relative;

    box-shadow: 0px 0px 40px rgb(0 0 0 / 40%);

    /* left: 11px; */

    margin-right: 35px;

}



.row .clearfix li{



    font-size:16px;

	line-height:1.7em;

}



.blog-detail .container-flud{



    margin-left: 50px !important;

    margin-right: 50px !important;

}



.blog-category-1 ul li{



    display: inline-block;

    position: relative;

    width: 100%;

    padding: 10px 21px;

    border-bottom: 1px solid #0c0b394f;

    line-height: 21px;

    font-size: 15px;

    font-weight: 500;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #545454;

    letter-spacing: 0.7px;



}





.blog-category-1 ul li:last-child{

    border-bottom: none;

}



.list-unstyled li span i{

    margin-left: -20px;

    margin-right: 5px;

    color: #0c0b39;

    box-shadow: 0px 2px 3px 1px #90909d;

    border-radius: 20px;

}



.blog-detail h4{

    color: #0c0b39;

    background-color: #e1dedb;

    border-radius: 5px 5px 0px 0px;

    text-align: center;

    padding: 5px 0px 5px 0px;

    text-shadow: 1px -1px 2px #838181;

}



.blog-desc{

    padding-top: 20px;

    padding-bottom: 20px;

}



.blog-desc p{

    line-height: 22px;

    font-size: 16px;

    font-weight: 500;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #545454;

    text-align: justify;

}



.mybg{

background-color: #e5e3e3;

border-radius: 7px;

}



.blog-category .newbackground {

    background-color: aliceblue;

   

    padding-left: 10px;

}



/* a:hover {

    color: #8d3131 !important;

} */



.fancybox-image, .fancybox-spaceball {

    background: transparent;

    border: 0;

    height: 100%;

    left: 0;

    margin: 0;

    max-height: none;

    max-width: none;

    padding: 0;

    position: absolute;

    top: 60px !important;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    width: 100%;

}

.contact-section .map{

    margin-top: 25px;

}





/*-------------my----css-----start--------*/



/*---tp----cntct---dtl------start----*/



.tp-cntct-dtl{

    padding-top: 10px;

}



.tp-cntct-dtl h5{

  font-size: 15px;
  border-right: 2px solid #f2eeee63;
  padding-right: 9px;
  margin-right: 6px;
}




.tp-cntct-dtl2 h5{



font-size: 17px;



}



.tp-cntct-dtl h5:hover a{

    color: #f4ced3;

}



.tp-cntct-dtl2 h5:hover a{

    color: #f4ced3;

}





/*----tp---cntct---dtl---end--------*/



/*---top---social---icon---strat-------*/



.middle{margin-top: 7px;}



.header-scl-icn {

  width: 28px;
  height: 28px;
  margin: 0px 1px;

  color: #0c0b39;

  overflow: hidden;

  position: relative;

  border-radius: 10%;

  background: #f7ebf3;

  text-decoration: none;

  box-shadow: 0 7px 15px -6px #00000070;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.header-scl-icn i {

  font-size: 14px;

  transition: 0.2s linear;

}

.header-scl-icn:before {

  content: "";

  width: 120%;

  height: 120%;

  left: -110%;

  top: 90%;

  position: absolute;

  transform: rotate(45deg);

  background-image: radial-gradient(circle farthest-corner at 10% 20%, #CE2082 0%, #e23d55 100%);

}

.header-scl-icn:hover i {

  color: #f1f1f1;

  transform: scale(1.3);

}

.header-scl-icn:hover:before {

  top: -10%;

  left: -10%;

  -webkit-animation: animation1 0.7s 1;

          animation: animation1 0.7s 1;

}



@-webkit-keyframes animation1 {

  0% {

    top: 90%;

    left: -110%;

  }

  50% {

    top: -30%;

    left: 10%;

  }

  100% {

    top: -10%;

    left: -10%;

  }

}



@keyframes animation1 {

  0% {

    top: 90%;

    left: -110%;

  }

  50% {

    top: -30%;

    left: 10%;

  }

  100% {

    top: -10%;

    left: -10%;

  }

}





/*----top---social---icon----end---------*/



.navbar-brand img{

    width: 70%;

    margin-left: 35px;

    margin-top: -5px;

}



.main-header{

    height: 80px;

}



.big-hdng {

  font-size: 57px;

  line-height: 57px;

  }





  .address-icon a:hover{

    color: #f4ced3;

  }



  /*--------------------------services----box---wrap---start--------------*/



   .service_box{

            margin:35px 0;

            padding:40px 20px;

            text-align: center;

            border-radius:5px;

            background: rgb(12, 11, 57);

            /*background:rgb(9, 42, 95);*/

            transition: all 0.30s ease 0s;

            width: 100%;

            height:330px;

            margin-top: 65px;

        }

        /*.service_box:hover{

            background-image: radial-gradient(circle farthest-corner at 10% 20%, #CE2082 0%, #e23d55 100%);

        }*/

        .service_box .service_icon{

            width: 130px;

            height: 130px;

            margin: 0 auto;

            background: #f2fafb1c;

            border-radius: 50%;

            transform: translateY(-100px);

            transition: all 0.30s ease 0s;

            padding-top: 9px;

        }







        .service_box:hover .service_icon{

            transform: translateY(-70%);

        }

        .service_box .service_icon i{

            color:#333;

        }

        .service_box h3{

            position: relative;

            top:-80px;

            margin: 0;

            color: #fff;

            font-size: 20px;

            text-transform: uppercase;

            transform: translateY(0%);

            transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;

            font-family: 'Roboto', sans-serif;

            font-weight: 600;

        }

        .service_box:hover h3{

            top:-75px;

        }

        .service_box  p{

            color:#fff;

            margin:-60px auto 0px auto;

            opacity:1;

            transition: all 0.30s linear 0s;

            

        }

        /*.service_box:hover p{

            opacity:1;

        }*/



        /*----------services---box-----wrap---style---end---*/





        /*=======about---pg-------start================*/





        .about-area{

            margin-top: 80px;

        }



        .about-content .bar::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 5px;

  background: #fff;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-name: MOVE-BG;

  animation-name: MOVE-BG;

}



.about-content .bar {

  height: 4px;

  width: 85px;

  background: linear-gradient(to right top,#CE2082,#CE2083,#e23d55,#e23d56,#e23d57);

  position: relative;

  border-radius: 5px;

  overflow: hidden;

  margin-bottom: 25px;

}



@keyframes MOVE-BG {



0% {

  -webkit-transform: translateX(0);

}

100% {

  -webkit-transform: translateX(85px);

}



}



.about-content h3 {

  font-size: 30px;

  font-weight: 600;

  margin: 0px 0 5px 0;

  color: #092a5f;

}



.about-content p{

    font-size: 16px;

    font-weight: 500;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    color: #545454;

    text-align: justify;

}



.about-content .about-inner-content .icon i {

  display: inline-block;

    height: 20px;

    width: 20px;

    line-height: 20px;

    background: #fd9b5f;

    color: #fff;

    text-align: center;

    font-size: 11px;

    border-radius: 30px;

    position: absolute;

    left: -13px;

    margin-top: 3px;

    transition: .5s;

}



.about-content .about-inner-content:hover .icon i {

  background: #f64c67;

}



.about-inner-content h5{

    font-size: 18px;

    color: #092a5f;

}



.about-content h4{

    font-weight: 600;

    color: #4a4444;

    font-size: 26px;

}



.usp-wrp{

    margin-left: 15px;

}





/*----------------*/



.box

{

  position:relative;

  width: 350px;

  padding: 40px;

  background: linear-gradient(to bottom,#E4E5EC,#FCDAEA);

  box-shadow:0 15px 25px rgba(0,0,0,.1);

  border-radius:15px;

  margin:20px;

  box-sizing:border-box;

  overflow:hidden;

  text-align: center; 

}



.box:before

{

  content:'';

  width: 50%;

  height: 100%;

  position:absolute;

  top:0;

  left:0;

  background:rgba(255,255,255,.2);

  z-index:2;

  pointer-events:none;

  text-align: center;

}



.box .icon {

  position:relative;

  width: 80px;

  height: 80px;

  color:#fff;

  background:#FF1493;

  display:flex;

  justify-content: center;

  aling-items: center;

  margin:55px auto;

  border-radius:20%;

  font-size: 50px;

  font-weight:normal;

  transition:2s;

  padding:10px;

}



.box .icon i{

  padding:12px;

}



.box .icon

{

  box-shadow:0 0 0 0 #76D7C4;

  backgraund:#76D7C4;

}



.box:hover .icon

{

  box-shadow:0 0 0 400px #76D7C4;

}







.box .content

{

  position:relative;

  z-index:1;

  transition:1.5s;

}



.box:hover .content{

  color:#fff;

}



.box .content h3

{

  font-size: 20px;

  margin:10px 0;

  padding:0;

  text-align: center;

}



.box .content p{

   margin:0;

  padding:0;

  text-align: center;

}

/*a

{

  display:inline-block;

  padding:10px 25px;

  background:#fff;

  border-radius:10px;

  text-decoration:none;

  color:#000;

  font-weight:500;

  margin-top:20px;

  box-shadow: 5px 2px 5px rgba(0,0,0,.2);

  border: 1px solid green;

  

}*/



.all-vst-cat {

  text-align: center;

  margin-top: 30px;

}



.visit-pg-cat {

  display: inline-block;

  margin-left: 23px;

}



.visit-pg-cat img {

  width: 83px;

  border-radius: 50%;

  height: 83px;

  box-shadow: 5px 1px 6px 1px #ccc9c9;

  transition: 0.4s ease;

  overflow: hidden;

}



.visit-pg-cat h5 {

  font-weight: 550;

  font-size: 14px;

  padding: 13px 0px 25px 0px;

}



.new_font h6{



    font-size: 15px;

}

small.help-block {

    color: red;

}