/*

  font-family: 'Teko', sans-serif;

  font-family: 'Barlow', sans-serif;

  font-family: 'Rubik', sans-serif;

*/



:root {

    --thm-font: "Teko", sans-serif;

    --thm-b-font: "Rubik", sans-serif;

    --thm-base: #f15d28;

    --thm-base-rgb: 255, 170, 23;

    --thm-black: #222429;

    --thm-text: #686a6f;

}

/***

====================================================================

2.	Reset

====================================================================



 ***/

* {

  margin: 0px;

  padding: 0px;

  border: none;

  outline: none;

  font-size: 100%;

  line-height: inherit;

}



/***



====================================================================

3.	Global Settings

====================================================================



 ***/



.container {

  padding-left: 15px;

  padding-right: 15px;

}



.row {

  --bs-gutter-x: 30px;

  --bs-gutter-y: 0px;

}



.row:before {

  display: none !important;

  content: "none";

}







a {

  text-decoration: none;

  cursor: pointer;

  color: var(--thm-base);

}



.theme_color {

  color: var(--thm-base);

}





p {

  line-height: 2.125em;

  margin: 0 0 20px;

}



.text {

  line-height: 2.125em;

  margin: 0 0;

}





.page-wrapper {

  position: relative;

  margin: 0 auto;

  width: 100%;

  min-width: 300px;

  z-index: 9;

  overflow: hidden;

}





body.boxed-wrapper {

  background-color: #f4f5f8;

}



.page-wrapper.boxed-wrapper {

  max-width: 1410px;

  margin-left: auto;

  margin-right: auto;

  background-color: #ffffff;

  -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08);

}





@media (max-width: 1440px) {

  .page-wrapper.boxed-wrapper {

    max-width: 90%;

  }

}



@media (max-width: 768px) {

  .page-wrapper.boxed-wrapper {

    max-width: 95%;

  }

}



.auto-container {

  position: static;

  max-width: 1400px;

  padding: 0px 15px;

  margin: 0 auto;

}



ul,

li {

  list-style: none;

  padding: 0px;

  margin: 0px;

}



figure {

  margin-bottom: 0;

}



.centered {

  text-align: center !important;

}





img {

  display: inline-block;

  max-width: 100%;

  height: auto;

  margin-top: 80px;

}



.dropdown-toggle::after {

  display: none;

}



.fa {

  line-height: inherit;

}







.banner-section {

  position: relative;

  z-index: 1;

}



.banner-section .bg-image {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-position: center top;

  background-size: cover;

  z-index: 1;

}



.banner-section .left-based-text {

  position: absolute;

  left: 50px;

  top: 50px;

  bottom: 50px;

  color: #ffffff;

  font-size: 16px;

  text-transform: uppercase;

  line-height: 24px;

  letter-spacing: 0.1em;

  font-weight: 500;

  z-index: 10;

  font-family: var(--thm-font);

}



.banner-section .left-based-text .base-inner {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 730px;

  height: 24px;

  -webkit-transform-origin: left bottom;

  transform-origin: left bottom;

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);

}





/***



====================================================================

11.		Section Title

====================================================================



***/

.sec-title {

  position: relative;

  margin-top: 60px;

  margin-bottom: 30px;

}



.sec-title h3{

  font-size: 30px;

  font-weight: 600;

  text-transform: uppercase;

  color: #000;

}



.sec-title h4{

  font-size: 28px !important;

  text-transform: uppercase; color: #000;}



.sec-title.centered {

  max-width: 650px;

  margin: 0 auto;

  margin-bottom: 50px;

}



.sec-title .upper-text {

  position: relative;

  display: inline-block;

  line-height: 1.6em;

  font-size: 16px;

  color: #9b9fa6;

  font-weight: 400;

  margin: 0 0 20px;

}



.sec-title h2 {

  position: relative;

  display: block;

  font-size: 26px;

  text-transform: uppercase;

  color: var(--thm-black);

  font-weight: 600;

  margin-bottom: 30px;

  text-align: center;

}



.sec-title h2 strong {

  font-weight: 700;

}



.sec-title h2 .dot {

  color: var(--thm-base);

  padding-left: 7px;

}



.sec-title .lower-text {

  position: relative;

  display: block;

  font-size: 16px;

  line-height: 2.125em;

  font-weight: 400;

  color: var(--thm-text);

  padding: 30px 0px 0px;

}





/***



====================================================================

22.	Agency Section

====================================================================



***/

.agency-section {

  position: relative;

  padding: 80px 0px;

  background: #ffffff url(../images/resource/pattern-2.png) left top repeat;

}



.agency-section .sec-title {

  margin-bottom: 40px;

}



.agency-section .featured-block {

  position: relative;

  display: block;

  padding-left: 230px;

  min-height: 117px;

  margin-bottom: 40px;

}



.agency-section .featured-block .image {

  position: absolute;

  left: 0;

  top: 0;

  width: 200px;

}



.agency-section .featured-block .image img {

  display: block;

  width: 100%;

  -webkit-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  filter: grayscale(100%);

  border-radius: 7px;

}



.agency-section .featured-block .text {

  position: relative;

  top: -5px;

  display: block;

  line-height: 1.7em;

  letter-spacing: 0.1em;

  margin-bottom: 32px;

}



.agency-section .left-col {

  position: relative;

  margin-bottom: 30px;

}



.agency-section .col-xl-6{width: 50%;}



.agency-section .left-col .inner {

  position: relative;

  display: block;

  padding-top: 30px;

  padding-right: 50px;

}



.agency-section .right-col {

  position: relative;

  margin-bottom: 30px;

}



.agency-section .right-col .inner {

  position: relative;

  display: block;

}



.tabs-box {

  position: relative;

}



.tabs-box .tab-buttons {

  position: relative;

}



.tabs-box .tab-buttons .tab-btn {

  position: relative;

  display: inline-block;

  vertical-align: top;

  cursor: pointer;

}



.tabs-box .tabs-content {

  position: relative;

}



.tabs-box .tabs-content .tab {

  position: relative;

  display: none;

}



.tabs-box .tabs-content .active-tab {

  display: block;

}



.default-tabs .tab-buttons .tab-btn {

  position: relative;

  line-height: 30px;

  font-size: 14px;

  font-weight: 500;

  color: #000000;

  text-align: center;

  padding: 14px 10px 11px;

  text-transform: uppercase;

  margin-bottom: 10px;

  margin-right: 10px;

  border-radius: 7px;

  font-family: var(--thm-font);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.default-tabs .tab-buttons .tab-btn span {

  position: relative;

  display: block;

}



.default-tabs .tab-buttons .tab-btn:last-child {

  margin-right: 0;

}



.default-tabs .tab-buttons .tab-btn:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 2px;

  background: var(--thm-base);

  border-radius: 7px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.default-tabs .tab-buttons .tab-btn.active-btn {color: #fff;}





.default-tabs .tab-buttons .tab-btn.active-btn:before {

  height: 100%;

}



.default-tabs .tab-buttons .tab-btn:hover,

.default-tabs .tab-buttons .tab-btn.active-btn:hover {

  color: var(--thm-black);

}



.default-tabs .tabs-content {

  position: relative;

  padding-top: 20px;

  padding-bottom: 20px;

}



.default-tabs .tabs-content .content {

  position: relative;

  display: block;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.default-tabs .tabs-content .active-tab .content {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



.default-tabs .tabs-content .text {

  position: relative;

  color: var(--thm-text);

  font-size: 16px;

  line-height: 34px;

}



.agency-section .right-col .text {

  position: relative;

  color: var(--thm-text);

  margin-bottom: 50px;

}



.agency-section .featured-block-two {

  position: relative;

  display: block;

  padding-left: 268px;

  min-height: 248px;

  padding-top: 20px;

}



.agency-section .featured-block-two .image {

  position: absolute;

  left: 0;

  top: 0;

  width: 242px;

  border-radius: 50%;

}



.agency-section .featured-block-two .image img {

  display: block;

  width: 100%;

  -webkit-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  filter: grayscale(100%);

  border-radius: 50%;

}



.agency-section .featured-block-two .text {

  position: relative;

  top: -5px;

  display: block;

  line-height: 1.5em;

  margin-bottom: 0;

}



.agency-section .featured-block-two .text ul {

  position: relative;

}



.agency-section .featured-block-two .text ul li {

  position: relative;

  line-height: 2.125em;

  margin-bottom: 12px;

  padding-left: 30px;

  color: var(--thm-text);

}



.agency-section .featured-block-two .text ul li:before {

  content: "\f107";

  font-family: "Flaticon";

  position: absolute;

  left: 0;

  top: -1px;

  color: var(--thm-base);

  font-weight: 400;

  font-size: 18px;

}







/***



====================================================================

37.	Parallax Section

====================================================================



***/

.features-section-two {

  position: relative;

  padding: 30px;

  background: #ffffff;

}



.features-section-two .content-container {

  position: relative;

  display: block;

  padding: 120px 0px 90px;

}



.features-section-two .content-container:before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  left: -2000px;

  background: #ffffff url(../images/background/pattern-2.png) right top repeat;

  border-radius: 0px 7px 7px 0px;

}



.features-section-two .left-col {

  position: relative;

  margin-bottom: 30px;

}



.features-section-two .left-col .inner {

  position: relative;

  display: block;

  padding-right: 40px;

}



.features-section-two .sec-title {

  margin-bottom: 40px;

}



.features-section-two .features {

  position: relative;

}



.features-section-two .feature {

  position: relative;

  display: block;

  padding: 0px 0px 40px;

  margin-bottom: 47px;

  padding-left: 90px;

  min-height: 100px;

  border-bottom: 1px solid #e9ebee;

}



.features-section-two .feature:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}



.features-section-two .feature .count {

  position: absolute;

  left: 0;

  top: 0px;

  width: 60px;

  height: 60px;

  text-align: center;

  background: var(--thm-base);

  padding: 10px;

  line-height: 40px;

  font-size: 20px;

  letter-spacing: 1px;

  color: #fff;

  text-transform: uppercase;

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  line-height: 1em;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  font-family: var(--thm-font);

}



.features-section-two .feature:hover .count {

  background-color: var(--thm-black);

  color: #fff;

}



.features-section-two .feature .count span {

  line-height: 1em;

  position: relative;

  top: 2px;

}



.features-section-two .feature h5 {

  font-weight: 500;

  font-size: 20px;

  margin: 0;

  line-height: 1em;

  text-transform: uppercase;

  margin-bottom: 15px;

}



.features-section-two .feature .sub-text {

  display: block;

  position: relative;

  top: 0px;

  font-size: 16px;

  line-height: 1.8em;

}



.features-section-two .right-col {

  position: relative;

  margin-bottom: 30px;

}



.features-section-two .right-col .inner {

  position: relative;

  display: block;

}



.features-section-two .right-col .image-box {

  position: relative;

  display: block;

}



.features-section-two .right-col .image-box img {

  position: relative;

  display: block;

  width: auto;

  max-width: none;

  -webkit-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  filter: grayscale(100%);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  border-radius: 7px;

}



.features-section-two .right-col .image-box:hover img {

  -webkit-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  filter: grayscale(0%);

}



.features-section-two .right-col .cap-box {

  position: absolute;

  left: 0;

  bottom: 0;

  display: block;

  width: 100%;

  max-width: 350px;

}



.features-section-two .right-col .cap-inner {

  position: relative;

  display: block;

  padding: 40px 60px;

  background: var(--thm-base);

  border-radius: 7px;

}



.features-section-two .right-col .cap-inner h5 {

  font-size: 30px;

  text-transform: uppercase;

  font-weight: 400;

  color: var(--thm-black);

  line-height: 1em;

  margin: 0;

}







/***



====================================================================

44.		Page Banner

====================================================================



***/

.page-banner {

  position: relative;

  padding: 0;

  color: #ffffff;

  background: var(--thm-black);

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

}



.page-banner .image-layer {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  background-repeat: no-repeat;

  background-size: cover;

}



.page-banner .shape-1 {

  position: absolute;

  right: 0;

  top: 0;

  width: 250px;

  max-width: 100%;

  height: 100%;

  background: url(../images/background/b-shape-1.png) right bottom no-repeat;

  z-index: 1;

}



.page-banner .shape-2 {

  position: absolute;

  right: 0;

  top: 0;

  width: 250px;

  max-width: 100%;

  height: 100%;

  background: url(../images/background/b-shape-2.png) right top no-repeat;

  z-index: 1;

}



.page-banner .banner-inner {

  position: relative;

  display: block;

  text-align: center;

  z-index: 3;

  background-color: rgba(0, 0, 0, 0.3);

}



.page-banner .inner-container {

  position: relative;

  padding: 240px 0px 120px;

}



.page-banner h1 {

  position: relative;

  font-size: 62px;

  color: #ffffff;

  line-height: 1.9em;

  font-weight: 400;

  letter-spacing: 1px;

  margin: 0;

}



.page-banner .page-nav {

  position: relative;

  padding-top: 5px;

  text-align: center;

}





/*--------------------------------------------------------------

# History Styles

--------------------------------------------------------------*/

.history-timeline {

  padding-bottom: 40px;

  padding-top: 90px;

}



@media (min-width: 1200px) {

  .history-timeline {

    padding-top: 0;

    padding-bottom: 80px;

    margin-top: -53.5px;

  }

}



.history-timeline__year {

  width: 0px;

  height: 0px;

}



@media (min-width: 992px) {

  .history-timeline__year {

    margin-bottom: 0;

    margin-right: auto;

    margin-left: auto;

  }

}



@media (min-width: 1200px) {

  .history-timeline__year {

    width: 107px;

    height: 107px;

    font-size: 30px;

    font-weight: 600;

    color: #ffffff;

  }

}



.history-timeline__date {

  font-size: 16px;

  font-weight: 500;

  color: var(--thm-base);

  text-transform: uppercase;

  font-family: var(--thm-font);

  margin: 0;

  display: block;

  line-height: 1;

  margin-bottom: 20px;

  padding-bottom: 10px;

  border-bottom: 1px solid #e9ebee;

  position: relative;

}



@media (min-width: 1200px) {

  .history-timeline__date::before {

    content: "";

    width: 23px;

    height: 23px;

    background-color: var(--thm-base);

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: -55px;

    -webkit-transform: translateY(50%) translateX(-50%);

    transform: translateY(50%) translateX(-50%);

    z-index: 10;

  }

}



.history-timeline__title {

  margin: 0;

  color: var(--thm-black);

  line-height: 1;

  text-transform: none;

}



h5{  

  color: var(--thm-black);

  font-size: 20px;

  font-weight: 600;

}



.history-timeline__text {

  margin: 0;

  color: #000000;

  font-size: 16px;

  line-height: 24px;

  margin-top: 25px;

}



.history-timeline__image {

  border-radius: 8px;

  display: inline-block;

  margin-top: 30px;

}



.about-me-one__image img {margin-top: 30px;

}



@media (min-width: 1200px) {

  .history-timeline__image {

    margin-top: 0;

  }

}



.history-timeline__image img {

  max-width: 100%;

  border-radius: 8px;

  max-height: 450px;

  margin-top: 0;

}



.history-timeline__card .row {

  position: relative;

  padding-top: 40px;

}



@media (min-width: 1200px) {

  .history-timeline__card .row {

    padding-top: 40px;

  }

}



.history-timeline__card .row:last-child {

  padding-bottom: 0;

}



@media (min-width: 992px) {

  .history-timeline__card .row:nth-child(odd) {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

  }

}



@media (min-width: 992px) {

  .history-timeline__card {

    position: relative;

  }



  .history-timeline__card:after {

    content: "";

    width: 1px;

    height: 100%;

    background-color: #e9ebee;

    position: absolute;

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

    transform: translateX(-50%);

    top: 0;

    left: 50%;

  }

}



.history-timeline__card {

  margin-bottom: 40px;

}



@media (min-width: 1200px) {

  .history-timeline__card {

    padding-bottom: 70px;

    margin-bottom: 0;

  }



  .history-timeline__card:last-child {

    padding-bottom: 0;

  }



  .history-timeline__card .row {

    margin-left: -55px;

    margin-right: -55px;

  }



  .history-timeline__card .row .lft{

    float: left;

  }



  .history-timeline__card .row .rgt{

    float: right;

  }



  .history-timeline__card .row [class*="col-"] {

    padding-left: 55px;

    padding-right: 55px;

  }



  .history-timeline__card .row:nth-child(even) .history-timeline__info {

    text-align: right;

  }



  .history-timeline__card .row:nth-child(even) .history-timeline__date::before {

    left: auto;

    right: -55px;

    -webkit-transform: translateY(50%) translateX(50%);

    transform: translateY(50%) translateX(50%);

  }



  .history-timeline__card:nth-child(even) .row:nth-child(even) {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

  }



  .history-timeline__card:nth-child(even) .row {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .history-timeline__card:nth-child(even) .row:nth-child(odd) .history-timeline__info {

    text-align: right;

  }



  .history-timeline__card:nth-child(even) .row:nth-child(even) .history-timeline__info {

    text-align: left;

  }



  .history-timeline__card:nth-child(even) .row:nth-child(even) .history-timeline__date::before {

    right: auto;

    left: -55px;

    -webkit-transform: translateY(50%) translateX(-50%);

    transform: translateY(50%) translateX(-50%);

    display: none;

  }



  .history-timeline__card:nth-child(even) .row:nth-child(odd) .history-timeline__date::before {

    right: -55px;

    left: auto;

    -webkit-transform: translateY(50%) translateX(50%);

    transform: translateY(50%) translateX(50%);

    display: none;

  }

}



/* common css */

.sec-title-six {

  margin-bottom: 54px;

}



.sec-title-six__text {

  color: var(--thm-base);

  font-size: 16px;

  margin: 0;

  line-height: 1;

  margin-bottom: 26px;

}



.sec-title-six__text span {

  padding-bottom: 6px;

  border-bottom: 2px solid currentColor;

}



.sec-title-six__title {

  font-size: 40px;

  font-weight: bold;

  color: var(--thm-black);

  margin: 0;

  line-height: 1;

}



@media (min-width: 992px) {

  .sec-title-six__title {

    font-size: 50px;

  }

}



.sec-title-seven {

  margin-bottom: 50px;

}



.sec-title-seven__title {

  margin: 0;

  color: var(--thm-black);

  font-size: 40px;

  line-height: 1.2em;

  letter-spacing: -0.04em;

}



@media (min-width: 1200px) {

  .sec-title-seven__title {

    font-size: 50px;

  }

}



.sec-title-seven__title span {

  font-weight: bold;

}



.sec-title-eight {

  margin-bottom: 47px;

}



.sec-title-eight__text {

  margin: 0;

  font-size: 16px;

  color: var(--thm-text);

  line-height: 1;

  margin-bottom: 10px;

}



@media (min-width: 992px) {

  .sec-title-eight__text {

    font-size: 18px;

  }

}



.sec-title-eight__title {

  margin: 0;

  font-size: 40px;

  color: var(--thm-black);

  font-weight: bold;

  line-height: 1.2em;

}



@media (min-width: 992px) {

  .sec-title-eight__title {

    font-size: 50px;

  }

}



.thm-btn__six {

  background-color: var(--thm-base);

  color: #fff;

  font-size: 16px;

  font-weight: bold;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

  padding: 17px 59px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.thm-btn__six:hover {

  background-color: var(--thm-black);

  color: #fff;

}



.thm-btn__seven {

  border-radius: 5px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  font-size: 12px;

  font-weight: bold;

  color: #fff;

  letter-spacing: .1em;

  background-image: -webkit-gradient(linear, left top, right top, from(#ff9a61), color-stop(51%, #ff4b82), to(#ff9a61));

  background-image: linear-gradient(to right, #ff9a61 0%, #ff4b82 51%, #ff9a61 100%);

  background-size: 200% auto;

  -webkit-transition: .5s;

  transition: .5s;

  text-transform: uppercase;

  padding: 11px 49px;

}



.thm-btn__seven:hover {

  color: #fff;

  background-position: 100%;

}



.thm-btn__eight {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  background-color: var(--thm-black);

  color: #fff;

  font-size: 12px;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: .1em;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  padding: 14.5px 50px;

}



.thm-btn__eight:hover {

  background-color: var(--thm-base);

  color: var(--thm-black);

}