@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

 /* header-top */

 body {
     font-family: 'Lato', sans-serif !important;
 }

.form-control {
  padding: 10px 15px !important;
  color: #000;
  height: 40px !important;
  font-size: 14px !important;
  border-radius: 3px !important;
  transition: .5s !important;
  font-weight: 600 !important;
  letter-spacing: .1px !important;
  background-color: #fff;
}

.form-select.form-control {
  height: 50px !important;
}

textarea.form-control {
  min-height: 100px !important;
}
 .first-head span {
     font-size: 16px;
     color: #f1f1f1;
     font-weight: 600;
 }

 .first-head i {
     color: #ffff;
 }

 .first-head {
     padding: 5px;
     text-align: end;
     margin-top: 5px;
 }

 .second-head span {
     font-size: 15px;
     color: #f1f1f1;
     font-weight: 600;
 }
.header-icon i{
    padding: 20px !important;
}
 .second-head {
     padding: 5px;
     text-align: right;
     margin-top: 5px;
 }

 .second-head i {
     color: #fff;
 }

 .btn-wrap .text-one {
     font-size: 16px;
     border: 1px solid #f2a91d;
     padding: 7px;
     background-color: #f2a91d;
     color: #FFFFFF;
     font-weight: 600;
     border-radius: 0;
 }

 .btn-wrap {
     text-align: end;

     margin-right: 30px;
     padding: 5px;
     border-radius: 10px;
 }

 .header-top {
    padding: 0px 0px 10px 0px;
    background-color: #ff7504;
  }

 .header-icon i {
     color: #f1f1f1;
 }

 .header-top .header-icon {
     text-align: center;
     margin-right: 55px;
     flex-direction: row !important;
 }

 /* nav start */

 .custom-video {
     /* position: absolute; */
     top: 0;
     left: 0;
     object-fit: cover;
     width: 100%;
     height: 75%;
 }

 .navbar {
     overflow: hidden;
     width: 100%;
     z-index: 99;
 }
 
 #nav-header {
     position: sticky;
     top: 0;
    
 }

 .navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     background-image: var(--bs-navbar-toggler-icon-bg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     background-color: black;
 }

 .header-info {

     text-decoration: none;
 }

 .rightbox {
     display: flex;
 }

 .right-box {
     display: flex;
     justify-content: right;
 }

.logo img {
  width: 180px;
  margin-left: 50px;
}

 /* .navbar-collapse ul li:hover {
     color: aliceblue;
 } */

 .navbar-collapse ul li {
     padding: 20px;
     font-size: 18px;
     font-weight: 600;
 }


 .navbar li:hover a {
     color:#2ec3d6 !important;
 }
 .navbar-nav .nav-link {
    color: black !important; /* Ensure the text is forced to white */
   
}

.logo a img {
    max-width: 200px; /* Adjust logo size if needed */
}


 /* .get-started-btn {
     border: 2px solid rgb(47, 228, 228);
 } */

 /* .get-started-btn:hover {
     background-color: rgb(47, 228, 228);
 } */

 /* nav end */

 .shadow-sm:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-3px);
    transition: all 0.3s ease-in-out;
  }

 
  .dropdown-menu {
    min-width: 220px; /* Customize width as needed */
  }

  .dropdown-item {
    font-size: 0.95rem;
    font-weight: 500;
  }

  .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #0d6efd;
  }


 /* poftfolio end */
 .about-icon {
     text-align: center;
 }

 .about-para h6 {
     text-align: center;
 }

 .about-content p {
     color: rgb(90, 94, 94);
     
     font-size: 18px;
     font-weight: 900px;
     text-align: left;
 }

 .about-icon i {
    width: 80px;
    height: 50px;
    background-color:#145f7a ;
     color:#fff !important;
     font-size: 50px;
     margin: 30px;
     border-radius: 5px;
 }
 .img-colored {
    filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(5deg) saturate(700%) brightness(105%);
  }
 .about-para {
     border: 1px solid #fff;
     margin-bottom: 15px;
     box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
     font-size: 15px;
     text-align: left;
     border-radius: 10px;

     transition: 0.5s;
 }

 .about-para:hover {
     transform: translateY(-5px);
 }

 .about-img img {
     width: 100%;
 }

 .about-para p {
   
     padding: 23px;
     font-size: 15px;
 }

 /* .about-para:hover{
    background-color: #0055a1;
    color: #fff;
} */
 .about-para h6 {
     color:#2ec3d6;
     font-size: 20px;
     font-weight: 600;
     margin-top: 10px;
 }

 /* .about-content {
     margin-top: 50px;
 } */

 .icon-img img {
     padding: 10px;

 }

 .about {
     background-image: url(../images/19.jpg);
     background-size: cover;
     padding: 90px 0px 30px 0px;
 }

 .about-content h5 {
     color:#2ec3d6;
     font-size: 20px;
     font-weight: 700;
     text-align: center;
     padding: 10px;
 }

 .about-content h1 {
     font-size: 40px;
     font-weight: 600;
     text-align: center;
     color: #145f7a;

 }

 .about-main {
     background-color: rgb(245, 239, 240);
     padding: 20px;
     border-left: 8px solid #f2a91d;
 }

 /* about start */

 /* about start */
 .service {
     text-align: center;
     background-image: url('../images/19.jpg');
     padding: 90px 0px 30px 0px;
 }

 .arrow-text {
     margin-top: 75px;
     text-align: justify;
 }

 .arrow-text i {
     font-size: 30px;
     margin-left: 5px;
 }

 .arrow-arrow {
     margin-top: 40px;
     text-align: justify;
     padding-bottom: 10px;
 }

 .arrow-arrow i {
     font-size: 30px;
     margin-left: 5px;
 }

 .about h5 {
     color: #01a2d3;
     text-align: center;
 }

 .about-head h3 {
     font-size: 45px;
     font-weight: 700;
     text-align: center;
 }

 .about-maine {
    border: 1px solid #fff;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    position: relative;
  }
 .about-maine .arrow a {
     align-items: center;
     display: flex;
 }

 .carousel-inner img {
    width: 100%;
  
  }
 .carousel-item img{
    width: 100%;
 }
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  
  color: #fff;
  text-align: center;
  top: 40%;
 
}
/* .carousel-inner{
    position: relative;
} */
.carousel-caption h3 {
    font-size: 1.2em;
    font-weight:bold;
    text-shadow: 2px 2px 5px black;
  }
  @media (min-width: 576px) { 
    .carousel-caption h3 { font-size: 1.3em;}
  }
  @media (min-width: 768px) {
    .carousel-caption h3 { font-size: 1.4em;}
   
  }
  @media (min-width: 992px) { 
    .carousel-caption h3 { font-size: 1.5em;}
    
  }
  @media (min-width: 1200px) { 
    .carousel-caption h3 { font-size: 1.6em;}
     
  }
  
  
.about-head.aos-init.aos-animate {
    margin-bottom: 30px;
  }
/* #demo {
    position: relative;
} */
.hero-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
   
  }
  .hero-section{
    position: relative;
  }
 .about-contant p {
     font-size: 17px;
     /* text-align: justify; */
 }

 .about-contant1 p {
     font-size: 17px;
     text-align: justify;

 }

 .about-head {
     padding: 20px;
 }

 .about-maine:hover {
     background-color: black;
     color: #fff;

 }
 .about-maine .icon-box  {
    color: #2ec3d6; /* Change icon color */
    transition: color 0.3s ease-in-out;
}

.about-maine .icon-box:hover {
    color: #145f7a; /* Change color on hover */
}

.service .about-maine .icon-box img {
    color:#2ec3d6;
     transition: 0.5S;
     padding: 20px;
 }

 .about-maine :hover .icon-box img {
     transform: rotateY(360deg);
 }
 .icon-box img {
    filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(356%) hue-rotate(153deg) brightness(95%) contrast(91%);
    transition: all 0.3s ease-in-out;
}

/* Change color on hover */
.icon-box img:hover {
    filter: brightness(0) saturate(100%) invert(20%) sepia(50%) saturate(400%) hue-rotate(200deg) brightness(90%) contrast(85%);
}

 /* .about-maine:hover .about-contant h4 {
     color: #f2a91d;
 } */

 .about-maine:hover .arrow span {
     color: #f2a91d;
 }
 .about-maine:hover .arrow-text span{
    color: #f2a91d;
 }
 .about-maine:hover .arrow-arrow span {
     color: #f2a91d;
 }

 .about-maine:hover {
     background-image: url(../images/bg-hover-1.png);
 }

 .col-lg-4 {
     padding: 20px;
 }

 .signature-img {
     padding-top: 50px;
 }

 .service-box {
     margin-top: 50px;
 }

 .arrow {
     text-align: left;
 }

 .arrow i {
     font-size: 30px;
     margin-left: 10px;
 }

 .arrow-box i {
     margin-top: 55px;
     font-size: 30px;
     margin-left: 10px;
 }

 .arrow-type i {
     margin-top: 30px;
     font-size: 30px;
 }

 .arrow-type span {
     font-size: 18px;
     font-weight: 500;
     margin-left: 10px;
     color: black;
 }

 .arrow-type {
     text-align: center;
 }

 .arrow-box {
     text-align: justify;
 }

 .arrow-main i {
     margin-top: 30px;
     font-size: 30px;
     margin-left: 10px;
 }

 /* .arrow-box:hover span{
    color: #f2a91d;
}
.arrow-main:hover span{
    color: #f2a91d;
} */
 .arrow-main {
     text-align: left;
 }

 .arrow-type {
     text-align: left;
 }

 .arrow-main span {
     font-size: 18px;
     font-weight: 600;
     margin-left: 10px;
     color: black;
 }

 .arrow-type:hover span {
     color: #f2a91d;
 }

 .arrow-type span {
     font-size: 18px;
     font-weight: 600;
     margin-left: 10px;
     color: black;
 }

 span {
     font-size: 18px;
     font-weight: 500;
     margin-left: 10px;
     color: black;
 }

 /* span {
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
} */

.about-maine .arrow {
    margin: 10px;
    padding-top: 30px;
}

 .background-image {
     background-image: url(../image/bg-2.png);
     height: 400px;
 }

 .background-image h3 {
     color: #fff;
     font-size: 39px;
     font-weight: 900px;
     padding: 40px;
     text-align: left;
 }

 .button input {
     padding: 15px;
     width: 170px;
     background-color: white;
     border: 1px solid white;
     color: #f2a91d;
     font-weight: 500px;
     font-size: 20px;
     text-align: center;
     border-radius: 10px;
     font-weight: 600;
 }

 .button {
     text-align: left;
     padding: 40px;
 }

 .button input:hover {
     background-color: #01a2d3;
     color: red;
     border: 1px solid #01a2d3;
 }

 /* about end */

 /*clients start */
 .client-head {
     text-align: center;
 }

 .clients {
     padding: 60px 0px;
 }

 .customers-logos {
     width: 100%;
 }

 .slick-list.draggable {
     margin-bottom: 25px;
     margin-top: 50px;
 }

 .client-head h3 {
     text-align: center;
     font-size: 32px;
     font-weight: 700;
     padding: 10px;
     color: #01a2d3;

 }
 .career {
    padding: 60px 0px;
  }
 .client-head h3::before {
     content: "";
     width: 50px;
     height: 2px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 15px 10px 0;
 }

 .client-head h3::after {
     content: "";
     width: 50px;
     height: 2px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 0 10px 15px;
 }

 .client-head h2 {
     color: #01a2d3;
 }

 .slick-slide {
     margin: 0 20px;
 }

 .client-head {
     text-align: center;
     margin-bottom: 90px;
 }

 .slick-slide img {
     width: 100%;
 }

 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
 }

 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }

 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
 }

 .slick-slide {
     display: none;
     float: left;
     height: 15%;
     min-height: 1px;
 }

 .slick-slide img {
     display: block;
 }

 .slick-initialized .slick-slide {
     display: block;
 }

 /* clients End */
 /* team start */
 .team {
     padding: 60px;
     height: 100vh;

     background-image: url(../image/19.jpg);
 }

 .title h1 {
     text-align: center;
     font-size: 45px;
     font-weight: 600;
     margin-bottom: 50px;
 }

 .title h5 {
     text-align: center;
     font-weight: 500;
     color: #f2a91d;
     font-size: 24px;
 }

 .team-title {
     text-align: center;
 }

 .team-title h4 {
     font-size: 20px;
     font-weight: 600;
     color: #f2a91d;
 }

 .title h5::before {
     content: "";
     width: 50px;
     height: 2px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 15px 10px 0;
 }

 .title h5::after {
     content: "";
     width: 50px;
     height: 2px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 0 10px 15px;
 }

 .icon {
     text-align: center;

 }

 /* .icon {
     visibility: hidden;
 } */

 .team-img:hover .icon {
     visibility: visible;
     transform: translateY(-20px);
 }

 .fa-brands {
     font-size: 13px;
     /* margin-top: 50px; */
     padding: 10px;
     width: 35px;
     height: 35px;
     /* border: 1px solid #fff; */
     border-radius: 50px;
     /* background-color: #fff; */
     text-align: center;
     position: relative;
     color: #f2a91d;
 }

 .icon {
     text-align: center;
     transform: translateY(70px);
     transition: 0.5s;
     color: #f2a91d;

 }

 .icon:hover i {
     background-color: #01a2d3;
     color: #fff;
     border: 1px solid #01a2d3;
 }
 #form-control1 {
    min-height: 155px !important;
  }
 /* .team-img img {
     width: 100%;
 }

 .team-img .teambox-inner {
     position: absolute;
     bottom: -70px;
     left: 0;
     right: 0;
 }

 .team-img {
     position: relative;
     text-align: center;
 }

 .team-img .teambox-inner .team-title {
     background-color: white;
     position: relative;
     width: 100%;
     margin: 0px auto;
     padding: 10px;
 }

 .team-img .teambox-inner .team-title::before {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #f2a91d;
     transform: translateX(10px);
     width: 0px;
     height: 100%;
     z-index: 99;
     content: '';
     transition: 0.1s;
 }
 .team-img:hover .teambox-inner .team-title::before{
    width: 3px;
    transform: translateX(0px);
 }
 .team-img .teambox-inner .team-title::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: 5px #f2a91d;
    transform: translateX(-10px);
    width: 0px;
    height: 100%;
    z-index: 99;
    content: '';
    transition: 0.1s;
}
.team-img:hover .teambox-inner .team-title::after{
   width: 3px;
   transform: translateX(0px);
}
 .title {
     margin-top: 60px;
 }

 .team-title p {
     font-size: 16px;
     font-weight: 500;
     color: gray;
     margin-bottom: 0px;
 }

 .team-title span {
     font-size: 14px;
 } */

 /*  */




 /* work start */
 .work {
     text-align: center;

 }

 section#contact-us {
     padding: 90px 0px 30px 0px;
     background-image: url(../image/19.jpg);
 }

 .work h5 {
     color: #f2a91d;
 }

 .work-main {
     padding: 60px 0px;
     background-image: url(../image/separator-line.png);
     background-position: center;
     background-repeat: no-repeat;
 }

 .work h2 {
     font-size: 45px;
     font-weight: 600;
     padding: 10px;
     color: darkgrey;
 }

 .work-title h4 {
    color: black;
    font-size: 20px;
    font-weight: 800;
    margin-top: 20px;

 }

 .work-title p {
     color: darkgray;
     position: relative;
     font-size: 16px;
     line-height: 28px;
     text-align: justify;
 }

 .number {
     position: relative;
     left: 0px;
     /* top: 50px; */
     transform: translatey(50px);
     width: 52px;
     height: 52px;
     border: 1px solid #01a2d3;
     font-weight: 600;
     border-radius: 50px;
     color: white;
     background-color: #01a2d3;
     text-align: center;
     padding: 10px;
 }

 .number:hover {
     text-align: center;
     transform: translatex(0px);
     transition: 3.1s;
 }

 .number:hover .h4 {
     visibility: visible;
     transform: translateY(-50px);
 }

 .sepate-line {
     background-image: url(../image/separator-line.png);
 }

 /* work end */

 /* testimination start */


 /* testimination end */

 /* contact start */
 .section-title h1 {
     color: #145f7a;
     text-align: center;
     font-weight: 600;
     padding: 10px;
     font-size: 32px;
 }

 .section-title p {
     color: #929496;
     text-align: center;
     font-size: 18px;
     margin-bottom: 30px;
 }

 .address h4 {
     color: #2ec3d6;
     font-weight: 600;
     font-size: 22px;
     margin-left: 28px !important;
 }

 .contact span {
     color: white;
     font-weight: 500;
     font-size: 16px;
 }

 .address p {
     color: cadetblue !important;
     margin-top: -14px;
     margin-left: 74px;
     font-weight: 400px;
     font-size: 16px;
 }

 .address a {
     color: cadetblue !important;
 }

 .contact i {
     color: #145f7a;
     font-size: 20px;
 }

 .contact-list a {
     color: #f1f1f1;
     font-size: 16px;
 }

 .email h4 {
     color: #2ec3d6;
     font-weight: 600;
     font-size: 22px;
 }

 .email p {
     color: cadetblue;
     margin-left: 75px;
     margin-top: -14px;
     font-weight: 100px;
     font-size: 16px;
 }

 .phone h4 {
     color: #01a2d3;
     font-weight: 600;
     font-size: 22px;
 }

 .phone p {
     color: cadetblue;
     margin-left: 75px;
     margin-top: -14px;
     margin-left: 68px;
     margin-bottom: 30px;
     font-weight: 400px;
     font-size: 16px;
 }

 .contact-main {
     border: 1px solid white;
     box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
     padding: 40px;
     border-top: 5px solid #01a2d3;
     border-bottom: 5px solid #01a2d3;
     background-color: #fff;
 }
 .contact-main iframe {
    width: 100%;
    height: 240px;
  }
 .contact-main h4 {
     margin-left: 30px;
 }

 .email i {
     width: 44px;
     height: 44px;
     background-color: azure;
     color: cadetblue;
     padding: 10px;
     border-radius: 40px;
     font-size: 20px;
 }

 .address i {
     width: 44px;
     height: 44px;
     background-color: azure;
     color: cadetblue;
     padding: 10px;
     border-radius: 40px;
     font-size: 20px;
 }

 .address span {
     display: flex;
 }

 .email span {
     display: flex;
     color: cadetblue;
     font-size: 16px;
 }

 .phone span {
     display: flex;
 }

 .phone i {
     width: 44px;
     height: 44px;
     background-color: azure;
     color: cadetblue;
     padding: 10px;
     border-radius: 40px;
     font-size: 20px;
 }

 /* contact end */

 /* form table start */
 .form-group label {
     color: #81868f;
     /* padding: 5px; */
     margin-top: 20px;
     padding-bottom: 8px;
     font-size: 18px;
 }

 .form-email input {
     padding: 6px !important;

     color: #d8d4d4;
 }

 .form-email .input {
     margin-bottom: 10px;
     padding: 10px;
 }

 .form-email label {
     color: #81868f;
     margin-top: 17px;
     font-size: 18px;
     padding: 5px;
 }

 .form-table {
     border: 1px solid black;
     padding: 20px;
     border: 1px solid white;
     box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
     border-top: 5px solid #01a2d3;
     border-bottom: 5px solid #01a2d3;
 }

 .text-center button {
     margin-top: 30px;
     background-color: #01a2d3;
     padding: 10px;
     border-color: #01a2d3 !important;
     color: #fff;
     border-radius: 40px;
     border: 3px solid #01a2d3;
     width: 30%;
     font-size: 16px;
 }

 /* form table end */

 /* footer start */
 .main-footer {
     background-image: url('../images/footer-back.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding: 60px 0;
     position: relative;
 }

 .main-footer::before {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(45deg, black, transparent);
     content: '';
     opacity: 0.9;
 }
.logo-2 {
    position: relative;
    margin-top: -30px;
}
 .logo-2 img {
     width: 100%;
 }
 .inner-column {
     text-align: center;
     display: flex;
     background-image: url(../images/Blue\ Geometric\ Technology\ LinkedIn\ Banner.png);
     background-size: cover;
     position: absolute;
     top: 0;
     right: 0;
     width: 60%;
     border-bottom-left-radius: 25px;
 }

 .inner-column h3 {
     font-size: 30px;
     padding: 40px;
     font-weight: 600;
     color: #fff;

 }

 .footer-content h4 {
     font-size: 24px;
     font-weight: 700;
     color: #fff;
 }

 .footer-content p {
     font-size: 18px;

 }

 ol,
 ul {
     padding-left: 0px;
 }

 .submit {
     padding: 6px;
     margin-left: 40px;
     margin-top: 20px;
 }

 .submit input {
     background-color: #01a2d3;
     padding: 7px;
     border: 1px solid #01a2d3;
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     border-radius: 5px;
 }

 .submit input:hover {
     background-color: #145f7a;
     border: 1px solid #145f7a;
 }

 .aboutus {
     color: #fff;
 }

 .aboutus p {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
 }

 .useful {
     color: #fff;

 }

 .useful h4 {
     margin-left: 39px;
 }

 .useful li {
     padding: 5px;
     font-size: 16px;
     font-weight: 500;
     list-style-type: none;
     text-align: left;
 }

 .sub-pages {
     color: #fff;
 }

 .sub-pages h4 {
     margin-left: 35px;
 }

 .sub-pages li {
     padding: 5px;
     font-weight: 500;
     list-style-type: none;
     font-size: 15px;
 }

 .contact {
     color: #fff;
 }

 .contact a {
     color: #FFFFFF !important;
     font-size: 16px;
 }
 .career-img img {
    width: 100%;
    border-radius: 10px;
  }
 .contact-Us li {
     padding: 9px;
     font-size: 18px;
     font-weight: 500;
     list-style-type: none;
     text-align: left;
 }

 .contact h4 {
     margin-left: 45px;
 }

 .footer-content {
     position: relative;
 }

 .right-box {
     color: #fff;
     justify-content: start;
 }

 .footer-icon {
     color: #fff;
     font-size: 25px;
 }
 .footer-icon .form-group{
    position: relative;
 }
 .footer-logo img {
    width: 80%;
    margin-top: -10px;
  }
 .footer-info h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}
 .main-footer .social-box li a {
     position: relative;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 3px;
     color: var(--white-color);
     font-size: var(--font-16);
     background-color: rgba(var(--white-color-rgb), 0.10);
 }

 .form-email input[type="email"] {
     border: 1px solid;
     padding: 15px;
     text-align: center;
     border-radius: 48px;
     margin-left: 0px;
     width: 100%;
 }

 .footer-content a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
}

 .right-box h6 {
     color: red;
     margin-left: 10px;
 }

 .right-box p {
     font-size: 16px;
 }

 .right-box {
     justify-content: center;
     margin-top: 20px;
 }
.footer-info p {
  color: #fff;
  padding-right: 10px;
  font-size: 17px;
}
.footer-info p {
  position: relative;
  color: #fff;
}
 .footer-icon {
     justify-content: center;
     /* margin-top: 20px; */
 }

 /* footer icon start */
 .social-links a {
     font-size: 18px;
     display: inline-block;
     background: rgba(255, 255, 255, 0.8);
     color: #484848;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 4px;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: 0.3s;
   
 }

 a {
     color: #145f7a;
     text-decoration: none;
 }

 .social-links a:hover  i {
     color: #145f7a;
 }

 .social-links {
     justify-content: center;
     text-align: center;
     position: relative;
 }

 hr {
     color: #fff;
 }

 .footer-icon:hover i {
     border: 1 px solid black;
     background-color: #145f7a;
 }

 .footer-info h5 {
     color: #fff;
     font-size: 23px;
     font-weight: 600;
 }

 .footer-info i {
    color: #145f7a;
    padding-right: 10px;
    font-size: 18px;
 }
 .footer-info i::before{
    font-weight: 900 !important;
 }

 .fa-sharp {
    color: #fff !important;
    border: 1px solid #145f7a;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    background-color: #145f7a;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 2px;
    padding: 0 !important;
    align-items: center;
    line-height: 30px;
    display: flex;
    justify-content: center;
}

 .form-group input {
    text-align: start;
    padding: 11px;
    border-radius: 0px;
    width: 100%;
    position: relative;
}

 .fa-solid {
     color: #145f7a;
     font-size: 20px;
 }

 .fa {
     color: #145f7a;
     font-size: 20px;
 }

 .contact-list i {
     padding: 9px;
 }

 /* web desinging start */
 .title {
     margin-top: 20px;
     font-size: 22px;
     font-weight: 600;
     font-family: "Barlow", sans-serif;
     margin-bottom: 15px;
 }

 .choose-us {
     /* background-image: url(../image/choose-us-bg3.jpg); */
 }

 .accordion-item {
     border: 1px solid #145f7a;
     margin-top: 35px;
     border: 0;
     box-shadow: 0px 0px 161px 0px rgba(0, 0, 0, 0.2);
     border-radius: 5px;
     overflow: hidden;
     padding: 0px;
 }

 .accordion-button {
     padding: 8px;
 }

 .accordion-item .accordion-button::after {
     position: absolute;
     content: "+";
     border: none;
     width: 30px;
     height: 30px;
     line-height: 24px;
     font-size: 30px;
     font-weight: 400;
     text-align: center;
     border-radius: 50%;
     color: #ffffff;
     background: linear-gradient(-140deg, #145f7a 0%, #0055a1 100%);
     right: 35px;
 }

 .section-title h3 {
     font-size: 39px;
     line-height: 54px;
     font-family: "Barlow", sans-serif;
     font-weight: 600;
     color: #0e0e0e;
     text-align: left;

 }

 .choose-us-wrap h2 {
     text-align: center;
     padding: 10px;
     color: #145f7a;
 }

 .choose-us-left {
     margin-top: 0px;
 }

 .text p {
     font-size: 16px;
     line-height: 30px;
     margin-top: 0px;
     padding-right: 65px;
 }

 .choose-us-wrap {
     background-image: url(../images/inner-page-bg-1.jpg);
     background-size: cover;
     /* margin-top: 60px;
     margin-bottom: 60px; */
 }

 .inner-about-content h3 {
     text-align: center;
     color: #145f7a;
 }

 .inner-about-content h6 {
     text-align: center;
     color: #01a2d3;
     padding: 10px;
 }

 .inner-about-content p {
     text-align: center;
     font-size: 16px;
     color: #929496;
 }

 .ineer-about {
     padding: 60px;
 }

 .website-development {
     background-image: url(../images/webiste-designing.jpg);
     background-position: right;
     background-size: cover;
     background-repeat: no-repeat;
     height: 80vh !important;
     background-size: cover;
 }

 .website h1 {
     margin-left: 100px;
     font-weight: 700;
     color: #fff;
     margin-left: 100px;
 }

 .website h2 {
     margin-left: 100px;
     color: #145f7a;
     font-weight: 600;
     font-size: 24px;
 }

 .website p {
     margin-left: 100px;
     color: white;
     font-size: 18px;
 }

 .choose-content h3 {
     font-size: 22px;
     line-height: 30px;
     margin-top: 20px;
     font-weight: 600;
 }

 .choose-content p {
     font-size: 16px;
     line-height: 30px;
     margin-top: 20px;
     text-align: justify;
 }

 .website-head h2 {
     text-align: center;
     color: 20px;
     color: #145f7a;
     margin-top: 50px;
     font-weight: 700;
 }

 .choose-us {
     box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.06);
     margin-bottom: 60px;
 }

 .choose {
     border: 1px dotted #e0dada;
     padding: 25px;
     border-radius: 10px;
     border: 1px solid #fff;
     box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
     background-color: #ffffff;
 }

 .choose-content-1 h3 {
     font-size: 22px;
     line-height: 30px;
     margin-top: 20px;
     font-weight: 600;
 }

 .choose-content-1 p {
     font-size: 16px;
     line-height: 30px;
     margin-top: 20px;
     text-align: justify;
     margin-bottom: 50px;
 }

 .choose-img {
     margin-left: 30px;
     margin-top: 20px;
 }

 .choose-us-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
}

 /* web desinging end */

 /* .testimonial start */

 /* carrer start */
 .career-one {
     padding: 60px 0;


 }

 .career-one .contact-from-para h5 {
     text-align: center;
     color: #01a2d3 !important;
     font-weight: 700 !important;
     font-size: 28px;
 }

 .contact-form {
     padding: 30px;
     background: #f1f1f1;
 }

 .career-one .contact-input {
     margin-bottom: 30px !important;
 }

 .carrer-icon {
     background: #f1f1f1 !important;
     padding: 50px !important;
 }

 .carrers-icon {
     height: 70px;
     width: 70px;
     text-align: center;
     padding: 0;
     display: flex;
     padding: 30px 30px 25px 30px;
     align-items: center !important;
     justify-content: center !important;
     font-weight: normal;
     border: 1px solid #fff;
     background: #fff;
     border-radius: 50px;
     margin: 0 auto;
     margin-bottom: 30px;
 }

 .carrers-icon i {
     color: #01a2d3;
     font-size: 30px;
 }

 .carrer-icon h4 {
     margin: 0 auto;
     text-align: center;
     font-size: 25px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .button-carrer {
     text-align: center !important;
     margin: 16px auto 0px auto;
     border-radius: 1px solid #01a2d3;
     padding: 6px 10px;
     width: 50%;
     background-color: #01a2d3;
     color: #fff;
 }

 .button-carrer:hover {
     color: #fff;
 }

 .carrer-icon p {
     text-align: center;
     line-height: 35px;
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 20px;
 }
/* Ensure the dropdown appears on hover */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* Optional: Smooth dropdown animation */
.dropdown-menu {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

/* Adjust dropdown menu background and spacing */
.navbar-nav .dropdown-menu {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* Style dropdown items */
.navbar-nav .dropdown-menu .dropdown-item {
    color: #145f7a;
    transition: 0.3s;
}

/* Hover effect for dropdown items */
.navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #2ec3d6;
    color: white;
}

 .form-control {
     padding: 10px 15px !important;
     color: #000;
     height: 40px !important;
     font-size: 14px !important;
     border-radius: 3px !important;
     transition: .5s !important;
     font-weight: 600 !important;
     letter-spacing: .1px !important;
     background-color: #fff;
 }

 textarea.form-control {
     min-height: 260px !important;
 }

 button[type=submit] {
     background: #01a2d3;
     border: 0;
     padding: 10px 24px;
     color: #fff;
     transition: 0.4s;
     border-radius: 62px;
     font-weight: 600;
 }

 .career-content h5 {
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 20px;
 }

 .career-content h2 {
     font-size: 35px;
     font-weight: 700;
     margin-bottom: 20px;
     color: #01a2d3;
     margin-top: 20px;
 }

 .career-content p {
     font-size: 16px;
     font-weight: 400;
     padding-bottom: 20px;
 }

 a {
     text-decoration: none;
 }

 .icon p {
     padding-left: 50px;
     font-size: 16px;
     font-weight: 500;
 }

 .heading-contact {
     background-color: #f1f1f1;
     padding: 30px;
 }

 .carrers-content {
     padding: 30px !important;
 }

 .carrers-content h2 {
     color: #000;
     font-size: 35px;
     font-weight: 800;
     text-align: center;
 }

 .carrers-content p {
     color: #000;
     font-size: 20px;
     text-align: center;
     font-weight: 500;
 }

 /* career end */
 /* development start */
 .development {
     background-image: url(../image/service2-bg.jpg);
     /* margin-top: 60px; */
     padding-top: 60px;
     padding-bottom: 60px;
 }

 .dev-icon i {
     margin-bottom: 25px;
     position: relative;
     display: inline-block;
     color: #fff;

     font-size: 36px;
     height: 85px;
     width: 85px;
     line-height: 85px;
     text-align: center;
     background: linear-gradient(0deg, #01a2d3 0%, #f2a91d 100%);
     border-radius: 50%;

 }

 .dev-content {
     text-align: center;
 }

 .dev-content h3 {
     font-size: 22px;
     margin-bottom: 15px;
     font-weight: 700;
 }

 .develop-main h3 {
     text-align: center;
     padding: 10px;
     color: #f2a91d;
 }

 .dev-content p {
     margin-bottom: 27px;
     font-size: 17px;
     text-align: justify;
 }

 .dev-head {
     border: 1px solid black;
     position: relative;
     background-color: #fff;
     padding: 28px 19px 32px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     text-align: center;
     width: 100%;
 }

 .service-btn {
     font-size: 17px;
     font-weight: 600;
     margin-top: -7px;
 }

 .service-btn i {
     font-size: 30px;
     padding: 0px;
     position: absolute;
     margin-top: -9px;
 }

 .dev-head::before {
     content: '';
     position: absolute;
     height: 100%;
     width: 0;
     background: linear-gradient(0deg, #01a2d3 0%, #f2a91d 100%);
     top: 0;
     right: 50%;
     transition: 0.5s;
     color: #ffffff;
 }

 .dev-head:hover::before {
     width: 100%;
     right: 0;
 }

 .dev-head:hover .dev-content {
     color: #ffffff !important;
     content: '';
     position: relative;
 }

 .dev-head:hover .service-btn {
     color: #ffffff !important;
     content: '';
     position: relative;
 }


 .dev-head:hover .dev-icon i {
     color: #ffffff !important;
     content: '';
     background-color: #ffffff !important;
 }


 /* Graphi disignation start */
 .dev-main {
     border: 1px solid black;
     position: relative;
     background-color: #fff;
     padding: 35px 28px 32px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     text-align: center;
     width: 100%;
 }

 .dev-main::before {
     content: '';
     position: absolute;
     height: 100%;
     width: 0;
     background: linear-gradient();
     top: 0;
     right: 50%;
     transition: 0.5s;
     color: #ffffff;
 }

 .dev-main {
     border: 1px solid black;
     position: relative;
     background-color: #fff;
     padding: 18px 45px 4px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     text-align: center;
     width: 100%;
     height: 100%;
 }

 .develop-main h3 {
     margin-bottom: 40px;
 }

 .dev-main:hover::before {
     width: 100%;
     right: 0;
 }

 .dev-main:hover .dev-content1 {
     color: #ffffff !important;
     content: '';
     position: relative;
 }

 .dev-main:hover .dev-content2 {
     color: #ffffff !important;
     content: '';
     position: relative;
 }

 .dev-main:hover .dev-content {
     color: #ffffff !important;
     content: '';
     position: relative;
 }

 .dev-main:hover .service-btn {
     color: #ffffff !important;
     content: '';
     position: relative;
 }

 .dev-main:hover .dev-icon i {
     color: #ffffff !important;
     content: '';
     background-color: #ffffff !important;
 }

 .dev-content2 p {
     margin-bottom: 27px;
     font-size: 17px;
     text-align: justify;
     margin-bottom: 75px;
 }

 .dev-content1 p {
     margin-bottom: 27px;
     font-size: 17px;
     text-align: justify;
     margin-bottom: 50px;
 }

 .dev-content1 h3 {
     font-size: 22px;
     margin-bottom: 15px;
     font-weight: 700;
 }

 .dev-content2 h3 {
     font-size: 22px;
     margin-bottom: 15px;
     font-weight: 700;
 }

 /* Graphi disignation end */

 .choose-left p {
     /* margin-top: 50px; */
     font-size: 18px;
 }

 .choose-left {
     padding: 30px;
 }

 .choose-us-img {
     /* background-image: url(../image/dev-bg-img.jpg); */
 }

 /* testimonols start  */

 .testimonial-img img {
     margin: 0 auto 20px;
     width: 85%;
     margin-top: 30px;
 }

 .testimonial-img {
     width: 130px;
     height: 130px !important;
     border-radius: 100%;
     border: 2px solid rgb(235 118 39);
     /* overflow: hidden; */
     background: #fff;
     margin: 0 auto 20px;
 }

 .testimonial-santha {
     width: 130px;
     height: 130px !important;
     border-radius: 100%;
     border: 2px solid rgb(235 118 39);
     /* overflow: hidden; */
     background: #fff;
     margin: 0 auto 20px;
 }

 .testimonial-bamaboom {
     width: 130px;
     height: 130px !important;
     border-radius: 100%;
     border: 2px solid rgb(235 118 39);
     /* overflow: hidden; */
     background: #fff;
     margin: 0 auto 20px;
 }

 .testimonial-bamaboom img {
     width: 100%;
     margin-top: 30px;
 }

 .testimonial-santha img {
     width: 100%;
     margin-top: 30px;
 }

 .testimonial-text {
     text-align: center;
     font-size: 20px;
 }

 .right-icon {
     position: relative;
     text-align: justify;
 }

 .left-icon {
     position: relative;
     text-align: right;
 }

 .testimonial-head h5 {
     color: #f2a91d;
     text-align: center;
     font-weight: 700;
     font-size: 28px;
 }

 .testimonial {
     padding: 60px 0px;
     background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);
     background-position: center;
     background-size: cover;
 }

 .testimonial-text i {
     font-size: 30px;
 }

 .testimonial-text p {
     color: #e0dada;
 }

 .testimonial-text h5 {
     color: #e0dada;
     font-size: 25px;
 }

 .testimonial:after {
     background: url(img/testimonial.bg-top.png);
     /* width: 100%;
     height: 100px; */
 }

 /* consultancy start */
 .main-title h3 {
     text-align: center;
     padding: 30px;
     color: #01a2d3;
     font-size: 25px;
     font-weight: 700;
 }

 /* mobile development start */
 .Mobile-Application {
     background-image: url(../image/mobile-application.jpg);
     background-position: right;
     background-size: cover;
     background-repeat: no-repeat;
     height: 80vh !important;
     background-size: cover;
 }

 .website2 h1 {
     margin-left: 100px;
     font-weight: 700;
     color: #fff;
     margin-left: 100px;
 }

 .website2 h2 {
     margin-left: 100px;
     color: #f2a91d;
     font-weight: 600;
     font-size: 24px;
 }

 .website2 p {
     margin-left: 100px;
     color: white;
     font-size: 18px;
 }

 .mobile-head h3 {
     text-align: center;
     color: #01a2d3;
     font-weight: 700;
     margin-top: 50px;
     padding: 20px;
 }

 /* mobile development end */
 /* grafic designing start */
 .graphic-head h3 {
     text-align: center;
     color: #f2a91d;
     font-weight: 700;
     padding: 40px;
 }

 .dev-main::before {
     content: '';
     position: absolute;
     height: 100%;
     width: 0;
     background: linear-gradient(0deg, #01a2d3 0%, #f2a91d 100%);
     top: 0;
     right: 50%;
     transition: 0.5s;
     color: #ffffff;
 }

 .graphic-designing {
     background-image: url(../image/graphic1.jpeg);
     background-position: right;
     background-size: cover;
     background-repeat: no-repeat;
     height: 80vh !important;
     background-size: cover;
     
 }

 .website3 h1 {
     margin-left: 100px;
     font-weight: 700;
     color: #01a2d3;
     margin-left: 100px;

 }

 .website3 h2 {
     margin-left: 100px;
     color: #f2a91d;
     font-weight: 600;
     font-size: 24px;
 }

 .website3 p {
     margin-left: 100px;
     color: white;
     font-size: 18px;
 }

 /* grafic designing end */
 /* UX development start */
 .UX-development {
     background-image: url(../image/UI-UX.jpg);
     background-position: right;
     background-size: cover;
     background-repeat: no-repeat;
     height: 80vh !important;
     background-size: cover;
 }

 .website4 h1 {
     margin-left: 100px;
     font-weight: 700;
     margin-left: 100px;
     margin-top: 150px;
     color: #ffffff;
 }

 /* UX development end */
 /* digitel marketing start */
 .graphic-head h3 {
     text-align: center;
     color: #f2a91d;
     font-weight: 700;
     padding: 40px;
 }

 .degitei-marketing {
     background-image: url(../image/digital-marketing.jpg);
     height: 80vh !important;
     background-size: cover;
 }

 .website5 h1 {
     margin-left: 100px;
     font-weight: 700;
     color: #01a2d3;
     margin-left: 100px;

 }

 .website5 h2 {
     margin-left: 100px;
     color: #f2a91d;
     font-weight: 600;
     font-size: 24px;
 }

 .website5 p {
     margin-left: 100px;
     color: #ffffff;
     font-size: 18px;
 }

 .digitel-head h3 {
     text-align: center;
     color: #f2a91d;
     font-weight: 700;
     padding: 40px;
 }

 /* digitel marketing end */
 @media only screen and (min-width:280px) and (max-width:479.98px) {
    .website-development{
        background-position: right;
    }
    .navbar-collapse ul li {
        padding: 5px;
        font-size: 16px;
        font-weight: 600;
        border: 1px solid #eedede;
        text-align: center;
        background-color: #FFFFFF;
        box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
    }
    .port-header h5::before{
        display: none !important;
    }
    .port-header h5::after{
        display: none !important;
    }
    .nav-item:hover{
        background-color: #eb7627;
    }
    .portfolio .section-view a {
        padding: 0px 18px !important;
        margin: 0px !important; 
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    .portfolio #portfolio-main li {
        padding: 7px 17px 8px 11px !important;
        font-size: 13px !important;
        font-weight: 700;
        margin: 0px -3px !important;
        margin-left: 2px !important;
    }
    .port-heading h2 {
        font-size: 27px !important;
    }
    .port-header h5{
        font-size: 24px !important;
    }
    .logo-2 img {
        width: 60%;
        margin-bottom: 30px;
    }
    .dev-head{
        margin-bottom: 10px;
    }
     .logo img {
         width: 160px !important;

     }

     .about-content h2 {
         font-size: 21px !important;
     }

     .custom-video {
         width: 100%;
         height: 100hv !important;
     }

     .inner-column {
         position: relative !important;
         width: 100%;
         padding: 20px;
         display: block;
         text-align: left;
         margin-bottom: 30px;
     }

     .footer-modal {
         display: block !important;
     }

     .about-content h1 {
        font-size: 24px;
    }
    .about-head h3 {
        font-size: 28px;
    }
     .about-content h5 {
         padding: 0px;
         font-size: 15px;
     }

     .about-para p {
         font-size: 14px;
     }

     .about-content h2 {
         font-size: 22px !important;
     }

     .about-img img {
         margin-top: 0px;
         width: 100%;
     }

     .client-head h3::after {
         width: 30px;
     }

     .client-head h3::before {
         width: 30px;
     }

     .client-head h3 {
         font-size: 24px;
         padding: 0px;
     }

     .customers-logos {
         width: 100%;
     }

     .bamaboom img {
         height: 40px;
         width: 100%;
     }

     .bj-solutions img {
         height: 50px;
         width: 100%;
     }

     .santha img {
         height: 40px;
         width: 100%;
     }

     .rts-logo img {
         width: 100%;
     }

     .about-head h1 {
         font-size: 28px !important;
     }

     .about h5 {
         font-size: 15px;
     }

     .about h4 {
         font-size: 18px;
     }

     .about p {
         font-size: 14px;
     }

     .arrow i {
         font-size: 22px;
     }

     .port-header h2 {
         font-size: 26px !important;
         padding: 0px;
     }

     .arrow-arrow {
         margin-top: 0px;
     }

     .arrow-text i {
         font-size: 22px;
     }
     .arrow-text {
        margin-top: 0px;
    }
     .arrow-arrow i {
         font-size: 22px;
     }

     .head-tittle h5 {
         font-size: 20px;
     }
     .head-tittle h3 {
         margin-bottom: 0px !important; 
        font-size: 25px !important;
    }
     .port-header h2::before {
         width: 35px !important;
         height: 3px;
     }

     .portfolio {
         padding: 30px 0px;
     }

     .port-header h2::after {
         width: 30px !important;
     }

     .inner-column h3 {
         font-size: 15px !important;
         padding: 0px !important;
         font-weight: 600;
     }

     .submit {
         padding: 0px !important;
         margin-left: 0px;
         margin-top: 0px;
     }

     .submit input {
         font-size: 13px;
         font-weight: 600;
         padding: 5px !important;
     }

     .footer-content {
         padding: 0px !important;
     }

     .aboutus {
         padding: 10px;
         text-align: justify;
     }

     input[type="email"] {
         padding: 10px;
         text-align: start;
         width: 66%;
     }

     .footer-content p {
         padding: 10px;
         padding-top: 0px !important;
         padding-bottom: 0px !important;
     }

     .text-center button {
         padding: 10px !important;
         width: 60% !important;
         font-size: 16px;
         font-size: 14px !important;
     }

     .head-tittle h5 {
         padding: 0px !important;
         font-size: 18px !important;
     }

     .head-tittle h5::after {
         width: 40px !important;
     }

     .head-tittle h5::before {
         width: 40px !important;
     }

     .head-tittle h2 {
         font-size: 23px !important;
         padding: 10px;
         margin-bottom: 0px !important;
     }

     .testimonial-text p {
         font-size: 15px;
     }

     .testimonial-text i {
         font-size: 14px;
     }

     .testimonial-img {
         width: 110px;
         height: 110px !important;
     }

     .testimonial-img img {
         width: 75%;
         margin-left: 15px;
     }

     .testimonial-santha {
         width: 110px;
         height: 110px !important;
     }

     .testimonial-bamaboom {
         width: 110px;
         height: 110px !important;
     }
     .section-title h5 {
        font-size: 28px;
    }
     .work h2 {
         font-size: 28px !important;
     }

     .work h5 {
         font-size: 16px;
     }

     .address p {

         margin-top: 0px;
         padding-left: 1px;
     }

     .aboutus h4 {
         padding-left: 10px;
     }

     .email p {
         margin-top: 0px;
         /* padding-left: 0px !important; */
     }

     .phone p {
         margin-top: 0px;
         margin-bottom: 10px;
         padding-left: 5px;
     }

     .contact-main h4 {
         margin-left: 30px;
         margin-top: 8px;
     }

     .contact-main {
         padding: 0px;
     }

     input[type="email"] {
        width: 100% !important;
    }

     .work-main {
         background-image: none;
     }

     .form-grope input[type="email"] {
         width: 30% !important;
     }

     .fa-sharp {
         width: 35px;
         height: 41px;
         font-size: 15px;
         padding: 10px;
         top: 3px;
         right: 3px;
     }

     .form-email input[type="email"] {
         width: 100% !important;
         /* margin-left: 20px; */
     }

     .form-group {
         padding-bottom: 10px;
     }

     /* inner page responsive start*/
     .header-top {
         display: none;
     }

     .website h2 {
         /* margin-left: 100px; */
         color: #f2a91d;
         font-weight: 600;
         font-size: 18px;
         margin-left: 0px;
     }

     .website h1 {
         font-size: 17px;
         margin-left: 0px;
     }

     .website p {
         margin-left: 100px;
         color: white;
         font-size: 14px;
         margin-left: 0px;
     }
     .choose-us-wrap h2 {
        font-size: 17px !important;
        font-weight: 600;
    }
    .choose-left {
        padding: 0px;
    }
    .choose-left p {
        font-size: 16px;
    }
    .section-title h3 {
        font-size: 19px;
    }
     .graphic-designing {
         height: 89vh !important;
     }
     .Mobile-Application {
        height: 89vh !important;
    }
    .UX-development {
        height: 89vh !important;
    }
    .website-development {
        height: 89vh !important;
    }
     .footer-info h3 {
        color: #fff;
        font-weight: 700;
    }
     .text p {
         padding-right: 0px;
     }

     .details {
         padding: 47px 15px !important;
         margin: -60px 10px 0 16px !important;
         background: white;
         position: relative;
         background-color: #FFFFFF;
         text-align: justify;
         border-radius: 8px;
         box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
     }

     .develop-main h3 {
         font-size: 22px;
         font-weight: 600;
     }

     .choose-us-wrap h2 {
         font-size: 13px;
         font-weight: 600;
     }

     .section-title h3 {
         font-size: 15px;
         line-height: 20px !important;
     }

     .choose-us-left {
         margin-top: 0px;
     }

     .title {
         margin-top: 0px !important;
         margin-bottom: 0px !important;
     }

     .choose-us-wrap {
         padding-top: 60px !important;
         padding-bottom: 60px !important;
     }

     .title {
         font-size: 15px;
         font-weight: 600;
     }

     .accordion-item .accordion-button::after {
         width: 25px;
         height: 25px;
         font-size: 23px;
     }

     .dev-icon i {
         margin-bottom: 25px;
         font-size: 30px;
         height: 80px;
         width: 80px;
     }

     .service-item p {
         font-size: 14px;
     }

     .website2 h2 {
         margin-left: 0px;
         font-size: 18px;
     }

     .website2 p {
         margin-left: 0px;
         font-size: 15px;
     }

     .website2 h1 {
         margin-left: 0px;
         font-weight: 700;
         color: #fff;
         font-size: 18px;
     }

     .form-group {
         padding-bottom: 20px;
         position: relative;
     }
     .fa-sharp {
        width: 41px;
        height: 40px;
        font-size: 15px;
        padding: 10px;
        top: 0px;
        right: -1px;
    }
    .dev-content h3 {
        font-size: 20px;
    }
    .accordion-item .accordion-button::after {
        right: 10px;
    }
    .main-title h3 {
        font-size: 18px;
    }
 }

 @media only screen and (min-width:480px) and (max-width:575.98px) {
     .about-content h2 {
         font-size: 32px;
     }
     .navbar-collapse ul li {
        padding: 5px;
        font-size: 18px;
        font-weight: 600;
        border: 1px solid #eedede;
        text-align: center;
        background-color: #FFFFFF;
        box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
    }
    .port-header h5::before{
        width: 30px !important;
    }
    .port-header h5::after{
        width: 30px !important;
    }
    .port-header h5{
        font-size: 26px !important;
    }
    .nav-item:hover{
        background-color: #eb7627;
    }
    .portfolio .section-view a {
        padding: 3px 18px !important;
        margin: 0px !important; 
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    .nav-item:hover{
        background-color: #f2a91d;
    }
     .logo {
        width: 88% !important;
    }
    .logo img{
        margin-left: 0px;
    }
     .choose-us-left {
        margin-top: 0px;
    }
     .section-title h3 {
        font-size: 28px;
        line-height: 42px;
     }
     .header-top{
        display: none;
     }
     .about-head h3 {
        font-size: 33px;
    }
     .about-head h1 {
         font-size: 36px;
     }
     .about h5 {
        font-size: 18px;
    }
     .head-tittle h3 {
         font-size: 30px !important;
         font-weight: 600;
     }

     .port-head {
         margin: auto !important;
     }

     .team-head {
         text-align: center !important;
     }

     .team-image img {
         width: 100% !important;
     }

     .team-content h5 {
         font-size: 22px !important;
     }

     .team-headings {
         width: 100%;
     }

     .team-content span {
         font-size: 19px !important;
     }

     .work-main {
         background-image: none;
     }

     .work-img {
         text-align: center;
     }

     .work-title {
         text-align: center;
     }

     .work-title p {
         text-align: center;
     }

     .number {
         left: 125px;
     }

     .testimonial-text p {
         font-size: 19px;
     }

     .testimonial-text i {
         font-size: 20px;
     }

     button[type=submit] {
         border: 0;
         padding: 15px 20px;
         width: 50%;
     }

     .form-email input {
         width: 100%;
     }

     .inner-column {
         width: 100%;
     }

     .inner-column h3 {
         font-size: 20px !important;
         padding: 20px !important;
     }

     .submit {
         padding: 5px !important;
         margin-top: 10px;
         margin-left: 0px;
     }

     .logo-2 img {
         width: 55%;
     }

     .logo-2 {
         margin-top: 0px !important;
     }

     .form-group {
         padding-bottom: 20px;
     }

     .work-title p {
         font-size: 16px;
     }
     .work h2{
        font-size: 34px;
     }
     .footer-content {
        padding: 35px 53px 49px;
    }
    .logo-2 img {
        width: 55%;
        padding-top: 50px !important;  
    }
    .navbar-toggler i {
        font-size: 28px;
        color: #000;
    }
    .about-content h1 {
        font-size: 26px;
    } 
    .logo-2 img {
        width: 55%;
        padding-top: 50px;
    } 
    .footer-content {
        padding: 35px 53px 49px;
    }
    .footer-info h3 {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
    }
    .dev-head{
        margin-bottom: 20px;
    }
    .website h1 {
        margin-left: 0px;
    }
    .website h2 {
        margin-left: 0px;
    }
    .website p{
        margin-left: 0px;
    }
    .website2 h1 {
        margin-left: 0px;
    }
    .website2 h2 {
        margin-left: 0px;
    }
    .website2 p{
        margin-left: 0px;
    }
    .Mobile-Application {
        height: 80vh !important;
    }
    .UX-development {
        height: 80vh !important;
    }
 }

 @media only screen and (min-width:576px) and (max-width:767.98px) {
     .client-head h3 {
         font-size: 38px;
     }
     .navbar-collapse ul li {
        padding: 5px;
        font-size: 18px;
        font-weight: 600;
        border: 1px solid #eedede;
        text-align: center;
        background-color: #FFFFFF;
        box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
    }
    .nav-item:hover{
        background-color: #eb7627;
    }
     .about-maine .icon-box img {
        width: 26% !important;
    }
    .logo {
        width: 88% !important;
    }
    .logo img{
        margin-left: 0px;
    }
     .about-para p {
         font-size: 16px;
     }

     .about-para {
         padding: 20px;
     }

     .about-para h6 {
         font-size: 26px;
     }

     .about-contant p {
        font-size: 16px !important;
        font-weight: 500;
    }
     .about-content h5 {
        font-size: 19px;
    }
     .about-content h1 {
         font-size: 30px;
     }

     .about-contant h4 {
         font-size: 24px;
         font-weight: 600;
     }
     .about-head h3 {
        font-size: 39px;
    }
     .about-contant p {
         font-size: 20px;
         font-weight: 500;
     }

     span {
         font-size: 23px;
     }

     .arrow-arrow i {
         font-size: 35px;
     }

     .arrow i {
         font-size: 35px;
     }

     .arrow-text i {
         font-size: 36px;
     }

     .port-head {
         margin: auto !important;
         width: 100% !important;
     }

     .about-maine .icon-box img {
         width: 30%;
     }

     .port-header h2 {
         font-size: 43px !important;
     }

     .head-tittle h5 {
         font-weight: 700 !important;
         font-size: 31px !important;
     }

     .team-content h5 {
         font-size: 26px !important;
         font-weight: 600;
     }

     .team-content span {
         font-size: 22px !important;
     }

     .work-main {
         background-image: none;
     }

     .work-img {
         text-align: center;
     }

     .work-title h4 {
         text-align: center;
         font-size: 28px;
         font-weight: 600;
     }

     .work-title p {
         text-align: center;
         font-size: 22px;
     }

     .number {
         left: 155px;
     }

     .section-title h2 {
         font-size: 36px;
     }

     .section-title p {
         font-size: 21px;
     }

     .address i {
         width: 60px;
         height: 60px;
         padding: 16px;
         font-size: 28px;
     }

     .address h4 {
         font-size: 32px;
     }

     .address a {
         font-size: 19px;
         font-weight: 500;
     }

     .email i {
         width: 60px;
         height: 60px;
         padding: 16px;
         font-size: 28px;
     }

     .email h4 {
         font-size: 32px;
     }

     .email p {
         font-size: 19px !important;
     }

     .phone i {
         width: 60px;
         height: 60px;
         padding: 16px;
         font-size: 28px;
     }

     .phone h4 {
         font-size: 32px;
     }

     .phone p {
         font-size: 19px;
         font-weight: 500;
     }

     .form-group label {
         font-size: 23px;
     }

     .form-email label {
         font-size: 23px;
     }

     .form-control {
         padding: 25px 15px !important;
     }

     .form-grope input[type="email"] {
         width: 100% !important;
     }

     .form-email input {
         padding: 25px !important;
     }

     .text-center button {
         width: 40%;
         font-size: 19px;
         padding: 15px;
     }

     .inner-column {
         width: 100%;
     }

     .submit {
         padding: 13px;
         margin-left: 0px;
         margin-top: 20px;
     }

     /* .footer-info h3 {
        padding-top: 80px;
    }  */
    .footer-info h3 {
        font-size: 24px;
        color: #fff;
        font-weight: 700;
    }
    .Mobile-Application {
        height: 78vh !important;
        background-size: cover;
    }
    .UX-development {
        height: 78vh !important;
        background-size: cover;
    }
    .dev-head {
        margin-bottom: 20px;
    }
     .aboutus p {
         font-size: 21px;
     }

     input[type="email"] {
         width: 60%;
         font-size: 19px;
     }

     .submit input {
         padding: 15px;
         font-size: 18px;
         border-radius: 14px;
     }

     ol,
     ul {
         padding-left: 0px;
         font-size: 20px;
     }

     .footer-content a {
         font-size: 20px;
     }

     .testimonial-head h3 {
         font-size: 28px;
     }

     .website h1 {
         margin-left: 0px;
     }

     .website h2 {
         margin-left: 0px;
     }

     .website p {
         margin-left: 0px;
     }

     .stretched-link h3 {
         font-size: 22px !important;
     }

     .details p {
         font-size: 19px;
     }

     .header-top {
         display: none;
     }

     .text p {
         font-size: 18px;
         padding-right: 0px;
     }

     .section-title h3 {
         font-size: 28px;
         line-height: 34px;
     }

     .choose-us-left {
         margin-top: 0px;
     }

     .title {
         font-size: 24px;
     }

     .dev-content h3 {
         font-size: 28px;
     }

     .dev-content p {
         font-size: 19px;
     }

     .website2 h1 {
         margin-left: 0px;
     }

     .website2 h2 {
         margin-left: 0px;
     }

     .website2 p {
         margin-left: 0px;
     }

     .dev-content1 h3 {
         font-size: 28px !important;
     }

     .dev-content1 p {
         font-size: 20px;
     }

     .dev-content2 h3 {
         font-size: 28px;
     }

     .dev-content2 p {
         font-size: 20px;
     }

     .certified span {
         font-size: 21px !important;
     }

     .footer-bottom p {
         font-size: 18px !important;
     }

     .footer-bottom strong {
         font-size: 18px !important;
     }

     .certified img {
         width: 60px !important;
     }
     span {
        font-size: 18px;
    }
    .arrow i {
        font-size: 26px;
    }
    .arrow-text i {
        font-size: 26px !important;
    }
    .arrow-arrow i {
        font-size: 26px;
    }
    .head-tittle h3 {
        font-size: 36px !important;
        font-weight: 600;
    } 
    .work-title p {
        text-align: center;
        font-size: 18px;
    }
    .work h2 {
        font-size: 36px;
    }
    .number {
        left: 179px;
    }
    .address h4 {
        font-size: 24px;
    }
    .address a {
        font-size: 17px;
    }
    .email h4 {
        font-size: 24px;
    }
    .email a {
        font-size: 17px;
    }
    .phone h4 {
        font-size: 24px;
    }
    .phone p{
        font-size: 17px;
    }
    .email i {
        width: 50px;
        height: 50px;
        padding: 14px;
        font-size: 22px;
    }
    .address i {
        width: 50px;
        height: 50px;
        padding: 14px;
        font-size: 22px;
    }
    .phone i {
        width: 50px;
        height: 50px;
        padding: 14px;
        font-size: 22px;
    }
    .form-email label {
    font-size: 19px;
    }
    .form-group label {
        font-size: 19px;
    }
    .logo-2 img {
        width: 60%;
        padding-top: 100px;
    }
    .footer-content {
        padding: 35px 53px 49px;
    }
    input[type="email"] {
        width: 100%;
        font-size: 19px;
    }
    .fa-sharp {
        width: 52px;
        height: 52px;
        font-size: 25px;
    }
    .aboutus p {
        font-size: 18px;
    }
    .footer-content a {
        font-size: 17px;
    }
    
    }
 

 @media only screen and (min-width:768px) and (max-width:991.98px) {
    .arrow-text {
        margin-top: 0px;
    }
    .navbar-collapse ul li {
        padding: 5px;
        font-size: 18px;
        font-weight: 600;
        border: 1px solid #eedede;
        text-align: center;
        background-color: #FFFFFF;
        box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
    }
    .nav-item:hover{
        background-color: #eb7627;
    }
    .dev-icon i {
        font-size: 28px;
        height: 70px;
        width: 71px;
        line-height: 73px;
    }
    .logo {
        width: 70% !important;
    }
    .logo img{
        margin-left: 0px;
    }
    .header-top{
        display: none;
    }
    .work-main {
        background-image: none;
    }
    .choose-us-left {
     margin-top: 0px; 
    }
    .work-img {
        text-align: center;
    }
    .dev-head{
        margin-bottom: 20px;
    }
    .footer-info h3 {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
    }
    .Mobile-Application {
        height: 85vh !important;
    }
    .graphic-designing {
        height: 85vh !important;
    }
    .UX-development {
        height: 85vh !important;
    }
    .dev-main {
        margin-bottom: 20px;
    }
    .number{
        left: 80px;
    }
    .work-title h4 {
       text-align: center;
    }
    .work-title p {
        text-align: center;
     }
     .logo-2 img {
        width: 30%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .inner-column h3 {
        font-size: 24px;
        padding: 25px;
    }
    .footer-content {
        padding: 30px 55px 49px;
        position: relative;
    }
    .graphic-designing {
        height: 85vh !important;
    }
    .Mobile-Application {
       height: 85vh !important;
   }
   .UX-development {
       height: 85vh !important;
   }
   .website-development {
       height: 85vh !important;
   }
   .website h1 {
    margin-left: 0px;
   }
   .website h2 {
    margin-left: 0px;
   }
   .website p {
    margin-left: 0px;
   }
   .website2 h1 {
    margin-left: 0px;
   }
   .website2 h2 {
    margin-left: 0px;
   }
   .website2 p {
    margin-left: 0px;
   }
   .section-title h3 {
    font-size: 21px;
    line-height: 37px;
}
.accordion-item .accordion-button::after {
    width: 30px;
    height: 30px;
    right: 10px;
}
.accordion-button {
    padding: 0px;
}
.text p {
    padding-right: 0px;
}
.choose-left {
    padding: 0px;
}
.choose-us-wrap {
    margin-top: 0px; 
    padding-top: 60px;
    padding-bottom: 60px;
}
 }

 @media only screen and (min-width:992px) and (max-width:1199.98px) {
    .header-top{
        display: none;
    }
    .navbar-collapse ul li {
        padding: 5px;
        font-size: 18px;
        font-weight: 600;
        border: 1px solid grey;
        text-align: center;
    }
    .nav-item:hover{
        background-color: #eb7627;
    }

    .arrow-arrow {
        margin-top: 0px;
    }
    .logo {
        width: 50% !important;
    }
    .logo img{
        margin-left: 0px;
    }
    .choose-us-wrap {
        margin-top: 0px;
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .section-title h3 {
        font-size: 28px;
        line-height: 35px;
    }
    .team-social i {
        margin-left: 0px !important;
    }
    .inner-column{
        width: 70%;
    }
    .dev-icon i {
        font-size: 28px;
        height: 70px;
        width: 71px;
        line-height: 73px;
    }
    button[type=submit] {
        padding: 13px 24px;
        width: 31%;
    }
    .team-content {
        padding: 10px 3px !important;
    }
    .choose-us-left {
        margin-top: 0px;
    }
    .Mobile-Application {
        height: 85vh !important;
    }
    .graphic-designing {
        height: 85vh !important;
    }
    .UX-development {
        height: 85vh !important;
    }
 .website-development {
     position: relative;
 }
 .dev-content h3 {
    font-size: 18px;
}
.footer-info h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}
.dev-head {
    padding: 28px 22px 32px;
}
.dev-content {
    padding: -3px 4px 20px !important;
}
.dev-content h3 {
    font-size: 18px;
}
.dev-content {
    padding: 20px -1px 20px !important;
}
.dev-head {
    padding: 28px 16px 32px !important;
}
.dev-main {
    padding: 18px 43px 4px !important;
}
.dev-head {
    padding: 28px 18px 32px !important;
}
.dev-head {
    padding: 28px 18px 32px !important;
}
 }

 .custom-shape-divider-bottom-1700822529 {
     position: absolute;
     bottom: -5px;
     left: 0;
     width: 100%;
     overflow: hidden;
     line-height: 0;
 }

 .custom-shape-divider-bottom-1700822529 svg {
     position: relative;
     display: block;
     width: calc(123% + 1.3px);
     height: 66px;
 }

 .custom-shape-divider-bottom-1700822529 .shape-fill {
     fill: #FFFFFF;
 }

 /* Team start */
 .Team {
     padding: 100px 0px;
 }

 .team-heading {
     text-align: center;
 }

 .team-heading p {
     margin-bottom: 30px;
     color: #f2a91d;
     font-size: 25px;
     font-weight: 700;
 }

 .team-image img {
     width: 100%;
 }

 .team-headings {
     display: flex;
 }

 .team-icon {
     width: 85px;
     height: 100px;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #f2a91d;
     flex-shrink: 0;
 }

 .team-social a:hover i {
     color: #01a2d3;
    border:  1px solid #01a2d3;
 }

 .fa-share {
     color: #fff !important;
     font-size: 35px;
 }

 .team-content {
     position: relative;
     overflow: hidden;
     background-color: #fff;
     justify-content: center;
     width: 100%;
     height: 100px;
     text-align: center;
     padding: 24px 3px;

 }

 .team-content h5 {
     margin-top: 0;
     margin-bottom: 0px;
     line-height: 1.2;
     color: black;
     font-size: 17px;
     font-weight: 600;
 }

 .team-content span {
     color: gray;
     font-size: 16px;
 }


 .team-social i {
     border: 1px solid #fff;
     background-color: #f2a91d;
     color: #fff;
     width: 35px;
     height: 35px;
     text-align: center;
     margin-left: 7px;
     line-height: 15px;
     border-radius: 97px;
     font-size: 18px;
 }

 .team-social {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: -100%;
     display: flex;
     align-items: center;
     /* background-color: #1453a1; */
     transition: .5s;
     background-color: #f2a91d;
 }

 .team-headings:hover .team-social {
     left: 0;
 }

 .head-tittle h5 {
     text-align: center;
     font-weight: 700;
     font-size: 24px;
     padding: 10px;
 }

 .head-tittle h5::after {
     content: "";
     width: 50px;
     height: 2px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 0 10px 15px;
 }

 .head-tittle h5::before {
     content: "";
     width: 50px;
     height: 2px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 15px 10px 0;
 }

 .head-tittle h3 {
     text-align: center;
     margin-bottom: 50px;
     font-size: 42px;
     font-weight: 600;
 }

 .Team {
     background-image: url(../image/19.jpg);
 }

 @media only screen and (min-width: 280px) and (max-width: 479.98px) {
     .logo img {
         width: 126px;
         margin-left: 0px;
         padding: 5px;
     }
 }

 /* ineer page servicesstart */

 .stretched-link p {
     font-size: 5px;
 }

 .stretched-link h3 {
     font-size: 25px;
 }

 .details {
     border: 1px solid white;
     padding: 50px 30px;
     margin: -100px 30px 0 30px;
     background: white;
     position: relative;
     background-color: #FFFFFF;
     text-align: justify;
     border-radius: 8px;
     box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
 }

 .a:hover {
     color: #01a2d3 !important;
 }

 .service-item h4 {
     color: #eb7627;
 }

 .icon {
     margin: 0;
     width: 72px;
     height: 72px;
     background: #01a2d3;
     border-radius: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
     color: white;
     font-size: 28px;
     position: absolute;
     top: -96px;
     left: calc(50% - 36px);
     border: 6px solid white;
 }

 .img {
     overflow: hidden;
     border-radius: 15px;
     width: 100%;
 }

 .img:hover img {
     transform: scale(1.09);
     transition: 0.6s;
 }

 .ineer-service {
     padding-top: 60px;
     padding-bottom: 60px;
 }

 .stretched-link h3 {
     font-size: 18px;
 }

 /* ineer page services end */
 /* portfolio start */
 .portfolio {
    padding: 95px 0px 30px 0px;
    background-color: aliceblue;
  }
  .port-header h1 {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    color: #145f7a;
}
.port-header p{
    font-size: 25px;
    font-weight: 700;
    color: #01a2d3;
}
.port-header{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.port-heading h2{
    text-align: center;
    font-size: 35px;
     font-weight: 700;
     padding: 20px;
}
 .port-heading h2::before {
     content: "";
     width: 50px;
     height: 3px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 15px 10px 0;
 }

 .port-heading h2::after {
     content: "";
     width: 50px;
     height: 3px;
     background: #f2a91d;
     display: inline-block;
     margin: 0 0 10px 15px;
 }
 .port-header h5::before {
    content: "";
    width: 50px;
    height: 3px;
    background: #f2a91d;
    display: inline-block;
    margin: 0 15px 10px 0;
}

.port-header h5::after {
    content: "";
    width: 50px;
    height: 3px;
    background: #f2a91d;
    display: inline-block;
    margin: 0 0 10px 15px;
}
 .portfolio .section-view a {
    color: #fff;
    background: #f2a91d;
    padding: 10px 20px;
    margin: 5px 0;
    font-size: 17px;
    font-weight: 800;
    display: inline-block;
    transition: 0.5s;
    border-radius: 3px;
    border: 1px solid #f2a91d;
}
.section-view i{
    font-size: 20px;
    font-weight: 700;
}
 .port-head {
     font-family: 'Quattrocento', Arial, sans-serif;
     position: relative;
     overflow: hidden;
     margin: 10px;
     min-width: 230px;
     max-width: 315px;
     width: 100%;
     color: #FFFFFF;
     text-align: left;
     line-height: 1.4em;
     font-size: 16px;
     border-radius: 15px;
     border: 1px solid white;
     box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
     ;
 }

 .port-head * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
 }

 .port-head img {
     max-width: 100%;
     vertical-align: top;
 }

 .port-head .portfolio-content {
     position: absolute;
     top: calc(100%);
     width: 100%;
     background-color: #b3b3b3 ;
     padding: 15px 25px 65px;
 }

 .port-head .portfolio-content:before {
     position: absolute;
     content: '';
     z-index: 1;
     bottom: 100%;
     left: 0;
     width: 100%;
     height: 80px;
     background: linear-gradient(0deg, #b3b3b3 0, transparent 100%);
 }

 .port-head h3,
 .port-head p {
     margin: 0 0 10px;
 }

 .port-head h3 {
     font-weight: 300;
     font-size: 1.4em;
     font-family: 'Oswald', Arial, sans-serif;
     /* text-transform: uppercase; */
 }

 .port-head p {
     font-size: 0.9em;
     letter-spacing: 1px;
     opacity: 0.9;
 }
.portfolio-content a{
    font-size: 16px !important;
    font-weight: 700;
    border: 1px solid #ffffff;
    text-align: center;
    border-radius: 60px;
    left: 0;
    transition: all ease-in-out 0.3s;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
     position: absolute; 
    width: 50%;
    padding: 12px 0px 0px 0px;
    height: 55%;
    background-color: #FFFFFF;
}
.port-head a {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 75px;
    right: 0;
    z-index: 2;
}
.portfolio #portfolio-main li {
    display: inline-block;
    padding: 8px 15px 10px 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #eb7627;
    margin-bottom: 5px;
    border-radius: 3px;
    margin: 0 20px;
    border: 1px solid #f2a91d;
}
.portfolio #portfolio-main li:hover, 
.portfolio #portfolio-main li.filter-active {
    color: #151515;
    background: #f2a91d;
}
 .port-head:hover .portfolio-content,
 .port-head.hover .portfolio-content {
     top: 150px;
 }

 .middle {
     height: 100%;
     display: flex;
     flex-direction: column !important;
     justify-content: center;
 }
 .portfolio-info {
     border: 1 px solid black;
 }

 /* footre buttom start */
 .copyright {
     text-align: center;
 }

 /* .portfolio .portfolio-info {
     left: 0;
     z-index: 3;
     transition: all ease-in-out 0.3s;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
     position: absolute;
     bottom: 0;
     width: 100%;
     background: linear-gradient(0deg, #b3b3b3 0, transparent 100%);
     padding: 40px 20px 20px 20px;
 } */

 .footer-bottom {
  padding: 15px 0PX;
  position: relative;
  background-color: #02a4d3;
  color: #fff;
}
.copyright a {
    color: rgb(255, 255, 255);
    padding: 5px;
  }
 .footer-bottom p {
     margin-bottom: 0;
     font-size: 13px;
     font-weight: 400;
 }

 #footer .credits {
     padding-top: 10px;
     text-align: center;
     font-size: 13px;
     color: #fff;
 }

 .certified img {
     width: 50px;
 }

 .certified span {
     font-size: 17px;
     font-weight: 700;
     color: #000;
     padding: 10px;
 }

 .copyright span {
     font-size: 14px;
     font-weight: 600;
     color: #f2a91d;
 }

 .certified img {
     width: 40px;
     height: auto;
 }

 .certified {
     text-align: center !important;
     padding: 10px 0 3px;
 }

 /* footre buttom end */
 .footer-modal {
     display: flex;
     justify-content: space-between;
 }

 .navbar-toggler i {
     font-size: 28px;
     color: #000;
 }

 .navbar-toggler i::before {
     font-weight: 900 !important;
 }

 .bj-team {
     margin: 20px 0;
 }
 .footer-class ul li{
    list-style: none;
    margin: 10px 0;
 }
 .dev-head {
    border: 1px solid black;
    position: relative;
    background-color: #fff;
    padding: 28px 24px 32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%;
    height: 100%;
}
.modal-dialog{
    max-width: 75%;
}
/* GET QUOTE START */
.custom-input input{
    background-color: #efefef;
    padding: 25px !important;
}
.custom-input option{
    background-color: #efefef;
}
#CmoonPopup .form-control {
    color: #333 !important;
}

.custom-input .form-control {
    padding-right: 40px !important;
}
.form-group select{
    background-color: #efefef;
    font-size: 14px !important;
    color: #000 !important;
}
.custom-input textarea{
    min-height: 112px !important;
    background-color: #efefef;
    font-size: 18px !important;
}
.modal-content{
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
}
.form-mesg {
    background: #e1f1d3;
    padding: 8px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #e1f1d3 !important;
}
/* GET QUOTE END */