/*
Theme Name: Octopus Security
Author: Petro R, @si_design
Author URI: https://t.me/si_design
Theme URI:
Description: Lightning Fast Speed & Responsive Theme. Octopus Security is a responsive and fully customizable theme to create any kind of websites.
Version: 1.0.18
Tested up to: 6.3
Requires PHP: 5.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: octopussecurity
Slug: octopussecurity
*/
@font-face {
    font-family: 'Inter Semi Bold';
    src: local('Inter Semi Bold'), local('Inter-Semi-Bold'),
    url('./fonts/Inter-SemiBold.woff2') format('woff2'),
    url('./fonts/Inter-SemiBold.woff') format('woff'),
    url('./fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter Regular';
    src: local('Inter Regular'), local('Inter-Regular'),
    url('./fonts/Inter-Regular.woff2') format('woff2'),
    url('./fonts/Inter-Regular.woff') format('woff'),
    url('./fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter Medium';
    src: local('Inter Medium'), local('Inter-Medium'),
    url('./fonts/Inter-Medium.woff2') format('woff2'),
    url('./fonts/Inter-Medium.woff') format('woff'),
    url('./fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Inter Bold';
    src: local('Inter Bold'), local('Inter-Bold'),
    url('./fonts/Inter-Bold.woff2') format('woff2'),
    url('./fonts/Inter-Bold.woff') format('woff'),
    url('./fonts/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roobert PRO-Regular';
    src: url('./fonts/RoobertPRO-Regular.eot');
    src: local('Roobert PRO Regular'), local('RoobertPRO-Regular'),
    url('./fonts/RoobertPRO-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RoobertPRO-Regular.woff2') format('woff2'),
    url('./fonts/RoobertPRO-Regular.woff') format('woff'),
    url('./fonts/RoobertPRO-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert PRO-Bold';
    src: url('./fonts/RoobertPRO-Bold.eot');
    src: local('Roobert PRO Bold'), local('RoobertPRO-Bold'),
    url('./fonts/RoobertPRO-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RoobertPRO-Bold.woff2') format('woff2'),
    url('./fonts/RoobertPRO-Bold.woff') format('woff'),
    url('./fonts/RoobertPRO-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert PRO-Light';
    src: url('./fonts/RoobertPRO-Light.eot');
    src: local('Roobert PRO Light'), local('RoobertPRO-Light'),
    url('./fonts/RoobertPRO-Light.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RoobertPRO-Light.woff2') format('woff2'),
    url('./fonts/RoobertPRO-Light.woff') format('woff'),
    url('./fonts/RoobertPRO-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roobert PRO-Medium';
    src: url('./fonts/RoobertPRO-Medium.eot');
    src: local('Roobert PRO Medium'), local('RoobertPRO-Medium'),
    url('./fonts/RoobertPRO-Medium.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RoobertPRO-Medium.woff2') format('woff2'),
    url('./fonts/RoobertPRO-Medium.woff') format('woff'),
    url('./fonts/RoobertPRO-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@media (min-width: 979px) {
	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { /* для раскрывания субменю по наведению */
		display: block;
	}
	.comment-list .children { /* для комментов */
		padding: 0;
		margin-left: 74px;
		padding-bottom: 15px;
	}
	.comment-list .media {margin-top: 0}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0}

.aligncenter,
div.aligncenter {display: block;margin: 5px auto 5px auto}
.alignright {float: right;margin: 5px 0 20px 20px}
.alignleft {float: left;margin: 5px 20px 20px 0}
a img.alignright {float: right;margin: 5px 0 20px 20px}
a img.alignnone {margin: 5px 20px 20px 0}
a img.alignleft {float: left;margin: 5px 20px 20px 0}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {margin: 5px 20px 20px 0}
.wp-caption.alignleft {margin: 5px 20px 20px 0}
.wp-caption.alignright {margin: 5px 0 20px 20px}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/** ----- MY STYLE ----- */
/*--bs-breakpoint-xs: 0;*/
/*--bs-breakpoint-sm: 576px;*/
/*--bs-breakpoint-md: 768px;*/
/*--bs-breakpoint-lg: 992px;*/
/*--bs-breakpoint-xl: 1200px;*/
/*--bs-breakpoint-xxl: 1400px;*/
/** general styles */
body {background: #FAFAFC; font-family: 'Roobert PRO-Regular', monospace;cursor: default}
body:has(div.home-page-custom-template) {background: #fff;overflow-x: hidden}
body:has(div.custom-contact-page-template) {background: url("../octopussecurity-theme/images/contact-background.svg") no-repeat 0 200px, #FAFAFC}
main:has(div.custom-contact-page-template), main:has(div.page-template) {overflow-x: hidden}
body a {color: #1c1c1e;text-decoration: none}
h1, h2, h3, h4, h5, h6 {font-family: 'Roobert PRO-Regular', monospace}
h1 {font-size: 60px; line-height: 72px}
h2 {font-size: 48px; line-height: 56px}
h3 {font-size: 40px; line-height: 48px}
h4 {font-size: 32px; line-height: 40px}
h5 {font-size: 24px; line-height: 28px}
h6 {font-size: 18px; line-height: 48px}
body footer a {color: #fff}
body a:hover, body a:focus {color: #3478F7}

.call-me-btn {
    background: #3478F7;
    border-radius: 16px;
    gap: 10px;
    padding: 12px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roobert PRO-Bold', serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}

/** form style global */
form p {margin-bottom: 1rem}
label {
    font-family: 'Inter Regular', serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}
label span {top: 5px}
input[type="text"], input[type="email"], input[type="tel"], textarea {
    width: 100%;
    height: 46px;
    border-radius: 12px;
    border: 1px solid #eaeaea;
    padding: 10px 15px;
    font-family: 'Inter Regular', serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
textarea {height: 104px}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus,
input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, textarea:focus-visible,
input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover{
    border: 1px solid #7A90FE;
    outline: 1px solid #7A90FE;
}
input[type="submit"] {
    width: 100%;
    height: 48px;
    /*padding: 12px 48px;*/
    gap: 12px;
    border-radius: 16px;
    border: 1px solid #7A90FE;
    background: linear-gradient(0deg, #3478F7, #3478F7),
    linear-gradient(180deg, rgba(122, 144, 254, 0.4) 0%, rgba(122, 144, 254, 0) 100%);
    color: #fff;
}
input[type="submit"]:focus, input[type="submit"]:focus-visible, input[type="submit"]:hover,
.cta-simple-footer-wrapper .button-block a:hover,
.cta-simple-footer-wrapper .button-block a:focus {
    background: linear-gradient(0deg, #275AB9, #275AB9),
    linear-gradient(180deg, rgba(122, 144, 254, 0.4) 0%, rgba(122, 144, 254, 0) 100%);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    display: none;
}
.wpcf7-spinner {display: none}
.wpcf7-not-valid-tip {font-size: 12px}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450}

.fullwidth {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
/*.fullwidth {*/
/*    width: calc(100 * var(--vw, 1vw));*/
/*    margin-left: calc(50% - 50 * var(--vw, 1vw));*/
/*}*/

/** header */
header {
    background: transparent !important;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}

header .navbar {
    background: #fff !important;
    /*width: 100%;*/
    width: calc(100% - 40px);
    height: 80px;
    border-radius: 20px;
    margin: 10px 20px;
    /*padding: 0 25px;*/
    padding: 0 50px;
    box-shadow: 0 2px 4px rgba(0,0,0, .12);
}
header .navbar.fixed-top-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
header .navbar ul {gap: 20px;background: #fff; padding: 10px 10px}
header .navbar ul li {}
header .navbar ul li.lang-item-en {margin-right: -1%}
header .navbar ul li.lang-item-uk {margin-left: -1%}
header .navbar ul li a {
    font-family: 'Inter Regular', serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
}
header .navbar ul li.active a {color: #3478F7 !important}
.navbar-collapse.collapse {}
.navbar-collapse.collapsing,
.navbar-collapse.collapse.show {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    padding: 20px 30px;
}
header .navbar .navbar-collapse.collapsing ul li.lang-item-uk,
header .navbar .navbar-collapse.collapse.show ul li.lang-item-uk {margin-left: 0}
header .navbar .call-me-btn { /*width: 144px;*/height: 44px}
.navbar-toggler, .navbar-toggler:focus {border: 1px solid transparent; box-shadow: 0 0 0 transparent}

/** footer */
footer {
    color: #fff;
    background: #0E0E1C;
    /*height: 506px;*/
    min-height: 460px;
}
.footer {padding-top: 56px !important;padding-bottom: 20px !important}
footer ul li a.text-body-secondary {color: #fff !important}
footer .footer-left-block-text {max-width: 388px}
footer .footer-left-block-text p,
.footer-right-block-text h5,
footer .copyright-footer-block p,
footer .copyright-footer-block a {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 23px;
    line-height: 36px;
    letter-spacing: 0;
}
footer .footer-left-block-btn {}
footer .footer-left-block-btn .wp-block-button__link {
    font-family: 'Roobert PRO-Bold', monospace;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #FAFAFC !important;
    background: transparent;
    border-radius: 20px;
    gap: 8px;
    border: 1px solid #FAFAFC;
    display: flex;
    /*width: 208px;*/
    height: 48px;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
}
footer .footer-left-block-btn .wp-block-button__link:hover {
    color: #3478F7 !important;
    border: 1px solid #3478F7;
}
footer .bottom-menu {}
footer .bottom-menu li {}
footer .bottom-menu li a {
    font-family: 'Roobert PRO-Regular', monospace;
    font-size: 18px;
    /*line-height: 27px;*/
    line-height: 30px;
    letter-spacing: 0;
}
.footer-right-block-text:first-child {margin-bottom: 65px}
.footer-right-block-text h5,
.footer-right-block-text p,
footer .copyright-footer-block p,
footer .copyright-footer-block a {letter-spacing: 0}
.footer-right-block-text p {
    font-family: 'Roobert PRO-Regular', monospace;
    font-size: 16px;
    line-height: 27px;
}
footer .copyright-footer-block {padding: 35px 0 0 !important}
footer .copyright-footer-block a:hover{color: #3478F7 !important}
footer .copyright-footer-block .ms-3 {margin-left: 1rem !important;margin-right: 0.5rem !important}
footer .copyright-footer-block p {text-align: center}
footer .copyright-footer-block ul {justify-content: center}
/*footer .copyright-footer-block .ms-3:last-child {margin-right: 0 !important}*/

/** content */
main {}
.content-global-wrapper {width: 100%}
.content-page-wrapper {
    /*background: #FAFAFC !important;*/
    width: calc(100% - 40px);
    margin: 10px 20px;
    padding: 0 25px;
}
.home-page-custom-template {}
.custom-contact-page-template {}

.hero-block-first-top {
    width: 100%;
    gap: 0;
    margin: 0;
}
.hero-block-first__text_form_side,
.hero-block-first__text_side,
.hero-block-first__media_side {
    border-radius: 16px;
    padding: 0;
    max-height: 600px;
    overflow: hidden;
}
.hero-block-first__text_form_side,
.hero-block-first__text_side {
    background: #99BBFB;
    padding: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.hero-block-first__text_form_side h2,
.hero-block-first__text_side h2 {letter-spacing: -1.2px;margin-bottom: 28px}
.hero-block-first__text_form_side h3,
.hero-block-first__text_side h3 {letter-spacing: -2px;margin-bottom: 5px}
.hero-block-first__text_form_side p,
.hero-block-first__text_side p {
    font-family: 'Roobert PRO-Regular', monospace;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}
.hero-block-first__text_form_side .wp-block-contact-form-7-contact-form-selector {margin: 20px 0}
.hero-block-first__text_form_side .wp-block-contact-form-7-contact-form-selector p {}
.hero-block-first__text_form_side .wp-block-contact-form-7-contact-form-selector input[type="tel"] {}
.hero-block-first__text_form_side .wp-block-contact-form-7-contact-form-selector input[type="submit"] {
    font-family: 'Inter Semi Bold', serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}
.hero-block-first__text_form_side .wp-block-contact-form-7-contact-form-selector input[type="submit"]:hover {}
.hero-block-first__media_side {margin: 0 0 0 10px !important}
.hero-block-first__media_side figure {
    margin: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}
.hero-block-first__media_side img {width: 100%;height: 100%;object-fit: cover}

.testimonials_wrapper {margin: 35px 0}
.testimonials_wrapper.is-layout-flex > :is(*, div),
.social_media_wrapper.is-layout-flex > :is(*, div),
.training_program_slider_wrapper.is-layout-flex > :is(*, div) {width: 100%}
.testimonials_wrapper .title_item {
    font-family: 'Roobert PRO-Regular', monospace;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
    text-align: center;
}
.testimonials_wrapper .carousel-slider-outer {margin: 30px 0}
.testimonials_wrapper .carousel-slider-outer .carousel-slider .carousel-slider__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
}
.testimonials_wrapper .carousel-slider-outer .carousel-slider .carousel-slider__item img {
    display: block;
    /*height: auto;*/
    max-height: 130px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto;
}
.testimonials_wrapper .wp-block-gallery {
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.testimonials_wrapper .wp-block-gallery .wp-block-image {
    flex-direction: row !important;
    flex-grow: 0 !important;
    width: auto !important;
    margin: 0 10px !important;
}
.testimonials_wrapper .wp-block-gallery .wp-block-image img {
    flex: 0 !important;
    max-height: 130px !important;
    width: 100% !important;
}

.contact-block-wrapper {}
.contact-block-wrapper .left-side {}
.contact-block-wrapper .right-side {}
.contact-block-wrapper .title_contact_block,
.contact-block-wrapper .description_contact_block {max-width: 483px}
.contact-block-wrapper p.title_contact_block,
.contact-block-wrapper.monitoring_side p.title_contact_block {
    font-family: 'Roobert PRO-Medium', monospace;
    vertical-align: middle;
    color: #3478F7;
    margin: 50px 0 55px 5%;
}
.contact-block-wrapper p.title_contact_block {font-size: 60px;line-height: 56px;letter-spacing: -2px}
.contact-block-wrapper.monitoring_side p.title_contact_block {font-size: 48px;line-height: 48px;letter-spacing: -1.2px;margin: 60px 0 40px 5%}
.contact-block-wrapper p.description_contact_block {
    font-family: 'Inter Regular', serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #474D5A;
    margin: 0 0 0 5%;
}
.contact-block-wrapper .contact_form_wrapper {
    max-width: 504px;
    margin: 0 auto;
    padding: 64px 82px;
    gap: 10px;
    border-radius: 80px;
    background: #F5F6F7;
    border: 1px solid #EAEAEA;
}
.contact-static-data-section-wrapper {width: 100%; margin: 70px 2%}
.contact-static-data-section-wrapper .contact-static-title-block,
.contact-static-data-section-wrapper .contact-static-data-section,
.social_media_wrapper .contact-static-title-block,
.social_media_wrapper .contact-static-data-section {width: 100%}
.contact-static-data-section-wrapper .contact-static-title-block {margin: 0 0 50px}
.contact-static-data-section-wrapper .contact-static-title-block h2,
.social_media_wrapper .contact-static-title-block h2 {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 60px;
    line-height: 56px;
    letter-spacing: -2px;
    color: #222931;
}
.contact-static-data-section-wrapper .contact-static-title-block p,
.social_media_wrapper .contact-static-title-block p {
    font-family: 'Inter Regular', serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #474D5A;
    max-width: 500px;
    margin: 0 auto;
}
.contact-static-data-section-wrapper .contact-static-data-section .static-data-item > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 15px;
}
.contact-static-data-section-wrapper .contact-static-data-section .static-data-item > div figure img {width: 32px}
.contact-static-data-section-wrapper .contact-static-data-section .static-data-item > div div p {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.4px;
    vertical-align: middle;
}

.social_media_wrapper {width: 100%; margin: 100px 2% 0}
.social_media_wrapper .contact-static-title-block {margin: 0 0 20px}
.social_media_wrapper .social_media_buttons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 1px;
    margin-bottom: -10px;
    border: 1px solid #fff;
}
.social_media_wrapper .social_media_buttons .wp-block-button {width: 100vw;text-align: center;margin-left: -3.89%}
.social_media_wrapper .social_media_buttons .wp-block-button a {
    width: 100%;
    border-radius: 0;
    background: #0E0E1C;
    padding: 16px 32px;
    text-transform: uppercase;
    font-family: 'Roobert PRO-Bold', 'monospace';
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing:0;
    color: #fff;
}
.social_media_wrapper .social_media_buttons .wp-block-button.facebook_link a {background: url("../octopussecurity-theme/images/facebook.png") no-repeat calc(50% - 65px) 50%, #0E0E1C;background-size: 21px 21px}
.social_media_wrapper .social_media_buttons .wp-block-button.facebook_link a:hover {background: url("../octopussecurity-theme/images/facebook.png") no-repeat calc(50% - 65px) 50%, #3478F7;background-size: 21px 21px}
.social_media_wrapper .social_media_buttons .wp-block-button.instagram_link a {background: url("../octopussecurity-theme/images/instagram.svg") no-repeat calc(50% - 65px) 50%, #0E0E1C}
.social_media_wrapper .social_media_buttons .wp-block-button.instagram_link a:hover {background: url("../octopussecurity-theme/images/instagram.svg") no-repeat calc(50% - 65px) 50%, #3478F7}
.social_media_wrapper .social_media_buttons .wp-block-button.linkedin_link a {background: url("../octopussecurity-theme/images/linkedin.svg") no-repeat calc(50% - 55px) 50%, #0E0E1C}
.social_media_wrapper .social_media_buttons .wp-block-button.linkedin_link a:hover {background: url("../octopussecurity-theme/images/linkedin.svg") no-repeat calc(50% - 55px) 50%, #3478F7}
.social_media_wrapper .carousel-slider-outer .carousel-slider {margin-left: -2%}
.social_media_wrapper .carousel-slider-outer .carousel-slider .owl-stage-outer .owl-stage .owl-item .carousel-slider__item {
    width: auto;
    height: 446px;
    overflow: hidden;
    border-radius: 16px;
}
.social_media_wrapper .carousel-slider-outer .carousel-slider .owl-stage-outer .owl-stage .owl-item .carousel-slider__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 115%;
}

.about_us-content-section-wrapper {margin: 60px 0;gap: 40px;color: #222931}
.about_us-content-section-wrapper figure {height: 100%;border-radius: 20px;overflow: hidden}
.about_us-content-section-wrapper img {width: 100%;height: 100%;object-fit: cover}
.about_us-content-section-wrapper p {
    font-family: 'Inter Regular', serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    vertical-align: middle;
}
.about_us-content-section-wrapper p strong {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.4px;
    vertical-align: middle;
}
.about_us-content-section-wrapper p:has(strong) {margin-bottom: 35px}

.facts_about_us-wrapper {margin: 0 auto}
.facts_about_us-wrapper .title_block,
.facts_about_us-wrapper .four_facts .item_fact .text_block,
.faq_wrapper .left_block_questions .title_block,
.faq_wrapper .left_block_questions .faq_item summary {
    font-family: 'Roobert PRO-Medium', monospace;
    vertical-align: middle;
    color: #000;
}
.facts_about_us-wrapper .title_block,
.faq_wrapper .left_block_questions .title_block {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
    margin-bottom: 45px;
}
.facts_about_us-wrapper .title_block strong,
.facts_about_us-wrapper .four_facts .item_fact .title_block strong,
.faq_wrapper .left_block_questions .title_block strong,
.cta-simple-footer-wrapper .title-block strong,
.training_program_slider_wrapper .title_block strong,
.what_we_block_wrapper .three_facts .item_fact .title_block strong {font-weight: normal}
.facts_about_us-wrapper .wp-block-columns {flex-wrap: wrap !important}
.facts_about_us-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: auto;flex-grow: 0}
.facts_about_us-wrapper .four_facts {justify-content: center}
.facts_about_us-wrapper .four_facts .item_fact {
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    padding: 84px 21px 21px;
    gap: 28px;
    width: 280px;
}
.facts_about_us-wrapper .four_facts .item_fact .title_block,
.faq_wrapper .left_block_questions .faq_item summary {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    margin-bottom: 21px;
}
.facts_about_us-wrapper .four_facts .item_fact .text_block,
.training_program_slider_wrapper .text_block {
    font-family: 'Inter Regular', serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #222931;
}
.facts_about_us-wrapper .four_facts .item_fact.careful_expert {background: url("../octopussecurity-theme/images/4f_1.svg") no-repeat 21px 21px, #F5F6F7}
.facts_about_us-wrapper .four_facts .item_fact.real_scenarios {background: url("../octopussecurity-theme/images/4f_2.svg") no-repeat 21px 21px, #F5F6F7}
.facts_about_us-wrapper .four_facts .item_fact.experience_run {background: url("../octopussecurity-theme/images/4f_3.svg") no-repeat 21px 21px, #F5F6F7}
.facts_about_us-wrapper .four_facts .item_fact.variable_solutions {background: url("../octopussecurity-theme/images/4f_4.svg") no-repeat 21px 21px, #F5F6F7}

.faq_wrapper {
    width: 95%;
    justify-content: space-between !important;
    align-items: flex-start;
    margin: 5rem auto 0;
}
.faq_wrapper .left_block_questions {
    width: 60%;
    justify-content: flex-start;
    align-items: baseline;
    margin: 3rem 0 0;
}
.faq_wrapper .left_block_questions .title_block {}
.faq_wrapper .left_block_questions .faq_item {
    border-bottom: 1px solid rgba(96, 96, 96, 0.5);
    max-width: 622px;
    margin-bottom: 10px;
}
.faq_wrapper .left_block_questions .faq_item summary {
    color: #222931;
    position: relative;
    width: 622px;
    padding: 10px 50px 10px 0;
}
.faq_wrapper .left_block_questions .faq_item summary::marker {content: ''}
.faq_wrapper .left_block_questions .faq_item summary::after {
    content: ' ';
    color: transparent;
    position: absolute;
    right: 0;
    background: url("../octopussecurity-theme/images/arrow.svg") no-repeat 50% 50%;
    width: 30px;
    height: 30px;
}
.faq_wrapper .left_block_questions .faq_item[open] summary::after {transform: rotate(180deg)}
.faq_wrapper .left_block_questions .faq_item p {
    font-family: 'Inter Regular', serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #222931;
    margin-bottom: 30px;
}
.faq_wrapper .faq_media_block {
    width: 32.8%;
    height: 647px;
    overflow: hidden;
    border-radius: 20px;
    rotation: 90deg;
}
.faq_wrapper .faq_media_block img {width: 100%;height: 100%;object-fit: cover}

.cta-simple-footer-wrapper {
    background: url("../octopussecurity-theme/images/Isolation_Mode.png") no-repeat 50% 50%, #3478F7;
    background-size: cover;
    width: 99.9vw;
    margin: 30px 0 -10px calc(50% - 50vw);
    padding: 30px 0 40px;
}
.cta-simple-footer-wrapper .title-block,
.training_program_slider_wrapper .title_block {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1.2px;
    text-align: center;
    color: #fff;
    margin: 70px 0 10px;
}
.cta-simple-footer-wrapper .text-block {
    font-family: 'Inter Regular', serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    max-width: 396px;
    margin-bottom: 25px;
}
.cta-simple-footer-wrapper .button-block {margin-bottom: 80px}
.cta-simple-footer-wrapper .button-block a {
    width: 100%;
    height: 48px;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid #7A90FE;
    background: linear-gradient(0deg, #3478F7, #3478F7), linear-gradient(180deg, rgba(122, 144, 254, 0.4) 0%, rgba(122, 144, 254, 0) 100%);
    color: #fff;
    font-family: 'Roobert PRO-Bold', monospace;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}

.training_program_slider_wrapper {}
.training_program_slider_wrapper .title_block {color: #222931; text-align: left;margin: 35px 0 10px}
.training_program_slider_wrapper .text_block {max-width: 410px}
.training_program_slider_wrapper .title_block,
.training_program_slider_wrapper .text_block {margin-left: 50px}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell {
    background-color: #F5F6F7 !important;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell:hover {border: 1px solid #7A90FE;cursor: pointer}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell__background {
    background-position: center 75% !important;
    background-size: 80% !important;
    background-color: #F5F6F7 !important;
}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell__content.hidden {display: block;text-align: left}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell__inner {
    align-items: start;
    padding: 30px !important;
}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell__content.hidden .carousel-slider-hero__cell__heading,
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell__content.hidden .carousel-slider-hero__cell__description {
    font-family: 'Roobert PRO-Medium', monospace;
    font-weight: 500;
    letter-spacing: 0;
    color: #222931;
}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell__content.hidden .carousel-slider-hero__cell__heading {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.4px;
    width: 70%;
}
.training_program_slider_wrapper .carousel-slider-outer .carousel-slider-hero__cell__content.hidden .carousel-slider-hero__cell__description {
    display: none;
    font-size: 16px;
    line-height: 20px;
}
.training_program_slider_wrapper .carousel-slider-outer .owl-nav {position: absolute;top: -60px;right: 40px}
.training_program_slider_wrapper .carousel-slider .owl-nav button {color: rgba(71, 77, 90, .5)}
.training_program_slider_wrapper .carousel-slider .owl-nav button:hover {color: rgba(71, 77, 90, 1)}
.training_program_slider_wrapper .carousel-slider .owl-dots .owl-dot span {
    background-color: rgba(71, 77, 90, .5);
    width: 60px;
    height: 3px;
    margin: 4px 0;
}
.training_program_slider_wrapper .carousel-slider .owl-dots .owl-dot.active span,
.training_program_slider_wrapper .carousel-slider .owl-dots .owl-dot:hover span {background-color: rgba(71, 77, 90, 1)}
.training_program_slider_wrapper .carousel-slider .owl-nav .owl-next svg,
.training_program_slider_wrapper .carousel-slider .owl-nav .owl-prev svg {height: 42px}

.what_is_heat_training_wrapper {
    border-radius: 80px;
    background: #99BBFB;
    color: #222931;
    padding: 40px 50px 30px;
}
.what_is_heat_training_wrapper .title_block {}
.what_is_heat_training_wrapper .title_block p {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1.2px;
}
.what_is_heat_training_wrapper .text_block {}
.what_is_heat_training_wrapper .text_block p {max-width: 457px}

.what_is_heat_training_wrapper .text_block p,
.text_block_heat_wrapper .text_block,
.text_block_about-monitoring_wrapper .top_side_block .text_block p,
.features-services_block_wrapper .text_block {
    font-family: 'Inter Regular', serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
}

.text_block_heat_wrapper {padding: 0 50px;margin: 50px 0}
.text_block_heat_wrapper .title_block,
.text_block_about-monitoring_wrapper .title_block,
.text_block_about-monitoring_wrapper .title_block p,
.features-services_block_wrapper .title_block,
.help_blue_block_wrapper .title_block {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
}
.text_block_heat_wrapper .title_block {margin-bottom: 30px}
.text_block_heat_wrapper .text_block {max-width: 630px;margin-bottom: 20px}

.text_block_about-monitoring_wrapper {}
.text_block_about-monitoring_wrapper .title_block,
.text_block_about-monitoring_wrapper .title_block p,
.features-services_block_wrapper .title_block {vertical-align: middle}
.text_block_about-monitoring_wrapper .top_side_block,
.text_block_about-monitoring_wrapper .bottom_side_block {justify-content:space-between;padding:10px 45px;margin:20px 0 30px}
.text_block_about-monitoring_wrapper .top_side_block .title_block,
.text_block_about-monitoring_wrapper .top_side_block .text_block {max-width:496px;display:flex;align-items:center}
.text_block_about-monitoring_wrapper .top_side_block .title_block p {color: #222931;max-width: 496px}
.text_block_about-monitoring_wrapper .top_side_block .text_block p {max-width: 491px}
.text_block_about-monitoring_wrapper .bottom_side_block {}
.text_block_about-monitoring_wrapper .bottom_side_block .title_block {color: #000;max-width: 558px;margin-bottom: 25px}
.text_block_about-monitoring_wrapper .bottom_side_block .text_block,
.help_blue_block_wrapper .text_block_wrapper p {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
}
.text_block_about-monitoring_wrapper .bottom_side_block .text_block {max-width: 558px;margin-bottom: 40px}
.text_block_about-monitoring_wrapper .bottom_side_block .item_monitoring_block {
    border-radius: 20px;
    padding: 21px;
    gap: 28px;
    background: #F5F6F7;
    border: 1px solid #EAEAEA;
}
.text_block_about-monitoring_wrapper .bottom_side_block .item_monitoring_block:hover {border: 1px solid #7A90FE;/*cursor: pointer*/cursor: default}

.features-services_block_wrapper {
    color: #222931;
    border-radius: 80px;
    background: #F5F6F7;
    box-shadow: 0 20px 24px -12px rgba(0, 0, 0, 0.08);
    padding: 80px 8%;
    justify-content: center;
    gap: 70px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.features-services_block_wrapper .features_item_wrap {max-width: 620px}
.features-services_block_wrapper.isHomepage_side .features_item_wrap:first-child {background: url("../octopussecurity-theme/images/features_home.svg") no-repeat 0 100%, #F5F6F7}
.features-services_block_wrapper.isHomepage_side .features_item_wrap:first-child .title_block {font-size: 60px;line-height: 56px}
.features-services_block_wrapper .text_block {max-width: 535px;padding-left: 15px}
.features-services_block_wrapper .features_text_wrapper {flex-direction: column}
.features-services_block_wrapper .features_text_wrapper .features_item:not(:last-child) {border-bottom: 1px solid #EAEAEA}
.features-services_block_wrapper .features_text_wrapper .features_item .title_block {display: list-item;list-style: decimal-leading-zero;padding-left: 15px}
.features-services_block_wrapper .features_text_wrapper .features_item .title_block::marker {font-family: 'Roobert PRO-Medium', monospace}
.features-services_block_wrapper .features_text_wrapper .features_item:first-child .title_block::marker {content: '01.'}
.features-services_block_wrapper .features_text_wrapper .features_item:nth-child(2) .title_block::marker {content: '02.'}
.features-services_block_wrapper .features_text_wrapper .features_item:last-child .title_block::marker {content: '03.'}

.help_blue_block_wrapper {
    background: #679AF9;
    color: #F5F6F7;
    padding: 180px 8%;
    justify-content: center;
    align-content: center;
    gap: 50px;
    margin-top: -120px;
    margin-bottom: -120px;
    position: relative;
    z-index: -1;
}
.help_blue_block_wrapper .title_block {vertical-align: middle;max-width: 1320px;width: 100%}
.help_blue_block_wrapper .text_block_wrapper {justify-content: space-between}
.help_blue_block_wrapper .text_block_wrapper div {max-width: 320px}

.what_we_block_wrapper {
    background: #222931;
    color: #F5F6F7;
    padding: 90px 8%;
    justify-content: center;
    align-content: center;
    gap: 40px;
    border-radius: 80px;
    box-shadow: 0 20px 24px -12px rgba(0, 0, 0, 0.08);
    margin-bottom: 50px;
}
.what_we_block_wrapper .head_section {gap: 55px}
.what_we_block_wrapper .head_section .title_block {max-width: 430px}
.what_we_block_wrapper .head_section .title_block p,
.statistics_block_wrapper .title_block,
.statistics_block_wrapper .value_text_block .item_value .title_block {
    font-family: 'Roobert PRO-Medium', monospace;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -1.2px;
    vertical-align: middle;
}
.what_we_block_wrapper .head_section .text_block {max-width: 410px}
.what_we_block_wrapper .head_section .text_block p,
.what_we_block_wrapper .three_facts .item_fact .text_block,
.statistics_block_wrapper .value_text_block .item_value .text_block {
    font-family: 'Inter Regular', serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    vertical-align: middle;
}
.what_we_block_wrapper .three_facts {justify-content: center;gap: 20px}
.what_we_block_wrapper .three_facts .item_fact {
    border-radius: 20px;
    gap: 28px;
    border-top: 1px solid #474D5A;
    padding: 84px 21px 21px;
    box-shadow: 0 12px 16px -8px rgba(0, 0, 0, 0.12);
    max-width: 280px;
}
.what_we_block_wrapper .three_facts .item_fact .title_block {
    font-family: 'Roobert PRO-Medium', monospace;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
}
.what_we_block_wrapper .three_facts .item_fact.real_scenarios {background: url("../octopussecurity-theme/images/3f_1.svg") no-repeat 21px 21px, #313641}
.what_we_block_wrapper .three_facts .item_fact.experience_run {background: url("../octopussecurity-theme/images/3f_3.svg") no-repeat 21px 21px, #313641}
.what_we_block_wrapper .three_facts .item_fact.variable_solutions {background: url("../octopussecurity-theme/images/3f_2.svg") no-repeat 21px 21px, #313641}

.statistics_block_wrapper {
    /*background: #fff;*/
    background: #fcfcfc;
    padding: 50px 8%;
    border-radius: 80px;
    box-shadow: 0 12px 16px -8px rgba(0, 0, 0, 0.12);
    /*box-shadow: 0 12px 16px 6px rgba(0, 0, 0, 0.06);*/
}
.statistics_block_wrapper .title_block {
    text-align: center;
    color: #1C1C1E;
    margin-bottom: 40px;
}
.statistics_block_wrapper .value_text_block {}
.statistics_block_wrapper .value_text_block .item_value {max-width: 300px}
.statistics_block_wrapper .value_text_block .item_value .title_block {color: #363940;text-align: left;margin-bottom: 20px}
.statistics_block_wrapper .value_text_block .item_value:first-child .title_block {color: #3478F7}
.statistics_block_wrapper .value_text_block .item_value .text_block {color: #606060}


/** modal */
.modal.contact-modal {--bs-modal-width: 800px;top: 5%}
.modal.contact-modal .modal-content {
    border-radius: 80px;
    min-height: 594px;
    gap: 8px;
    /*padding: 48px;*/
    padding: 35px 48px;
    border: 1px solid #eaeaea;
    background: #f5f6f7;
}
.modal.contact-modal .modal-content .modal-header {padding: 0;border: none}
.modal.contact-modal .modal-content input[type="submit"] {
    font-family: 'Roobert PRO-Bold', monospace;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}
.modal.contact-modal .modal-content .modal-body .title-modal,
.modal.contact-modal .modal-content .modal-body .form-modal {width: 49.99%}
.modal.contact-modal .modal-content .modal-body .form-modal label {width: 100%}
.modal.contact-modal .modal-content .modal-body .title-modal {padding: 0 10px 0 0}
.modal.contact-modal .modal-content .modal-body .title-modal h3 {
    font-family: 'Roobert PRO-Regular', monospace;
    letter-spacing: -2px;
    color: #3478F7;
}

@media (min-height: 2000px) {
    .social_media_wrapper {margin: calc(100% - 670px) 2% 0}
}

/** mobile layout */
@media (min-width: 1520px) {
    header .navbar { max-width: 1440px;margin: 10px auto}
    .content-global-wrapper {max-width: 1500px;margin: 0 auto}
}

@media (min-width: 992px) and (max-width: 1199px) {
    header .navbar ul {gap: 10px}
    header .navbar .logo svg {width: 100%}
    .features-services_block_wrapper.isHomepage_side .features_item_wrap:first-child {background-size: contain}
}

@media (max-width: 1099px) {
    .faq_wrapper .left_block_questions {width: 100%}
    .faq_wrapper .left_block_questions .faq_item {max-width: 100%;margin: 0 auto 10px}
    .faq_wrapper .left_block_questions .faq_item summary {width: 85vw}
    .faq_wrapper .faq_media_block {display: none}
    .what_we_block_wrapper .head_section .title_block p {font-size: 40px;line-height: 40px}
}

@media (max-width: 991px) {
    h1 {font-size: 40px; line-height: 48px}
    h2 {font-size: 32px; line-height: 40px}
    h3 {font-size: 24px; line-height: 28px}
    h4 {font-size: 18px; line-height: 24px}
    h5 {font-size: 16px; line-height: 20px}
    h6 {font-size: 14px; line-height: 18px}
    .hero-block-first__text_form_side h2,
    .hero-block-first__text_side h2 {font-weight: 600}
    .hero-block-first__text_form_side > p {display: none}
    .testimonials_wrapper .title_item {font-size: 32px;line-height: 40px}
    .features-services_block_wrapper.isHomepage_side .features_item_wrap:first-child {background-size: contain}
    .features-services_block_wrapper.isHomepage_side .features_item_wrap:first-child .title_block {font-size: 40px;line-height: 48px}
}

@media (min-width: 782px) and (max-width: 991px) {
    .contact-block-wrapper .contact_form_wrapper {padding: 32px 41px;border-radius: 40px}
}

@media (min-width: 768px) and (max-width: 991px) {
    header {margin-bottom: 160px}
    header .navbar {height: 130px}
    header .navbar ul {gap: 10px;padding: 10px}
    footer {min-height: auto}
}

@media (max-width: 869px) {
    .text_block_about-monitoring_wrapper .title_block,
    .text_block_about-monitoring_wrapper .title_block p {font-size: 32px;line-height: 40px}
}

@media (max-width: 768px) {
    body:has(header .navbar .navbar-collapse.collapse.show),
    body:has(header .navbar .navbar-collapse.collapsing) {
        background: rgba(0,0,0, .5);
        position: relative;
        overflow: hidden;
    }
    header {margin-bottom: 100px}
    header .navbar {padding: 0 25px}
    header .navbar .navbar-collapse.collapse.show,
    header .navbar .navbar-collapse.collapsing {
        padding: 20px 30px;
        height: 90vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: baseline;
        gap: 29px;
        position: relative;
        z-index: 1000;
    }
    footer {min-height: auto}
    footer .footer-left-block-text {max-width: 100%}
    .hero-block-first__media_side {margin: 10px 0 !important}
    .modal.contact-modal .modal-content .modal-body .title-modal,
    .modal.contact-modal .modal-content .modal-body .form-modal {width: 100%}
    .contact-static-data-section-wrapper .contact-static-title-block h2,
    .social_media_wrapper .contact-static-title-block h2 {text-align: center}
    .about_us-content-section-wrapper .wp-block-media-text.is-stacked-on-mobile {grid-template-columns: 100% !important}
    .about_us-content-section-wrapper .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 30px;
    }
    .about_us-content-section-wrapper .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {grid-column: 1;grid-row: 2}
    .about_us-content-section-wrapper p {font-size: 16px;line-height: 20px}
    .about_us-content-section-wrapper p strong {font-size: 28px;line-height: 32px}
    .about_us-content-section-wrapper p:has(strong) {margin-bottom: 20px}
    .what_is_heat_training_wrapper .title_block p,
    .statistics_block_wrapper .title_block {font-size: 40px;line-height: 40px}
    .features-services_block_wrapper {gap: 20px}
    .features-services_block_wrapper .features_text_wrapper .features_item {padding-left: 50px}
    .help_blue_block_wrapper .text_block_wrapper div {max-width: 100%}
}

@media (max-width: 577px) {
    .social_media_wrapper .carousel-slider-outer .carousel-slider {margin-left: -1%}
}

@media (max-width: 576px) {
    label {width: 100%}
    header {margin-bottom: 5px}
    header .navbar {width: calc(100% - 10px);padding: 0 15px;margin: 10px 10px}
    header .navbar .container-fluid {padding: 0 1px}
    header .navbar.fixed-top-header {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    header .navbar .logo svg {}
    .modal.contact-modal {top: 0}
    .modal.contact-modal .modal-dialog {height: 98vh}
    .modal.contact-modal .modal-content {border-radius: 0;min-height: 100%;padding: 35px 20px}
    .modal.contact-modal .modal-content .modal-body .title-modal h3 {font-size: 30px;line-height: 34px;margin-bottom: 40px}
    .facts_about_us-wrapper .title_block {font-size: 30px;line-height: 34px;margin-bottom: 30px}
    .content-page-wrapper {width: calc(100% - 20px);margin: 10px;padding: 0 5px;}
    .hero-block-first__text_form_side,
    .hero-block-first__text_side {padding: 25px}
    .custom-contact-page-template {width: 100%;margin: 0;padding: 0}
    .custom-contact-page-template > .row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        margin: 0;
    }
    .custom-contact-page-template > .row > .col-sm-12 {padding:0}
    .contact-block-wrapper p.title_contact_block,
    .contact-block-wrapper.monitoring_side p.title_contact_block {font-size: 40px;line-height: 48px;margin: 50px 0 0 5%}
    .contact-block-wrapper.monitoring_side p.title_contact_block {font-size: 32px;line-height: 40px;margin: 40px 0 0 0}
    .contact-block-wrapper p.description_contact_block {display: none}
    .contact-block-wrapper .contact_form_wrapper {padding: 32px 41px;border-radius: 0}
    .contact-static-data-section-wrapper {margin: 70px 0}
    .contact-static-data-section-wrapper .contact-static-title-block h2,
    .social_media_wrapper .contact-static-title-block h2 {font-size: 32px;line-height: 40px}
    .contact-static-data-section-wrapper .contact-static-title-block {padding: 0 15px}
    .social_media_wrapper .carousel-slider-outer .carousel-slider .owl-stage-outer .owl-stage .owl-item .carousel-slider__item {max-width: 95%}
    .social_media_wrapper .carousel-slider-outer .carousel-slider {margin-left: -1%}
    .faq_wrapper .left_block_questions .faq_item summary {font-size: 20px; line-height: 24px}
    .cta-simple-footer-wrapper .title-block {font-size: 40px;line-height: 48px;margin: 60px 0 15px}
    .cta-simple-footer-wrapper .text-block{max-width: 90%}
    .training_program_slider_wrapper .title_block,
    .training_program_slider_wrapper .text_block {margin-left: 10px}
    .what_is_heat_training_wrapper {border-radius: 40px;padding: 30px 20px 20px}
    .what_is_heat_training_wrapper .title_block p {font-size: 32px;line-height: 32px}
    .text_block_heat_wrapper {padding: 0 10px}
    .text_block_about-monitoring_wrapper .top_side_block,
    .text_block_about-monitoring_wrapper .bottom_side_block {padding: 10px 15px;margin: 10px 0 10px;gap: 1rem}
    .features-services_block_wrapper .title_block {font-size: 30px;line-height: 36px}
    .features-services_block_wrapper.isHomepage_side .features_item_wrap:first-child .title_block,
    .help_blue_block_wrapper .title_block {font-size: 32px;line-height: 40px}
    .features-services_block_wrapper {border-radius: 40px;padding: 50px 8%;margin-bottom: 10px}
    .features-services_block_wrapper .features_text_wrapper .features_item {padding-left: 40px}
    .help_blue_block_wrapper {gap: 30px}
    .help_blue_block_wrapper .text_block_wrapper {gap: 1rem}
    .help_blue_block_wrapper .text_block_wrapper p {font-size: 20px;line-height: 24px}
    footer .copyright-footer-block p,
    footer .copyright-footer-block a {font-size: 18px;line-height: 24px}
    footer .copyright-footer-block .ms-3 {margin-left: 0.5rem !important;margin-right: 0.5rem !important}
    .what_we_block_wrapper {
        padding: 60px 8%;
        gap: 30px;
        border-radius: 40px;
        margin-bottom: 25px;
    }
    .what_we_block_wrapper .three_facts .item_fact {max-width: 95%}
    .what_we_block_wrapper .head_section {gap: 20px}
}

@media (max-width: 575px) {
    .social_media_wrapper .carousel-slider-outer .carousel-slider {margin-left: 0}
}

@media (max-width: 405px) {
    header .navbar .logo svg {max-width: 190px}
    .hero-block-first__text_form_side,
    .hero-block-first__text_side {width: inherit}
    .contact-block-wrapper p.title_contact_block {font-size: 32px;line-height: 40px;margin: 30px 0 0 5%}
    .contact-block-wrapper .contact_form_wrapper {padding: 16px 20px}
    .cta-simple-footer-wrapper .title-block {font-size: 24px;line-height: 28px}
    .cta-simple-footer-wrapper .text-block {font-size: 14px;line-height: 20px}
    .training_program_slider_wrapper .carousel-slider-outer .owl-nav {top: -95px}
    .text_block_about-monitoring_wrapper .top_side_block,
    .text_block_about-monitoring_wrapper .bottom_side_block {padding: 10px;margin: 10px 0 10px}
    footer .copyright-footer-block a {font-size: 16px;line-height: 24px}
}