/*
Theme Name: Grep Digital
Text Domain: grepdigital

Author: Grep Digital

*/
body {
    margin: 0px;
    font-family:"Avenir LT Pro 55 Roman" !important;
}
 
p{ font-size:17px;}
ul li{ font-size:17px;}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #2f2d39;
    border-radius: 0px;
}
 .engmnt-mdl li {
    list-style: none;
}
.engmnt-mdl ul {
   padding:0;
}
.engmnt-mdl li img {
    width: 30px;
    padding: 4px;
    margin-bottom: 6px;
	margin-right: 10px;
}
.engmnt-mdl {
    margin: auto;
}

.font-nunito{
    font-family: 'Nunito', sans-serif;
}

@font-face {font-family: "Avenir LT Pro 55 Roman";
    src: url("font/Avenir\ LT\ Pro\ 55\ Roman.eot"); /* IE9*/
    src: url("font/Avenir\ LT\ Pro\ 55\ Roman.eot") format("embedded-opentype"), /* IE6-IE8 */
    url("font/Avenir\ LT\ Pro\ 55\ Roman.woff2") format("woff2"), /* chrome、firefox */
    url("font/Avenir\ LT\ Pro\ 55\ Roman.woff") format("woff"), /* chrome、firefox */
    url("font/Avenir\ LT\ Pro\ 55\ Roman.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("d1bfb85795ca505281f9cee67b285c9a.svg#Avenir LT Pro 55 Roman") format("svg"); /* iOS 4.1- */
  }

.container-width {
    max-width: 1200px;
}
.right-sec-logo  {
    text-align: end;
}
button.contact {
    border: 2px solid #7777e0;
}
button.join {
    border: 2px solid #6dced6;
}
button.contact:hover {
    color: #fff;
    background:#7777e0;
    transition: .5s;
}
button.join:hover {
    color: #fff;
    background: #6dced6;
    transition: .5s;
}
button.banner-contact-button {
    padding: 12px 41px;
    border-radius: 40px;
    margin-top: 20px;
    background-image: linear-gradient(to right, #8edbe9, #7865f5);
    border: 0;
    color: #fff;
}
.sub-1 h3 {
    line-height: 46px !important;
    margin-bottom: 35px !important;
}
button.banner-contact-button:hover {
    transition: .5s;
   background-image: linear-gradient(to right, #7865f5, #8edbe9);
}
.bg-right-img {
    position: absolute;
}
.right-sec-logo button {
    background: #fff;
    padding: 4px 25px !important;
    margin-left: 10px;
    border-radius: 40px;
    margin-bottom: 8px;
}
.right-sec-logo a {
    color: #000;
    text-decoration: none;
    margin-right: 15px;
}
h1.heading1 {
    font-size: 44px;
    line-height: 66px;
    margin-bottom: 30px;
    padding-right: 3%;
}
p.paragraph1 {
    font-size: 17px;
    line-height: 32px;
}
.icons-sec img {
    background: #3d445a;
    width: 80px;
    padding: 18px;
    border-radius: 50px;
    margin-bottom: 20px;
    box-shadow: 14px 8px 15px #ccc;
}
.white-box {
    width: 65%;
    text-align: center;
    box-shadow: 30px 30px 35px #ccc;
    padding: 88px 75px 100px;
    margin-top: -200px;
    background: white;
}
.blue-icon{
    background: #5858d8 !important;
}
.right-sec-logo a:hover {
    color: #5858d8 ;
    
}
.green-icon{
    background: #52c5cf !important;
}
.gray-icon{
    background: #757575 !important;
}
.blue-icon:hover {
    background: #3d445a !important;
    transition: .5s;
}
.green-icon:hover{
    background: #3d445a !important;
    transition: .5s;
}
.gray-icon:hover{
    background: #3d445a !important;
    transition: .5s;
}

.plr-10 {
    padding: 0px 10px;
}
.pr-120 {
    padding-right: 120px;
}

.space {
    padding: 50px;
}
main.logo-section {
    background: #fff;
    padding: 15px 0px;
    box-shadow: 3px 3px 5px #cccccc47;
}
h1.heading2 {
    padding-bottom: 10px;
    font-size: 23px;
}
h2.heading2 {
    padding-bottom: 10px;
    font-size: 23px;
}

h1.heading2 a {
    color: #000;
    text-decoration: none;
}

h2.heading2 a {
    color: #000;
    text-decoration: none;
}

h1.heading3 {
    font-size: 37px;
    line-height: 66px;
    margin-bottom: 30px;
}
h3.heading3 {
    font-size: 37px;
    line-height: 66px;
    margin-bottom: 30px;
}
.form-control:focus {
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}
main.who {
    background: #f5f5f5;
    padding: 80px 0px 200px;
}

main.menu-section nav {
    padding: 0;
}

main.menu-section a {
    padding: 10px 18px !important;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.nav-link:focus,
.nav-link:hover {
    color: #ffffff;
    background: #5377b0;
}

.toggle-button {
    display: none;
}

/* Close Menu Section */



/* Banner Section */

.banner-section h5 {
    text-align: left;
    color: #2a2a2a;
    text-transform: uppercase;
    line-height: 35px;
    font-weight: 700;
    font-size: 23px;
    letter-spacing: 1px;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    border: 0;
}
button.btn-main {
    border: 0;
    padding: 10px 30px;
    border-radius: 40px;
    background: #282e3e;
    text-transform: capitalize !important;
    width: 85%;
    color: #fff;
}
main.footer {
    background: #3d445a;
    padding:80px 0 40px 0;
}

.footer-sec {
    justify-content: space-between;
    display: flex;
}
h5.footer-head {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
main.copyright-bg {
    border-top: 1px solid #ccc;
    background: #f5f5f5;
    padding: 14px 0px;
}
.copyright-right {
    text-align: end;
}
h5.copyright {
    font-size: 16px;

    margin: 0;

}
ul.social i:hover{
    color: #009688;
}
ul.social i {
    color: #fff;
}
ul.social { margin: 0 auto; padding: 0;font-size: 25px; color: #fff; display:table;
}
ul.social li {
    display: inline-block;
    padding: 9px;
}
ul.social li a{color: #fff;}
h5.copyright span {
    text-transform:capitalize;
}
.footer-link-sec a {
    color: #282e3e;
    text-decoration: none;
}
.footer-link-sec a:hover {
    color: #5555d8;
  
}
h5.copyright  a {
    color: #282e3e;
    text-decoration: none;
}

.copyright  a {
    color: #282e3e;
    text-decoration: none;
}

.footer-link-sec  li {
 
    list-style: none;
    font-size: 16px;
    line-height: 38px;
}
ul.footer-cn p {
    color: #282e3e;
 
    list-style: none;
    font-size: 16px;
    line-height: 38px;
}
.footer-link-sec ul {
    padding: 0;
}
.get {
    font-size: 40px;
    color: #282e3e;
    margin-bottom: 50px;
}
.get-in-touch {
    background: url(img/get-in-touch-background.png);
    padding: 80px 0px;
    background-position: center; display:none;
    background-size: cover;
}
.get-touch-form input {
    border: 1px solid #b6b6b6;
    border-radius: 40px;
    font-size: 15px;
    padding: 9px 18px;
}
main.news-section {
    padding: 60px 0px;
    background: #f5f5f5;
}

main.tst-section {
    padding: 60px 0px;
    background: #f5f5f5;
}
.news-box {
    background: #fff;
    padding: 0px;
}
span.date {
   
    font-size: 14px;
}

.paragraph2{
    font-size: 16px;
margin: 0;
}

.MS-controls i.fa.fa-chevron-right {
    color: #a3a19f;
    font-size: 25px;
}
.MS-controls i.fa.fa-chevron-left {
    color: #a3a19f;
    font-size: 25px;
}







#exampleSlider .MS-content .item img {
    width: 100%;
}

#exampleSlider {
    position: relative;
   
  }
  @media (max-width: 767px) {
    #exampleSlider {
      border-color: transparent;
    }
  }
  #exampleSlider .MS-content {
    margin: 0px 3%;
    overflow: hidden; display: flex;
    white-space: nowrap;
   
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-content {
      margin: 0;
    }
  }
  #exampleSlider .MS-content .item {
    padding: 12px;
    white-space: normal;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 33%;
    border-right: none;
   
  }
 
  #exampleSlider .MS-content .item:nth-child(2) {
   
    
    
   }
  
 
 


  @media (max-width: 1200px) {
    #exampleSlider .MS-content .item {
      width: 25%;
    }
  }
  @media (max-width: 992px) {
    #exampleSlider .MS-content .item {
      width: 33.3333%;
    }
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-content .item {
      width: 100%;
    }
  }
 
  #exampleSlider .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 40%;
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-controls button {
       
    }
  }
  #exampleSlider .MS-controls button:hover {
    cursor: pointer;
  }
  #exampleSlider .MS-controls .MS-left {
    left: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider .MS-controls .MS-left {
      left: -25px;
    }
  }
  #exampleSlider .MS-controls .MS-right {
    right: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider .MS-controls .MS-right {
      right: -25px;
    }
  }
  




/* Media Screens */

@media (max-width: 576px) {
    .toggle-button {
        display: block;
    }
    .login-language-section a {
        padding: 4px 8px;
        line-height: 20px;
    }
    .container {
        max-width: 90%;
    }
    button.toggle-button label {
        display: none;
    }
 .logo-img  {
        text-align: center;
        display: flex;
        margin: auto;
        justify-content: center;
    }
    img.img-fluid.logo-image {
        margin-bottom: 20px;
        width: 100% !important;
       
    }
    .pr-120 {
        padding-right: 0px;
    }
     .banner-left {
        padding: 50px 0px;
    }
}

@media (max-width: 768px) {
	
	.sernewic img {
    width: 52px !important;
    padding-bottom: 12px !important;
}
    .get-in-touch {
       
        padding: 50px 0px;
        background-position: center;
 
    }
    .get-touch-form input {
        
        width: -webkit-fill-available;
        margin-bottom: 20px;
    }
    button.btn-main {
        
        width: 100%;
      
    }
    ul.social li {
        display: table-cell;
        padding:5px;
    }

    .footer-sec .footer-link-sec:first-child{
        padding-bottom: 20px;
    }

    .copyright-right {
        text-align: left;
        padding-top: 10px;
    }
    ul.social {
      
    }
    .footer-sec {
     
        display: inline-block;
    }
    .pr-120 {
        padding-right: 0px;
    }
    main.who {
        padding: 30px 0px 200px;
    }
    h1.heading2 {
        padding-bottom: 10px;
        font-size: 16px;
    }
      h2.heading2 {
        padding-bottom: 10px;
        font-size: 16px;
    }
    h1.heading3 {
        font-size: 25px;
        line-height: 50px;
        margin-bottom: 7px;
    }
        h3.heading3 {
        font-size: 25px;
        line-height: 50px;
        margin-bottom: 7px;
    }
    .white-box {
        width: 93%;
        padding: 20px;
        margin-top: -200px;
    }
    .get {
        font-size: 30px;
        color: #282e3e;
        margin-bottom: 30px;
    }
    .pr-80 {
        padding-right: 0px;
    }
    .toggle-button {
        display: block;
    }
    img.img-fluid.logo-image {
        margin-bottom: 20px;
        width: 70%;
        float: left;
    }
    button.navbar-toggler.toggle-button {
        float: right;
    }
    button.navbar-toggler.toggle-button {
        float: right;
        margin-top: 15px;
    }
   .banner-left {
        padding: 30px 20px;
    }
    button.banner-contact-button {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .right-sec-logo {
        font-size: 12px;
        text-align: center;
    }
    .right-sec-logo button {
        padding: 3px 8px;
        margin-left: 4px;
        border-radius: 40px;
    }
    .space {
        padding: 20px;
    }
    h1.heading1 {
        font-size: 27px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    p.paragraph1 {
        font-size: 14px;
        line-height: 22px;
    }
    .icons-sec img {
        width: 56px;
        padding: 10px;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    button.banner-contact-button {
      
        margin-top: 0px;
        
    }
    h1.heading2 {
        padding-bottom: 10px;
        font-size: 18px;
      
    }
        h2.heading2 {
        padding-bottom: 10px;
        font-size: 18px;
      
    }
    p.paragraph1 {
        font-size: 16px;
        line-height: 26px;
    }
    h1.heading1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 8px;
    }
    .pr-120 {
        padding-right: 0px;
    }
    .white-box {
        width: 85%;
       
        padding: 30px;
        
    }
    .toggle-button {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .white-box {
        width: 80%;
        
    }
    h1.heading3 {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 10px;
    }
        h3.heading3 {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    h1.heading2 {
        padding-bottom: 10px;
        font-size: 17px;
        
    }
        h2.heading2 {
        padding-bottom: 10px;
        font-size: 17px;
        
    }
    p.paragraph1 {
        font-size: 16px;
        line-height: 25px;
    }
    h1.heading1 {
        font-size: 33px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .toggle-button {
        display:none;
    }
    .pr-120 {
        padding-right: 0px;
    }
}

@media (min-width: 1201px) and (max-width: 1300px){
    .pr-120 {
        padding-right: 30px;
    }
    .white-box {
        width: 80%;
    }
    h1.heading2 {
        font-size: 20px;
    }
      h2.heading2 {
        font-size: 20px;
    }
    p.paragraph1 {
        font-size: 16px;
        line-height: 28px;
    }
    h1.heading1 {
        font-size: 37px;
        line-height: 52px;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1300px) {
    img.img-fluid.right-logo.aos-init.aos-animate {
        width: 60%;
    }
    .container-width {
        max-width: 80%;
    }
}

@media (min-width: 300px) and (max-width:767px) {
    img.img-fluid.right-logo.aos-init.aos-animate {
        width: 70%;
    }
   
}


/* Close Media Screens */






/* Services */
.inner-main-banner { background: url("img/inbnbg.png")
  
}
.inner-main-banner h3 {
    font-size: 37px;
    line-height: 32px;margin: 0;
    padding: 54px 0;
}
.inner-main-banner h1 {
    font-size: 37px;
    line-height: 32px;margin: 0;
    padding: 54px 0;
}
.inner-main-banner p {
    font-size: 17px;
    line-height: 32px;
    padding-top: 10px;
    margin-bottom: 0;
}
.banner-right-side {
    text-align: end;
}
.inner-content {
    padding: 50px 0px;
   
    border-bottom: 1px solid #dcdcdc;
}
.content-left p {
    font-size: 17px;
    line-height: 32px;
    text-align: justify;
}

.content-left ul {
    font-size: 17px;
    line-height: 32px;
    text-align: justify;
}
.content-left img {
   /* padding-bottom: 50px;*/ margin: 0 auto; display: table;
}
.content-right h4 {
    font-size: 25px;
    line-height: 32px;
    padding-bottom: 10px; margin: 0;
}
.content-right {
    padding-left: 40px;
}
.industries-list img {
    border-radius: 50%;
    width: 30px;margin-top: 0;
    margin-left: 0;
}
.industries-list a {
    font-size: 18px; line-height: 28px;
    line-height: 40px;
    color: #000;
    text-decoration: none;
}
.industries-list a:hover {
    color: #48c2cc;
}
.industries-list a:hover img {
     transition: .6s;
     background: #f0f8f9;
     border-radius: 50%;
}
.industries-list {
    padding-bottom: 10px;
}
.quote p {
    font-size: 17px;
    line-height: 32px;
}
.quote h6 {
    font-size: 18px;
    line-height: 32px;
}
.quote {
    padding: 45px;
    background: #f5f5f5;
    box-shadow: 30px 30px 35px #ccc;
}
.quote img {
    margin-bottom: -8%;
    margin-top: -10%;
}


@media (max-width: 567px) {

.content-left p {
    font-size: 14px;
    line-height: 22px;
 
}
.industries-list a {
    font-size: 14px;
    line-height: 27px;
}
.content-right h4 {
    font-size: 21px;
    line-height: 24px;
    padding-bottom: 10px;
}
.inner-content {
    padding: 30px 0px;
}
.inner-main-banner p {
    font-size: 14px;
    line-height: 24px;
}



}



@media (max-width: 767px) {

.content-right {
    padding-left: 10px;
}
.industries-list a {
    font-size: 17px;
    line-height: 35px;
}
.quote {
    padding: 40px;
}
.quote p {
    font-size: 17px;
    line-height: 26px;
    text-align: justify;
}
.inner-main-banner h3 {
    font-size: 27px; padding: 13px 0;
    line-height: 35px;
    
}
.content-left img {
    width: 100%;
}
.inner-main-banner p {
    margin-bottom: 0; padding: 0;
}
.banner-right-side {
    text-align: center;
}


}


@media (min-width: 768px) and (max-width: 991px) {
    .content-right {
        padding-left: 10px;
    }
    .inner-main-banner h3 {
        font-size: 28px;
        line-height: 30px;
    }
    .inner-main-banner p {
        font-size: 15px;
        line-height: 22px;
        padding-top: 5px;
        margin-bottom: 0;
    }


    .industries-list a {
        font-size: 15px;
        line-height: 28px;
    }
.right-side-boxes {
    width: 49%;
    display: inline-table;
    padding-right: 10px;
}
}



@media (min-width: 992px) and (max-width: 1199px) {
    .industries-list {
        padding-bottom: 25px;
    }
    .inner-main-banner h3 {
        font-size: 38px;
        line-height: 43px;
    }
.industries-list a {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
}
.content-right h4 {
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 10px;
}
}




/* Close Services */


/* Blog */

.blog-inner-content-left  h6 {
    padding-bottom: 20px;
    color: #53c6cf;
    font-size: 15px;
    line-height: 25px;
}
.blog-inner-content-left  p {
    font-size: 17px;
    line-height: 32px;text-align: justify;
}
.blog-inner-content-left li {
    font-size: 17px;
}
.blog-inner-content-left  h5 {
    font-size: 35px;margin-bottom: 0;
    line-height: 45px;
    padding-bottom: 10px;
	 padding-top: 0;
}

.no-border {
    border: 0;
}
.inner-banner-one {
    text-align: center;
    padding: 80px 0px;
}
.inner-banner-one p {
    width: 60%;
    margin: auto;
}

.inner-content.gray-bg-inner {
    background: #ededed;
    border-top:0px solid #dcdcdc;
}
.blog-box h6 {
    color: #53c6cf;
    font-size: 15px;
    line-height: 25px; margin: 0 !important; padding: 0 !important;
}
.blog-box span {
    color: #53c6cf;
    font-size: 15px;
    line-height: 25px; margin: 0 !important; padding: 0 !important;
}
.blog-box h7 {
    color: #333;
    font-size: 15px; margin: 10px 0;
    line-height: 25px; 
}
.blog-box h7 a{border:none;}
.blog-box h5 {
   
    color: #000;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}
.blog-box h5 a{  text-decoration: none;border:none;font-size: 20px;font-weight: 700;}
.blog-box {
    padding: 40px; height: 100%;
    background: #fff;
    margin-bottom:70px;
}
.blog-box:hover {
    transition: .5s;
    box-shadow: 8px 11px 8px #ccc;
   
}
.blog-box p {
    text-align: left;
    font-size: 17px;
    line-height: 30px;
    padding: 0; margin: 10px 0 20px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.blog-box img {
    padding-bottom: 20px;
}
.blog-box a {
    color: #373737;
    text-decoration: none;
    font-size: 17px;    border-bottom: 2px solid #5555d8;
}
.blog-box a:hover {
    color: #53c6cf;
    
}
.blog-box a:hover p {
    color: #000;
}

.blog-inner-content-left {
    padding-right: 10px;
}
@media (max-width: 767px) {


    .blog-inner-content-left h5 {
    font-size: 23px;
    line-height: 33px;
    
}
.blog-inner-content-left p {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}
.blog-inner-content-left h6 {
    padding-bottom: 2px;
   
    font-size: 14px;
    line-height: 22px;
}
.blog-box h5 {
    min-height: auto;
    font-size: 16px;
}
.blog-box p {
    padding-top: 0px;
    font-size: 14px;
    line-height: 22px;
}
.blog-inner-content-left {
    padding-right: 0px;
}
.blog-box {
    padding: 20px;
    margin-bottom: 30px !important;
}
.inner-banner-one h3 {
    
    margin: 0;
}
.blog-box a {
    font-size: 14px;
}
}


ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
 background-color: #f9f9f9;
  margin-bottom: 50px;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
}
ul.breadcrumb li.active {
    color: #3f51b5;
}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #000;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}


@media (min-width: 768px) and (max-width: 991px) {
.blog-inner-content-left {
    padding-right: 0px;
}
.blog-box {
    padding: 20px;
   
    margin-bottom: 37px !important;
}
.blog-box h5 {
    min-height: 50px;
    
    font-size: 17px;
    line-height: 25px;
    
}
.right-sec-logo button {
    
    padding: 6px 23px;
   
}
}
.inner-blog-box{

    margin: auto;
    justify-content: center;
    align-items: center;
} 



@media (min-width: 992px) and (max-width: 1200px) {

.blog-inner-content-left p {
    font-size: 15px;
    line-height: 25px;
}
.blog-inner-content-left h6 {
    padding-bottom: 2px;
    
    font-size: 14px;
    line-height: 16px;
}


    .blog-inner-content-left h5 {
    font-size: 30px;
    line-height: 37px;
    padding-bottom: 10px;
}
.blog-inner-content-left {
    padding-right: 20px;
}

    .blog-box {
        padding: 20px;
        background: #fff;
        margin-bottom: 37px;
    }
    .blog-box h5 {
        min-height: 50px;
        
        font-size: 17px;
        line-height: 25px;
        
    }
    
    }



    .accelarate p {
        font-size: 17px;
        line-height: 32px;
        width: 70%;
        margin: auto;
    }
    .accelarate h1 {
        font-size: 37px;
        line-height: 54px;
        margin-bottom: 30px;
    }
    .accelarate {
        text-align: center;
        padding: 50px;
    }
    @media (min-width: 300px) and (max-width: 767px) {

    .accelarate p {
        
        width: 100%;
       
    }
    .accelarate h1 {
        font-size: 27px;
        line-height: 41px;
        margin-bottom: 30px;
    }
}

.wp-pagenavi{font-size: 15px;}
.wp-pagenavi a{ background:#fff; color:#000;}
span.pages{background:#fff; }
.wp-pagenavi span.current{ font-weight: normal; background: #5555d8; color: #fff; border: none;}

ul.custom_cat_list {
    list-style: none;
    margin: 0;
    padding: 20px 0 0 0;
    float: left;
}

ul.custom_cat_list li a{font-size: 18px;
  
    color: #000;
    text-decoration: none; list-style: none;}

.addf p{color:#282e3e;}
.addf strong{color:#282e3e;}
.addf .fas{color:#282e3e;}
.addf .fa{color:#282e3e;}

.teampg{ text-align:center; padding: 30px;}
.teampg h3{ padding-top:20px;}
.teampg a{ color:#000;}
.hrbt a{margin-right:0;}


.col-md-10.srsgr {
    line-height: 26px;max-width: 240px;
	display: flex;
  justify-content: center;
  flex-direction: column;  /* <--- I added this */
  align-items: left;   /* <--- Change here */
}
.icos2 h2{ text-align:center; padding: 0px 0 30px 0;}

.hnewsbout{ width:100%; height: auto; float: left; margin: 0; padding:15px; background: #fff; display: flex;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);min-height: 105px;}
.news-box h3{ font-size:18px; }
.news-box h3 a{text-decoration: none; color: #000;}

.sernewic  h2{ text-align:center; padding: 20px 0 20px 0; font-size: 25px;}
.sernewic h3{ text-align:center; padding: 10px 0 10px 0; font-size: 17px;font-weight: 600;}
.sernewic img{ padding-bottom:18px;}

.cstdy img{margin:0 !important;}
.cstdy h6{  margin:0;}
.cstdy {
    padding: 20px 0 0 0;
}

ul.custom_cat_list li {
    font-size: 18px;
    padding: 5px 25px;
    float: left;
    width: 100%;
}
/*-------------*/



.hamburger .line{
  width: 30px;
  height: 2px;
  background-color: #333;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

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

img.menu-image.menu-image-title-after{ padding-right:0;}

.icocl01 {
    background: #b358d8 !important;
}
.icocl02 {
    background: #5555d8 !important;
}
.icocl03 {
    background: #52c5cf !important;
}
.icocl04 {
    background: #b358d8 !important;
}

.col-md-2.srsgl {
    padding: 0 0 0 15px;max-width: 57px;
}

.item.col-md-4{ height:100%;}



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

.slkout{ width:100%; height: auto; float: left;}
  
/*----------------*/


#exampleSlider1 .MS-content .item img {
    width: 100%;
}

#exampleSlider1 {
    position: relative;
   
  }
  @media (max-width: 767px) {
    #exampleSlider1 {
      border-color: transparent;
    }
  }
  #exampleSlider1 .MS-content {
    margin: 0px 3%;
    overflow: hidden; display: flex;
    white-space: nowrap;
   
  }
  @media (max-width: 767px) {
    #exampleSlider1 .MS-content {
      margin: 0;
    }
  }
  #exampleSlider1 .MS-content .item {
    padding: 12px;
    white-space: normal;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 33%;
    border-right: none;
   
  }
 
  #exampleSlider1 .MS-content .item:nth-child(2) {
   
    
    
   }
  
 
 


  @media (max-width: 1200px) {
    #exampleSlider1 .MS-content .item {
      width: 25%;
    }
  }
  @media (max-width: 992px) {
    #exampleSlider1 .MS-content .item {
      width: 33.3333%;
    }
  }
  @media (max-width: 767px) {
    #exampleSlider1 .MS-content .item {
      width: 100%;
    }
  }
 
  #exampleSlider1 .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 40%;
  }
  @media (max-width: 767px) {
    #exampleSlider1 .MS-controls button {
       
    }
  }
  #exampleSlider1 .MS-controls button:hover {
    cursor: pointer;
  }
  #exampleSlider1 .MS-controls .MS-left {
    left: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider1 .MS-controls .MS-left {
      left: -25px;
    }
  }
  #exampleSlider1 .MS-controls .MS-right {
    right: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider1 .MS-controls .MS-right {
      right: -25px;
    }
  }
  
/*---------------*/

.ingpg{ padding: 20px 0; justify-content: center;}
.ingpg h2 {
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
}



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


#exampleSlider2 .MS-content .item img {
    width: 100%;
}

#exampleSlider2 {
    position: relative;
   
  }
  @media (max-width: 767px) {
    #exampleSlider2 {
      border-color: transparent;
    }
  }
  #exampleSlider2 .MS-content {
    margin: 0px 3%;
    overflow: hidden; display: flex;
    white-space: nowrap;
   
  }
  @media (max-width: 767px) {
    #exampleSlider2 .MS-content {
      margin: 0;
    }
  }
  #exampleSlider2 .MS-content .item {
    padding: 12px;
    white-space: normal;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 33%;
    border-right: none;
   
  }
 
  #exampleSlider2 .MS-content .item:nth-child(2) {
   
    
    
   }
  
 
 


  @media (max-width: 1200px) {
    #exampleSlider2 .MS-content .item {
      width: 25%;
    }
  }
  @media (max-width: 992px) {
    #exampleSlider2 .MS-content .item {
      width: 33.3333%;
    }
  }
  @media (max-width: 767px) {
    #exampleSlider2 .MS-content .item {
      width: 100%;
    }
  }
 
  #exampleSlider2 .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 40%;
  }
  @media (max-width: 767px) {
    #exampleSlider2 .MS-controls button {
       
    }
  }
  #exampleSlider2 .MS-controls button:hover {
    cursor: pointer;
  }
  #exampleSlider2 .MS-controls .MS-left {
    left: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider2 .MS-controls .MS-left {
      left: -25px;
    }
  }
  #exampleSlider2 .MS-controls .MS-right {
    right: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider2 .MS-controls .MS-right {
      right: -25px;
    }
  }
  
/*---------------*/




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


#exampleSlider3 .MS-content .item img {
    width: 100%;
}

#exampleSlider3 {
    position: relative;
   
  }
  @media (max-width: 767px) {
    #exampleSlider3 {
      border-color: transparent;
    }
  }
  #exampleSlider3 .MS-content {
    margin: 0px 3%;
    overflow: hidden; display: flex;
    white-space: nowrap;
   
  }
  @media (max-width: 767px) {
    #exampleSlider3 .MS-content {
      margin: 0;
    }
  }
  #exampleSlider3 .MS-content .item {
    padding: 12px;
    white-space: normal;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 33%;
    border-right: none;
   
  }
 
  #exampleSlider3 .MS-content .item:nth-child(2) {
   
    
    
   }
  
 
 


  @media (max-width: 1200px) {
    #exampleSlider3 .MS-content .item {
      width: 25%;
    }
  }
  @media (max-width: 992px) {
    #exampleSlider3 .MS-content .item {
      width: 33.3333%;
    }
  }
  @media (max-width: 767px) {
    #exampleSlider3 .MS-content .item {
      width: 100%;
    }
  }
 
  #exampleSlider3 .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 40%;
  }
  @media (max-width: 767px) {
    #exampleSlider3 .MS-controls button {
       
    }
  }
  #exampleSlider3 .MS-controls button:hover {
    cursor: pointer;
  }
  #exampleSlider3 .MS-controls .MS-left {
    left: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider3 .MS-controls .MS-left {
      left: -25px;
    }
  }
  #exampleSlider3 .MS-controls .MS-right {
    right: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider3 .MS-controls .MS-right {
      right: -25px;
    }
  }
  
/*---------------*/



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


#exampleSlider4 .MS-content .item img {
    width: 100%;
}

#exampleSlider4 {
    position: relative;
   
  }
  @media (max-width: 767px) {
    #exampleSlider4 {
      border-color: transparent;
    }
  }
  #exampleSlider4 .MS-content {
    margin: 0px 3%;
    overflow: hidden; display: flex;
    white-space: nowrap;
   
  }
  @media (max-width: 767px) {
    #exampleSlider4 .MS-content {
      margin: 0;
    }
  }
  #exampleSlider4 .MS-content .item {
    padding: 12px;
    white-space: normal;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 33%;
    border-right: none;
   
  }
 
  #exampleSlider4 .MS-content .item:nth-child(2) {
   
    
    
   }
  
 
 


  @media (max-width: 1200px) {
    #exampleSlider4 .MS-content .item {
      width: 25%;
    }
  }
  @media (max-width: 992px) {
    #exampleSlider4 .MS-content .item {
      width: 33.3333%;
    }
  }
  @media (max-width: 767px) {
    #exampleSlider4 .MS-content .item {
      width: 100%;
    }
  }
 
  #exampleSlider4 .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 40%;
  }
  @media (max-width: 767px) {
    #exampleSlider4 .MS-controls button {
       
    }
  }
  #exampleSlider4 .MS-controls button:hover {
    cursor: pointer;
  }
  #exampleSlider4 .MS-controls .MS-left {
    left: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider4 .MS-controls .MS-left {
      left: -25px;
    }
  }
  #exampleSlider4 .MS-controls .MS-right {
    right: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider4 .MS-controls .MS-right {
      right: -25px;
    }
  }


@media (max-width: 767px) {
	
	.cico{margin: 0px auto 20px auto !important;}	
	.wgrdgout{ margin-bottom:30px !important;}
}
  
/*---------------*/

.wppnavin{  width: 100%; height: auto; margin: 0; padding:50px 0 0 0; float:left;}



.wp-pagenavi a {border-radius: 20px; padding:10px 14px; border: none;}




.wp-pagenavi{font-size: 15px;margin: 0 auto;
    display: table;
    width: auto;}
.wp-pagenavi a{ background:#fff; color:#000;}
span.pages{background:#fff; }
.wp-pagenavi span.current{ font-weight: normal; background: #5555d8; color: #fff; border: none;padding:10px 14px; border-radius: 20px;}
span.pages{background: #5555d8; color: #fff; border: none !important;padding:10px 14px !important; border-radius: 20px;}


.hnewsbout .col-md-3{padding-right:0;}



.catin{ width:100%; height:auto; float:left; margin:0; padding:0; background:#fff;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.catin h2{ width:100%; height:auto; float:left; margin:0; padding:8px 25px 10px 25px; font-weight:400; font-size:26px; color:#242424; border-top:5px solid #7777e0; border-bottom:1px solid #e6e6e6;}

.catin2{ width:100%; height:auto; float:left; margin:0; padding:0; background:#fff;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.catin2 h2{ width:100%; height:auto; float:left; margin:0; padding:8px 25px 10px 25px;  font-weight:400; font-size:26px; color:#242424; border-top:5px solid #6dced6; border-bottom:1px solid #e6e6e6;}

.catin3{ width:100%; height:auto; float:left; margin:0; padding:0; background:#fff;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.catin3 h2{ width:100%; height:auto; float:left; margin:0; padding:8px 25px 10px 25px; font-family: 'Playfair Display', serif; font-weight:700; font-size:28px; color:#242424; border-top:5px solid #4285f4; border-bottom:1px solid #e6e6e6;}


.catpost{ width:100%; height: auto; padding:20px 25px;border-bottom:1px solid #e6e6e6; margin:0; float:left;}
.catpost h3{ width:100%; height:auto; float:left; margin:0; padding:0; font-size:17px; font-weight:400; color:#242424; border-bottom:none;}
.catpost h3 a{color:#242424; text-decoration:none;}
.catpost h4{ width:100%; height:auto; float:left; margin:0; padding:10px 0 0 0; font-size:14px; font-weight:400; color:#9c9c9c; border-bottom:none;}
.cat_rm{ width:100%; height:auto; float:left; margin:0; padding:25px;}
.cat_rmin{ width:100%; height:auto; float:left; margin:0; padding:10px 0; background:#e4e4e4; font-size:15px; font-weight:400; color:#484848; text-align:center;

/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 4px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 4px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 4px;  }
  
  .cat_rm a{ text-decoration:none; color:#484848;}
  .cat_rm a:hover{ text-decoration:none; color:#333;}
  .cat_rm a:focus{ text-decoration:none; color:#484848;}
.pdtlh {
    font-size: 15px;
}
.nwstag a{ background: #7777e0;font-size: 14px; text-decoration: none; color: #fff; padding: 2px 10px; border-radius: 5px;}
.nwstag a:hover{  color: #fff; background: #48c2cc;}
.nwstagin:nth-child(2) span a{background: #000;}
.nwstagin:nth-child(3) span a{background: #7777e0;}


.sidbin{ width:100%; height:auto; float:left; margin:0 0 30px 0; padding:0 0 20px 0; background:#fbfbfb;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.sidbin h2{ width:100%; height:auto; float:left; margin:0; padding:8px 25px 10px 25px; font-weight:600; font-size:26px; color:#242424; border-top:5px solid #7777e0; border-bottom:1px solid #e6e6e6;}

.sidbin h6 {
    padding: 5px 15px;
    float: left;
    width: 100%;
    margin: 0;
}
.hmnwsrm{ width:100%; height: auto; float: left; margin: 30px 0 0 0; padding: 0;}
.hmnwsrm a {
    background: #7777e0;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    display: table;
    text-decoration: none;
    padding: 6px 22px;
    border-radius: 5px;
}


.hmnwsrm a:hover{ background: #6dced6;}

.col-md-2.srsgl img {
    padding: 0 !important;
}
.engmdl h1{ font-size:35px;}
.engmdl h2{ font-size:25px;}
.engmdlin{ padding-top: 40px;}

.teamrw{ padding-top: 50px; justify-content: center;}

.conbx {
    width: 100%;
    height: 100%;
    float: left;
    margin: 0;
    padding: 20px;
    border: 1px solid #ffff;
    text-align: center;
    line-height: 22px;
   
    font-size: 15px;
    font-weight: 400;
  
    color: #fff;
}
.cico {
    width: 76px;
    height: 76px;
    margin: -70px auto 20px auto;
    padding: 0; background: #3d445a;
}


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


.carousel {
	margin: 0 auto;
	padding: 0 ;
}
.carousel .item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;
}
.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
}
.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial-wrapper {
	padding: 0;
}
.carousel .testimonial {
    color: #808080;
    position: relative; margin: 25px 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 3px;
	margin-bottom: 15px;
}

.carousel .testimonial::after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: #fff;
	border: 1px solid #efefef;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 46px;
	transform: rotateZ(-46deg);
}
.carousel .testimonial p{font-size: 13px;}
.carousel .star-rating li {
	padding: 0 2px;
}
.carousel .star-rating i {
	font-size: 16px;
	color: #ffdc12;
}
.carousel .overview {
	padding: 3px 0 0 15px;
}
.carousel .overview .details {
	padding: 5px 0 8px;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #1abc9c;
}
.carousel .carousel-indicators {
	bottom: -70px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 50%;
	margin: 1px 2px;
}
.carousel-indicators li {	
    background: #e2e2e2;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
	color: #fff;
    background: #1abc9c;
    border: 5px double;    
}
.tagclout{ width:100%; height:auto; float:left; margin:0; padding:25px;}
.single-insight span.nwstag {
    float: left;
    margin: 0px 2px;
}

.archhd span.color-accent{ display:none;}




.blog-box1 h6 {
    color: #53c6cf;
    font-size: 15px;
    line-height: 25px; margin: 0 !important; padding: 0 !important;
}
.blog-box1 h7 {
    color: #333;
    font-size: 15px; margin: 10px 0;
    line-height: 25px; 
}
.blog-box1 h7 a{border:none;}
.blog-box1 h5 {
   
    color: #000;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

.blog-box1 {
    padding: 15px; height: 100%;

    margin-bottom:70px;
}
.blog-box1:hover {
 
}
.blog-box1 p {
    text-align: left;
    font-size: 17px;
    line-height: 30px; padding: 0; margin: 10px 0;
    padding-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.blog-box1 img {
    padding-bottom: 20px;
}
.blog-box1 a {
    color: #373737;
    text-decoration: none;
    font-size: 17px;    border-bottom: 2px solid #5555d8;
}
.blog-box1 a:hover {
    color: #53c6cf;
    
}
.blog-box1 a:hover p {
    color: #000;
}
.conbx a{  color: #fff; text-decoration: none;}


.abpcl h1{ margin-top:50px; margin-bottom: 0;}
.abclin{ margin-top:15px; margin-bottom:15px; }
.rtlhd{ text-align:center; padding-bottom:30px;}
.enmrw2{ padding-top:0;}
.enmrw2 img{margin-bottom:20px; }
.enmrw2 h2{ text-align:left; margin:0; padding:0 0 30px 0;}
.abrw1 li{ padding-bottom:20px; line-height: 32px;}
.abrw1 ul {
 
    margin-bottom: 0;
}
.abrw3{    margin-top: -150px;
    background: #fff;}
.abrw3 img{  margin-bottom:20px;}
.wgrdgin{ width: 100%; height: 100%; margin: 0; padding:30px; background: #fff;border: 2px solid #ccc;border-radius: 50px; }


.wgrdgin h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.wgrdgin h4 {
    font-size: 17px;
    color: #000;
    font-weight: 600;
}

.wgrdgin ul {
    padding: 0 20px 0 30px;
}
.wgrdgin img{ margin-bottom:10px;}
.abovrw{ padding-top:0;}
.abovrw img {
    padding-bottom: 28px;
}

.abtpns1{ width: 100%; height: auto; float: left; margin: 0; padding: 0 0 50px 0; background: #fff;}
.abttopdtl p{ font-size:20px; }

.abtpns2{ width: 100%; height: auto; float: left; margin: 0; padding: 50px 0 60px 0; background:url("img/abs2bg.jpg");}

.abtpns3{ width: 100%; height: auto; margin: 0; padding: 50px 0 0 0; background: #fff;}

.egmdls1{ width: 100%; height: auto; margin: 0; padding:0 0 50px 0; background: #fff;}

.egmdls2{ width: 100%; height: auto; margin: 0; padding:50px 0 140px 0; background: #f5f5f5;}

.egmdls3{ width: 100%; height: auto; margin: 0; padding:50px 0; background: #fff;}

.egmdls4{ width: 100%; height: auto; margin: 0; padding: 50px 0 ; background:url("img/engmdlbg.jpg");}
.abrw3 h1{ padding-top:20px;}

.tst-section h1 {
    padding: 0;
    margin: 0;
}



.prbtms3 h2 {
    text-align: left;
    padding: 20px 15px 10px 1px; margin: 0;
    font-size: 25px;
}

.abttmout{ display: flex; justify-content: center;}
img.tmpic {
    width: 60%;
   
}


li.nwstag {
    float: left;
    margin: 0 2px;
    list-style: none;
}
.tagclout ul{ margin:0; padding: 0;}
.whatsapp a {
    position: fixed;
    z-index: 1000;
    right: 20px;
    bottom: 50px;
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 0;
    border-radius: 5px;
}		

.h2 {
  font-size: 1.75rem;
}

.servd{padding: 5px 15px;font-weight: 600;}

.page-template-page-home-2025 main.footer{display:none;}

.nwhd25{
    border-left: 5px solid #5454d5;
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 30px;
    padding-left: 20px;
    font-weight: bold;
}

@media (max-width: 767.9px) {
    .nwhd25 {
        font-size: 27px;
        line-height: 35px;
    }
}