/* =========================================================

        Header STYLE 

============================================================ */

.header-section {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99; }

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

    .header-section {

      position: relative; } }

  .header-section .top-bar {

    min-height: 60px;

    line-height: 60px;

    background-color: #092a48; }

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

      .header-section .top-bar {

        min-height: 50px;

        line-height: 50px; } }

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

      .header-section .top-bar {

        text-align: center;

        min-height: auto;

        line-height: 35px;

        padding: 5px 0; } }

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

      .header-section .top-bar {

        padding: 10px 0; } }

    .header-section .top-bar .header-left-bar .contact-wrapper {

      display: inline-block; }

      .header-section .top-bar .header-left-bar .contact-wrapper li {

        font-size: 14px;

        display: inline-block;

        color: #9daab8;

        margin-right: 30px; }

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

          .header-section .top-bar .header-left-bar .contact-wrapper li {

            font-size: 15px; } }

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

          .header-section .top-bar .header-left-bar .contact-wrapper li {

            display: block;

            margin: 0;

            line-height: 30px; } }

        .header-section .top-bar .header-left-bar .contact-wrapper li:last-child {

          margin-right: 0; }

        .header-section .top-bar .header-left-bar .contact-wrapper li i {

          font-size: 20px;

          color: #48c7ec;

          vertical-align: middle;

          margin-right: 5px; }

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

      .header-section .top-bar .header-right-bar {

        text-align: center; } }

    .header-section .top-bar .header-right-bar .language {

      position: relative;

      display: inline-block;

      margin-right: 15px;

      z-index: 9; }

      .header-section .top-bar .header-right-bar .language .dropbar {

        color: #48c7ec;

        text-transform: uppercase;

        text-align: center; }

        .header-section .top-bar .header-right-bar .language .dropbar i {

          font-size: 20px;

          margin-right: 10px;

          vertical-align: middle; }

        .header-section .top-bar .header-right-bar .language .dropbar.closed .title::after {

          -webkit-transform: rotate(0deg);

          -moz-transform: rotate(0deg);

          -ms-transform: rotate(0deg);

          -o-transform: rotate(0deg);

          transform: rotate(0deg); }

        .header-section .top-bar .header-right-bar .language .dropbar.closed .dropbar-menu {

          margin-top: 0px; }

          .header-section .top-bar .header-right-bar .language .dropbar.closed .dropbar-menu li {

            height: 0px; }

        .header-section .top-bar .header-right-bar .language .dropbar .title {

          cursor: pointer;

          display: inline-block; }

          .header-section .top-bar .header-right-bar .language .dropbar .title::after {

            content: "\f107";

            font-family: "Font Awesome 5 Pro";

            position: absolute;

            right: 0;

            -webkit-transform: rotate(180deg);

            -moz-transform: rotate(180deg);

            -ms-transform: rotate(180deg);

            -o-transform: rotate(180deg);

            transform: rotate(180deg); }

          .header-section .top-bar .header-right-bar .language .dropbar .title img {

            margin-right: 8px; }

        .header-section .top-bar .header-right-bar .language .dropbar .dropbar-menu {

          position: relative;

          overflow: hidden;

          max-height: 200px;

          width: 130px;

          text-align: center;

          -webkit-transition: all 0.2s;

          -moz-transition: all 0.2s;

          transition: all 0.2s;

          -webkit-box-sizing: "border-box";

          -moz-box-sizing: "border-box";

          box-sizing: "border-box"; }

          .header-section .top-bar .header-right-bar .language .dropbar .dropbar-menu ul {

            position: absolute;

            top: 0;

            width: 100%;

            border: 1px solid #085370; }

            .header-section .top-bar .header-right-bar .language .dropbar .dropbar-menu ul li {

              width: 100%;

              height: 40px;

              line-height: 40px;

              border-bottom: 1px solid #085370;

              padding: 0 12px;

              vertical-align: top;

              overflow: hidden;

              cursor: pointer;

              -webkit-transition: margin-top 0.5s, height 0.5s;

              -moz-transition: margin-top 0.5s, height 0.5s;

              transition: margin-top 0.5s, height 0.5s; }

              .header-section .top-bar .header-right-bar .language .dropbar .dropbar-menu ul li:hover {

                background-color: #D9E1E4;

                color: #343C3F; }

              .header-section .top-bar .header-right-bar .language .dropbar .dropbar-menu ul li:last-child {

                border: 0; }

              .header-section .top-bar .header-right-bar .language .dropbar .dropbar-menu ul li img {

                margin-right: 8px; }

    .header-section .top-bar .header-right-bar .social-icon li {

      display: inline-block;

      margin-right: 15px; }

      .header-section .top-bar .header-right-bar .social-icon li:last-child {

        margin-right: 0; }

      .header-section .top-bar .header-right-bar .social-icon li i {

        font-size: 16px;

        color: #9daab8;

        -webkit-transition: 0.5s;

        -khtml-transition: 0.5s;

        -moz-transition: 0.5s;

        -ms-transition: 0.5s;

        -o-transition: 0.5s;

        transition: 0.5s; }

        .header-section .top-bar .header-right-bar .social-icon li i:hover {

          color: #48c7ec; }

    .header-section .top-bar .contact-bar {

      display: flex; }

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

        .header-section .top-bar .contact-bar {

          display: block; } }

      .header-section .top-bar .contact-bar li {

        flex: 1; }

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

          .header-section .top-bar .contact-bar li {

            float: left;

            width: 50%;

            margin: 12px 0; } }

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

          .header-section .top-bar .contact-bar li {

            width: 100%;

            margin: 5px 0; } }

        .header-section .top-bar .contact-bar li .caption {

          width: 50px;

          height: 50px;

          line-height: 50px;

          background: #48c7ec;

          border-radius: 50%;

          float: left;

          text-align: center;

          margin-right: 12px; }

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

            .header-section .top-bar .contact-bar li .caption {

              width: 40px;

              height: 40px;

              line-height: 40px; }

              .header-section .top-bar .contact-bar li .caption img {

                width: 15px; } }

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

            .header-section .top-bar .contact-bar li .caption {

              width: 30px;

              height: 30px;

              line-height: 30px; }

              .header-section .top-bar .contact-bar li .caption img {

                width: 10px; } }

        .header-section .top-bar .contact-bar li h4 {

          font-size: 20px;

          font-weight: 500;

          color: #fcfeff;

          margin: 0; }

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

            .header-section .top-bar .contact-bar li h4 {

              font-size: 18px; } }

        .header-section .top-bar .contact-bar li .time {

          font-size: 14px;

          color: #9a9a9a; }

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

            .header-section .top-bar .contact-bar li .time {

              font-size: 12px; } }

  .header-section .middle-wrapper {

    background: #FFFFFF;

    padding: 25px 0; }

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

      .header-section .middle-wrapper {

        padding: 15px 0 7px; } }

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

      .header-section .middle-wrapper {

        margin: 0 -15px;

        padding: 15px 15px; } }

    .header-section .middle-wrapper .header-left-bar .navbar-brand {

      margin: 0 0 0 30px;

      padding: 0; }

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

        .header-section .middle-wrapper .header-left-bar .navbar-brand {

          margin: 4px 0 0 15px;

          height: auto; } }

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

        .header-section .middle-wrapper .header-left-bar .navbar-brand {

          float: none !important;

          display: block;

          margin: 0 0 20px; } }

      .header-section .middle-wrapper .header-left-bar .navbar-brand img {

        max-width: 100%; }

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

          .header-section .middle-wrapper .header-left-bar .navbar-brand img {

            margin: 0 auto;

            width: 200px; } }

    .header-section .middle-wrapper .header-right-bar .finding-section {

      display: flex; }

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

        .header-section .middle-wrapper .header-right-bar .finding-section {

          display: block; } }

      .header-section .middle-wrapper .header-right-bar .finding-section li {

        flex: 1; }

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

          .header-section .middle-wrapper .header-right-bar .finding-section li {

            margin-bottom: 20px; } }

        .header-section .middle-wrapper .header-right-bar .finding-section li:last-child {

          margin-bottom: 0; }

        .header-section .middle-wrapper .header-right-bar .finding-section li i {

          font-size: 20px;

          width: 42px;

          height: 42px;

          line-height: 42px;

          color: #FFFFFF;

          background: #48c7ec;

          border-radius: 50%;

          text-align: center;

          float: left;

          box-shadow: 0 0 10px 0 #48c7ec;

          margin: 3px 15px 0 0; }

          @media (min-width: 768px) and (max-width: 991px) {

            .header-section .middle-wrapper .header-right-bar .finding-section li i {

              width: 30px;

              height: 30px;

              line-height: 30px;

              margin: 3px 10px 0 0; } }

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

            .header-section .middle-wrapper .header-right-bar .finding-section li i {

              font-size: 16px;

              width: 30px;

              height: 30px;

              line-height: 30px;

              margin: 3px 10px 0 0; } }

        .header-section .middle-wrapper .header-right-bar .finding-section li h5 {

          font-size: 18px;

          font-weight: 500;

          color: #031633;

          margin-bottom: 3px; }

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

            .header-section .middle-wrapper .header-right-bar .finding-section li h5 {

              font-size: 16px;

              margin-bottom: 0; } }

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

            .header-section .middle-wrapper .header-right-bar .finding-section li h5 {

              font-size: 15px;

              margin-bottom: 0; } }

        .header-section .middle-wrapper .header-right-bar .finding-section li .location {

          font-size: 14px;

          color: #666666; }

          @media (min-width: 768px) and (max-width: 991px) {

            .header-section .middle-wrapper .header-right-bar .finding-section li .location {

              word-break: break-all; } }

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

            .header-section .middle-wrapper .header-right-bar .finding-section li .location {

              font-size: 12px; } }

  .header-section .navbar {

    border: 0;

    border-radius: 0;

    margin: 0;

    min-height: auto;

    background-color: #48c7ec;

    z-index: 998; }

    .header-section .navbar .navbar-header {

      position: relative;

      z-index: 5; }

      .header-section .navbar .navbar-header .navbar-brand {

        padding: 0;

        margin: 0; }

        .header-section .navbar .navbar-header .navbar-brand img {

          padding: 35px 0;

          -webkit-transition: 0.5s;

          -khtml-transition: 0.5s;

          -moz-transition: 0.5s;

          -ms-transition: 0.5s;

          -o-transition: 0.5s;

          transition: 0.5s; }

    .header-section .navbar.sticky {

      position: fixed;

      top: 0;

      left: 0;

      right: 0;

      box-shadow: 0 0 20px 0px rgba(64, 64, 64, 0.16);

      padding: 0;

      z-index: 998; }

      @media (min-width: 768px) and (max-width: 991px) {

        .header-section .navbar.sticky {

          margin-top: -88px; } }

      .header-section .navbar.sticky .navbar-header .navbar-brand img {

        padding: 20px 0; }

      .header-section .navbar.sticky .navbar-collapse {

        width: 1140px;

        margin: 0 auto; }

        @media (min-width: 992px) and (max-width: 1199px) {

          .header-section .navbar.sticky .navbar-collapse {

            width: auto; } }

        .header-section .navbar.sticky .navbar-collapse .navbar-nav li:hover .dropdown {

          z-index: 9; }

        .header-section .navbar.sticky .navbar-collapse .navbar-nav li .dropdown {

          z-index: -1; }

        .header-section .navbar.sticky .navbar-collapse .navbar-nav li .cart::before {

          top: 12px;

          font-size: 10px; }

        .header-section .navbar.sticky .navbar-collapse .navbar-nav li .text {

          top: 10px; }

    .header-section .navbar .navbar-collapse {

      padding: 0; }

      .header-section .navbar .navbar-collapse .navbar-nav {

        margin: 0 30px; }

        .header-section .navbar .navbar-collapse .navbar-nav li {

          position: relative;

          font-size: 14px;

          font-weight: 500;

          text-transform: uppercase;

          margin-right: 28px; }

          @media (min-width: 992px) and (max-width: 1199px) {

            .header-section .navbar .navbar-collapse .navbar-nav li {

              margin-right: 25px; } }

          .header-section .navbar .navbar-collapse .navbar-nav li:last-child {

            margin-right: 0; }

          .header-section .navbar .navbar-collapse .navbar-nav li img {

            margin-right: 8px; }

          .header-section .navbar .navbar-collapse .navbar-nav li a, .header-section .navbar .navbar-collapse .navbar-nav li .search-view, .header-section .navbar .navbar-collapse .navbar-nav li .cart-icon {

            color: #FFFFFF;

            padding: 0;

            line-height: 55px;

            -webkit-transition: 0.5s;

            -khtml-transition: 0.5s;

            -moz-transition: 0.5s;

            -ms-transition: 0.5s;

            -o-transition: 0.5s;

            transition: 0.5s; }

            .header-section .navbar .navbar-collapse .navbar-nav li a:hover, .header-section .navbar .navbar-collapse .navbar-nav li .search-view:hover, .header-section .navbar .navbar-collapse .navbar-nav li .cart-icon:hover {

              color: #313131;

              background-color: transparent; }

          .header-section .navbar .navbar-collapse .navbar-nav li .cart-icon i {

            color: #222222; }

            .header-section .navbar .navbar-collapse .navbar-nav li .cart-icon i:hover {

              color: #48c7ec; }

          .header-section .navbar .navbar-collapse .navbar-nav li .search-view {

            cursor: pointer; }

          .header-section .navbar .navbar-collapse .navbar-nav li.active a {

            color: #313131;

            background-color: transparent; }

          .header-section .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu {

            top: 55px;

            visibility: visible;

            opacity: 1;

            z-index: 1;

            transform: translateY(0%);

            transition-delay: 0s, 0s, 0.3s; }

          .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu {

            top: 55px;

            left: -25px;

            min-width: 200px;

            background-color: #FFFFFF;

            padding: 10px 0;

            display: block;

            visibility: hidden;

            opacity: 0;

            border: 0;

            transform: translateY(-2em);

            z-index: -1;

            transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }

            .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li {

              position: relative;

              font-size: 14px;

              font-weight: 500;

              border-bottom: 1px solid rgba(97, 109, 126, 0.12);

              margin: 0 25px;

              padding: 0 5px;

              -webkit-transition: 0.5s;

              -khtml-transition: 0.5s;

              -moz-transition: 0.5s;

              -ms-transition: 0.5s;

              -o-transition: 0.5s;

              transition: 0.5s; }

              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li.active a {

                color: #48c7ec !important; }

              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:hover {

                border-bottom: 1px solid transparent; }

                .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:hover::before {

                  width: 100%; }

              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li::before {

                content: "";

                position: absolute;

                width: 0;

                height: 1px;

                left: 0;

                bottom: 0;

                background: #48c7ec;

                -webkit-transition: 0.5s;

                -khtml-transition: 0.5s;

                -moz-transition: 0.5s;

                -ms-transition: 0.5s;

                -o-transition: 0.5s;

                transition: 0.5s; }

              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:last-child {

                border-bottom: 0; }

                .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:last-child::before {

                  display: none; }

              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a {

                color: #616d7e !important;

                line-height: 45px;

                font-weight: 500; }

                .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:hover {

                  color: #48c7ec !important; }

              .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:hover .sub-dropdown {

                opacity: 1;

                right: -136%; }

            .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu .sub-dropdown {

              position: absolute;

              top: 0;

              right: -120%;

              width: 180px;

              background-color: #FFFFFF;

              opacity: 0;

              padding: 10px 0;

              -webkit-transition: 0.5s;

              -khtml-transition: 0.5s;

              -moz-transition: 0.5s;

              -ms-transition: 0.5s;

              -o-transition: 0.5s;

              transition: 0.5s; }

          .header-section .navbar .navbar-collapse .navbar-nav li #search-bar {

            background: rgba(9, 42, 72, 0.98);

            position: fixed;

            width: 100%;

            height: 100%;

            top: 0;

            left: 0;

            right: 0;

            visibility: hidden;

            opacity: 0;

            z-index: 99;

            -webkit-transition: 0.5s;

            -khtml-transition: 0.5s;

            -moz-transition: 0.5s;

            -ms-transition: 0.5s;

            -o-transition: 0.5s;

            transition: 0.5s; }

            .header-section .navbar .navbar-collapse .navbar-nav li #search-bar.active {

              visibility: visible;

              opacity: 1; }

              .header-section .navbar .navbar-collapse .navbar-nav li #search-bar.active .form-bar .form-group {

                -webkit-transform: scale(1);

                -moz-transform: scale(1);

                -ms-transform: scale(1);

                -o-transform: scale(1);

                transform: scale(1); }

            .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .close-bar {

              width: 100%;

              height: 100%;

              text-align: right;

              padding-right: 60px;

              padding-top: 20px; }

              .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .close-bar i {

                color: #FFFFFF;

                font-size: 22px; }

            .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar {

              position: relative;

              width: 50%;

              top: 50%;

              margin: -50px auto; }

              .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar .form-group {

                margin: 0;

                -webkit-transition: 0.5s;

                -khtml-transition: 0.5s;

                -moz-transition: 0.5s;

                -ms-transition: 0.5s;

                -o-transition: 0.5s;

                transition: 0.5s;

                -webkit-transform: scale(0.5);

                -moz-transform: scale(0.5);

                -ms-transform: scale(0.5);

                -o-transform: scale(0.5);

                transform: scale(0.5); }

                .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar .form-group .form-control {

                  font-size: 32px;

                  color: #FFFFFF;

                  background-color: transparent;

                  border: 0;

                  border-bottom: 3px solid #FFFFFF;

                  box-shadow: none;

                  height: 50px;

                  padding: 0; }

                  .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar .form-group .form-control::placeholder {

                    color: #FFFFFF; }

              .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar input[placeholder], .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar [placeholder], .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar *[placeholder] {

                color: #FFFFFF !important; }

          .header-section .navbar .navbar-collapse .navbar-nav li .cart-wrapper {

            cursor: pointer; }

            .header-section .navbar .navbar-collapse .navbar-nav li .cart-wrapper.open .cart-item {

              display: block;

              visibility: visible;

              opacity: 1;

              transform: translateY(0);

              z-index: 5; }

          .header-section .navbar .navbar-collapse .navbar-nav li .text {

            width: 20px;

            height: 20px;

            color: #FFFFFF;

            background-color: #313131;

            border-radius: 50%;

            padding: 4px 6px;

            position: absolute;

            top: 25px;

            right: -11px;

            line-height: 11px;

            text-align: center;

            font-size: 10px; }

          .header-section .navbar .navbar-collapse .navbar-nav li .cart-item {

            position: absolute;

            top: 55px;

            right: 0;

            background-color: #FFFFFF;

            border: 2px solid #48c7ec;

            padding: 15px 15px 0;

            transform: translateY(50px);

            visibility: hidden;

            opacity: 0;

            z-index: -9999;

            -webkit-transition: 0.5s;

            -khtml-transition: 0.5s;

            -moz-transition: 0.5s;

            -ms-transition: 0.5s;

            -o-transition: 0.5s;

            transition: 0.5s; }

            @media (min-width: 992px) and (max-width: 1250px) {

              .header-section .navbar .navbar-collapse .navbar-nav li .cart-item {

                right: 0; } }

            .header-section .navbar .navbar-collapse .navbar-nav li .cart-item ul {

              width: 300px; }

              .header-section .navbar .navbar-collapse .navbar-nav li .cart-item ul li {

                line-height: 30px;

                padding: 10px 0;

                border-bottom: 1px solid #48c7ec; }

                .header-section .navbar .navbar-collapse .navbar-nav li .cart-item ul li img {

                  width: 75px;

                  float: left; }

                .header-section .navbar .navbar-collapse .navbar-nav li .cart-item ul li .content {

                  color: #313131;

                  padding-left: 15px; }

                  .header-section .navbar .navbar-collapse .navbar-nav li .cart-item ul li .content h5 {

                    font-weight: 600;

                    color: #313131;

                    margin-bottom: 5px; }

                  .header-section .navbar .navbar-collapse .navbar-nav li .cart-item ul li .content .rate {

                    color: #48c7ec;

                    display: block; }

                  .header-section .navbar .navbar-collapse .navbar-nav li .cart-item ul li .content .option i {

                    margin: 0; }

            .header-section .navbar .navbar-collapse .navbar-nav li .cart-item .amount {

              color: #333;

              line-height: 30px;

              padding: 10px 0 30px; }

            .header-section .navbar .navbar-collapse .navbar-nav li .cart-item .btn {

              border-radius: 8px;

              width: 100%;

              font-size: 16px;

              padding: 7px 44px;

              margin-bottom: 25px; }

              .header-section .navbar .navbar-collapse .navbar-nav li .cart-item .btn::before {

                display: none; }

              .header-section .navbar .navbar-collapse .navbar-nav li .cart-item .btn:hover {

                color: #313131; }

/* =========================================================

        Section-Title STYLE 

============================================================ */

.section-title {

  position: relative; }

  .section-title h2 {

    font-size: 36px;

    font-weight: 600;

    line-height: 40px;

    color: #092a48;

    margin-bottom: 39px; }

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

      .section-title h2 {

        font-size: 25px;

        line-height: 35px; } }

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

      .section-title h2 {

        font-size: 22px;

        line-height: 30px;

        margin-bottom: 10px; } }

  .section-title .border {

    position: absolute;

    top: 53px;

    left: 0;

    right: 0;

    width: 100px;

    height: 2px;

    background-color: #48c7ec;

    margin: 0 auto; }

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

      .section-title .border {

        display: none; } }

  .section-title .border-2 {

    position: absolute;

    top: 60px;

    left: 0;

    right: 0;

    width: 100px;

    height: 4px;

    background-color: #48c7ec;

    margin: 0 auto; }

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

      .section-title .border-2 {

        top: 50px; } }

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

      .section-title .border-2 {

        display: none; } }

  .section-title .border-3 {

    max-width: 100%;

    height: 2px;

    margin: -20px auto 25px; }

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

      .section-title .border-3 {

        width: 100%; } }

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

      .section-title .border-3 {

        display: none; } }

  .section-title .border-4 {

    max-width: 100%;

    height: 2px;

    margin: -20px auto 25px; }

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

      .section-title .border-4 {

        width: 100%; } }

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

      .section-title .border-4 {

        display: none; } }

  .section-title p {

    font-size: 16px;

    color: #6a6a6a; }

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

      .section-title p {

        font-size: 15px;

        line-height: 25px; } }

/* =========================================================

        Right-Choice-Section STYLE 

============================================================ */

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

    .right-choice-section {

      padding-bottom: 30px; } }

  .right-choice-section .section-title {

    margin-bottom: 65px; }

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

      .right-choice-section .section-title {

        margin-bottom: 40px; } }

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

      .right-choice-section .section-title {

        margin-bottom: 30px; } }

  .right-choice-section .section-wrapper {

    margin-bottom: 30px; }

    .right-choice-section .section-wrapper .caption {

      position: relative; }

      .right-choice-section .section-wrapper .caption:hover .hover-view {

        opacity: 1;

        transform: translateY(0); }

      .right-choice-section .section-wrapper .caption:hover .hover .hover-one,

      .right-choice-section .section-wrapper .caption:hover .hover .hover-two,

      .right-choice-section .section-wrapper .caption:hover .hover .hover-three,

      .right-choice-section .section-wrapper .caption:hover .hover .hover-four {

        opacity: 1;

        -webkit-transform: translate(0, 0) scale(1);

        -moz-transform: translate(0, 0) scale(1);

        -ms-transform: translate(0, 0) scale(1);

        -o-transform: translate(0, 0) scale(1);

        transform: translate(0, 0) scale(1); }

      .right-choice-section .section-wrapper .caption img {

        width: 100%; }

      .right-choice-section .section-wrapper .caption .hover-view {

        position: absolute;

        top: 50%;

        left: 0;

        right: 0;

        width: 150px;

        font-size: 16px;

        line-height: 26px;

        color: #FFFFFF;

        border: 2px solid #FFFFFF;

        padding: 8px 0;

        margin: -24px auto 0;

        opacity: 0;

        z-index: 5;

        transform: translateY(80px);

        transition-delay: .1s; }

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

          .right-choice-section .section-wrapper .caption .hover-view {

            width: 100px;

            font-size: 14px;

            padding: 2px 0;

            margin: -17px auto 0; } }

        .right-choice-section .section-wrapper .caption .hover-view:hover {

          color: #313131; }

      .right-choice-section .section-wrapper .caption .hover .hover-one,

      .right-choice-section .section-wrapper .caption .hover .hover-two,

      .right-choice-section .section-wrapper .caption .hover .hover-three,

      .right-choice-section .section-wrapper .caption .hover .hover-four {

        position: absolute;

        height: 50%;

        width: 50%;

        background: #48c7ec;

        opacity: 0;

        z-index: 2;

        -webkit-transition: all 0.35s ease;

        -o-transition: all 0.35s ease;

        -moz-transition: all 0.35s ease;

        transition: all 0.35s ease; }

      .right-choice-section .section-wrapper .caption .hover .hover-one {

        bottom: 0;

        left: 0;

        -webkit-transform: translateY(-100%);

        -moz-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

        -o-transform: translateY(-100%);

        transform: translateY(-100%); }

      .right-choice-section .section-wrapper .caption .hover .hover-two {

        top: 0;

        left: 0;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -o-transform: translateX(100%);

        transform: translateX(100%); }

      .right-choice-section .section-wrapper .caption .hover .hover-three {

        top: 0;

        right: 0;

        -webkit-transform: translateY(100%);

        -moz-transform: translateY(100%);

        -ms-transform: translateY(100%);

        -o-transform: translateY(100%);

        transform: translateY(100%); }

      .right-choice-section .section-wrapper .caption .hover .hover-four {

        bottom: 0;

        right: 0;

        -webkit-transform: translateX(-100%);

        -moz-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

        -o-transform: translateX(-100%);

        transform: translateX(-100%); }

        .content img {

            width: auto;

        }

    .right-choice-section .section-wrapper .content {

      box-shadow: 0 0 15px #e2e2e2;

      padding: 15px 30px 12px; }

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

        .right-choice-section .section-wrapper .content {

          padding: 15px 15px 12px; } }

      .right-choice-section .section-wrapper .content h4 {

        font-size: 24px;

        font-weight: 400;

        line-height: 26px;

        color: #222222;

        margin: 14px 0; }

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

          .right-choice-section .section-wrapper .content h4 {

            font-size: 22px; } }

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

          .right-choice-section .section-wrapper .content h4 {

            font-size: 20px; } }

      .right-choice-section .section-wrapper .content p {

        font-size: 14px;

        line-height: 24px;

        color: #999999; }

        /* =========================================================

        Counting-Section STYLE 

============================================================ */

.counting-section {

    background-size: cover;

    background-attachment: fixed; }

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

      .counting-section {

        padding-bottom: 50px; } }

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

      .counting-section {

        padding-bottom: 30px; } }

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

      .counting-section {

        background-attachment: inherit; } }

    .counting-section .counting-pusher {

      display: flex; }

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

        .counting-section .counting-pusher {

          display: block; } }

      .counting-section .counting-pusher .counting-wrapper {

        flex: 1; }

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

          .counting-section .counting-pusher .counting-wrapper {

            width: 50%;

            float: left;

            margin-bottom: 20px; } }

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

          .counting-section .counting-pusher .counting-wrapper {

            width: 100%;

            float: none;

            margin-bottom: 30px; } }

        .counting-section .counting-pusher .counting-wrapper .icon {

          width: 73px;

          height: 73px;

          text-align: center;

          border: 4px solid #48c7ec; float: left; }

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

            .counting-section .counting-pusher .counting-wrapper .icon {

              width: 50px;

              height: 50px;

              border: 2px solid #48c7ec; }

              .counting-section .counting-pusher .counting-wrapper .icon img {

                width: 40px !important; } }

          .counting-section .counting-pusher .counting-wrapper .icon img {

            padding: 10px; width: auto; }

        .counting-section .counting-pusher .counting-wrapper .content {

          margin: 10px 0 0 90px; }

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

            .counting-section .counting-pusher .counting-wrapper .content {

              margin: 5px 0 0 65px; } }

          .counting-section .counting-pusher .counting-wrapper .content .count-description .timer {

            font-size: 48px;

            font-weight: 600;

            line-height: 24px;

            color: #48c7ec;

            margin-bottom: 20px; }

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

              .counting-section .counting-pusher .counting-wrapper .content .count-description .timer {

                font-size: 35px;

                line-height: 15px; } }

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

              .counting-section .counting-pusher .counting-wrapper .content .count-description .timer {

                font-size: 30px; } }

          .counting-section .counting-pusher .counting-wrapper .content p {

            font-size: 18px;

            line-height: 24px;

            color: #FFFFFF;

            margin-bottom: 0; }

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

              .counting-section .counting-pusher .counting-wrapper .content p {

                font-size: 16px; } }



/* Service */

.homePageOne .finance-service-section .section-title {

    margin-bottom: 13px; }

  .homePageOne .finance-service-section .finance-carousel .finance-wrapper {

    box-shadow: none;

    border: 1px solid #e7e8e8;

    border-bottom: 0; }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .wrapper-content {

      position: relative;

      z-index: 5; }

      .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .wrapper-content h4 a {

        color: #FFFFFF; }

        .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .wrapper-content h4 a:hover {

          color: #48c7ec; }

      .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .wrapper-content p {

        color: #FFFFFF; }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .hover .hover-one,

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .hover .hover-two,

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .hover .hover-three,

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper:hover .hover .hover-four {

      opacity: 1;

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1); }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .icon {

      background: transparent;

      box-shadow: none;

      transform: translateY(0);

      margin: 30px auto 10px; }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .wrapper-content {

      border-bottom: 4px solid #48c7ec; }

      .homePageOne .finance-service-section .finance-carousel .finance-wrapper .wrapper-content h4 {

        margin: 0 0 15px; }

      .homePageOne .finance-service-section .finance-carousel .finance-wrapper .wrapper-content p {

        padding: 0 35px 38px; }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-one,

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-two,

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-three,

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-four {

      position: absolute;

      left: 0;

      width: 100%;

      height: 25%;

      background: #092a48;

      opacity: 0;

      z-index: 1;

      -webkit-transition: all 0.35s ease;

      -o-transition: all 0.35s ease;

      -moz-transition: all 0.35s ease;

      transition: all 0.35s ease;

      -webkit-transform: scaleY(0);

      -moz-transform: scaleY(0);

      -ms-transform: scaleY(0);

      -o-transform: scaleY(0);

      transform: scaleY(0); }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-one {

      top: 0;

      -webkit-transition-delay: 0.25s;

      -moz-transition-delay: 0.25s;

      -o-transition-delay: 0.25s;

      transition-delay: 0.25s; }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-two {

      top: 25%;

      -webkit-transition-delay: 0.105s;

      -moz-transition-delay: 0.105s;

      -o-transition-delay: 0.105s;

      transition-delay: 0.105s; }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-three {

      top: 49%;

      -webkit-transition-delay: 0.105s;

      -moz-transition-delay: 0.105s;

      -o-transition-delay: 0.105s;

      transition-delay: 0.105s; }

    .homePageOne .finance-service-section .finance-carousel .finance-wrapper .hover .hover-four {

      top: 74%;

      -webkit-transition-delay: 0s;

      -moz-transition-delay: 0s;

      -o-transition-delay: 0s;

      transition-delay: 0s; }

  .homePageOne .news-section .link .btn,

  .homePageOne .project-section .link .btn {

    border-radius: 0; }

    .homePageOne .news-section .link .btn:before,

    .homePageOne .project-section .link .btn:before {

      border-radius: 0; }

      .finance-wrapper.item img {

        width: auto;

        margin: 0 auto;

    }

  

    .finance-service-section .finance-carousel .finance-wrapper .icon {

        position: relative;

        width: 60px;

        height: 60px;

        background: #48c7ec;

        border-radius: 50%;

        margin: 0 auto;

        transform: translateY(-33px);

        box-shadow: 0 2px 10px #cccccc;

        z-index: 5;

    }

    .finance-service-section .finance-carousel .finance-wrapper .wrapper-content h4 a {

        color: #222222;

    }

    /* =========================================================

        Finance-Service-Section STYLE 

============================================================ */

.finance-service-section .section-title {

    margin-bottom: 50px; }

    .finance-service-section .section-title .link {

      font-size: 18px;

      font-weight: 600; }

  .finance-service-section .finance-carousel .finance-wrapper {

    position: relative;

    box-shadow: 0 0 10px #e0e0e0;

    margin: 35px 5px 5px 5px; }

    .finance-service-section .finance-carousel .finance-wrapper:hover .border .border-one,

    .finance-service-section .finance-carousel .finance-wrapper:hover .border .border-two,

    .finance-service-section .finance-carousel .finance-wrapper:hover .border .border-three,

    .finance-service-section .finance-carousel .finance-wrapper:hover .border .border-four {

      opacity: 1;

      transform: scale(1); }

    .finance-service-section .finance-carousel .finance-wrapper .icon {

      position: relative;

      width: 60px;

      height: 60px;

      background: #48c7ec;

      border-radius: 50%;

      margin: 0 auto;

      transform: translateY(-33px);

      box-shadow: 0 2px 10px #cccccc;

      z-index: 5; }

      .finance-service-section .finance-carousel .finance-wrapper .icon img {

        width: auto;

        padding: 15px 0;

        margin: 0 auto; }

    .finance-service-section .finance-carousel .finance-wrapper .wrapper-content h4 {

      font-size: 24px;

      font-weight: 500;

      line-height: 26px;

      margin: -17px 0 7px; }

      .finance-service-section .finance-carousel .finance-wrapper .wrapper-content h4 a {

        color: #222222; }

        .finance-service-section .finance-carousel .finance-wrapper .wrapper-content h4 a:hover {

          color: #48c7ec; }

    .finance-service-section .finance-carousel .finance-wrapper .wrapper-content p {

      font-size: 14px;

      font-weight: 300;

      line-height: 22px;

      color: #8a8a8a;

      padding: 0 40px 28px;

      margin-bottom: 0; }

    .finance-service-section .finance-carousel .finance-wrapper .border .border-one,

    .finance-service-section .finance-carousel .finance-wrapper .border .border-two,

    .finance-service-section .finance-carousel .finance-wrapper .border .border-three,

    .finance-service-section .finance-carousel .finance-wrapper .border .border-four {

      position: absolute;

      background: #48c7ec;

      opacity: 0;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; }

    .finance-service-section .finance-carousel .finance-wrapper .border .border-one {

      top: 0;

      left: 0;

      width: 100%;

      height: 1px;

      transform: scale(0, 1); }

    .finance-service-section .finance-carousel .finance-wrapper .border .border-two {

      top: 0;

      right: 0;

      width: 1px;

      height: 100%;

      transform: scale(1, 0); }

    .finance-service-section .finance-carousel .finance-wrapper .border .border-three {

      bottom: 0;

      left: 0;

      width: 100%;

      height: 1px;

      transform: scale(0, 1); }

    .finance-service-section .finance-carousel .finance-wrapper .border .border-four {

      top: 0;

      left: 0;

      width: 1px;

      height: 100%;

      transform: scale(1, 0); }

  .finance-service-section .finance-carousel .owl-nav {

    margin-top: 40px; }

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

      .finance-service-section .finance-carousel .owl-nav {

        margin-top: 20px; } }

    .finance-service-section .finance-carousel .owl-nav .owl-prev,

    .finance-service-section .finance-carousel .owl-nav .owl-next {

      width: 34px;

      height: 34px;

      line-height: 30px;

      border: 2px solid #48c7ec;

      background: transparent;

      padding: 0;

      border-radius: 0;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; }

      .finance-service-section .finance-carousel .owl-nav .owl-prev:hover,

      .finance-service-section .finance-carousel .owl-nav .owl-next:hover {

        background: #092a48;

        border: 2px solid #092a48; }

      .finance-service-section .finance-carousel .owl-nav .owl-prev i,

      .finance-service-section .finance-carousel .owl-nav .owl-next i {

        font-size: 12px;

        color: #48c7ec; }





/* =========================================================

        Multi-Section STYLE 

============================================================ */

.multi-section .faq-content h2 {

    font-size: 30px;

    font-weight: 500;

    line-height: 30px;

    color: #222222;

    margin-bottom: 65px; }

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

      .multi-section .faq-content h2 {

        margin-bottom: 40px; } }

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

      .multi-section .faq-content h2 {

        font-size: 25px;

        margin-bottom: 30px; } }

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

      .multi-section .faq-content h2 {

        font-size: 22px; } }

  .multi-section .faq-content .accordion-content .ui-accordion-header {

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #031633;

    background-color: #FFFFFF;

    padding: 13px 33px;

    margin-bottom: 0;

    margin-top: 14px;

    cursor: pointer;

    border: 1px solid #dee0e1; }

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

      .multi-section .faq-content .accordion-content .ui-accordion-header {

        padding: 8px 20px; } }

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

      .multi-section .faq-content .accordion-content .ui-accordion-header {

        font-size: 16px;

        line-height: 24px;

        padding: 13px 40px 13px 15px; } }

    .multi-section .faq-content .accordion-content .ui-accordion-header:focus {

      outline: none; }

      .multi-section .faq-content .accordion-content .ui-accordion-header::before {

        content: "\f105";

        font-family: "Font Awesome 5 Pro";

        position: absolute;

        top: 50%;

        right: 20px;

        width: 15px;

        height: 15px;

        line-height: 15px;

        font-size: 20px;

        color: #222222;

        margin-top: -5px;

    }

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

        .multi-section .faq-content .accordion-content .ui-accordion-header::before {

          right: 15px; } }

    .multi-section .faq-content .accordion-content .ui-accordion-header.ui-accordion-header-active {

      border-color: #48c7ec; }

      .multi-section .faq-content .accordion-content .ui-accordion-header.ui-accordion-header-active::before {

        content: "\f106"; }

  .multi-section .faq-content .accordion-content .ui-accordion-content {

    padding: 25px 35px 35px;

    border: 1px solid #dee0e1; }

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

      .multi-section .faq-content .accordion-content .ui-accordion-content {

        padding: 25px 35px 50px; } }

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

      .multi-section .faq-content .accordion-content .ui-accordion-content {

        padding: 25px 20px 50px; } }

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

      .multi-section .faq-content .accordion-content .ui-accordion-content {

        padding: 25px 20px 30px; } }

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

      .multi-section .faq-content .accordion-content .ui-accordion-content {

        padding: 25px 20px 50px; } }

    .multi-section .faq-content .accordion-content .ui-accordion-content p {

      font-size: 14px;

      font-weight: 300;

      line-height: 26px;

      color: #828282;

      word-break: break-all;

      margin-bottom: 0; }

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

    .multi-section .client-section {

      margin-top: 50px; } }

  .multi-section .client-section h3 {

    font-size: 30px;

    font-weight: 500;

    line-height: 30px;

    color: #222222;

    margin: 0 0 47px 28px; }

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

      .multi-section .client-section h3 {

        margin: 0 0 47px 0; } }

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

      .multi-section .client-section h3 {

        font-size: 25px;

        margin: 0 0 30px 0; } }

  .multi-section .client-section .logo li {

    display: inline-block;

    margin: 0 15px 10px; }

  /* =========================================================

        Signup-Section STYLE 

============================================================ */

.signup-section {

  background-size: cover;

  background-attachment: fixed; overflow: inherit;}

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

    .signup-section {

      padding: 80px 0; } }

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

    .signup-section .caption img {

      margin-top: 0px;

  }

    .signup-section {

      padding: 60px 0; padding-bottom: 0; } }

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

    .signup-section {

      background-attachment: inherit; } }

  .signup-section .contact-wrapper {

    margin-top: 85px; }

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

      .signup-section .contact-wrapper {

        margin-top: 0; } }

    .signup-section .contact-wrapper h3 {

      font-size: 30px;

      font-weight: 400;

      line-height: 42px;

      color: #FFFFFF;

      margin-bottom: 23px; }

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

        .signup-section .contact-wrapper h3 {

          font-size: 32px; } }

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


        .signup-section .contact-wrapper h3 {

          font-size: 30px;

          line-height: 35px;

          text-align: center; } }

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

        .signup-section .contact-wrapper h3 {

          font-size: 25px;

          line-height: 30px; } }

      .signup-section .contact-wrapper h3 span {

        font-weight: 600; }

    .signup-section .contact-wrapper .signupForm .form-wrapper {

      position: relative; }

      .signup-section .contact-wrapper .signupForm .form-wrapper .searchBar {

        width: 100%;

        border-radius: 25px;

        border: 0;

        background: #FFFFFF;

        box-shadow: none;

        padding: 15px 30px;

        font-size: 16px;

        font-weight: 400; }

        .signup-section .contact-wrapper .signupForm .form-wrapper .searchBar::placeholder {

          color: #4e5860; }

        .signup-section .contact-wrapper .signupForm .form-wrapper .searchBar:focus {

          border: 0;

          outline: none; }

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

          .signup-section .contact-wrapper .signupForm .form-wrapper .searchBar {

            padding: 10px 15px; } }

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

          .signup-section .contact-wrapper .signupForm .form-wrapper .searchBar {

            padding: 8px 15px; } }

      .signup-section .contact-wrapper .signupForm .form-wrapper .subscribeBtn.btn-primary {

        position: absolute;

        top: 0;

        right: 0;

        border: 0;

        border-radius: 25px;

        font-size: 18px;

        font-weight: 600;

        color: #FFFFFF;

        background: #48c7ec;

        height: 100%;

        padding: 0 50px;

        margin: 0; }

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

          .signup-section .contact-wrapper .signupForm .form-wrapper .subscribeBtn.btn-primary {

            font-size: 15px;

            padding: 0 25px; } }

        .signup-section .contact-wrapper .signupForm .form-wrapper .subscribeBtn.btn-primary::before {

          display: none; }

  .signup-section .caption img {

    max-width: 100%;

    margin-top: -60px; width: auto; }



    /* =========================================================

        About-Company-Section STYLE 

============================================================ */

.about-Company-Section {

  background-size: cover; }

  .about-Company-Section .section-title {

    margin-bottom: 100px; }

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

      .about-Company-Section .section-title {

        margin-bottom: 50px; } }

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

      .about-Company-Section .section-title {

        margin-bottom: 30px; } }

    .about-Company-Section .section-title h2 {

      color: #222222; }

  .about-Company-Section .content-wrapper h3 {

    font-size: 26px;

    font-weight: 500;

    line-height: 38px;

    color: #222222;

    margin-bottom: 30px; }

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

      .about-Company-Section .content-wrapper h3 {

        margin-bottom: 15px; } }

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

      .about-Company-Section .content-wrapper h3 {

        font-size: 22px;

        line-height: 30px; } }

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

      .about-Company-Section .content-wrapper h3 {

        font-size: 20px;

        line-height: 25px; } }

  .about-Company-Section .content-wrapper p {

    font-size: 16px;

    font-weight: 300;

    line-height: 26px;

    color: #FFFFFF;

    margin-bottom: 35px; }

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

      .about-Company-Section .content-wrapper p {

        margin-bottom: 20px; } }

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

    .about-Company-Section .content-wrapper .content li {

      margin-bottom: 5px; } }

  .about-Company-Section .content-wrapper .content li img {

    float: left;

    margin-top: 8px; }

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

      .about-Company-Section .content-wrapper .content li img {

        width: 18px;

        margin-top: 5px; } }

  .about-Company-Section .content-wrapper .content li .single-content {

    font-size: 18px;

    font-weight: 300;

    line-height: 48px;

    color: #FFFFFF;

    margin-left: 45px; }

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

      .about-Company-Section .content-wrapper .content li .single-content {

        font-size: 16px;

        line-height: 30px;

        margin-left: 30px; } }

  .about-Company-Section .faq-content {

    margin-top: 35px; }

    .about-Company-Section .faq-content h3 {

      font-size: 26px;

      font-weight: 500;

      line-height: 30px;

      color: #222222;

      margin-bottom: 40px; }

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

        .about-Company-Section .faq-content h3 {

          margin-bottom: 25px; } }

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

        .about-Company-Section .faq-content h3 {

          font-size: 22px;

          line-height: 30px; } }

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

        .about-Company-Section .faq-content h3 {

          font-size: 20px;

          line-height: 25px; } }

    .about-Company-Section .faq-content .accordion-content .ui-accordion-header {

      position: relative;

      font-size: 18px;

      font-weight: 500;

      line-height: 30px;

      color: #222222;

      background-color: #FFFFFF;

      padding: 13px 33px;

      margin-bottom: 0;

      margin-top: 10px;

      cursor: pointer;

      border-bottom: 2px solid #48c7ec; }

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

        .about-Company-Section .faq-content .accordion-content .ui-accordion-header {

          padding: 8px 20px; } }

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

        .about-Company-Section .faq-content .accordion-content .ui-accordion-header {

          font-size: 16px;

          line-height: 24px;

          padding: 13px 40px 13px 15px; } }

      .about-Company-Section .faq-content .accordion-content .ui-accordion-header:focus {

        outline: none; }

      .about-Company-Section .faq-content .accordion-content .ui-accordion-header::before {

        content: "\f107";

        font-family: "FontAwesome";

        position: absolute;

        top: 50%;

        right: 20px;

        width: 15px;

        height: 15px;

        line-height: 15px;

        font-size: 20px;

        color: #222222;

        margin-top: -5px; }

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

          .about-Company-Section .faq-content .accordion-content .ui-accordion-header::before {

            right: 15px; } }

      .about-Company-Section .faq-content .accordion-content .ui-accordion-header.ui-accordion-header-active {

        color: #48c7ec; }

        .about-Company-Section .faq-content .accordion-content .ui-accordion-header.ui-accordion-header-active::before {

          content: "\f106";

          color: #48c7ec; }

    .about-Company-Section .faq-content .accordion-content .ui-accordion-content {

      padding: 25px 35px 35px;

      background: #FFFFFF; }

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

        .about-Company-Section .faq-content .accordion-content .ui-accordion-content {

          padding: 25px 35px 50px; } }

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

        .about-Company-Section .faq-content .accordion-content .ui-accordion-content {

          padding: 25px 20px 50px; } }

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

        .about-Company-Section .faq-content .accordion-content .ui-accordion-content {

          padding: 25px 20px 30px; } }

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

        .about-Company-Section .faq-content .accordion-content .ui-accordion-content {

          padding: 25px 20px 50px; } }

      .about-Company-Section .faq-content .accordion-content .ui-accordion-content p {

        font-size: 14px;

        font-weight: 300;

        line-height: 26px;

        color: #828282;

        word-break: break-all;

        margin-bottom: 0; }

  .about-Company-Section .quote-section {

    position: relative; }

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

      .about-Company-Section .quote-section {

        margin-top: 40px; } }

    .about-Company-Section .quote-section::before {

      content: "";

      position: absolute;

      left: 0;

      top: -50px;

      width: 100%;

      height: 4px;

      background: #000000; }

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

        .about-Company-Section .quote-section::before {

          display: none; } }

    .about-Company-Section .quote-section h3 {

      font-size: 26px;

      font-weight: 500;

      line-height: 38px;

      color: #222222;

      margin-bottom: 40px; }

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

        .about-Company-Section .quote-section h3 {

          margin-bottom: 20px; } }

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

        .about-Company-Section .quote-section h3 {

          font-size: 22px;

          line-height: 30px; } }

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

        .about-Company-Section .quote-section h3 {

          margin-bottom: 10px; } }

    .about-Company-Section .quote-section .contact-form .form-group {

      position: relative;

      margin-bottom: 25px; }

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

        .about-Company-Section .quote-section .contact-form .form-group {

          margin-bottom: 10px; } }

      .about-Company-Section .quote-section .contact-form .form-group:last-child {

        margin-bottom: 0; }

      .about-Company-Section .quote-section .contact-form .form-group i {

        position: absolute;

        top: 12px;

        left: 0;

        font-size: 22px;

        color: #848484; }

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

          .about-Company-Section .quote-section .contact-form .form-group i {

            top: 14px;

            font-size: 18px; } }

      .about-Company-Section .quote-section .contact-form .form-group .form-control {

        font-size: 16px;

        font-weight: 300;

        line-height: 38px;

        color: #848484;

        border: 0;

        border-radius: 0;

        border-bottom: 1px solid #848484;

        background-color: transparent;

        box-shadow: none;

        padding: 22px 35px; }

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

          .about-Company-Section .quote-section .contact-form .form-group .form-control {

            font-size: 14px;

            padding: 22px; } }

        .about-Company-Section .quote-section .contact-form .form-group .form-control.form-message {

          padding: 5px 35px; }

      .about-Company-Section .quote-section .contact-form .form-group .btn {

        font-size: 18px;

        font-weight: 500;

        line-height: 38px;

        color: #e8f0f3;

        border-radius: 0;

        display: block;

        width: 100%;

        margin-top: 32px; }

        .about-Company-Section .quote-section .contact-form .form-group .btn:before {

          border-radius: 0; }

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

          .about-Company-Section .quote-section .contact-form .form-group .btn {

            font-size: 16px;

            margin-top: 20px; } }

        

.homePageOne .about-Company-Section {

  background-size: cover; }

  .homePageOne .about-Company-Section .section-title {

    margin-bottom: 112px; }

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

      .homePageOne .about-Company-Section .section-title {

        margin-bottom: 50px; } }

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

      .homePageOne .about-Company-Section .section-title {

        margin-bottom: 30px; } }

  .homePageOne .about-Company-Section .content-wrapper {

    margin-right: 60px; }

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

      .homePageOne .about-Company-Section .content-wrapper {

        margin-right: 0; } }

    .homePageOne .about-Company-Section .content-wrapper p {

      color: #848484; }

      .homePageOne .about-Company-Section .content-wrapper p:last-child {

        margin: 0; }

    .homePageOne .about-Company-Section .content-wrapper .content {

      margin-bottom: 22px; }

      .homePageOne .about-Company-Section .content-wrapper .content li .single-content {

        color: #848484; }

        .homePageOne .about-Company-Section .contact-form textarea {

          height: 100px;

      }



      /* =========================================================

        Project-Section STYLE 

============================================================ */

.project-section .section-title {

  margin-bottom: 60px; }

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

    .project-section .section-title {

      margin-bottom: 40px; } }

.project-section .portfolio-sorting {

  margin: -7px 0 33px; }

  .project-section .portfolio-sorting li {

    position: relative;

    padding: 0 18px; display: inline-block; }

    .project-section .portfolio-sorting li::before {

      content: "";

      position: absolute;

      right: 0;

      top: 9px;

      width: 2px;

      height: 18px;

      background: #222222;

      transform: rotate(18deg); }

    .project-section .portfolio-sorting li:last-child::before {

      display: none; }

    .project-section .portfolio-sorting li a {

      font-size: 18px;

      font-weight: 400;

      line-height: 36px;

      color: #222222; }

      .project-section .portfolio-sorting li a.active {

        color: #48c7ec; }

.project-section .project-wrapper {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

  -webkit-perspective: 50em;

  -moz-perspective: 50em;

  perspective: 50em; }

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

    .project-section .project-wrapper {

      margin-bottom: 15px; } }

  .project-section .project-wrapper:hover .hover-view:before {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0); }

  .project-section .project-wrapper:hover .hover-view i {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1); }

  .project-section .project-wrapper:hover .hover-view h4, .project-section .project-wrapper:hover .hover-view p {

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0); }

  .project-section .project-wrapper img {

    width: 100%; }

  .project-section .project-wrapper .hover-view {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    text-align: left;

    padding: 0 20px; }

    .project-section .project-wrapper .hover-view:before {

      content: "";

      position: absolute;

      left: 0;

      right: 0;

      bottom: 0;

      width: 100%;

      height: 75px;

      background-color: rgba(72, 199, 236, 0.85);

      padding: 30px;

      z-index: 1;

      -webkit-transition: all 0.35s ease;

      -o-transition: all 0.35s ease;

      -moz-transition: all 0.35s ease;

      transition: all 0.35s ease;

      -webkit-transform: rotateX(105deg);

      -moz-transform: rotateX(105deg);

      transform: rotateX(105deg);

      -webkit-transform-origin: 50% 100%;

      -moz-transform-origin: 50% 100%;

      -ms-transform-origin: 50% 100%;

      -o-transform-origin: 50% 100%;

      transform-origin: 50% 100%; }

    .project-section .project-wrapper .hover-view i {

      position: relative;

      width: 40px;

      height: 40px;

      line-height: 40px;

      font-size: 21px;

      color: #FFFFFF;

      border-radius: 50%;

      border: 2px solid #FFFFFF;

      text-align: center;

      opacity: 0;

      z-index: 6;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s;

      transition-delay: .1s;

      -webkit-transform: scale(0.5);

      -moz-transform: scale(0.5);

      -ms-transform: scale(0.5);

      -o-transform: scale(0.5);

      transform: scale(0.5); }

    .project-section .project-wrapper .hover-view h4 {

      position: relative;

      font-size: 18px;

      font-weight: 500;

      line-height: 18px;

      color: #FFFFFF;

      margin-bottom: 0;

      opacity: 0;

      z-index: 5;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s;

      transition-delay: .1s;

      -webkit-transform: translateX(-100px);

      -webkit-transform: translateX(-100px);

      -moz-transform: translateX(-100px);

      -ms-transform: translateX(-100px);

      -o-transform: translateX(-100px);

      transform: translateX(-100px); }

    .project-section .project-wrapper .hover-view p {

      position: relative;

      font-size: 14px;

      color: #FFFFFF;

      opacity: 0;

      z-index: 5;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s;

      transition-delay: .1s;

      -webkit-transform: translateX(100px);

      -moz-transform: translateX(100px);

      -ms-transform: translateX(100px);

      -o-transform: translateX(100px);

      transform: translateX(100px); }

.project-section .link .btn {

  padding: 7px 25px;

  margin-top: 33px; color: #fff; }

.project-section .project-content {

  border: 2px solid #48c7ec;

  border-radius: 5px;

  padding: 45px; }

  .project-section .project-content h3 {

    font-size: 26px;

    font-weight: 500;

    line-height: 30px;

    color: #051829; }

  .project-section .project-content p {

    font-size: 15px;

    color: #6a6a6a; }

  .project-section .project-content .category {

    margin-top: 30px; }

    .project-section .project-content .category li {

      margin-bottom: 8px; }

      .project-section .project-content .category li:last-child {

        margin: 0; }

      .project-section .project-content .category li i {

        color: #48c7ec;

        margin-right: 5px; }

      .project-section .project-content .category li .bold {

        font-weight: 600;

        color: #051829; }





        /* =========================================================

        Testimonial-Section STYLE 

============================================================ */

.testimonial-section {

  background-size: cover;

  background-attachment: fixed; }

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

    .testimonial-section {

      background-attachment: inherit; } }

  .testimonial-section #testimonial-carousel {

    position: relative; }

    .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper {

      padding: 0 55px; }

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

        .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper {

          padding: 0; } }

      .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper p {

        font-size: 24px;

        line-height: 36px;

        color: #FFFFFF;

        margin-bottom: 43px;

        word-break: break-all; }

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

          .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper p {

            font-size: 25px;

            line-height: 35px; } }

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

          .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper p {

            font-size: 20px;

            line-height: 30px;

            margin-bottom: 30px; } }

      .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper .reviewer {

        position: relative;

        padding-top: 25px; }

        .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper .reviewer::before {

          content: "";

          position: absolute;

          top: 0;

          left: 0;

          right: 0;

          width: 60px;

          height: 4px;

          background-color: #48c7ec;

          margin: 0 auto; }

        .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper .reviewer h5 {

          font-size: 26px;

          line-height: 36px;

          color: #FFFFFF;

          margin-bottom: 0; }

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

            .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper .reviewer h5 {

              font-size: 25px;

              line-height: 35px; } }

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

            .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper .reviewer h5 {

              font-size: 20px;

              line-height: 30px;

              margin-bottom: -5px; } }

        .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper .reviewer .position {

          font-size: 18px;

          color: #999; }

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

            .testimonial-section #testimonial-carousel .carousel-inner .carousel-wrapper .reviewer .position {

              font-size: 15px; } }

    .testimonial-section #testimonial-carousel .carousel-control.left, .testimonial-section #testimonial-carousel .carousel-control.right {

      position: absolute;

      top: auto;

      bottom: 0;

      width: 47px;

      height: 47px;

      line-height: 47px;

      background-color: transparent;

      border: 2px solid #48c7ec;

      text-align: center;

      background-image: none;

      opacity: 1;

      text-shadow: none;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; left:auto; right: 0;color: #fff; }

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

        .testimonial-section #testimonial-carousel .carousel-control.left, .testimonial-section #testimonial-carousel .carousel-control.right {

          width: 30px;

          height: 30px;

          line-height: 30px; } }

      .testimonial-section #testimonial-carousel .carousel-control.left:hover, .testimonial-section #testimonial-carousel .carousel-control.right:hover {

        background-color: #48c7ec; }

    .testimonial-section #testimonial-carousel .carousel-control.left {

      left: auto;

      right: 52px; }

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

        .testimonial-section #testimonial-carousel .carousel-control.left {

          right: 35px; } }



          

/* =========================================================

        News-Section STYLE 

============================================================ */

.news-section .section-title {

  margin-bottom: 58px; }

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

    .news-section .section-title {

      margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) {

  .news-section .news-wrapper.middle-wrapper {

    margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 991px) {

  .news-section .news-wrapper.last-wrapper {

    display: flex; }

    .news-section .news-wrapper.last-wrapper .news-content {

      flex: 1;

      padding: 28px 32px 20px; }

      .news-section .news-wrapper.last-wrapper .news-content.size-changer {

        margin-bottom: 0; }

      .news-section .news-wrapper.last-wrapper .news-content:first-child {

        margin-right: 15px; }

      .news-section .news-wrapper.last-wrapper .news-content:last-child {

        margin-left: 15px; } }

.news-section .news-wrapper img {

  max-width: 100%; }

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

    .news-section .news-wrapper img {

      width: 100%; } }

.news-section .news-wrapper .news-content {

  border: 1px solid #dee0e1;

  padding: 35px 32px 42px; }

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

    .news-section .news-wrapper .news-content {

      margin-bottom: 20px; } }

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

    .news-section .news-wrapper .news-content {

      padding: 25px 20px 30px; } }

  .news-section .news-wrapper .news-content.size-changer {

    padding: 28px 32px 20px;

    margin-bottom: 25px; }

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

      .news-section .news-wrapper .news-content.size-changer {

        margin-bottom: 20px; } }

    .news-section .news-wrapper .news-content.size-changer:last-child {

      margin-bottom: 0; }

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

        .news-section .news-wrapper .news-content.size-changer:last-child {

          margin-bottom: 20px; } }

  .news-section .news-wrapper .news-content h4 {

    font-size: 22px;

    font-weight: 500;

    line-height: 30px;

    margin-bottom: 10px; }

    @media (min-width: 992px) and (max-width: 1199px) {

      .news-section .news-wrapper .news-content h4 {

        font-size: 18px; } }

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

      .news-section .news-wrapper .news-content h4 {

        font-size: 20px;

        line-height: 25px; } }

    .news-section .news-wrapper .news-content h4 a {

      color: #222222; }

      .news-section .news-wrapper .news-content h4 a:hover {

        color: #48c7ec; }

  .news-section .news-wrapper .news-content p {

    font-size: 14px;

    line-height: 24px;

    color: #828282;

    margin-bottom: 24px; }

  .news-section .news-wrapper .news-content .date {

    font-size: 14px;

    line-height: 24px;

    color: #222222;

    text-transform: uppercase; }

  .news-section .news-wrapper .news-content .tag {

    font-size: 14px;

    line-height: 24px;

    text-transform: uppercase; }

.news-section .news-wrapper .video-content {

  position: relative; }

  .news-section .news-wrapper .video-content .link {

    position: absolute;

    top: 20PX;

    left: 30PX;

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    margin: 0; }

    .news-section .news-wrapper .video-content .link i {

      font-size: 9px;

      border-radius: 50%;

      color: #7891a9;

      background-color: #FFFFFF;

      margin-right: 5px;

      width: 18px;

      height: 18px;

      line-height: 18px;

      text-align: center;

      padding-left: 2px;

      vertical-align: middle;

      -webkit-transition: 0.5s;

      -khtml-transition: 0.5s;

      -moz-transition: 0.5s;

      -ms-transition: 0.5s;

      -o-transition: 0.5s;

      transition: 0.5s; }

    .news-section .news-wrapper .video-content .link:hover i {

      background-color: #48c7ec; }

    .news-section .news-wrapper .video-content .link a {

      color: #FFFFFF; }

      .news-section .news-wrapper .video-content .link a:hover {

        color: #48c7ec; }

  .news-section .news-wrapper .video-content .news-content {

    position: absolute;

    bottom: 0;

    left: 0;

    border: 0;

    padding: 35px 32px 26px; }

    .news-section .news-wrapper .video-content .news-content h4 a {

      color: #FFFFFF; }

      .news-section .news-wrapper .video-content .news-content h4 a:hover {

        color: #48c7ec; }

    @media (min-width: 992px) and (max-width: 1199px) {

      .news-section .news-wrapper .video-content .news-content h4 {

        font-size: 16px;

        line-height: 25px; } }

    .news-section .news-wrapper .video-content .news-content .date {

      color: #FFFFFF; }

    .news-section .news-wrapper .video-content .news-content .tag a:hover {

      color: #FFFFFF; }

.news-section .link {

  margin-top: 72px; }

  .news-wrapper .tag a {

    color: #48c7ec;

    outline: none;

    text-decoration: none;

}

.con-main-btn::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #FFFFFF;

  border-radius: 25px;

  transform: translateX(-102%);

  /* background-color: #3aaed0; */

  background-color: #092a48;

  opacity: 0;

  transform: scale(0.5, 1);

  transition: all 0.4s ease 0s;

  border-radius: 0px;

  z-index: -1;

  -webkit-transition: 0.3s;

  -khtml-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

a.con-main-btn{

  position: relative;

  font-size: 16px;

  font-weight: 600;

  border: 0;

  border-radius: 0;

  padding: 8px 25px;

  z-index: 5;

  overflow: hidden;

  background-color: #48c7ec;

  color: #FFFFFF;

  -webkit-transition: 0.3s;

  -khtml-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

.con-main-btn:hover::before {

  opacity: 1;

  -webkit-transform: scale(1, 1);

  transform: scale(1, 1);

}

.con-main-btn:hover{

  background-color: #48c7ec !important;

  color: #FFFFFF !important;

}

.news-wrapper .tag a:hover {

    color: #313131;

}

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

    .news-section .link {

      margin-top: 50px; } }

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

    .news-section .link {

      margin-top: 20px; } }

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

    .news-section .link {

      margin-top: 10px; } }

  .news-section .link .btn {

    padding: 9px 40px; }

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

      .news-section .link .btn {

        padding: 6px 30px; } }

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

      .news-section .link .btn {

        padding: 4px 20px; } }