@charset "UTF-8";
*{margin: 0; padding: 0; box-sizing: border-box;  -webkit-box-sizing: border-box;}

:root {
    --theme-blue: #de4301;
    --theme-red: #dd2918;
    --pera: #545454;
    --heading: #de4301;
    --white: #fff; 
    --black: #000;
    --orange: #de4301;}

html {font-size: 62.5%; scroll-behavior: smooth;}
body { font-family: 'Poppins', sans-serif; font-weight: 400; overflow-x: hidden !important; line-height: 1; letter-spacing: 0.02rem;}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
  }
img {max-width: 100%;
    max-height: 100%;}

:focus{outline: 0 !important;}
.cf:after, .cf:before {content: ""; display: table;}
.cf:after{clear:both;}
.posR{position: relative;}

i {line-height: 0; }

strong {font-weight: 600;}

button, a {outline: 0 !important; font-family: 'Poppins', sans-serif; text-decoration: none; cursor: pointer;}

p, li {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--pera);
    line-height: 3rem;
    padding-top: 1.5rem;
    text-align: left;
}

h2 {
    font-size: 4.5rem;
    color: var(--heading);
    font-weight: 600;
    line-height: 4.9rem;
    padding: 1.5rem .5rem;
}

h3 {
  line-height: 3rem;

}

.container{width:90%;
margin:auto;}

.sticky {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background: var(--white);
    box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.1); 
    transition: 0.3s ease-in;
    animation: upsdown 1000ms;
  }

@keyframes upsdown {

  0% {
    transform: translateY(-100px);
    visibility: hidden;
    opacity: 0;
}
100% {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
}

/* Top Header Strip */

.top-header {
    background: var(--orange);
    height: 3rem;
}

.top-header .main-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.top-header .social-icon {
    display: inline-flex;
    align-items: center;
}

.top-header .social-icon a {
    color: #fff;
    display: block;
    margin-right: 1.5rem;
    font-size: 1.8rem;
}




.callbtn a {
    display: inline-flex;
    padding-left: 1rem;
    align-items: center; 
    padding-right: 1rem;
    border-right: 2px solid #fff;
    }
    .callbtn a:last-child {padding-right: 0; border: 0;}
    
    .callbtn a i {
        color: var(--white);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.6rem;
    }
    
    .callbtn a span {
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        padding-left: .5rem;
        padding-right: .5rem;
    }

/* Header Menu */

.sticky .main-container {border:none;}

.sticky .logo {
  height: 10rem;
}

.active {
    color: var(--orange) !important;
}

header {
    background: transparent;
    position: sticky;
    z-index: 999;
}

header .main-container {
    box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: space-between;
}

header .logo {
    height: 9rem;
    width: auto;
     
}

header .logo a {
    position: absolute;
    top: 1rem;
    height: 15rem;
    left: 2rem;
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.15);
}

.sticky .logo a {
    height: 10rem;
    top: 0;
    box-shadow: none;
}

.right-block {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1rem 2rem;
    text-transform: uppercase;
}

nav ul li .navLinkBtn {
    color: var(--black);
    transition: .25s all;
    -webkit-transition: .25s all;
}


.nav_btn_close {
    display: none;
}

.nav_btn_open {
    display: none;
}

/* Home Top Section */

.top-home {
    background: #ffffff;
    position: relative;
    overflow: hidden;margin-bottom:0rem;margin-top:0rem;
}


.top-home .main-container {height:600px; position: relative;}
.top-home .top-slider-wrapper {height: 100%;}


.top-home .slid-inner-box {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: (1fr)(1fr);
    grid-gap: 0;
    align-items: center;
    -webkit-align-items: center;
    height: 100%;
   
}


.top-home .slid-inner-box h3 {
    font-size: 3.8rem;
    color: #202020;
    font-weight: 500;
    line-height: 5rem;
    padding-top: 9rem;
}

.top-home .slid-inner-box h1 {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 6rem;
    padding-top: 3rem;
}

.top-home .slid-inner-box h1 span {
    font-size: 5rem;
    color: var(--theme-red);
    font-weight: 800;
}

.top-home .slid-inner-box .slide-left {height:auto; padding-left:3rem;background:#f9f9f9;}
.top-home .slid-inner-box .slide-right img {
    margin: auto; 
    filter: drop-shadow(-4px 10px 20px rgba(0, 0, 0, 0.1));
    height: 520px;
   }


.top-home .slick-next, .slick-prev {
    position: absolute;
    top: 92%;
    display: none !important;
    cursor: pointer;
    z-index: 99;
    font-size: 0;
    color: transparent;
    line-height: 0;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: 0;
    background: 0 0;
}

.top-home .slick-next {
    right: 4rem;
}

.top-home .slick-prev {
    left: 4rem;
}

.top-home .slick-next:before, .slick-prev:before {
    font-family: "Phosphor-Fill" !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 4rem;
    color: var(--theme-blue);
}

.top-home .slick-next::before {
    content: ">";
}

.top-home .slick-prev::before {
    content: "<";
}


/* Home About Section */


.serviceicons{
  height:120px;
  display:flex;
  justify-content: center;

}


.serviceicons img{
  margin:10px 30px 10px 30px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}



.homeabout-wrapper {
    padding: 2rem 0;
    background: url(".img/backgroundpattern.jpg");
    background-repeat: no-repeat;
  }




  .homeabout-wrapper h2 {
    text-align: center;
  }
  
  .homeabout-wrapper .blkpera {
    padding: 0 7rem 0 7rem;
  }
  
  .homeabout-wrapper .blkpera p {
    text-align: center;
    padding-top: 2rem;
  }

  
/* Home Second Section */


.home-second-s{
    width:85%;
    margin:4rem auto 6rem auto;
}


.home-second-s .main-container{
    width:100%;
    margin:10rem auto 6rem auto;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1.2fr 1fr;
    -ms-grid-columns: [2] (1.2fr 1fr);
    grid-gap: 4rem;
    align-items: center;
    -webkit-align-items: center;
}

.home-second-s h2 {
    font-size: 4.5rem;
    color: var(--heading);
    font-weight: 700;
    line-height: 7rem;
    padding: 2rem 0;
    text-align: right;
}

.home-second-s h2 span {color: var(--theme-blue); display: block;}

.home-second-s .main-container .right-wrapper {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: [2] (1fr);
    align-items: center;
    -webkit-align-items: center;
    grid-gap: 3rem;
}

.home-second-s .main-container .left-wrapper p {
    text-align: right;
}

.home-second-s .main-container .right-wrapper .box-block {
    background: #fff;
    box-shadow: -6px 18px 30px rgba(0, 0, 0, 0.07);
    padding: 2rem;
    border-radius: 1rem;
    transition: .25s all;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .4s all;
    -webkit-transition: .4s all;
}

.home-second-s .main-container .right-wrapper .box-block:hover {
    box-shadow: -6px 8px 20px rgba(0, 0, 0, 0.1);
    transform: scale(1.03)translateY(2rem);

    
}
.home-second-s .main-container .right-wrapper .box-block:nth-of-type(even):hover {
   transform: scale(1.03) translateY(2rem);
}

.home-second-s .main-container .right-wrapper .box-block .icon-img {
    width:140px;
    height:100px;
    margin: 0 auto;
}



.home-second-s.main-container .right-wrapper .box-block h3 {
    font-size: 5rem;
    font-weight: 800;
    color: var(--heading);
    line-height: 2.6rem;
    text-align: center;
    padding-top: 1rem;
}

.home-second-s .main-container .right-wrapper .box-block p {text-align: center; font-size: 1.6rem;line-height: 2.1rem; font-weight: 400;}


 /* video section */

/* .video-section {
    margin: 6rem auto;
    padding: 5rem 0;
    background: #f8f8f8;
}

.video-section h2 {text-align: center;}

.video-section .video-block {
    width: 100%;
    max-width: 80rem;
    margin: 4rem auto 0;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
}

.video-section .video-block video {
    border: .8rem solid #999999;
    border-radius: 1rem;
    background: #999999;
}

.video-section .video-block  iframe {
    width: 100%;
    height: 45rem;
    border-radius: 1rem;
}  */




/* testimonial section */
 

.testimonial-section {
    margin: 10rem auto;
    padding: 0rem 0 6rem;
    position: relative;
    background-position: bottom;
    background-position-y: 170%;
}

.testimonial-section h2 {text-align: center;}

.testimonial-section .testimonial-slide-box {
    margin: 0rem auto;
    padding: 0 10rem;
}

.testimonial-section .testimonial-slide-box .tt-wrapper {
    background: var(--white);
    border-radius: 5rem .5rem .5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 4px 4px 4px 4px #e2dbd8;
    padding: 4rem 3rem 3rem;
    position: relative;
    margin: 5rem;
}

.testimonial-section .testimonial-slide-box .tt-wrapper i {
    position: absolute;
    width: 5rem;
    height: 5rem;
    background: var(--orange);
    color: var(--white);
    top: -2rem;
    left: 4rem;
    border-radius: 50%;
    font-size: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
}

.testimonial-section .testimonial-slide-box .tt-wrapper p {
    font-size: 2.0rem;
    line-height: 2.8rem;
}

.testimonial-section .testimonial-slide-box .tt-wrapper h3 {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 3rem 0 1.5rem;
    color: var(--theme-blue);
}

.testimonial-section .testimonial-slide-box .tt-wrapper h4 {
    font-size: 1.5rem;
    font-weight: 400;
}

.testimonial-section .slick-next,
.testimonial-section .slick-prev {
    position: absolute;
    bottom: -7rem;
    top: initial;
    display: block;
    cursor: pointer;
    z-index: 99;
    font-size: 0;
    color: transparent;
    line-height: 0;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
}

.testimonial-section .slick-next {
    display:none !important;
    right: 45%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonial-section .slick-prev {
   left: 48%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonial-section .slick-next:before,
.testimonial-section .slick-prev:before {
    font-family: "Phosphor-Fill" !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 4rem;
    background: linear-gradient(201deg, #fff 2%, var(--theme-blue) 75%, var(--theme-blue) 130%);
    /* background: -webkit-linear-gradient(250deg, rgba(153,229,245,1) 12%, rgba(17,207,255,1) 47%, rgba(57,49,133,1) 130%); */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 7px 20px rgba(0, 0, 0, 0.20);
}

.testimonial-section .slick-next::before {
    content: "\e934";
}

.testimonial-section .slick-prev::before {
    content: "\e933";
}




.bottombanner{height:auto; width:95%;background-color: var(--orange);text-align: center
   ; margin:auto;padding:5rem 0rem; border-radius:20px;}

   .bottombanner h2{color:white;margin-bottom: 3rem;padding-top:0;font-size:3rem;}
   .bottombanner span{color:yellow;font-size: 3rem;font-weight: 600;}
    













footer {
    margin-top: 8rem;
    padding: 4rem 0 0;
    background: #FDFDFD;
  }
  
  .footer-right {
    background: #fff;
    padding: 3rem 3rem !important;
    border-radius: 1rem 2rem 2rem;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.17);
    margin-top: -10rem;
    margin-right:2rem;
    position: relative;
  }
  
  .footer-right::before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 6rem solid #fff;
    border-left: 6rem solid transparent;
    position: absolute;
    left: -5.3rem;
    top: 0;
    filter: drop-shadow(-28px 4px 16px rgba(0, 0, 0, 0.17));
    -webkit-filter: drop-shadow(-28px 4px 16px rgba(0, 0, 0, 0.17));
  }
  
  .footer-right form {
    padding-top: 2rem;
  }
  
  .footer-right h3 {
    font-size: 2.4rem !important;
    line-height: 3.2rem;
    color: #1b1b1b !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 0 auto;
    display: block !important;
  }
  
  .footer-right h3::after {display: none;}
  
  .footer-right .enquiry-input {
    padding: 1rem 0;
  }
  
  .footer-right .enquiry-input input {
    width: 100%;
    border: 1px solid #E2E2E2;
    background-color: #FCFCFC;
    border-radius: 1rem;
    font-size: 1.6rem;
    color: #000;
    height: 4.5rem;
    font-family: 'Rubik', sans-serif;
    padding: 1rem;
  }
  
  .footer-right .enquiry-input input::placeholder {
    font-size: 1.4rem;
    color: #333;
    font-weight: 400;
  }
  
  .footer-right button {
    border: none;
    background-color: var(--orange);
    padding: 1rem 2rem;
    display: block;
    margin-top: 1rem;
    color: #fff;
    border-radius: 1rem;
    width: 100%;
    height: 5rem;
    font-size: 1.7rem;
    font-weight: 500;
    cursor: pointer;
  }
  
  .footer-grid {
    display: grid;
    display: -ms-grid;
    display: -moz-grid; 
    -ms-grid-columns: (1fr)(1fr)(1fr)(1fr);
    grid-template-columns: 1fr 1fr 1.5fr 1.5fr;
    grid-gap: 1rem 3rem;
    align-items: start;
  }
  
  .footer-grid .footer-box {
    padding: 0 0 1rem;
    margin:10px;
  }
  
  .footer-grid .footer-box p {
    color: #fff;
  }
  
  .footer-grid .footer-box .logo-dv {
    max-width: 20rem;
    margin-bottom: 2rem;
  }
  
  .footer-grid .footer-box h3 {
    font-size: 2rem;
  padding: 2rem 0 1.2rem;
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: #666666;
  margin-bottom: 2rem;
  }
  
  .footer-grid .footer-box h3::after {
    position: absolute;
    content: "";
    width: 8rem;
    height: .3rem;
    background: var(--themecolor);
    bottom: 0;
    left: 0;
    transition: .25s all;
    -webkit-transform: .25s all;
  }
  
  .footer-grid .footer-box ul {
    list-style: none;
  }
  
  .footer-grid .footer-box ul li {
    margin-bottom: .8rem;
    font-size: 1.5rem;
  }
  
  .footer-grid .footer-box ul li a {
    display: block;
    color: #000000;
    line-height: 2.3rem;
    transition: .25s all;
    -webkit-transition: .25s all;
  }
  
  .footer-grid .footer-box ul li a:hover {color: var(--themecolor);}
  
  .footer-grid .footer-box .contact-bx a {
  display: flex;
  padding: 1rem 0 1.2rem;
  color: #666666;
  font-size: 1.4rem;
  line-height: 2.5rem;
  }
  
  .footer-grid .footer-box .contact-bx a i {
    color: var(--themecolor);
    margin-right: .8rem;
    font-size: 2rem;
  }
  
  
  
  .socila-icon {
    padding: 2rem 1rem 0; 
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    -webkit-box-align: center;
    gap: 1rem;
  
  }
  
  .socila-icon a {
    font-size: 3rem;
    transition: .25s all;
    -webkit-transition: .25s all;
  }
  
  .socila-icon a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  
  .socila-icon a .ph-facebook-logo {color: #0363A8;}
  
  .socila-icon a .ph-instagram-logo {color: #DA1B54;}
  
  .copyright {
    background: #000;
    padding: 1rem;
    margin-top: 4rem;
  }
  
  .copyright p {
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
  }
  
  .copyright p a {
    color: var(--themecolor);
  }


/* inner pages top section */

.breadcrumb {
    width: 100%;
}

.breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.breadcrumb ul li {
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--theme-blue);
    display: inline-block;
    padding-right: 1.2rem;
    position: relative;
    padding-top: 0;
}

.breadcrumb ul li a {
    color: var(--heading);
}

.breadcrumb ul li::after {
    content: "|";
    right: 0;
    position: absolute;
    color: var(--theme-blue);
}

.breadcrumb ul li:last-child:after {
    display: none;
    padding-right: 0;
}


.inner-top-section {
    padding: 15rem 0 5rem;
    margin-top: -9rem;
    background-position: center;
    background-size: cover;
}

.inner-top-section h1 {
    text-align: center;
    color: var(--theme-blue);
    font-size: 5rem;
    font-weight: 600;
    line-height: 6rem;
}
/* scroll top and whats app button */




#scrollTop.show {
    opacity: 1;
    visibility: visible;
}


.scroll-top {
    display: inline-block;
    background-color: #a8aeb0;
    width: 4rem;
    height: 4rem;
    border-radius: 0.6rem;
    text-align: center;
    position: fixed;
    bottom: 8rem;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border: 0.1rem solid var(--white);
}

.scroll-top i {
    font-size: 3rem;
    color: var(--white);
}

.whatsapp {
    width: 4rem;
    position: fixed;
    bottom: 2rem;
    right: 30px;
    z-index: 1000;
}






.commonBtn {
    display: table;
    margin: 2rem auto 0;
    background: var(--white);
    color: white;
    border: 1px solid var(--orange);
    padding: 1.2rem 3rem;
    border-radius: 0.8rem;
    font-size: 1.8rem;
    font-weight: 600;
    transition: .4s all;
    -webkit-transition: .4s all;
    line-height: 2rem;
}

.commonBtn:hover {
    background: var(--white);
    color: var(--orange);
}

.enquiryBtn {
    margin: 2rem auto 0;
    background: var(--orange);
    color: var(--white);
    border: 1px solid var(--orange);
    padding: 1rem 2rem;
    border-radius: 0.8rem;
    font-size: 1.8rem;
    font-weight: 600;
    transition: .4s all;
    -webkit-transition: .4s all;
    line-height: 2rem;  
    display: inline-block;
}

.enquiryBtn:hover {
    background: var(--white);
    color: var(--orange);
    border: 1px solid var(--orange);
}
/* Service Section */


 .rSolutionSection {
    margin: 12rem auto 6rem auto;
    width:80%;
   
}

.rSolutionSection .second-heading {text-align: center;}

.rSolutionSection .head-pera {text-align: center;}

.rSolutionSection .solutionGrid {
   
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5rem;
    align-items: center;
    padding: 1rem 0;
    margin-top: 15vh;
}

.rSolutionSection .solutionGrid:nth-of-type(1) {margin-top: 6rem;}

.rSolutionSection .solutionGrid .left {
    width: 100%;
    height: 100%;
    max-height: 35rem;
    overflow: hidden;
    border-radius: 2rem;
    box-shadow: 16px 16px 0px 5px #e2dbd8;
}

.rSolutionSection .solutionGrid:nth-of-type(even) .left {grid-column-start: 2;}
.rSolutionSection .solutionGrid:nth-of-type(even) .right {grid-row-start: 1;}

.rSolutionSection .solutionGrid .left img {
    border-radius: 2rem;
    object-fit: cover;
    transition: .4s all;
}

.rSolutionSection .solutionGrid .left img:hover {transform: scale(1.05); }

.rSolutionSection .solutionGrid .right {
text-align: center;
padding: 2rem 4rem;
}

.rSolutionSection .solutionGrid .right h3 {
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 600;
    color: var(--black);
    padding: .5rem 0 1.5rem;
}

.right-wrapper .box-block  h3 { font-size:2.6rem; margin-top:5px; color: var(--black);}
.rSolutionSection .solutionGrid .right p {
    font-size: 1.8rem;
}

.rSolutionSection .solutionGrid .right a {
    font-size: 1.9rem;
    font-weight: 600;
    background-color: var(--orange);
    color: var(--white);
    padding: 1.1rem 3rem;
    display: inline-block;
    transition: .4s all;
    margin-top: 3rem;
    border: 0.1rem solid var(--orange);
    border-radius: 0.6rem;
}

.rSolutionSection .solutionGrid .right a:hover {
    color: var(--orange);
    background-color: white;
   
}



/* Why choose us */


.fifth-section {
    margin: 12rem auto 6rem auto;
    padding:0rem 5rem;
    
}

.fifth-section h2, span p{
    text-align:center;
}


.fifth-section p{
    margin-bottom:5rem;
}

.fifth-section .main-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
    align-items: center;
    -webkit-box-align: center;
}

.fifth-right {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background:#fff4ef;
}

.fifth-right .fifth-inner {
    padding: 2rem;
    width: 100%;
    border:5px #fff solid;
}

.fifth-right .fifth-inner .icon-box {
    display: flex;
    padding: 4.2rem;
    align-items: self-end;
    height:20vh;
    border-bottom: 1px solid var(--orange);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fifth-right .fifth-inner .icon-box img {
   
    padding-right: 1.5rem;
    border-radius:50%;
}

.fifth-right .fifth-inner .icon-box h3 {
    font-size: 2rem;
    text-align:center;
   
}






/* Service page */

 
.service-detail-first-section {
  padding: 8rem 4rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
      grid-template-columns: 2fr 1fr;
  grid-gap: 5rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-overview h2 {
  font-size: 2.7rem;
  color: #000000;
  font-weight: 700;
  line-height: 3.5rem;
  margin-top:3rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-overview h2:after {
  content: '';
  width: 7.5rem;
  height: 0.3rem;
  background-color: var(--orange);
  display: block;
  margin: 1rem 0;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-overview h3 {
  font-size: 3.1rem;
  font-weight: 700;
  padding-top: 4.5rem;
  color: var(--theme-blue);
  padding-bottom: 1.2rem;
  line-height: 4rem;
}


.service-detail-first-section .service-detail-first-section-Left .service-detail-overview p {
  margin-bottom: 1.5rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-overview img {
  float: left;
  width: 47%;
  margin-right: 4%;
  margin-top: 0.5rem;
  border: 1px solid #EDEDED;
  padding: 1rem;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px 3px rgba(51, 51, 51, 0.1);
          box-shadow: 0px 0px 20px 3px rgba(51, 51, 51, 0.1);
}


.service-detail-first-section .service-detail-first-section-Left .service-detail-overview ul {
  margin: 0;
  padding: 0 0 0 1.5rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-overview ul li {
  color: #333;
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin-bottom: 0.9rem;
  font-weight: 400;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories {
  padding: 3.5rem 0 0rem 0;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories h2 {
  font-size: 3.7rem;
  color: var(--orange);
  font-weight: 700;
  line-height:5rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories h2:after {
  content: '';
  width: 7.5rem;
  height: 0.3rem;
  background-color: var(--theme-blue);
  display: block;
  margin: 1rem 0 2rem 0;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories .service-detail-categories-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)(1fr);
      grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories .service-detail-categories-grid .service-detail-categories-grid-box {
  background-color: #003a4c;
  padding: 2rem 1rem;
  border: 1px solid #e5e5e5;
  text-align: center;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  border-radius: 0.5rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories .service-detail-categories-grid .service-detail-categories-grid-box span {
  width: 100%;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 auto 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
   border-radius: 0.5rem;
}


.service-detail-first-section .service-detail-first-section-Left .service-detail-categories .service-detail-categories-grid .service-detail-categories-grid-box span img{
  width:100%;
  height:100%;
  border-radius: 0.5rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories .service-detail-categories-grid .service-detail-categories-grid-box h4 {
  margin-top: 1.5rem;
  font-size: 1.7rem;
  font-weight: 600;
  color: #FFFFFF;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  line-height: 2rem;
}

.service-detail-first-section .service-detail-first-section-Left .service-detail-categories .service-detail-categories-grid .service-detail-categories-grid-box:hover {
  background-color: var(--orange);
  border-color: var(--theme-blue);
}


  
.service-detail-first-section .service-detail-first-section-Right {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px 3px rgba(51, 51, 51, 0.1);
          box-shadow: 0px 0px 20px 3px rgba(51, 51, 51, 0.1);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 3rem;
  position: -webkit-sticky;
  position: sticky;
  margin-top: 5.5rem;
  top: 0rem;

}

.service-detail-first-section .service-detail-first-section-Right h2 {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--theme-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.5px;
  margin-bottom: 1rem;
}

.service-detail-first-section .service-detail-first-section-Right h2:before {
  content: '';
  background-color:var(--theme-blue);
  width: 3rem;
  height: 2px;
  margin-right: 1rem;
}

.service-detail-first-section .service-detail-first-section-Right h3 {
  color: #333;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box {
  position: relative;
  margin-bottom: 1.8rem;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box i {
  position: absolute;
  top: 1.4rem;
  left: 1.2rem;
  font-size: 1.8rem;
  color: #555;
  z-index: 1;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="text"], .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="email"], .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="number"] {
  width: 100%;
  height: 4.8rem;
  background-color: none;
  border: 1px solid #DDDDDD;
  font-size: 1.3rem;
  font-weight: 500;
  color: #333;
  padding-left: 3.8rem;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="text"]::-webkit-input-placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="email"]::-webkit-input-placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="number"]::-webkit-input-placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="text"]:-ms-input-placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="email"]:-ms-input-placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="number"]:-ms-input-placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="text"]::-ms-input-placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="email"]::-ms-input-placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="number"]::-ms-input-placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="text"]::placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="email"]::placeholder, .service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="number"]::placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box .nice-select {
  width: 100%;
  height: 4.8rem;
  border: 1px solid #EDEDED;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 4.6rem;
  padding-left: 4rem;
  border-radius: 0;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box .nice-select .list {
  max-height: 20rem;
  overflow-y: auto;
  width: 100%;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box textarea {
  width: 100%;
  height: 11rem;
  padding: 1.4rem;
  padding-left: 4rem;
  background-color: none;
  border: 1px solid #DDDDDD;
  font-size: 1.3rem;
  font-weight: 500;
  color: #333;
  padding-left: 4rem;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box textarea::-webkit-input-placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box textarea:-ms-input-placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box textarea::-ms-input-placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box textarea::placeholder {
  color: #333;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="submit"] {
  background-color: var(--orange);
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  border: none;
  width: 100%;
  height: 4.8rem;
  cursor: pointer;
  cursor: pointer;
   -webkit-transition: 0.25s;
  transition: 0.25s;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box input[type="submit"]:hover {
  background-color: var(--orange);
  color:white;
}

.service-detail-first-section .service-detail-first-section-Right .service-detail-form-box > span {
  position: absolute;
  font-size: 1.1rem;
  font-weight: 500;
  left: 0;
  bottom: -1.5rem;
  color: red;
}

.service-detail-form-box-cf{margin-bottom: 2rem}


/* about page */





.about-overview-block .main-container {
  width:90%;
  margin:0 auto 5rem auto;
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: (1fr 3fr);
  grid-template-columns: 1fr 3fr;
  align-items: center;
  -webkit-align-items: center;
  grid-gap: 4rem;
}

.about-overview-block .ab-overview-left {
  padding: 1rem 0;
}

.about-overview-block .ab-verview-left img {
    border-left: 25px #d44001 solid;
    border-bottom: 25px #d44001 solid;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: .25s all;
  -webkit-transition: .25s all;
}

 

.about-overview-block:hover .ab-overview-left img {
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
}

.about-mv-section {
  padding: 10rem 0;
  background: #FAFAFA;
}

.about-mv-section .mv-bx-wrapper {
  width:90%;
  margin:auto;
  position: relative;
  padding-bottom: 5rem;
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: (1fr) (1fr);
  grid-template-columns: 1fr 1fr;
  align-items: center;
  -webkit-align-items: center;
}


.about-mv-section .mv-bx-wrapper .mb-img-box {
  border-radius: 1rem;
  overflow: hidden;
  width: 41rem;
  grid-column: 3;
  border-radius: 50%;
}

.about-mv-section .mv-bx-wrapper .mb-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .25s all;
  -webkit-transition: .25s all;
}


.about-mv-section .mv-bx-wrapper .mb-cont-box {
  background: var(--white);
  padding: 4rem 3rem;
  width: 87rem;
  position: absolute;
  top: 9rem;
  z-index: 2;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}


.aboutusSection {
  position: relative;
  background-color:#5195d0;}


.aboutusSection .main-container {
    display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: (1fr)(1fr);
  grid-gap: 5rem;
  align-items: center;
}

.aboutusSection .main-container p {
  padding-top: 1.5rem; color: var(--white);
}

.aboutusSection .main-container .second-heading {color: var(--white);font-size: 3.5rem;padding-left:2rem;}

.aboutusSection .aboutSright ul li{list-style: none; color:white;padding-left:2;}

.aboutusSection .main-container .second-heading .advantages ul li{
   display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 6px;
  transform:scaleY(1.5)}

.aboutusSection .aboutSleft {
  height: 100%;
 
}

.aboutusSection .aboutSleft img {
  object-fit: cover;
  width: 100%;
  height:100%;
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0px 4px 16px rgba(0,0,0,0.08); 
  -webkit-box-shadow: 0px 4px 16px rgba(0,0,0,0.08);
}



.deal-block {
   padding: 6rem 2rem;
  margin-top: 6rem;
  text-align: center;
}

.deal-block h2 {color:var(--heading);}

.deal-block .second-heading {color: var(--white); text-align: center;}

.deal-block .deal-block-inner {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(4,1fr);
  align-items: center;
  justify-content: center;
  margin: 4rem auto;
  list-style: none;
  max-width: 105rem;
}

.deal-block .deal-block-inner li {
 background-color: var(--orange);
  padding: 2rem;
  border-radius: 1rem;
  text-align: center;
  transition: 0.25s;
  height: 12rem;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  
}


.deal-block .deal-block-inner li a {color:white;font-weight: 500; font-size: 2.2rem;text-decoration: none;}

.deal-block .deal-block-inner li:hover {transform: scale(1.1);}




/* Our Founders CSS Start */
.our-founders-section{ padding: 6rem 2rem; margin: 6rem 0rem 6rem 0rem;text-align: center;}

.our-founders-section-grid{display: grid; grid-template-columns: 2fr 1fr; grid-gap:4rem; align-items: left; max-width: 110rem; margin: 6rem auto 6rem;}
.our-founders-section-grid img{background: #fff; border-radius: 50%; padding: 1rem; box-shadow:  0 0 15px 2px rgba(0,0,0,0.15); display: table; margin: auto; height:320px;width:320px;}
.our-founders-section-grid h3{font-size: 2.6rem; margin-top: 5px; color: var(--theme-blue);}
.our-founders-section-grid h4{font-size: 1.5rem; color: var(--orange); margin:1rem 0;}
.our-founders-section .our-founders-section-grid:nth-child(odd) {grid-template-columns: 1fr 2fr;}
/* Our Founders CSS Finish */


.select-drop-down{
  width: 100%;
  height: 4.8rem;
  border: 1px solid #EDEDED;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 4.6rem;
  padding-left: 4rem;
  border-radius: 0;
  background-color: #fff;
}


  /* Gallery Page */

  
.gallery-top {
    padding-bottom: 8rem;
}

.gallery-top .gary-wrapper {
    width:90%;
    margin:auto;
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4rem;
    padding: 4rem 0;
}

.gallery-top .gary-wrapper .glry-box {
    border-radius: 1rem;
    width: 100%;
    height: 30rem;
    overflow: hidden;
    position: relative;
}

.gallery-top .gary-wrapper .glry-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: pointer;
}

.gallery-top .gary-wrapper .glry-box img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.gallery-top .gary-wrapper .glry-box iframe {
    width: 100%;
    height: 100%;
}

 .w3-button {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    color: var(--white);
    padding: 1rem 2rem;
    border: 1px solid #7e7e7e;
}


.imgmodal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
}


.close {
    color: white;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 4rem;
    font-weight: bold;
    z-index: 999;
    cursor: pointer;
}

.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 90%;
    height: 100%;
    max-width: 1200px;
}

.mySlides {
    display: none;
    width: 100%;
    height: 100%;
    max-width: 100rem;
    max-height: 60rem;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.mySlides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}


.tabs-block {
    margin-top: 5rem;
    text-align: center;
}

.tabs-block .tablink {
    border: .1rem solid #d3d3d3;
    color: var(--black);
    font-size: 1.6rem;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    transition: .25s all;
    border-radius: 10rem;
    margin-right: 1rem;
    background-color: #bdbdbd;
    
}

.tabs-block .active a {
    background-color: var(--orange);;
    color: white !important;
}

.tabs-block .tablink a {
    color: var(--white);
    border-radius: 10rem;
    padding: 1rem 3rem;
    display: block;
}


.inner-galery-img {
    width: 100%;
      position: fixed;
      top: 0;
      z-index: 999;
      height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: none;
   }
  
  
   .inner-galery-img span {
    font-size: 3rem;
      color: var(--theme-primarycolor);
      position: absolute;
      right: 1rem;
      cursor: pointer;
      top: 1rem;
      text-align: center;
      padding: 0rem 0;
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      background: #fff;
   }
  
  
   .gallery-inner-images {
    display: grid;
      display: -ms-grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 3rem;
      overflow-y: auto;
      padding: 4rem 1rem;
      height: 100%;
      max-width: 128rem;
      margin: auto;
      justify-content: center;
   }
  
   .gallery-inner-images .g-inner-box {
    width: 100%;
    height: 30rem;
    overflow: hidden;
    cursor: pointer;
   }
  
   .gallery-inner-images .g-inner-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   }
  
  
   ::-webkit-scrollbar {width: 1px;}





  /* ---contact page starts here ------ */



  .contact-us-page-section {
    padding: 9rem 0 7rem;
}


.contact-us-page-section .main-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: (1fr 1fr);
    align-items: center;
    -webkit-align-items: center;
    grid-gap: 3rem;
}


  .contcttopSection {
    padding: 8rem 4rem;
      display: grid;
      display: -ms-grid;
      -ms-grid-columns: (1fr)(1fr);
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 3rem;
  }
  
  
  .contcttopSection .contactdetail {
    background: var(--white);
      box-shadow: 0px 0px 24px rgba(0,0,0,0.15);
      border-radius: 1rem;
      padding: 3rem 2rem;
      display: flex;
      display: -ms-flexbox;
      gap: 1rem;
      transition: .4s all;
      -webkit-transition: .4s all;
  }
  
  .contcttopSection .contactdetail:hover {
    transform: translateY(-1.5rem);
  }
  
  .contcttopSection .contactdetail .wrapper-contact-icn {
    width: 100%;
    height: 5rem;
    border-radius: 50%;
    background: #ff8d0024;
    max-width: 5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .contcttopSection .contactdetail .wrapper-contact-icn i {
    color: var(--themecolor);
    font-size: 3rem;
  }
  
  .contcttopSection .contactdetail h3 {
    font-size: 1.6rem;
    color: var(--pera);
    font-weight: 600;
    padding-top: 1rem;
  }
  
  .contcttopSection .contactdetail a {
    color: var(--pera);
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    padding-top: 0.8rem;
    padding-right: 1rem;
  }
  
  .contcttopSection .contactdetail:last-child {
    grid-column: 1/-1;
  }
  
  .contcttopSection .contactdetail .add-flex {
  display: flex;
  display: -ms-flexbox;
  flex-direction: auto;
  gap: 3rem;
  margin-top: 1rem;
  }
  
  .contcttopSection .contactdetail .add-flex p {
    border-right: 1px solid #ccc;
    width: 100%;
  }
  
  .contcttopSection .contactdetail .add-flex p:last-child {
    border: none;
  }


  /* ---contact page ends here ------ */


/* privacy policy */


.term-block {padding: 5rem 5rem;}
.term-block h2 {text-align: left;}
.term-block span {display: block; font-size: 1.5rem; color: #1b1b1b; font-weight: 500;}
.term-block h3 {font-size: 1.8rem; font-weight: 500; color: var(--theme-blue); padding-top: 3rem;}
.term-block p {font-size: 1.5rem; line-height: 3.3rem;}
.term-block p a {text-decoration: underline; color: #0000ff;}
.term-block h3 span {font-size: 1.5rem; font-weight: 500; color: #1a1a1a; padding: 1.5rem 0; display: block;}
.term-block ul {padding-top: 0; list-style: circle; padding-left: 2rem;}
.term-block ul li {font-size: 1.5rem; padding-top: 1rem;}
.term-block h4 {font-size: 2.4rem; font-weight: 700; margin-top: 3rem;}


@media only screen and (max-width: 1199px){
/*html {font-size: 60% !important;}*/
.main-container {width: 100%;}
.get-in-touch ul li {width: 100%;}


  
}

@media only screen and (max-width: 991px){
  .top-home .slid-inner-box .slide-left{
    height: 730px;
   }


    .nav_btn_open {
        display: block;
        line-height: 0;
        font-size: 3.5rem;
        background: no-repeat;
        border: none;
        color: var(--theme-blue);
    
        /* position: absolute;
        top: 50%;
        left: 1.5rem;
        transform: translateY(-50%); */

        
    }

    .navbar .nav_btn_close {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 5.6rem;
        height: 5.6rem;
        font-size: 2.7rem;
        border: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--theme-blue);
        background-color: #fff;
    }

    .navbar {
        position: fixed;
        left: 0;
        top: 0;
        background: #FFFFFF;
        width: 0;
        overflow-y: auto;
        height: 100%;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        -webkit-box-shadow: 14px 0px 13px rgba(153, 153, 153, 0.22);
        box-shadow: 14px 0px 13px rgba(153, 153, 153, 0.22);
        padding: 3rem 0;
        z-index: 999;
    }

    header .main-container {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    nav ul li {display: block;}

    header .logo a {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 13rem;
    }
  
    .testimonial-section .testimonial-slide-box {padding: 0;}
    .testimonial-section .slick-next {right: 40%;}
    .testimonial-section .slick-prev {left: 45%;}

    .home-about .h-about-left {width: 50rem;}
    .our-founders-section{ padding: 6rem 2rem; margin: 6rem 0rem 6rem 0rem;text-align: center;}

}

 @media only screen and (max-width: 769px){

/*html {
    font-size: 57% !important;
}*/
.mb-img-box img{display:none;}
.fifth-right .fifth-inner {
  border: 10px #fff solid;
}
.deal-block{
  margin-top:24rem;
}
.top-home .slid-inner-box .slide-right img{height:auto;}
.fifth-section{padding: 0rem 0rem !important;}
.rSolutionSection .solutionGrid{display:block;};
.serviceicons {margin:0px !important;}
.serviceicons img{margin:0px !important;}
.homeabout-wrapper .blkpera{padding:8px;}
.home-second-s .main-container .right-wrapper {grid-gap: 0rem !important;}
.our-founders-section-grid, .our-founders-section .our-founders-section-grid:nth-child(odd){grid-template-columns: 1fr; grid-gap: 3rem; margin: 0 auto 5rem;}
.our-founders-section .our-founders-section-grid:nth-child(odd) img{grid-row-start:1;}
.our-founders-section-grid img{grid-row-start: 1 !important}
.our-founders-section-grid{grid-template-columns:1fr !important}
.flip-box-front{display:block;}
.home-second-s .main-container .right-wrapper{display:block; margin-bottom:10px;}
.home-second-s .main-container .right-wrapper .box-block{margin-bottom:10px;}

h2 {font-size: 2.5rem;}

.top-home .slid-inner-box {padding: 0 2rem;}
.top-home .slid-inner-box h1 {padding-top: 1rem; font-size: 3.5rem; line-height: 5.5rem;}
.top-home .slid-inner-box h3 {font-size: 3.2rem; padding:5rem;}
.top-home .slid-inner-box .slide-left{padding-left:0px !important;}


.home-second-s {grid-template-columns: 1fr; text-align: center;}
.home-second-s .left-wrapper {grid-row: 1;}
.home-second-s .left-wrapper h2,
.home-second-s .left-wrapper p {text-align: center;}

.footer-grid .footer-box .logo-dv{
    display:none;
}

.footer-grid {
    grid-template-columns: 1fr;
  }
 .footer-right {
    grid-row: 1/2;
    width: 84%;
    margin-left: auto;
    padding: 3rem 2rem !important;
  }
  .footer-grid .footer-box ul {
    column-count: 2;
  }
    
    .top-home .slid-inner-box {padding: 0 0rem;}
    .top-home .slid-inner-box {grid-template-columns: 1fr; padding: 0 0rem; text-align: center;}
    .top-home .slid-inner-box .slide-right {display:block;grid-row: 1; margin-top:10px; }
 

    .slid-inner-box .enquiryBtn{
        margin-bottom: 2rem;
    }

    .top-home::before {bottom: -40rem; background-size: 180%;}
    .home-second-s .main-container {grid-template-columns: 1fr;}
    
    .home-second-s h2 {font-size: 3.8rem; line-height: 5rem;}
    
    .contcttopSection .contactdetail {margin-bottom:3rem}

    .rSolutionSection .solutionGrid {
         display:block;
             
    }

    .fifth-section p{
        text-align: center;
    }

    .fifth-right .fifth-inner .icon-box h3 {
           line-height: 2.5rem;}

    .fifth-right {
        display: block;
        
    }

    .fifth-right .fifth-inner{width:100%}


    .contcttopSection {display:block}
    

    .home-third-s .t-left p {text-align: justify;}
    .home-forth-s ul {margin-top: 3rem;}

    .home-project {grid-gap: 2rem;}

    .home-client-block ul li {width: 49.7%;}
    .home-client-block ul {padding-right: 0rem; padding-left: 0rem;}

    .testimonial-section .slick-next {right: 30%;}
    .testimonial-section .slick-prev {left: 45%;}

    
     
    .gallery-top .gary-wrapper {display:block;}
    .gallery-top .gary-wrapper .glry-box {
        margin: 1.5rem auto;
        height:20rem;
        
    }

   
    .service-detail-first-section .service-detail-first-section-Left .service-detail-categories .service-detail-categories-grid {
             display: block;
       
      }

      .service-detail-first-section {
        display: block;
        padding:10px !important;
        
      }
 
 .about-overview-block .main-container {display:block;}
     
.deal-block .deal-block-inner{display:block}
.deal-block .deal-block-inner li{margin-bottom:2rem}
.aboutusSection .main-container {display:block}
.aboutusSection .aboutSleft{display:none;}


.top-home {height: 100rem;}
.about-mv-section{padding-top:2rem;}
.about-mv-section .mv-bx-wrapper{display:block; margin:auto;}
.about-mv-section .mv-bx-wrapper .mb-cont-box{width:92vw; margin:auto;top: 0rem;}
.about-mv-section .mv-bx-wrapper .mb-img-box img {display:bottom; width:100vw;}

     
}

@media only screen and (max-width: 600px) {
    
  .top-header .social-icon {display: none;}

  
}

 @media only screen and (max-width: 480px) {
    
    .top-header .social-icon {display: none;}
    

   
}



::-webkit-scrollbar {width: 3px; background: #000; border-radius: 1rem; height: 0.4rem;}
::-webkit-scrollbar-thumb {background: var(--theme-blue);}