@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Lexend&family=Maitree:wght@600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Prompt:ital@1&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Gloria+Hallelujah&family=Lexend&family=Maitree:wght@600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Prompt:ital@1&family=Roboto:wght@400;500&display=swap');



*
{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
body
{
    margin: 0px;
    padding: 0px;
}

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

.scrolltop
{
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 15px;
    background-color:#e84b3a;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.scrolltop i
{
    color: white;
}

/*headertop*/
.hadertop
{
    background-color: white;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    display: flex;
    align-items: center;
    padding: 15pxd;
}
.haedertoplogo
{
    margin: 0px;
    padding: 10px 0px;
}
.haedertoplogoclr
{
    margin-top: 15px;
}

.haedertoplogo h2
{
    font-size: 26px;
    color: #92278f;
    font-family: 'Roboto', sans-serif;
}
.haedertoplogo h2 a
{
    color: #92278f;
}
.headertopright
{
    margin: 0px;
    padding: 0;
}
.headertopright ul
{
    margin: 0px;
    padding: 20px 0;
    display: flex;
    justify-content: right;
}
.headertopright ul li
{
    margin: 0px;
    padding: 0px 10px;
    list-style: none;
    display: flex;
    gap: 12px;
}

.headertopright ul li a
{
    font-size: 16px;
  
   font-family: 'Roboto', sans-serif;
   text-decoration: none;
   
}
.headertopright ul li i
{
    color:#e84b3a;
    font-size: 22px;
}
.haederrightfontstyle
{
    margin-bottom: 8px;
    display: table;
 
}
.haederrightfontstyle p
{
    font-size: 16px;
    color: rgb(143, 143, 143);
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
}
.haederrightfontstyle  span a,.haederrightfontstyle  span
{
    font-size: 16px;
    color: black;
    font-weight: 400;

}
/*navigation*/

.navbox
{
    background-color: #fc7f0c;
    padding: 20px 0;
    width: 100%;
    display: block;
}
.navigation
{
    margin: 0px;
    padding: 0px;
}
.navigation ul
{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
}
.navigation ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
}
.navigation ul li a
{
    margin: 0px;
    padding: 0 17px;
    font-size: 16px;
    color: white;
 font-family: 'Roboto', sans-serif;
 text-decoration: none;
 cursor: pointer;
 font-weight: 400;
 text-transform: capitalize;
 position: relative;
 padding-bottom: 60px;
}
.navigation ul li  ul.submenu
{
    position: absolute;
    top: 150%;
    left: 0px;
    width: 220px;
    display: none;
    height: auto;
 padding: 0px 0;
    background-color: rgb(241, 241, 241);
    z-index: 4;
    /* padding: 10px 0; */
}
.navigation ul li:hover  ul.submenu
{
    display: block;
}
.navigation ul li  ul.submenu li
{
    display: block;
    margin: 0px;
    padding: 0px 0px;
    position: relative;
}
.navigation ul li  ul.submenu li a
{
    font-size: 16px;
    color: black;
    text-decoration: none;
    cursor: pointer;
    margin: 0px;
    padding: 10px 10px;
    transition: all 0.5s ease-in-out;
    display: block;
    text-transform: capitalize;
}
.navigation ul li  ul.submenu li a:hover
{
    background-color: #92278f;
    width: 100%;
    display: block;
    color: white;
}
/*banner*/
.banner
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../image/banner_04.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
}
.bannerleft
{
margin: 0px;
padding: 0px;
position: relative;
top: 40%;
width: 80%;
}
.bannerleft h4
{
    font-size: 48px;
    color: #e84b3a;
    font-family: 'Gloria Hallelujah', cursive;
    text-transform: capitalize;
    font-weight: 600;
}
.bannerright
{
    background-color: #92278f;
    width: 100%;
    display: block;
    border-radius: 10px;
    border: solid 1px white;
    padding: 15px;

}
.bannerright label
{
    font-size: 15px;
    color: white;
    text-transform: capitalize;
}
.bannerright input
{
    padding: 10px;
    color: black;
    border: dotted 1px white;
    text-transform: capitalize;
    font-size: 15px;
    text-transform: capitalize;
    border-radius: 10px;
    width: 100%;
    display: block;
    margin: 10px 0;
   
}
.bannerright input:focus
{
    outline: none;
}

/*activelearning*/
.activeLearning
{
    width: 100%;
    height: 250px;
    perspective: 8000px;
}
.activeLearningbox
{
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    transform-style: preserve-3d;
  
}
.activeLearningboxfront,.activeLearningboxback

{

    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    backface-visibility: hidden;
    
}

.activeLearningboxfront
{
   margin: 0px;
   padding: 0px;
   background-color:#258309;
}
.activeLearningboxfront i
{
    color: white;
    font-size: 72px;
    position: relative;
   margin-top: 20%;
   left: 35%;
}
.activeLearningboxfront p
{
    font-size: 18px;
    font-weight: 600;
    color: white;
   text-align: center;
   margin-top: 20px;
   font-family: 'Gloria Hallelujah', cursive;
}
.activeLearningboxback
{ background-color:#258309;
    margin: 0px;
    padding: 15px;
    transform: rotateY(180deg);
}
.activeLearningboxback h4
{
    font-size: 24px;
    color: white;
    text-transform: capitalize;
}
.activeLearningboxback p
{
    font-size: 16px;
    color: white;
    text-transform: capitalize;
    padding-bottom: 25px;
}

.activeLearning:hover .activeLearningbox{
    transform: rotateY(180deg);
}

/*achive2*/

.activeLearning1
{
    width: 100%;
    height: 250px;
    perspective: 1000px;
}
.activeLearningbox1
{
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    transform-style: preserve-3d;
  
}
.activeLearningboxfront1,.activeLearningboxback1

{

    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    backface-visibility: hidden;
    
}

.activeLearningboxfront1
{
   margin: 0px;
   padding: 0px;
   background-color:#b8022a;
}
.activeLearningboxfront1 i
{
    color: white;
    font-size: 72px;
    position: relative;
   margin-top: 20%;
   left: 35%;
}
.activeLearningboxfront1 p
{
    font-size: 18px;
    font-weight: 600;
    color: white;
   text-align: center;
   margin-top: 50px;
   font-family: 'Gloria Hallelujah', cursive;
}
.activeLearningboxfront1 img
{
    position: relative;
    margin:0 auto;
    display: table;
    top: 50px;
}
.activeLearningboxback1
{ background-color:#b8022a;
    margin: 0px;
    padding: 15px;
    transform: rotateY(180deg);
}
.activeLearningboxback1 h4
{
    font-size: 24px;
    color: white;
    text-transform: capitalize;
}
.activeLearningboxback1 p
{
    font-size: 16px;
    color: white;
    text-transform: capitalize;
    padding-bottom: 25px;
}

.activeLearning1:hover .activeLearningbox1{
    transform: rotateY(180deg);
}

/*activelearning3*/



.activeLearning2
{
    width: 100%;
    height: 250px;
    perspective: 1000px;
}
.activeLearningbox2
{
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    transform-style: preserve-3d;
  
}
.activeLearningboxfront2,.activeLearningboxback2

{

    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    backface-visibility: hidden;
    
}

.activeLearningboxfront2
{
   margin: 0px;
   padding: 0px;
   background-color:#fc7f0c;
}
.activeLearningboxfront2 i
{
    color: white;
    font-size: 72px;
    position: relative;
   margin-top: 20%;
   left: 35%;
}
.activeLearningboxfront2 p
{
    font-size: 18px;
    font-weight: 600;
    color: white;
   text-align: center;
   margin-top: 15px;
   font-family: 'Gloria Hallelujah', cursive;
}
.activeLearningboxfront2 img
{
    position: relative;
    margin:0 auto;
    display: table;
    top: 50px;
}
.activeLearningboxback2
{ background-color:#fc7f0c;
    margin: 0px;
    padding: 15px;
    transform: rotateY(180deg);
}
.activeLearningboxback2 h4
{
    font-size: 24px;
    color: white;
    text-transform: capitalize;
}
.activeLearningboxback2 p
{
    font-size: 16px;
    color: white;
    text-transform: capitalize;
    padding-bottom: 25px;
}

.activeLearning2:hover .activeLearningbox2{
    transform: rotateY(180deg);
}

/*achive4*/

.activeLearning3
{
    width: 100%;
    height: 250px;
    perspective: 1000px;
}
.activeLearningbox3
{
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    transform-style: preserve-3d;
  
}
.activeLearningboxfront3,.activeLearningboxback3

{

    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: absolute;
    backface-visibility: hidden;
    
}

.activeLearningboxfront3
{
   margin: 0px;
   padding: 0px;
   background-color:#92278f;
}
.activeLearningboxfront3 i
{
    color: white;
    font-size: 72px;
    position: relative;
   margin-top: 20%;
   left: 35%;
}
.activeLearningboxfront3 p
{
    font-size: 18px;
    font-weight: 600;
    color: white;
   text-align: center;
   margin-top: 65px;
   font-family: 'Gloria Hallelujah', cursive;
}
.activeLearningboxfront3 img
{
    position: relative;
    margin:0 auto;
    display: table;
    top: 50px;
}
.activeLearningboxback3
{ background-color:#92278f;
    margin: 0px;
    padding: 15px;
    transform: rotateY(180deg);
}
.activeLearningboxback3 h4
{
    font-size: 24px;
    color: white;
    text-transform: capitalize;
}
.activeLearningboxback3 p
{
    font-size: 16px;
    color: white;
    text-transform: capitalize;
    padding-bottom: 25px;
}

.activeLearning3:hover .activeLearningbox3{
    transform: rotateY(180deg);
}

/*aboutus*/

.aboutusleft
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.aboutusright
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.textMiddle
{
    margin: 0px;
    padding: 0px;
}
.textMiddle h4
{
    font-size: 32px;
    color: #92278f;
    font-family: 'Gloria Hallelujah', cursive;
    text-transform: capitalize;
    font-family: 800;
}
.aboutusright p
{
    font-size: 16px;
    color: black;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
}
.aboutusright button
{
    background-color: #92278f;
    color: white;
}

/*ourprogramm*/

.ourprogramebox
{
    margin: 0px;
    padding: 0px;
}
.ourprogrameboximg

{
    width: 100%;
    display: block;
}
.ourprogrameboximg img
{
    max-height: 350px;
    width: 100%;
    object-fit: cover;
}
.ourservicecolor
{
    margin: 0px;
    padding: 0;
}
.ourservicecolor .color1
{
    width: 100%;
    background-color: #92278f;
    padding: 5px;
    text-align: center;
}
.ourservicecolor .color1 p
{
    font-size: 16px;
    color: white;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.ourservicecolor .color1 span
{
    font-size: 16px;
    color: white;
    line-height: 30px;
}

.ourservicecolor .color2
{
    width: 100%;
    background-color: #e84b3a;
    padding: 5px;
    text-align: center;
}
.ourservicecolor .color2 p
{
    font-size: 16px;
    color: white;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.ourservicecolor .color2 span
{
    font-size: 16px;
    color: white;
    line-height: 30px;
}

.ourservicecolor .color3
{
    width: 100%;
    background-color: #fc7f0c;
    padding: 5px;
    text-align: center;
}
.ourservicecolor .color3 p
{
    font-size: 16px;
    color: white;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.ourservicecolor .color3 span
{
    font-size: 16px;
    color: white;
    line-height: 30px;
}
.imagination
{
    margin: 0px;
    padding: 0px;
}
.imagination h4
{
    font-size: 22px;
    font-family: 'Gloria Hallelujah', cursive;
    color: #fc7f0c;
    margin-top: 15px;
    text-transform: capitalize;
}
.imagination span
{
    font-size: 18px;
    color: #e84b3a;

}
.imagination span p
{
    font-size: 16px;
    color: black;
}
.imagination p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}

/*whychoose*/

.whychooseleft
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
 
}
.whychooseleft1
{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.whychooseleft1 .text1
{
    margin: 0px;
    padding: 0px;
width: 70%;
}
.whychooseleft1 .text1 h4
{
    font-size: 22px;
    color: #ffc000;
    font-family: 'Gloria Hallelujah', cursive;
}
.whychooseleft1 .text1 p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}
.whychooseleft1box
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ffc000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.whychooseleft1 .text2
{
    margin: 0px;
    padding: 0px;
width: 70%;
}
.whychooseleft1 .text2 h4
{
    font-size: 22px;
    color: #fc7f0c;
    font-family: 'Gloria Hallelujah', cursive;
}
.whychooseleft1 .text2 p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}
.whychooseleftbox1
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fc7f0c;
    display: flex;
    justify-content: center;
    align-items: center;
}


.whychooseleft1 .text3
{
    margin: 0px;
    padding: 0px;
width: 70%;
}
.whychooseleft1 .text3 h4
{
    font-size: 22px;
    color: #0fbaf4;
    font-family: 'Gloria Hallelujah', cursive;
}
.whychooseleft1 .text3 p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}
.whychooseleftbox2
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #0fbaf4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.whychoosecenter
{
    margin: 0px;
    padding: 0px;
}
.whychoosecenter img
{
    width: 100%;
    display: block;
}

.whychoosecright
{
    margin: 0px;
    padding: 0px;
}
.whychoosecright1
{
    display: flex;
    gap: 15px;
    justify-content: space-between;
}
.whychoosecright1img
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color:#e84b3a;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whychoosecright1 .text4
{
    margin: 0px;
    padding: 0px;
width: 70%;
}

.whychoosecright1 .text4 h4
{
    font-size: 22px;
    color: #e84b3a;
    font-family: 'Gloria Hallelujah', cursive;
}
.whychoosecright1 .text4 p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}




.whychoosecright1img1
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color:#92278f;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whychoosecright1 .text5
{
    margin: 0px;
    padding: 0px;
width: 70%;
}

.whychoosecright1 .text5 h4
{
    font-size: 22px;
    color: #92278f;
    font-family: 'Gloria Hallelujah', cursive;
}
.whychoosecright1 .text5 p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}



.whychoosecright1img2
{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color:#ee257c;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whychoosecright1 .text6
{
    margin: 0px;
    padding: 0px;
width: 70%;
}

.whychoosecright1 .text6 h4
{
    font-size: 22px;
    color: #ee257c;
    font-family: 'Gloria Hallelujah', cursive;
}
.whychoosecright1 .text6 p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}


/*testimonial*/

.testimonialbox
{
   margin-top: 80px;
    padding: 0px;
}
.testimonialbox1
{
    margin: 0px;
    padding: 20px;
    border: solid 1px #ffc000;
    border-radius: 10px;
}

.testimonialbox1 i
{
    color: #ffc000;
    font-size: 24px;

}
.testimonialbox1 p
{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}

.testimonialbox1 h6
{
    color: black;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

.testimonialbox2
{
    margin: 0 auto;
    display: table;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: dotted 1px #ffc000;
}
.testimonialbox2 img
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: dotted 1px #ffc000;
}
/*footer*/

.footerbg
{
    width: 100%;
     padding-top: 80px;
    padding-bottom: 80px; 
    background-image: url(../image/blog-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.footerbg::before
{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(15, 187, 244, 0.26);
    z-index: -1;
    margin-top: -80px !important;
}

/*footerleft*/
.footerleft
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.footerleft p
{
    font-style: 16px;
    color: black;
    text-transform: capitalize;
    margin-top: 15px;
}
.footerleft .footersocial
{
margin: 20px 0px;
padding: 0px;
display: flex;
gap: 10px;
}

.footerleft .footersocial .footersocailclr
{
    margin: 0px;
    padding: 0px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footerleft .footersocial .footersocailclr i
{
    color: white;
    font-size: 16px;
}

.footerleft .footersocial .footersocailclr:nth-child(1)
{
    background-color: #dc4a38;
}

.footerleft .footersocial .footersocailclr:nth-child(2)
{
    background-color: #bd081c;
}

.footerleft .footersocial .footersocailclr:nth-child(3)
{
    background-color: #92278f;
}
/*footercenter*/
.footercenter
{
    margin: 0px;
    padding: 0px;
}
.footercenter h2
{
    font-size: 38px;
    color: #92278f;
    font-family: 'Gloria Hallelujah', cursive;
    text-transform: capitalize;
}

.footercenter .footernav
{
    margin: 0px;
    padding: 0px;   
}

.footercenter .footernav ul
{
    margin: 15px 0;
    padding: 0;
    display: block;
}
.footercenter .footernav ul li
{
    margin: 0px;
    padding: 10px 0px;
    display: block;
    width: 100%;
    list-style: none;
}
.footercenter .footernav ul li a
{
    font-size: 18px;
    color: #bd081c;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    text-decoration: none;
    margin: 0px;
    padding: 10px 0px;
    text-transform: capitalize;
    font-weight: 500;
}

/*footerright*/

.footerright
{
    margin: 0px;
    padding: 0px;
}
.footerright h2
{
    font-size: 38px;
    color: #92278f;
    font-family: 'Gloria Hallelujah', cursive;
    text-transform: capitalize;
}
.footerright .footeradress
{
    display: flex;
    gap: 15px;
    margin-top: 20px;

}
.footerright .footeradress .footeradress1
{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerright .footeradress .footeradress1:nth-child(1)
{
    border: solid 1px #bd081c;
}

.footerright .footeradress .footeradress1 i
{
    color: #bd081c;
    font-size: 20px;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: table;
    display: flex;
    justify-content: center;
    align-items: center;
}



.footerright .footeradress .footeraddresstext
{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    color:#bd081c;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    /* line-height: 50px */
}

.footerright .footeradress .footeraddresstext p
{
    margin-top: 0px;
    padding: 0px;
    font-size: 18px;
    color:#bd081c;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    /* line-height: 50px */
}
.footerright .footeradress .footeraddresstext p span
{
    margin-top: 0px;
    padding: 0px;
    font-size: 18px;
    color:#bd081c;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
     line-height: 50px;
}

.footerright .footeradress .footeraddresstext a
{
    color:#bd081c;
    text-decoration: none;
    line-height: 50px;
}


/*footercopy*/

.footercopyright
{
    margin: 15px 0px;
}

.footercopyright p,.footercopyright p a
{
    font-size: 16px;
    color: #bd081c;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    font-weight: 500;
}

.dis-block
{
    display: none;
}


.sticky .navbox
{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}

/*<-------------------------------------------------------------ABOUTUSPAGE----------------------------------------------------->*/

.aboutusbanner
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../image/aboutus.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
    background-attachment: fixed;
}

.aboutusbanner h2,.aboutusbanner h2 a
{
    color: #dc4a38;
    font-size: 36px;
}


/*<-------------------------------------------------contactuspage---------------------------------------------------------------------------->*/


.contactleft
{
    display: flex;
    justify-content: left;
    margin: 10px 0px;
    padding: 0px;
    width: 100%;
}
.contactleft .contactleftcontactnum
{
    display: flex;
    gap: 15px;
}

.contactleft .contactleftcontactnum .contacticon
{
    margin: 0px;
    padding: 0px;
}
.contactleft .contactleftcontactnum .contacticon i
{
    color: #fc7f0c;
    font-size: 24px;
}
.contactright
{
    margin: 0px;
    padding: 0px;
}

.contactright h4
{
    font-size: 24px;
    color: #fc7f0c;
    font-family: 'Gloria Hallelujah', cursive;
}

.contactright p
{font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: black;
    text-transform: capitalize;

}


.contactleft .contactleftcontactnum .contacticon1
{
    margin: 0px;
    padding: 0px;
}
.contactleft .contactleftcontactnum .contacticon1 i
{
    color: #e84b3a;
    font-size: 24px;
}
.contactright1
{
    margin: 0px;
    padding: 0px;
}

.contactright1 h4
{
    font-size: 24px;
    color: #e84b3a;
    font-family: 'Gloria Hallelujah', cursive;
}

.contactright1 p,.contactright1 p a
{font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: black;
    text-transform: capitalize;
    text-decoration: none;

}


.contactleft .contactleftcontactnum .contacticon2
{
    margin: 0px;
    padding: 0px;
}
.contactleft .contactleftcontactnum .contacticon2 i
{
    color: #fc7f0c;
    font-size: 24px;
}
.contactright2
{
    margin: 0px;
    padding: 0px;
}

.contactright2 h4
{
    font-size: 24px;
    color: #fc7f0c;
    font-family: 'Gloria Hallelujah', cursive;
}

.contactright2 p,.contactright2 p a
{font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: black;
 
    text-decoration: none;

}

.contactright
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}
.contactright label
{
    color: #92278f;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}
.contactright input
{
    font-size: 17px;
    border-radius: 10px;
    color: black;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px;
    border: solid 1px #92278f;
    width: 100%;
    display: block;
    margin: 10px 0px;
}
.contactright input:focus
{
    outline: none;
}
::placeholder
{
    color: #92278f;
}
.contactright textarea
{
    width: 100%;
    height: 150px;
    font-size: 17px;
    border-radius: 10px;
    color: black;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px;
    border: solid 1px #92278f;
    width: 100%;
    display: block;
}

.contactright button
{
    background-color: #92278f;
    text-transform: capitalize;
   margin-top: 15px;
    padding: 0px;
}
/*Gallery*/

.galleryimagebox
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    height: 300px;
}
.mb_100
{
    margin-bottom: 80px;
}

.galleryimageboximg
{
    border-radius: 6px;
    height: 300px;
    object-fit: cover;
    border: solid 1px #dc4a38;
    
}

/*mediaquery*/


@media (max-width:991px){
    .dis-none
    {
        display: none;
    }
    .dis-block
{
    display: block;
}
.resbox
{
    margin: 0px;
    padding: 0px;
}
.reslogo
{
    margin: 0px;
    padding: 0px;
}
.resnav
{
  margin-top: 15px;
    padding: 0px;
    float: right;
}
.resnav i
{
    color: white;
    font-size: 18px;

}
.navigation
{
    width: 200px;
    position: fixed;
    top: 86px;
    left:-100%;
    z-index: 99;
    height: 100%;
    background-color: white;
    transition: all 0.4s ease-in-out;
}
.navigation.mystyle
{
    left: 0;
}
.navigation ul
{
    display: block;
}
.navigation ul li
{
    display: block;
    padding: 15px 0px;
}
.navigation ul li a
{
    color: #92278f;
}
.navigation ul li  ul.submenu
{
    position: relative;
}
.bannerleft
{
    width: 100%;
    display: block;
}
.bannerleft h4
{
    font-size: 24px;
    text-align: center;
}
.mt-40
{
    margin-top: 40px !important;
}
.activeLearningboxfront2 i
{
    left: 40%;
}
.activeLearningboxfront i 
{
    left:40%;
}
}