


html{
    overflow-x: hidden;
}
body{
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}
.header1{float: right;width: 100%;padding: 1px 3px 1px 30px;height: 65px;background-color: #27026C;}

.h1-1{float: left;height: 65px;padding: 22px 23px;border-right: solid 1px #ffffff2e;}

.h1-1 img{float: left;width: 20px;}

.h1-1 h3{float: left;color: white;font-size: 14px;margin-left: 10px;margin-top: 2px;font-weight: 400;}

.h1-1 a{float: left;margin-left: 10px;font-size: 14px;color: white;font-weight: 400;}

.h1-1 a:hover{
float: left;
text-decoration: none;
color: white;
}


.h1-2{float: left;height: 65px;padding: 22px 23px;border-right: solid 1px #ffffff2e;}

.h1-2 img{float: left;width: 20px;}

.h1-2 h3{float: left;color: white;font-size: 14px;margin-left: 10px;margin-top: 2px;font-weight: 400;}

.h1-2 a{float: left;margin-left: 10px;font-size: 14px;color: white;font-weight: 400;}

.h1-2 a:hover{
float: left;
text-decoration: none;
color: white;
}


.h1-3{float: right;height: 65px;padding: 22px 23px;border-right: solid 1px #ffffff2e;}

.h1-3 img{float: left;width: 20px;}

.h1-3 h3{float: left;color: white;font-size: 14px;margin-left: 10px;margin-top: 2px;font-weight: 400;}

.h1-3 a{float: left;margin-left: 10px;font-size: 14px;color: white;font-weight: 400;}

.h1-3 a:hover{
float: left;
text-decoration: none;
color: white;
}









.banner{
    width: 100%;
    height: auto;
}

.logo{
    /* margin-top: 30px; */
    float: right;
}
.logo img{
    float: left;
    width: 331px;
    margin-left: -64px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.header2 {
    width: 76%;
    float: right;
    height: auto;
    margin-top: 30px;
    /* margin-left: 119px; */
}
.activeli{
    text-decoration: none;
    padding: 20px;
    color:#27026C!important;
}
.header_menu_area {
  float: right;
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.header_menu_area > .mob_nav {
    display: none;
}

.header_menu_area > ul {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    /* padding-right: 20px; */
    float: left;
}
.header_menu_area > ul > li {
      width: auto;
      display: inline-block;
      vertical-align: middle;
}
.header_menu_area > ul > li > a {
    list-style: none;
    text-decoration: none;
    padding: 20px 10px;
    color: #231F1E;
     transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}
     
.header_menu_area > ul > li > a:hover {
/*    color: color: #ffff;;*/
    color:#27026C;
     transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}
         


.header_menu_area > ul > li > a:hover::after {
          /* height: 100%; */
}
  .active-class{
 
  color: black; 
 
}











@media (max-width: 1024px) {


.menu li:hover>ul {
    width: 100% !important;
    visibility: visible;
    opacity: 1;
    position: unset;
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 60px;
}
.menu ul:after{
    bottom: 62%;
}

.header_menu_area ul.view {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    z-index: 1111 !important;
    margin-top: 80px;
}
.header_menu_area > ul > li > a {
    width: 100%!important;
}

.sub-menu {
    margin-top: 122px!important;
}
.menu ul li a {

    text-align: center !important;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    position: unset;
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 36px;
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0 !important;
    width: 100%;
    transform: initial;
}
.ham-nav{
    display: none;
}

.header_menu a svg{
    display: none;
}

.sub-menu-1{
    position:unset !important;
    width:100% !important;
}



.header_menu_area {
    position: inherit;
    float: right;
}

.header_menu_area > .mob_nav {
    display: block;
    float: right;
    width: 35px;
    height: 28px;
    margin: 0px 30px;
    cursor: pointer;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.header_menu_area > .mob_nav > div {
    background: black;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 100%;
}

.header_menu_area > .mob_nav > div:nth-child(1) {
    top: 2px;
}

.header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
    top: 13px;
}

.header_menu_area > .mob_nav > div:nth-child(4) {
    top: 23px;
}

.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0%;
}

.mob_nav.open > div:nth-child(2) {
    background: black;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.mob_nav.open > div:nth-child(3) {
    background: black;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.header_menu_area > ul {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    z-index: 9 !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    top: 100px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 55px;
    padding-bottom: 35px;
    background: #27026C;
}


.header_menu_area > ul > li > a {
    padding: 15px 18px 15px 18px !important;
    text-align: center;
    color: #fff;
    width: 100%;
    line-height: 30px;
    margin-left: 0px;
}
.header_menu_area > ul > li {
      width: 100%;
}




.header_user_area {
    right: calc(5% + 70px);
}


.active-menu{
  background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  color: #ffffff !important;
  /* border-bottom: solid 4px #0f703a; */
}


.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}


.header_menu_area > ul > li > a {
    margin-top: 0px;
    margin-bottom: -13px;
    width: auto;
    float: left;
    /* margin: -2px 0px; */
    position: relative;
    font-size: 17px;
    /* font-family: 'Montserrat', sans-serif !important; */
    font-weight: 400;
    color: white;
    border-bottom: 5px solid transparent;
    letter-spacing: 0px !important;
    padding: 0px 15px 15px 0px;
    z-index: 1;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* text-transform: uppercase; */
    text-decoration: none;
}
.header_menu_area > ul > li > a:hover {
    
    color: white !important;
 }

.activeli{
    color: white!important;
}

.menu ul li a:hover, .menu ul li:hover>a {
    background: #27026C; 
    color: #fff;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* text-transform: uppercase; */
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 108px;
    padding: 0;
    width: 211px;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all .2s ease-out;
}


.menu li:first-child {
    margin-left: 0;
}
.menu li:first-child {
    margin-left: 0;
}
.menu ul li {
    display: block;
    float: none;
    background: 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.menu ul li a {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding: 12px 10px;
    display: block;
    color: #000000;
    background: #fff;
    text-align: left;
    border-bottom: solid 1px rgb(99 96 96 / 10%);
}
}



.quick-top {
    cursor: pointer;
}

.close_form {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 15px;
    top: 15px;
    background: url(../images/close.svg) no-repeat center center; 
    background-size: 20px 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    cursor: pointer;
    z-index: 1111;
}

.request-sec {
    position: absolute;
    right: 0;
    width: 100%;
    top: -450px;
    right: 0;
    height: 100%;
    background: #00000096;
    z-index: 9999999;
}


.req-form {
    width: 427px;
    float: right;
    height: auto;
    margin-right: 0;
    opacity: 1;
    background: #fff;
    padding: 20px 30px;
    top: 0;
    position: relative;
    right: 0;
    /* height: 100%; */
    z-index: 99;
}

.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px;
}

.field_area label {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea {
    width: 100%;
    float: left;
    /* position: relative; */
    font-size: 15px;
    color: #000;
    line-height: 20px;
    margin: 0;
    padding: 7px 10px;
    background: 0 0;
    border: none;
    border-bottom: solid 1px rgb(34 33 33 / 86%);
    transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.hidden-input-field {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.quick-send {
    background: #27026C;
    width: 100%;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    padding: 10px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
}

.quick-send:hover {
    
        color: #27026C;
    background-color: white;
    text-decoration: none;
    border: 2px solid #27026C;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}



.field_area input[type=email], .field_area input[type=number], .field_area input[type=text], .field_area textarea:focus {

outline: none;}



.enquiry{float: right;margin-left: 170px;border-radius: 20px;}
.enquiry a{float: right;color: white;font-size: 14px;border-radius: 20px;font-weight: 400;height: 50px;padding: 14px 26px;margin-top: -12px;background: #27026C;/* margin-top: -10px; */}


.enquiry a:hover{
text-decoration: none;
    color:#27026C;
    background-color: white;
    text-decoration: none;
    border: 2px solid #27026C;
transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.close_form img{
    width: 20px;
    margin-left: -45px;
}



.header{
    width: 100%;
    height: auto;
    padding: 90px 0px;
    background-image: url('../images/ban.jpg');
    background-size: cover;
    background-position: center;
}
.hd-1{
    width: 100%;
    height: auto;
    float: left;
}
.hd-1 h2{
    font-size: 17px;
    font-weight: 600;
    color:white;
    line-height: 40px;
    float: left;
    margin-bottom: 48px;
}
.hd-1 h1{
    font-size: 50px;
    font-weight: 700;
    width: 100%;
    color: white;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 70px;
}
.ban-btn a {
    float: left;
    box-shadow: inset 400px 0 0 0 white;
    border: 1px solid transparent;
    color: black;
    padding: 14px 0px;
    height: 50px;
    width: 179px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 10px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ban-btn a:hover {
    border: 1px solid white;
    box-shadow: inset 0 0 0 0 #27026C;
    color: white;
    float: left;
    fill:  #27026C  !important;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ban-btn img {
    float: right;
    width: 22px;
    margin-right: 15px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ban-img{
    width: 100%;
    float: left;
    height: auto;
}
.ban-img img{
    width: 100%;
    float: left;
}







.about-us{
    width: 100%;
    float: left;
    height: auto;
    padding: 70px 0px;
    background-color: white;
}
.abt-img-bx{
    width: 100%;
    float: left;
    height: auto;
}
.abt-img-bx img{
    width: 100%;
}
.abt-txt-bx{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
}
.abt-txt-bx h1{
    width: 100%;
    float: left;
    font-size: 30px;
    font-weight: 700;
    color: #27026C;
    margin-bottom: 30px;
}
.abt-txt-bx p{
    width: 100%;
    float: left;
    text-align: justify;
    font-size: 17px;
    font-weight: 500;
    color: black;
    margin-bottom: 30px;
}
.abt-txt-bx h5{
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: 500;
    color: #27026C;
    margin-bottom: 20px;

}
.abt-txt-bx img{
    width: 20px;
    height: auto;
    float: left;
    margin-right: 15px;
}

.ban-btn3 a {
    float: left;
    box-shadow: inset 400px 0 0 0 #27026C;
    border: 1px solid transparent;
    color: white;
    padding: 14px 0px;
    height: 50px;
    width: 179px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 10px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ban-btn3 a:hover {
    border: 1px solid #27026C;
    box-shadow: inset 0 0 0 0 #27026C;
    color: black !important;
    float: left;
    fill:  #27026C  !important;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ban-btn3 img {
    float: right;
    width: 22px;
    margin-right: 15px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}






.department{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0px;
    background-color: #f9faff;
}
.dpt-main-txt{
    width: 100%;
    height: auto;
    padding: 5px;
    text-align: center;
    margin-bottom: 30px;
}
.dpt-main-txt h1{
    font-size: 30px;
    font-weight: 700;
    color: #27026C;
    width: 100%;
    margin-bottom: 10px;
}
.dpt-main-txt p{
    font-size: 17px;
    font-weight: 500;
    color: black;
}
.dpt-bx{
    width: 100%;
    float: left;
    height: 740px;
    text-align: center;
    padding: 30px 30px;
    border: 1px solid #dcd2ef;
    background-color: #f9faff;
    border-top: 5px solid  #27026C !important;
    box-shadow: inset 400px 0 0 0 #f9faff;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.dpt-bx:hover{
    background-color: white !important;
    box-shadow: inset 0 0 0 0 white;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.dpt-main-txt h1{
    font-size: 30px;
    font-weight: 700;
    color: #27026C;
    width: 100%;
    margin-bottom: 10px;
}
.dpt-bx h1{
    font-size: 19px;
    font-weight: 700;
    color: black;
    width: 100%;
    margin-bottom: 20px;
}
.dpt-bx P{
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: justify;
    color: black;
    margin-bottom: 30px;
}
.dpt-rd {
    width: 100%;
    /* text-align: center; */
    float: left;
    margin-left: 100px;
    margin-bottom: 30px;
}
.dpt-rd-1 {
    width: 100px;
    float: left;
    border-radius: 106px;
    border: solid 1px #dcd2ef;
    height: 100px;
    padding: 11px;
}
.dpt-rd-2{
    width: 75px;
    float: left;
    border-radius: 106px;
    background-color: #e0ceff;
    height: 75px;
    padding: 6px;
}
.dpt-rd-2 img {
    width: 50px !important;
    height: auto;
    float: left;
    margin-left: 7px;
    margin-top: 7px;
}
.ban-btn1{
    width: 100%;
}
.ban-btn1 a {
    float: none;
    box-shadow: inset 400px 0 0 0 #27026C;
    border: 1px solid transparent;
    color: white;
    padding: 14px 0px;
    display: block;
    height: 50px;
    margin-left: auto;
    width: 143px;
    font-size: 13px;
    margin-right: auto;
    font-weight: 600;
    text-align: center;
    border-radius: 10px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ban-btn1 a:hover {
    border: 1px solid #27026C;
    box-shadow: inset 0 0 0 0 #27026C;
    color: black !important;
    fill:  #27026C  !important;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.ban-btn1 img {
    float: right;
    width: 22px !important;
    margin-right: 15px;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.d-fl{
    width: 100%;
    float: left;
}













.services{
    width: 100%;
    height: auto;
    padding: 60px 0px;
    float: left;
    background-color: #ffffff;
}
.services h1{
    font-size: 30px;
    font-weight: 700;
    color: #27026C;
    width: 100%;
    margin-bottom: 30px;
}
.service-text{
    width: 100%;
    float: left;
}
.service-text p{
    font-size: 17px;
    font-weight: 500;
    width: 100%;
    color: black;
    margin-bottom: 30px;
}
.service-text img{
    width: 30px !important;
    height: auto;
    float: left;
}
.service-text a{
    font-weight: 600;
    width: 100%;
    float: left;
    text-decoration: none;
    font-size: 17px;
    color: black;
    margin-bottom: 25px;
     transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}
.service-text a:hover{
    color: #27026C;
     transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}

.direction{
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 60px;
    background-color: #27026C;
    float: left;
    margin-right: 25px;
    border: 1px solid transparent;

    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.direction svg{
    width: 25px;
    height: auto;
    float: left;
    margin-top: 2px;
    margin-left: 3px;
    fill: #ffff !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.direction:hover{
    background-color: white;
    border: 2px solid #27026C;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.direction:hover svg{
    fill:#27026C !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.services-images{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/ser-1.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 340px;
    color: #ffff;
}
.services-images p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}
.services-images-2{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/ser-2.png');
    padding: 50px;
    background-size: cover;
    border-radius: 10px;
}
.services-images-2 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-2 p{
    width: 100%;
    font-size: 16px;
    color: #ffffff;
}
.services-images-3{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/ser-3.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-3 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-3 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}

.services-images-4{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/ser-4.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-4 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-4 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}

.services-images-5{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/ser-5.png');
    padding: 50px;
    background-size: cover;

    border-radius: 10px;
}
.services-images-5 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-5 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}

.services-images-6{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/ser-6.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-6 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 270px;
    color: #ffff;
}
.services-images-6 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}


.services-images-7{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/iq.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-7 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-7 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}



.services-images-8{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/ld.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-8 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-8 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}



.services-images-9{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/career.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-9 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-9 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}



.services-images-10{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/play.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-10 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-10 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}


.services-images-11{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/stress.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-11 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-11 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}





.services-images-12{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/speech.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-12 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-12 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}





.services-images-13{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/occu.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-13 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-13 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}



.services-images-14{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/spcl.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-14 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-14 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}


.services-images-15{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/rem.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-15 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 260px;
    color: #ffff;
}
.services-images-15 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}


.services-images-16{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/mrt.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-16 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 300px;
    color: #ffff;
}
.services-images-16 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}





.services-images-17{
    width: 100%;
    height: 540px;
    float: left;
    background-image: url('../images/dep.png');
    padding: 50px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.services-images-17 h2{
    width: 100%;
    font-size: 25px;
    margin-bottom: 270px;
    color: #ffff;
}
.services-images-17 p{
    width: 100%;
    font-size: 16px;
    color: #ffff;
}






.read-more{
    padding: 5px 15px;
    border: 2px solid transparent;
    width: 130px;
    height: auto;
    border-radius: 5px;
    background-color:#27026C;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin-top: 30px;
}
.read-more a{
    text-decoration: none;
    color: white;
transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}
.read-more:hover{
    color: #27026C !important;
    background-color: white;
    text-decoration: none;
    border: 2px solid #27026C;
   transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      -ms-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -webkit-transition: all ease-in-out 0.5s;
}











.ser{
    width: 100%;
    float: left;
}
.slide .owl-nav{
    display: none;
}


.ser2{
    float: left;
    width: 100%;
}

.ser .owl-nav {
    display: none;
}







.mis{
    width: 100%;
    height: auto;
    float: left;
    background-image: url('../images/mis.png');
    padding: 60px 0px;
    background-size: cover;
}
.mis-bx{
    width: 100%;
    height: 300px;
    float: left;
    border: solid 2px white;
    padding: 20px;
    border-radius: 20px;
}
.mis-bx h1{
    width: 100%;
    float: left;
    height: auto;
    font-size: 25px;
    font-weight: 600;
    color: white;
    margin-bottom: 15px;
}
.mis-bx p{
    width: 100%;
    float: left;
    height: auto;
    text-align: justify;
    font-size: 16px;
    font-weight: 600;
    color: white;
    
}










/* --- Team / Founder Section Styles --- */

/* Main Container for the Section */
.expert-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f9faff 0%, #f0f4ff 100%);
    width: 100%;
    display: flex;
    justify-content: center;
    /* Font specifically for this section if you want to override your site defaults */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}

.expert-section .container {
    max-width: 1100px;
    width: 100%;
}

/* Header Styling */
.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header h2 {
    font-size: 42px;
    color: #27026C;
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.section-header p {
    font-size: 18px;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 500;
}

/* Profile Card Styling */
.profile-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(39, 2, 108, 0.15);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 450px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    /* Ensure box-sizing doesn't break layout if not globally set */
    box-sizing: border-box; 
}

/* Image Side */
.profile-image-box {
    flex: 0 0 45%;
    position: relative;
    overflow: hidden;
}

.profile-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}

.profile-card:hover .profile-image-box img {
    transform: scale(1.05);
}

/* Overlay on Image */
.profile-image-box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top, rgba(39, 2, 108, 0.4), transparent);
    pointer-events: none;
}

/* Content Side */
.profile-content {
    flex: 1;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
}

/* Decorative Quote Icon */
.quote-icon {
    position: absolute;
    top: 30px;
    right: 40px;
    font-size: 60px;
    color: #f0f0ff;
    z-index: 0;
}

.profile-content h3 {
    font-size: 36px;
    color: #27026C;
    margin-bottom: 5px;
    font-weight: 800;
    position: relative;
    z-index: 1;
}

.role-title {
    color: #e91e63;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
    display: block;
    position: relative;
    z-index: 1;
}

/* Divider Line */
.divider {
    width: 50px;
    height: 4px;
    background: #27026C;
    margin-bottom: 25px;
    border-radius: 2px;
}

.bio-text {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

/* Highlights / Badges */
.highlights {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.badge {
    background: white;
    color: #27026C;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.badge i { color: #e91e63; }

/* Social Icons */
.social-links {
    display: flex;
    gap: 15px;
    position: relative;
    z-index: 1;
}

.social-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f0f0ff;
    color: #27026C;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-btn:hover {
    background: #27026C;
    color: white;
    transform: translateY(-3px);
}

/* Mobile Responsiveness */
@media (max-width: 900px) {
    .profile-card {
        flex-direction: column;
        text-align: center;
        max-width: 500px;
        margin: 0 auto;
    }

    .profile-image-box {
        height: 350px;
        flex: none;
    }
    
    .profile-content {
        padding: 40px 25px;
        align-items: center;
    }
    
    .quote-icon {
        display: none;
    }
    
    .divider {
        margin: 0 auto 25px;
    }

    .highlights {
        justify-content: center;
    }
}





.rev-1{
    width: 100%;
    float: left;
}
.review{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0px;
}
.rev-bx-txt{
    width: 100%;
    height: auto;
    padding: 5px;
    float: left;
    margin-bottom: 30px;
}
.rev-bx-txt h1{
    font-size: 30px;
    font-weight: 700;
    color: #27026C;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}
.rev-bx-txt p{
    font-size: 17px;
    font-weight: 500;
    color: black;
    float: left;
}
.rev-bx{
    width: 90%;
    float: right;
    padding: 20px;
    height: auto;
box-shadow: 3px 1px 27px -2px rgba(235,235,235,0.75);
-webkit-box-shadow: 3px 1px 27px -2px rgba(235,235,235,0.75);
-moz-box-shadow: 3px 1px 27px -2px rgba(235,235,235,0.75);
}
.rev-bx-img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    float: left;
}
.rev-bx-img img{
    width: 30px !important;
    height: auto;
    float: left;
}
.rev-bx p{
    font-size: 17px;
    font-weight: 500;
    color: black;
    float: left;
    width: 100%;
}
.rev-bx-img-2{
    width: 100%;
    float: left;
    height: auto;
}
.rev-bx-img-2 img{
    width: 70px !important;
    border-radius: 50px;
    float: left;
    height: auto;
}
.rev-bx-img-2 h3{
    float: left;
    height: auto;
    font-size: 18px;
    font-weight: 700;
    color: black;
    margin-top: 10px;
}
.rev-bx-img-2 h5 {
    float: left;
    height: auto;
    font-size: 16px;
    font-weight: 600;
    color: lightgray;
    margin-top: 37px;
    margin-left: -121px;
}

.owl-nav {
    float: left;
    margin-top: 30px;
}
.owl-nav img {
    width: 50px !important;
}
.owl-prev{
    margin-right: 20px;
}















.get-in-touch{
    width: 100%;
    float: left;
    height: auto;
    padding: 70px 0px 0px 0px;
/*    margin-bottom: 50px;*/
/*    background-color: darkred;*/
    background-image: url('../images/ft.png');
    background-size: cover;
}
.get-in-touch h1{
    width: 100%;
    float: left;
    font-size: 50px;
    font-weight: 700;
    color:white;
    margin-bottom: 50px;
}
.get-bx1{
    width: 100%;
    float: left;
    border-right: solid 1px white;
    height: auto;
    margin-bottom: 50px;
}
.get-bx1 h2{
    width: 100%;
    float: left;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 40px;
    color: white;
}
.get-bx1 p{
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: 400;
    color: white;
    margin-bottom: 40px;
}
.get-bx2{
    width: 50%;
    float: left;
    height: auto;
    padding-left: 20px;
}
.g-bx{
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 30px;
}
.g-bx h3{
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: white;
    margin-right: 5px;

}
.g-bx a{
    font-size: 15px;
    float: left;
    color: white;
       margin-right: 10px;
}
.map{
    margin-bottom: 30px;
    /*height: 395px !important;*/
    width: 100%;
}
.get-bx1 textarea {
    width: 96%;
    float: left;
    margin-bottom: 30px;
    font-size: 17px;
    color: white;
    height: 110px;
    font-weight: 500;
    padding: 12px 0px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid white;
}


.pro{
    width: 100%;
    border-top: 1px solid white;
    padding: 50px 0px;
}





.pro a{
    width: 100%;
    
    text-align: center;
    float: left;
    text-decoration: none;
    color: white;
}



/*.foot-1{
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0px;
    background-color:  #27026C;
    text-align: center;
}
.foot-1 a{
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #ffff;
    text-decoration: none;
}*/
















/*media*/

@media (max-width: 575px){
.enquiry{
    display: none;
} 
.logo img{
    margin-left: 0px;
}    
.header2{
    width:42%;
}
.header1{
    padding: 1px 1px 1px 0px;
}
.header{
    background-position: right;
}
.abt-img-bx{
    margin-bottom: 50px;
}
.mis{
    background-position: center;
}
.mis-bx{
    margin-bottom: 30px;
    height: auto;
}
.dpt-rd{
    margin-left: 190px;
}
.owl-nav{
    display: none;
}
.dpt-bx{
    height: auto;
}
.team-bx{
    margin-bottom: 30px;
}
.team-text-bx h1{
    font-size: 25px;
}
.team-text-bx p{
    font-size: 15px;
}
.services h1{
    font-size: 25px;
}
.dpt-main-txt h1{
    font-size: 25px;
}
.dpt-main-txt p{
    font-size: 15px;
}
.abt-txt-bx p{
    font-size: 15px;
}
.team-bx h3{
    font-size: 17px;
}
.team-bx p{
    font-size: 14px;
}
.service-text a{
    font-size:15px;
}
.service-text p{
    font-size: 15px;
}
.rev-bx-txt h1{
    font-size: 25px;
}
.rev-bx-txt p{
    font-size: 15px;
}
.dpt-bx p{
    font-size: 15px;
}
.services-images h2{
font-size: 23px;       
}
.services-images-2 h2{
font-size: 23px;       
}
.services-images-3 h2{
font-size: 23px;       
}
.services-images-4 h2{
font-size: 23px;       
}
.services-images-5 h2{
font-size: 23px;       
}
.services-images-6 h2{
font-size: 23px;       
}
.rev-bx p{
    font-size: 15px;
}
.get-in-touch h1{
    font-size: 40px;
} 
.team-bx{
    margin-bottom: 30px;
}
.hd-1 h1{
    font-size: 30px;
}
.hd-1 h2{
    font-size: 15px;
}
.ban-btn a{
    width: 130px;
    font-size: 12px;
}   
.ban-btn3 a{
    width: 130px;
    font-size: 12px;
}     
}


@media (min-width:250px) and (max-width:400px){
.enquiry{
    display: none;
} 
.logo img{
    margin-left: 0px;
    width: 180px;
}    
.header2{
    width:50%;
    margin-top: 10px;
}
.header1{
    padding: 1px 1px 1px 0px;
}
.header{
    background-position: right;
}
.abt-img-bx{
    margin-bottom: 50px;
}
.mis{
    background-position: center;
}
.mis-bx{
    margin-bottom: 30px;
    height: auto;
}
.mis-bx p{
    font-size: 14px;
}
.mis-bx h1{
    font-size: 20px;
}
.dpt-rd{
    margin-left: 52px;
}
.owl-nav{
    display: none;
}
.dpt-bx{
    height: auto;

}
.team-bx{
    margin-bottom: 30px;
}
.team-text-bx h1{
    font-size: 24px;
}
.team-text-bx p{
    font-size: 14px;
}
.services h1{
    font-size: 24px;
}
.dpt-main-txt h1{
    font-size: 24px;
}
.dpt-main-txt p{
    font-size: 14px;
}
.abt-txt-bx p{
    font-size: 14px;
}
.team-bx h3{
    font-size: 17px;
}
.team-bx p{
    font-size: 14px;
}
.service-text a{
    font-size:14px;
}
.service-text p{
    font-size: 14px;
}
.rev-bx-txt h1{
    font-size: 25px;
}
.rev-bx-txt p{
    font-size: 14px;
}
.dpt-bx p{
    font-size: 14px;
}
.services-images h2{
font-size: 23px;       
}
.services-images-2 h2{
font-size: 23px;       
}
.services-images-3 h2{
font-size: 23px;       
}
.services-images-4 h2{
font-size: 23px;       
}
.services-images-5 h2{
font-size: 23px;       
}
.services-images-6 h2{
font-size: 23px;       
}
.services-images p{
font-size: 13px;
line-height: 25px;       
}
.services-images-2 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-3 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-4 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-5 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-6 p{
font-size: 13px;
line-height: 25px;       
}
.rev-bx p{
    font-size: 14px;
}
.get-in-touch h1{
    font-size: 40px;
} 
.team-bx{
    margin-bottom: 30px;
} 
.rev-bx{
    float: left;
} 
.hd-1 h1{
    font-size: 30px;
}
.hd-1 h2{
    font-size: 15px;
}
.ban-btn a{
    width: 130px;
    font-size: 12px;
}  
.ban-btn3 a{
    width: 130px;
    font-size: 12px;
} 
.services-images{
    height: 600px;
}
.services-images-2{
    height: 600px;
}  
.services-images-3{
    height: 600px;
}  
.services-images-4{
    height: 600px;
}    
.services-images-5{
    height: 600px;
}  
.services-images-6{
    height: 600px;
}  
}





@media (min-width:401px) and (max-width:574px){
.enquiry{
    display: none;
} 
.logo img{
    margin-left: 0px;
}    
.header2{
    width:42%;
    margin-top: 10px;
}
.header1{
    padding: 1px 1px 1px 0px;
}
.header{
    background-position: right;
}
.abt-img-bx{
    margin-bottom: 50px;
}
.mis{
    background-position: center;
}
.mis-bx{
    margin-bottom: 30px;
    height: auto;
}
.mis-bx p{
    font-size: 14px;
}
.mis-bx h1{
    font-size: 20px;
}
.dpt-rd{
    margin-left: 120px;
}
.owl-nav{
    display: none;
}
.dpt-bx{
    height: auto;

}
.team-bx{
    margin-bottom: 30px;
}
.team-text-bx h1{
    font-size: 24px;
}
.team-text-bx p{
    font-size: 14px;
}
.services h1{
    font-size: 24px;
}
.dpt-main-txt h1{
    font-size: 24px;
}
.dpt-main-txt p{
    font-size: 14px;
}
.abt-txt-bx p{
    font-size: 14px;
}
.team-bx h3{
    font-size: 17px;
}
.team-bx p{
    font-size: 14px;
}
.service-text a{
    font-size:14px;
}
.service-text p{
    font-size: 14px;
}
.rev-bx-txt h1{
    font-size: 25px;
}
.rev-bx-txt p{
    font-size: 14px;
}
.dpt-bx p{
    font-size: 14px;
}
.services-images h2{
font-size: 23px;       
}
.services-images-2 h2{
font-size: 23px;       
}
.services-images-3 h2{
font-size: 23px;       
}
.services-images-4 h2{
font-size: 23px;       
}
.services-images-5 h2{
font-size: 23px;       
}
.services-images-6 h2{
font-size: 23px;       
}
.services-images p{
font-size: 13px;
line-height: 25px;       
}
.services-images-2 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-3 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-4 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-5 p{
font-size: 13px;
line-height: 25px;       
}
.services-images-6 p{
font-size: 13px;
line-height: 25px;       
}
.rev-bx p{
    font-size: 14px;
}
.get-in-touch h1{
    font-size: 40px;
} 
.team-bx{
    margin-bottom: 30px;
} 
.rev-bx{
    float: left;
} 
.logo img{
    width: 225px;
}
.hd-1 h1{
    font-size: 30px;
}
.hd-1 h2{
    font-size: 15px;
}
.ban-btn a{
    width: 130px;
    font-size: 12px;
}   
.ban-btn3 a{
    width: 130px;
    font-size: 12px;
}     
}








@media (min-width: 576px) and (max-width: 767px){
.enquiry{
    display: none;
} 
.logo img{
    margin-left: 0px;
}    
.header2{
    width:38%;
}
.header1{
    padding: 1px 1px 1px 0px;
}
.header{
    background-position: right;
}
.abt-img-bx{
    margin-bottom: 50px;
}
.mis{
    background-position: center;
}
.mis-bx{
    margin-bottom: 30px;
    height: auto;
}
.dpt-rd{
    margin-left: 180px;
}
.owl-nav{
    display: none;
}
.dpt-bx{
    height: auto;
}
.team-text-bx h1{
    font-size: 25px;
}
.team-text-bx p{
    font-size: 15px;
}
.services h1{
    font-size: 25px;
}
.dpt-main-txt h1{
    font-size: 25px;
}
.dpt-main-txt p{
    font-size: 15px;
}
.abt-txt-bx p{
    font-size: 15px;
}
.team-bx h3{
    font-size: 17px;
}
.team-bx p{
    font-size: 14px;
}
.service-text a{
    font-size:15px;
}
.service-text p{
    font-size: 15px;
}
.rev-bx-txt h1{
    font-size: 25px;
}
.rev-bx-txt p{
    font-size: 15px;
}
.dpt-bx p{
    font-size: 15px;
}
.services-images h2{
font-size: 23px;       
}
.services-images-2 h2{
font-size: 23px;       
}
.services-images-3 h2{
font-size: 23px;       
}
.services-images-4 h2{
font-size: 23px;       
}
.services-images-5 h2{
font-size: 23px;       
}
.services-images-6 h2{
font-size: 23px;       
}
.rev-bx p{
    font-size: 15px;
}
.get-in-touch h1{
    font-size: 40px;
} 
.team-bx{
    margin-bottom: 30px;
} 
.hd-1 h1{
    font-size: 30px;
}
.hd-1 h2{
    font-size: 15px;
}
.ban-btn a{
    width: 130px;
    font-size: 12px;
}   
.ban-btn3 a{
    width: 130px;
    font-size: 12px;
}   
}














@media (min-width: 768px) and (max-width: 991px){
.enquiry{
    display: none;
} 
.logo img{
    margin-left: 0px;
}    
.header2{
    width:54%;
}
.header1{
    padding: 1px 1px 1px 0px;
}
.header{
    background-position: right;
}
.abt-img-bx{
    margin-bottom: 50px;
}
.mis{
    background-position: center;
}
.mis-bx{
    margin-bottom: 30px;
    height: auto;
}
.dpt-rd{
    margin-left: 260px;
}
.owl-nav{
    display: none;
}
.dpt-bx{
    height: auto;
}
.team-text-bx h1{
    font-size: 25px;
}
.team-text-bx p{
    font-size: 15px;
}
.services h1{
    font-size: 25px;
}
.dpt-main-txt h1{
    font-size: 25px;
}
.dpt-main-txt p{
    font-size: 15px;
}
.abt-txt-bx p{
    font-size: 15px;
}
.team-bx h3{
    font-size: 17px;
}
.team-bx p{
    font-size: 14px;
}
.service-text a{
    font-size:15px;
}
.service-text p{
    font-size: 15px;
}
.rev-bx-txt h1{
    font-size: 25px;
}
.rev-bx-txt p{
    font-size: 15px;
}
.dpt-bx p{
    font-size: 15px;
}
.services-images h2{
margin-bottom: 300px;
font-size: 23px;       
}
.services-images-2 h2{
margin-bottom: 300px;
font-size: 23px;       
}
.services-images-3 h2{
margin-bottom: 300px;
font-size: 23px;       
}
.services-images-4 h2{
margin-bottom: 300px;
font-size: 23px;       
}
.services-images-5 h2{
margin-bottom: 300px;
font-size: 23px;       
}
.services-images-6 h2{
margin-bottom: 300px;
font-size: 23px;       
}
.rev-bx p{
    font-size: 15px;
}
.get-in-touch h1{
    font-size: 40px;
}
.team-bx{
    margin-bottom: 30px;
}         
}







@media (min-width: 992px) and (max-width: 1024px){
.enquiry{
    display: none;
} 
.logo img{
    margin-left: 0px;
}    
.header2{
    width:65%;
}
.header1{
    padding: 1px 1px 1px 0px;
}
.header{
    background-position: right;
}
.abt-img-bx{
    margin-bottom: 50px;
}
.mis{
    background-position: center;
}
.mis-bx{
    margin-bottom: 30px;
}
.mis-bx p{
    font-size: 15px;
}
.dpt-rd{
    margin-left: 80px;
}
.owl-nav{
    display: none;
}
.mis-bx{
    height: 310px;
}
.dpt-bx{
    height: 740px;
}
.team-text-bx h1{
    font-size: 25px;
}
.team-text-bx p{
    font-size: 15px;
}
.services h1{
    font-size: 25px;
}
.dpt-main-txt h1{
    font-size: 25px;
}
.dpt-main-txt p{
    font-size: 15px;
}
.abt-txt-bx p{
    font-size: 15px;
}
.team-bx h3{
    font-size: 17px;
}
.team-bx p{
    font-size: 14px;
}
.service-text a{
    font-size:15px;
}
.service-text p{
    font-size: 15px;
}
.rev-bx-txt h1{
    font-size: 25px;
}
.rev-bx-txt p{
    font-size: 15px;
}
.dpt-bx p{
    font-size: 15px;
}
.services-images h2{
margin-bottom: 200px;
font-size: 23px;       
}
.services-images-2 h2{
margin-bottom: 150px;
font-size: 23px;       
}
.services-images-3 h2{
margin-bottom: 180px;
font-size: 23px;       
}
.services-images-4 h2{
margin-bottom: 150px;
font-size: 23px;       
}
.services-images-5 h2{
margin-bottom: 170px;
font-size: 23px;       
}
.services-images-6 h2{
margin-bottom: 150px;
font-size: 23px;       
}
.rev-bx p{
    font-size: 15px;
}
.get-in-touch h1{
    font-size: 40px;
}
}





@media (min-width: 1024px) and (max-width: 1300px){
.enquiry{
    display: none !important;
} 
.logo img{
    margin-left: 0px;
}    
.header2{
    width:65%;
}
.header1{
    padding: 1px 1px 1px 0px;
}
.header{
    background-position: right;
}
.abt-img-bx{
    margin-bottom: 50px;
}
.mis{
    background-position: center;
}
.mis-bx{
    margin-bottom: 30px;
    height: 315px;
}
.dpt-rd{
    margin-left: 70px;
}
.owl-nav{
    display: none;
}
.dpt-bx{
    height: 760px;
}
.dpt-bx h1{
    font-size: 16px;
} 
.mis-bx p{
    font-size: 15px;
}
.dpt-rd{
    margin-left: 80px;
}
.owl-nav{
    display: none;
}
.mis-bx{
    height: 310px;
}
.dpt-bx{
    height: 740px;
}
.team-text-bx h1{
    font-size: 25px;
}
.team-text-bx p{
    font-size: 15px;
}
.services h1{
    font-size: 25px;
}
.dpt-main-txt h1{
    font-size: 25px;
}
.dpt-main-txt p{
    font-size: 15px;
}
.abt-txt-bx p{
    font-size: 15px;
}
.team-bx h3{
    font-size: 17px;
}
.team-bx p{
    font-size: 14px;
}
.service-text a{
    font-size:15px;
}
.service-text p{
    font-size: 15px;
}
.rev-bx-txt h1{
    font-size: 25px;
}
.rev-bx-txt p{
    font-size: 15px;
}
.dpt-bx p{
    font-size: 15px;
}
.services-images h2{
margin-bottom: 200px;
font-size: 23px;       
}
.services-images-2 h2{
margin-bottom: 150px;
font-size: 23px;       
}
.services-images-3 h2{
margin-bottom: 180px;
font-size: 23px;       
}
.services-images-4 h2{
margin-bottom: 150px;
font-size: 23px;       
}
.services-images-5 h2{
margin-bottom: 170px;
font-size: 23px;       
}
.services-images-6 h2{
margin-bottom: 150px;
font-size: 23px;       
}
.rev-bx p{
    font-size: 15px;
}
.get-in-touch h1{
    font-size: 40px;
}    
}