:root {
    /**
      @font family declaration
      */
    --tp-ff-body: "Noto Serif", serif;
    --tp-ff-heading: "Noto Serif", serif;
    --tp-ff-p: "Noto Serif", serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    /**
      @color declaration
      */
    --tp-common-white: #fff;
    --tp-common-black: #181818;
    --tp-common-black-2: #505050;
    --tp-grey-1: rgba(86, 139, 7, 0.08);
    --tp-text-body: #505050;
    --tp-theme-1: #003569;
    --tp-theme-2: #e9e9e9;
  }
  
  .Elta-color {
    color: #7996cb;
  }
  
  p {
    font-family: var(--tp-ff-p);
    color: var(--tp-text-body);
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .tp-contact-style-3 .tp-contact-input-box textarea {
    border: 1px solid rgba(24, 24, 24, 0.1);
    height: 220px;
  }
  .tp-btn-theme {
      height: 60px;
      line-height: 60px;
      padding: 0 15px;
      overflow: hidden;
      display: inline-block;
      font-weight: 700;
      font-size: 15px;
      text-transform: none;
      position: relative;
      z-index: 1;
      border-radius: 6px;
      transition: all 0.3s ease-in-out;
      color: white;
      background-color: var(--tp-theme-1);
      margin-top: 10px;
    }
    .tp-btn-yellow {
      height: 60px;
      line-height: 58px;
      padding: 0 41px;
      overflow: hidden;
      display: inline-block;
      font-weight: 700;
      font-size: 15px;
      text-transform: capitalize;
      position: relative;
      z-index: 1;
      border-radius: 6px;
      transition: all 0.3s ease-in-out;
      color: black;
      background-color: white;
    }
    .tp-section-title {
      font-weight: 400;
      line-height: 1.4;
      font-size: 15px;
    }
    .wordBreak {
      hyphens: auto;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
    }
    .tp-footer-widget-list ul {
      line-height: 20px;
    }
    .tp-footer-widget-title {
      font-weight: 600;
      font-size: 24px;
      margin-top: 2px;
      position: relative;
      margin-bottom: 41px;
      color: var(--tp-common-white);
    }
    .tp-footer-widget-list > ul > li > a {
      position: relative;
      padding-left: 16px;
      margin-left: -16px;
      transition: 0.3s;
      color: var(--tp-common-white);
      font-size: 14px;
    }
  
  
  
    .tp-contact-style-3 .tp-contact-input-box input {
      border: 1px solid rgba(24, 24, 24, 0.1);
    }
  
    .tp-slider-overley::after {
      position: absolute;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: rgb(0 0 0 / 50%);
    }
    .tp-slider-bg {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-position: center;
      -webkit-transform: scale(1.35);
      transform: scale(1.35);
      -webkit-transition: opacity 2500ms ease-in, -webkit-transform 8000ms ease;
      transition: opacity 2500ms ease-in, -webkit-transform 8000ms ease;
      transition: transform 8000ms ease, opacity 2500ms ease-in;
      transition: transform 8000ms ease, opacity 2500ms ease-in,
        -webkit-transform 8000ms ease;
    }
  
    .tp-slider-title {
      font-size: 30px;
      line-height: 1.3;
      margin-bottom: 45px;
      font-weight: 700;
      color: var(--tp-common-white);
      padding: 8px;
      text-align: center;
    }
    .text-anim {
      background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
      background-size: 0% 1px, 0 1px;
      background-position: 100% 100%, 0 96%;
      background-repeat: no-repeat;
      transition: background-size 0.4s linear;
      display: inline;
      font-size: 12px;
    }
    .text-anim-2 {
      background-image: linear-gradient(#181818, #181818),
        linear-gradient(#181818, #181818);
      background-size: 0% 1px, 0 1px;
      background-position: 100% 100%, 0 96%;
      background-repeat: no-repeat;
      transition: background-size 0.4s linear;
      display: inline;
      font-size: 20px;
      font-weight: bold;
      color: black;
    }
    .tp-service-thumb img {
      transition: 1.3s all ease;
      border-radius: 12px 12px 0 0;
    }
    .tp-service-3-item {
      padding: 1px;
      border-radius: 6px;
      background-color: var(--tp-common-white);
      border: 1px solid rgba(24, 24, 24, 0.1);
      position: relative;
      z-index: 1;
      overflow: hidden;
      height: 565px;
    }
    .tp-service-3-inner-style .tp-service-3-item {
      border: none;
      box-shadow: 5px 15px 45px 0 rgba(35, 34, 39, 0.08);
      height: 580px;
    }
    .comp-color {
        color: #4296ca;
      }

    
/*----------------------------------------*/
/*  7.6 choose css start
/*----------------------------------------*/
.tp-choose-ptb {
    padding-top: 0px;
    padding-bottom: 120px;
  }

  .tp-choose-title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 13px;
  }
  .tp-project-ptb {
    padding-bottom:140px;
  }


  @media (min-width: 992px) {
    .tp-contact-3-left {
      margin-bottom: 315px;
    }
  }
  @media (max-width: 992px) {
    .anim-text {
      padding-left: 7px;
    }
  
    .tp-header-top-right ul li {
      padding-left: 19px;
      position: relative;
      list-style-type: none;
      display: inline-block;
    }
  }
  @media only screen and (min-width: 1600px) and (max-width: 1700px) {
      .tp-slider-title {
        font-size: 65px;
      }
    }
    @media only screen and (min-width: 1400px) and (max-width: 1599px) {
      .tp-slider-title {
        font-size: 53px;
      }
    }
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
      .tp-slider-title {
        font-size: 50px;
      }
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .tp-slider-title {
        font-size: 58px;
        margin-bottom: 30px;
      }
      .tp-slider-title br {
        display: none;
      }
    }
    @media (max-width: 767px) {
        .tp-sv-details-list-box.sv-list-2 {
          margin-left: 0;
        }
        .tp-service-3-inner-style .tp-service-3-item {
          height: auto;
        }
        .pt-120{
          padding-top: 50px;
        }
        .pb-150{
          padding-bottom: 50px;
        }
        .tp-project-ptb {
          padding-top: 0px;
          padding-bottom:10px;
        }
        .pt-95 {
          padding-top:50px
        }
        .tp-about-thumb-sm{
          display: none;
        }
        .tp-about-left{
          margin-bottom: 0;
        }
        .tp-service-3-item{
          height: auto;
        }
      }