@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.eot');
    src: url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff'),
        url('../fonts/Poppins-Black.ttf') format('truetype'),
        url('../fonts/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.eot');
    src: url('../fonts/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BlackItalic.woff') format('woff'),
        url('../fonts/Poppins-BlackItalic.ttf') format('truetype'),
        url('../fonts/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.eot');
    src: url('../fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BoldItalic.woff') format('woff'),
        url('../fonts/Poppins-BoldItalic.ttf') format('truetype'),
        url('../fonts/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.eot');
    src: url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.woff') format('woff'),
        url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.eot');
    src: url('../fonts/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff'),
        url('../fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.eot');
    src: url('../fonts/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.eot');
    src: url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Italic.woff2') format('woff2'),
        url('../fonts/Poppins-Italic.woff') format('woff'),
        url('../fonts/Poppins-Italic.ttf') format('truetype'),
        url('../fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.eot');
    src: url('../fonts/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-LightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-LightItalic.woff') format('woff'),
        url('../fonts/Poppins-LightItalic.ttf') format('truetype'),
        url('../fonts/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.eot');
    src: url('../fonts/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
        url('../fonts/Poppins-MediumItalic.woff') format('woff'),
        url('../fonts/Poppins-MediumItalic.ttf') format('truetype'),
        url('../fonts/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Regular.eot');
    src: url('Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('Poppins-Regular.woff2') format('woff2'),
        url('Poppins-Regular.woff') format('woff'),
        url('Poppins-Regular.ttf') format('truetype'),
        url('Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-SemiBoldItalic.eot');
    src: url('Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('Poppins-SemiBoldItalic.woff') format('woff'),
        url('Poppins-SemiBoldItalic.ttf') format('truetype'),
        url('Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ThinItalic.eot');
    src: url('../fonts/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ThinItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ThinItalic.woff') format('woff'),
        url('../fonts/Poppins-ThinItalic.ttf') format('truetype'),
        url('../fonts/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Thin.woff2') format('woff2'),
        url('../fonts/Poppins-Thin.woff') format('woff'),
        url('../fonts/Poppins-Thin.ttf') format('truetype'),
        url('../fonts/Poppins-Thin.svg#Poppins-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body{
    color: #2D3A49;
    font-family:'Poppins';
    background-color: #F7F7F7;
}
p{
    
    font-weight:300;
    font-style: normal;
}
a{
    text-decoration: none;
    cursor: pointer;
}
.container-fluid{
   padding: 0px;
}
.position-relative{
    position: relative;
}
li{
    list-style: none;
    font-weight:300;
    font-style: normal;
}
ul{
    padding-left: 0px;
}
 button:focus,.form-control:focus{
    box-shadow: none !important;
    outline: 0;
 }
 .title-line {
    height: 1.5px;
    background-color:#B34B26;
    margin-top: 8px;
    margin-bottom: 10px;
    position: relative;
    animation: line1 9s infinite alternate;
}
.title-line2{
    height: 1.5px;
    background-color:#B34B26;
    margin-top: 8px;
    margin-bottom: 10px;
    position: relative;
    animation: line2 9s infinite alternate;
}
.title-line::before{
    content: "";
    position: absolute;
    height:6px;
    width: 6px;
    border-radius: 50%;
    left: 0;
    bottom: -2px;
    background-color:#B34B26;;
}
.title-line2::before {
    content: "";
    position: absolute;
    height:6px;
    width: 6px;
    border-radius: 50%;
    left: 0;
    bottom: -2px;
    background-color:#B34B26;;
}
 .title-line::after{
    content: "";
    position: absolute;
    position: absolute;
    height:6px;
    width:6px;
    border-radius: 50%;
    right: 0;
    bottom: -2px;
    background-color:#B34B26;
}
.title-line2::after{
    content: "";
    position: absolute;
    position: absolute;
    height:6px;
    width:6px;
    border-radius: 50%;
    right: 0;
    bottom: -2px;
    background-color:#B34B26;
}
@keyframes line1 {
    0% {width: 0;}
    100% {width:70%;
    }
}
@keyframes line2 {
    70% {width: 0;}
    00% {width:70%;}
    }
.streach-col{
    display:flex;
    align-items: stretch;
}
.container,section,header,footer,.container-fluid,.footer-line{
    width: 540px;
    margin: auto;
}
.container{
    padding: 0px 12px;
}
/* ========start header============ */
header{
    z-index: 99;
    background: rgb(27 27 27);
}
header .navbar{
padding:14px 0px;

}
.navbar-brand {
   padding: 0px;
}
header .header-topline{
   
    height:4px;
    background-color:#F24462;
    }
    header .navbar-brand img  {
        width: 100%;
        display: block;
        float: left;
        max-width: 303px;
        transition: .9s all;
    }
  
.navbar .book-demo {
    background: linear-gradient(180deg, #F24462 0%, #95192E 100%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6), inset 0px 0px 7px rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    color: #fff;
    padding:7px 25px;
    transition: 0.9s all;
    font-weight: 600;
    border:none;
    font-size: 18px;
    transform: scale(0);
    font-weight: 700;
   
}
.navbar .book-demo:hover {
    background: linear-gradient(180deg, #DCAD00 0%, #FFC800 100%);
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.8);
    color: #000;
    transition: .9s all;
    transform: scale(1.2);
    font-size: 19px;
    
    }
    .navbar .book-demo img.white-icon{
        transition: .9s all;
        filter: invert(1);
    }
    .navbar .book-demo:hover img.white-icon {
        display: inline;
        transform: rotate(138deg);
        filter: unset;
  }

/* =====end header========= */

.institute-banner-section ul.banner-logo {
    display: flex;
    margin-top:30px;
}
.institute-banner-section ul.banner-logo li{
    margin-right: 10px;
}
.institute-banner-section{
    background-color:  rgba(0, 69, 100, 0.8);
    background-image: url('../images/banner-bg.png');
    padding:30px 0px;
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    animation:background-change 9s infinite;
    transition: all 20s ease-in-out;
}
@keyframes background-change{
    0% {
        background-image: url('../images/banner-bg.png');
    }
 50% {
    background-image: url('../images/banner-bg-2.png');
    }
100%{
    background-image: url('../images/banner-bg-3.png');
    }
}
.institute-banner-section .laywer-img{
position: absolute;
left:48%;
transform: translateX(-50%);
bottom: 0;
}
.institute-banner-section .laywer-img img{
    max-width:290px;
}
.institute-banner-section .banner-text .title-text h2{
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom:15px;
    text-transform: uppercase;
}
.institute-banner-section .banner-text .title-text h3 {
    color: #F24462;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 0px;
}
.institute-banner-section .banner-text .title-text p{
font-size:18px;
line-height: 170%;
color: rgba(255, 255, 255, 0.7);
}
.institute-banner-section .banner-text {
    padding:20px;
    margin-top:20px;
    position: relative;
    animation: banner-bg 9s infinite;
    transition: all 20s ease-in-out;
}
@keyframes banner-bg {
    0% {
   
    }
 100% {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    }
    0%{
        background:transparent;
    }
}
.institute-banner-section .banner-text .banner-icon1{
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    animation: banner-icon1 9s infinite;
    transition:.9s ease-out;

}
@keyframes banner-icon1 {
    0% {
        top: -14px;
    }
 100% {
   top: 20px;
    }
    0%{
        top: -14px;
    }
}

.institute-banner-section img.banner-icon2{
     transform: rotate(177deg);
    width: 100px;
    animation: banner-icon2 9s infinite;
    transition:.9s ease-out;
    margin-top:-20px;
}
/* @keyframes banner-icon2 {
    0% {
     bottom: 0;
    }
 100% {
    bottom: -15px;
    right: -20px;
    }
    0% {
       right: 0px;
        top: 0px;
    }
   
} */
.institute-banner-section .banner-text .banner-icon3{
    position: absolute;
    bottom: 42%;
    transform: translateY(-50%);
    right: 130px;
    width: 40px;
    animation: banner-icon3 9s infinite;
    transition:.9s ease-out;
}
@keyframes banner-icon3 {
    0% {
       bottom: 42%;
       width: 40px;
    }
 100% {
    bottom:30%;
       width:45px;
    }
    0%{
        bottom: 42%;
        width: 40px;
    }
}
.institute-banner-section .banner-icon4{
    
    width: 38px;
    animation: banner-icon4 9s infinite;
    transition:.9s ease-out;
    margin-left: 50px;
}
@keyframes banner-icon4 {
    0% {
     
    }
 100% {
    transform: rotate(45deg);
    }
    0%{
        transform: rotate(0deg);
    }
}


.institute-banner-section .list-text h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    text-transform: capitalize;
    color: #fff;
    margin-top: 20px;
    margin-bottom:12px;
}
.institute-banner-section .list-text p{
    font-size: 18px;
    color: #fff;
    margin-bottom: 2px;
}
.institute-banner-section .list-text li{
    font-size:15px;
    line-height: 170%;
    color:#fff;
    margin-bottom:5px;
    list-style: disc;
    margin-left: 30px;
}

.institute-banner-section .list-text li::marker{
    color:#FFC800;
}

.institute-banner-section .testimonial-box{
    text-align: center;
    margin-top:50px;
    margin-bottom: 0px;
    width: fit-content;
    height: 421px;
    margin: auto;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px #000000;
    position: relative;

}
.institute-banner-section .testimonial-box video{
 width:auto;
 height: 100% ;
 border-radius: 10px;


}

/*--====== section title====-- */
.section-title{
    text-align: center;
    margin:30px 0px;
    display: block;
    width: 100%;
    position: relative;
}
.section-title h2{
   font-weight:700;
    font-size: 32px;
    text-align: center;
    color: #F24462;
    display: inline-block;
    position: relative;
    text-transform: capitalize;

}
.section-title h2::after{
   display:none ;
}
.section-title h2 span{
    color:#1D1D1D;
}
.section-title p{
    margin-top:10px;
    color: #1D1D1D;
}
.section-title h1 {
    color:rgb(0 69 100 / 73%);
    opacity: 7%;
    position: absolute;
    top:-20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 1;
    font-size: 56px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    font-family: 'Anko';
}
body.institute-page .navbar .book-demo:hover{
    background: linear-gradient(180deg, #E31E25 23.47%, #EE8543 100%);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
}
/* --=======course-section======-- */

.course-box:hover{
    background-color: #fff !important;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
}
.city-box:hover{
    background-color: #fff !important;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
}
.institute-box:hover{
    background-color: #fff !important;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
   
   

}

.course-box,.city-box,.institute-box,.advantage-section .advantage-box label{
    transition-timing-function: ease-in-out;
    transition-duration:1s;

}

.courses-section,.institutes-section{
    background-color:#F9FAFB;
    padding-top: 20px;
    padding-bottom: 50px;
}
.courses-section{
    padding-top: 30px;
}
.courses-section .course-box {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 24px;
    transition: .9s all;
}
.courses-section .box-right-info{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 0px 12px;
}
.courses-section .box-right-info label{
    font-style: normal;
font-weight: 500;
font-size: 22px;
color: #2D3A49;
margin-bottom:5px;
text-transform: capitalize;
}
.courses-section .box-right-info p{
    font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
color: #2D3A49;
opacity: 0.6;
margin-bottom: 0px;
text-transform: capitalize;
}
.courses-section .box-left-img{
    position: relative;
}
.courses-section .box-left-img::before{
    content: '';
    background-image: url('../images/institute-images/fees-icon1.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 42px;
}
.courses-section .course-box:hover .box-left-img::before{
    background-image: url('../images/institute-images/fees-icon1-white.png');
}
.courses-section .course-box:hover .box-left-img::after{
    background-image: url('../images/institute-images/fees-icon2-white.png');
}
.courses-section .box-left-img::after{
    content: '';
    background-image: url('../images/institute-images/fees-icon2.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
}
.courses-section .box-left-img img{
    display: block;
    
}
.courses-section .course-area {
   margin-top: 45px;
    margin-bottom: 20px;
}
/* --===========end courses============-------- */
.top-cities-section{
    padding: 30px 0px;
}
.top-cities-section .cities-area{
    
    margin-bottom:30px;
}
.top-cities-section .cities-area .view-more-area{
    text-align:right ;
    width: 100%;
    margin-bottom: 20px;
}
.top-cities-section .city-box{
    text-align: center;
    padding:18px;
    border-radius: 10px;
    margin-bottom: 24px;
    }
.top-cities-section .city-box img{
display: block;
margin: auto;
margin-bottom: 15px;
}
.top-cities-section .city-box label{
font-style: normal;
font-weight: 500;
font-size:18px;
text-align: center;
color: #2D3A49;
text-transform: capitalize;
margin-bottom:5px;
}
.top-cities-section .city-box  p{
font-style: normal;
font-weight: 400;
font-size:16px;
line-height: 140%;
text-align: center;
color: #2D3A49;
opacity: 0.6;
margin-bottom: 0px;
text-transform: capitalize;
}
.top-cities-section .cities-area .view-more-area a{
background: #E31E25;
mix-blend-mode: normal;
backdrop-filter: blur(6px);
border-radius: 50px;
color: #fff;
padding: 6px 18px;
display: inline-block;
border: 1px solid transparent;
}
/* --======== end city-section ============--- */
.institutes-section{
    padding-top: 30px;
}
.institutes-section .institute-box {
    padding: 18px;
    margin-bottom: 24px;
    border-radius: 10px;
}
.institutes-section .institute-box h4{
font-style: normal;
font-weight: 500;
font-size:18px;
color: #2D3A49;
}
.institutes-section .institute-box p.address{
font-style: normal;
font-weight: 500;
font-size: 14px;
color: #46BA53;
margin-bottom: 5px;
}
.institutes-section .institute-box p.course-name{
font-style: normal;
font-weight: 500;
font-size: 13px;
color: #2D3A49;
margin-bottom: 5px;
}
.institutes-section .institute-box p.total-fees{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
  color: #EE8543;
  margin-bottom:0px ;
}
.institutes-section .institute-box ul{
    display: flex;
    padding-left: 0px;
}
.institutes-section .institute-box li{
  margin-right:5px;
}
.institutes-section .institute-box .footer-btns {
    display: flex;
    justify-content: space-between;
}
.institutes-section .institute-box .footer-btns a{
padding: 5px 15px;
border-radius: 80px;
color: #fff;
font-size: 14px;
}
.institutes-section .institute-box .footer-btns a.knowmore-btn{
    background: #16AFEB;
    }
.institutes-section .institute-box .footer-btns a.getcall-btn{
        background:#E31E25;
     }
.institutes-section .institute-box .footer-btns a.democlass-btn{
    background: #46BA53;
     }

/* --========media-section=======-- */
.media-section{
    background-color:#fff !important;
    background-image: url('../images/slide-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:30px 0px;
}
.media-section .media-box:hover img{
    transform: scale(1.2);
}
.media-section .owl-theme .owl-dots {
    margin-top:30px !important; 
}
.media-section .owl-theme .owl-dot span {
    width: 35px !important;
    height: 8px !important;
}
.media-section .owl-theme img{
    cursor: pointer;
}
/* --=========testimonial-section=========--- */
.testimonial-section{
    padding-top:20px;
    padding-bottom: 50px;
    background-color:#F7F8F9;
    
}
.testimonial-section .view-more-area{
  text-align: center;
}
.testimonial-section .view-more-area a {
    background: #E31E25;
    mix-blend-mode: normal;
    backdrop-filter: blur(6px);
    border-radius: 50px;
    color: #fff;
    padding: 6px 18px;
    float: right;
    border: 1px solid transparent;
}

.testimonial-box{
	position: relative;
	 margin-bottom: 24px;
    overflow: hidden;
    border-radius: 15px;
}
.testimonial-box .main-img{
    position: absolute;
    width: 100%;
    display: none;
    z-index: 99;
    overflow: hidden;
    transition:3s;
    padding: 0px 12px;
    
}
.testimonial-box video {
		width: 100%;
		height:290px;
		border-radius: 15px;
       overflow: hidden;
       z-index: 11;
       transition:3s;
       
	}
    .testimonial-box:hover .main-img{
       display: block;
     
    box-shadow: 0px 0px 25px rgb(0 0 0 / 8%);
    }
    .testimonial-section .view-more-area a:hover,.top-cities-section .cities-area .view-more-area a:hover {
        background: #2D3A49;
        border-color: #2D3A49;
        
    }

.testimonial-box .play-button-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
    z-index: 999;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	pointer-events: none;
}

.testimonial-box .playBtn {
       
        background-color: transparent;
        border-radius: 100%;
        cursor: pointer;
		pointer-events: auto;
        position: relative;
       
    }
    .testimonial-box:hover .playBtn::after{
        display: block;
        animation: shadowPulse 1s infinite linear;
    }
    .testimonial-box:hover .playBtn::before{
        display: block;
        animation: shadowPulse 3s infinite linear;
    }
    .testimonial-box .playBtn::before {
        display:none;
        position: absolute;
        content: '';
       top: 50%;
        left: 50%;
        transform: translate(-40%, -50%);
    }

    .testimonial-box .playBtn::after {
        display: none;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition-duration: 4s;
        border-radius: 100%;
        animation: ringPulse 3s infinite linear;
    }

    @keyframes ringPulse {
        0% {
            opacity: 0;
            transform: scale(0.5);
        }

        10% {
            opacity: 1;
        }

        80%, 100% {
            opacity: 0;
            transform: scale(.9);
        }
    }

    @keyframes shadowPulse {
        0% {
            box-shadow: 2px 2px 8px 6px transparent,
                        0 0 0 0 transparent,
                        0 0 0 0 transparent;
        }

        10% {
            box-shadow:2px 2px 8px 6px #b6b6b6,
                        2px 2px 12px 10px transparent,
                        2px 2px 12px 5px #bebebe;
        }

        80%, 100% {
            box-shadow: 2px 2px 8px 6px transparent,
                        0 0 0 20px transparent,
                        0 0 0 20px transparent;
        }
    }
	
.testimonial-area .testimonial-content{
margin-left:12px;
padding-left: 20px;
border-left:7px solid#EE8543;
}
.testimonial-area .testimonial-content2{
   
    border-left:7px solid#16AFEB;
    }
.testimonial-area .testimonial-content h4{
    color: #2D3A49;
    font-size:18px;
    font-style: normal;
    font-weight: 500;
    }
    .testimonial-area .testimonial-content p{
        color: #2D3A49;
        opacity: 0.6;
        font-size:16px;
        font-style: normal;
        font-weight: 500;
        }   
/* --======end testimonial=====---- */
::placeholder{
    color: rgba(38, 38, 38, 0.4) !important;
}
.contact-section{
    background-image: url('../images/contact-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #F7F0E3;
    margin-bottom: 0px;
    padding:30px 0px;
}

.contact-section .form-group {
    position: relative;
}
.contact-section .form-group img{
    position: absolute;
    right:14px;
    top: 10px;
    width: 100%;
    max-width:21px;
}
.contact-section .form-group .form-control {
    background: rgba(35, 35, 35, 0.05);
    border-radius: 6px;
    width: 100%;
    padding:8px 12px;
    border:1px solid transparent;
}
.contact-section .form-group .form-control:focus{
    background-color: #fff;
    border: 1.5px solid #F24462;
}

.contact-section .contact-form form{
    width:100%;
    margin: auto;
    padding: 30px 50px;
    background: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1), inset 0px 0px 12px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}
.contact-section .form-group .dropdown-toggle i{
   float: right;
   font-size:24px;
}
.contact-section .dropdown-toggle::after{
    display:none;
}
.contact-section form .dropdown-menu {
    width: 100%;
}
.contact-section form .form-check-label{
    color: #fff;
    font-size:16px;
}
.contact-section form .form-check-input {
   
    background-color:#5FD46C;
}

.contact-section form .form-check-input:focus {
    outline: 0;
    box-shadow: none;
}
.contact-section form .submit-btn{
    background: linear-gradient(90deg, #F24462 0%, #1D1D1D 98.04%);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), inset -1px -1px 7px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color:#fff;
    padding:8px 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    transition: .9s all;
    
}
.contact-section form .submit-btn:hover{
    background: linear-gradient(90deg, #1D1D1D 0%, #F24462 98.04%);

}
/* form.form-contact */
form.form-contact {
    border-radius: 10px;
    background-color: #fff;
    position: relative;
}

form.form-contact .form-bottom-line{
    position: absolute;
    bottom: 0;
    height:8px;
    left: 50%;
    transform: translateX(-50%);
    width:70%;
    margin: auto;
    background: linear-gradient(90deg, #F24462 0.72%, #FFC800 99.97%);
    border-radius: 15px 15px 0px 0px;
}
form.form-contact .form-title{
    padding:30px 10px 10px 10px;
    text-align: center;
    color: #fff;
}
form.form-contact .form-title h4{
    color: #F24462;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    text-transform: capitalize;
    line-height: 38px;
    margin-bottom:5px;
}
form.form-contact .form-title p{
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
}
form.form-contact .form-detail {

padding: 20px;
padding-top: 0px;
padding-bottom: 30px;
}
form.form-contact .form-input  {
    position: relative;
}
form.form-contact .form-textbox, form.form-contact .form-textarea{
    border: none;
    padding:20px 12px;
    border-radius:8px !important;
    background: #D5B472 !important;
    opacity: 0.15 !important;
}

form.form-contact .form-input  input::placeholder{
    color: rgba(102, 102, 102, 0.5);
}
form.form-contact .form-input  input:focus{
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1) !important;
    border: none !important;

}
form.form-contact .form-input  input img {
    position: absolute;
    right: 14px;
    top: 10px;
    width: 20px;
}
form.form-contact .form-submit-button{
    background: linear-gradient(180deg, #011B32 0%, #003869 100%) !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3), inset 0px 0px 10px rgba(0, 0, 0, 0.3) !important;
    border-radius: 6px !important;
    color: #fff;
    font-weight: 800;
    padding:8px 25px;
    display:block;
    margin:auto;
    margin-top:30px;
    transition: .9s all;
    width: fit-content;
}

form.form-contact .form-submit-button:hover{
    background: linear-gradient(0deg, #16AFEB 0%, #0095CF 100%);
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.25);
}
/* --======end contact-section=====---- */
section.price-table-section {
    padding: 40px 0px;
}
.price-table-section .price-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15), inset 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-bottom: 30px;
}
.price-table-section .price-box .price-title{
    position: relative;
    color: #fff;
    text-align: center;
    z-index: 99;
    height: 213px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.price-table-section .price-box .price-title::before{
    background-image: url(../images/price-title-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    content: " ";
    position: absolute;
    z-index: -9;
    transition: .9s all;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.price-table-section .price-box:hover .price-title::before{
    background-image: url(../images/price-title-bg-black.png);
}
.price-table-section .price-box .price-title h4{
    color: #fff;
    text-transform: uppercase;
}
.price-table-section .price-box:hover .price-title h4{
    color: #F24462;
}
.price-table-section .price-box .tag-line {
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 20px;
    margin-bottom: 10px;
    background: #FFC800;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
color: #000;
}
.price-table-section .price-box .price-title h1{
    color: #fff;
}
.price-table-section .price-detail {
    padding:30px;
    display: flex;
    justify-content: center;
    
}
.price-table-section .price-detail ul{
    position: relative;
    text-align: center;
}
.price-table-section .price-detail ul li{
    position: relative;
    display: flex;
    text-align: center;
    padding-left:30px;
    color: #1D1D1D;
    font-size: 15px;
    margin-bottom: 10px;

}
.price-table-section .price-detail ul li::before{
    position: absolute;
    content: "";
    top:7px;
    left: 0;
    background-image: url('../images/price-list-icon.png');
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}
.price-table-section .price-box .price-bottom{
    position: relative;
    color: #fff;
    text-align: center;
    z-index: 99;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.price-table-section .price-box .price-bottom::before{
    background-image: url(../images/price-bottom-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    content: " ";
    position: absolute;
    z-index: -9;
    width: 100%;
    transition: .9s all;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.price-table-section .price-box:hover .price-bottom::before{
    background-image: url(../images/price-bottom-bg-black.png);
   
}
.price-table-section .price-box .price-bottom h2{
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    padding-top: 15px;
    transition: .9s all;
}
.price-table-section .price-box:hover .price-bottom h2{
    color: #FFC800;
}
/*  */
.footer-line {
    background: #F24462;
}
.footer-line p{
   
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding:10px;
    margin-bottom: 0px;
    font-weight: 600;
}

/* common-contact-section */
.common-contact-section{
    background-image: url('../images/img/comman-contact-section.png');
    background-color: #011B32;
    background-repeat: no-repeat;
    background-size: cover;
    padding:70px 0px;
}
.common-contact-section h2{
font-weight:700;
font-style: normal;
font-size: 35px;
text-align: center;
color: #FFFFFF;
margin-bottom: 15px;
text-transform: uppercase;
}
.common-contact-section p{
    font-weight:400;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    color: #fff;
}

.common-contact-section form .submit-btn {
    border: none;
    background: linear-gradient(180deg, #E16C42 0%, #B34B26 100%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    color: #ffff;
    font-size: 20px;
    font-weight: bold;
    padding:6px 20px;
    display: block;
    margin: auto;
    margin-top:40px;
    transition: .9s all;
}
.common-contact-section form .submit-btn:hover{
    background: linear-gradient(180deg, #FCB900 0%, #D08800 100%);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.common-contact-section form .submit-btn img{
   
    transition: .9s all;
}
.common-contact-section form .submit-btn:hover img{
    transform: rotate(138deg);
    filter: invert(1);
}
body.institute-page .section-title {
   margin-bottom: 20px;
}
.common-contact-section .orange-btn{
width: fit-content;
background: #EE8543;
}
/* attorneys */
.attorneys-section .attorneys-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(112, 144, 176, 0.2);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    transition: .9s all;
    width: 100%;
}
.attorneys-section .row{
    align-items: stretch;
    justify-content: center;
}
.attorneys-section .row .col-lg-4{
    align-items: stretch;
    display:flex;
}
.attorneys-section .attorneys-box:hover label{
    border-color: #B34B26;
}
.attorneys-section .attorneys-box:hover .bottom-line{
    background-color:#B34B26 ;
}
.attorneys-section .attorneys-box label {
    width: 208px;
    height: 208px;
    border: 10px solid  rgba(213, 180, 114, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 20px;
    transition: .9s all;
}
.attorneys-section .attorneys-box label img{
    width:100%;
}
.attorneys-section .attorneys-box h4{
    color: #B34B26;
}
.attorneys-section .attorneys-box h6{
    font-size:16px;
    color: #004564;
    font-style: normal;
    font-weight: 500;
}
.attorneys-section .attorneys-box .title-line{
    animation: none;
    width: 70%;
    margin: auto;
    margin-bottom:20px;
    background-color: #D5B472;
    transition: .9s all;
}
.attorneys-section .attorneys-box .title-line::after,.attorneys-section .attorneys-box .title-line::before{
    background-color: #D5B472;
}

.attorneys-section .attorneys-box .bottom-line {
    position: absolute;
    bottom: 0;
    height: 8px;
    left: 50%;
    transform: translateX(-50%);
    width:80%;
    margin: auto;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color:#D5B472;
    transition: .9s all;
}
/* attorneys */
.lowyer-section{
   padding: 70px 0px;
}
.lowyer-section video {
    border-radius:15px;
    height:450px;
}

.lowyer-section .testimonial-box {
height:100%;
margin-bottom: 0px;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
border-radius: 15px;
border: 1.2px solid #FFC800;
padding: 10px;
width: fit-content;
margin: auto;
height: 437px;
margin-bottom: 30px;
}
.play-button-wrapper img{
width: 80px;
}
.lowyer-section .lawyer-box {
    margin-top: 35px;
    background: #F7F0E3;
    border: 2px solid #D5B472;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    border-radius: 17px;
    text-align: center;
    position: relative;
    height:450px;
    transition: .9s all;
}
.lowyer-section .lawyer-box:hover{
    background: #fff;
}
.lowyer-section .lawyer-box:hover h4{
    background:#252525b8;
    color: #D5B472;
}
.lowyer-section .lawyer-info{
    position: absolute;
    bottom: 0;
    border-radius:0px 0px 17px 7px;

}
.lowyer-section .lawyer-box h4{
    background:#edededd6;
    margin-bottom: 0px;
    padding: 6px;
    color:#004564;
    font-size: 22px;
    font-weight:600;
    transition: .9s all;
}
.lowyer-section .lawyer-box p{
    background: #B34B26;
border-radius:0px 0px 17px 7px;
margin-bottom: 0px;
color: #fff;
font-style: normal;
font-size: 16px;
padding:10px 15px;
}
.lowyer-section .lawyer-box img{
    width: 100%;
}
/* practice-section */
section.practice-section {
    padding: 30px 0px;
}
.practice-section .practice-box{
    background: rgba(213, 180, 114, 0.2);
border-radius: 10px;
padding: 30px;
margin-bottom: 30px;
transition: .9s all;
overflow: hidden;
text-align: center;
}
.practice-section .practice-box:hover{
    background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.practice-section .practice-box h4
{
    color: #B34B26;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    margin-top: 30px;
    margin-bottom: 0px;
    transition: .9s all;
    padding-top: 10px;
}
.practice-section .practice-box:hover h4{
    color: #ec764a;
    font-size: 19px;
   
}
.practice-section .practice-box label img{
    width: 100%;
    transition: .9s all;
}
.practice-section .practice-box:hover label img{
    width: 100%;
    transform: scale(1.4);
}
/* media-section */
.media-section{
    background-color: #F9FAFB;
    padding-top: 30px;
    padding-bottom: 50px;
}
.media-section .media-box label img{
    width: 100%;
}
.media-section .owl-theme .owl-dots {
    margin-top:30px !important; 
}
.media-section .owl-theme .owl-item {
   cursor: pointer;
}
.media-section .owl-theme .owl-dot span {
    width: 35px !important;
    height: 8px !important;
}

/* review-section */
.review-section{
    background-image: url('../images/review-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0px;
}
.review-section .review-box{
    display:flex;
    justify-content: center;
    transition: .9s all;
    margin-bottom: 20px;
}
.review-section .review-box:hover p {
    background-color: #f24462;
}
.review-section .review-box:hover h1 {
 transform: scale(1.1);
}
.review-section .review-box label{
    text-align: center;
}
.review-section .review-box h1 {
    background: linear-gradient(90deg, #F24462 15.03%, #FFC800 87.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    margin-bottom:0px;
   
    transition: .9s all;
}
.review-section .review-box p{
    color: #fff;
    margin-bottom: 0px;
    padding:10px 15px;
    transition: .9s all;
    border-top: 2px solid #f24462;
}
/* feature-section  */
.feature-section{
    background: #F7F7F7;
    padding:40px 0px;
}
.feature-section .feature-box{
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.05);
    border:1px solid #FFC800;
    border-radius: 10px;
    transition: .5s all;
    margin-bottom: 30px;

}
.feature-section .feature-box:hover h2{
    background: linear-gradient(270deg, #1D1D1D 0%, #F24462 100%);
    letter-spacing: 0.5px;
}
.feature-section .feature-box h2{
    background: linear-gradient(270deg, #F24462 0%, #1D1D1D 100%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0px 0px;
    font-weight: 600;
    font-size: 20px;
    margin-bottom:0px;
    padding:10px 20px;
    color: #fff;
    transition: .5s all;
}
.feature-section .feature-box .info p{
    margin-bottom: 0px;
    font-weight: 500;
}
.feature-section .feature-box:hover .info{
    padding-top: 25px;
}
.feature-section .feature-box .info{
    padding:20px;
    text-align: justify;color: #262626;
    font-size: 15px;
    transition: .5s all;
}
.feature-section .feature-box:hover{
    background: #fff;

}
/* video-section */
.video-section {
    background-image: url('../images/video-section-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding:30px 0px;
}

/* work-box */
section.work-section {
    padding:30px 0px;
    background-color: #fff;
}
.work-section .work-box {
    padding: 20px 15px;
    text-align: center;
    position: relative;
    padding-top: 50px;
    margin-top:70px;
    transition: .9s all;
}
.work-section .mobile-row{
    display: none;
}

   
.work-section .work-box:hover{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    border-color: transparent;
}
.work-section .cust-col{
    width: 20%;
}
.work-section .work-box .img-circle {
    position: absolute;
    top: -40px;
    height: 80px;
    width: 80px;
    background: #F24462;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.work-section .work-box .img-circle img{
    transition: .9s all;
}
.work-section .work-box:hover .img-circle{
    background: #000;
}
.work-section .work-box:hover .img-circle img
{
    transform: rotate(-45deg);
}
.work-section .work-box h4{
    color:#000;
    font-size:17px;
    margin-bottom: 15px;
    font-weight: 600;
}
.work-section .work-box p{
    font-size: 14px;
}
/* end */
.advantage-section{
    background-image: url('../images/advantage-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding:30px 0px;
    padding-bottom:10px
}
.advantage-section .advantage-box{
    text-align: center;
    margin-bottom: 24px;
}
.advantage-section .advantage-box .hover-img{
    display:none;
    transition: .9s all;
}
.advantage-section .advantage-box:hover .hover-img{
    display:block;
    transition: .9s all;
    padding-bottom: 10px;
    border-bottom: 2px solid #D08800;
}
.advantage-section .advantage-box .main-img{
    transition: .9s all;
}
.advantage-section .advantage-box:hover .main-img{
    display:none;
}
.advantage-section .advantage-box label{

border-radius: 15px;
padding: 10px 15px;
margin: auto;
margin-bottom: 20px;
height:90px;
width:90px;
display: flex;
align-items: center;
justify-content: center;
}
.advantage-section .advantage-box label img{
  margin-left: 0px;
  transition: .9s all;
}
.advantage-section .advantage-box h4{
    color: #2D3A49;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}
.advantage-section .advantage-box p{
    font-size:15px;
    font-style: normal;
    color: #fff;
    transition: .9s all;
   
}
.advantage-section .advantage-box:hover p {
   padding-top: 10px;
}

    .section-title.mobile-title {
        display: none;
    }
    section.price-table-section {
        display: none;
    }
    .last-contact-section{
        display:none;
    }
    .advantage-section .section-title p {
       display: none;
    }
.work-section .work-box .img-circle {
    position: unset;
    transform: unset;
}
    .work-section .main-screen-row{
        display:none;
    }
    .work-section .mobile-row{
        display: flex;
    }
    .work-section .work-box {
        margin-top: 0px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 20px 25px;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 0px 5px rgba(0, 0, 0, 0.05);
        border-radius: 10px;
    }
    .advantage-section .advantage-box {
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .advantage-section .advantage-box p {
        text-align: left;
    }
    .advantage-section .advantage-box label {
        margin-right: 20px;
    }
    .institute-banner-section label.title-text {
        text-align: center;
        width: 100%;
    }
    .institute-banner-section .banner-text .banner-icon1 {
        left: 0;
        transform: unset;
    }
    .institute-banner-section .banner-text .banner-icon3 {
        right: 15px;
        width: 26px;
    }
    .contact-section .form-title span {
        display: block;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
        font-size: 16px;
    }
    
    .work-section .cust-col {
        width:100%;
    }
    .contact-section form .submit-btn {
       font-size: 15px;
    }
    .contact-section .contact-form form {
        padding: 20px 30px;
    }
    label.teacher-img {
     text-align: center;
        padding-top: 20px;
    }
    .teacher-info-section .teacher-img img {
        height: 250px;
        width: 200px;
        text-align: center;
    }
    .teacher-info-section .teacher-info-box:hover .teacher-img img {
        width: 200px;
    }
   
    .footer-line p {
        font-size: 14px;
        padding: 8px 10px;
    }
    .footer-area {
        padding: 15px 0px;
    }
    form.form-contact .form-title h4 {
       font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    form.form-contact .form-detail {
        padding: 20px 0px;
    }
footer .footer-menu li a {
    font-size:14px;
 }
 .footer-logo-part p{
    font-size: 14px;
 }
 footer .footer-logo {
    max-width: 250px;
}
.section-title h2 {
   
    font-size: 32px;
}
.contact-section form {
    width: 95%;
}
.courses-section .box-right-info label {
    font-size: 20px;
}
.courses-section .box-right-info p {
   font-size: 16px;
}

header .navbar-brand img {
  max-width:105px;
  
}
section.practice-section {
    padding-bottom: 0px;
}
.banner-section .banner-text h2 {
    font-size: 22px;
}
.courses-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.institute-banner-section .banner-review {
   display: block;
}
.institute-banner-section .banner-review .review-img {
    justify-content: start;
}
.institute-banner-section  .banner-review-text {
    margin-top: 20px;
}
.institute-banner-section .banner-text .title-text p {
    font-size: 14px;
}
.institute-banner-section form .form-title p {
    font-size: 15px;
}
.institute-banner-section form {
    width: 95%;
}
.section-title h2, .common-contact-section h2 {
    font-size: 24px;
}
.section-title h2::after{
    display: none;
}
.top-cities-section .cities-area {
    margin-bottom: 0px;
}
.courses-section .course-area {
    margin-top: 20px;
    margin-bottom:0px;
}
.common-contact-section form .submit-btn{
    font-size: 14px;
}
.photos-vedio-section .vedio-box ,.photos-vedio-section .gallery{
   margin-top: 0px;
}
.listing-menu li a {
    font-size: 14px;
}
.listing-menu {
    background-color: #E31E25;
    padding: 5px 10px;
}
.listing-section .listing-img img {
    width: 100%;
    height: 200px;
}
.listing-section .listing-info {
    margin-top:20px;
}
.listing-section .listing-box .listing-info1 h2 {
    font-size: 18px;
}
.listing-section .listing-info .col-2 img{
    width: 100%;
}
.listing-section .list-info-title img{
    width: 20px;
}
.faq-section .accordion-button ,.faq-section .accordion-body p{
   font-size: 14px;
}
.media-section .col-custom .media-box img {
    border-radius: 10px;
    width: 100%;
}
.institute-banner-section ul.banner-logo {
   justify-content: center;
}

.testimonial-box {
    margin-bottom: 0px;
}
.testimonial-section {
padding-bottom: 20px;
}
.attorneys-section .attorneys-box{
    padding: 20px;
}

.institute-banner-section .banner-text .title-text h3 {
    font-size: 24px;
}
.institute-banner-section .list-text h4 {
    font-size: 18px;
    margin-top:8px;
    margin-bottom: 10px;
    text-align: center;
}

@media only screen and (max-width:540px){
    .container, section, header, footer, .container-fluid ,.footer-line{
        width: 100%;
        margin: auto;
    }
}
@media only screen and (max-width:480px){
    
.mobile-contact {
    display:none !important;

}
.institutes-section .institute-box .footer-btns a {
    padding: 5px 12px;
    font-size: 12px;
}
.banner-section .banner-text h2 {
    font-size: 20px;
}
.institute-banner-section .banner-text .title-text h2 {
   line-height: normal;
}
.institute-banner-section .list-text h4 {
   font-size: 22px;
}
.institute-banner-section .list-text li {
    font-size: 14px;
}
.section-title p {
    font-size: 14px;
}
.section-title h1 {
   font-size: 45px;
}
.common-contact-section h2 {
    margin-bottom: 0px;
}

}
