@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1260px;
    }
}

a:hover 
{
    text-decoration:none;
}

body 
{
    font-family:'Inter', sans-serif;
}

.top-header 
{
    background:#f1f1f1;
    padding-top:10px;
    font-size:14px;
    color:#92298F;
    font-weight:600;
}


img.img-logo 
{
    width:360px;
    margin:0px auto;
    margin-top:-60px;
    margin-left:-90px;
}

a.navbar-brand 
{
    display:none;
}

.main-menu 
{
    padding:0px;
    padding-top:15px;
}

.menu-div 
{
    padding-bottom:15px;
}

.carousel-caption
{
    bottom:20vh;
}

.main-menu ul li a 
{
    color:#222;
    font-size:16px;
}

.main-menu ul li a:hover 
{
    font-weight:600;
    color:#92298F;
    transition:linear 0.2s font-weight;
}

.slider 
{
    padding-top:0px;
    background-image:url('../img/back-hws.jpg');
    background-size:cover;
    background-attachment:fixed;
}

img.slides-img 
{
    width:100%;
    height:80vh;
    object-fit:cover;
    filter:brightness(80%);
}

.slider img 
{
    animation: moveupdown 5s infinite;
}

.slider h3
{
    margin-top:12vh;
}

h3.div-subtitle 
{
    font-size:18px;
    font-weight:600;
    color:#125CA8;
}

h2.div-title 
{
    font-size:48px;
    font-weight:600; 
    font-family:'Fredoka', sans-serif;
    color:#92298F;
}

p.div-para 
{
    color:#333;
    line-height:32px;
    padding-top:20px;
}

.slider-bot 
{
    margin-top:-100px;
    z-index:200;
    position:relative;
}

.color-purple 
{
    color:#92298F;
}

.color-blue 
{
    color:#125CA8;
}

.color-yellow 
{
    color:#FFB600;
}

.color-green 
{
    color:#089600;
}


.soc-top-head a
{
    color:#222;
    margin-right:10px;
}

.about h3 
{
    margin-top:10vh;
}

.about img 
{
    animation: movesides 2s infinite;
    margin-top:30px;
}

.icon-small 
{
    float:left;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#92298F;
    color:#fff;
    padding-top:3px;
    padding-left:8px;
    font-size:24px;
    margin-right:10px;
}

.about-icons a 
{
    color:#111;
    font-size:18px;
    padding-top:5px;
    display:inline-block;
}

a.link-arrow 
{
    color:#92298F;
    font-weight:700;
}

.process 
{
    background:#f1f1f1;
    padding-top:60px;
}

.process-single 
{
    text-align:center;
    margin-top:30px;
    transform:scale(1);
    transition:linear 0.2s transform;
}

.process-single:hover 
{
    transform:scale(1.1);
    transition:linear 0.2s transform;
}

.process-single a 
{
    font-size:18px;
    color:#222;
}

.process-single img 
{
    width:200px;
    height:200px;
    border-radius:50%;
    object-fit: cover;
    border:solid 7px #92298F;
    margin-bottom:10px;
}

.courses h3 
{
    margin-top:7vh;
}

.courses-img1 
{
    animation: movesides 3s infinite;
}

.courses-img2 
{
    animation: moveupdown 6s infinite;
}

.courses-img3 
{
    animation: movesides 3s infinite;
}

.courses a 
{
    color:#fff;
    background:#92298F;
    border-radius:25px;
    padding:10px 25px;
    font-size:18px;
    margin-top:20px;
    display:inline-block;
    margin-right:20px;
}

.message 
{
    background:#f1f1f1;
}

.message img 
{
    border:solid 8px #FFB600;
    border-radius:30px;
    width:100%;
    height:400px;
    object-fit: cover;
    animation: movesides 5s infinite;
}

.message h4 
{
    font-size:42px;
    color:#125CA8;
}

.message p 
{
    margin-top:-20px;
}

.blog-single 
{
    margin-top:30px;
    transition:linear 0.1s margin;
}

.blog-single:hover 
{
    margin-top:10px;
    transition:linear 0.2s margin;
}

.blogs img 
{
    border-radius:25px;
    width:100%;
    height:230px;
    object-fit:cover;
}

.blogs h4 
{
    color:#92298F;
    text-transform:uppercase;
    font-size:15px;
    margin-top:15px;
}

.blogs h3 
{
    color:#222;
    font-size:18px;
}

.footer 
{
    background:#92298F;
    color:#fff;
    padding-top:60px;
    font-size:15px;
    line-height:30px;
    padding-bottom:90px;
}

.foot-logo 
{
    width:140px;
    margin-bottom:30px;
    margin-top:35px;
}

.soc-bot-head a
{
    color:#fff;
    font-size:18px;
    display:inline-block;
    margin-right:15px;
}

.footer h2 
{
    font-size:20px;
    text-transform:uppercase;
    margin-top:30px;
    font-weight:700;
}

.footer ul 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-top:30px;
}

.footer ul li a 
{
    display:block;
    margin-top:1px;
    color:#fff;
    padding:5px 0px;
    transition:linear 0.1s padding;
}

.footer ul li a:hover 
{
    color:#fff;
    padding-left:15px;
    transition:linear 0.2s padding;
}

.footer-credit
{
    text-align:center;
    border-top:solid 1px #fff;
    margin-top:60px;
    padding-top:30px;
}

/* Animations */


@keyframes moveupdown {
    0%   {transform:scale(1)}
    50%  {transform:scale(1.04)}
    100% {transform:scale(1)}
  }

  
@keyframes movesides {
    0%   {transform: rotate(0deg)}
    25%  {transform: rotate(-2deg)}
    50% {transform:scale(2deg)}
    50% {transform:scale(0deg)}
  }

.hide-phone 
{
    display:block;
}

.hide-desktop 
{
    display:none;
}


.bread-crumb 
{
    padding-top:10vh;
    padding-bottom:15vh;
}

.bread-crumb h1 
{
    font-size:48px;
    font-weight:700;
    color:#92298F;
}

.bread-crumb a 
{
    color:#92298F;
    font-weight:700;
    font-size:17px;
}

.mission-vision 
{
    margin-top:60px;
}

.mission-single 
{
    box-shadow:0px 0px 5px #ccc;
    border-radius:25px;
    padding:30px;
    margin-top:30px;
    transition:linear 0.1s transform;
}

.mission-single:hover 
{
    transform:scale(1.03);
    transition:linear 0.2s transform;
}

.mission-single h2 
{
    font-weight:700;
}

.single-team
{
    margin-top:30px;
    text-align:center;
    transition:linear 0.1s margin;
}

.single-team:hover 
{
    margin-top:0px;
    transition:linear 0.2s margin;
}

.single-team img 
{
    width:200px;
    height:200px;
    object-fit:cover;
    border-radius:50%;
    border:solid 10px #125CA8;
    margin-bottom:20px;
}

.contact-dtl
{
    background:#f1f1f1;
    padding:30px;
    border-radius:20px;
    margin-top:30px;
}

.contact-dtl a 
{
    font-size:22px;
    color:#125CA8;
    display:inline-block;
    margin-right:15px;
}

.form-contact input 
{
    width:100%;
    padding:15px;
    border:solid 1px #aaa;
    border-radius:20px;
    margin-top:30px;
}


.form-contact textarea
{
    width:100%;
    padding:15px;
    border:solid 1px #aaa;
    border-radius:20px;
    margin-top:30px;
    min-height:100px;
    max-height:100px;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:450px;
    position:relative;
    height:0;
	border-radius:20px;
	margin-top:30px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.map-div 
{
	padding-bottom:70px;
}

.other-news img 
{
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:15px;
}

.other-news h4
{
    font-size:13px;
    color:#92298F;
    margin-top:10px;
}

.other-news h3 
{
    font-size:18px;
    color:#222;
    margin-top:10px;
}

img.featured-cover 
{
    border-radius:20px;
    margin-top:10px;
}

.content-page 
{
    line-height:32px;
}

.small-title 
{
    font-size:16px;
    font-weight:700;
    color:#92298F;
    margin-bottom:15px;
}

.main-page img 
{
    border-radius:25px;
    margin-top:15px;
}

.post-meta-title 
{
    font-size:32px;
    font-weight:700;
    margin-bottom:20px;
    margin-top:45px;
}

a.link-block 
{
    background:#92298F;
    padding:10px 25px;
    border-radius:25px;
    color:#fff;
}

@keyframes tiltAndRotate {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-10deg);
  }
  20% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(10deg);
  }
  70% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(720deg);
  }
}

@keyframes moveAndRotate {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  10% {
    transform: translateY(-15px) rotate(0deg);
  }
  20% {
    transform: translateY(15px) rotate(0deg);
  }
  30% {
    transform: translateY(-15px) rotate(0deg);
  }
  40% {
    transform: translateY(15px) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(0deg);
  }
  60% {
    transform: translateY(15px) rotate(0deg);
  }
  70% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(720deg);
  }
}

@keyframes moveLeftRightAndRotate {
  0% {
    transform: translateX(0) rotate(0deg);
  }
  10% {
    transform: translateX(-15px) rotate(0deg);
  }
  20% {
    transform: translateX(15px) rotate(0deg);
  }
  30% {
    transform: translateX(-15px) rotate(0deg);
  }
  40% {
    transform: translateX(15px) rotate(0deg);
  }
  50% {
    transform: translateX(-15px) rotate(0deg);
  }
  60% {
    transform: translateX(15px) rotate(0deg);
  }
  70% {
    transform: translateX(0) rotate(0deg);
  }
  100% {
    transform: translateX(0) rotate(720deg);
  }
}

  @media only screen and (max-width: 600px) {
    .hide-phone 
    {
        display:none;
    }

    .hide-desktop 
    {
        display:block;
    }

    h2.div-title
    {
        font-size:24px;
    }
    
    a.navbar-brand 
    {
        display:inline-block;
    }

    .mobile-logo
    {
        width:180px;
        margin-top:5px;
    }

    .slider-bot 
    {
        margin-top:-32px;
    }

    .slider 
    {
        background-image:url('img/slider-mobile-back.jpg');
    }

    .slider h3 
    {
        margin-top:11vh;
    }
    
    
    img.slides-img 
    {
        width:100%;
        height:60vh;
        object-fit:cover;
        filter:brightness(60%);
    }

    .carousel-caption 
    {
        bottom:10vh;
    }
    
    .carousel-caption h3
    {
        font-size:24px;
    }

    .mobile-banner 
    {
        width:100%;
        position:fixed;
        top:0px;
        left:0px;
        background:#fff;
        z-index:2000;
    }

    .about 
    {
        padding-bottom:7vh;
    }
    
    .about-icons a 
    {
        color:#111;
        font-size:15px;
        padding-top:5px;
        display:inline-block;
    }

    .process 
    {
        padding-bottom:5vh;
    }
    
    .process img 
    {
        width:120px;
        height:120px;
        border:solid 3px #92298F;
    }
    
    .process h5 
    {
        font-size:18px;
    }

    .courses 
    {
        padding-bottom:5vh;
    }

    .message 
    {
        padding-bottom:5vh;
    }

    .footer 
    {
        margin-top:-5px;
    }
    
    .second-imge 
    {
        width:100% !important;
        height:auto !important;
        border:none !important;
    }
  }