#contact-1 {
  background-image: url('../img/contact-banner.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 50vh;
  position:relative;
}#contact-1::after {
  content: '';
  background: linear-gradient(300deg, #0C2A47 10%,#0C2A4700 100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}#contact-1 .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  z-index: 11;
} #contact-1 .wrap-contacy-inner h1 {
  font-family: PPAgrandir;
  color: #fff;
  font-size: 80px;
  line-height: 76.8px;
  letter-spacing: -2.4px;
} #contact-1 .wrap-contacy-inner p {
  text-align: center;
  color: #fff;
  font-size: 20px;
  opacity: .7;
} #contact-1 .navlist-ol {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
} #contact-1 .nav-list {
  padding: 8px 16px 5px 16px;
  background-color: #FFFFFF1A;
  border-radius: 8px 8px 8px 8px;
  max-width: 180px;
  margin: 0 auto;
} #contact-1 .navlist-ol-item a,.navlist-ol-item {
  color: #fff !important;
  opacity: .6;
} #contact-1 .navlist-ol-item.active {
  opacity: 1;
} #contact-1 .navlist-ol-item.new-slash::after {
  content: "/";
  margin-inline-start: 10px;
} #contact-1 .wrap-contacy-inner {
  max-width: 500px;
  margin: 0 auto;
}#about-3.three-box-address .fa-map-marker-alt::before {
  content: "\f3c5";
  font-style: normal;
  font-family: "Font Awesome 6 Pro";
  font-size: 22px; 
}#about-3.three-box-address .fa-map-marker-alt{
     color: #fff;
}#about-3.three-box-address  .three-box-wrpper:hover i {
  color: #ff7d44 !important;
}




#contact-2 {
  padding: 150px 0px;
}#contact-2 .container {
  max-width: 100%;
  width: 75%;
}#contact-2 .container .row {
  align-items: center;
}#contact-2 .wrap-fotm-contactus {
  padding: 70px 40px;
  border-radius: 20px;
  background-image: url(../img/bg-form.png);
  -webkit-mask-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
}#contact-2 .wrap-fotm-contactus h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 10px;
  margin-top: 0px;
  font-family: PPAgrandir;
}#contact-2 .input-class-v1 {
  width: 100%;
  background: #434A5A;
  border: none;
  padding: 12px 15px;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}#contact-2 .textarea-class {
  width: 100%;
  background: #434A5A;
  border: none;
  padding: 12px 15px;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  height: 150px;
}#contact-2 .input-class-btnn {
  width: 100%;
  height: 45px;
  transition: 500ms all ease;
  background: #ff7d44;
  border: 1px solid #ff7d44;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}#contact-2 .lavels {
  color: #FFF;
  font-family: Outfit;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  margin-bottom: 5px;
  display: block;
}#contact-2 .input-class-v1:focus-visible,.textarea-class:focus-visible {
  outline: 0;
}#contact-2 .input-class-btnn:hover {
  background: #fff;
  color: #222;
  border-color: #fff;
}#contact-2 .box-wrapper-info {
  transition: 300ms all ease;
  border-radius: 10px;
  border: 1px solid #ff7d44;
  background: #ffeae0;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 35px;
  margin-bottom: 15px;
}#contact-2 .info__content-icon {
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 60px;
  border-radius: 50px;
  margin-right: 12px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  border: 1px solid #ff7d44;
  background: #ff7d44;
}.fa-mobile-alt::before {
  content: "\f3cd"; 
}.fa-map-marker-alt::before {
  content: "\f3c5";
}.fa-envelope-open-text::before {
  content: "\f658";
}#contact-2 .info__content-icon i {
  font-style: normal;
  font-family: "Font Awesome 6 Pro";
}#contact-2 .info__content-txt a {
  font-size: 20px;
  font-weight: 500;
  color: #555;
}#contact-2 .title-left-cont h2 {
  color: #01323F;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: PPAgrandir;
  margin-bottom: 30px;
}#contact-2 .span-tetx-d1 {
    text-transform: uppercase;
  color: #ff7d44;
  font-weight: 600;
}#contact-2 .box-wrapper-info:hover {
  background: #ff7d44;
  color: #fff;
}#contact-2 .box-wrapper-info:hover a {
  color: #fff;
}#contact-2 .box-wrapper-info:hover .info__content-icon{
    background: #fff;
}#contact-2 .box-wrapper-info:hover i{
      color: #ff7d44;
}





 
#about-2 {
  padding: 150px 0px;
}#about-2 .container {
  max-width: 100%;
  width: 75%;
} #about-2 .row {
  display: flex;
  align-items: center;
}#about-2 .about-left-imagee {
  position: relative;
}#about-2 .iamge-verticly-full {
  border-radius: 15px;
  border: 9px solid #fff;
  box-shadow: 0 4px 100px rgba(178,178,178,.45);
}#about-2 .abouty-us-image2 {
  position: absolute;
  top: calc(51% + 1px);
  transform: translatey(-50%);
  right: 0;
}#about-2 .attachment-full {
  border-radius: 15px;
  border: 9px solid #fff;
  box-shadow: 0 4px 100px rgba(178,178,178,.45);
}#about-2 .abouty-us-image3 {
  position: absolute;
  bottom: -19px;
  right: 70px;
  width: 155px;
  height: 155px;
  background-color: #ff7d44;
  text-align: center;
}#about-2 .abouty-us-number {
  text-align: center;
  font-family: Outfit;
  font-size: 60px;
  font-weight: 600;
  line-height: 56px;
  margin-top: 23px;
  margin-bottom: 4px;
  color: #fff;
}#about-2 .abouty-us-title {
  text-align: center;
  font-family: Outfit;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
}#about-2 .abouty-us-image3::before {
  width: 44px;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: -43px;
  content: '';
  background-color: #ff7d44;
  clip-path: polygon(0 0,100% 100%,100% 0);
}#about-2 .animation-image {
  animation: anim-vw 12s ease-out infinite;
  -webkit-animation: anim-vw 12s ease-out infinite;
  position: absolute;
  right: 0;
}
@keyframes anim-vw{
    0% {
  transform: translateX(0);
}
25% {
  transform: translateX(-40px);
}
50% {
  transform: translateX(0);
}
75% {
  transform: translateX(40px);
}
100% {
  transform: translateX(0);
}
}#about-2 .wrap-fotm-about {
  padding: 0px 70px 0px 40px;
}#about-2 .span-tetx-d {
  display: inline-block;
  padding: 5px 14px;
  background: #ff7d44;
  color: #fff;
  border-radius: 50px;
}#about-2 .wrap-fotm-about h2 {
  color: #01323F;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: PPAgrandir;
}#about-2 .wrap-fotm-about p {
  color: #1b1b1b;
  font-size: 18px;
  line-height: 28px;
}#about-2 #ul-of-aboutus {
  list-style: none;
  width: 50%; 
}#about-2 .about-us-li span {
  font-weight: 700;
  color: #000;
  padding-left: 10px;
}#about-2 .about-us-li svg path {
  fill: #ff7d44;
}#about-2 .wrapper-ul-about {
  border-style: solid;
  border-width: 0px 0px 0px 6px;
  border-color: #FF7D44;
  box-shadow: 0px 30px 100px 0px rgba(164, 184.00000000000003, 195, 0.25);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 20px 30px 25px 30px;
  z-index: 2;
  display: flex;
}#about-2 #ul-of-aboutus li {
  margin-bottom: 10px;
}#about-2 #ul-of-aboutus li:last-child {
  margin-bottom: 0px;
}#about-2 .wrap-next-prt-btn {
  display: flex;
 align-items: center;
  gap: 30px;
  margin-top: 30px;
}#about-2 .btn-abt-contact {
  color: #FFFFFF;
  background-color: #01323F;
  font-family: "Inter", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
  border-radius: 10px 10px 10px 10px;
  padding: 0px 66px 0px 30px;
  display: block;
  position: relative;
  transition: .3s;
}#about-2 .btn-abt-contact:hover {
  background: #ff7d44;
}#about-2 .span-tct-contactt {
  color: #FFFFFF;
  font-family: "Inter", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}#about-2 .fa-check::before {
  content: "\f00c";
}#about-2 .far.fa-check {
    font-family: "Font Awesome 6 Pro";
  border-radius: 10px 10px 10px 10px;
  color: #ff7d44;
  font-size: 18px;
  top: 6px;
  right: 6px;
  width: 38px !important;
  height: 38px !important;
  background-color: #FFFFFF;
  position: absolute !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: normal;
}#about-2 .wrap-nest-inner {
  display: flex;
  column-gap: 16px;
}#about-2 .wrap-nest-icon {
  min-width: 58px;
  width: 58px;
  height: 58px;
}#about-2 .flaticon-phone-3::before {
  content: "\f123";
  font-family:"flaticon";
}#about-2 .flaticon.flaticon-phone-3 {
    font-style: normal;
  color: #ff7d44;
  font-size: 20px;
  height: 58px;
  line-height: 58px;
  width: 58px;
  min-width: 58px;
  background-color: #FFEAE6 !important;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
}#about-2 .wrap-nest-description {
  margin-top: 7px !important;
  color: #01323F;
  font-family: "Outfit", Sans-serif;
  font-size: 16px;
  font-weight: 600;
}#about-2 .wrap-nest-el-empty {
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 31px;
}#about-2 .wrap-nest-el-empty a{
    color: #505D7B !important;
}



#about-3 {
  padding: 100px 0px 150px;
}#about-3 .container {
  max-width: 100%;
  width: 75%;
}#about-3  .three-box-wrpper {
  text-align: left;
  padding: 30px;
  border-radius: 10px;
  background: #FFF1F2;
}#about-3 .icon {
  position: relative;
  -webkit-transform: inherit;
  transform: inherit;
  left: 0;
  top: 0;
  width: 80px;
  line-height: 80px;
  height: 80px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  margin-right: 16px;
  background: #ff7d44;
  border-radius: 50px;
  transition: .5s;
  text-align: center;
}#about-3 .three-box-wrpper h2 a {
  color: #020E28;
  font-size: 24px;
  font-weight: 700;
  font-family: Outfit;
  line-height: 1.1;
}#about-3 .three-box-wrpper h2 {
  line-height: 1.2;
}#about-3 .service__content {
  margin-top: 20px;
}#about-3 .three-box-wrpper:hover {
  background: #ff7d44;
  color: #fff;
}#about-3 .three-box-wrpper:hover a{
    color:#fff!important;
}#about-3 .three-box-wrpper:hover .icon{
    background:#fff!important;
}#about-3 .three-box-wrpper:hover path{
    fill:#ff7d44!important;
}




 #portfolio-2 {
  padding: 100px 0px;
}#portfolio-2 .container{
    max-width: 100%;
  width: 75%;
} #portfolio-2 .title-left-portfolio h2 {
  text-align: center;
  color: #01323F;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: PPAgrandir;
} #portfolio-2 .title-left-portfolio p{
    color: #1b1b1b;
  font-size: 18px;
  line-height: 28px;
   text-align: center;
}#portfolio-2  .weap-bf-portflio {
  background-image: url('../img/team/7.png');
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  max-width: 100%;
  width: 70%;
  margin: 0 auto;
  position:relative;
}#portfolio-2  .weap-bf-portflio::before {
  /*content: '';*/
  background: linear-gradient(to right, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.1)45%, rgba(0, 0, 0, 0.1)55%, rgba(0, 0, 0, 0.98));
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  position: absolute;
}#portfolio-2 .contact-info {
  background: #eaeaea;
  padding: 20px 0px;
  margin-top: 40px;
}#portfolio-2 .wrap-portfolio-bottom  img{
  margin: 0 auto;
  display: block;
  max-width: 100%;
  width: 220px;
}#portfolio-2 .row.bottom-eorow {
  margin-top: 100px;
}#portfolio-2 .p-tag-tilaic {
  position: relative;
  padding-left: 30px;
}#portfolio-2 .p-tag-tilaic::before {
  content: "\f058";
  background: transparent;
  font-family: "Font Awesome 6 Pro";
  top: 0;
  color: #ff7d44;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50px;
  margin-left: -30px;
} #portfolio-ba {
  padding-bottom: 100px;
}#portfolio-ba .class-icons {
  width: 100%;
}#portfolio-ba  .row.row-bnttnts{
    align-items: center;
    justify-content: center;
    gap: 20px;
}#portfolio-ba .wrap-portfolio-bottom.title-left-portfolio h2 {
  text-align: center;
  color: #01323F;
  font-size: 36px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: PPAgrandir;
}#portfolio-ba .row.row-bnttnts .col-md-2 {
  /*flex: 0 0 20%;*/
  /*max-width: 20%;*/
}





#contact-2.team-memberss .team__top {
      position: relative;
    }#contact-2.team-memberss .team_img {
      mask-repeat: no-repeat;
      mask-image: url(../img/team-mask.png);
      -webkit-mask-position-y: top;
      -webkit-mask-position-x: right;
      border-radius: 15px;
      -webkit-mask-size: 100%;
      mask-size: 100%;
    }#contact-2.team-memberss .team_img img {
      height: 440px;
      -o-object-fit: cover;
      object-fit: cover;
      transition: .3s;
    }.wrapping-team:hover img {
      scale: 1.1;
    }#contact-2.team-memberss .team_content {
      border-radius: 10px;
      background: #FFF;
      text-align: center;
      position: absolute;
      bottom: -55px;
      padding: 20px 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 75%;
    }#contact-2.team-memberss .team_content h3 a{
      font-size: 22px;
      line-height:34px;
      font-weight:700;
      font-family:Outfit;
      margin-bottom: 2px;
      color:#1b1b1b;
    }#contact-2.team-memberss .owsdf .team_content {
    bottom: 30px !important;
    }#contact-2.team-memberss .team_content span {
      font-size: 14px;
      color: #848484;
    }#contact-2.team-memberss .team_content h3 {
      margin-bottom: 0px;
    }#contact-2.team-memberss .wrapping-team {
      position: relative;
    }#contact-2.team-memberss .team_overlay {
      position: absolute;
      top: 12px;
      right: 20px;
    }#contact-2.team-memberss .team_overlay .tm_hover {
      background:#ff7d44;
      width: 70px;
      height: 70px;
      text-align: center;
      color: #fff;
      line-height: 70px;
      border-radius: 50px;
      font-size: 24px;
      display: inline-block;
      cursor: pointer;
    }#contact-2.team-memberss .fa-share-alt::before {
      content: "\f232";
      font-family: "Font Awesome 6 Pro";
      color: #fff;
      font-style: normal;
      font-size: 24px;
    }#contact-2.team-memberss .title-rightts-cont p {
      text-align: right;
    }



#about-5 {
  padding: 100px 0px 0px;
}#about-5 .container {
  max-width: 100%;
  width: 75%;
}#about-5 .wrap-about5-imagee {
  text-align: center;
} #about-5 .wrap-about5-imagee p {
  color: #1b1b1b;
  font-size: 18px;
  line-height: 28px;
}#about-5 .wrap-about5-imagee h2 {
  color: #01323F;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: PPAgrandir;
}#about-5 .wrap-about5-imagee .span-tetx-d {
  display: inline-block;
  padding: 5px 14px;
  background: #ff7d44;
  color: #fff;
  border-radius: 50px;
}
@media only screen and (max-device-width: 540px) and (orientation: portrait),
screen and (max-device-height: 540px) and (orientation: landscape),
screen and (max-width: 540px) and (orientation: portrait),
screen and (max-height: 540px) and (orientation: landscape) {
 #contact-2 {
  padding: 80px 0px 100px!important;
} #contact-2 .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}#contact-2 .wrap-fotm-contactus {
  padding: 40px 10px!important;
}#contact-2 .wrap-fotm-contactus h2 {
  padding: 0px 15px !important;
  font-size: 32px!important;
}#contact-2 .title-left-cont h2 { 
  font-size: 36px!important;
  line-height: 40px!important;
}#contact-2 .box-wrapper-info { 
  padding: 20px 15px!important; 
}#about-2 .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}#about-2 .wrap-fotm-about {
  padding: 50px 0px 0px;
}#about-2 .wrap-fotm-about h2 {
  font-size: 36px;
  line-height: 40px;
}#about-2 #ul-of-aboutus { 
  width: 100%!important;
}#about-2 .wrapper-ul-about {
  display: block;
}#about-2 .wrap-next-prt-btn {
  display: inline-block!important;
  margin-top: 30px!important;
}#about-2 .wrap-nest-rt {
  margin-bottom: 20px;
}#about-3 .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}#about-3 .col-md-4 {
  margin-bottom: 15px;
}#about-3 {
  padding: 0px 0px 100px!important;
}#about-2 .iamge-verticly-full { 
  width: 100%!important;
}#about-2 .wrap-about-imagee {
  position: relative;
}#about-2 {
  padding: 100px 0px 150px!important;
}#services-2 .container { 
  width: 100%!important;
  padding: 0;
}#services-2 .services-heading h2 { 
  font-size: 36px!important; 
  line-height: 40px!important;
}#services-2 .row.row-sevcies .col-md-4 {
  margin-bottom: 30px;
}#services-2 {
  padding: 100px 0px!important;
}#services-5 .container {
  max-width: 100%;
  width: 100%!important;
  padding: 0;
}#services-5 h2 { 
  font-size: 36px!important;
  line-height: 40px!important;
}#services-5 .accordion-button {
  border-radius: 0px!important;
  padding: 18px 15px 18px 15px!important;
}#services-5 {
  padding: 0px 0px 100px!important;
}#services-4 .right-col-tabbs1 {
  margin-left: 0px!important;
  margin-right: 0px!important;
}#services-4 .information-box-wrapper { 
  padding: 15px 15px!important; 
}#services-4 .wrapper-ifnofo-of-why {
  display: block!important;
}#services-4 .tablinks {
  background: #020e28!important;
}#services-4 .tablinks.active {
  background:#ff7d44!important;
}#services-3, #services-4 {
  overflow: hidden;
}#portfolio-2 .container {
  max-width: 100%;
  width: 100%!important;
  padding: 0!important;
}#portfolio-2 .title-left-portfolio h2 {
  font-size: 30px;
  line-height: 36px;
  text-align: left;
}#portfolio-2 .title-left-portfolio p { 
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}#portfolio-2 .contact-info {
  padding: 20px 15px;
}#portfolio-2 .weap-bf-portflio {
  width: 100% !important;
  height: 300px;
}#contact-2.team-memberss .col-md-4.md-colums-team {
  margin-bottom: 100px;
}.team-memberss#contact-2 .title-rightts-cont p {
  text-align: left!important;
}#contact-2 .title-left-cont h2 br {
  display: none;
}#contact-2 .title-left-cont h2{ 
  margin-bottom: 10px !important;
}#contact-2.team-memberss.padding-contacts {
  padding-top: 0px !important;
}#contact-2.team-memberss .col-md-3.md-colums-team {
    margin-bottom: 100px;
  }#contact-2.team-memberss .owsdf .team_content {
  bottom: -20px !important;
}#about-5 .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}#about-5 .wrap-about5-imagee {
  text-align: left!important;
}#about-5 {
  padding: 100px 0px  0px!important;
}#portfolio-ba .col-lg-12 {
  padding: 0;
}#portfolio-ba .wrap-portfolio-bottom.title-left-portfolio h2 {
  text-align: left;
  line-height: 1.1;
}#portfolio-ba .row.row-bnttnts .col-md-2 {
  flex: 0 0 45%!important;
  max-width: 45%!important;
  text-align: left;
}#portfolio-ba .row.row-bnttnts {
  align-items: center;
  justify-content: left!important; 
}
}



@media screen and (min-width: 1024px) and (max-width: 1500px){
    #about-2 .container {
  max-width: 100%;
  width: 90%!important;
}#about-2 .wrap-fotm-about {
  padding: 0px 0px 0px 40px!important;
}#about-3 .container { 
  width: 95%!important;
}#about-3 .three-box-wrpper h2 a { 
  font-size: 22px!important;
}#services-5 .container {
  max-width: 100%;
  width: 95%!important;
}#services-4 .right-col-tabbs1 {
  margin-left: -50px!important;
  margin-right: 0px!important;
}#services-4 .container {
  max-width: 1020px!important;
  width: 100%;
}#services-2 .container {
  max-width: 100%;
  width: 95%!important;
}#contact-2 .container {
  max-width: 100%;
  width: 95%!important;
}
}