 @import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&family=Protest+Revolution&family=Protest+Riot&display=swap');  

@import url('https://fonts.googleapis.com/css2?family=Saira:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:30px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Anek Odia", sans-serif;}
h2 {font-size:25px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
h3 {font-size:24px;color:#222222; margin:0px 0px 10px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
h4 {font-size:22px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: "Lato", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:700;font-family: "Lato", sans-serif;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}
body {overflow-x:hidden;color:#505050;font-size:15px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: "Lato", sans-serif;background-color:#fff;font-weight: 400; }

body::-webkit-scrollbar {width: 2px;}

body::-webkit-scrollbar { width: 10px;background-color: #D6DADD;}

body::-webkit-scrollbar-thumb {background: #1d6da6; border-radius: 10px;}

body,html{padding: 0;margin: 0;}
p {color: #222222;font-size: 16px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: "Lato", sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
.form-control::-webkit-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;}
*:focus {outline: none;}
input:focus{outline:none;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;text-decoration: none;}
.header-sticky{position: absolute;z-index: 9; width: 100%;top: 0; }
/* .header-sticky::before{position: absolute;content: ""; background: #00000000;height: 100%;width: 100%;top: 0;left: 0; -webkit-filter: blur(8px);} */
.fixedhead{position: fixed;top: -34px; animation: slide-down 0.7s; opacity: 1;width: 100%;background: #ffffffcf;z-index: 99;left: 0px;box-shadow: 0 1px 7px 0 rgb(227 227 227 / 72%);backdrop-filter: blur(2px);}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/* ========== Inner banner======= */
.page-title {position: relative;background-repeat: no-repeat;background-position: 50%;background-size: cover;text-align: center;}

.page-breadcrumb {font-size: 15px;line-height: normal;margin: 5px -5px 10px;}

.page-breadcrumb li {position: relative;display: inline-block;font-size: 15px;line-height: 20px;color: #096d41;padding: 0 8px;text-transform: capitalize;}

.page-breadcrumb li a {color: #fff;text-transform: capitalize;transition: all .3s ease;}

.title-outer h1{color: #fff; font-weight: 500;font-size: 40px;font-family: "Merienda", cursive;}

.page-breadcrumb li:after {position: absolute;top: 2px;right: -5px;content: "/";font-size: 15px;line-height: 20px;color: #fff;}

.page-breadcrumb li:nth-last-child(1):after{display: none;}

.ani-1 .ani-pl{position: absolute;right: 25px;bottom: 9px;} 

.ani-1 .ani-pl2 {position: absolute;left: 15%;top: 20%;-webkit-animation: bounce 5s linear infinite;animation: bounce 5s linear infinite;}

.ani-1 .ani-pl3 {position: absolute;left: -30px;top: 40px;-webkit-animation: bounceX 5s linear infinite;animation: bounceX 5s linear infinite;}

.our-company{padding: 50px 0;background-image: url(../images/testimonial-bg-2.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.our-company__meida img {height: 350px;width: 100%;object-fit: cover;}

.our-company__meida {overflow: hidden;position: relative;}

.years-experience {background: #2558d3;padding: 20px 15px 30px;border-radius: 0px 0px 20px 20px;margin-top: 20px;}

.years-experience .number {font-size: 64px;font-weight: 700;line-height: 60px;}

.years-experience .number sup {font-size: 40px;font-weight: 400;line-height: 60px;}

.our-company__meida.border-radius {margin-top: 60px;padding-bottom: 6px;border-radius: 20px 20px 0px 0px;}

.our-company__meida .horizental-bar {left: 10px;width: 232px;height: 15px;bottom: 0px;max-width: 100%;position: absolute;background: #00990e;-webkit-animation: move-right 3s linear infinite;animation: move-right 3s linear infinite;}

.sub-title {position: relative;text-transform: uppercase;color: #00990e;font-weight: 700;font-size: 16px;line-height: 26px;padding-left: 55px;display: inline-block;margin-bottom: 14px;}

.sub-title::before{position: absolute;content: "";top: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.sub-title::after{position: absolute;content: "";bottom: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.btn-one {background: #00990e;color: #ffffff;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 17px 43px;text-align: center;font-weight: 700;z-index: 3;position: relative;transition: 0.4s;text-transform: uppercase;overflow: hidden;border-radius: 6px;}

.btn-one:hover{background-color: #2558d3;color: #fff;}

.btn-one i {position: relative;top: 0px;margin-left: 15px;font-size: 13px;}

button.btn-two { border: none;  background: #00990e;text-align: center; display: block;width: 100%; padding: 15px 20px;  border-radius: 5px; color: #fff; font-size: 19px;  font-weight: 500;}

.mid-menu-flex {display: flex;justify-content: space-between;align-items: center;}

.top-logo img {width: 85px;}

.aka-logo img {width: 65px;}

.mid-menu {padding: 0px 0;}

.cart { color: #fff;position: relative;}

.cart i{ color: #fff;}

.curr span {display: block; color: #fff;}

.cart span { font-size: 12px; position: absolute; top: -11px; z-index: 22; background: #FF9900;width: 16px; height: 16px; border-radius: 50%;line-height: 16px; text-align: center; right: -10px;}

.log-box li a { color: #fff;}

.log-box li a:hover{color: #ecb102;}

.log-box {display: flex; gap: 10px;color: #fff; align-items: center;}

.call-icon {display: flex;align-items: center;gap: 10px;}

.cl-text span {display: block;}

.cl-text a {color: #363b4d;font-weight: 600;}

.cl-text {text-align: center;}

.call-icon i {font-size: 25px;font-weight: 500;}

.cl-text a:hover {color: #3368e8;}

.right-box { display: flex;align-items: center;gap: 20px;;}

.log-box li {display: inline-block;}

.log-box {display: flex;}

.log-box li{padding: 8px 12px;border-left: 1px solid #686868;margin-left: 80px;}

.curr {display: flex;align-items: center;gap: 10px;}

.curr li img{width: 22px;}

.curr .dropdown-menu{--bs-dropdown-min-width: 0rem;width: 50px;}

.curr .dropdown-menu a{padding:5px 10px; text-align: center;}

.address-block-one .icon {width: 80px;height: 80px;background: #00990e;}

.address-block-one .title {font-size: 24px;padding: 20px 0 5px;}

.address-block-one p {line-height: 1.6em;color: #878787;}

.address-block-one {border: 1px solid #e1e1e1;border-radius: 25px;height: 100%;padding: 25px 15px;}

.contact-us-section .bg-wrapper {border-radius: 40px;padding: 55px 55px 60px;margin-top: 60px;}

.address-block-one a {color: #00990e;text-decoration: underline;font-weight: 500;}

.light-bg {background-color: #edf1ee;}

.title-one h2 {font-weight: 700;font-size: 43px;}

.form-style-one .input-group-meta input {height: 60px;padding: 0 20px;}

.mb-40 {margin-bottom: 40px;}

.mb-30 { margin-bottom: 30px;}

.mb-35 {margin-bottom: 35px;}

.map-banner {height: 600px;}

.mt-120 { margin-top: 120px;}

.contact-us-section {padding: 80px 0;}

.block-feature-one {z-index: 1;position: relative;background-color: #f7f7f7;padding: 60px 0;}

.fq-sec{padding: 50px 0;}

.card-style-two {position: relative;padding: 50px 40px 48px;background: #fff;border: 1px solid #ebf3ee;border-radius: 20px;}

.card-style-two .icon {height: 50px;}

.card-style-two h4 {margin-top: 25px;color: #00990e;}

.accordion-flush .accordion-item {border-radius: 30px;border: 1px solid #e3e3e3 !important;margin-bottom: 20px;}

.accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 30px;}

.accordion-button:focus {z-index: 3;border-color: unset !important;outline: 0 !important;box-shadow: unset !important;}

.accordion-flush .accordion-item .accordion-button:not(.collapsed) {color: #ffffff;background-color: #216db9;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}

.accordion-button:not(.collapsed)::after {filter: invert(1) brightness(2.5);}

.registration {padding: 50px 0;position: relative;}

.ani-2 .shape1{right: 2%; bottom: 14%; width: 14.52%; animation: jumpThree 6s infinite linear;position: absolute;}

.commonpage.virtualwarehouse {  max-width: 1050px;}

.ware-li li:before { position: absolute; content: ''; width: 10px; height: 10px; background: #00990e;left: 0;  top: 3px; border-radius: 5px;}

.ware-li li {padding-left: 18px; position: relative; padding-bottom: 7px; font-weight: 500;}

.curr .dropdown button { background: #fff; padding: 1px 4px; border-radius: 5px;}

.curr .dropdown img { width: 21px;}

.footer-first-col p { color: #fff;}

.dropdown-toggle::after { display: inline-block;margin-left: 0; vertical-align: 0.2rem; content: ""; border-top: 0.3em solid #000; border-right: 0.3em solid transparent;border-bottom: 0; border-left: 0.3em solid transparent;}

.color-white {color: #FFF;}

.top-logo-txt h3 {
    margin: 0;
    font-family: "Merienda", cursive;
    margin: 0;
    color: #216db9;
    font-size: 35px;
    margin-left: 0;
}

/* ---------------- */
.top-menu {background: #2f2925;padding: 0px 0;}

.top-menu-flex { display: flex;justify-content: space-between; align-items: center;}

.top-icon ul {display: flex;}

.top-icon li {display: flex;color: #fff; font-size: 14px; font-weight: 500; align-items: center;position: relative;padding: 8px 0px;}

.top-icon li:first-child{margin-right: 10px;padding-right: 10px; border-right: 1px solid #686868;}

img { max-width: 100%;height: auto;outline: none;}

.top-icon li a { color: #fff; padding: 0px 10px 0px 10px; text-decoration: none;}

.top-icon li a:hover{color: #00b911;}

.top-menu-navbar a {background-color: #00990E;color: white;padding: 8px 20px;border-radius: 5px;display: block;transition: all .3s ease;border: 1px solid #00990e;}

.top-menu-navbar a:hover{background-color: #00990e00;color: #00b911; border: 1px solid #00b911;}

.top-menu-navbar a:hover img{filter: brightness(50%) sepia(155) saturate(48) hue-rotate(131deg);}

.top-menu-navbar a img {margin-right: 8px;transition: all .3s ease;}

.top-icon-social { float: right;}

.top-icon-social li { display: inline-block; padding: 0px 0px 0px 15px;color: #fff;font-size: 15px;}

.top-icon-social li a { color: #fff; font-size: 25px;}

ul,
ol {list-style: none; margin: 0; padding: 0;}

/* ===========Menu=========== */

.med-menu-inner{ display: flex; align-items: center;justify-content: space-between;}

.med-left ul{display: flex; align-items: center;}

.med-left ul li{ border-right: 1px solid #c0c0c0; padding: 6px 10px;}

.med-left ul li i{padding-right: 10px;}

.med-left ul li a{font-size: 14px;font-weight: 600;color: #454545;}

.mid-menu{ border-bottom: 1px solid #c0c0c0;position: relative;}

.social ul{display: flex;}

.social ul li a{ border-right: 1px solid #c0c0c0; padding: 6px 10px; width: 35px;height: 33px; display: flex;align-items: center;justify-content: center; color: #454545;}

.social ul li:hover a{color: #fff;}

.social ul li i{ font-size: 15px;}

.social ul li:first-child{border-left: 1px solid #c0c0c0; }

.social ul li:first-child:hover {background-color: #507CBE; }

.social ul li:nth-child(2):hover {background-color: #63CDF1; }

.social ul li:nth-child(3):hover {background-color: #0A66C2; }

.social ul li:nth-child(4):hover {background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }

.social ul li:nth-child(5):hover {background: red; }

.btn-menu-item{display: flex;align-items: center;justify-content: space-between;}

.btn-menu-item .header-logo img{width: 150px;}

/* .bottom-menu{ position: relative;}

.header-logo{position: absolute;}

.header-sticky  .mid-menu-navbar{ margin-left: auto !important; } */


.dropping-texts {
    display: inline-block;
    text-align: left;
    height: 55px;
    vertical-align: 0px;
  }
  
  .dropping-texts > div {font-size:0px; opacity:0; margin-left:-30px;position:absolute; font-weight:600;box-shadow: 0px 60px 20px -20px rgb(204 204 204 / 50%);font-style: italic;}
  
  .dropping-texts > div:nth-child(1) {
    animation: roll 6s linear infinite 1s;color: #096d41;
  }
  .dropping-texts > div:nth-child(2) {
    animation: roll 6s linear infinite 2s;color: #000a99;
  }
  .dropping-texts > div:nth-child(3) {
    animation: roll 6s linear infinite 3s;color: #870099;
  }
  .dropping-texts > div:nth-child(4) {
    animation: roll2 6s linear infinite 4s;color: #b4a800;
  }
  
  @keyframes roll {
    0% {
      font-size:0px;
      opacity:0;
      margin-left:-30px;
      margin-top:0px;
      transform: rotate(-25deg);
    }
    3% {
      opacity:1;
      transform: rotate(0deg);
    }
    5% {
      font-size:inherit;
      opacity:1;
      margin-left:0px;
      margin-top:0px;
    }
    20% {
      font-size:inherit;
      opacity:1;
      margin-left:0px;
      margin-top:0px;
      transform: rotate(0deg);
    }
    27% {
      font-size:0px;
      opacity:0.5;
      margin-left:20px;
      margin-top:100px;
    }
    100% {
      font-size:0px;
      opacity:0;
      margin-left:-30px;
      margin-top:0px;
      transform: rotate(15deg);
    }
  }
  
  @keyframes roll2 {
    0% {
      font-size:0px;
      opacity:0;
      margin-left:-30px;
      margin-top:0px;
      transform: rotate(-25deg);
    }
    3% {
      opacity:1;
      transform: rotate(0deg);
    }
    5% {
      font-size:inherit;
      opacity:1;
      margin-left:0px;
      margin-top:0px;
    }
    30% {
      font-size:inherit;
      opacity:1;
      margin-left:0px;
      margin-top:0px;
      transform: rotate(0deg);
    }
    37% {
      font-size:0px;
      opacity:0;

    }
    100% {
      font-size:0px;
      opacity:0;
      margin-left:-30px;
      margin-top:0px;
      transform: rotate(15deg);
    }
  }
  .bnr-txt h2{    font-size: 55px; }
  
   .bnr-txt h1{    font-size: 55px; }

  .btn-large a {padding: 15px 25px; border: unset;border-radius: 3px;color: #212121;z-index: 1; background: #ffffff; position: relative; font-weight: 1000;font-size: 17px; transition: all 250ms; overflow: hidden;}
   
   .btn-large a::before {content: ""; position: absolute;top: 0;left: 0;height: 100%;width: 0; border-radius: 3px; background-color: #1982ba; z-index: -1; transition: all 250ms}
   
   .btn-large a:hover {color: #e8e8e8;background-color: unset; }
   
   .btn-large a:hover::before {width: 100%;}

   .side-navbar .navbar-toggler {border: unset;padding: 0;}

   .side-navbar .navbar-toggler:focus {box-shadow: unset;}

   .toggle-btn{position: relative;top: -15px;}

  .toggle-btn .navbar-toggler-icon {background-image: unset;    display: flex; align-items: center; justify-content: center;gap: 5px;flex-direction: column-reverse;}

  .toggle-btn .navbar-toggler-icon span{height: 2px;width: 30px;background: #000;display: block;}

   .side-navbar {position: relative;top: -10px;}

   .side-navbar .navbar{padding: 0;}

   .navbar-toggler-icon span{transition: all .3s ease-in-out;}

   .navbar-toggler-icon:hover span:nth-child(1){ transform: translateY(0) rotate(45deg);background: red;}

   .navbar-toggler-icon:hover span:nth-child(2){ transform: translateY(0) rotate(315deg);background: red;}

   .navbar-toggler-icon:hover span:nth-child(3){ transform: translateX(60px);opacity: 0;}

  
/* ========Side Menu========= */

.sidenav-head .offcanvas-header{ background: #1a5d92;    padding: 5px 15px; }

.sidenav-head .offcanvas-header .snylogo{width: 130px;}

.sidenav-head .offcanvas-header .btn-close{background-color: #fff;opacity: 1; border-radius: 50%;height: 30px; width: 30px;}

.side-navbar .offcanvas-body{ padding: 15px 25px;position: relative;}

.side-navbar .snb-txt h4{line-height: 33px;color: #1a5d92;}

.side-navbar .snb-txt p{color: #6f6f6f;}

.side-navbar  .sidenav-social .social-item{display: flex;align-items: center;}

.side-navbar  .sidenav-social  .sos-icon{ flex: 0 0 50px; width: 50px; height: 50px;background: #1a5d92;display: flex;align-items: center;justify-content: center;margin-right: 15px;color: #fff;border-radius: 5px;}

.side-navbar  .sidenav-social  .sos-txt h6{font-size: 16px;color: #1a5d92;margin: 0px 0px 10px 0px;}

.side-navbar  .sidenav-social  .sos-txt p{ margin: 0px 0px 5px 0px;}

.side-navbar  .sidenav-social  .sos-txt p a{ color: #6f6f6f;}

.side-navbar  .sidenav-social  .sos-txt p a:hover{ color: #1a5d92;}

.side-navbar .social-media{ position: relative;  bottom: 0; margin-top: 25px;}

.side-navbar .social-media .smi{display: inline-flex;}

.side-navbar .social-media .smi a{ width: 40px;height: 40px;font-size: 18px; display: flex !important;align-items: center;justify-content: center;background: #be9610;color: aliceblue;border-radius: 5px;margin-right: 10px !important;transition: all .3s ease-in-out ;}

.side-navbar .social-media .smi a:hover{background: #1a5d92;}

.side-navbar .social-media .smi a:hover i{animation: bounceIn;animation-duration: 0.9s;}    

   /* ===========Mouse pointer========== */

   .cursor {
    background-color: whitesmoke;
    width: 24px;
    height: 24px;
    transform-origin: center;
    top: 0;
    left: 0;
    position: absolute;
    mix-blend-mode: exclusion;
    pointer-events: none;
    will-change: transform;
    transition: transform linear 0.125s, opacity 0.125s ease-in 0.125s;
    border-radius: 100%;
    opacity: 0;
    z-index: 9999;
  }
  .cursor-trail {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 2px solid #FF674D;
    top: -2px;
    left: -2px;
    position: absolute;
    mix-blend-mode: exclusion;
    pointer-events: none;
    will-change: transform;
    transition: transform linear 0.125s, opacity 0.125s ease-in 0.125s;
    border-radius: 100%;
    opacity: 0;
    z-index: 9999;
  }
  


  
  .subtitle {
    font-family: "IBM Plex Sans";
    font-size: 2rem;
    line-height: 0.99;
    text-align: right;
    font-weight: 400;
    color: whitesmoke;
    background-color: #FF674D;
    margin-top: 0;
    margin-left: 25%;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
  }

  
  .main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: whitesmoke;
    background: #090b0d;
  }
  .main:before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0;
    height: 100%;
    border-left: 10px solid whitesmoke;
    pointer-events: none;
    z-index: 0;
  }
  .main:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: transparent;
    pointer-events: none;
    z-index: 0;
    border-bottom: 10px solid whitesmoke;
    transform: translateY(-50%);
  }

  .shp-1{ position: absolute;top: 20%; right: 10%; animation: rubberBand 5s linear infinite;z-index: 2;}

  @keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

/* ===========Banner Section=========== */

.banner-img img{width: 100%;}

.banner-img{height: 100vh;display: flex;align-items: center;justify-content: center;}

.fc-banner{height: 100vh;} 

.bnr-img-inr img{ width: 80%;margin: 0 auto;}

.bnr-img-inr2 {position: relative;height: 400px; width: 100%;}

.bnr-img-inr2 .img-1{z-index: 1;position: absolute;bottom: 0;left: 45%; transform: translate(-50%, 0px);    width: 65%;}

.bnr-img-inr2 .img-1 img{width: 100%;}

.bnr-img-inr2 .img-2{position: absolute;z-index: 0;right: 0;bottom: 0;width: 50%;}

.bnr-img-inr2 .img-2 img{width: 100%;}

.bnr-img-inr2 .img-3{position: absolute;width: 25%;bottom: 0;z-index: 3;}

.bnr-img-inr2 .img-3 img{width: 100%;}

.bnr-img-inr2 .img-4{position: absolute;bottom: 0;width: 12%;left: 20%; z-index: 4;}

.bnr-img-inr2 .img-4 img{width: 100%;}

.fc-banner .active .bnr-img-inr2 .img-1 img{
  animation-fill-mode: both;
  animation-name: fadeInright;
  animation-delay: 1s;
  animation-duration: .5s;position: relative;
}

.fc-banner .active .bnr-img-inr2 .img-2 img{
  animation-fill-mode: both;
  animation-name: fadeInleft;
  animation-delay: 1.2s;
  animation-duration: .5s;position: relative;
}

.fc-banner .active .bnr-img-inr2 .img-3 img{
  animation-fill-mode: both;
  animation-name: fadeInright;
  animation-delay: 1.5s;
  animation-duration: .5s;position: relative;
}

.fc-banner .active .bnr-img-inr2 .img-4 img{
  animation-fill-mode: both;
  animation-name: fadeInleft;
  animation-delay: 1.8s;
  animation-duration: .5s;position: relative;
}

@keyframes fadeInright {
  0% {
      right: 2000px;
  }

  100% {
      right: 0;
  }
}

@keyframes fadeInleft {
  0% {
      left: 2000px;
  }

  100% {
      left: 0;
  }
}

.hypnotiz_crcls {
  position: absolute;
  top: 60%;
  left: 10%;
  z-index: 0;
}
.hypnotiz_crcl {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  border: 1px solid #d8deff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  position:absolute;
  margin-left: 40%;
  top:40%;
}
.hypnotiz_crcl_one {
animation: circlesHypno 2s infinite linear forwards reverse;
}
.hypnotiz_crcl_two {
animation: circlesHypno 2s infinite linear forwards reverse;
animation-delay: 0.3s;

}
.hypnotiz_crcl_three {
animation: circlesHypno 2s infinite linear forwards reverse;
animation-delay: 0.6s;

}
.hypnotiz_crcl_four {
animation: circlesHypno 2s infinite linear forwards reverse;
animation-delay: 0.9s;

}
.hypnotiz_crcl_five {
animation: circlesHypno 2s infinite linear forwards reverse;
animation-delay: 1.2s;

}
@keyframes circlesHypno {
  from {
      transform: scale(0.1);
      opacity: 0;
  }
  to {
      transform: scale(2.5);
  }
}

.shp-2{position: absolute;top: 38%;}

.shp-2 img{ animation: pupilAnim 10s ease-in-out infinite 0.5s;}

@keyframes pupilAnim {

  20% {
      transform: translateX(40px);
  }
  
  60% {
      transform: translateX(-40px);
  }
}

.shp-3{position: absolute; bottom: 10%;left: 50%;z-index: 2;}

.shp-3 img{animation-name: rotating_invers;animation-duration: 10s;animation-timing-function: linear; animation-fill-mode: both;animation-iteration-count: infinite;}

@keyframes rotating_invers {
  0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   }

   100% {
       -webkit-transform: rotate(-360deg);
       transform: rotate(-360deg);
   }
}


/* ============howwork============== */

.howwork{margin-top: 15px;padding: 60px 0;position: relative;}

.howwork .txtm-glowing1 {
  position: absolute;
  top: -2%;
  right: -7%;
  z-index: -1;
  opacity: 0.8;
  -webkit-animation: glowing 10s infinite;
  animation: glowing 10s infinite;
  z-index: 2;
}

.howwork  .txtm-glowing2 {
  left: -6%;
  position: absolute;
  bottom: -17%;
  opacity: 0.8;
  z-index: -1;
  -webkit-animation: glowing 20s infinite;
  animation: glowing 20s infinite;
  z-index: 2;
}

@keyframes glowing {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  50% {
    opacity: 0.7;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
}


.top-heading{text-align: center;position: relative;}

.top-heading span{ position: absolute;color: transparent; top: -30px; left: 0; opacity: 0.3;font-size: 45px; line-height: 60px;font-weight: 700;-webkit-text-stroke: 1px #1d6da678;}

.top-heading h2{font-size: 40px;font-weight: 400;}

.top-heading h2 strong{ color: #1d6da6;}

.top-heading h6{color: #787878; margin-bottom: 5px;}

.wc-dot {background: #fff;  display: inline-block; padding: 13px;position: relative;z-index: 3;}

.wc-dot .item-dot{        background: #1d6da6;
  border: 8px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.4);
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;transition: all .3s ease;
}

.work-card{text-align: center;}

.wc-dot-1{position: relative;}

.wc-dot-1::before {
  background-image: url(../images/stripe-h-1.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 9px;
  left: auto;
  margin-left: 0;
  position: absolute;
  right: 60px;
  top: 26px;
  width: 109px;
}

.wc-dot-1::after {
  background-image: url(../images/stripe-h-2.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 9px;
  left: 60px;
  margin-left: 0;
  position: absolute;
  top: 26px;
  width: 230px;
}

.wc-dot-2{position: relative;}

.wc-dot-2::before {
  content: "";
  display: block;
  height: 9px;
  left: auto;
  margin-left: 0;
  position: absolute;
  right: 48px;
  top: 26px;
  width: 93px;
  transform: rotate(180deg);
}

.wc-dot-2::after {
  background-image: url(../images/stripe-h-2.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 9px;
  left: 60px;
  margin-left: 0;
  position: absolute;
  top: 26px;
  width: 230px;
}

.wc-dot-3{position: relative;}

.wc-dot-3::before {
  content: "";
  display: block;
  height: 9px;
  left: auto;
  margin-left: 0;
  position: absolute;
  right: 48px;
  top: 26px;
  width: 93px;
  transform: rotate(180deg);
}

.wc-dot-3::after {
  background-image: url(../images/stripe-h-2.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 9px;
  left: 60px;
  margin-left: 0;
  position: absolute;
  top: 26px;
  width: 230px;
}

.wc-dot-4{position: relative;}

.wc-dot-4::before {
  content: "";
  display: block;
  height: 9px;
  left: auto;
  margin-left: 0;
  position: absolute;
  right: 48px;
  top: 26px;
  width: 93px;
  transform: rotate(180deg);
}

.wc-dot-4::after {
  background-image: url(../images/stripe-h-2.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 9px;
  left: 60px;
  margin-left: 0;
  position: absolute;
  top: 26px;
  width: 230px;
}

.wc-dot-5::after {
  background-image: url(../images/stripe-h-2.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 9px;
  left: 60px;
  margin-left: 0;
  position: absolute;
  top: 26px;
  width: 230px;
}
.wc-dot-5::before {
  content: "";
  display: block;
  height: 9px;
  left: auto;
  margin-left: 0;
  position: absolute;
  right: 48px;
  top: 26px;
  width: 93px;
  transform: rotate(180deg);
}
.wc-dot-6::after {
  background-image: url(../images/stripe-h-1.png);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 9px;
  left: 60px;
  margin-left: 0;
  position: absolute;
  top: 26px;
  width: 110px;
  transform: rotate(180deg);
}

.wc-content{padding: 15px 0px;}

.wc-content h5{font-size: 17px;}

.work-card:hover .wc-dot .item-dot {background: #be9610;box-shadow: 0 0px 10px 0px #be9610;}

.work-card:hover .wc-content h5{color: #be9610; }

.wc-img img{transition: all .3s ease;}

.work-card:hover  .wc-img img{ filter: invert(28%) sepia(100%) hue-rotate(1deg) saturate(3);}

.work-inner .active .wc-dot .item-dot {background: #be9610;box-shadow: 0 0px 10px 0px #be9610;}

.work-inner .active .wc-content h5{color: #be9610; }

.work-inner .active .wc-img img{ filter: invert(28%) sepia(100%) hue-rotate(1deg) saturate(3);}

/* ------------About- home----------- */

.top-header-h{text-align: left  ;}

.top-heading h5{font-size: 18px; color: #390158;}

.about-home{padding: 60px 0;background: linear-gradient(180deg, #1b6d9f, #0d2056, #380057);position: relative;}

.about-home-inner{position: relative; z-index: 3;}

.about-home .top-heading h2{color: #fff;}

.about-home .top-heading h2 strong {color: #be9610;}

.about-home .top-heading h6 {color: #cfcfcf;}

.about-right-content ul li{display: flex;    margin-top: 25px;}

.about-right-content ul li .abt-img{width: 80px; height: 80px;flex: 0 0 80px;display: flex; align-items: center;justify-content: center; border: 1px solid #fff; border-radius: 50%; background: #fff;margin-right: 15px;}

.about-right-content ul li .abt-img img{width: 50px; }

.about-right-content ul li:hover .abt-img img{animation: bounceIn;animation-duration: 0.9s;}

.about-home .photo-inner{width: 100%;height: 220px;padding: 3px; background: #be9610; border-radius: 5px;}

.about-home .photo-inner img{width: 100%;height: 100%;object-fit: cover;}

.about-home .acv-img{height: 485px; overflow: hidden; overflow-y: scroll;padding-right: 15px;padding-bottom: 10px;}

.about-home .acv-img::-webkit-scrollbar {width: 2px;}

.about-home .acv-img::-webkit-scrollbar { width: 6px;background-color: #d6dadd00; border-radius: 10px;transition: all .5s ease ;}

.about-home .acv-img::-webkit-scrollbar-thumb {background: #be951000; border-radius: 10px;transition: all .5s ease ;}

.about-home .acv-img:hover::-webkit-scrollbar {opacity: 1;background-color: #D6DADD;}

.about-home .acv-img:hover::-webkit-scrollbar-thumb {background: #be9610;}

@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3)
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}

.abt-txt h6{ color: #be9610;}

.about-right-content  p{color: #fff;}

.about-home::before{
  position: absolute;
  content: " ";
  height: 100%;
  width: 40%;
  top: 0;
  right: 0;
  background-image: url(../images/h1-bg3.png);
  background-position: right;
  background-size: unset;
  background-attachment: fixed;
  background-repeat: no-repeat;
  opacity: .1;
}

.about-home::after{
  position: absolute;
  content: " ";
  height: 40%;
  width: 40%;
  top: 0;
  left: 0;
  background-image: url(../images/support-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .8;
}

.about-home .abt-img{ text-align: center;position: relative;}

.about-home .abt-main-img img{position: relative; z-index: 2;}



.abt-shape1{    position: absolute;
  right: 110px;
  bottom: 20px;
  width: 160px;
  z-index: 3;animation: 10s ease-in-out .5s infinite totoptobottom;}

.abt-shape2{position: absolute;
  right: 45px;
  bottom: 150px;
  width: 130px;
  z-index: 4;animation: 15s ease-in-out .8s infinite irisAnim;}

.abt-shape3{position: absolute;    right: 180px;
  top: -12px;
width: 200px;animation: 10s ease-in-out .6s infinite totoptobottom;}

.abt-shape4{    position: absolute;
  right: 50px;
  top: 20px;
  width: 170px;animation: 15s ease-in-out .8s infinite irisAnim;}

.abt-shape5{     position: absolute;
  left: 120px;
  top: 90px;
  width: 150px;animation: 10s ease-in-out .8s infinite totoptobottom;}

.abt-shape6{    position: absolute;
  left: 0;
  bottom: 170px;
  width: 120px;animation: 10s ease-in-out .9s infinite totoptobottom;
}

.abt-shape7{    position: absolute;
  left: 60px;
  bottom: 30px;
  width: 180px;animation: 10s ease-in-out .10s infinite totoptobottom;
}

.abt-shape8{    position: absolute;
  left: 245px;
  bottom: -40px;
  width: 135px;animation: 10s ease-in-out .11s infinite totoptobottom;
}

.abt-shape9{ position: absolute;
  right: 259px;
  bottom: 0px;
  width: 90px;animation: 10s ease-in-out .12s infinite totoptobottom;
}

/* --------------Home Service-------------- */

.home-service{padding:60px 0 60px;position: relative; background-image: linear-gradient(to right top, #ffc4e5, #fbd0f0, #f8dcf7, #f6e7fc, #f8f2ff, #f4f6ff, #f3f9ff, #f5fcff, #e4fcff, #d2fdff, #befeff, #acfffa);}

.home-service::before{position: absolute; content: " "; height: 100%;width: 100%; top: 0;left: 0; background-image: url(../images/bg-2.jpg); background-position: center;background-size: cover;z-index: 0;opacity: .2;}

.home-service-inner{position: relative;}

.home-service .hservice-item  {margin-left: 35px;}

.home-service .hservice-item  li{ display: flex;align-items: center;padding-bottom: 25px; border-bottom: 1px solid #c7c7c7;margin-bottom: 35px;}

.home-service .hservice-item  li:last-child{margin-bottom: 0;border: unset;}

.home-service .hservice-item  .hservice-img {flex: 0 0 85px;position: relative;}

.home-service .hservice-item .hs-bg-sp{position: absolute; height: 100px;width: 100px;background: #d1e9ff;z-index: 0;border-radius: 50%;left: -25px;top: -25px;}

.home-service .hservice-item  .hservice-img img{position: relative;width: 80px;    z-index: 1;}

.home-service .hservice-item .hservice-txt{margin: 0 50px 0 25px;transition: all .3s ease;}

.home-service .hservice-item .hservice-txt p{margin: 0;}

.go-to a{font-size: 40px;transition: all .3s ease;}

.go-to a i{ transform: rotate(315deg);transition: all .3s ease;}

.hservice-txt  h4 a{transition: all .3s ease  ; cursor: pointer;font-size: 26px;color: #000000  ;}

.home-service .hservice-item  li:nth-child(1)  .hs-bg-sp{background: #d1e9ff;}


.home-service .hservice-item  li:nth-child(1) .go-to a{color: #6880ec;}

.home-service .hservice-item  li:nth-child(2)  .hs-bg-sp{background: #fffbe2;}

.home-service .hservice-item  li:nth-child(2) .go-to a{color: #ecb768fa;}

.home-service .hservice-item  li:nth-child(3)  .hs-bg-sp{background: #dbfff0;}

.home-service .hservice-item  li:nth-child(3) .go-to a{color: #68ecbefa;}

.home-service .hservice-item  li:nth-child(4)  .hs-bg-sp{background: #ffdcdc;}

.home-service .hservice-item  li:nth-child(4) .go-to a{color: #ec688efa;}

.home-service .hservice-item  li:nth-child(5)  .hs-bg-sp{background: #b8bfff5c;}

.home-service .hservice-item  li:nth-child(5) .go-to a{color: #8368ecfa;}

.home-service .hservice-item  li:nth-child(6)  .hs-bg-sp{background: #f8f2d8;}

.home-service .hservice-item  li:nth-child(6) .go-to a{color: #955506fa;}

.home-service .hservice-item  li:nth-child(7)  .hs-bg-sp{background: #8eff7b4d;}

.home-service .hservice-item  li:nth-child(7) .go-to a{color: #159506fa;}

.home-service .hservice-item  li:hover .go-to a i{transform: rotate(359deg);}
 
.home-service .hservice-item  li:hover .hservice-txt  h4 a{color: #1d6da6;} 

.home-service .hservice-item  li:hover .go-to a{color: #1d6da6;}

.hservice-left{ position: sticky;top: 30%;}

.hservice-left p{width: 80%;font-size: 18px;}

.progress-style-two {margin-bottom: 30px;}

.single-progress-area.progress-style-two .progress-top {margin-bottom: 12px;}

.progress-top .parcent { font-size: 35px; line-height: 25px; color: transparent; -webkit-text-stroke: 1px #03041C;}

.progress-top .name {margin-bottom: 0; font-size: 20px; line-height: 25px;}

.single-progress-area.progress-style-two .progress { height: 10px;border-radius: 50px;}

.single-progress-area.progress-style-two .progress.bg-color-purple {background-color: rgba(75, 17, 235, 0.2509803922);}

.single-progress-area.progress-style-two .progress .progress-bar.bg-gradient-two { background: linear-gradient(270deg, #1b6d9f, #441dbd);}

.single-progress-area.progress-style-two .progress .progress-bar { border-radius: 50px;}

.home-progress-bar{width: 80%;}

/* ===============latest-work============== */

.latest-work{padding: 60px 0;position: relative;}

.latest-work::before{ position: absolute; content: " "; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, #20aafea1, #0d2056ad, #380057); z-index: 1;}

.latest-work .lwork-in{height: 350px; overflow: hidden;padding: 5px;border-radius: 5px;border: 1px solid #0000000f;box-shadow: 0px 10px 15px #000000;background: #1e1e1e;position: relative;}

.back-video { position: absolute; width: 100%; height: -webkit-fill-available;object-fit: fill;top: 0;left: 0;}

.latest-work-inner{position: relative;z-index: 2;}

.latest-work .top-header-h{text-align: center;}

.latest-work .top-heading h6 {color: #cfcfcf;}

.latest-work .top-heading h2 { color: #ffffff;}

.latest-work .top-heading h2 strong {color: #be9610;}

.latest-work .top-heading p{color: #fff;}

.latest-work .lwork-txt{position: absolute;bottom: -75px;background: #000000de;padding: 10px; width: 80%;transition: all .5s ease-in-out;}

.lwork-in:hover .lwork-txt{ bottom: 0;}

.latest-work .lwork-txt h6{margin: 0;}

.latest-work .lwork-txt h6 a{font-size: 16px;color: #fff;}

/* .latest-work .lwork-img{position: relative;} */

.latest-work .lwork-img a{background-color: #eaeaea;background-position: center 0; background-repeat: no-repeat;background-size: 100% auto; height: 600px; left: 0; position: absolute;top: 0;transition: all 4s ease-out 0s; width: 100%;}

.lwork-in:hover .lwork-img a{ background-position: center 100%;}

.latest-work .latest-work-tab li{margin-right: 15px;}

.latest-work .nav-pills .nav-link{ color: #be9610; border: 1px solid #be9610;}

.latest-work .nav-pills .nav-link.active {background: #be9610;color: #fff;}

.latest-work .owl-prev {left: 0;}

.latest-work .owl-next {right: 0;}

.latest-work .owl-dots{display: none;}

.blogpost { position: relative;}

.blogpost-image {position: relative;overflow: hidden;border-radius: 10px 10px 0 0; height: 250px;}

.blogpost-image img { width: 100%;transition: 0.4s; transform: scale(1);height: 100%;object-fit: cover;}

.blogpost-image-thumb { position: absolute;top: 20px; left: 20px; background-image: linear-gradient(45deg, #390459, #1d6da6);border-radius: 5px;  color: #ffffff; width: 70px; height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.blogpost-image-thumb .date { font-weight: 700;  font-size: 28px; line-height: 1;}

.blogpost-image-thumb .text {font-weight: 700;font-size: 14px; text-transform: uppercase;margin-top: 3px; line-height: 1;}

.blogpost-content {padding: 30px; border-radius: 0 0 7px 7px;  background-color: #f2fbfe;transition: 0.4s;}

.blogpost-meta { display: flex; margin-bottom: 10px;}

.blogpost-meta li {margin-right: 15px;}

.blogpost-meta li i { color: #1d6da6;margin-right: 5px;} 

.blogpost-meta li a {color: #717788;font-size: 16px;}

.blogpost-title {  font-size: 20px;font-weight: 700; line-height: 1.42;  margin-bottom: 10px;}

.blogpost-read-more {  color: #1d6da6; font-size: 16px; text-transform: uppercase; font-weight: 700;  margin-top: 15px; display: inline-block;}

.blogpost-meta {display: flex; margin-bottom: 10px;display: none;}

.blogpost-title a{ color: #1d6da6;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;height: 60px;}

.blogpost-title a:hover{ color: #be9610;}

.blogpost-content p{margin: 0; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.blogpost:hover .blogpost-content { box-shadow: 0px 18px 48px 0px rgba(0, 0, 0, 0.08); background-color: #ffffff; transition: 0.4s;}

.readbtn {color: #1d6da6;text-align: right;display: flex;justify-content: end; align-items: center;margin-top: 24px;font-size: 18px;}

.readbtn  i{margin-left: 5px;}

.latest-work .blogpost-image:hover img { transform: scale(1.1);transition: 0.4s;}

.readbtn:hover{color: #be9610;}

.latest-work .latest-txt h3{border-bottom: 2px solid #be9610; width: fit-content;padding-bottom: 10px;margin-bottom: 30px; color: #be9610;}

.latest-work  .back-video{position: absolute; width: 100%;  height: -webkit-fill-available ;object-fit: fill;}


.latest-work .social-table{ border-radius: 5px; overflow: hidden;}

.latest-work .social-table .social-body{height: 320px; overflow: hidden; overflow-y: scroll;}

.latest-work .social-table .social-head{padding: 15px; text-align: center;background: #1d6da6;color: #fff;}

.latest-work .social-table .social-head.insta{ background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}

.latest-work .social-table .social-head.fbook{background-color: #1877F2;}

.latest-work .social-table .social-head.twit{background-color: #1DA1F2;}

.latest-work .social-table .social-head.ldin{background-color: #0077B5;}

.latest-work .social-table .social-body::-webkit-scrollbar {width: 2px;}

.latest-work .social-table .social-body::-webkit-scrollbar { width: 6px;background-color: #D6DADD; border-radius: 10px;}

.latest-work .social-table .social-body::-webkit-scrollbar-thumb {background: #be9610; border-radius: 10px;}




.video-gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); grid-gap: 15px;max-width: 100%;margin: 0 auto;box-sizing: border-box; position: relative; z-index: 2;overflow: hidden;  height: 510px;overflow: hidden;overflow-y: scroll; padding: 5px;}

.video-gallery .gallery-item {position: relative;width: 100%; height: 240px; background: #000; cursor: pointer; overflow: hidden;}

.video-gallery .gallery-item img {position: relative;display: block; width: 115%; height: 240px; object-fit: cover; opacity: .5; transition: all 350ms ease-in-out; transform: translate3d(0px, 0, 0);}

.north-cascades-img {object-position: 50% 30%; }

.video-gallery .gallery-item .gallery-item-caption { padding: 10px; font-size: 1em; color: #fff; text-transform: uppercase; }

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a { position: absolute; top: 0;  left: 0; width: 100%;height: 100%;}

.video-gallery .gallery-item h2 {font-weight: 300; overflow: hidden; padding: 12px 0;}

.video-gallery .gallery-item h2,
.video-gallery .gallery-item p { position: relative;margin: 0; z-index: 1; pointer-events: none;color: #fff; font-size: 16px;}

.video-gallery .gallery-item p {letter-spacing: 1px; font-size: 12px; padding: 12px 0;  opacity: 0; transition: opacity 0.35s, transform 0.35s; transform: translate3d(10%, 0, 0);}

.video-gallery .gallery-item:hover img {opacity: 0.3; transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item .gallery-item-caption {text-align: left;}

.video-gallery .gallery-item h2::after {content: ""; position: absolute; bottom: 0;left: 0; width: 15%;  height: 1px; background: #fff;transition: transform 0.3s;  transform: translate3d(-100%, 0, 0);}

.video-gallery .gallery-item:hover h2::after { transform: translate3d(0, 0, 0);}

.video-gallery .gallery-item:hover p {opacity: 1; transform: translate3d(0, 0, 0);}

.video-gallery.visible{overflow-y: scroll;}

.video-gallery::-webkit-scrollbar { width: 2px;}

.video-gallery::-webkit-scrollbar {width: 6px;background-color: #D6DADD;border-radius: 10px;}

.video-gallery::-webkit-scrollbar-thumb {background: #be9610  ;border-radius: 10px;}

.latest-work-tab .photo-inner{width: 100%;height: 220px; padding: 3px; background: #be9610;border-radius: 5px;}

.latest-work-tab .photo-inner img{ width: 100%;height: 100%;object-fit: cover;}

.ann-det-img { position: relative;}

.ann-det-img img {height: 390px; width: 70%;object-fit: cover; border-radius: 5px; box-shadow: 0 0 5px 0 #b9b9b9;}

.ann-det-img .event-datee { position: absolute; bottom: 0px;left: 10px; background: linear-gradient(180deg, #1b6d9f, #0d2056, #380057);padding: 15px 30px; border-radius: 5px 5px 0 0;color: #ffffff;}

.ann-det-cont { width: 90%;}

.ann-det-cont h3 {width: 80%;color: #1d6da6;}

.ann-det-cont h6{font-size: 18px;color: #2a0b57;}

.ann-det-cont h5{color: #1d6da6 ;}

.event-card .blogpost-content {padding: 20px;}





/* =========testimonial============ */

.testimonial{padding: 60px 0; 
  /* background-image: linear-gradient(to right top, #ffc4e5, #fbd0f0, #f8dcf7, #f6e7fc, #f8f2ff, #f4f6ff, #f3f9ff, #f5fcff, #e4fcff, #d2fdff, #befeff, #acfffa); */
      position: relative;} 

.testimonial::before{ position: absolute;content: " ";top: 0;left: 0; height: 100%;width: 100%;
  /* background-image: url(../images/Bg-10.png); */
  background-position: center;background-size: contain;background-repeat: repeat;opacity: .2;background-attachment: fixed;}

.testimonial .testi-item{text-align: center;width: 100%;margin: 0 auto;}

.testi-slider .owl-nav{display: none !important;}
.testi-slider  .owl-dots { bottom: -20px;}

.testimonial .testi-img img{width: 100px; margin: 0 auto;border-radius: 50%;}

.rating {display: inline-block;}

.rating input { display: none;}

.rating label {float: right;cursor: pointer;color: #ccc;transition: color 0.3s;}

.rating label:before { content: '\2605'; font-size: 30px;}

.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label {color: #be9610; transition: color 0.3s;}

.testimonial .testi-cont{margin-top: 25px;}

.testimonial .testi-cont h4{  margin-bottom: 0px; color: #be9610;}

.testimonial .testi-slider{margin-top: 35px;}

.shape-6 {width: 60px; height: 60px;left: 35%;top: 30%; animation: 10s ease-in-out .5s infinite totoptobottom; background: #ea551300;position: absolute;}

.shape-6 img { width: 100%; transform: rotate(320deg); border-radius: 50%}

.shape-7 { width: 80px; height: 80px; right: 15%; animation: 15s ease-in-out .8s infinite irisAnim; background: #f0f8ff00;position: absolute;}

.shape-8,
.shape-9 { position: absolute; animation: 3s infinite alternate bg-circle-one}

.shape-7 img { width: 100%;transform: rotate(45deg); border-radius: 50%}

.shape-8 {width: 40px;height: 40px; background-image: linear-gradient(90deg, #ea551354 50%, #ea551354 50%);left: 0; margin: 0 auto; border-radius: 50%; background-size: 200% 50%; bottom: 40%; right: -20%}

.shape-8 img,
.shape-9 img { border-radius: 50%}

.shape-9 { height: 30px;width: 30px;top: 12%;left: 24%; background-color: #ea5513; border-radius: 50%}

.shape-10,
.shape-11,
.shape-12 {  height: 15px; width: 15px; border-radius: 50%; position: absolute}

.shape-10 {top: 24%;left: 40%; background-color: #ea531380;animation: 5s ease-in-out 1s infinite irisAnim}

.shape-11 { bottom: 24%; right: 15%;background-color: #0066ffaa; animation: 3s infinite alternate bg-circle-one}

.shape-12 { bottom: 10%;left: 14%;background-color: #06f;animation: 30s ease-in-out .8s infinite irisAnim}

@keyframes totoptobottom {
  20% {
      transform: translateY(20px)
  }

  60% {
      transform: translateY(-20px)
  }
}

@keyframes irisAnim {
  20% {
      transform: translateX(20px)
  }

  60% {
      transform: translateX(-20px)
  }
}

@keyframes gradient {
  0% {
      background-position: 0 50%;
      background-image: linear-gradient(90deg, #ea551354 50%, #e8efe66e 50%)
  }

  50% {
      background-position: 100% 50%;
      background-image: linear-gradient(90deg, #e8efe66e 50%, #ea551354 50%)
  }

  100% {
      background-position: 0 50%;
      background-image: linear-gradient(90deg, #e8efe66e 50%, #ea551354 50%)
  }
}

@keyframes bg-circle-one {
  0% {
      transform: scale(1)
  }

  100% {
      transform: scale(1.4)
  }
}

/* ---------Client--------- */

.client-slide{overflow: hidden; }

.client-slide .box-inner{ padding: 15px;box-shadow: 0 0 10px 0 #00000021;border-radius: 5px;  height: 100px; margin: 10px 0 ;background-color: #fff; }

.client{padding: 60px 0;position: relative;}

.client .client-inner{position: relative;z-index: 2;}

.client::before{position: absolute;content: " "; height: 100%;width: 52%;right: 0;top: 0;background: linear-gradient(180deg, #1b6d9f, #0d2056, #380057);}

.client::after{position: absolute;content: " "; height: 100%;width: 52%; top: 0;right: 0;background-image: url(../images/sonydig-bnr1.png);background-position: right;background-size: unset;background-attachment: fixed; background-repeat: no-repeat;opacity: .1;}

.client .tessti-item-prof{height: 350px; position: relative;border-radius: 10px;}

.client .tessti-item-prof:before{content: "";width: 80px; height: 80px; position: absolute;transition: all 0.2s linear; border-bottom: 2px solid #300252; border-right: 2px solid #300252; border-bottom-right-radius: 10px;right: -3px;bottom: -3px;}

.client .tessti-item-prof:after{content: "";width: 80px; height: 80px; position: absolute;transition: all 0.2s linear; border-top: 2px solid #300252; border-left: 2px solid #300252; border-bottom-right-radius: 10px;left: -3px;top: -3px; border-radius: 10px 0 0 0;}

.client .tessti-item-prof:hover::before{ width: 100%;height: 100%;border-radius: 10px; border-color: #078586;right: 0px; bottom: 0px;}

.client .tessti-item-prof:hover::after{ width: 100%; height: 100%; border-radius: 10px;border-color: #078586;left: 0;top: 0;}

.client .tessti-item-prof .tip-img{ height: 100%;}

.client .tessti-item-prof .tip-img img{ height: 100%;width: 100%; border-radius: 10px;object-fit: cover;}

.client .tessti-item-prof .tip-txt{position: absolute; bottom: 0; left: 0 ; display: flex;width: 100%;align-items: center; justify-content: space-between;padding: 15px;backdrop-filter: blur(5px); background: #0000007a;border-radius: 0 0 10px 10px;    z-index: 2;}

.client .tessti-item-prof .tip-txt h5{ margin-bottom: 5px; font-size: 18px; color: #ffffff;}

.client .tessti-item-prof .tip-txt h6{font-size: 14px; color: #c9c9c9;margin: 0; font-weight: 600;}

.client .c-testimonial-slide {margin-top: 15px;}

.client .c-testimonial-slide  .owl-nav {display: none !important;}

.client .c-testimonial-slide  .owl-dots { bottom: -15px;}

.client  .testi-item-quote p{color: #787878; text-align: center;}

.client .npanel{overflow: hidden;}

.client .npanel .box-inner{padding: 5px;border-radius: 5px;height: 100px;background: #fff;}

.client .npanel .box-inner img{ width: 100%;height: 100%; object-fit: contain;}

.client  .npanel-with{ padding: 25px 0;}

.client .npanel .top-heading h6{color: #cfcfcf;}

.client .npanel .top-heading h2{ color: #fff;}

.client .npanel .top-heading h2 strong{ color: #be9610;}

.client .npanel .top-heading p{color: #fff;}

.client .npanel .top-header-h{text-align: center;}

.client .client-testimonial{ margin-right: 50px;}

.client  .tip-txt-play .button {display: flex; justify-content: center;color: #fff; width: 40px; height: 40px; border-radius: 100%; background: linear-gradient(30deg, rgb(255, 130, 0) 20%, rgb(255, 38, 0) 80%);transition: all 0.3s ease-in-out 0s; box-shadow: rgba(193, 244, 246, 0.698) 0px 0px 0px 0px;align-items: center; border: 0;position: relative;}

.client  .tip-txt-play .button::before{ top: 0; left: 0;  padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);opacity: 0;transform: scale(0.7);pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';box-sizing: content-box; animation: sonarOrnge 1.3s infinite ease-out 75ms;}

.client  .tip-txt-play .button  svg{width: 12px;}

.client  .tip-txt-play .button:hover {transform: scale(1.2);}

.client  .tip-txt-play .button:focus {transform: scale(1.2);}

@keyframes sonarOrnge {
  0% {
    opacity: 0.3;
  }

  40% {
      opacity: 0.5;
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.64), 0 0 10px 10px #acacac, 0 0 0 10px #ffffff;
  }

  100% {
      box-shadow: 0 0 0 2px rgba(243, 243, 243, 0.55), 0 0 10px 10px #b3b3b3, 0 0 0 10px #cfcfcf;
      -webkit-transform: scale(1.5);
      opacity: 0;
  }
}





.video-container { display: none;  position: fixed; top: 0;left: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.8); z-index: 9; justify-content: center; align-items: center;}

.videp-cont-inner{ position: absolute; width: 80%;max-width: 800px; background-color: #17598a;padding: 5px;margin: 0 auto; transform: translate(-50%, -50%);left: 50%;  top: 50%;}

.close-btn {position: absolute; top: 5px;right: 5px; background-color: #be9610; color: white; border: none; cursor: pointer;z-index: 3;}

.video-player {width: 100%; height: auto;}




/* ===========Chat Us============= */

.quick-action-area.quick-action-style-one { background: linear-gradient(180deg, #1b6d9f, #0d2056, #380057);position: relative;overflow: hidden; padding: 40px 0;z-index: 0;}

.quick-action-area.quick-action-style-one .quick-action-inner { display: flex; justify-content: space-between;}

.quick-action-area.quick-action-style-one .quick-action-inner .quick-action-left .description {color: #fff;  font-size: 30px; line-height: 46px;max-width: 455px;margin: 0;}

.quick-action-area.quick-action-style-one .quick-action-inner .quick-action-right .contact { display: flex;align-items: center;}

.btn-rounded.mid-btn {height: 100px; width: 100px;line-height: 100px; text-align: center; display: flex;  align-items: center;justify-content: center;background-color: #fff; border: 20px solid rgb(190 150 16);border-radius: 100%;margin-right: 30px;}

.btn-rounded.mid-btn i {color: #bd9510;font-size: 30px;}

.quick-action-area.quick-action-style-one .quick-action-inner .quick-action-right .contact .content {display: flex;flex-direction: column; justify-content: flex-end; align-items: flex-end;}

.quick-action-area.quick-action-style-one .quick-action-inner .quick-action-right .contact .content .title {color: #fff; font-size: 24px;line-height: 40px; margin-bottom: 5px;}

.quick-action-area.quick-action-style-one .quick-action-inner .quick-action-right .contact .content .ph-number{font-size: 30px; color: #fff; font-weight: 500;}

.quick-action-area.quick-action-style-one .dot-top { position: absolute;  top: -52%; left: 59%;}

.quick-action-area.quick-action-style-one .carly-line {position: absolute; bottom: 31%; left: 58%;}

.quick-action-area.quick-action-style-one .dot-bottom {position: absolute;bottom: -53%; left: 49%;}

.quick-action-area.quick-action-style-one .shape { position: absolute;  bottom: 0;right: -13px;z-index: -1;}

.quick-action-area.quick-action-style-one .shape-2 { position: absolute; left: -12%;top: 0;}

/* -- ----- Page Top ----- -- */

.breadcrumb-top{ height: 370px;position: relative;}

.breadcrumb-top::before{position: absolute;content: "";top: 0;left: 0;height: 100%; width: 100%; z-index: 1;background-image: linear-gradient(180deg, white 0%, transparent); }

.breadcrumb-top .breadcrumb-img{ height: 100%;position: absolute; width: 100%;top: 0; left: 0;}

.breadcrumb-top .breadcrumb-img img{ height: 100%; width: 100%;object-fit: cover; object-position: center;}

.breadcrumb-top .breadcrumb-inner{height: 100%;display: flex;align-items: center;justify-content: space-between; position: relative;width: 100%; z-index: 3;    padding-top: 100px;}

.breadcrumb-top .breadcrumb-inner .heading {width: 100%;position: relative;}

.breadcrumb-top .breadcrumb-inner .heading  h2{color: #1d6da6;font-size: 70px;  margin: 0; position: relative;z-index: 2;}

.breadcrumb-top .breadcrumb-inner .heading span{ position: absolute;color: transparent; top: 0px;left: 0;  opacity: 0.1; font-size: 40px; line-height: 60px; font-weight: 700; -webkit-text-stroke: 2px #000000; text-shadow: 1px 1px 0 #282f3b, -1px -1px 0 #282f3b, 1px -1px 0 1px #282f3b, -1px 1px 0 #282f3b, 1px 1px 0 #282f3b;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li{font-size: 20px;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li a{    color: #1d6da6;}

.breadcrumb-top .breadcrumb-inner .list-unstyled li:last-child{color: #be9610;}


/* -- ----- Footer ----- -- */
.footer{background-color: #03041C;background-image: url(../images/bg-01.png); background-size: cover; background-repeat: no-repeat;padding: 60px 0 0;}

.footer-top{display: flex;justify-content: space-between; align-items: center; width: 80%;margin: 0 auto;background-color: #353950; border-radius: 8px;padding: 40px 40px;}

.subs-title h2{margin: 0;color: #fff;}

.subs-form{ display: flex;align-items: center; justify-content: center; flex: 0 0 500px;}

.subs-form .form-control{background: unset;border: unset;border-bottom: 1px solid #8b8b8b;border-radius: unset;  color: #fff;}

.subs-form input{color: #fff;}

.subs-form input::-webkit-input-placeholder,
.subs-form input::-moz-placeholder,
.subs-form input::-ms-placeholder,
.subs-form input::placeholder { color:red;}
.subs-form .submit{flex: 0 0 165px;width: -webkit-fill-available;text-align: end; border: 1px solid #1d6da6; padding: 10px 20px;margin-left: 15px; border-radius: 5px;background: #1d6da6; color: #fff;}

.subs-form .submit:hover{border: 1px solid #be9610;background: #be9610;}

.subs-form .submit i{    margin-left: 5px;}
.f1-social-media .social-media{position: relative;top: 0;}

.f1-logo img{width: 150px;}

.fi-icon {margin-right: 15px;font-size: 50px; color: #fff;}
.f1-cont p{margin-bottom: 5px;color: #fff;font-weight: 600;}

.f1-time{display: flex;align-items: center;}

.f1-txt p{color: #fff;}
.footer1{padding-right: 40px;margin-right: 50px;border-right: 1px solid;}

.footer-title{color: #ffff;margin-bottom: 20px; }
.footer2 ul{padding-left: 25px;}

.footer2 li{margin-bottom: 6px;list-style-type: disclosure-closed;}

.footer2 li::marker{color:#fff;}

.footer2 a{color: #fff;transition: all .3s ease-in-out;}

.footer2 a:hover{color: #be9610;margin-left: 5px;}

.footer-post{display: flex; margin-top: 10px;}

.footer-post .fp-img{flex: 0 0 80px; margin-right: 15px; width: 80px; height: 80px; border-radius: 5px;overflow: hidden;}

.footer-post .fp-img img{ height: 100%; width: 100%; object-fit: cover;}

.fp-txt span{color: #fff;}

.fp-txt span i{margin-right: 5px;color: #1d6da6;}

.fp-txt  p a{color: #fff; font-weight: 600; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}

.footer4 ul li .f1-time{background-color: #1D1E33;border-radius: 5px; padding: 10px; display: flex; align-items: center;margin-bottom: 25px;}

.footer4 ul li .f1-time .fi-icon{ margin-right: 15px;padding: 12px 15px; border-radius: 5px;background-color: #1d6da6;font-size: 25px;}

.footer4 p{color: #fff;}

.copy-right{padding: 20px 0;    background: #353950; text-align: center;}

.copy-right p{color: #fff; font-weight: 600; margin: 0;}

/* -- ----- opening Page ----- -- */

.home-layouts{padding: 60px 0;    background-image: linear-gradient(to right top, #ffc4e5, #fbd0f0, #f8dcf7, #f6e7fc, #f8f2ff, #f4f6ff, #f3f9ff, #f5fcff, #e4fcff, #d2fdff, #befeff, #acfffa);}

.home-layouts .owl-nav{display: none !important;}

.home-layouts .owl-dots {left: 20%;justify-content: inherit;}

.home-layouts .opening-item .opening-img{  height: 345px;}

.home-layouts .opening-item .opening-img img{  height: 100%; width: 100%; object-fit: cover;} 

.home-layouts .opening-item .opening-txt{height: 100%;position: relative; }

.home-layouts  .ot-head h5  {padding: 15px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);font-size: 18px; color: #1d6da6;}

.home-layouts .ot-inner{padding: 15px; margin-left: 15px;}

.home-layouts .ot-inner p{margin: 0;margin-left: 25px;padding-left: 15px;border-left: 2px solid #54a3dc;line-height: 25px;padding-bottom: 30px;padding-top: 10px;margin-top: 30px;}

.home-layouts .opening-txt .date{position: absolute; top: 85px;right: 25px;}

.home-layouts .opening-txt .date span{ color: #8e8e8e;font-size: 14px;font-weight: 600;}

.home-layouts .opening-txt .apply-btn{position: absolute;right: 0px;bottom: 25px;}

.home-layouts .opening-txt .applynow{text-decoration: none; position: relative; padding: 0 10px;margin-left: auto; display: block; width: fit-content;  margin-right: 50px; transition: all .25s ease;  color: #000000; font-size: 14px;font-weight: 600; border: unset;background: unset;}

.home-layouts .opening-txt .applynow::before{ position: absolute;content: '';height: 2px; width: 25px; left: 100%; background-color: #000000; top: 10px; transition: all .25s ease; transition-delay: .1s;}

.home-layouts .opening-txt .ot-inner h6{color: #5e5e5e;width: 80%; line-height: 25px;font-weight: 600;}

.home-layouts .owl-dot {border: 0px solid #cecece; background-color: #ffffff;width: 6px; height: 6px;outline: 1px solid #ffffff;}

.home-layouts .opening-item{height: 345px; box-shadow: 0 7px 8px 0 #f0f0f0; background: #fff;}

.home-layouts .intern-opening-item {background: linear-gradient(88deg, #390158, #1d6da6);}

.home-layouts .intern-opening-item .ot-head h5 {color: #ffffff;}

.home-layouts .intern-opening-item .opening-txt .ot-inner h6 {color: #dadada;}

.home-layouts .intern-opening-item .ot-inner p {color: #fff;border-left: 2px solid #f2e059;}

.home-layouts .intern-opening-item .opening-txt .date span { color: #dadada;}

.home-layouts .intern-opening-item .opening-txt .applynow {color: #ffffff;}

.home-layouts .intern-opening-item .opening-txt .applynow::before{background-color: #fff;}

.home-layouts  .life-inner-item img{height: 100%; width: 100%;object-fit: cover; object-position: top;}

.home-layouts  .life{position: relative;}

.home-layouts  .life .life-txt {position: absolute; top: 15px; z-index: 3; left: 1px;  padding: 10px 100px 10px 30px; background: linear-gradient(93deg, #330854, transparent);}

.home-layouts  .life .life-txt h2 { margin: 0; color: #fff; font-size: 22px;}

.home-layouts .life .life-inner {position: absolute; right: 25px; bottom: 40px;  width: 550px; height: 300px;background: aliceblue; z-index: 2;overflow: hidden;}

.home-layouts .life  .life-inner .lii-img img{width: 80px;}

.home-layouts .life .life-inner-items {padding: 15px;display: flex;padding-top: 0;position: relative; height: 220px; justify-content: flex-start;}

.home-layouts .life .life-inner-items::before{position: absolute;content: ""; top: -28px; right: 0;transform: translate(-0%, -0%); background-image: url(../images/quote.png);background-size: cover; height: 100px; width: 100px;background-position: center;z-index: -1; opacity: .2;}

.home-layouts .life .lii-img {flex: 0 0 80px;margin-right: 15px;width: 80px;height: 80px;border-radius: 50%;overflow: hidden;}

.home-layouts .life  .life-in-txt {padding: 10px;text-align: center;    background-image: linear-gradient(134deg, #38055b, #1e6aa4);}

.home-layouts .life  .life-in-txt h5{color: #fff; margin: 0;}

.home-layouts .life .lli-txt h6 { color: #595959;}

.home-layouts .life .lli-txt h6 span{ font-size: 14px; color: #228cd7;font-style: italic;}

.home-layouts .life .lli-txt  p{color: #595959;font-size: 14px;}

.home-layouts .life-inner .owl-nav{ display: block !important;}

.home-layouts .life-inner .owl-dots{ display: none !important;}

.home-layouts .life-inner  .owl-prev { height: 30px; width: 30px;left: 10px; right: unset; top: unset; bottom: 15px; border-radius: 5px;    border: 1px solid #216db9;}

.home-layouts .life-inner  .owl-next { height: 30px; width: 30px;  right: unset; left: 45px;top: unset; bottom: 15px; border-radius: 5px;    border: 1px solid #216db9;}

.home-layouts .life-inner  .owl-prev i , .home-layouts .life-inner  .owl-next i{font-size: 16px;    font-weight: 300;}

.home-layouts  .life-inner-slider {margin-top: 20px;}

.home-layouts .life .view-video{position: absolute;bottom: 15px;right: 15px;}

.home-layouts .life .view-video a{color: red  ;}

.home-layouts .history{height: 100%;background: #3d165c;position: relative;}

.home-layouts .history::before{position: absolute;content: " ";height: 100%;width: 100%;top: 0;left: 0;background-image: url(../images/client.jpg); background-size: cover; background-position: center;}

.home-layouts .history::after{position: absolute;content: " ";height: 100%;width: 100%;top: 0;left: 0; background: #3d165cf2;}

.home-layouts  .history-txt{position: relative; z-index: 2; background: #37055b;}

.home-layouts  .history-inner{position: relative; z-index: 2;}

.home-layouts .history .history-item{padding: 15px;text-align: center;}

.home-layouts .history .history-txt h5{padding: 15px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);font-size: 18px;color: #fff;}

.home-layouts .history .history-item p{margin: 0;color: #fff;}

.home-layouts .history  .history-item h2{margin: 0;font-size: 50px;font-weight: 800;-webkit-text-stroke: 2px #ffffff;-webkit-text-fill-color: #3d165c;white-space: nowrap; text-align: center; letter-spacing: 1.6px;}

.free-cons .free-cons-btn{display: flex;align-items: center; flex-wrap: wrap; gap: 10px;}

.free-cons .free-cons-btn li{ width: 22%;}

.free-cons .free-cons-btn li a{ width: 100%; display: block; height: 70px; border: 1px solid white; background: #fff; border-radius: 5px;    padding: 4px;}

.free-cons .free-cons-btn li a img{ height: 100%; width: 100%;object-fit: contain;}

.free-cons {padding: 0 15px;}

.free-conn-inner .ot-inner h6 {margin: 0;}

.free-conn-inner  .ot-inner { margin-left: 0;}




/* -- ----- Employ Review ----- -- */

.video-popup {display: none;   position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.8);z-index: 9;justify-content: center; align-items: center;}

.video-popup-content {position: relative;width: 80%;max-width: 800px; background-color: #fff;padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}

.close-button {position: absolute; top: 10px; right: 20px; font-size: 30px; cursor: pointer;z-index: 3;}

.video-pop{width: 100%;}

/* -- ----- Event ----- -- */

.event-card{padding: 60px 0;}

.recet-evetop {padding: 24px 30px; border-radius: 5px; font-size: 21px;font-weight: 700;color: #343c55;display: flex;background: rgba(50, 47, 179, 0.13);background: linear-gradient(-45deg, rgba(91, 207, 242, 0.13) 0%, rgba(65, 125, 210, 0.13) 50%, rgba(50, 47, 179, 0.13) 100%);text-transform: capitalize;display: flex; align-items: center;margin-bottom: 30px;}

.recet-evetop h4{margin: 0;}

.news-event-grid { padding: 10px;border: 1px solid #cecece;border-radius: 5px;background: linear-gradient(45deg, #ffffff, #e4f2f7);}

.event-item {border-bottom: 1px solid #cecece;display: flex; margin-top: 15px;padding-bottom: 15px;}

.event-img {width: 100px;height: 100px; margin-right: 10px; flex: 0 0 100px;}

.event-img img {width: 100%;height: 100%; object-fit: cover;border-radius: 3px;}

.event-txt {padding: 0px 15px 5px; position: relative;}

.event-datee {color: #692727;}

.news-event-grid p { font-weight: 700; font-size: 15px; margin: 10px 0 0;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;  overflow: hidden;}

/* -- ----- About -- ----- */

.about{ padding: 80px 0 60px;}

.about .about-swiper .owl-nav{display: none !important;}

.about .about-swiper .owl-dots { bottom: -25px;}

.about .about-swiper {width: 80%;}

.about .about-swiper .mission-vision-item{ background: linear-gradient(88deg, #390158, #1d6da6); padding: 25px;display: flex;border-radius: 15px;padding-bottom: 45px;}

.about .about-swiper .mission-vision-item .msi-img{ flex: 0 0 90px; margin-right: 15px;}

.about .about-swiper .mission-vision-item .msi-txt h4{color: #fff;}

.about .about-swiper .mission-vision-item .msi-txt p{margin: 0; color: #fff;}

.about .image_box_inner{position: relative;margin-top: 50px;padding-bottom: 80px; display: inline-block;    width: 100%;}

.about .image.one {position: relative; z-index: 3;float: left;}

.about  .image_box_inner img {
  border-radius: 10px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  height: 500px;
  width: 380px;
  object-fit: cover;
}
.about  .image_box_inner .video-inner {
  position: absolute;
  top: 0%;
  left: 0%;
  bottom: 0;
  right: 0;
  height: 100px;
  width: 100px;
  margin: auto;
  z-index: 1;
  text-align: center;
  line-height: 100px;display: flex;
  align-items: center;
  justify-content: center;
}
.video_box:before, .video_box:after {
  width: 0px;
  height: 0px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  animation: ripple 3s infinite;
  transition: all 0.4s ease;
  z-index: 0;
}
.video_box a {
  position: relative;
  display: flex;
  font-size: 30px;
  color: #fff;
  width: 70px;
  height: 70px;
  line-height: 75px;
  text-align: center;
  border-radius: 50%;
  background: #1d6da6;
  background-image: inherit;
  z-index: 1;
  align-items: center;
  justify-content: center;
} 
.video_box:after {
  animation-delay: 0.4s;
} 
.about  .image_box_inner  .quote {
  position: absolute;
  bottom: 0px;
  padding: 30px 30px 30px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 0;
  background: #fff;
  border-radius: 10px;
}

.about .image_box_inner .quote h2 {
  font-size: 22px;
  line-height: 34px;
  margin: 0px;
}
.about .image_box_inner .image.two {
  position: absolute;
  top: 80px;
  right: -0;
  z-index: 1;
  transition: all 0.6s ease-in-out;
}
.about .image_box_inner .image.two::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 111%;
  right: 119px;
  top: -100px;
  border-radius: 20px;
  background: #1d6da62e;
  z-index: -11;
}
@keyframes ripple {
  70% {
      background: rgba(255, 255, 255, 0);
      width: 120px;
      height: 120px;
  }
  100% {
      background: rgba(255, 255, 255, 0);
      width: 0px;
      height: 0px;
  }
}

.about-team .top-heading{text-align: center;}

.about-team .top-heading span{ width: 100%; transform: translate(-50%, 0px);left: 50%;}

.about-team  {background: aliceblue;padding: 140px 0; position: relative;}

.position_absolute { position: absolute;left: 0;bottom: -5px;width: 100%; height: auto;}

.curve_shape_top_1 {top: -1px;}

.curve_shape_bottom_1 { transform: rotate(180deg); filter: contrast(0.9);}

.about-team svg { width: calc(100% + 1.3px); height: 67px;display: block;}

.about-team  svg path {fill: #fff;transform-origin: center; transform: rotateY(0deg);}

.about-team .team_box { position: relative; margin-bottom: 30px;}

.about-team .team_box.type_one {position: relative; background: #fff;box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.06);margin-bottom: 30px; border-radius: 10px;}

.about-team .type_one .content_box { position: relative; text-align: center;padding: 30px 20px;}

.about-team .type_one .content_box h2 a{color: #1d6da6;}

.about-team  .content_box h6 {
  color: #38045a;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid ;
  transition: all 0.6s ease;
}
.about-team .image_box {
    position: relative;
    overflow: hidden;    height: 360px;
}
.about-team  .content_box p{margin: 0;}

.about-team .image_box::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  text-align: center;
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: top;
  transition: all 0.5s;
  background: linear-gradient(45deg, #38035a, #1e69a3);
  z-index: 10;
  border-radius: 10px;
}

.about-team .image_box img {
  border-radius: 10px;    height: 100%;
  width: 100%;
  object-fit: cover;
}
.about-team .overlay {
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.about-team .overlay ul {
  position: relative;
  text-align: center;
}

.about-team .overlay ul li {
  padding: 0px 2px;
  display: inline-block;
  transition: all 0.6s ease-in-out;
  opacity: 0;
}

.about-team .overlay ul li a { color: #282f3b; width: 50px;  height: 50px; line-height: 50px; border-radius: 50px;display: block;text-align: center;background: #fff;  transition: all 0.6s ease-in-out;}
.about-team .overlay ul li a i {line-height: 50px; display: block;}

.about-team .about-team-inner{position: relative;}

.about-team .about-team-cont ul{justify-content: center;}

.about-team .about-team-cont ul li{    margin-right: 15px;}

.about-team .about-team-cont .nav-pills .nav-link{color: #1d6da6;}

.about-team .about-team-cont .nav-pills .nav-link.active{    background-color: #1d6da6;color: #fff  ;}

.team_box.type_one:hover .image_box::before {opacity: 0; transform: perspective(400px) rotateX(0deg);transition: all 700ms ease 100ms;}

.team_box.type_one:hover .image_box .overlay ul li {transform: translateY(0);opacity: 0;}

.why-us{padding: 60px  0;    background: #f2f2f2;}

.why-us .right-card { min-width: 270px; padding: 30px; margin-bottom: 20px;border: 1px solid #ebebeb; background-image: url(../images/bg-2.jpg);background-repeat: no-repeat; background-size: cover;}

.why-us .why-us-inner{ width: 80%;margin: 0 auto;}

.why-us .right-card.go-top { margin-top: -30px;}

.why-us .right-card img{ margin-bottom: 15px;}

.why-us .right-card h3{ font-size: 20px;color: #307eb4;    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.why-us .right-card p{    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* -- -- Lgbtn -- -- */

.lg-btnn a {position: relative; display: flex;justify-content: center;align-items: center; border-radius: 5px; background: #1d6da6;box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);overflow: hidden;cursor: pointer;border: none;width: fit-content;}

.lg-btnn a:after { content: " ";width: 0%;height: 100%;background: #390158;position: absolute;transition: all 0.4s ease-in-out;right: 0;}

.lg-btnn a:hover::after {right: auto;left: 0; width: 100%;}

.lg-btnn a span { text-align: center; text-decoration: none;width: 100%;padding: 15px 20px;color: #fff; font-size: 18px;font-weight: 600; letter-spacing: 1px; z-index: 20;transition: all 0.3s ease-in-out;}

.lg-btnn a:hover span { color: #fff;animation: scaleUp 0.3s ease-in-out;}

@keyframes scaleUp {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

/* -- ----- Service ----- -- */

.service{padding: 60px 0;}

.service .service-sidebar { background: #fff;  padding: 30px;  border-radius: 20px;box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .08);}

.service .service-menu li {border-bottom: 1px dashed #e1e1e1; padding-bottom: 15px; margin-bottom: 15px;}

.service .service-menu li a { color: #16072f  ; display: block; font-size: 16px; position: relative;}

.service .service-menu .active a{font-weight: 600;color: #6200ff;}

.service  .service-menu li a:before {position: absolute; top: 0;right: 0; font-family:"Font Awesome 5 Free" ; content: "\f061"; font-size: 15px;display: flex; z-index: 1; height: 100%; color: #6200ff;justify-content: center; align-items: center; font-weight: bolder;}

.service  .contact-widget { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 20px ; padding: 30px 30px 200px;background-image: url(../images/call-us.jpg);}

.service .contact-widget h5{font-size: 30px;color: #1d6da6;}

.service .contact-widget p{ font-size: 22px;}

.service .sc-img{width: 100%;height: 500px;}

.service .sc-img img{width: 100%; height: 100%;border-radius: 10px;object-fit: cover;}

.service .strategy ul{display: flex;align-items: center;flex-wrap: wrap;width: 90%;justify-content: space-between;}

.service .strategy ul li{  width: 48%;    margin-bottom: 15px;}

.service .strategy ul li i{ margin-right: 10px;color: #7d10b9;}

.service .service-accordian .accordion-item{border: unset; border-radius: unset; margin-bottom: 15px;box-shadow: 0 0 10px 0 #e7e7e7;}

.service .service-accordian .accordion-button{font-size: 18px;font-weight: 600;}

.service .accordion-button:not(.collapsed){color: #7d10b9; background-color: #dcdcdc;}

.service .service-accordian .accordion-body p{margin: 0;}

.free-service{ position: relative;background-image: url(../images/consult-bg.jpg);height: 100%; width: 100%;background-size: cover;padding: 60px 0;}

.free-service .free-cons-btn{ display: flex;gap: 15px; margin-top: 30px;padding-top: 30px;border-top: 1px dashed #787878;}

.free-service .free-cons-btn li a{height: 100px;width: 150px;display: block; box-shadow: inset 0 0 9px 0 #d0d0d0;border-radius: 5px;padding: 5px;    background: #fff;}

.free-service .free-cons-btn li a img{ width: 100%; height: 100%; object-fit: contain;}

.free-service  .free-service-inner-img  {height: 370px;width: 600px;margin: 0 auto;}

.free-service  .free-service-inner-img img{ width: 100%; height: 100%; object-fit: contain;}

.service .accordion-body ul{ margin-left: 15px;margin-top: 15px;}

.service .accordion-body ul li{margin-bottom: 10px; list-style-type: disclosure-closed; margin-left: 15px;}

.service .accordion-body ul li::marker{color: #7d10b9;  }


/* -- ----- carrier ----- -- */

.carrier{padding: 60px 0;}


.career-accordian .career-accordian-btn{display: flex; justify-content: space-between; align-items: center;padding: 10px 30px;}

.career-accordian .cab-inner-cont{display: flex;flex-direction: column;}

.career-accordian .cab-inner-cont-btn .accordion-button{ text-align: -webkit-right;width: fit-content;margin-left: auto;background-image: linear-gradient(45deg, #390459, #1d6da6);color: #fff;padding: 8px 15px;border-radius: 5px;border: unset; box-shadow: unset;}

.career-accordian .cab-inner-cont-btn .accordion-button::after{display: none  ;}

.career-accordian  .cab-inner-cont-txt ul{ display: flex; margin-top: 5px;}

.career-accordian  .cab-inner-cont-txt p{margin: 0;color: #fff;}

.career-accordian  .cab-inner-cont-txt p i{ color: #be9610; margin-right: 5px;}

.career-accordian .cab-inner-txt h4{margin: 0 ;color: #fff;font-size: 18px;}

.career-accordian .accordion-header {margin-bottom: 0;background: #1d6da6;}

.career-accordian .cab-inner-cont-txt li{ margin-right: 15px;padding-right: 15px;border-right: 1px solid #fff;}

.career-accordian .cab-inner-cont-txt li:last-child{  margin-right: 0; padding-right: 0; border-right: unset;}

.career-accordian .accordion-item{margin-bottom: 15px;border: unset;padding-bottom: 15px;border-bottom: 1px dashed #1d6da6;}

.career-accordian .accordion-body{    padding: 90px 25px 45px;background: #eaeaea; position: relative;}

.career-accordian .accordion-body  .job-desc{ position: absolute;left: 0;top: 20px;padding: 12px 30px; background: #1d6da6;background-image: linear-gradient(45deg, #390459, #1d6da6);border-radius: 0 35px 35px 0;}

.career-accordian .accordion-body  .job-desc p{margin: 0 ; color: #fff;}

.career-accordian .career-accordian-body ul{margin-left: 25px;}

.career-accordian .career-accordian-body li{list-style-type: disclosure-closed;margin-bottom: 10px;}

.career-accordian .career-accordian-body li::marker{color: #7d10b9;}

.career-accordian .career-accordian-body .car-apply{position: absolute; right: 30px;}

.career-accordian .career-accordian-body .car-apply a{padding: 10px 25px;border: 1px solid #1d6da6; border-radius: 5px; background: #1d6da6;color: #fff;}

.career-accordian .career-accordian-body .car-apply a:hover{ background: #eaeaea; color: #1d6da6;}

/* -- ----- portfolio ----- -- */

.portfolio{padding: 60px 0;background-image: linear-gradient(to right top, #ffc4e5, #fbd0f0, #f8dcf7, #f6e7fc, #f8f2ff, #f4f6ff, #f3f9ff, #f5fcff, #e4fcff, #d2fdff, #befeff, #acfffa);}

.portfolio .portfolio-item{position: relative; border-radius: 5px; height: 360px;overflow: hidden; border: 5px solid #1d6da6;}

.portfolio .portfolio-item a{ width: 100%;display: block;    height: 100%;}

.g-fullpage img{height: 100%;width: 100%; object-fit: cover;}

.portfolio .video-gallery{ height: auto; overflow: hidden;}

.portfolio .portfolio-info{position: absolute;bottom: -60px;padding: 10px 25px;background: linear-gradient(45deg, #673ab7, #1d6da6);transition: all .3s ease  ;}

.portfolio .portfolio-info p{margin: 0;color: #fff;}

.portfolio .portfolio-item img{transition: all .3s ease-in-out  ; }

.portfolio .portfolio-item:hover .portfolio-info {bottom: 0;}

.portfolio .portfolio-item:hover img{transform: scale(1.1)  ;transition: 0.4s;}

.portfolio-inner .nav-pills .nav-item{margin-right: 10px;}

.portfolio-inner .nav-pills .nav-link {background: #ececec;color: #1d6da6;}

.portfolio-inner .nav-pills .show>.nav-link, .portfolio-inner .nav-pills .nav-link.active { background-color: #1d6da6; color: #fff;}

.portfolio  .photo-inner{ width: 100%;height: 220px; padding: 3px;background: #be9610;border-radius: 5px;position: relative;}

.portfolio  .photo-inner img{width: 100%; height: 100%; object-fit: cover;}

.video-achivement .video-gallery{height: 100%;overflow: auto;}

.portfolio  .photo-inner .acv-detail{position: absolute;top: 0;left: 0; padding: 10px;width: 100%;background: linear-gradient(92deg, #1d6da6, #c0d6e678);color: #fff; border-radius: 5px 5px 0 0;}




/* -- ----- contact ----- -- */

.contact{padding: 60px 0 ;}

.contact .top-heading {text-align: center;}

.contact .top-heading  span{ width: 100%;transform: translate(-50%, 0px);left: 50%;}

.contact .contact-item-inn{ text-align: center;padding: 25px;box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .08);height: 100%;}

.contact .contact-item-inn img{width: 80px;margin-bottom: 25px;}

.contact .contact-item-inn h3{color: #6200ff;}

.contact .contact-item-inn p a{color: #000000;}

.contact .contact-item-inn p a:hover{color: #be9610;}

.contact .contact-item{width: 90%; margin: 0 auto;}

.contact .contact-form{padding: 0px 0;}

.contact .contact-form .contact-form-img{text-align: center;}

.contact .contact-form .contact-form-img img{width: 80%; }

.contact-form .form-row label{ padding-bottom: 10px;font-weight: 600; font-size: 18px;}

.contact-form .form-row label span{color: red;}

.contact-form .form-control{ padding: 15px 15px;font-size: 14px;border-color: #0575c4; transition: all .3s ease;}

.contact-form .form-control:hover{ border-color: #d4d4d4;box-shadow: 0 0 10px 0 #dbc2ff;}

.contact-frm{background-image: linear-gradient(to right top, #ffc4e5, #fbd0f0, #f8dcf7, #f6e7fc, #f8f2ff, #f4f6ff, #f3f9ff, #f5fcff, #e4fcff, #d2fdff, #befeff, #acfffa);}

.contact-map  iframe{height: 450px;width: 100%;}

.freequote{padding: 10px 20px !important; display: block;margin-right: 20px !important;border-radius: 30px;background: #1d6da6;color: #fff !important;}

.freequote:hover{background: #390158;}

/* -- ----- Freeb Quote ----- -- */

.free-quote-modal { background-image: linear-gradient(45deg, #ffc4e5ed, #acfffaeb);  }

.free-quote-modal .modal-dialog{max-width: 1000px;}

.free-quote-modal .modal-header h2{margin: 0;}

.free-quote-modal .top-heading  h2{margin: 0;}

.free-quote-modal .modal-form-img{height: 100%;}

.free-quote-modal .modal-form-img img{height: 100%;     object-fit: cover;}

.tog-lg-block{display: none !important;}

/* --  */

/* .form-container {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.close-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

form label {
  display: block;
  margin: 10px 0 5px;
}

form input, form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

form button {
  padding: 10px 20px;
  background-color: #007BFF;
  color: #fff;
  border: none;
  cursor: pointer;
} */

#inquireForm {display: none;  }

.inquire-form{position: fixed; top: 0;left: 0;  z-index: 99; width: 100%;height: 100%; background-image: linear-gradient(45deg, #bbfefa7d, #1d6da685);}

.inquire-form button.close {color: #fff;border: none; padding: 5px 10px; cursor: pointer; position: absolute; top: 5px; right: 5px;  height: 40px;width: 40px; border-radius: 50px;}

#inquireButton { display: block;  background: unset;color: unset;border: none;cursor: pointer;}

.inquire-form .close span{ height: 2px; width: 20px;background: #1d6da6; display: block; transform: rotateZ(45deg);}

.inquire-form .close span:last-child{      transform: rotateZ(315deg);}

.inquire-form .form-row label{ padding-bottom: 10px;font-weight: 600; font-size: 18px;}

.inquire-form .form-row label span{color: red;}

.inquire-form .form-control{ padding: 10px 15px;font-size: 14px;border-color: #0575c4; transition: all .3s ease;}

.inquire-form .form-control:hover{ border-color: #d4d4d4;box-shadow: 0 0 10px 0 #dbc2ff;}

.inquire-form .lg-btnn a span { padding: 10px 20px; font-size: 16px;}

.inquire-form .form-row label { font-size: 15px;}

.inquire-inner-form{  top: 50%;  left: 50%;transform: translate(-50%, -50%);background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 99;max-width: 1000px; width: 100%;position: absolute;    border-radius: 5px;}

.inquire-form .top-heading.top-header-h{border-bottom: 1px solid #3f83b3;padding: 15px;}

.inquire-form form{padding: 20px;}

.inquire-form .top-heading h2 { margin: 0;}

.inquire-form .top-heading span { top: 0; -webkit-text-stroke: 1px #1d6da65e;}

.inquire-inner-form .c-form{padding: 25px;}

.inquire-inner-form .modal-form-img{height: 100%;width: 100%;}

.inquire-inner-form .modal-form-img img{height: 100%;width: 100%; object-fit: cover;}

.free-quote-modal.career-aply-modal .modal-dialog {max-width: 991px;}

.free-quote-modal.career-aply-modal .contact-form .form-control { padding: 12px 15px;}

.g-fullpage img { height: 100%;   width: 100%; object-fit: cover;}




/*--*/

.social-table .scroll-container span{Width: 100% !important; }

.social-table .scroll-container span iframe{Width: 100% !important; }

.social-body{background: #fff;}


/* ====================responssive==================== */


@media only screen and (min-width: 1480px) and  (max-width: 1920px)  {
    .container{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1768px) and  (max-width: 1800px)  {

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  .service .sc-img {height: 400px;}
}
@media only screen and (min-width: 1680px) and  (max-width: 1767px)  {

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 400px;}

  .blogpost-image {height: 230px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 20px;}

  .portfolio .portfolio-item {   height: 320px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 400px;}

  .breadcrumb-top .breadcrumb-inner .heading {margin-top: 45px;}

  .client .tessti-item-prof { height: 350px; }

}
@media only screen and (min-width: 1440px) and  (max-width: 1679px)  {
   
  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .abt-shape1 { right: 80px;bottom: 20px;width: 140px;}

  .abt-shape2 {right: 0px;bottom: 150px; width: 110px;}

  .abt-shape3 { right: 149px; top: -66px;width: 200px;}

  .abt-shape4 {right: 35px; top: 38px; width: 140px;}

  .abt-shape5 { left: 65px; top: 90px; width: 130px;}

  .abt-shape6 { left: 0; bottom: 170px;width: 110px;}

  .abt-shape7 {left: 0px;bottom: 10px;width: 167px;}

  .abt-shape8 {left: 165px; bottom: -20px; width: 100px;}

  .abt-shape9 {right: 210px;bottom: 23px;width: 74px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 400px;}

  .blogpost-image {height: 200px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 16px;}

  .portfolio .portfolio-item {   height: 320px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 400px;}

  .breadcrumb-top .breadcrumb-inner .heading {margin-top: 45px;}

  .client .tessti-item-prof { height: 350px; }

  .home-layouts .opening-item {height: 320px;}

  .home-layouts .opening-item .opening-img {height: 320px;}

  .home-layouts .life .life-inner-items {height: 170px;}

  .home-layouts .life .life-inner { width: 480px;   height: 280px;}

  .footer4 p { word-break: break-all;}

  .footer1 {margin-right: 10px;}

  .about-team .image_box { height: 280px;}

  .about-team .type_one .content_box h2{ font-size: 20px;margin: 0px 0px 10px 0px;}

  .why-us .why-us-inner {width: 100%;}

  .service .strategy ul {width: 100%;}

  .service .strategy ul li { width: 49%;}

  .service .contact-widget h5 {font-size: 24px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 55px;}

  .breadcrumb-top .breadcrumb-inner .heading span { top: -15px; }

}

@media only screen and (min-width: 1440px) and  (max-width: 1500px)  {
  h1 {font-size:28px;}
  h2 {font-size:22px;}
  h3 {font-size:20px;}
  h4 {font-size:18px;}
  h5 {font-size:16px;}
  h6 {font-size:16px;}
  p{font-size: 15px;}

  .side-navbar .snb-txt h4 {margin: 0;    line-height: 27px;}

  .side-navbar .sidenav-social .social-item {margin-top: 10px !important;}

  .side-navbar .sidenav-social .sos-icon {flex: 0 0 40px; width: 40px; height: 40px;}

  .side-navbar .sidenav-social .sos-txt h6 {font-size: 15px;margin: 0px 0px 5px 0px;}

  .side-navbar .sidenav-social .sos-txt p {font-size: 14px;}

  .bnr-txt h2 {font-size: 45px;}

  .dropping-texts { height: 45px;}

  .home-service .hservice-item .hs-bg-sp { height: 85px;width: 85px;}

  .home-service .hservice-item .hservice-img img { width: 60px;}

  .hservice-txt h4{ margin: 0px 0px 10px 0px;}

  .hservice-txt h4 a {  font-size: 20px;}

  .home-service .hservice-item .hservice-img { flex: 0 0 65px;}

  .top-heading h2 {font-size: 36px;}

  .top-heading h6 {font-size: 14px;}

  .hservice-left p {font-size: 16px;}

  .progress-top .name { font-size: 16px;}

  .progress-top .parcent {font-size: 30px;}

  .latest-work .social-table .social-body {height: 280px;}

  .blogpost-title { font-size: 18px;}

  .readbtn {font-size: 15px;}

  .home-layouts .life .life-inner {width: 520px;}

  .home-layouts .owl-dots { left: 16%;}

  .btn-large a { padding: 12px 20px; font-size: 15px;}




}
@media only screen and (min-width: 1366px) and  (max-width: 1439px)  {

  .top-heading h2 { font-size: 36px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .abt-shape1 { right: 80px;bottom: 20px;width: 140px;}

  .abt-shape2 {right: 0px;bottom: 150px; width: 110px;}

  .abt-shape3 { right: 149px; top: -66px;width: 200px;}

  .abt-shape4 {right: 35px; top: 38px; width: 140px;}

  .abt-shape5 { left: 65px; top: 90px; width: 130px;}

  .abt-shape6 { left: 0; bottom: 170px;width: 110px;}

  .abt-shape7 {left: 0px;bottom: 10px;width: 167px;}

  .abt-shape8 {left: 165px; bottom: -20px; width: 100px;}

  .abt-shape9 {right: 210px;bottom: 23px;width: 74px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 350px;}

  .blogpost-image {height: 200px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 16px;}

  .portfolio .portfolio-item {   height: 320px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 400px;}

  .breadcrumb-top .breadcrumb-inner .heading {margin-top: 45px;}

  .client .tessti-item-prof { height: 350px; }

  .home-layouts .opening-item {height: 320px;}

  .home-layouts .opening-item .opening-img {height: 320px;}

  .home-layouts .life .life-inner-items {height: 170px;}

  .home-layouts .life .life-inner { width: 480px;   height: 280px;}

  .footer4 p { word-break: break-all;}

  .footer1 {margin-right: 20px;}

  .about-team .image_box { height: 280px;}

  .about-team .type_one .content_box h2{ font-size: 20px;margin: 0px 0px 10px 0px;}

  .why-us .why-us-inner {width: 100%;}

  .service .strategy ul {width: 100%;}

  .service .strategy ul li { width: 49%;}

  .service .contact-widget h5 {font-size: 24px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 55px;}

  .breadcrumb-top .breadcrumb-inner .heading span { top: -15px; }

  .hservice-left p {width: 100%;font-size: 18px;}

  .progress-top .name { font-size: 18px;}

  .progress-top .parcent {font-size: 30px;}

  .hservice-txt h4 a {  font-size: 22px;}

  .home-service .hservice-item .hs-bg-sp {height: 80px; width: 80px;}

  .home-service .hservice-item .hservice-img img { width: 60px;}

  .home-service .hservice-item li { margin-bottom: 25px;}

  .hservice-txt h4{margin-bottom: 15px;}

  .about .about-swiper {width: 100%;}

  .about .image_box_inner img { width: 330px;}

  .service .contact-widget {  padding: 20px 20px 150px;}

  .lg-btnn a span {padding: 12px 16px;font-size: 15px;}

  .blogpost-title {font-size: 18px;}

  .blogpost-image-thumb .date {font-size: 24px;}

  .readbtn { font-size: 16px;}
}
@media only screen and (min-width: 1180px) and  (max-width: 1299px)  {
  .top-heading h2 { font-size: 36px;}
  
  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .abt-shape1 { right: 80px;bottom: 20px;width: 140px;}

  .abt-shape2 {right: 0px;bottom: 150px; width: 110px;}

  .abt-shape3 { right: 149px; top: -66px;width: 200px;}

  .abt-shape4 {right: 35px; top: 38px; width: 140px;}

  .abt-shape5 { left: 65px; top: 90px; width: 130px;}

  .abt-shape6 { left: 0; bottom: 170px;width: 110px;}

  .abt-shape7 {left: 0px;bottom: 10px;width: 167px;}

  .abt-shape8 {left: 165px; bottom: -20px; width: 100px;}

  .abt-shape9 {right: 210px;bottom: 23px;width: 74px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 350px;}

  .blogpost-image {height: 200px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 16px;}

  .portfolio .portfolio-item {   height: 320px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 400px;}

  .breadcrumb-top .breadcrumb-inner .heading {margin-top: 45px;}

  .client .tessti-item-prof { height: 350px; }

  .home-layouts .opening-item {height: 320px;}

  .home-layouts .opening-item .opening-img {height: 320px;}

  .home-layouts .life .life-inner-items {height: 170px;}

  .home-layouts .life .life-inner { width: 480px;   height: 280px;}

  .footer4 p { word-break: break-all;}

  .footer1 {margin-right: 20px;}

  .about-team .image_box { height: 280px;}

  .about-team .type_one .content_box h2{ font-size: 20px;margin: 0px 0px 10px 0px;}

  .why-us .why-us-inner {width: 100%;}

  .service .strategy ul {width: 100%;}

  .service .strategy ul li { width: 49%;}

  .service .contact-widget h5 {font-size: 24px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 55px;}

  .breadcrumb-top .breadcrumb-inner .heading span { top: -15px; }

  .hservice-left p {width: 100%;font-size: 18px;}

  .progress-top .name { font-size: 18px;}

  .progress-top .parcent {font-size: 30px;}

  .hservice-txt h4 a {  font-size: 22px;}

  .home-service .hservice-item .hs-bg-sp {height: 80px; width: 80px;}

  .home-service .hservice-item .hservice-img img { width: 60px;}

  .home-service .hservice-item li { margin-bottom: 25px;}

  .hservice-txt h4{margin-bottom: 15px;}

  .about .about-swiper {width: 100%;}

  .about .image_box_inner img { width: 330px;}

  .service .contact-widget {  padding: 20px 20px 150px;}

  .lg-btnn a span {padding: 12px 16px;font-size: 15px;}

  .blogpost-title {font-size: 18px;}

  .blogpost-image-thumb .date {font-size: 24px;}

  .readbtn { font-size: 16px;}
  
  .btn-menu-item .header-logo img { width: 115px;}
}

@media only screen and (min-width: 1001px) and  (max-width: 1179px)  {
  .top-heading h2 { font-size: 36px;}
  
  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .abt-shape1 { right: 80px;bottom: 20px;width: 140px;}

  .abt-shape2 {right: 0px;bottom: 150px; width: 110px;}

  .abt-shape3 { right: 149px; top: -66px;width: 200px;}

  .abt-shape4 {right: 35px; top: 38px; width: 140px;}

  .abt-shape5 { left: 65px; top: 90px; width: 130px;}

  .abt-shape6 { left: 0; bottom: 170px;width: 110px;}

  .abt-shape7 {left: 0px;bottom: 10px;width: 167px;}

  .abt-shape8 {left: 165px; bottom: -20px; width: 100px;}

  .abt-shape9 {right: 210px;bottom: 23px;width: 74px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 350px;}

  .blogpost-image {height: 200px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 16px;}

  .portfolio .portfolio-item {   height: 320px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 400px;}

  .breadcrumb-top .breadcrumb-inner .heading {margin-top: 45px;}

  .client .tessti-item-prof { height: 350px; }

  .home-layouts .opening-item {height: 320px;}

  .home-layouts .opening-item .opening-img {height: 320px;}

  .home-layouts .life .life-inner-items {height: 170px;}

  .home-layouts .life .life-inner { width: 480px;   height: 280px;}

  .footer4 p { word-break: break-all;}

  .footer1 {margin-right: 20px;}

  .about-team .image_box { height: 280px;}

  .about-team .type_one .content_box h2{ font-size: 20px;margin: 0px 0px 10px 0px;}

  .why-us .why-us-inner {width: 100%;}

  .service .strategy ul {width: 100%;}

  .service .strategy ul li { width: 49%;}

  .service .contact-widget h5 {font-size: 24px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 55px;}

  .breadcrumb-top .breadcrumb-inner .heading span { top: -15px; }

  .hservice-left p {width: 100%;font-size: 18px;}

  .progress-top .name { font-size: 18px;}

  .progress-top .parcent {font-size: 30px;}

  .hservice-txt h4 a {  font-size: 22px;}

  .home-service .hservice-item .hs-bg-sp {height: 80px; width: 80px;}

  .home-service .hservice-item .hservice-img img { width: 60px;}

  .home-service .hservice-item li { margin-bottom: 25px;}

  .hservice-txt h4{margin-bottom: 15px;}

  .about .about-swiper {width: 100%;}

  .about .image_box_inner img { width: 330px;}

  .service .contact-widget {  padding: 20px 20px 150px;}

  .lg-btnn a span {padding: 12px 16px;font-size: 15px;}

  .blogpost-title {font-size: 18px;}

  .blogpost-image-thumb .date {font-size: 24px;}

  .readbtn { font-size: 16px;}

  .btn-menu-item .header-logo img {width: 100px;}

  .inquire-inner-form { max-width: 720px;}
  
   .btn-menu-item .header-logo img { width: 115px;}

}
@media only screen and (min-width: 992px) and  (max-width: 1080px)  { 

  p{font-size: 15px;}

  .btn-menu-item {display: flex;}   

  .tog-mid-none {display: none !important;}

  .tog-lg-block{display: none !important;position: absolute; right: 90px;top: 60px;}

  .fc-banner{height: 70vh;}

  .shp-3 {bottom: 40%; left: 20%;}

  .banner-img{height: 70vh;}    

  .bnr-txt h2 {font-size: 45px;line-height: 55px;}

  .dropping-texts {height: 45px; }

  .top-heading h2 { font-size: 30px;}
  
  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .abt-shape1 { right: 80px;bottom: 20px;width: 140px;}

  .abt-shape2 {right: 0px;bottom: 150px; width: 110px;}

  .abt-shape3 { right: 149px; top: -66px;width: 200px;}

  .abt-shape4 {right: 35px; top: 38px; width: 140px;}

  .abt-shape5 { left: 65px; top: 90px; width: 130px;}

  .abt-shape6 { left: 0; bottom: 170px;width: 110px;}

  .abt-shape7 {left: 0px;bottom: 10px;width: 167px;}

  .abt-shape8 {left: 165px; bottom: -20px; width: 100px;}

  .abt-shape9 {right: 210px;bottom: 23px;width: 74px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 350px;}

  .blogpost-image {height: 155px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 14px;}

  .portfolio .portfolio-item { height: 235px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 400px;}

  .breadcrumb-top .breadcrumb-inner .heading {margin-top: 45px;}

  .client .tessti-item-prof { height: 350px; }

  .home-layouts .opening-item {height: 320px;}

  .home-layouts .opening-item .opening-img {height: 320px;}

  .home-layouts .life .life-inner-items {height: 170px; align-items: flex-start;}

  .home-layouts .life .life-inner { width: 495px; height: 240px;    bottom: 50px;  }

  .footer4 p { word-break: break-all;}

  .footer1 {margin-right: 20px;padding-right: 0px;}

  .footer-title {font-size: 20px;}

  .fp-txt p{ font-size: 13px;}

  .about-team .image_box { height: 220px;}

  .about-team .type_one .content_box h2{ font-size: 18px;margin: 0px 0px 10px 0px;}

  .why-us .why-us-inner {width: 100%;}

  .service .strategy ul {width: 100%;}

  .service .strategy ul li { width: 49%;}

  .service .contact-widget h5 {font-size: 20px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 50px;}

  .breadcrumb-top .breadcrumb-inner .heading span { top: -15px; }

  .hservice-left p {width: 100%;font-size: 18px;}

  .progress-top .name { font-size: 18px;}

  .progress-top .parcent {font-size: 30px;}

  .hservice-txt h4 a {  font-size: 22px;}

  .home-service .hservice-item .hs-bg-sp {height: 80px; width: 80px;}

  .home-service .hservice-item .hservice-img img { width: 60px;}

  .home-service .hservice-item li { margin-bottom: 25px;}

  .hservice-txt h4{margin-bottom: 15px;}

  .about .about-swiper {width: 100%;}

  .about .image_box_inner img { width: 245px; height: 360px;}

  .service .contact-widget {  padding: 15px 15px 150px;}

  .lg-btnn a span {padding: 12px 16px;font-size: 14px;}

  .blogpost-title {font-size: 18px;}

  .blogpost-image-thumb .date {font-size: 24px;}

  .readbtn { font-size: 16px;}

  .top-heading h6 {font-size: 16px;}

  .home-service .hservice-item .hservice-txt {margin: 0 25px 0 0px;}

  .home-layouts .ot-head h5 { padding: 15px;margin: 0;}

  .home-layouts .ot-inner { padding: 10px;margin-left: 0;padding-top: 25px;}

  .home-layouts .opening-txt .date {top: 60px;}

  .home-layouts .opening-txt .ot-inner h6 {width: 100%;}

  .home-layouts .ot-inner p { margin: 0; margin-left: 10px;padding-left: 15px;padding-bottom: 30px;margin-top: 15px;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}

  .home-layouts .history .history-item { padding: 10px;}

  .home-layouts .history .history-item p{font-size: 14px;}

  .home-layouts .history .history-item h2 {margin: 0; font-size: 30px;}

  .home-layouts .history-inner{padding-top: 35px;}

  .subs-form {flex: 0 0 420px;}

  .subs-title{width: 250px;flex: 0 0 250px;}

  .subs-title h2 {font-size: 22px;}

  .blogpost-image-thumb {width: 60px; height: 60px;}

  .home-layouts .opening-txt .date span { font-size: 12px;}

  .about-right-content ul li .abt-img img {  width: 35px;}

  .about-right-content ul li .abt-img {width: 60px;  height: 60px;  flex: 0 0 60px;}

  .freequote { width: fit-content !important;margin: 5px 0 !important;}

  #cssmenu.small-screen ul li.sidebarshow{display: none !important;}



  .about .image_box_inner .quote h2 {font-size: 17px; line-height: 26px;}

  .about .image_box_inner .quote {  padding: 15px 15px 15px;}

  .about-team .type_one .content_box { padding: 20px 15px;}

  .top-heading span { font-size: 28px;}
  
  .why-us .right-card {min-width: 100%;padding: 20px;}

  .why-us .right-card h3 { font-size: 18px;}

  .about-team { padding: 110px 0 70px;}

  .free-service .free-service-inner-img {width: 100%;}

  .free-service .free-cons-btn {  flex-wrap: wrap;}

  .free-service .free-cons-btn li{width: 30%;}

  .free-service .free-cons-btn li a { height: 100px;width: 100%;}

  .service .service-sidebar { padding: 20px;}

  .portfolio .portfolio-info {padding: 10px 15px;}

  .career-accordian .cab-inner-txt h4 { font-size: 16px;}

  .contact-map iframe {  height: 360px;width: 100%;}

  .inquire-inner-form { max-width: 720px;}

  .latest-work .social-table .social-body { height: 200px;}

  .latest-work-tab .video-gallery {height: 260px;}

  .blogpost-title a { margin: 0;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

  .home-layouts .life .lii-img { flex: 0 0 70px;width: 70px; height: 70px;}
  


}
@media only screen and (min-width: 768px) and  (max-width: 991px)  {

  .btn-menu-item {display: block;}   

  p{font-size: 14px;}

  h4 { font-size: 20px;}

  .btn-menu-item {display: block;}   

  .tog-mid-none {display: none !important;}

  .tog-lg-block{display: none !important;position: absolute; right: 90px;top: 60px;}

  .fc-banner{height: 70vh;}

  .shp-3 {bottom: 40%; left: 20%;}

  .banner-img{height: 70vh;}    

  .bnr-txt h2 {font-size: 30px;line-height: 38px;}

  .dropping-texts {height: 30px; }

  .top-heading h2 { font-size: 28px;}
  
  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .abt-shape1 {display: none; right: 80px;bottom: 20px;width: 140px;}

  .abt-shape2 {display: none; right: 0px;bottom: 150px; width: 110px;}

  .abt-shape3 {display: none; right: 149px; top: -66px;width: 200px;}

  .abt-shape4 {display: none; right: 35px; top: 38px; width: 140px;}

  .abt-shape5 {display: none; left: 65px; top: 90px; width: 130px;}

  .abt-shape6 {display: none; left: 0; bottom: 170px;width: 110px;}

  .abt-shape7 {display: none; left: 0px;bottom: 10px;width: 167px;}

  .abt-shape8 {display: none; left: 165px; bottom: -20px; width: 100px;}

  .abt-shape9 {display: none;   right: 210px;bottom: 23px;width: 74px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 250px; margin-bottom: 35px;}

  .blogpost-image {height: 200px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 16px;}

  .portfolio .portfolio-item {   height: 240px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 300px;}

  .breadcrumb-top .breadcrumb-inner .heading {margin-top: 45px;}

  .client .tessti-item-prof { height: 350px; }

  .home-layouts .opening-item {height: 300px;}

  .home-layouts .opening-item .opening-img {height: 300px;}

  .home-layouts .life .life-inner-items {height: 170px; align-items: flex-start;}

  .home-layouts .life .life-inner {width: 400px;height: 220px;}

  .footer4 p { word-break: break-all;}

  .footer1 {margin-right: 20px;padding-right: 0px;}

  .footer-title {font-size: 20px;}

  .fp-txt p{ font-size: 13px;}

  .about-team .image_box { height: 280px;}

  .about-team .type_one .content_box h2{ font-size: 20px;margin: 0px 0px 10px 0px;}

  .why-us .why-us-inner {width: 100%;}

  .service .strategy ul {width: 100%;}

  .service .strategy ul li { width: 49%;}

  .service .contact-widget h5 {font-size: 24px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 55px;}

  .breadcrumb-top .breadcrumb-inner .heading span { top: -15px; }

  .hservice-left p {width: 100%;font-size: 18px;}

  .progress-top .name { font-size: 15px;}

  .progress-top .parcent {font-size: 30px;}

  .hservice-txt h4 a {  font-size: 18px;}

  .home-service .hservice-item .hs-bg-sp {height: 80px; width: 80px;}

  .home-service .hservice-item .hservice-img img { width: 60px;}

  .home-service .hservice-item li { margin-bottom: 25px;}

  .hservice-txt h4{margin-bottom: 15px;}

  .about .about-swiper {width: 100%;}

  .about .image_box_inner img { width: 330px;}

  .service .contact-widget {  padding: 20px 20px 150px;}

  .lg-btnn a span {padding: 12px 16px;font-size: 15px;}

  .blogpost-title {font-size: 18px;}

  .blogpost-image-thumb .date {font-size: 24px;}

  .readbtn { font-size: 16px;}

  .top-heading h6 {font-size: 14px;}

  .home-service .hservice-item .hservice-txt {margin: 0 25px 0 0px;}

  .home-layouts .ot-head h5 { padding: 10px;margin: 0;font-size: 16px;}

  .home-layouts .ot-inner { padding: 10px;margin-left: 0;padding-top: 25px;}

  .home-layouts .opening-txt .date {top: 45px;right: 15px;}

  .home-layouts .opening-txt .ot-inner h6 {width: 100%;}

  .home-layouts .ot-inner p { margin: 0; margin-left: 10px;padding-left: 15px;padding-bottom: 0px;margin-top: 15px;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}

  .home-layouts .history .history-item { padding: 10px;}

  .home-layouts .history .history-item p{font-size: 14px;}

  .home-layouts .history .history-item h2 {margin: 0; font-size: 30px;}

  .home-layouts .history-inner{padding-top: 10px;}

  .subs-form {flex: 0 0 370px;}

  .footer-top { width: 100%;}

  .subs-title{width: 250px;flex: 0 0 250px;}

  .subs-title h2 {font-size: 20px;}

  .blogpost-image-thumb {width: 60px; height: 60px;}

  .home-layouts .opening-txt .date span { font-size: 12px;}

  .about-right-content ul li .abt-img img {  width: 35px;}

  .about-right-content ul li .abt-img {width: 60px;  height: 60px;  flex: 0 0 60px;}

  .freequote { width: fit-content !important; margin: 5px 0 !important;}

  #cssmenu.small-screen ul li.sidebarshow{display: none !important;}

  .about-home::before {height: 100%;}

  .home-layouts .history .history-txt h5 {padding: 10px; font-size: 16px; }

  .home-layouts .life .life-txt h2 {font-size: 18px;}


  .about .image_box_inner .quote h2 {font-size: 17px; line-height: 26px;}

  .about .image_box_inner .quote {  padding: 15px 15px 15px;}

  .about-team .type_one .content_box { padding: 20px 15px;}

  .top-heading span { font-size: 28px;}
  
  .why-us .right-card {min-width: 100%;padding: 20px;}

  .why-us .right-card h3 { font-size: 18px;}

  .about-team { padding: 110px 0 70px;}

  .free-service .free-service-inner-img {width: 100%;}

  .free-service .free-cons-btn {  flex-wrap: wrap;}

  .free-service .free-cons-btn li{width: 30%;}

  .free-service .free-cons-btn li a { height: 100px;width: 100%;}

  .service .service-sidebar { padding: 20px;}

  .portfolio .portfolio-info {padding: 10px 15px;}

  .career-accordian .cab-inner-txt h4 { font-size: 16px;}

  .contact-map iframe {  height: 360px;width: 100%;}  

  .home-service .hservice-item .hservice-img { flex: 0 0 70px;}

  .go-to a {font-size: 25px;}

  .about .image_box_inner .image.two{display: none;}

  .why-us .right-content{margin-top: 30px;}

  .breadcrumb-top .breadcrumb-inner { align-items: flex-end;}

  .inquire-inner-form { max-width: 720px;}

  .latest-work .social-table .social-body { height: 250px;}

  .free-cons .free-cons-btn li {width: 47%;}
  
  .btn-menu-item .header-logo img {  width: 125px;}


}
@media only screen and (max-width: 767px) {

  p{font-size: 14px;}


  .tog-mid-none {display: none !important;}

  .tog-lg-block{display: none !important;}

  .bnr-img-inr img {  width: 70%;margin: 0; margin-left: auto;}

  .fc-banner{height: 70vh;}

  .shp-3 {bottom: 40%; left: 20%;bottom: 25%;}

  .banner-img{height: 70vh;}    

  .bnr-txt h2 {font-size: 30px;line-height: 38px;}

  .dropping-texts {height: 30px; }

  .top-heading h2 { font-size: 28px;}
  
  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  
  .abt-shape1 {right: 80px;bottom: 20px;width: 140px;}

  .abt-shape2 {right: 0px;bottom: 150px; width: 110px;}

  .abt-shape3 {right: 149px; top: -66px;width: 200px;}

  .abt-shape4 {right: 35px; top: 38px; width: 140px;}

  .abt-shape5 {left: 65px; top: 90px; width: 130px;}

  .abt-shape6 {left: 0; bottom: 170px;width: 110px;}

  .abt-shape7 {left: 0px;bottom: 10px;width: 167px;}

  .abt-shape8 {left: 165px; bottom: -20px; width: 100px;}

  .abt-shape9 {  right: 210px;bottom: 23px;width: 74px;}

  .wc-dot-1::before, .wc-dot-3::after, .wc-dot-3::after, .wc-dot-6::after{display: none;}

  .wc-dot-5::after { width: 100px;}

  .wc-dot-2::after {width: 100px;}

  .side-navbar .snb-txt p { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

  .service .sc-img {height: 270px; margin-top: 35px; margin-bottom: 35px;}

  .blogpost-image {height: 200px;}

  .footer2 a {font-size: 14px;}

  .service .contact-widget p {font-size: 16px;}

  .portfolio .portfolio-item {   height: 320px;}

  .blogpost-content {padding: 15px;}

  .news-event-grid p { -webkit-line-clamp: 3;}

  .breadcrumb-top {height: 300px;}

  .breadcrumb-top .breadcrumb-inner .heading {  margin-top: 0; margin-bottom: 15px;}

  .client .tessti-item-prof { height: 350px; }

  .home-layouts .opening-item {height: auto;        padding-bottom: 25px; }

  .home-layouts .life-slider .opening-item {height: 350px;}

  .home-layouts .opening-item .opening-img {height: 300px;}

  .home-layouts .life .life-inner-items {height: 100%; align-items: flex-start;flex-direction: column;}

  .home-layouts .life .life-inner { width: 100%;height: 100%; bottom: 0; left: 0; }

  .footer4 p { word-break: break-all;}

  .footer1 {margin-right: 20px;padding-right: 0px; border-right: unset;}

  .footer-title {font-size: 20px;}

  .fp-txt p{ font-size: 13px;}

  .about-team .image_box { height: 280px;}

  .about-team .type_one .content_box h2{ font-size: 18px;margin: 0px 0px 10px 0px;}

  .why-us .why-us-inner {width: 100%;}

  .service .strategy ul {width: 100%;}

  .service .strategy ul li { width: 49%;}

  .service .contact-widget h5 {font-size: 24px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 { font-size: 40px;}

  .breadcrumb-top .breadcrumb-inner .heading span { top: -15px; }

  .hservice-left p {width: 100%;font-size: 18px;}

  .progress-top .name { font-size: 18px;}

  .progress-top .parcent {font-size: 30px;}

  .hservice-txt h4 a {  font-size: 18px;}

  .home-service .hservice-item .hs-bg-sp {height: 80px; width: 80px;}

  .home-service .hservice-item .hservice-img img { width: 60px;}

  .home-service .hservice-item li { margin-bottom: 25px;}

  .hservice-txt h4{margin-bottom: 15px;}

  .about .about-swiper {width: 100%;}

  .about .image_box_inner img { width: 330px;height: 370px;}

  .service .contact-widget {  padding: 20px 20px 150px;}

  .lg-btnn a span {padding: 12px 16px;font-size: 15px;}

  .blogpost-title {font-size: 18px;}

  .blogpost-image-thumb .date {font-size: 24px;}

  .readbtn { font-size: 16px;}

  .top-heading h6 {font-size: 14px;}

  .home-service .hservice-item .hservice-txt {margin: 0 25px 0 0px;}

  .home-layouts .ot-head h5 { padding: 10px;margin: 0;font-size: 16px;}

  .home-layouts .ot-inner { padding: 30px;margin-left: 0;padding-top: 25px;}

  .home-layouts .opening-txt .date {top: 45px;right: 15px;}

  .home-layouts .opening-txt .ot-inner h6 {width: 100%;}

  .home-layouts .ot-inner p { margin: 0; margin-left: 10px;padding-left: 15px;padding-bottom: 20px;margin-top: 15px;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}

  .home-layouts .history .history-item { padding: 10px;}

  .home-layouts .history .history-item p{font-size: 14px;}

  .home-layouts .history .history-item h2 {margin: 0; font-size: 30px;}

  .home-layouts .history-inner{padding-top: 10px;  padding-bottom: 15px;}

  .subs-form {flex: 0 0 100%; margin-top: 15px;}

  .footer-top { width: 100%;flex-wrap: wrap;padding: 20px;}

  .subs-title{width: 250px;flex: 0 0 250px;}

  .subs-title h2 {font-size: 20px;}

  .blogpost-image-thumb {width: 60px; height: 60px;}

  .home-layouts .opening-txt .date span { font-size: 12px;}

  .about-right-content ul li .abt-img img {  width: 35px;}

  .about-right-content ul li .abt-img {width: 60px;  height: 60px;  flex: 0 0 60px;}

  .freequote { width: fit-content !important; margin: 5px 0 !important;}

  #cssmenu.small-screen ul li.sidebarshow{display: none !important;}

  .about-home::before {height: 100%;    width: 100%;  }

  .home-layouts .history .history-txt h5 {padding: 10px; font-size: 16px; margin: 0;}

  .home-layouts .life .life-txt h2 {font-size: 18px;}

  .social ul li i {font-size: 12px;}

  .social ul li a {padding: 6px 6px;width: 30px;height: 32px;}

  .med-left ul li:first-child{display: none;}

  .client::before { height: 52%;width: 100%; top: unset; bottom: 0;}

  .client::after { height: 52%; width: 100%;  top: unset;   bottom: 0; right: 0;}

  .client .npanel {margin-top: 100px;}


  .about .image_box_inner .quote h2 {font-size: 17px; line-height: 26px;}

  .about .image_box_inner .quote {  padding: 15px 15px 15px;}

  .about-team .type_one .content_box { padding: 20px 15px;}

  .top-heading span { font-size: 28px;}
  
  .why-us .right-card {min-width: 100%;padding: 20px;margin-bottom: 0; margin-top: 20px;}

  .why-us .right-card h3 { font-size: 18px;}

  .about-team { padding: 110px 0 70px;}

  .free-service .free-service-inner-img {width: 100%;    height: auto;}

  .free-service .free-cons-btn {  flex-wrap: wrap;}

  .free-service .free-cons-btn li{width: 30%;}

  .free-service .free-cons-btn li a { height: 100px;width: 100%;}

  .service .service-sidebar { padding: 20px;}

  .portfolio .portfolio-info {padding: 10px 15px;}

  .career-accordian .cab-inner-txt h4 { font-size: 16px;}

  .contact-map iframe {  height: 360px;width: 100%;}  

  .home-service .hservice-item .hservice-img { flex: 0 0 70px;}

  .go-to a {font-size: 25px;}

  .about .image_box_inner { margin-top: 100px;}

  /* .about .image_box_inner .image.two{display: none;} */

  .why-us .right-content{margin-top: 30px;}

  .breadcrumb-top .breadcrumb-inner { align-items: flex-end;}

  .why-us .right-card.go-top { margin-top: 20px;}

  .btn-menu-item {display: block;}

  .career-accordian .career-accordian-btn { padding: 10px 15px; flex-wrap: wrap; position: relative;}

  .career-accordian .cab-inner-cont { width: 100%;}

  .cab-inner-txt{ position: absolute; top: 10px;}

  .footer2, .footer3, .footer4{margin-top: 25px;}

  .c-form{margin-top: 40px;}

  .free-quote-modal .modal-dialog {max-width: 400px;}

  .free-quote-modal .modal-form-img { display: none;}

  .service .service-accordian .accordion-button {font-size: 16px;}

  .opening-slider .owl-dot { background-color: #b9b9b9; outline: 1px solid #e2e2e2;}

  .latest-work .back-video { object-fit: cover;}

  .about-right-content{margin-top: 35px;}

  .inquire-inner-form .modal-form-img {display: none;}

  .inquire-inner-form { max-width: 90%; position: relative; height: auto; margin-top: 35px;}
  
  .inquire-form {overflow: scroll;}

  .latest-work .latest-work-tab li {margin-right: 10px; margin-top: 10px;}

  .latest-work .social-table .social-body { height: 250px;}

  .client .client-testimonial {margin-right: 0;}

  .home-layouts .life .life-txt {  opacity: 0;}

  .portfolio-inner .nav-pills .nav-item { margin-top: 10px;}

  .ann-det-img img {height: 250px;width: 100%;}

  .ann-det-cont { width: 100%;}

  .ann-det-cont h3 { width: 100%;}

  .recet-evetop {margin-top: 35px;}

  .home-layouts .life {margin-top: 15px;}
  
  .bnr-txt h1 { font-size: 30px;}
}
@media only screen and (max-width:440px){

  .home-layouts .life .life-inner {width: 100%; height: 100%;bottom: 0; right: 0;}

  .home-layouts .history-inner {padding-top: 0;}

  .home-layouts .opening-item .opening-img {height: 230px;}

  .subs-form .submit {flex: 0 0 145px; padding: 10px 10px;}

  .hservice-left p {font-size: 16px;}

  .top-heading h2 { font-size: 25px;}

  .wc-dot-1::after, .wc-dot-2::after , .wc-dot-4::after, .wc-dot-5::after {display: none;}

  .med-left{display: none;}

  .med-menu-inner {justify-content: end;}

  .btn-menu-item .header-logo img {  width: 110px;}

  .bnr-img-inr2 {height: 240px;}

  .bnr-img-inr img {margin-left: auto; margin-right: auto;}

  .btn-large a { padding: 12px 20px; font-size: 15px;}

  .banner-section .bnr-txt{margin-top: 70px;}

  .shp-1 {top: 28%;}

  .wc-content h5 {font-size: 20px;}

  .wc-content { padding: 0px 0px;}

  .home-service .hservice-item {margin-left: 20px;}

  .about .about-swiper .mission-vision-item { flex-direction: column;}

  .about .about-swiper .mission-vision-item .msi-img { flex: 0 0 100%;}

  .about .about-swiper .mission-vision-item .msi-img  img{width: 80px;width: 80px;}

  .about .image_box_inner .image.two {right: 0;}

  .about .image_box_inner img { width: 250px; height: 290px;}

  .breadcrumb-top .breadcrumb-inner .heading h2 {font-size: 30px;}

  .breadcrumb-top .breadcrumb-inner .heading span { font-size: 34px;top: -25px}

  .breadcrumb-top .breadcrumb-inner .list-unstyled li {font-size: 16px;}

  .breadcrumb-top {height: 230px;}

  .breadcrumb-top .breadcrumb-img img { object-position: center;}

  .about .image_box_inner .image.two::before { right: 50px;}

  .about { padding: 80px 0 20px;}

  .free-service .free-cons-btn li a { height: 65px; width: 100%;}

  .free-service .free-cons-btn li {width: 20%;}

  .service .strategy ul li { width: 100%;}

  .breadcrumb-top .breadcrumb-inner .heading {flex-wrap: wrap;}
  
  .strategy h4{font-size: 16px;}

  .career-accordian .cab-inner-cont-txt p{font-size: 13px;}

  .career-accordian .cab-inner-cont-txt li { margin-right: 7px;padding-right: 7px;}

  .career-accordian .cab-inner-cont-txt ul { flex-wrap: wrap;}

  .career-accordian .accordion-body { padding: 80px 15px 45px;}

  .contact .contact-item-inn img {width: 60px;}

  .contact .contact-item-inn h3 {font-size: 20px;}

  .c-form {margin-top: 0px;}

  .contact  .c-form {margin-top: 30px;}

  .home-service .hservice-item .hs-bg-sp {height: 60px;width: 60px;}

  .home-service .hservice-item .hservice-img img {width: 40px;}

  .home-service .hservice-item .hs-bg-sp {height: 60px;width: 60px;}

  .home-service .hservice-item .hservice-img {flex: 0 0 50px;}

  .home-service .hservice-item .hservice-txt {margin: 0 0px 0 0px;}

  .abt-shape1 {right: 80px;bottom: 40px; width: 60px;}

  .abt-shape2 { right: 0px; bottom: 150px;  width: 65px;}

  .abt-shape3 { right: 100px; top: 0px; width: 90px;}

  .abt-shape4 {right: 35px;top: 38px; width: 75px;}

  .abt-shape5 {left: 50px;  top: 90px; width: 60px;}

  .abt-shape6 { left: 0;bottom: 150px; width: 80px;}

  .abt-shape7 { left: -14px; bottom: 10px;width: 100px;}

  .abt-shape8 {left: 79px;bottom: 0px;width: 50px;}

  .abt-shape9 {right: 135px;bottom: 18px;width: 40px;}

  .howwork { overflow: hidden;}

  .about .image_box_inner .quote h2 {font-size: 13px;line-height: 20px;}

  .service .sc-img { height: 220px; }

  .top-heading h5 {font-size: 16px;}

  .service-accordian  h4{font-size: 18px;}

  .client .tessti-item-prof { height: 240px;}

  .client::before {height: 58%;}

  .portfolio .photo-inner { height: 180px;}

  .portfolio .photo-inner .acv-detail span{font-size: 14px;}

  .about-home .photo-inner {height: 200px;}

  .about-home .acv-img {height: 440px;}




}