/*
Theme Name: SonoThera
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */
.top-alert .owl-bg .item, .item a.link-more{font-family: var(--font-1) !important;}
:root {

    --font-size: clamp(16px, 13.8313px + 0.6024vw, 20px); /* https://utopia.fyi/clamp/calculator?a=360,1024,16—20 */
    --font-1: 'Raleway';
    --font-2: 'Poppins';
	
	--h1: clamp(40px, 25.6818px + 3.9773vw, 75px); /* https://utopia.fyi/clamp/calculator?a=360,1240,40—75 */
    --h2: clamp(30px, 21.8182px + 2.2727vw, 50px); /* https://utopia.fyi/clamp/calculator?a=360,1240,30—50 */
	--h2m: clamp(27px, 21.6818px + 1.4773vw, 40px); /* https://utopia.fyi/clamp/calculator?a=360,1240,27—40 */
    --h3: clamp(25px, 20.5556px + 1.2346vw, 35px);  /* https://utopia.fyi/clamp/calculator?a=360,1170,25—35 */
	--h3m: clamp(22px, 17.6627px + 1.2048vw, 30px); /* https://utopia.fyi/clamp/calculator?a=360,1024,22—30 */
    --h4: clamp(19px, 15.747px + 0.9036vw, 25px); /* https://utopia.fyi/clamp/calculator?a=360,1024,19—25 */
    --h5: clamp(17px, 15.3735px + 0.4518vw, 20px); /* https://utopia.fyi/clamp/calculator?a=360,1024,17—20 */
	--h5m: 18px;
    --h6: 17px;

	--color1: #33353A;
    --color2: #201E1F; /*headings*/
	--color3: #C74602; /*btitles*/
	--color4: #414A57;
	--color5: #456D8B;
	--color6: #FF8A4B;
	--color7: #E78A5F; 
    --colorb: #000; /*black*/
	--colord: #1E1C1D; /*dark*/
    --colorw: #FFF; /*white*/
    --darktitle: white;
    --darktext: white;
	--a: #C74602;
    --hover: #FF894A;
	
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */

.element h1, 
.element h2, 
.element h3, 
.element h4, 
.element h5, 
.element h6 {
	font-weight: 400;
	line-height: 120%;
	color: var(--color2);
}

.element h6 {
	color: var(--color1);
}

.element .btitle {
	font-weight: 600;
	font-size: clamp(13px, 10.8313px + 0.6024vw, 17px); /* https://utopia.fyi/clamp/calculator?a=360,1024,13—17 */
	letter-spacing: clamp(2px, 0.3193px + 0.4669vw, 5.1px); /* https://utopia.fyi/clamp/calculator?a=360,1024,2—5.1 */
	text-transform: uppercase;
	margin-bottom: 25px;
	color: var(--color3);
}

.element strong.mtitle {
	font-weight: 400;
	line-height: 120%;
	color: var(--color2);
}

.mtitle-fsize-40px .mtitle {
	font-size: var(--h2m);
}

.title-capitalize .ititle {
	text-transform: capitalize;
}

.textmargin-10px .btitle,
.textmargin-20px .btitle {
	margin-bottom: 10px;
}

[data-margin] .dtext, 
[data-margin] .ptext, 
[data-margin] .itext {
	margin-top: 25px;
}

.textmargin-10px [data-margin] .dtext, 
.textmargin-10px [data-margin] .ptext {
	margin-top: 10px;
}

.textmargin-20px [data-margin] .dtext, 
.textmargin-20px [data-margin] .ptext {
	margin-top: 20px;
}

.textmargin-30px [data-margin] .dtext, 
.textmargin-30px [data-margin] .ptext {
	margin-top: 30px;
}

.textmargin-40px [data-margin] .dtext, 
.textmargin-40px [data-margin] .ptext {
	margin-top: 40px;
}

.textwidth-330px [data-margin] .dtext, 
.textwidth-330px [data-margin] .ptext {
	max-width: 330px;
}

p {
	margin-bottom: 35px;
	line-height: 170%;
}

div p:last-child { 
	margin-bottom: 0;
}

ul {
	margin: 0;
	padding: 0 0 0 25px;	
}

ul li {
	padding: 5px 0 5px 10px;
	line-height: 170%;	
}

ul li::marker {
	font-size: 27px;
	color: var(--color3);	
}

.element a {
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	  -ms-word-break: break-all;
  	word-break: break-word;
  	  -ms-hyphens: auto;
  	    -moz-hyphens: auto;
          -webkit-hyphens: auto;
  	hyphens: auto;
}

small {
	font-size: 17px;
	display: inline-block;
	line-height: 170%;
}

.element hr {
	margin: 30px 0;
}

.element hr.line {
	width: 60px;
	border-top: 1px solid var(--color3);
}

/** Backgrounds **/
.bg-grey {
	background-color: #F9F9F9;
}

.bg-position-leftop .overlay-bg {
	background-position: left top;
}

.bg-position-leftbtm .overlay-bg {
	background-position: left bottom;
}

.bg-size-auto .overlay-bg {
	background-size: auto;
}

.bg-filter-blur .overlay-bg {
	filter: blur(150px);
	border-radius: 1000px;
}

.bg-lineargradient-a150301e4665 .overlay-bg:before {
	width: 100%; height: 100%;
	background: linear-gradient(242deg, rgba(161, 80, 48, 0.90) 3.86%, rgba(30, 70, 101, 0.90) 67.45%);
	backdrop-filter: blur(4px);
	position: absolute; top: 0; left: 0;
	content: '';
}

.overlay-lineargrad-a150301e4665 {
	background: linear-gradient(242deg, rgba(161, 80, 48, 0.90) 3.86%, rgba(30, 70, 101, 0.90) 67.45%);
	backdrop-filter: blur(5px);
}

/** Slider **/
.element .owlbtn {
	border: 0;
	border-radius: 100px;
	color: var(--color2);
}

.element .slide-bg .owlprev {
	left: -50px;
}
.element .slide-bg .owlnext {
	right: -50px;
}

.element .owlbtn:hover,
.element .owlbtn:focus-visible {
	background-color: transparent;
	color: var(--colorb);
}

.owlbtn:before {
	width: 100%;
	height: 100%;
	font-weight: 900;
	font-size: 18px;
	font-family: 'Font Awesome 6 Free';
	display: flex;
	justify-content: center;
	align-items: center;
	content: "\f053";
}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */

[data-margin] .btn-loop {
	margin-top: 40px;
}

.btn {
	font-weight: 600;
	font-size: 15px;
	font-family: var(--font-1);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	line-height: 100%;
	border-radius: 25px;
}

.btn-1 {
	background-color: transparent;
	padding: 15px 30px;
	border: 3px solid var(--color3);
}
.element .btn-1 {
	color: var(--color3);
}
[data-theme="dark"] .btn-1,
.ff-cta.design-1 .btn-1 {
	border: 3px solid var(--colorw);
	color: var(--colorw);
}

.btn-1:hover {
	background-color: var(--color3);
}
.element .btn-1:hover {
	color: var(--colorw);
}
[data-theme="dark"] .btn-1:hover,
.ff-cta.design-1 .btn-1:hover {
	background-color: var(--colorw);
	color: var(--color3);
}

.btn-1:after {
	background-color: var(--color3);
}
[data-theme="dark"]  .btn-1:after,
.ff-cta.design-1  .btn-1:after {
	background-color: var(--colorw);
}

.link-text {
	font: 600 15px var(--font-1);
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 10px 0;
}
.element .link-text {
	color: var(--a);
}
.link-text span {
	color: inherit;
}

/* #endregion */


/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

.top-ticker {
	background: linear-gradient(0deg, #C74602 0%, #C74602 100%);
	text-align: center;
}

.top-ticker .top-alert {
	font-size: 17px;
	font-family: var(--font-2);
	letter-spacing: 0.51px;
	padding: 10px 0;
}

.top-alert .link-more {
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	color: var(--colorw);
}

.top-alert .link-more:hover {
	opacity: 0.9;
	color: var(--colorw);
}

.top-alert .tick-btn {
	display: none;
}

header .menu_wrap { }

.sticky-head .menu_wrap {
	background-color: var(--colorw);
}

.navbar-brand {
    width: 300px;
}

/* #endregion */

/*------------------------------------------
    ##MARK: MENUS
------------------------------------------*/
/* #region */

.main-menu .navbar-nav {
	padding: 0;
}

.main-menu .navbar-nav li {
	padding: 0;
	display: none;
	line-height: normal;
}

.main-menu .navbar-nav .menu-item-megamenu {
	display: block;
}

.main-menu .navbar-nav .nav-link {
	min-width: 120px;
	height: 30px;
	background: url('images/icons/menu-btn.svg') no-repeat right center;
	font-size: 0;
    padding: 0;
}

.mega-drop {
	background-color: rgba(255, 255, 255, 0.80);
	padding: 55px 0;
	backdrop-filter: blur(40px);
	box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.05);
}

.mega-menu .flexic {
	justify-content: space-between;
	row-gap: 40px;
	column-gap: 30px;
}

.mega-menu .flexic .flex-item {
  	max-width: calc(25% - 30px);
	flex: 0 0 calc(25% - 30px);
}

.mega-menu .flexic .flex-item-5 {
  	max-width: 50%;
	flex: 0 0 50%;
}

.mega-menu .lb-title {
	font-size: var(--h3m);
	margin-bottom: 25px;
}

.mega-menu .lb-title a {
	color: inherit;
}

.mega-menu .lb-title a:hover,
.mega-menu .lb-title a:focus-visible {
	color: var(--hover);
}

.mega-menu .div-link {
	padding: 4px 0;
	display: block;
	color: inherit;
}

.mega-menu .div-link:hover,
.mega-menu .div-link.active {
	color: var(--a);
}

.mega-menu .dtext {
	letter-spacing: 0.6px;
}

.mega-menu .dtext a {
	text-decoration: underline;
	color: inherit;
}

.mega-menu .dtext .d-link {
	height: 60px;
	font-size: 17px;
	letter-spacing: 0;
	margin-top: 35px;
	padding-top: 18px;
	padding-bottom: 18px;
	display: block;
	border-radius: 50px;
	color: var(--a);
}

.mega-menu .dtext a:hover {
	color: var(--a);
}

.mega-menu .dtext .d-link:hover {
	color: var(--colorw);
}

/* #endregion */


/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

.ff-cta.design-1 { background: linear-gradient(0deg, #C74602 0%, #C74602 100%); padding-top: 35px; padding-bottom: 35px;}
.page-contact .ff-cta { display: none;}
.ff-cta.design-1 .dinfo { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; row-gap: 40px; column-gap: 70px;}
.ff-cta.design-1 .mtitle { width: auto; color: var(--darktitle);}
.ff-cta.design-1 [data-margin] .btn-loop { margin-top: 0;}

.footer-0 { font-size: 15px; letter-spacing: 0.45px; border-radius: 0 0 20px 20px; color: var(--colorw);}
.footer-0 .wrap { padding-top: 70px; padding-bottom: 60px; border-radius: 0 0 20px 20px;}
.footer-0 .color { background: linear-gradient(242deg, rgba(137, 62, 32, 0.90) 3.86%, rgba(22, 58, 85, 0.90) 67.45%); backdrop-filter: blur(4px);}
.footer-0 .dtop { margin-bottom: 70px; padding-bottom: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-0 .row { justify-content: space-between;}
.footer-0 a { color: inherit;}
.footer-0 .is-active { color: var(--hover);}
.footer-0 h6 { font-weight: 600; letter-spacing: 0.51px; text-transform: uppercase; color: var(--darktitle);}
.footer-0 .dtitle { margin-bottom: 35px;}
.footer-menu .menu-title { margin-bottom: 30px;}
.footer-menu ul { margin: 0; padding: 0; list-style: none;}
.footer-menu ul li { padding: 0;}
.footer-menu ul a { padding: 5px 0; display: block;}
.footer-0 .footer-logo { margin-bottom: 27px;}
.footer-0 .ssc { padding-top: 10px; line-height: 200%;}
.footer-0 .company-address { padding-bottom: 7px;}
.footer-0 .company-about { line-height: 200%;}
.footer-0 p { margin-bottom: 22px;}
.footer-0 strong { font-weight: 600;}
.footer-0 .social-icons { max-width: 130px; flex-wrap: wrap;}
.footer-0 .social-icons .soc-link { width: 100%; height: auto; background-color: transparent;}
.footer-0 .soc-link .icon-bg { justify-content: flex-start;}
.footer-0 .soc-link .icon { display: none !important;}
.footer-0 .soc-link .nfo { display: block;}
.footer-0 .copyright { padding-top: 60px;}
.footer-0 .foot { row-gap: 7px;}

/* #endregion */


/*------------------------------------------
    #MARK: GFORMS + FANCYBOX
------------------------------------------*/
/* #region */

body .gform_wrapper.gform-theme .gform_fields { column-gap: 30px; row-gap: 40px;}
body .gform_wrapper.gform-theme .gfield .gfield_label { font: 400 20px var(--font-1); margin-bottom: 17px; line-height: 120%; color: var(--colorb);}
body .gform_wrapper.gform-theme .gfield .gfield_required { font-weight: 600; font-size: 25px; margin-left: 0; line-height: 100%; color: var(--a);}
body .gform_wrapper.gform-theme .gfield input[type="text"],
body .gform_wrapper.gform-theme .gfield input[type="email"],
body .gform_wrapper.gform-theme .gfield input[type="tel"],
body .gform_wrapper.gform-theme .gfield select,
body .gform_wrapper.gform-theme .gfield textarea { height: 60px; font: 400 20px var(--font-1); padding: 0 15px; border: 1px solid #BCBCBC; border-radius: 10px;}
body .gform_wrapper.gform-theme .gfield textarea { font-size: 18px; padding: 12px 15px;}
body .gform_wrapper.gform-theme .gfield textarea.small { min-block-size: 100px;}
body .gform_wrapper.gform-theme .gfield textarea.medium { min-block-size: 150px;}
body .gform_wrapper.gform-theme .gfield textarea.large { min-block-size: 200px;}
body .gform_wrapper.gform-theme .gform-footer { margin-top: 65px; justify-content: flex-end; column-gap: 40px; row-gap: 20px;}
body .gform_wrapper.gform-theme .gform-footer .gform_button { height: 50px !important; background: transparent !important; font: 600 15px var(--font-1) !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; padding: 0 30px !important; border: 3px solid var(--color3) !important; border-radius: 25px !important; color: var(--color3) !important;}
body .gform_wrapper.gform-theme .gform-footer .gform_button:hover,
body .gform_wrapper.gform-theme .gform-footer .gform_button:focus-visible { background: var(--color3) !important; color: var(--colorw) !important;}
body .gform_wrapper.gform-theme .gform_validation_errors,
body .gform_wrapper.gform-theme .gfield_validation_message { display: none; visibility: hidden;}
body .gform_wrapper.gform-theme .gfield_error input[type="text"],
body .gform_wrapper.gform-theme .gfield_error input[type="email"],
body .gform_wrapper.gform-theme .gfield_error input[type="tel"],
body .gform_wrapper.gform-theme .gfield_error select { border: 1px solid var(--gf-ctrl-desc-color-error);}
body .gform_wrapper.gform-theme .gfield_error textarea { border: 1px solid var(--gf-ctrl-desc-color-error);}

.fancybox__container .fancybox__backdrop { background: rgba(0, 0, 0, 0.40);}
.fancybox__container .fancybox__content { max-width: 1170px; width: 100%; background: #FFF; padding: 70px 55px 100px 55px; filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.10)); border-radius: 20px;}
.fancybox__container .fancybox__content .f-button.is-close-btn { width: 40px; height: 40px; background: var(--color3); top: 17px; right: 17px; opacity: 1; border-radius: 50px; color: var(--colorw);}
.fancybox__container .fancybox__content .f-button.is-close-btn:hover { opacity: 0.80;}
.fancybox__container .fancybox__content .f-button svg { width: 17px; height: 17px; stroke-width: 4;}
.fc-bio .dinfo { max-width: 670px; margin-left: auto;}
.fc-bio .name { font-weight: 500; font-size: var( --h3); margin-bottom: 0; color: var(--color2);}
.fc-bio .position { font-weight: 400; font-size: var(--h5); margin-top: 22px; line-height: 130%; color: var(--color1);}
.fc-bio .dinfo { color: var(--color1);}
.fc-bio .dphoto { max-width: 300px; width: 100%;}
.fc-bio .thumb-bg { position: relative; margin-bottom: 30px;}
.fc-bio .img-thumbnail { overflow: hidden; border-radius: 20px;}
.fc-bio .img-placeholder { min-height: 200px; display: flex; justify-content: center; align-items: center;}
.fc-bio .dphoto img { max-width: 100%; width: auto;}
.fc-bio .img-placeholder img { max-width: 250px;}

/* #endregion */


/*------------------------------------------
    #MARK: HERO
------------------------------------------*/
/* #region */

.hero-optn .wrap { min-height: clamp(320px, 190.1299px + 32.4675vw, 570px);} /* https://utopia.fyi/clamp/calculator?a=400,1170,320—570 */
.home .hero-optn .wrap { min-height: clamp(500px, 266.2338px + 58.4416vw, 950px); margin-bottom: -55px;} /* https://utopia.fyi/clamp/calculator?a=400,1170,500—950 */
.hero-optn .bg-img { opacity: 0.5;}
.hero-optn.about-hero-banner .bg-img { opacity: 0.2;}
.home .hero-optn .bg-img { opacity: 1;}
.bg-nopacity .bg-img { opacity: 1;}
.hero-optn .color:before { width: 100%; height: calc(100% + 1px); background: url('images/banner-overlay.svg') no-repeat center bottom; background-size: cover; position: absolute; top: 0; left: 0; content: '';}
.bg-overlay-light .color:before { background-image: url('images/banner-overlay-light.svg');}
.home .hero-optn .color:before { background: url('images/banner-overlay-home.svg') no-repeat center bottom; background-size: cover;}
.hero-optn .hero-opt { padding-right: 0; padding-left: 0;}

/* #endregion */


/*------------------------------------------
    #MARK: TITLES
------------------------------------------*/
/* #region */

.title-opt .wrap { padding-top: 100px; padding-bottom: 70px;}

/* #endregion */


/*------------------------------------------
    #MARK: TEXTS
------------------------------------------*/
/* #region */

.texts-opt .wrap { padding-top: 100px; padding-bottom: 70px;}
.texts-opt .conbox-layout { background: linear-gradient(0deg, var(--color3) 0%, var(--color3) 100%); padding: 35px 100px; border-radius: 20px; color: var(--colorw);}
.conbox-layout .mtitle,
.conbox-layout .btitle,
.conbox-layout .atitle { color: var(--darktitle);}
.texts-opt .dtext .link-text { font-size: 17px; letter-spacing: 1.7px; padding-left: 10px; padding-right: 10px;}

/* #endregion */


/*------------------------------------------
    #MARK: CARDS FLEX
------------------------------------------*/
/* #region */

.cards-flex .flexic { row-gap: 35px;}
.cards-flex .div-link { color: inherit;}
.cards-flex .ititle { font-weight: 500;}
.cards-flex h6.ititle { font: 400 15px var(--font-1); line-height: 140%;}
.cards-flex a.div-link:hover .ititle,
.cards-flex a.div-link:focus-visible .ititle { color: var(--a);}
.cards-flex .dimage { min-height: 250px; background-color: transparent; margin-bottom: 40px; border-radius: 20px;}
.media-nobradius .dimage { border-radius: 0;}
.media-minh-320 .dimage { min-height: 320px;}
.cards-flex .dimage img { width: 100%; object-fit: cover; object-position: center;}
.cards-flex a.div-link:hover .dimage img,
.cards-flex a.div-link:focus-visible .dimage img { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1.07); transform: scale(1.07); -webkit-transition-duration: 1s; transition-duration: 1s;}

.cards-flex-numbers .flexic { row-gap: 50px;}
.cards-flex-numbers .div-link { position: relative;}
.cards-flex-numbers .div-link:before { width: 42px; height: 42px; background: var(--color7); font-size: 30px; font-variant-numeric: lining-nums; text-align: center; display: block; line-height: 130%; border: 2px solid var(--colorw); border-radius: 50px; color: var(--colorw);}
.cards-flex-numbers .div-link:after { width: 46px; height: 46px; background: var(--color7); position: absolute; top: -2px; left: -2px; z-index: -1; border-radius: 50px; content: '';}
.cards-flex-numbers .flex-item:first-child .div-link:before { content: '1';}
.cards-flex-numbers .flex-item:nth-child(2) .div-link:before { content: '2';}
.cards-flex-numbers .flex-item:nth-child(3) .div-link:before { content: '3';}
.cards-flex-numbers .flex-item:nth-child(4) .div-link:before { content: '4';}
.cards-flex-numbers .flex-item:nth-child(5) .div-link:before { content: '5';}
.cards-flex-numbers .flex-item:nth-child(6) .div-link:before { content: '6';}
.cards-flex-numbers .flex-item:nth-child(7) .div-link:before { content: '7';}
.cards-flex-numbers .flex-item:nth-child(8) .div-link:before { content: '8';}
.cards-flex-numbers .flex-item:nth-child(9) .div-link:before { content: '9';}
.cards-flex-numbers .flex-item:nth-child(10) .div-link:before { content: '10';}
.cards-flex-numbers .flex-item:nth-child(11) .div-link:before { content: '11';}
.cards-flex-numbers .flex-item:nth-child(12) .div-link:before { content: '12';}
.cards-flex-numbers .dinfo { padding-top: 15px;}
.cards-flex-numbers .flex-item:first-child h6.ititle { font-weight: 500;}
.cards-flex-numbers .flex-item:nth-child(4) h6.ititle { font-size: 14px;}
.cards-flex-numbers .flex-item:last-child h6.ititle { font-weight: 500; font-size: 16px;}
.cards-flex-numbers .dimage { min-height: 0; margin-bottom: 0; margin-top: 20px;}

/* #endregion */


/*------------------------------------------
    #MARK: COL GALLERY
------------------------------------------*/
/* #region */

.col-gallery .wrap { padding-top: 100px; padding-bottom: 100px;}
.col-gallery [data-ctr="2"] .grid { column-gap: 40px;}
.col-gallery [data-ctr="3"] .grid,
.col-gallery [data-ctr="4"] .grid { column-gap: 30px;}
.col-gallery .dimage { height: 320px; background-color: transparent; display: block; border-radius: 20px;}
.col-gallery .dimage img { width: 100%; height: 100%; object-fit: cover; object-position: center;}

/* #endregion */


/*------------------------------------------
    #MARK: CUSTOM CAREERS
------------------------------------------*/
/* #region */

.custom-careers .wrap { padding-top: 100px; padding-bottom: 100px;}
.custom-careers .dheading { margin-bottom: 50px;}
.career-department { padding-top: 60px;}
.career-department:first-child { padding-top: 0;}
.career-department .department { margin-bottom: -10px; display: block;}
.career-department h2.department { font-size: var(--h2m);}
.career-department .career { border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.career .poslink { padding: 45px 0; display: block;}
.career .posname { font-weight: 500; line-height: 130%;}
.career .poslink:hover .posname,
.career .poslink:focus-visible .posname { color: var(--a);}
.career .location { font-weight: 400; padding-top: 15px; display: block; color: var(--color1);}
.career .poslink:hover .location,
.career .poslink:focus-visible .location { color: #DE7345;}

/* #endregion */


/*------------------------------------------
    #MARK: ICONS FLEX
------------------------------------------*/
/* #region */

.icons-flex .flexic { row-gap: 60px;}
.flex-litem .dinfo { display: flex; align-items: center; column-gap: 30px;}
.flex-litem .pad { flex: 1;}
.icons-flex .ititle { font-weight: 500; letter-spacing: 0.6px; line-height: 150%;}
.icons-flex h4.ititle { line-height: 125%;}
.icons-flex .ptext,
.icons-flex .dtext { font-size: 15px; letter-spacing: 0.45px; margin-top: 10px;}
.icons-flex-02 .ptext,
.icons-flex-02 .dtext { margin-top: 30px;}
.icons-flex .ptext,
.icons-flex .dtext p { line-height: 150%;}
.icons-flex .diconn { max-width: 70px; height: 70px; background-color: var(--color3); border-radius: 70px;}
.icons-flex[data-theme="dark"] .diconn { background-color: var(--colorw);}
.icons-flex .diconn img { max-width: 35px; max-height: 35px; width: 100%;}
.icons-flex .dext-content { text-align: center; padding-top: 45px;}

.icons-flex-02 .flexic { row-gap: 0;}
.icons-flex-02 .flex-item { border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.25);}
.icons-flex-02 .div-link { padding-top: 70px; padding-bottom: 40px;}
.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(1) .div-link,
.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(2) .div-link { padding-top: 25px;}
.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(odd) .div-link { padding-right: 80px;}
.icons-flex-02 [data-ctr="2"] .flex-item:nth-child(even) .div-link { padding-left: 80px;}
.icons-flex-02 .flex-litem .dinfo { align-items: flex-start;}
.icons-flex-02 .diconn { max-width: 80px; height: 80px; border-radius: 100px;}
.icons-flex-02 .diconn img { max-width: 50px; max-height: 50px;}

.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(3),
.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(4) { border-bottom: 0;}
.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(3) .div-link,
.icons-flex-4items [data-ctr="2"] .flex-item:nth-child(4) .div-link { padding-bottom: 25px;}

/* #endregion */


/*------------------------------------------
    #MARK: ROW MEDIA
------------------------------------------*/
/* #region */

[data-design*="row-flex"] .flexic { column-gap: 70px;}
[data-colwidth="6"] .media { max-width: 570px;}
[data-colwidth="6"][data-rtl="1"] .media { margin-left: auto;}
.ver-2[data-design*="row-flex"][data-colwidth="5"] .dmedia { max-width: 42.736%; /*max-width: 500px*/ flex: 0 0 42.736%;}
.ver-2[data-design*="row-flex"][data-colwidth="7"] .dmedia { max-width: 59.83%; /*max-width: 700px*/ flex: 0 0 59.83%;}
.mhauto,
.mhfull { height: 100%;}
.mh490 { height: 490px;}
.mh540 { height: 540px;}
.mh610 { height: 610px;}
.mh630 { height: 630px;}
.mh670 { height: 670px;}
.mh700 { height: 700px;}
.mh750 { height: 750px;}
.media img { height: 100%; object-fit: cover; object-position: center;}
.mhauto img { height: auto; border-radius: 20px;}

.row-media .wrap { padding-bottom: 100px;}
.row-media .media { overflow: hidden; border-radius: 20px;}
.row-media-withborder .media { border: 1px solid #E4E4E4;}
.row-media .dmedia .mctitle { position: relative; text-align: center; margin-bottom: -70px; display: block; z-index: 2;}
.row-media .dmedia h2.mctitle,
.row-media .dmedia h3.mctitle { font-size: var(--h2m);}
.row-media .dtext, 
.row-media .ptext { margin-top: 16px;}
.row-media .dtext a,
.row-media .ptext a { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; color: inherit;}
.row-media .dinfo .hlight { text-decoration: none; color: var(--a);}
.row-media .column-review { margin-bottom: 60px;}
.column-review .client { display: flex; flex-wrap: wrap; align-items: center; gap: 17px;}
.column-review .ititle { width: auto; font-weight: 600; font-size: var(--h5m); color: var(--color2);}
.column-review .dphoto { max-width: 45px; height: 45px; overflow: hidden; border-radius: 100%;}
.column-review blockquote { background-color: var(--colorw); position: relative; margin-bottom: 30px; filter: drop-shadow(0 4px 25px rgba(0, 25, 48, 0.11)); padding: 40px 50px 70px 50px; line-height: 170%; border-radius: 10px;}
.column-review blockquote:before { width: 28px; height: 21px; background: url('images/icons/quote-before.svg') no-repeat center; position: absolute; bottom: -10px; left: 50px; content: '';}

/* #endregion */


/*------------------------------------------
    #MARK: ROW CONTACT
------------------------------------------*/
/* #region */

.row-contact .wrap { padding-top: 100px; padding-bottom: 100px;}
.row-contact .mtitle { margin-bottom: 35px;}
.row-contact h2.mtitle { font-size: var(--h2m);}
.row-contact .col-lg-5,
.row-contact .col-lg-6,
.row-contact .col-lg-7 { padding-left: 0; padding-right: 0;}
.row-contact .col-lg-5 { margin-right: -15px;}
.row-contact .col-lg-7 { margin-left: 15px;}
.row-contact .dinfo { padding-left: 70px;}
.row-contact .company-contact { display: flex; flex-wrap: wrap; row-gap: 35px;}
.row-contact .company-contact .ssc { width: 100%; align-items: center;}
.row-contact .sc-email { text-transform: lowercase;}
.row-contact .ssc .sc-icon { height: 20px; margin-right: 20px;}
.row-contact .company-address .sc-icon { margin-top: -65px;}
.company-contact a { color: inherit;}
.company-contact p { margin-bottom: 0;}
.gmap iframe { border-radius: 20px;}

/* #endregion */


/*------------------------------------------
    #MARK: AJAX NEWS POSTS
------------------------------------------*/
/* #region */

.ajax-posts .wrap { padding-top: 100px; padding-bottom: 100px;}
.ajax-posts .dheading { margin-bottom: 60px;}
.ajax-posts .dtext { margin-top: 20px;}
.ajax-posts [data-design="grid-1.0"] .box { min-height: 260px; position: relative; padding: 30px 20px 48px 20px; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.10); border: 0; border-radius: 20px;}
.ajax-posts [data-design="grid-1.0"] .box:before { width: 100%; height: 0; background: var(--a); position: absolute; bottom: 0; left: 0; content: ''; z-index: 0; border-radius: 20px;}
.ajax-posts [data-design="grid-1.0"] .box:hover:before,
.ajax-posts [data-design="grid-1.0"] .box:focus-visible:before { height: 100%; transition: all 0.3s;}
.ajax-posts [data-design="grid-1.0"] .post-link { position: relative;}
.ajax-posts .box:hover .post-link,
.ajax-posts .box:focus-visible .post-link { color: var(--colorw);}
.ajax-posts .post-title .title { line-height: 150%;}
.ajax-posts .box:hover .title,
.ajax-posts .box:focus-visible .title { color: var(--darktitle);}
.ajax-posts [data-design="grid-1.0"] .div-meta { display: none;}
.ajax-posts [data-design="grid-1.0"] .post-meta { font-weight: 700; font-size: 13px; letter-spacing: 1.95px; text-transform: uppercase; padding-bottom: 20px;}
.ajax-posts[data-axpost] .ajx_btn { margin-top: 60px;}
.ajax-posts .link-more { font-size: 17px; letter-spacing: 1.7px; display: block;}

/* #endregion */


/*------------------------------------------
    #MARK: JS TIMELINE
------------------------------------------*/
/* #region */

.js-timeline .wrap { padding-top: 100px; padding-bottom: 100px;}
.js-timeline .timeline-container { width: 100%;}
.timeline .timeline-list { max-width: 950px; width: 100%; max-height: 750px; background: var(--colorw); margin-top: -50px; margin-left: auto; padding: 30px 70px 50px 60px; filter: drop-shadow(0 4px 25px rgba(0, 25, 48, 0.11)); border-radius: 10px;}
.timeline-vertical .timeline-dots-wrap.left { max-width: 220px; width: 100% !important; top: 75px; left: 0;}
/*.timeline-vertical .timeline-dots-wrap:before { width: 4px; height: 100%; background-color: var(--colorw); position: absolute; top: 0; left: 0; content: '';}*/
.timeline-vertical .timeline-dots { top: 0; transform: none !important;}
.timeline-vertical .timeline-dots:before { width: 100%; position: absolute; top: 0; left: 0; content: '';}
.timeline .tl-item { width: 100%; height: 750px; overflow: hidden;}
.timeline .content-title { color: var(--colorb);}
.timeline .content-info { padding-top: 30px;}
.timeline .content-info p { position: relative; margin-bottom: 50px; padding-bottom: 45px; display: flex; gap: 20px; line-height: 170%;}
.timeline .content-info p:last-child { margin-bottom: 0; padding-bottom: 0;}
.timeline .content-info p:after { width: 60px; height: 1px; background: var(--color3); position: absolute; bottom: 0; left: 0; display: block; content: '';}
.timeline .content-info p.wicon:after { left: 80px;}
.timeline .content-info p:last-child:after { display: none;}
.timeline .content-info img { max-width: 60px; max-height: 60px; width: 100%;}
.timeline-vertical .timeline-dots li { position: relative; padding: 3px 0;}
.timeline-vertical .timeline-dots .slide-active { }
/*.timeline-vertical .timeline-dots li:before { width: 16px; height: 16px; background: var(--a); position: absolute; top: 0; left: 0; content: ''; border-radius: 100%;}
.timeline-vertical .timeline-dots .slide-active:before { }*/
.js-timeline .timeline-vertical .timeline-dots button { font-size: var(--h3m); padding-left: 0; color: rgba(255, 255, 255, 1);}
.js-timeline .timeline-vertical .timeline-dots .slide-active button { color: var(--a);}

/* #endregion */


/*------------------------------------------
    #MARK: JS TEAM
------------------------------------------*/
/* #region */

.js-team .wrap { padding-top: 100px;}
.js-team .dheading { margin-bottom: 70px;}
.js-team .item { height: 100%; background: var(--colord); position: relative; padding-top: 48px; display: block; overflow: hidden; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.10); border-radius: 20px;}
.col-h400 .item { min-height: 400px;}
.col-h450 .item { min-height: 450px;}
.col-h500 .item { min-height: 500px;}
.col-h530 .item { min-height: 530px;}
.col-h550 .item { min-height: 550px;}
.col-overlay .item { padding-top: 0;}
.member .dinfo { position: relative; padding: 35px 30px 30px 30px;}
.col-overlay .member .dinfo { min-height: 155px; position: absolute; bottom: 0;}
.member .ititle { font-weight: 600; line-height: 150%; color: var(--darktitle);}
.member .atitle { font-weight: 400; color: var(--darktitle);}
.member .dimage { width: 100%; background-color: transparent;}
.col-overlay .member .dimage { height: 100%; position: absolute; top: 0;}
.member .img-thumbnail { border-radius: 100%; overflow: hidden;}
.col-overlay .member .img-thumbnail { border-radius: 0;}
.member .img-placeholder { min-height: 300px; display: flex; flex-wrap: wrap; justify-content: center;}
.member .color { height: 227px; top: auto; bottom: 0;}
.col-overlay .member .color { background: linear-gradient(0deg, #201E1F 0%, rgba(32, 30, 31, 0.00) 100%);}
.member:hover .color,
.member:focus-visible .color { height: 338px; background: linear-gradient(0deg, #DE7345 0%, rgba(222, 115, 69, 0.00) 100%); transition: all 0.4s;}
.member .dimage img { max-width: 100%; width: auto;}
.col-overlay .member .dimage img { width: 100%; height: 100%; object-fit: cover;}
.member-2108 .dimage img { max-height: 330px;}

/* #endregion */


/*------------------------------------------
    #MARK: GRID POST SLIDER
------------------------------------------*/
/* #region */

.grid-post-slider .wrap { padding-top: 90px; padding-bottom: 90px;}
.grid-post-slider .dinfo { margin-bottom: 40px; flex-wrap: wrap;}
.grid-post-slider .mtitle { width: auto;}
.grid-post-slider .cats-filter { font-weight: 600; font-size: 17px; letter-spacing: 1.7px; text-transform: uppercase;}
.cats-filter a { padding: 10px 35px; color: var(--color1);}
.cats-filter .cat-itn { padding-right: 0;}
.cats-filter a:hover,
.cats-filter .active { color: var(--color3);}
.grid-post-slider .owl-carousel.owl-loaded { display: none;}
.grid-post-slider .owl-carousel-all.owl-loaded { display: block;}
.grid-post-slider [data-design*="grid-post"] .item { margin-top: 20px; margin-bottom: 30px;}
[data-design*="grid-post"] .item .post-item { padding: 30px 20px 50px 20px; box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.10); border-radius: 20px;}
[data-design*="grid-post"] .item .post-item:hover,
[data-design*="grid-post"] .item .post-item:focus-visible { background: var(--color3); -webkit-transition: all 1.5s; transition: all 1.5s; color: var(--colorw);}
.grid-post-slider .item h6.ititle { line-height: 150%;}
.grid-post-slider .post-item:hover .ititle { color: var(--colorw);}
.grid-post-slider .item .post-category { font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px;}
.grid-post-slider .item .cat-1 { color: var(--color6);}
.grid-post-slider .item .cat-3 { color: var(--color1);}
.grid-post-slider .item .cat-4 { color: var(--color5);}
.grid-post-slider .post-item:hover .post-category { color: var(--colorw);}
.grid-post-slider .btn-loop { width: 100%; justify-content: center; margin-top: 10px;}

/* #endregion */


/*------------------------------------------
    #MARK: SLIDER LOGOS
------------------------------------------*/
/* #region */

.slider-logos .wrap { padding-top: 100px; padding-bottom: 100px;}
[data-container="100"] .slide-bg.is-grid, 
[data-container="100"] .slide-bg.is-inner { max-width: 100%; padding: 0;}
.slider-logos .dheading { text-align: center; margin-bottom: 55px;}
.slider-logos .bheading { font-weight: 500; margin-bottom: 0;}
.slider-logos .slide-bg .item { height: auto;}
.slider-logos .dlogo { max-width: 200px; height: 70px; display: flex; align-items: center;}
.slider-logos .dlogo img { max-width: 100%; max-height: 50px; width: auto !important;}

/* #endregion */


/*------------------------------------------
    #MARK: SLIDER REVIEWS
------------------------------------------*/
/* #region */

.slider-reviews .dheading { text-align: center; margin-bottom: 20px;}
.slider-reviews .slide-bg .item { margin: 40px 0; display: flex; flex-wrap: wrap; gap: 30px;}
.slider-reviews .item .dinfo { width: calc(100% - 230px); background: var(--colorw); padding: 40px 50px 50px 50px; filter: drop-shadow(0 4px 15px rgba(0, 25, 48, 0.11)); border-radius: 10px;}
.slider-reviews .item .dinfo:before { width: 28px; height: 21px; background: url('images/icons/quote-before.svg') no-repeat center; position: absolute; top: -10px; left: 50px; content: '';}
.slider-reviews [data-design*="quotes-2"] .ptext,
.slider-reviews [data-design*="quotes-2"] .dtext { font-size: var(--font-size); text-align: initial; padding-bottom: 27px; line-height: 170%;}
.slider-reviews [data-design*="quotes-2"] .ititle { font-weight: 600; margin-bottom: 0;}
.slider-reviews .item .davatar { width: 170px; height: 170px; background-color: transparent;}
.slider-reviews .item .davatar img { height: 100%; object-fit: cover; object-position: center top;}
.slider-reviews .owl-dots { bottom: 0; padding-left: 200px; justify-content: flex-start;}
.owl-dots .owl-dot { width: 8px; height: 8px;}
.slider-reviews .owl-carousel button.owl-dot { background-color: #D9D9D9;}
.slider-reviews .owl-carousel button.owl-dot.active { background-color: var(--a);}

/* #endregion */


/*------------------------------------------
    #MARK: SINGLE NEWS POST
------------------------------------------*/
/* #region */

.single-newspost .wrap { padding-top: 100px; padding-bottom: 100px;}
.single-newspost .container { max-width: 1060px;}
.single-newspost .post-topcontent { background: #E8E8E8; margin-top: 65px; padding: 30px 47px; border-radius: 20px;}
.single-newspost .post-mcontent { margin-top: 65px;}
.post-topcontent ul li { padding-top: 10px; padding-bottom: 10px;}
.single-newspost .dtitle { font-size: var(--h3);}
.single-newspost .meta { display: none;}
.single-newspost h2,
.single-newspost h3 { margin-top: 50px; margin-bottom: 35px;}
.single-newspost h4 { margin-top: 40px; margin-bottom: 25px;}
.single-newspost .content-table { margin-bottom: -10px; padding-top: 35px;}
.single-newspost .contable-heading { padding-top: 0;}
.content-table:before { width: 100px; height: 1px; background: #C74602; margin-bottom: 25px; display: block; content: '';}
.contable-heading:before { display: none;}
.content-table table th { min-width: 200px; font-weight: 600; padding: 12px 0; vertical-align: top;}
.content-table table td { padding: 12px 0 12px 30px;}
.content-table table a { color: inherit;}
.content-table table b { font-weight: 600; color: var(--color3);}

/* #endregion */

/*------------------------------------------
    #MARK: QA EDITS 02/03/2026
------------------------------------------*/
/* #region */

.page-id-7 .slider-logos.slider-logos-copier .wrap {padding-top:0px; padding-bottom: 55px;}
.page-id-7 .slider-logos.slider-logos-copier .dheading {display:none;}
.page-id-9 .icons-flex .dext-content { padding-top: 60px; font-size: 28px; color: var(--color3); }
.element.rowflex-colgap-40px [data-design*="row-flex"] .flexic {column-gap: 40px;}
.mega-menu .dtext a[href^="tel:"] {text-decoration: none; color: var(--a);}

/* #endregion */