/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/

/* Font */
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('/wp-content/uploads/fonts/montserrat-v29-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body,html,h1,h2,h3,h4,h5,h6,a,span,strong,em,p,div,table,tr,td,th,ul,ol,li{
	font-family: 'Montserrat'!important;
}
h1,h2,h3,h4,h5,h6,.timeline-title, .timeline-stitle{
	text-transform: uppercase!important;
}
@media screen and (min-width: 981px){
	h2{
		font-size: 35px!important;
	}
}
/* Menu */
.container.clearfix.et_menu_container {
    max-width: 100% !important;
    width: 100%;
	padding-right: 40px!important;
        padding-left: 40px!important;
}

/*Contact Form */

.wpcf7-form .form-row.two-columns {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.wpcf7-form .form-row.two-columns .form-group {
  flex: 1;
  min-width: 200px;
}

/* Full-width fields */
.wpcf7-form .form-row {
  margin-bottom: 20px;
}

/* Style input, textarea, and select */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  background-color: #f1f1f1; 
  box-sizing: border-box;
}

/* Textarea height */
.wpcf7-form textarea {
  min-height: 150px;
  resize: vertical;
}

/* Submit button */
.wpcf7-form .wpcf7-submit {
  padding: 0.3rem 1rem;
  font-size: 16px;
  font-weight: 900;
  background-color: #ffffff;
  color: #95d1c7;
  border-color: rgba(210,159,104,0);
  border-width: 10px;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  text-align: end;
}

.wpcf7-form .button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0 !important;
}

.button-wrapper > p {
  display: flex;
  align-items: center;
}

.button-wrapper .wpcf7-spinner {
  order: -1; 
  margin-right: 12px;
  margin-left: 0;
}

/* Timeline of Profession */
.timeline-container {
      position: relative;
      display: flex;
      padding: 60px 20px;
    }

    .timeline-container::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      height: 4px;
      width: 100%;
      background: #4F5B59;
      z-index: 0;
    }

    .timeline-event {
      position: relative;
      flex: 0 0 320px;
      text-align: center;
      z-index: 1;
    }

    .timeline-icon {
	  width: 60px;
	  height: 60px;
	  background: #ffffff;
	  border: 2px solid #95d1c7;
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: 0 auto;
	  position: relative;
	  z-index: 2;
	  overflow: hidden;
	}

.timeline-icon img {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
}

    .timeline-content {
      max-width: 300px;
      margin-top: 15px;
	  width: 100%;
    }

    .timeline-content.above {
      position: absolute;
      bottom: 70px;
      left: 50%;
      transform: translateX(-50%);
    }

    .timeline-content.below {
      position: absolute;
      top: 70px;
      left: 50%;
      transform: translateX(-50%);
    }

    .timeline-title {
      font-weight: bold;
      margin-bottom: 4px;
    }

    .timeline-desc {
      font-size: 0.9em;
      color: #555;
    }

    .timeline-container::-webkit-scrollbar {
      display: none;
    }

    .timeline-container {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
@media (max-width: 980px) {
      .timeline-container {
        flex-direction: column;
        align-items: stretch;
        overflow-x: hidden;
        padding: 10px;
      }

      .timeline-container::before {
        display: none;
      }

      .timeline-event {
        display: flex;
        align-items: center;
        flex: 1 1 100%;
        margin: 20px 0;
        position: relative;
        padding-bottom: 20px;
        border-bottom: 2px solid #4F5B59;
		flex-direction: row-reverse;
		 justify-content: center;
      }

      .timeline-icon {
        margin: 0 15px 0 0;
        flex-shrink: 0;
      }

      .timeline-content {
        position: static;
        transform: none;
        text-align: left;
        margin: 0;
      }

      .timeline-content.above,
      .timeline-content.below {
        position: static;
      }
 	.timeline-content.below, .timeline-content.above {
      transform: none!important;
    }
	
	.timeline-title{
		word-break: break-all!important;
	}
	.timeline-icon img {
		max-width: 50%!important;
		max-height: 50%!important;
		object-fit: contain;
	}
	.timeline-icon {
    	width: 50px!important;
		height: 50px!important;
	} 
	.mobile_menu_bar:before{
		color: #95d1c7!important;
	}
    }