/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ul {
    list-style: initial;
}
ol {
    list-style: auto;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*{
    box-sizing: border-box;
}



/* @font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Medium.woff2') format('woff2'),
        url('../fonts/Rubik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Light.woff2') format('woff2'),
        url('../fonts/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Bold.woff2') format('woff2'),
        url('../fonts/Rubik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-SemiBold.woff2') format('woff2'),
        url('../fonts/Rubik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 */



/** MISC **/

body{
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Roboto', sans-serif;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 23px + ( 30 - 23 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 300;
    /* color: #151C3D; */
    color: #757171;
    /* color: #5B616D; */
}
.main-container{
    width: 65.354167VW;
    margin: 0 auto;
}


.perfect-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.flex-parent{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.flex-left, .flex-right{
    width: 50%;
    padding: 0 0.78125VW;
}
.slide-flex-left{
    height: 100%;
    width: 50%;
    padding: 0 0;
}

.flex-standard{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.standard-left{
    width: 80%;
    padding: 0 0.78125VW;
}
.standard-right{
    width: 20%;
    padding: 0 0.78125VW;
}

.standard-left p{
    font-family: 'Roboto', sans-serif;
    font-size: calc( 16px + ( 28 - 16 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 20px + ( 32 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    padding-right: 17.234vw;
}
.slide-flex-right{
    width: 50%;
    height: 100%;
    padding: 0 0;
}
.slide-flex-right img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.align-left{
    text-align: left;
}
.align-center{
    text-align: center;
}
.align-right{
    text-align: right;
}
.btn-hold{
    margin-top: 1.234vw;
}
.larger-top{
    margin-top: 3.234vw;
}

.general-btn, a.wp-block-button__link{
    display: inline-block;
    position: relative;
    z-index: 9;
    padding: 1.0416666666666665VW 3.15VW 1.0416666666666665VW 1.208333VW;
    text-align: center;
    border: 0.10416666666666667VW solid #F57B20;
    border-radius: 0.3208333333333333VW;
    background: #F57B20;
    text-align: center;
    outline: none;
    color: #ffffff;
    font-weight: 500;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    text-decoration: none;
    min-width: 16.0625VW;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.general-btn::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.4583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url('../img/arr-right.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
a.wp-block-button__link:hover{
    background:red;
    border: 0.10416666666666667VW solid #ff903c;
    border-radius: 0.3208333333333333VW;
    background: #ff903c;
}
.general-btn.bnnr-btn{
    min-width: 100%;
    font-size: 14px;
    line-height: 14px;
    padding: 0.832324vw 0;
}
.general-btn.connect{
    border: 0.10416666666666667VW solid #151C3D;
    color: #151C3D;
    background: transparent;
    margin-left: 1.6666666666666667VW;
    padding: 1.0416666666666665VW 4.15VW 1.041667VW 2.208333VW;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.general-btn.connect::after{
    display: none;
}
.general-btn.connect:hover{
    background: #151C3D;
    border: 0.10416666666666667VW solid #151C3D;
    color: #ffffff;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.general-btn.connect:hover .speak-bubble svg path{
    fill: #ffffff;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.speak-bubble{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.4583333333333333VW;
    width: 1.1458333333333333VW;
    height: 1.1458333333333333VW;
}
.speak-bubble svg{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.speak-bubble svg path{
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
/** MISC **/


/** MENU **/
.main-menu{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 100%;
    background: #ffffff;
    border-bottom: 0.15625VW solid #F57B20;
}
.main-menu-container{
    width: 94.375VW;
    margin: 0 auto;
}
.flex-main-menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.logo{
    text-align: left;
    width: 14.570833VW;
}
.menu{
    text-align: right;
    position: relative;
    width: 65.354166666666664VW;
}
.user{
    position: relative;
    text-align: right;
    width: 14.390833VW;
}

.academy{
    display: block;
    width: 8.59375VW;
}
.academy img{
    display: block;
    width: auto;
    max-width: 100%;
}








.site-nav{
    font-size: 0;
    line-height: 0;
}
.site-nav > li{
    position: relative;
    display: inline-block;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-right: 3.166666666666666VW;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    text-align: left;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.site-nav > li:last-of-type{
    margin-right: 0;
}
.site-nav > li > a{
    display: block;
    font-weight: 500;
    color: #151C3D;
    padding: 1.541667VW 0;
    text-decoration: none;
    text-transform: none;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.site-nav > li:hover > a{
    color: #F57B20;
    text-decoration: none;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.has-children.down-arr::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.9291666666666666VW;
    width: 0.5729166666666666VW;
    height: 0.3125VW;
    background: url('../img/nav-arr.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.has-children.down-arr::before{
    content: '';
    opacity: 0;
    position: absolute;
    bottom: -0.625VW;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1.25VW;
    height: 0.625VW;
    background: url('../img/triangle.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.has-children.down-arr:hover::after{
    filter: invert(75%) sepia(60%) saturate(5884%) hue-rotate(349deg) brightness(101%) contrast(92%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.has-children.down-arr:hover::before{
    opacity: 1;
    bottom: 0;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.has-children.down-arr:hover .child-menu-hold{
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease all;
}
.child-menu-hold{
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 11;
    top: 4.175VW;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding-top: 1.5625VW;
    transition: 0.3s ease all;
}
.child-menu-container{
    width: 65.354166666666664VW;
    margin: 0 auto;
}
.lvl-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.lvl2-menu{
    width: 25%;
    padding: 0.78125VW;
    margin-bottom: 1.5625VW;
}
.lvl2-menu > a:first-of-type{
    display: block;
    text-decoration: none;
    text-transform: none;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 22 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 700;
    color: #151C3D;
    padding-bottom: 0.5208333333333333VW;
    margin-bottom: 0.5208333333333333VW;
    border-bottom: 0.10416666666666667VW solid #E4E9EE;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.lvl2-menu > a + ul + a.general-link, .lvl2-menu > a + a.general-link{
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom:none;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #90A0B2;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.lvl2-menu > a + ul + a.general-link::after, .lvl2-menu > a + a.general-link::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1.4583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url(../img/arr-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    filter: invert(42%) sepia(16%) saturate(360%) hue-rotate(171deg) brightness(91%) contrast(84%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.lvl2-menu > a + ul + a.general-link:hover:after{
    content: '';
    filter: invert(34%) sepia(63%) saturate(4279%) hue-rotate(347deg) brightness(99%) contrast(95%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.lvl2-menu > a.general-link:hover{
    text-rendering: none;
    color: #F57B20;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.lvl3{
    font-size: 0;
    line-height: 0;
    margin-bottom: 1.641667VW;
}
.lvl3 > li{
    display: block;
    text-align: left;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 500;
    margin-bottom: 1.0416666666666665VW;
}
.lvl3 > li > a{
    display: block;
    color: #151C3D;
    text-decoration: none;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.lvl3 > li > a:hover{
    color: #F57B20;
    /* text-decoration: underline; */
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.menu-socials li a{
    color: #90A0B2;
    text-transform: none;
    text-decoration: none;
    font-weight: 500;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.menu-socials li{
    margin-bottom: 1.0416666666666665VW;
    display: inline-block;
    margin-right: 0.4342vw;
}
.menu-socials li:last-of-type{
    margin-right: 0;
}
.menu-socials li a img{
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 0.2342vw;
    vertical-align: middle;
}
.menu-socials li a:hover{
    color: #F57B20;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.menu-socials li a:hover img{
    filter: invert(34%) sepia(63%) saturate(4279%) hue-rotate(347deg) brightness(99%) contrast(95%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.menu-contact{
    background: #ffffff;
    border-color: #90A0B2;
    color: #90A0B2;
    text-align: center;
    padding: 0.8416666666666665VW 2.041667VW 0.8416666666666665VW 2.041667VW;
    min-width: 9.234vw;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.menu-contact::after{
    display: none;
}
.menu-contact:hover{
    border-color: #F57B20;
    color: #F57B20;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}




.login-btn{
    display: none;
    position: relative;
    padding: 0.5208333333333333VW 0.8854166666666666VW 0.5208333333333333VW 2.083333333333333VW;
    background: #ffffff;
    color: #90A0B2;
    font-weight: 500;
    border: 0.15625VW solid #90A0B2;
    font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    min-width: auto;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.login-btn:hover{
    border: 0.15625VW solid #F57B20;
    color: #F57B20;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.login-btn::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.7291666666666666VW;
    width: 0.7291666666666666VW;
    height: 0.8854166666666666VW;
    background: url('../img/user.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.general-btn.login-btn:hover::after{
    content: '';
    filter: invert(34%) sepia(63%) saturate(4279%) hue-rotate(347deg) brightness(99%) contrast(95%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.search{
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* right: 8.824vw; */
    right: 0;
    min-width: 14.234vw;
}
#searchform{
    position: relative;
}
#submit-search, .search-toggle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 2;
    width: 1.2375VW;
    height: 1.2375VW;
    cursor: pointer;
}
.search-toggle img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
#submit-search{
    outline: none;
    border: none;
    background: transparent;
    z-index: 1;
    width: 1.2375VW;
    height: 1.2375VW;
    background: url('../img/search.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
#search-querry{
    opacity: 0;
    visibility: hidden;
    width: 0;
    padding: 0.4208333333333333VW 2.320833VW 0.4208333333333333VW 0.2208333333333333VW;
    outline: none;
    border: none;
    border-bottom: 0.15625VW solid #90A0B2;
    font-weight: normal;
    font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #90A0B2;
}

#search-querry::placeholder{
    font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #90A0B2;
}

/** MENU **/



/** HOMEPAGE **/

.main-slider{
    display: block;
    width: 100%;

}
.main-slider h4{
    font-size: calc( 20px + ( 60 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 30px + ( 70 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 400;
    color: #ffffff;
}
.main-slide{
    display: block;
    width: 100%;
    height: 100%;
}
.slide-item{
    display: block;
    position: relative;
    height: 47.641667VW;
    width: 100%;
}
.main-slide .owl-dots{
    position: absolute;
    bottom: 4%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.main-slide.owl-theme .owl-dots .owl-dot.active span, .main-slide.owl-theme .owl-dots .owl-dot:hover span{
    background: #F57B20;
}
.slide-image{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.slide-overlay{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgb(245 123 32 / 83%);*/
    z-index: 1;
}
/* .slide-overlay::after{
	content: attr(data-color);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: attr(data-color);
	z-index: 2;
} */
.slide-image picture img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}
.content-hold{
    text-align: center;
    display: block;
    position: absolute;
    transform: translateY(-70%);
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}
.content-hold .main-container{
    width: 53.354167VW;
}

.content-hold h1{
    font-size: calc( 20px + ( 60 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 30px + ( 70 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 4.3020833333333335VW;
}
.content-hold h3{
    font-size: calc( 20px + ( 60 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 30px + ( 70 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 800;
    color: #ffffff;
}
.arr-d{
    display: block;
    text-decoration: none;
    text-transform: none;
    position: absolute;
    bottom: 16%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 4.32442vw;
    z-index: 8;
}
.arr-d img{
    width: 100%;
}

/** HOMEPAGE **/

/** whoweare **/
.whoweare-home{
    background: #ffffff;
    padding: 3.270833VW 0 2.270833VW 0;
}
.wp-block-separator {
    margin: 1.8234vw auto;
    width: 10%;
    height: 1px;
    background: #A1A1A1;
}
.whoweare-home > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.whoweare-home > h2 span{
    font-weight: 800;
    color: #F57B20;
}
.whoweare-home > h2 + .small-separator + h3{
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-bottom: 1.875VW;
    font-family: 'Roboto', sans-serif;
}
.whoweare-home > h2 + .small-separator + h3 strong{
    font-weight: 300;
}
.whoweare-home p{
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-bottom: 1.875VW;
    font-family: 'Roboto', sans-serif;
}
.whoweare-home p strong{
    font-weight: 300;
}
/** whoweare **/



/** home aboutus **/
.home-aboutus{
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.home-aboutus > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.home-aboutus > h2 span{
    font-weight: 800;
    color: #F57B20;
}
.home-aboutus > h2 + h3{
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-bottom: 1.875VW;
}
.benefits-hold{
    width: 70.57291666666666VW;
    margin: 0 auto;
    background: transparent;
    padding: 1.7708333333333333VW;
}
.benefits-hold > h2{
    font-size: calc( 14px + ( 32 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 40 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.7708333333333333VW;
}
.flex-benefits{
    display: flex;
    flex-wrap: wrap;
}
.benefit-container{
    position: relative;
    width: 33.333%;
    text-align: center;
}
.benefit-container.separated::after{
    content: '';
    position: absolute;
    bottom: 2%;
    left: 0;
    width: 1px;
    height: 42%;
    background: rgb(144 160 178 / 14%);
}
.benefit-container.separated::before{
    content: '';
    position: absolute;
    bottom: 2%;
    right: 0;
    width: 1px;
    height: 42%;
    background: rgb(144 160 178 / 14%);
}
.benefit-mask{
    width: 8.229166666666666VW;
    height: 8.229166666666666VW;
    border-radius: 200px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1.4583333333333333VW;
}
.benefit-mask img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.benefit-container h2{
    font-size: calc( 14px + ( 24 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 28 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 500;
    margin-bottom: 0.625VW;
    color: #151C3D;
}
.benefit-container p{
    font-size: calc( 12px + ( 16 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 26 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #A1A1A1;
    width: 76%;
    margin: 0 auto;
}
/** home aboutus **/


/** home business **/
.home-business, .smart-city{
    position: relative;
    overflow: hidden;
    background: #FCFCFC;
    padding: 4.270833VW 0 0 0;
}



.home-business::after, .smart-city::after{
    content: '';
    position: absolute;
    bottom: -130px;
    left: -85px;
    width: 20.345345vw;
    height: 20.345345vw;
    background:url('../img/shape.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.home-business > h2, .smart-city > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.home-business > h2 span, .smart-city > h2 span{
    color: #F57B20;
    font-weight: 800;
}
.home-business > h2 + .small-separator + h3, .smart-city > h2 + .small-separator + h3{
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-bottom: 2.875VW;
}
.business-slide-nav-hold .owl-stage-outer, .smartcity-slide-nav-hold .owl-stage-outer, .blog-slide-nav-hold .owl-stage-outer, .service-detail-slide .owl-stage-outer{
    padding: 2.3242vw 0 1.3242vw 0;
}
.business-slide-nav-hold, .smartcity-slide-nav-hold, .blog-slide-nav-hold, .partners-slide-nav-hold, .partners-slide-nav, .service-nav-hold{
    position: relative;
}
.service-item{
    width: 98%;
    margin: 0 auto;
}
.business-slide-element, .smart-slide-element{
    padding: 2.083333333333333VW 1.0416666666666665VW 1.683333333333333VW 1.0416666666666665VW;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
    min-height: 21.539546vw;
}
.business-slide-element:hover, .smart-slide-element:hover{
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.icon-hold{
    display: block;
    width: 4.166666666666666VW;
    height: 5.166667VW;
    margin: 0 auto;
    margin-bottom: 1.5625VW;
}
.icon-hold img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.business-slide-element h2, .smart-slide-element h2{
    text-align: center;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 800;
    margin-bottom: 1.683333333333333VW;
    min-height: 2.45585vw;
}
.business-slide-element p, .smart-slide-element p{
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    min-height: 3.2342vw;
}
.business-slide-nav, .smart-slide-nav, .blog-slide-nav, .partners-slide-nav, .services-slide-nav{
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 9;
}
.partners-slide-nav, .services-slide-nav{
    top: 50%;
}


.nav-right{
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -4.2342vw;
    width: 3.6342vw;
    height: 3.8342vw;
    border-radius: 5px;
    background: url(../img/slide-nav.svg) rgb(144 160 178 / 10%);
    background-size: 42%;
    background-repeat: no-repeat;
    background-position: center center;
}
.nav-left{
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    left: -4.2342vw;
    width: 3.6342vw;
    height: 3.8342vw;
    border-radius: 5px;
    background: url(../img/slide-nav.svg) rgb(144 160 178 / 10%);
    background-size: 42%;
    background-repeat: no-repeat;
    background-position: center center;
}
.business-slide-element a, .smart-slide-element a, .domains-item a{
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0.72234vw 0.32234vw;
    margin-top: 1.34242vw;
    background: #ffffff;
    border: none;
    color: #A1A1A1;
    min-width: auto;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.domains-item a{
    color: #F57B20;
    margin-top: 0;
    margin-bottom: 1.34242vw;
}
.domains-item a::after{
    background: url(../img/arr-right-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 1.858333VW;
    width: 1.0416666666666665VW;
    height: 1.0416666666666665VW;
}
.business-slide-element a::after, .smart-slide-element a::after{
    background: url(../img/arr-right-grey.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 0.8583333333333333VW;
    width: 1.0416666666666665VW;
    height: 1.0416666666666665VW;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.business-slide-element a:hover, .smart-slide-element a:hover, .domains-item a:hover{
    transition: all .35s cubic-bezier(.53,.01,.18,1);
    color: #F57B20;
}
.partners-slide-nav .nav-right, .partners-slide-nav .nav-left{
    background: url(../img/slide-nav.svg) rgb(255 255 255 / 80%);
    background-size: 42%;
    background-repeat: no-repeat;
    background-position: center center;
}
.business-slide-element a:hover::after, .smart-slide-element a:hover::after{
    background: url(../img/arr-right-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 0.8583333333333333VW;
    width: 1.0416666666666665VW;
    height: 1.0416666666666665VW;
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 0;
}
.owl-theme .owl-dots .owl-dot, .owl-theme .owl-dots .owl-dot:focus{
    outline: none;
}
.owl-theme .owl-dots .owl-dot span{
    background: #E4E9EE;
    width: 3.4375151VW;
    height: 0.4125VW;
    border-radius: 0;
    margin: 0 0;
    margin-right: 0.78125VW;
    outline: none;
    border:none;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #151C3D;
}
.button-hold{
    text-align: center;
    padding: 1.823423vw 1.823423vw 5.823423vw 1.823423vw;
}
.button-hold.no-big-padd{
    padding: 1.823423vw 1.823423vw 0 1.823423vw;
}
/** home business **/


/** home cloud-provider **/
.cloud-provider{
    position: relative;
    display: block;
    width: 100%;
    height: 20.385417VW;
    /* background: url('../img/cloud-compute.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; */
}
.cloud-provider.ctasection{
    position: relative;
    display: block;
    width: 100%;
    height: 18.385416666666668VW;
    background: url('../img/ctaimg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* .cloud-provider::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #c9d3dc85;
} */
.cloud-content{
    position: relative;
    height: 100%;
    z-index: 9;
    padding: 3.229166666666667VW 0 3.229166666666667VW 12.4432vw;
    background: #151C3D;
}
.cloud-content.orange-background{
    background: #FF7900;
}
.cloud-content h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0.875VW;
}
.cloud-content h2 span{
    color: #F57B20;
    font-weight: 800;
}
.cloud-content.orange-background h2{
    color: #151C3D;
}
.cloud-content.orange-background h2 span{
    color: #ffffff;
}

.smaller-separator{
    margin: 0.83242vw 0;
    width: 23%;
    background: #ffffff;
    height: 1px;
}
.cloud-content p{
    margin-right: 10%;
    color: #ffffff;
    font-weight: 500;
}
.general-btn.cloud-offer{
    margin-top: 2.2342vw;
    background: #F57B20;
    border-color: #F57B20;
    color: #ffffff;
}
.cloud-content.orange-background .general-btn.cloud-offer{
    background: #151C3D;
    border-color: #151C3D;
}
.slide-flex-right .general-btn{
    position: absolute;
    bottom: 0.78125VW;
    right: 0.78125VW;
}
/* .general-btn.cloud-offer::after{
	filter: invert(0%) sepia(22%) saturate(2498%) hue-rotate(-191deg) brightness(-50%) contrast(111%);
} */
.top-space{
    margin-top: 2.2342vw;
}
.wp-block-media-text .wp-block-media-text__media, .blocks-gallery-item figure {
    overflow:hidden;
}
.wp-block-media-text img:hover, .blocks-gallery-item img:hover {
    transform: scale(1.03, 1.03);
    transition: all 1.55s cubic-bezier(.17,.66,.61,.96);
}

.banner-content-hold h1, h1{
    font-size: calc( 38px + ( 42 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 52px + ( 50 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 400;
    color: #151C3D;
    margin-bottom: 0.8020833333333335VW;
}
h1 span{
    font-weight: 800;
    color: #F57B20;
}

.main-container h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 1.875VW;
}
.main-container h2 span{
    font-weight: 800;
    color: #F57B20;
}

.main-container h3{
    font-size: calc( 10px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 1.475VW;
}
.main-container h3 span{
    font-weight: 800;
    color: #F57B20;
}

.main-container h4{
    font-size: calc( 5px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 13px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 1.275VW;
}
.main-container h4 span{
    font-weight: 800;
    color: #F57B20;
}
.main-container h5{
    font-size: calc( 3px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 11px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 1.075VW;
}
.main-container h5 span{
    font-weight: 800;
    color: #F57B20;
}

.main-container h6{
    font-size: calc( 0px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 1.875VW;
}
.main-container h6 span{
    font-weight: 100;
    color: #F57B20;
}


section > h2 + .small-separator + h3{
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-bottom: 2.875VW;
}
.main-container > h2 + p, .main-container > h2 + .small-separator + p{
    font-family: 'Roboto';
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-bottom:5.083333VW;
    font-weight: 300;
}
section .main-container h3, section .main-container > h2 + .small-separator h3{
    text-align: left;
    width: 100%;
    margin: 0 auto;
    font-weight: 300;
    padding-bottom: 2.5342vw;
}
section .main-container .percent-hold h3{
    text-align: center;
}
section .main-container .matrici-element h3:last-of-type{
    text-align: center;
}
section .main-container .infos-element h3{
    text-align: center;
}

section .main-container .contact-info h3,  section .main-container > h2 + .small-separator .contact-info h3{
    font-weight: 600;
    text-align: left;
    padding-bottom: 0;
}
section .main-container .contact-info h3:last-of-type{
    font-weight: 600;
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 20px;
}
section .main-container h3:last-of-type, section .main-container > h2 + .small-separator h3:last-of-type{
    padding-bottom: 0;
    margin-bottom: 15px;
}

.margin-top-40{
    margin-top: 5.34375VW;
}
/** home home-industries **/
.home-industries{
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.home-industries > h2{

}
.home-industries > h2 span{

}
.home-industries > h2 + .small-separator + h3{

}

.industries-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.industries-hold{
    width: 33.333%;
    padding: 0 0.78125VW;
    margin-bottom: 1.5625VW;
}
.industries-element{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0.78125VW 0;
    border-top: 1px solid #E4E9EE;
    border-bottom: 1px solid #E4E9EE;
    min-height: 3.9243vw;
}
.ind-img-hold{
    width: 2.1875VW;
    width: 15%;
    margin-left: 0.83242vw;
}
.industr-content{
    width: 80%;
}
.ind-img-hold img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.industries-element h6{
    font-size: calc( 12px + ( 20 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 20 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 600;
    margin-left: 0.83242vw;
    margin-bottom: 0.3332vw;
}
.industries-element p{
    font-size: calc( 8px + ( 16 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 20 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #757171;
    font-weight: 300;
    margin-left: 0.83242vw;
}
/** home home-industries **/


/** home partners **/
.home-partners{
    position: relative;
    background: #ffffff;
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.home-partners::after {
    content: '';
    position: absolute;
    bottom: -130px;
    left: -85px;
    width: 20.345345vw;
    height: 20.345345vw;
    background: url(../img/shape.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.home-partners > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.home-partners > h2 span{
    color: #F57B20;
    font-weight: 800;
}
.home-partners > h2 + .small-separator + h3{
    text-align: center;
    width: 48%;
    color: #ffffff;
    margin: 0 auto;
    margin-bottom: 1.875VW;
    color: #151C3D;
}

.partner-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
/* .partner-container{
	width: 25%;
	padding: 0 0.78125VW;
} */
.partner-element{
    display: block;
    width: 100%;
    height: 7.32442vw;
}
.partner-element img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    max-width: 100%;
}
.partners-btns-hold, .perfect-btns-hold{
    width: 80%;
    margin: 3.2342vw auto 1.2342vw auto;
}
.partners-btns-hold{
    text-align: center;
}
.partners-flex{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-left: -1.0416666666666665VW;
    margin-right: -1.0416666666666665VW;
}
.partner-flex-left{
    width: 40%;
    padding: 0 1.0416666666666665VW;
    text-align: right;
}
.general-btn.allpartners-btn{
    color: #ffffff;
    background: #F57B20;
}
.partner-flex-left .general-btn{
    background: #ffffff;
    color: #151C3D;
}
.partner-flex-left .general-btn::after{
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url(../img/arr-right-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.btn-flex-left{
    width: 50%;
    padding: 0 1.0416666666666665VW;
    text-align: right;
}
.btn-flex-right{
    width: 50%;
    padding: 0 1.0416666666666665VW;
    text-align: left;
}
.partner-flex-right{
    width: 60%;
    padding: 0 1.0416666666666665VW;
    text-align: left;
}
.general-btn.partner-btn{
    background: transparent;
    color: #151C3D;
    border-color: #151C3D;
}
.general-btn.partner-btn::after{
    right: 0.9583333333333333VW;
    width: 1.78125VW;
    height: 1.28125VW;
    background: url(../img/black-user.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/** home partners **/

/** home blog **/
.home-blog{
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.home-blog > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.home-blog > h2 + .small-separator + h3{
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-bottom: 1.875VW;
}
.blog-container{
    width: 85.41666666666666VW;
    margin: 0 auto;
}

.blog-item{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.blog-slide-element{
    position: relative;
}
.blog-slide-element::after{
    content: ''attr(data-txt)'';
    position: absolute;
    bottom: -1.18125VW;
    left: 0.78125VW;
    color: #000;
    color: #90A0B2;
    font-size: calc( 8px + ( 12 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 12 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.blog-img-hold{
    display: block;
    width: 100%;
    height: 11.614583333333334VW;
}
.blog-img-hold img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.blog-details{
    padding: 0.78125VW 0.78125VW;
    background: #ffffff;
}
.blog-details h2{
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    margin-bottom: 0.43242vw;
    font-weight: 800;
}
.blog-details p{
    color: #90A0B2;
    font-size: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.43242vw;
    font-weight: 500;
}
.blog-details a{
    position: relative;
    display:inline-block;
    text-transform: none;
    text-decoration:none;
    color: #F57B20;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
}
.blog-details a::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/arr-right-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: -2.141667VW;
    width: 1.0416666666666665VW;
    height: 1.0416666666666665VW;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.blog-slide-nav-hold .owl-dots{
    margin-top: 2.3424vw !important;
}
.blog-slide-nav-hold .owl-theme .owl-dots .owl-dot.active span, .blog-slide-nav-hold .owl-theme .owl-dots .owl-dot:hover span{
    background: #151C3D;

}
/* .blog-slide-nav-hold .owl-theme .owl-dots .owl-dot span{
	height: 2px;
	margin-right: 0;
}
.blog-slide-nav-hold .owl-theme .owl-dots .owl-dot.active span{
	height: 2px;
} */
/** home blog **/


/** home quote **/
.home-quote{
    position: relative;
    background: url('../img/quote.jpg') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.home-quote::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(21 28 61 / 86%);
}

.home-quote > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
    position: relative;
    z-index: 9;
}
.home-quote > h2 + h3{
    text-align: center;
    color: #ffffff;
    width: 48%;
    margin: 0 auto;
    margin-bottom: 1.875VW;
    position: relative;
    z-index: 9;
}
.general-btn.connect-btn{
    background: #151C3D;
    border-color: #ffffff;
    position: relative;
    z-index: 9;
}
/** home quote **/






/** footer **/
.footer-container{
    width: 67.354167VW;
    margin: 0 auto;
}
.footer{
    border-top: 0.3125VW solid #F57B20;
}
.top-footer{
    padding: 2.1875VW 0;
    background: #ffffff;
}
.footer-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.footer-column{
    width: 25%;
}
.bordered{
    border-right: 0.10416666666666667VW solid #313a4512;
}
.footer-logo{
    display: block;
}
.footer-logo img{
    display: block;
    width: auto;
    max-width: 50%;
}
.links{
    margin: 2.234756vw 0 1.234756vw 0;
}
.links li{
    display: block;
    margin-bottom: 0.84353vw;
}
.links li span{
    display: inline-block;
    vertical-align: middle;
    width: 2.435vw;
    text-align: center;
}
.links li span img{
    margin: 0 auto;
}
.links li{
    font-family: 'Roboto', sans-serif;
    color: #90A0B2;
    font-weight: 400;
    font-size: calc( 8px + ( 13 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 13 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    text-decoration: none;
}
.links li a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    color: #90A0B2;
    font-size: calc( 8px + ( 13 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 13 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    text-decoration: none;
}
.padded{
    padding: 0 2.3958333333333335VW;
}
.paddedLast{
    padding: 0 0 0 2.3958333333333335VW;
}
.padded > h2 + .links{
    margin: 1.234756vw 0 1.234756vw 0;
}
.footer-column h2{
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 600;
}
.links.bolded a{
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 600;
}
.links.bolded{
    margin: 0 0 1.234756vw 0;
}
.footer-socials{
    margin: 1.234756vw 0 1.234756vw 0;
    display: flex;
    flex-wrap: wrap;
}
.footer-socials li{
    margin-right: 1.32324vw;
}
.footer-socials li:last-of-type{
    margin-right: 0;
}
.footer-socials li a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2324vw;
}
.footer-socials li a{
    color: #151C3D;
    font-weight: 500;
    font-size: calc( 8px + ( 16 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 16 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    text-decoration: none;
}
.general-btn.menu-contact.footer-btn{
    padding: 0.7416666666666665VW 3.041667VW 0.7416666666666665VW 3.041667VW;
    margin-left: 0.542vw;
}
.general-btn.newsletter-btn{
    padding: 0.8416666666666665VW 2.65VW 0.8416666666666665VW 0.808333VW;
    min-width: auto;
    font-size: 12px;
    line-height: 12px;
    background: #ffffff;
    color: #F57B20;
    border-radius: 3px;
}
.general-btn.newsletter-btn::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.8583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.7291666666666666VW;
    background: url(../img/nl.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.footer-txts{
    font-size: 0;
    line-height: 0;
}
.footer-txts li{
    font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 300;
    color: #90A0B2;
    display: inline-block;
    margin-right: 0.5234vw;
    padding-right: 0.5234vw;
}
.footer-txts li a{
    font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 300;
    color: #90A0B2;
    text-decoration: none;
    text-transform: none;
}
.footer-txts li:last-of-type{
    margin-right: 0;
    padding-right: 0;
}
.align-middle{
    align-items: center;
}
.middle-footer{
    padding: 1.2423vw;
    border-top: 0.10416666666666667VW solid #313a4512;
}
.bottom-footer .footer-txts li{
    color: #ffffff;
}
.bottom-footer .footer-txts li a{
    color: #ffffff;
    text-decoration: underline;
}
.bottom-footer{
    padding: 1.2423vw;
    background: #151C3D;
}
.general-btn.accept{
    border-radius: 0.2208333333333333VW;
    padding: 0.641667VW 2.15VW 0.641667VW 2.15VW;
    min-width: auto;
}
.general-btn.cancel{
    background: transparent;
    color: #ffffff;
    border-radius: 0.2208333333333333VW;
    padding: 0.641667VW 2.15VW 0.641667VW 2.15VW;
    min-width: auto;
}
.general-btn.accept, .general-btn.cancel{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
.general-btn.accept::after, .general-btn.cancel::after{
    display: none;
}
.smallflex{
    place-content: flex-end;
}
.smallflex .flex-left, .smallflex .flex-right{
    width: 45%;
}
/** footer **/



/** category page **/
.compensator{
    height: 4.175VW;
}


/** category page **/
.banner-section{
    position: relative;
}

.main-banner{
    position: relative;
    width: 100%;
    height: 22.8125VW;
}
.banner-content-hold{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 4.697916666666666VW;
}

.breadcrumb-holder{
    position: absolute;
    top: 0.9375VW;
    left: 0;
    width: 100%;
    z-index: 8;
}
.bread-nav{
    font-size: 0;
    line-height: 0;
}
.bread-nav li{
    position: relative;
    display: inline-block;
    margin-right: 0.625VW;
    padding-right: 0.625VW;
}
.bread-nav li:last-of-type::after{
    display: none;
}
.bread-nav li::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: -0.275VW;
    width: 0.5729166666666666VW;
    height: 0.3125VW;
    background: url(../img/nav-arr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.bread-nav li:last-of-type{
    margin-right: 0;
    padding-right: 0;
}
.bread-nav li a{
    font-family: 'Roboto', sans-serif;
    display: block;
    text-align: left;
    font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    text-decoration: none;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.bread-nav li.selected a{
    color: #437FEC;
    text-decoration: underline;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.bread-nav li a:hover, .bread-nav li a:active, .bread-nav li a:focus{
    color: #437FEC;
    text-decoration: underline;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}


.general-presentation{
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.general-presentation h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.general-presentation p{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1.875VW;
}

.general-texts{
    padding: 3.270833VW 0 2.270833VW 0;
}
.general-texts.gray{
    background: #fcfcfc;
}
.general-texts h2{
    font-family: 'Raleway', sans-serif;
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.general-texts p{
    text-align: left;
    width: 65%;
    margin: 0 auto;
    color: #757171;
    margin-bottom: 1.875VW;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.general-texts p.left, .styled.left{
    text-align: left;
}
.general-texts p.left.full{
    text-align: left;
    width: 100%;
}
.center{
    text-align: center;
}
.general-texts p strong{
    font-weight: 600;
}
.general-infos{
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.general-infos .main-container > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.general-infos .main-container > h2 + p{
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-bottom:4.083333VW;
}
.infos-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.0416666666666665VW;
    margin-right: -1.0416666666666665VW;
}
.infos-hold{
    /* width: 25%; */
    flex: 1 1 0px;
    padding: 0 1.0416666666666665VW;
    margin-bottom: 2.083333333333333VW;
}
.infos-flex.cancelflex .infos-hold{
    width: 25%;
    flex: auto;
}
.infos-element{
    background: #f9f9f9;
    border-radius: 6px;
    min-height: 11.324vw;
    padding: 0.520833VW 0.5208333333333333VW;
    position: relative;
    display: block;
    text-align: center;
    box-shadow: 0px 0px 14px transparent;
    transition: 0.3s ease all
}
.infos-element:hover{
    box-shadow: 0px 0px 14px #a1a1a169;
    transition: 0.3s ease all
}
.infos-element img{
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    margin-bottom: 2.0324vw;
}
.infos-element h2{
    position: relative;
    z-index: 2;
    font-size: calc( 28px + ( 98 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 98 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #F57B20;
    font-weight: 300;
    margin-bottom: 1.0324vw;
}

.cut-circle{
    position: absolute;
    z-index: 1;
    top: 2.234vw;
    right: 5.034vw;
    width: 2.808333VW;
    height: 2.808333VW;
    border-radius: 300px;
    transform: rotate(-11deg);
    background: #e4e9ee;
}
.cut-circle::after{
    content: '';
    position: absolute;
    top: -16px;
    left: -5px;
    width: 22px;
    height: 50px;
    background: #f9f9f9;
    transform: rotate(45deg);
}
.infos-element h3{
    font-family: 'Raleway', sans-serif;
    font-size: calc( 10px + ( 18 - 10) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 22 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 800 !important;
    margin-bottom: 1.0324vw !important;
}
.infos-element p{
    font-family: 'Roboto';
    color: #313A45;
    font-weight: 300;
    /* font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) ); */
}



.metrici{
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
/* .metrici .main-container > h2{
	font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	color: #151C3D;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1.875VW;
}
.metrici .main-container > h2 + p{
	text-align: center;
	width: 70%;
	margin: 0 auto;
	margin-bottom:5.083333VW;
} */
.matrici-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.0416666666666665VW;
    margin-right: -1.0416666666666665VW;
}
.matrici-hold{
    position: relative;
    flex: 1 1 0px;
    padding: 0 1.0416666666666665VW;
    margin-bottom: 2.083333333333333VW;
}

.matrici-element{
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
}
.matrici-hold::after{
    content: '';
    position: absolute;
    z-index: 0;
    bottom: -2.2916666666666665VW;
    right: 2.083333333333333VW;
    width: 11.96875151C3D0002VW;
    height: 13.374999999999998VW;
    background: url('../img/half.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}
.matrici-element h3{
    font-size: calc( 28px + ( 66 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 66 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 1.0324vw;
    color: #F57B20;
}
.matrici-element h3 span{
    color: #151C3D;
    font-weight: 300;
}
.matrici-element p{
    font-family: 'Roboto';
    color: #757171;
    /* font-size: calc( 14px + ( 16 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 20 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) ); */
    width: 80%;
    margin: 0 auto;
    font-weight: 300;
}


.metrici.home-metric{
    background: #fcfcfc;
}
.home-metric .matrici-hold::after{
    display: none;
}


.general-solutions{
    background: #FCFCFC;
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
.general-solutions .main-container > h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.875VW;
}
.general-solutions .main-container > h2 + p{
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 3.875VW;
    font-family: 'Roboto';
}
.solution-flex{
    width: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -1.5625VW;
    margin-right: -1.5625VW;
    margin: 0 auto;
}
.solution-container{
    width: 33.333%;
    padding: 0 1.5625VW;
}
.solution-element img{
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    margin-bottom: 1.3223vw;
}
.solution-element p{
    display: none;
    text-align: center;
    font-size: calc( 12px + ( 16 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 16 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
}



/** page cloud-provider **/
/* .page-cloud-provider{
	position: relative;
	display: block;
	width: 100%;
	height: 18.385416666666668VW;
	background: url('../img/ctaimg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
} */

.page-cloud-provider{
    position: relative;
    min-height: 18.385416666666668VW;
}
.cta-img{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cta-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.page-cloud-provider .main-container{
    position: relative;
    z-index: 2;
}
.page-cloud-provider.map-img{
    position: relative;
    display: block;
    width: 100%;
    height: 18.385416666666668VW;
    background: url('../img/map-img.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-cloud-content{
    position: relative;
    z-index: 9;
    padding: 3.229166666666667VW 0;
}
.page-cloud-content h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 400;
    margin-bottom: 0.875VW;
}
.page-cloud-content h2 span{
    font-weight: 800;
    color: #F57B20;
}
.page-cloud-content p{
    margin-right: 10%;
    color: #151C3D;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.page-cloud-content .smaller-separator{
    background: #A1A1A1;
}
.general-btn.page-offer{
    margin-top: 2.2342vw;
}
/** page cloud-provider **/


.domains-area{
    padding: 4.270833333333333VW 0 4.270833333333333VW 0;
}
/* .domains-area .main-container > h2{
	font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	color: #151C3D;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1.875VW;
}
.domains-area .main-container > h2 + p{
	text-align: center;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 3.875VW;
} */

.domains-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.domains-container{
    width: 25%;
    padding: 0 0.78125VW;
    margin-bottom: 2.5625VW;
}
.domains-icon-hold{
    display: block;
    width: 3.0208333333333335VW;
    height: 2.7604166666666665VW;
    margin: 0 auto;
    margin-bottom: 1.5625VW;
}
.domains-icon-hold img{
    display: block;
    width: 100%;
}
.domains-item h2 {
    text-align: center;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 600;
    margin-bottom: 0.883333333333333VW;
}
.domains-item p {
    font-family: 'Roboto';
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    text-align: center;
    color: #757171;
    font-weight: 300;
    min-height: 5.824vw;
}


.more-services-section{
    padding: 0 0 0 0;
}

.more-service-flex{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.more-service-container{
    width: 33.3333%;
}
.more-service-box{
    position: relative;
    width: 100%;
    height: 20.395833333333336VW;
    background: #FF7900;
}
.more-service-box.dark{
    background: #151C3D;
}
.more-service-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    padding: 0 0.78125VW;
    text-align: center;
}
.more-service-content .smaller-separator{
    margin: 1.13242vw auto;
}
.more-service-content h2{
    font-size: calc( 18px + ( 28 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 32 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
    color: #ffffff;
}
.more-service-content h3{
    font-size: calc( 22px + ( 32 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 26px + ( 36 - 26 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
    color: #ffffff;
}
.more-service-box.dark .more-service-content h2{
    color: #FF7900;
    font-weight: 800;
}
.more-service-box.dark .more-service-content h2 span{
    color: #ffffff;
    font-weight: 300;
}
.more-service-content h2 span{
    font-weight: 800;
    color: #ffffff;
}
.anim-hold{
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0 0;
    overflow: hidden;
}
.anim-hold p{
    color: #ffffff;
}
.service-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #151c3d87;
}
.more-service-content a{
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: calc( 12px + ( 16 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 16 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 500;
}
.more-service-box.dark .more-service-content .general-btn.service-btn {
    padding: 0.6416666666666665VW 3.15VW 0.6416666666666665VW 1.808333VW;
}
.general-btn.service-btn {
    padding: 0.6416666666666665VW 3.15VW 0.6416666666666665VW 0.808333VW;
    min-width: auto;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #151C3D;
}
.general-btn.service-btn::after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.0583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url(../img/arr-right-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.more-service-image{
    display: block;
    width: 100%;
    height: 100%;
}
.more-service-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/** category page **/


/** inner-page-banner **/
.inner-page-banner{
    position: relative;
    width: 100%;
    height: 15VW;
}
.inner-page-banner.certification-banner{
    height: 22VW;
}
.inner-page-banner p{
    font-family: 'Roboto', sans-serif;
    font-size: calc( 16px + ( 28 - 16 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 20px + ( 32 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
}
.inner-banner-content-hold{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 5.104166666666667VW;
}
.inner-banner-content-hold h1{
    font-size: calc( 22px + ( 42 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 30px + ( 50 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 400;
    color: #151C3D;
    margin-bottom: 0.8020833333333335VW;
}
.inner-banner-content-hold h1 span{
    font-weight: 800;
    color: #F57B20;
}
.contact-us-section{
    padding: 4.479166666666667VW 0;
}
.form-hold{
    display: block;
    width: 100%;
    height: auto;
    padding: 2.2395833333333335VW 3.6875VW 3.125VW 3.6875VW;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.form-hold h2{
    text-align: center;
    font-size: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 1.3020833333333335VW;
    font-weight: 400;
    color: #151C3D;
}
.input-hold{
    position: relative;
    margin-bottom: 1.48125VW;
}
.input-search{
    position: relative;
}
.input-search input[type='text']{
    display: block;
    width: 100%;
    border-radius: 3px;
    border:  2px solid transparent;

    overflow: hidden;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;

    outline: none;
    padding: 0.5729166666666666VW 0.8333333333333334VW;
    font-size: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 14 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #90A0B2;
    background: #ffffff;
    box-shadow: 0px 0px 10px transparent;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.input-search input[type='text']:focus, .input-search input[type='text']:active{
    border: 2px solid #437FEC;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.input-search input[type='submit']{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.5208333333333333VW;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0 0;
    background: transparent;
    width: 1.2375VW;
    height: 1.2375VW;
    background: url(../img/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


.input-hold.style1 label{
    display: block;
    margin-bottom: 0.5208333333333333VW;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 400;
    color: #90A0B2;
}
.input-hold.style1 input[type='text']{
    display: block;
    width: 100%;
    border-radius: 3px;
    border: 2px solid #E4E9EE;
    outline: none;
    padding: 0.5729166666666666VW 0.8333333333333334VW;
    font-size: calc( 10px + ( 18 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 18 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    background: #ffffff;
    font-weight: 400;
    box-shadow: 0px 0px 10px transparent;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.input-hold.style1.checkbox-hold{
    margin-top: 1.28125VW;
}
.input-hold.style1 input[type='text']:focus, .input-hold.style1 input[type='text']:active{
    border: 2px solid #437FEC;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.input-hold.style1 input[type='checkbox'], .fake-check.style1{
    position: absolute;
    top: -1px;
    left: 0;
    margin: 0 0;
    width: 1.09375VW;
    height: 1.09375VW;
    border: 2px solid #437FEC;
    border-radius: 3px;
    background: #ffffff;
    pointer-events: all;
    cursor: pointer;
    outline: none;
    opacity: 0;
    font-weight: 400;
    visibility: hidden;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.fake-check.style1{
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}
.input-hold.style1.checkbox-hold label{
    padding-left: 1.3541666666666667VW;
    cursor: pointer;
}


.fake-check.style1::after{
    content: '';
    opacity: 0;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0.8208333333333333VW;
    height: 0.5645833333333333VW;
    background: url('../img/check-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.input-hold.style1 input[type='checkbox']:checked + p + .fake-check.style1, .input-hold.style1 input[type='checkbox']:checked + .fake-check.style1{
    background: #437FEC;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.input-hold.style1 input[type='checkbox']:checked + p + .fake-check.style1::after, .input-hold.style1 input[type='checkbox']:checked + .fake-check.style1::after{
    opacity: 1;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}


#submit-btn, #submit-nl-btn{
    display: inline-block;
    position: relative;
    z-index: 9;
    text-align: center;
    border-radius: 0.3208333333333333VW;
    text-align: center;
    outline: none;
    font-weight: 500;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    text-decoration: none;
    min-width: 16.0625VW;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
    background: transparent;
    color: #151C3D;
    cursor: pointer;
    border: 0.10416666666666667VW solid #F57B20;
    margin-top: 1.608333VW;
    min-width: auto;
    padding: 0.6416666666666665VW 1.608333VW 0.6416666666666665VW 1.608333VW;
}
#submit-nl-btn{
    display: block;
    margin: 0 auto;
}
.contact-info h2{
    text-align: left;
    font-weight: 400;
    font-size: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 1.3020833333333335VW;
    color: #151C3D;
}
.contact-info{
    padding-left: 4.324vw;
}
.infos-ul{
    list-style: none;
}
.infos-ul li{
    position: relative;
    display: block;
    font-weight: 400;
    margin-bottom: 1.0416666666666665VW;
    padding-left: 1.934234vw;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.infos-ul li strong{
    color: #F57B20;
    font-weight: 500;
}
.infos-ul li a{
    display: inline-block;
    color: #5B616D;
    text-decoration: none;
}
.location-icon::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0.145vw;
    width: 1.1333333333333334VW;
    height: 1.6416666666666665VW;
    background: url('../img/location-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.phone-icon::after{
    content: '';
    position: absolute;
    top: -0.234vw;
    left: 0;
    width: 1.4416666666666665VW;
    height: 1.9416666666666665VW;
    background: url('../img/phone-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.mail-icon::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.4416666666666665VW;
    height: 1.2291666666666666VW;
    background: url('../img/mail-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.time-icon::after{
    content: '';
    position: absolute;
    top: 0;
    left: -0.1345vw;
    width: 1.8416666666666665VW;
    height: 1.3416666666666665VW;
    background: url('../img/time-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.contact-socials{
    display: flex;
    flex-wrap: wrap;
}
.contact-socials li{
    margin-right: 1.32324vw;
}
.contact-socials li:last-of-type{
    margin-right: 0;
}
.contact-socials li a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2324vw;
}
.contact-socials li a{
    color: #151C3D;
    font-size: calc( 8px + ( 16 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 16 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    text-decoration: none;
}
.contact-info h3{
    font-weight: 500;
    color: #151C3D;
    margin-top: 1.324vw;
    margin-bottom: 0.224vw;
}
.svg-map{
    margin-top: 3.234vw;
    width: 24.895833333333332VW;
    height: 9.270833333333334VW;
}
.svg-map img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
#map{
    display: block;
    height: 36.45833333333333VW;
    width: 100%;
}
/** inner-page-banner **/


/* blog detail */
.blog-detail-section{
    position: relative;
}
.blog-detail-section h1{
    padding-top: 4.166666666666666VW;
    padding-bottom: 0.20833333333333334VW;
    font-size: calc( 22px + ( 42 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 30px + ( 50 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 500;
    color: #151C3D;
}
.publish-time{
    display: block;
    color: #90A0B2;
    font-size: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.tags{
    margin: 0.9375VW 0;
    font-size: 0;
    line-height: 0;
}
.tags li{
    display: inline-block;
    margin-right: 1.0416666666666665VW;
    font-size: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.tags li:last-of-type{
    margin-right: 0;
}
.tags li a{
    display: block;
    padding: 0.3125VW 0.625VW;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    background: #437FEC;
    outline: none;
    text-decoration: none;
}

.tags li a:hover, .tags li a:active, .tags li a:focus{
    text-decoration: none;
    color: #ffffff;
}
.readtime{
    display: block;
    color: #90A0B2;
    font-size: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 18 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}

.blog-content{
    padding: 2.3958333333333335VW 0;
}
.blog-content img{
    display: block;
    width: auto;
    max-width: 80%;
    margin: 0 auto 1.3020833333333335VW auto;
}
.blog-content p{
    color: #151C3D;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-bottom: 1.0416666666666665VW;
}
.blog-content p a{
    color: #F57B20;
    text-decoration: none;
}
.blog-content p a:hover{
    color: #F57B20;
    text-decoration: none;
}
/* .blog-content p:last-of-type{
	padding-bottom: 0;
} */
.blog-content p strong{
    font-weight: bold;
}
.blog-content h2{
    color: #151C3D;
    font-weight: bold;
    font-size: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-top: 0.78125VW;
    padding-bottom: 0.78125VW;
}
.blog-content h3{
    color: #151C3D;
    font-size: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-top: 0.78125VW;
    padding-bottom: 0.78125VW;
}
.blog-content p.blockquote{
    position: relative;
    padding: 2.083333333333333VW 0;
    text-align: center;
    color: #437FEC;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.blog-content p.blockquote::before{
    content: '';
    position: absolute;
    top: calc(1.0416666666666665VW - 0.20833333333333334VW);
    width: 40%;
    height: 0.20833333333333334VW;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #F57B20;
}
.blog-content p.blockquote::after{
    content: '';
    position: absolute;
    bottom: calc(1.0416666666666665VW - 0.20833333333333334VW);
    width: 40%;
    height: 0.20833333333333334VW;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #F57B20;
}
.blog-content ul{
    list-style-image:none;
    list-style-position: outside;
}
.blog-content ul li{
    position: relative;
    color: #151C3D;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 1.0416666666666665VW;
    padding-left: calc(1.0416666666666665VW + 0.5208333333333333VW);
}
.blog-content ul li::after{
    content: '';
    position: absolute;
    top: 0.234534vw;
    left: 0;
    width: 1.0416666666666665VW;
    height: 1.1458333333333333VW;
    background: url('../img/bullts.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.blog-content ul li strong{
    color: #F57B20;
    font-weight: bold;
}

.blog-content-end{
    padding: 1.395833VW 0;
    margin: 0 0 1.395833VW 0;
    border-top: 1px solid #E4E9EE;
    border-bottom: 1px solid #E4E9EE;
}
.blog-end-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blog-end-column{
    width: 33.333%;
}
.blog-user-mask{
    display: block;
    width: 50%;
    overflow: hidden;
    border-radius: 200px;
    width: 5.208333333333334VW;
    height: 5.208333333333334VW;
}
.blog-user-mask img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.blog-end-column h2{
    color: #90A0B2;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 1.24vw;
}

.blog-shares li {
    margin-bottom: 1.0416666666666665VW;
    display: inline-block;
    margin-right: 0.4342vw;
}.blog-shares li a {
     color: #90A0B2;
     text-transform: none;
     text-decoration: none;
     transition: all .35s cubic-bezier(.53,.01,.18,1);
 }
.blog-shares li a img {
    display: inline-block;
    margin-right: 0.2342vw;
    vertical-align: middle;
}
.blog-shares li:last-of-type {
    margin-right: 0;
}
.nl-hold{
    display: block;
    width: 67%;
    margin-left: auto;
}
.general-btn#submit-nl{
    margin-top: 0.5208333333333333VW;
    min-width: auto;
    width: 100%;
    text-align: center;
    padding: 0.6416666666666665VW 0;
}
.mask-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mask-flex p{
    color: #90A0B2;
    line-height: normal;
    margin-left: 1.134vw;
}
.mask-flex p span{
    display: block;
}
/* blog detail */


/* blog list */
.blog-list-section {
    display: block;
    padding: 4.479166666666667VW 0 2.479166666666667VW 0;
}
.flex-promoted-hold{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.flex-promoted-container{
    display: block;
    position: relative;
    width: 25%;
    padding: 0 0.78125VW;
    margin-bottom: 1.5625VW;
}
.promoted-article{
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.promoted-image{
    position: relative;
    display: block;
    width: 100%;
    height: 8.854166666666668VW;
}
.ear{
    position: absolute;
    top: 0;
    left: 15px;
    width: 1.09375VW;
    height: 1.6145833333333335VW;
    z-index: 3;
}
.promoted-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.promoted-details{
    background: #ffffff;
    padding: 0.9375VW 1.1458333333333333VW;
}
.promoted-details h2{
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 0.56041666666666663VW;
    font-size: calc( 10px + ( 18 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 22 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}

.promoted-details h3{
    color: #90A0B2;
    font-size: calc( 8px + ( 12 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 12 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.78125VW;
}
.promoted-details p{
    color: #90A0B2;
    font-size: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.43242vw;
}
.promoted-details a{
    text-transform: none;
    text-decoration: none;
    color: #F57B20;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
}
.blog-list-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.blog-left{
    width: 75%;
    padding: 0 0.78125VW;
}
.blog-right{
    width: 25%;
    padding: 0 0.78125VW;
}
.blog-element{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 14.666666666666664VW;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-bottom: 1.5625VW;
}
.blog-element-img{
    width: 30%;
    height: 100%;
}
.blog-element-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.blog-element-content{
    width: 70%;
    height: 100%;
    overflow: hidden;
    padding: 1.8583333333333333VW 3.458333VW 1.4583333333333333VW 1.4583333333333333VW;
}
.more-industries{
    padding: 3.270833VW 0 3.270833VW 0;
}

.more-industries-holder .blog-element-content h2{
    font-size: calc( 18px + ( 26 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 30 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
}
.more-industries-holder .blog-element-content {
    width: 70%;
    height: 100%;
    overflow: hidden;
    padding: 1.2583333333333333VW 1.458333VW 1.1583333333333333VW 1.1583333333333333VW;
}
.more-industries-holder .blog-element-content p{
    margin-bottom: 1.43242vw;
}


.more-industries-holder .blog-element-content a{
    background: transparent;
    color: #151C3D;
    min-width: auto;
    padding: 0.6416666666666665VW 3.35VW 0.6416666666666665VW 1.608333VW;
}
.more-industries-holder .blog-element-content a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.4583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url(../img/arr-right-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.blog-element-content h2{
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 0.56041666666666663VW;
    font-size: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 20px + ( 28 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}

.blog-element-content h3{
    color: #90A0B2;
    font-size: calc( 8px + ( 12 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 8px + ( 12 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.78125VW;
}
.blog-element-content p{
    color: #90A0B2;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.43242vw;
}
.blog-element-content a{
    text-transform: none;
    text-decoration: none;
    color: #F57B20;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 500;
}

.searchkey{
    display: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-bottom: 1.5625VW;
}
.cat-nav{
    margin-bottom: 1.5625VW;
    padding: 1.172917VW 0.8333333333333334VW;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background: #ffffff;
}
.cat-nav h2{
    color: #313A45;
    font-size: calc( 10px + ( 18 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 18 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
    padding-bottom: 0.5208333333333333VW;
    margin-bottom: 0.5208333333333333VW;
    border-bottom: 2px solid #E4E9EE;
}
.cat-nav ul li{
    display: block;
    color: #313A45;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.78125VW;
}
.cat-nav ul li:last-of-type{
    margin-bottom: 0;
}
.cat-nav ul li a{
    color: #313A45;
    text-decoration: none;
    font-weight: 500;
}
.blogbanner{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 2.2916666666666665VW 1.5VW 5.291667VW 1.5VW;
    text-align: center;
}
.blogbanner h2{
    position: relative;
    z-index: 2;
    color: #151C3D;
    font-size: calc( 18px + ( 24 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 28 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
    margin-bottom: 1.8229166666666667VW;
}
.blogbanner a{
    position: relative;
    z-index: 2;
}
.blogbanner p{
    position: relative;
    z-index: 2;
    color: #151C3D;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 10.416666666666668VW;
}
.blogbanner img{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.pagination-hold{
    display: none;
    width: 100%;
    padding: 2.166666666666666VW 0 4.166666666666666VW 0;
}
.pagination-hold ul{
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.pagination-hold ul li{
    display: inline-block;
    margin-right: 0.78125VW;
    text-align: center;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
}
.pagination-hold ul li a {
    display: block;
    padding: 0.5208333333333333VW 0.78125VW;
    text-align: center;
    color: #90A0B2;
    border: 2px solid #E4E9EE;
    background: #ffffff;
    border-radius: 10px;
    text-decoration: none;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.pagination-hold ul li a:hover{
    background: #F57B20;
    border: 2px solid #F57B20;
    color: #ffffff;
    text-decoration: none;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
/* blog list */


.mobile-menu{
    display: none;
    opacity: 0;
    visibility: hidden;
}
.mobile-menu-toggle{
    display: none;
}


/**about us**/
.alternate-section{
    padding: 3.270833VW 0 3.270833VW 0;
}
.alternate-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.alternate-element{
    width: 50%;
    padding: 0 0.78125VW;
}
.alternate-element{
    display: flex;
    align-items: center;
}
.alternate-image{
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}
.alternate-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.0001, 1.0001);
    transition: all 1.55s cubic-bezier(.17,.66,.61,.96);
}
.alternate-image:hover > picture > img{
    transform: scale(1.03, 1.03);
    transition: all 1.55s cubic-bezier(.17,.66,.61,.96);
}
.alternate-content .smaller-separator{
    background: #A1A1A1;
}
.alternate-content h2{
    font-size: calc( 20px + ( 38 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 46 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 500;
    margin-bottom: 0.89823vw;
}
.alternate-content h2 span{
    color: #FF7900;
    font-weight: 800;
}
.alternate-content h4{
    color: #151c3d;
    font-weight: 500;
    font-size: calc( 20px + ( 26 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 24px + ( 30 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    padding-right: 1.2342vw;
}
.alternate-content p{
    font-family: 'Roboto', sans-serif;
    color: #757171;
    margin-bottom: 1.289823vw;
    margin-right: 8%;
    font-weight: 300;
}
.alternate-content p strong{
    font-weight: 800;
}
.general-btn.alternate-btn{
    background: transparent;
    color: #151C3D;
    min-width: auto;
    padding: 0.6416666666666665VW 3.35VW 0.6416666666666665VW 1.608333VW;
}
.general-btn.alternate-btn::after{
    right: 1.1583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url(../img/arr-right-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.page-separator{
    height: 3px;
    background: #EFF1FE;
    width: 100%;
}

.page-testimonials{
    position: relative;
    padding: 3.90625VW 0;
    background: url(../img/testim.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.page-testimonials::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #001835de;
}
.testimonial-item{
    position: relative;
    z-index: 9;
}
.testimonial-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.78125VW;
    margin-right: -0.78125VW;
}
.testimonial-left{
    display: flex;
    align-items: center;
    width: 20%;
    padding: 0 0.78125VW;
}
.testimonial-right{
    display: flex;
    align-items: center;
    width: 80%;
    padding: 0 0.78125VW;
}
.testimonial-mask{
    width: 10.416666666666668VW;
    height: 10.416666666666668VW;
    overflow: hidden;
    border-radius: 200px;
}
.testimonial-mask img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.testimonial-content p{
    position: relative;
    color: #ffffff;
    font-weight: 500;
}
.testimonial-content p::after{
    content: '';
    position: absolute;
    top: -1.9234vw;
    left: -2.2342vw;
    width: 2.083333333333333VW;
    height: 1.6145833333333335VW;
    background: url('../img/quote.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.testimonial-content p::before{
    content: '';
    position: absolute;
    bottom: -1.9234vw;
    right: -2.2342vw;
    width: 2.083333333333333VW;
    height: 1.6145833333333335VW;
    background: url('../img/quote.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.testimonial-content h2{
    color: #ffffff;
    font-weight: 600;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-top: 0.42734vw;
}
.testimonial-content h3{
    color: #ffffff;
    font-size: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 500;
    margin-bottom: 2.83287vw;
}
.general-btn.testimonial-btn{
    background: transparent;
    color: #ffffff;
    min-width: auto;
    padding: 0.6416666666666665VW 3.35VW 0.6416666666666665VW 1.608333VW;
}

.tabflex-section{
    padding: 3.270833VW 0 2.270833VW 0;
}
.tabflex{
    display: flex;
    flex-wrap: wrap;
    height: 23.4375VW;
    border: 1px solid #E4E9EE;
    overflow: hidden;
    border-radius: 10px;
}
.tabflex-left{
    width: 30%;
    height: 100%;
}
.tabflex-right{
    position: relative;
    width: 70%;
    height: 100%;
}
.tabnav li{
    position: relative;
    display: block;
    padding: 1.3493333333333333VW 0 1.3493333333333333VW 2.8125VW;
    font-weight: 500;
    color: #90A0B2;
    font-size: calc( 12px + ( 20 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 12px + ( 20 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    background: #e4e9ee;
    cursor: pointer;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
    border-bottom: 1px solid #f2f4f7;
}
.tabnav li.selected-tab{
    color: #151C3D;
    background: #ffffff;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.tabnav li:hover{
    color: #151C3D;
    background: #ffffff;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.tabnav li:hover:before{
    content:'';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.625VW;
    width: 1.5625VW;
    height: 1.5625VW;
    background: url('../img/li-selected.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.tabnav li:before{
    content:'';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.625VW;
    width: 1.5625VW;
    height: 1.5625VW;
    background: url('../img/li.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.tabflex-element{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tabflex-element.selectedTab{
    display: block;
}
.tabflex-content{
    height: 100%;
}
.tabflex-flex{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tabflex-inner-content{
    width: 70%;
    padding: 1.3020833333333335VW 0 1.3020833333333335VW 1.8229166666666667VW;
}
.tabflex-inner-content h2{
    font-weight: 500;
    color: #151C3D;
    font-size: calc( 18px + ( 32 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 22px + ( 36 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.8242vw;
}
.tabflex-inner-content p{
    font-weight: 300;
    color: #151C3D;
    margin-bottom: 0.8242vw;
}
.tabflex-inner-content ul li{
    position: relative;
    display: block;
    padding: 0.2493333333333333VW 0 0.2493333333333333VW 1.4125VW;
    font-weight: 500;
    color: #151C3D;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.tabflex-inner-content ul li:before{
    content:'';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1.5625VW;
    height: 1.5625VW;
    background: url('../img/li-selected.svg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.tabflex-image{
    width: 30%;
    height: 100%;
}
.tabflex-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.general-btn.tabflex-btn{
    margin-top: 0.8242vw;
    background: #F57B20;
    color: #ffffff;
    min-width: auto;
    padding: 0.6416666666666665VW 3.35VW 0.6416666666666665VW 1.608333VW;
}
/**about us**/

.category-banner .general-btn.connect{
    margin-left: 0;
}


.necessary-txt{
    background: #FCFCFC;
    padding: 3.270833VW 0 3.270833VW 0;
}

.necessary-txt ul li{
    position: relative;
    display: block;
    padding: 0.2493333333333333VW 0 0.2493333333333333VW 1.4125VW;
    font-weight: 300;
    color: #757575;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.necessary-txt ul li strong{
    color: #F57B20;
    font-weight: 800;
}
.necessary-txt ul li:before {
    content: '';
    position: absolute;
    top: 0.43242vw;
    left: 0;
    width: 1.5625VW;
    height: 1.5625VW;
    background: url(../img/li-selected.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}


.service-detail-holder{
    padding: 3.270833VW 0 3.270833VW 0;
}
.service-detail-list{
    padding: 3.270833VW 0 0 0;
}
.service-detail-box{
    display: block;
    width: 100%;
    height: 23.833333333333336VW;
    padding: 1.3020833333333335VW 1.3020833333333335VW;
}
.service-img-hold{
    display: block;
    width: 4.166666666666666VW;
    height: 5.166667VW;
    margin: 0 auto;
    margin-bottom: 1.5625VW;
}
.service-img-hold img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.service-detail-box{
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.service-detail-box h4 {
    text-align: center;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #151C3D;
    font-weight: 800;
    margin-bottom: 1.683333333333333VW;
}
.service-detail-box p {
    /* font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) ); */
    text-align: center;
    margin-bottom: 1.683333333333333VW;
    font-weight: 300;
}
.service-detail-box .general-btn {
    border-color: #90A0B2;
    color: #90A0B2;
    background: #ffffff;
    min-width: auto;
    padding: 0.6416666666666665VW 3.35VW 0.6416666666666665VW 1.608333VW;
}

.service-detail-box .general-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.4583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url(../img/arr-right-n-grey.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.service-detail-box .general-btn:hover{
    background: #F57B20;
    border: 2px solid #F57B20;
    color: #ffffff;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.service-detail-box .general-btn:hover::after{
    right: 1.4583333333333333VW;
    width: 1.0416666666666665VW;
    height: 0.625VW;
    background: url(../img/arr-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


.more-industries-holder{
    padding: 1.270833VW 0 0 0;
}



.wpcf7-list-item-label{
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    padding-left: 0.454167VW;
    font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #90A0B2;
}
.wpcf7-list-item{
    margin: 0 0 0;
}
.wpcf7-list-item input{
    margin: 0 0;
    width: 1.09375VW;
    height: 1.09375VW;
    border: 2px solid #437FEC;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    position: relative;
    top: 0.2131vw;
}

.wpcf7-form-control-wrap{
    display: inline-block;
}
.wpcf7-not-valid-tip{
    display: block;
    position: absolute;
    top: 100%;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #dc3232;
}
.wpcf7-list-item{
    margin: 15px 0 0 0;
}

.main-banner .general-btn.connect{
    margin-left: 0;
}
.blog-list-content{
    padding: 0 0 2.479166666666667VW 0;
}
.blog-list-content.padded-top{
    padding: 4.479166666666667VW 0 2.479166666666667VW 0;
}


.popup-placeholder {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    min-width: 20%;
    width: 40%;
    height: auto;
    padding: 25px 25px;
    border-radius: 10px;
    background: #ffffff;
    z-index: 99999999999999;
    border: 2px solid #F57B20;
}
.closeme {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #151C3D;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    cursor: pointer;
}

.popup-placeholder h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 25px;
}
.popup-placeholder p{
    color: #151C3D;
    font-weight: 800;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 10px;
}
.popup-placeholder p span, .popup-placeholder p a {
    font-weight: 300;
    color: #151515;
    text-decoration: none;
}
.noshow{
    display: none !important;
}
.grey-background{
    background: #fcfcfc;
}

.percent-hold{
    position: relative;
    text-align: center;
}
.percent-hold h3{
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    font-size: calc( 28px + ( 66 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 28px + ( 66 - 28 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #F57B20;
}
.percent-hold h3 span {
    color: #151C3D;
    font-weight: 300;
}
.percent-hold p{
    position: relative;
    z-index: 2;
    margin-top: 2.234vw;
    width: 86%;
    margin: 2.234vw auto 0 auto;
    font-weight: 300;
    color: #757171;
}
.cut-circle.large-circle{
    /* top: -2.766vw;
    right: 10.034vw;
    width: 9.808333VW;
    height: 9.808333VW; */
    top: -1.766vw;
    right: 12.034vw;
    width: 8.808333VW;
    height: 8.808333VW;
    background: #f4f6f9;
}
.cut-circle.large-circle::after{
    top: -34px;
    left: 8px;
    width: 60px;
    height: 144px;
    background: #fcfcfc;
}

.styled li {
    position: relative;
    display: block;
    padding: 0.2493333333333333VW 0 0.2493333333333333VW 1.4125VW;
    font-weight: 300;
    color: #757171;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}
.styled li strong{
    color: #F57B20;
    font-weight: 800;
}
.styled li:before {
    content: '';
    position: absolute;
    top: 0.43242vw;
    left: 0;
    width: 1.5625VW;
    height: 1.5625VW;
    background: url(../img/li-selected.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .35s cubic-bezier(.53,.01,.18,1);
}

.inverse-colors .page-cloud-content h2{
    padding-right: 4.2342vw;
}
.inverse-colors .page-cloud-content h2 span{
    color: #ffffff;
}
.inverse-colors .page-cloud-content p{
    color: #ffffff;
}
.inverse-colors .general-btn.page-offer{
    background: #151c3d;
}
.inverse-colors .page-cloud-content .smaller-separator{
    background: #ffffff;
}
.general-btn.connect.see-solutions{
    margin-left: 1.0416666666666665VW;
    text-align: center;
    padding: 1.0416666666666665VW 2.15VW 1.041667VW 2.15VW;
}
section.service-detail-holder .main-container > h2 + .small-separator + p{
    margin-bottom: 0;
}

.certificari-flex{
    width: 100%;
    height: 33.4375VW;
}
.perfect-certificari{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.cert-l, .cert-r{
    width: 50%;
    height: 100%;
}
.cert-l img, .cert-r img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.certifications-flex{
    display: flex;
    flex-wrap: wrap;
}
.certificate-container{
    width: 14.28%;
    padding: 0 0.20833333333333334VW;
    margin-bottom: 0.4166666666666667VW;
}
.certificate-element{
    text-align: center;
    height: 12.708333333333332VW;
    padding-top: 2.604444444vw;
    background: #fafafa;
}
.certificate-image{
    display: block;
    width: 5.833333333333333VW;
    height: 5.208333333333334VW;
    margin: 0 auto 0.78125VW auto;
}
.certificate-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.certificate-element p{
    width: 75%;
    margin: 0 auto;
    color: #151C3D;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
}

.certificari-more.more-service-content h3{
    margin: 0 auto;
    width: 85%;
}
.certifications{
    padding-bottom: 60px;
}
.certificari-more.more-service-content h2{
    font-size: calc( 12px + ( 26 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 16px + ( 30 - 16 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 300;
    color: #ffffff;
    margin: 0 auto;
    width: 65%;
}

.certifications h6{
    text-align: center;
    width: 48%;
    color: #ffffff;
    margin: 0 auto;
    margin-bottom: 3.875VW;
    color: #151C3D;
}


.newsletter-hold{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #151c3d96;
}
.cclose{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    line-height: 30px;
    color: orangered;

    font-weight: 800;
    pointer-events: all;
    cursor: pointer;
}
.nl-element{
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 45%;
    background: #ffffff;
    padding: 25px 25px;
    border-radius: 10px;
    border: 2px solid orange;
}
.input-hold.style1.btncenter + p{
    margin: 0 auto !important;
    width: 90% !important;
}

.wp-block-columns{
    margin-top: 1.75em;
}
.wp-block-pullquote{
    position: relative;
}
.wp-block-pullquote::after{
    content: '';
    background: #F57B20;
    height: 0.15625VW;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 65%;
    margin: 0 auto;
}
.wp-block-pullquote::before{
    content: '';
    background: #F57B20;
    height: 0.15625VW;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 55%;
    margin: 0 auto;
}
.blog-content blockquote p{
    font-size: calc( 22px + ( 42 - 22 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 30px + ( 50 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    font-weight: 600;
    color: #151C3D;
}
.blog-content blockquote::before {
    color: #151C3D;
    content: "“";
    display: block;
    position: relative;
    left: 0;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1;
}
.blog-content p em{
    font-style: italic;
}
tr td{
    border: 1px solid black;
    padding: 5px 15px;
}
.wp-block-media-text{
    margin: 1.75em 0;
}
.blog-content .wp-block-media-text .wp-block-media-text__media{
    width: 100% !important;
    height: 100% !important;
}
.blog-content div figure img{
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0 auto 1.3020833333333335VW auto;
    object-fit: cover;
    object-position: center center;
}


@media screen and (max-width:1690px){
    .child-menu-hold{
        top: 4.215VW;
    }
    .has-children.down-arr:hover::before{
        bottom: -0.1234vw;
    }
    .business-slide-element p, .smart-slide-element p{
        min-height: 8.2342vw;
    }
    .arr-d{
        bottom: 10%;
    }
    .infos-element{
        min-height: 18.23vw;
    }
    .cloud-provider{
        min-height: 22.385417VW;
    }
    .cut-circle{
        right: 4.034vw;
        width: 3.808333VW;
        height: 3.808333VW;
    }
}
@media screen and (max-width:1490px){
    .arr-d{
        bottom: 21%;
    }
    .general-texts p{
        width: 85%;
    }
}


@media screen and (max-width:1380px){
    .child-menu-hold {
        top: 4.275VW;
    }
    .menu, .footer-container, .child-menu-container {
        width: 66.354167VW;
    }
    .logo{
        width: 12.570833VW;
    }
    .user {
        width: 15.390833VW;
    }
    .search{
        right: 0;
    }
    .whoweare-home > h2 + .small-separator + h3, .whoweare-home p,
    section .main-container > h2 + p, section .main-container > h2 + .small-separator + p{
        width: 62%;
    }
    section > h2 + .small-separator + h3{
        width: 62%;
    }
    .main-container {
        width: 84.354167VW;
    }
    .footer-container{
        width: 92.354167VW;
    }
    .home-quote > h2 + h3{
        width: 62%;
    }
    .arr-d{
        bottom: 10%;
    }
    .content-hold h1 {
        font-size: calc( 20px + ( 50 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 30px + ( 60 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    }
    .content-hold h4{
        font-size: calc( 20px + ( 50 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 30px + ( 60 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    }
    .promoted-image{
        height: 11.854167VW;
    }
    .cut-circle{
        right: 7.034vw;
    }
    .business-slide-element p, .smart-slide-element p{
        min-height: 6.6342vw;
    }
}




@media screen and (max-width:1290px){
    /* .main-container{
		width: 73.354167VW;
	} */
    .content-hold{
        padding-top: 7.697917VW;
    }
    .menu, .child-menu-container {
        width: 67.354167VW;
    }
    .user {
        width: 15.390833VW;
    }
    .logo {
        width: 11.570833VW;
    }
    .child-menu-hold{
        top: 4.215VW;
    }
    .content-hold .main-container {
        width: 68.354167VW;
    }
    .arr-d{
        bottom: 12%;
    }

}

@media screen and (max-width: 1030px){
    .child-menu-hold {
        top: 4.405VW;
    }
    .search{
        right: 10.824vw;
    }
    .content-hold h1{
        font-size: calc( 12px + ( 42 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 20px + ( 40 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    }
    .content-hold p{
        font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 21px + ( 28 - 21 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    }
    .page-cloud-provider.map-img{
        height: auto;
    }
    .inner-banner-content-hold{
        padding-top: 6.697917VW;
    }
    .inner-page-banner{
        height: 25.8125VW;
    }
    .content-hold .main-container{
        width: 100%;
        padding: 0 15px;
    }
    .cloud-provider{
        height: 28.385417VW;
    }
    .main-container {
        width: 86.354167VW;
    }
    .cloud-content{
        padding: 3.229166666666667VW 0 3.229166666666667VW 4.4432vw;
    }
}


@media screen and (max-width: 990px){
    .menu{
        display: none;
    }
    .mobile-menu{
        display: block;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #151C3Da8;
        transform: translateX(100%);
    }
    .mobile-menu-nav{
        position: absolute;
        overflow: hidden;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background: #F57B20;
    }
    .lvl1-mobile-nav{
        position: absolute;
        top:0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 11;
        padding: 20px 15px;
        text-align: right;
        background: #F57B20;
    }
    .lvl2-mobile-nav{
        position: absolute;
        top:0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 12;
        padding: 20px 15px;
        text-align: right;
        background:#F57B20;
        transform: translateX(100%);
    }
    .lvl3-mobile-nav{
        position: absolute;
        top:0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 13;
        padding: 20px 15px;
        text-align: right;
        background:#F57B20;
        transform: translateX(100%);
    }

    .lvl1-mobile-nav ul li, .lvl2-mobile-nav ul li, .lvl3-mobile-nav ul li{
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 18px;
    }
    .lvl1-mobile-nav ul li:last-of-type, .lvl2-mobile-nav ul li:last-of-type, .lvl3-mobile-nav ul li:last-of-type{
        margin-bottom: 0;
    }
    .lvl1-mobile-nav ul li a, .lvl2-mobile-nav ul li a, .lvl3-mobile-nav ul li a{
        display: block;
        position: relative;
        width: 100%;
        color: #151C3D;
        text-decoration: none;
        font-size: 18px;
        line-height: 18px;
    }
    .lvl1-mobile-nav ul li a.has-mobile-children::after, .lvl2-mobile-nav ul li a.has-mobile-children::after, .lvl3-mobile-nav ul li a.has-mobile-children::after{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        left: 15px;
        width: 14px;
        height: 8px;
        background: url(../img/nav-arr.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        transition: all .35s cubic-bezier(.53,.01,.18,1);
    }
    .backnav{
        position: relative;
        display: block;
        width: 100%;
        color: #ffffff;
        font-weight: 600;
        text-decoration: none;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 25px;
        border-bottom: 1px solid #151C3D;
    }
    .backnav::after{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
        right: 0;
        width: 14px;
        height: 8px;
        background: url(../img/nav-arr.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        transition: all .35s cubic-bezier(.53,.01,.18,1);
    }
    .closemenu{
        display: block;
        position: absolute;
        top: 15px;
        right: calc(50% + 20px);
        font-size: 20px;
        line-height: 20px;
        color:#ffffff;
        cursor:pointer;
    }




    .main-container, .menu, .footer-container, .child-menu-container, .main-menu-container{
        width: 100%;
        padding: 0 15px;
    }
    .user, .logo{
        width: 50%;
    }
    .academy{
        width: 160px;
    }
    .general-btn.login-btn{
        position: relative;
        z-index: 0;
        right: 52px;
        font-size: 16px;
        line-height: 16px;
        border: 1px solid #90A0B2;
        padding: 6px 10px 6px 22px;
    }
    .general-btn.login-btn::after{
        left: 5px;
        width: 14px;
        height: 11px;
    }
    .search{
        right: 60px;
        min-width: 140px;
    }
    .main-menu-container{
        padding: 10px 15px;
    }

    #search-querry{
        font-size: 16px;
        line-height: 16px;
        padding: 5px 10px 5px 22px;
    }
    #submit-search, .search-toggle{
        width: 18px;
        height: 18px;
    }
    #submit-search, .search-toggle{
        top: 40%;
    }
    .benefits-hold{
        width: 95%;
    }
    .business-slide-nav-hold, .smartcity-slide-nav-hold, .partners-slide-nav-hold{
        width: 90%;
        margin: 0 auto;
    }
    .partner-element{
        height: auto;
    }
    .partner-element img{
        top: 0;
        transform: translateY(0);
        width: 70% !important;
        margin: 0 auto;
    }
    .mobile-menu-toggle{
        display: block;
    }
    .hamburger{
        padding: 0 0;
    }
    .mobile-menu-toggle{
        position: absolute;
        top: 50%;
        transform: translateY(-38%);
        right: 0;
    }
    .compensator{
        height: 43px;
    }
    .bread-nav li a{
        font-size: 14px;
        line-height: 18px;
    }
    .main-banner{
        height: 25.8125VW;
    }
    .banner-content-hold{
        padding-top: 6.697917VW;
    }
    .general-btn::after{
        right: 6px;
        width: 17px;
        height: 9px;
    }
    .breadcrumb-holder{
        top: 10px;
    }
    .page-cloud-provider{
        height: auto;
    }
    .service-flex-right{
        height: 100%;
    }
    .blog-detail-section h1{
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .tags{
        margin: 12px 0;
    }
    .tags li{
        margin-right: 15px;
        font-size: 14px;
        line-height: 14px;
    }
    .tags li a{
        padding: 4px 8px;
    }
    .lvl-2-list{
        display: none;
        position: absolute;
        top: calc(20px + 48px);
        right: 15px;
        width: calc(100% - 15px);
    }
    .lvl-3-list{
        display: none;
        position: absolute;
        top: calc(20px + 48px);
        right: 15px;
        width: calc(100% - 15px);
    }
    .whoweare-home > h2 + .small-separator + h3, .whoweare-home p, section .main-container > h2 + p, section .main-container > h2 + .small-separator + p {
        width: 90%;
        font-weight: 300;
    }
    .more-service-content h2{
        font-size: 18px;
        line-height: 22px;
    }
    .more-service-box{
        height: 26.395833VW;
    }
    .business-slide-element a, .smart-slide-element a, .domains-item a{
        width: auto;
        display: inline-block;
        padding: 0.72234vw 3.32234vw;
    }
    .blog-img-hold{
        height: 16.614583VW;
    }

    .blog-element{
        height: 18.666667VW;
    }
    .blog-left, .blog-right{
        width: 100%;
    }
    .blog-list-flex{
        flex-direction: column-reverse;
    }
    .inner-page-banner.certification-banner {
        height: 63.234vw;
    }
    .certificari-flex{
        height: 100%;
    }
    .cert-l, .cert-r{
        width: 100%;
    }
    .certificate-container{
        width: 50%;
    }
    .certificate-element{
        height: 41.708333VW;
        padding-top: 6.604444vw;
    }
    .certificate-image{
        width: 18.833333VW;
        height: 18.208333VW;
    }
    .certificate-element p{
        width: 100%;
    }
    .certificari-more.more-service-content h2{
        font-size: 18px;
        line-height: 22px;
    }
    .popup-placeholder{
        width: 95%;
        padding: 15px 15px;
    }
    .popup-placeholder h2 {
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 20px;
    }
    .popup-placeholder p{
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 8px;
    }

}




@media screen and (max-width:580px){
    body{
        font-size: 16px;
        line-height: 22px;
    }
    .mobile-menu-nav{
        width: 90%;
    }
    .closemenu{
        right: calc(90% + 15px);
    }
    .content-hold{
        padding-top: 36px;
        position: relative;
        transform: translateY(0%);
        top: 0;
    }
    .whoweare-home{
        padding: 25px 15px 25px 15px;
    }
    .whoweare-home > h2 + .small-separator + h3{
        width: 100%;
        margin-bottom: 0;
    }
    .home-business > h2 + .small-separator + h3, .smart-city > h2 + .small-separator + h3{
        width: 100%;
    }
    .main-slider{
        height: auto;
        margin-top: 68px;
    }
    .slide-item{
        height: 53.641667VW;
    }
    .content-hold h1, section .main-container h3:last-of-type{
        font-size: 20px;
        line-height: 24px;
    }
    .slide-flex-left, .slide-flex-right{
        width: 100%;
        padding: 0 0;
    }
    .content-hold p {
        font-size: 16px;
        line-height: 22px;
    }
    .btn-hold{
        margin-top: 15px;
    }
    .general-btn{
        padding: 6px 30px 6px 18px;
        font-size: 16px;
        line-height: 16px;
        border-radius: 3px;
        border: 1px solid #F57B20;
        min-width: auto;
    }
    .general-btn::after{
        right: 5px;
        width: 17px;
        height: 11px;
    }


    .general-btn.connect{
        margin-left: 15px;
        padding: 6px 30px 6px 18px;
    }
    .speak-bubble{
        right: 8px;
        width: 13px;
        height: 13px;
    }
    .home-aboutus{
        padding: 25px 0 25px 0;
    }
    .home-aboutus > h2, .benefits-hold > h2, .home-business > h2, .smart-city > h2, .cloud-content h2, .home-industries > h2, .home-partners > h2, .home-blog > h2, .home-quote > h2{
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .home-aboutus > h2 span, .benefits-hold > h2 span, .home-business > h2, .smart-city > h2 span, .cloud-content h2 span, .home-industries > h2 span, .home-partners > h2 span, .home-blog > h2 span, .home-quote > h2 span{
        color: #F57B20;
        font-weight: 800;
    }
    .home-aboutus > h2 + h3, .home-business > h2 + h3, .smart-city > h2 + h3, .home-industries > h2 + h3, .home-partners > h2 + h3, .home-blog > h2 + h3, .home-quote > h2 + h3{
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
        padding: 0 15px;
    }
    .home-industries > h2 + h3{
        margin-bottom: 25px;
    }
    .benefits-hold{
        padding: 25px 0;
    }
    .benefit-container{
        width: 100%;
    }
    .benefit-mask{
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }
    .benefit-container h2{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .benefit-container p{
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }
    .benefit-container{
        margin-bottom: 25px;
    }
    .home-business, .smart-city{
        padding: 25px 0 0 0;
    }
    .owl-stage-outer {
        /* padding: 25px 0 0 0; */
        padding: 0 0 0 0;
    }
    .business-slide-element, .smart-slide-element{
        padding: 10px 10px 10px 10px;
    }
    .icon-hold{
        width: 85px;
        height: 70px;
        margin-bottom: 6px;
    }
    .business-slide-element h2, .smart-slide-element h2{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .business-slide-element p, .smart-slide-element p{
        font-size: 14px;
        line-height: 20px;
    }
    .business-slide-element a, .smart-slide-element a{
        width: 100%;
        font-size: 16px;
        line-height: 16px;
        padding: 6px;
        margin-top: 15px;
    }
    .nav-right{
        right: -25px;
        width: 20px;
        height: 20px;
        background-size: 35%;
    }
    .nav-left{
        left: -25px;
        width: 20px;
        height: 20px;
        background-size: 35%;
    }
    .owl-theme .owl-dots .owl-dot span{
        width: 30px;
        height: 6px;
        margin-right: 12px;
    }
    .button-hold{
        padding: 25px 0 25px 0;
    }
    .cloud-content{
        padding: 25px 15px;
    }
    section > h2 + .small-separator + h3, .home-blog > h2 + .small-separator + h3{
        width: 100%;
    }

    .cloud-content p{
        margin-right: auto;
        font-size: 14px;
        line-height: 20px;
    }
    .general-btn.cloud-offer{
        margin-top: 15px;
    }
    .home-industries {
        padding: 25px 0 25px 0;
    }
    .industries-hold{
        width: 50%;
        margin-bottom: 30px;
    }
    .industries-element{
        padding: 10px 0;
        min-height: 68px;
    }
    .ind-img-hold {
        width: 45px;
        margin-left: 5px;
    }
    .industries-element p {
        font-size: 14px;
        line-height: 20px;
        margin-left: 10px;
    }
    .button-hold.no-big-padd {
        padding: 0 0 0 0;
    }
    .home-partners{
        padding: 25px 0 25px 0;
    }
    /* .partner-container{
		width: 50%;
		margin-bottom: 30px;
	} */
    .partners-btns-hold, .perfect-btns-hold{
        width: 100%;
        margin: 20px 0 10px 0;
    }
    .partner-flex-left{
        width: 100%;
        padding: 0 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .partner-flex-right{
        width: 100%;
        padding: 0 0;
        text-align: center;
    }
    .partner-flex-left .general-btn{
        width: 100%;
        padding: 10px 0 10px 0;
        text-align: center;
    }
    .partner-flex-right .general-btn.partner-btn{
        width: 100%;
        padding: 10px 0 10px 0;
        text-align: center;
    }
    .general-btn.partner-btn::after{
        right: 10px;
        width: 20px;
        height: 13px;
    }
    .blog-img-hold{
        height: 37.614583VW;
    }
    .blog-details{
        padding: 10px 10px 24px 10px;
    }
    .blog-details h2{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }
    .blog-details p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .blog-details a{
        font-size: 12px;
        line-height: 12px;
    }
    .blog-slide-element::after{
        bottom: 6px;
        left: 10px;
        font-size: 10px;
        line-height: 10px;
    }
    .blog-item{
        box-shadow:none;
    }
    .btn-flex-left, .btn-flex-right{
        width: 100%;
    }
    .btn-flex-left{
        margin-bottom: 15px;
    }
    .btn-flex-left .general-btn{
        padding: 10px 0 10px 0;
        width: 100%;
    }
    .connect-btn.general-btn::after, .business-slide-element a::after, .smart-slide-element a::after{
        display: none;
    }
    .btn-flex-right	.general-btn.connect-btn{
        padding: 10px 0 10px 0;
        width: 100%;
    }
    .top-footer{
        padding: 25px 0;
    }
    .footer-column{
        width: 100%;
    }
    .footer-logo img{
        width: 50%;
    }
    .bordered{
        border-right: none;
    }
    .links {
        margin: 20px 0 20px 0;
    }
    .links li{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .links li a{
        font-size: 16px;
        line-height: 20px;
    }
    .links li span{
        width: 30px;
    }
    .padded{
        padding: 0 0;
    }
    .general-btn.menu-contact.footer-btn {
        padding: 6px 30px 6px 30px;
        margin-left: 0;
        margin-bottom: 25px;
    }
    .footer-column h2{
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .links.bolded a {
        font-size: 16px;
        line-height: 20px;
    }
    .paddedLast {
        padding: 25px 0 0 0;
    }
    .footer-flex{
        margin-left: 0;
        margin-right: 0;
    }
    .footer-socials{
        margin: 10px 0 10px 0;
    }
    .footer-socials li {
        margin-right: 20px;
    }
    .footer-socials li a{
        font-size: 16px;
        line-height: 16px;
    }
    .footer-socials li a img{
        margin-right: 6px;
    }
    .general-btn.newsletter-btn{
        padding: 6px 30px 6px 20px;
        font-size: 16px;
        line-height: 16px;
    }
    .middle-footer {
        padding: 10px 0;
        border-top: 1px solid #313a4512;
    }
    .perfect-flex, .flex-parent{
        margin-left: 0;
        margin-right: 0;
    }
    .flex-left, .flex-right{
        width: 100%;
        padding: 0 0;
    }
    .flex-left{
        margin-bottom: 10px;
    }
    .footer-txts{
        text-align: center;
    }
    .footer-txts li{
        font-size: 14px;
        line-height: 14px;
        font-weight: 300;
        margin-right: 5px;
        padding-right: 5px;
    }
    .footer-txts li a{
        font-size: 12px;
        line-height: 12px;
    }
    .bottom-footer{
        padding: 15px 0;
    }
    .general-btn.accept, .general-btn.cancel{
        border-radius: 3px;
        padding: 6px 10px 6px 10px;
        width: 100%;
    }
    .smallflex{
        place-content: baseline;
    }
    .general-btn.newsletter-btn::after{
        right: 5px;
        width: 14px;
        height: 10px;
    }
    .smallflex .flex-left, .smallflex .flex-right{
        width: 50%;
        padding: 0 5px;
    }

    .flex-main-menu{
        /* padding: 5px 0 35px 0; */
        padding: 5px 0 9px 0;
    }
    .search{
        right: 0;
        top: 23px;
        transform: translateY(0);
    }
    .academy{
        width: 120px;
    }
    #search-querry::placeholder{
        font-size: 16px;
        line-height: 16px;
    }
    .lvl1-mobile-nav ul li a, .lvl2-mobile-nav ul li a, .lvl3-mobile-nav ul li a{
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        letter-spacing: 0.6px;

    }
    .main-banner {
        height: 250px;
    }
    .compensator {
        /* height: 93px; */
        height: 64px;
    }
    .banner-content-hold {
        padding-top: 40px;
    }
    .bread-nav li::after{
        right: -6px;
        width: 12px;
        height: 4px;
    }
    .bread-nav li{
        margin-right: 10px;
        padding-right: 10px;
    }
    .banner-content-hold h1{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .general-presentation{
        padding: 25px 0 25px;
    }
    .general-presentation h2{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .general-presentation p{
        margin-bottom: 15px;
    }
    .general-infos{
        padding: 25px 0 25px 0;
    }
    .general-infos .main-container > h2 + p{
        width: 100%;
        margin-bottom: 20px;
    }
    .infos-hold{
        flex: 0 auto;
        width: 100%;
        margin-bottom: 30px;

    }
    .infos-element{
        padding: 15px 10px;
    }
    .general-texts p{
        text-align: center;
    }
    .infos-element h2{
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    section .main-container .infos-element h3{
        font-size: 18px !important;
        line-height: 22px !important;
    }
    section .main-container .percent-hold h3{
        font-size: 32px !important;
        line-height: 31px !important;
        margin-top: 30px !important;
    }
    .cut-circle.large-circle{
        top: -2.766vw;
        right: 35%;
        width: 60px;
        height: 60px;
    }
    .cut-circle.large-circle::after{
        top: -28px;
        left: -7px;
        width: 31px;
        height: 90px;
    }
    .infos-element img{
        margin-bottom: 10px;
    }
    .infos-element h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .infos-element p{
        font-size: 16px;
        line-height: 22px;
        width: 75%;
        margin: 0 auto;
    }
    .metrici{
        padding: 25px 0 25px 0;
    }
    .metrici .main-container > h2 + p{
        width: 100%;
        margin-bottom: 30px;
    }
    .matrici-hold{
        width: 100%;
        flex: auto;
        padding: 0 0;
        margin-bottom: 30px;
    }
    .matrici-element h3{
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .matrici-element p{
        font-size: 16px;
        line-height: 20px;
    }
    .general-solutions{
        padding: 25px 0 25px 0;
    }
    .general-solutions .main-container > h2{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .general-solutions .main-container > h2 + p{
        width: 100%;
        margin-bottom: 30px;
    }
    .solution-flex{
        width: 100%;
    }
    .page-cloud-content{
        padding: 25px 0;
    }
    .page-cloud-content h2{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .page-cloud-content p{
        margin-right: 0;
    }
    .domains-area{
        padding: 25px 0 25px 0;
    }
    .domains-area .main-container > h2{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .domains-area .main-container > h2 + p{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
        width: 100%;
    }
    .domains-container{
        width: 50%;
        margin-bottom: 30px;
    }
    .domains-icon-hold img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }
    .domains-icon-hold{
        width: 80px;
        height: 34px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .domains-item h2{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .domains-item p{
        font-size: 14px;
        line-height: 18px;
    }
    .more-services-section .main-container > h2{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .service-flex-left {
        width: 65%;
        padding: 10px 10px;
    }
    .service-flex-left h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .service-flex-left p {
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 10px;
    }
    .service-flex-right{
        width: 35%;
    }
    .general-btn.service-btn {
        padding: 6px 32px 6px 15px;
        min-width: auto;
        font-size: 16px;
        line-height: 16px;
    }
    .home-quote{
        padding: 25px 0 25px 0;
    }
    .slide-image picture img{
        object-position:center center;
    }
    .inner-page-banner {
        height: 150px;
    }
    .inner-banner-content-hold {
        padding-top: 40px;
    }
    .inner-banner-content-hold h1{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .contact-us-section{
        padding: 25px 0;
    }
    .form-hold{
        padding: 15px 10px;
        margin-bottom: 20px;
    }
    .form-hold h2{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .input-hold{
        margin-bottom: 15px;
    }
    .input-hold.style1 label{
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 6px;
    }
    .input-hold.style1 input[type='text']{
        padding: 6px 10px;
        font-size: 16px;
        line-height: 16px;
    }
    .input-hold.style1 input[type='checkbox'], .fake-check.style1{
        width: 18px;
        height: 18px;
    }
    .input-hold.style1.checkbox-hold label{
        padding-left: 24px;
    }
    .fake-check.style1::after{
        width: 16px;
        height: 8px;
    }
    .contact-info{
        padding-left: 0;
    }
    .contact-info h2{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .location-icon::after{
        width: 18px;
        height: 14px;
        top: 3px;
        left: -3px;
    }
    .infos-ul li{
        margin-bottom: 20px;
        padding-left: 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .phone-icon::after{
        top: 3px;
        left: 0;
        width: 18px;
        height: 18px;
    }
    .mail-icon::after{
        top: 3px;
        width: 16px;
        height: 16px;
    }
    .time-icon::after{
        left: 0;
        width: 16px;
        height: 16px;
    }
    .contact-info h3{
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px;
    }
    .contact-socials li a{
        font-size: 16px;
        line-height: 16px;
    }
    .contact-socials li {
        margin-right: 15px;
    }

    .contact-socials li a img {
        margin-right: 5px;
    }
    .svg-map{
        width: 38.895833VW;
        height: 22.270833VW;
        margin: 2.2342vw auto 0 auto;
    }
    .general-btn.page-offer {
        margin-top: 15px;
    }
    #map{
        height: 280px;
    }
    .blog-detail-section h1 {
        padding-top: 70px;
        padding-bottom: 10px;
        font-size: 22px;
        line-height: 26px;
    }
    .publish-time, .readtime{
        font-size: 12px;
        line-height: 12px;
    }
    .tags{
        margin: 10px 0;
    }
    .tags li{
        font-size: 12px;
        line-height: 12px;
    }
    .blog-content img{
        max-width: 100%;
        margin: 0 auto;
    }
    .blog-content p{
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 15px;
    }
    .blog-content h2{
        font-size: 22px;
        line-height: 26px;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .blog-content p.blockquote{
        padding: 10px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .blog-content p.blockquote::before{
        top: calc(10px - 10px);
        width: 40%;
        height: 1px;
    }
    .blog-content p.blockquote::after{
        bottom: calc(10px - 10px);
        width: 40%;
        height: 1px;
    }
    .blog-content h3{
        font-size: 20px;
        line-height: 24px;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .blog-content ul li{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
        padding-left: 15px;
    }
    .blog-content ul li::after{
        top: 2px;
        left: -2px;
        width: 14px;
        height: 14px;
    }
    .blog-content-end{
        padding: 10px 0;
        margin: 0 0 10px 0;
    }
    .blog-end-column{
        width: 100%;
        margin-bottom: 20px;
    }
    .blog-end-column.align-center{
        text-align: left;
    }
    .blog-end-column h2{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .blog-user-mask{
        width: 80px;
        height: 80px;
    }
    .mask-flex p{
        margin-left: 12px;
    }
    .blog-shares li {
        margin-bottom: 10px;
        display: inline-block;
        margin-right: 15px;
    }
    .nl-hold{
        width: 100%;
    }
    .general-btn#submit-nl{
        margin-top: 10px;
        min-width: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }
    .home-partners > h2 + .small-separator + h3{
        width: 100%;
        padding: 0 15px;
    }
    .home-partners > h2 span {
        color: #F57B20;
        font-weight: 800;
    }
    .home-partners > h2 + .small-separator + h3{
        margin-bottom: 5.875VW;
    }
    .general-btn.allpartners-btn::after {
        right: 5px;
        width: 17px;
        height: 11px;
    }
    .home-blog {
        padding: 4.270833333333333VW 15px 4.270833333333333VW 15px;
    }
    .whoweare-home > h2 + .small-separator + h3, .whoweare-home p, section .main-container > h2 + p, section .main-container > h2 + .small-separator + p{
        width: 100%;
        font-size: 16px;
        line-height: 22px;
    }
    section > h2, section .main-container > h2{
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 14px;
    }
    .whoweare-home > h2 + .small-separator + h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .matrici-element h3{
        font-size: 32px !important;
        line-height: 32px !important;
    }
    .more-service-container {
        width: 100%;
    }
    .more-service-box {
        height: 43.395833VW;
    }
    .home-business > h2 + .small-separator + h3, .home-industries > h2 + .small-separator + h3,
    .smart-city > h2 + .small-separator + h3{
        width: 95%;
    }
    .industries-hold{
        width: 100%;
    }
    .cloud-provider {
        height: auto;
    }
    .whoweare-home > h2{
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .owl-theme .owl-nav.disabled+.owl-dots{
        display: none;
    }
    .home-business > h2 + .small-separator + h3, .home-industries > h2 + .small-separator + h3, .smart-city > h2 + .small-separator + h3{
        font-size: 14px;
        line-height: 20px;
    }
    .industries-element h6{
        font-size: 18px;
        line-height: 20px;
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .general-infos .main-container > h2{
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    br{
        display: none;
    }
    section .main-container h3, section .main-container > h2 + .small-separator h3, section .main-container h3:last-of-type{
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    section .slide-item .main-container h3{
        font-size: 20px;
        line-height: 24px;
    }
    .alternate-flex{
        margin-left: 0;
        margin-right: 0;
        flex-direction: column-reverse;
    }
    .alternate-element{
        width: 100%;
        padding: 0 0;
    }
    .alternate-content p{
        margin-right: 0;
        font-weight: 300;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .necessary-txt ul li{
        padding: 0 0 10px 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .necessary-txt ul li:before{
        top: 2px;
        width: 18px;
        height: 18px;
    }
    .service-detail-box{
        height: auto;
        padding: 10px 15px;
    }
    .service-item{
        width: 90%;
    }
    .nav-right{
        right: -7px;
    }
    .nav-left{
        left: -7px;
    }
    .service-img-hold{
        width: 100px;
        height: 80px;
        margin-bottom: 10px;
    }
    .service-detail-box h4{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .service-detail-box p {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
    .service-detail-box .general-btn{
        padding: 6px 30px 6px 18px;
        font-size: 16px;
        line-height: 16px;
    }
    .business-slide-element a, .smart-slide-element a, .domains-item a{
        padding: 6px 30px 6px 18px;
        font-size: 14px;
        line-height: 14px;
    }
    .domains-item a::after{
        width: 10px;
        height: 10px;
    }
    .service-detail-box .general-btn::after{
        right: 6px;
        width: 14px;
        height: 12px;
    }
    .general-texts p{
        width: 100%;
        padding: 0 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .general-texts h2{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    section > h2, section .main-container > h2{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .page-cloud-content p{
        font-size: 14px;
        line-height: 20px;
    }
    .smaller-separator{
        margin: 10px auto;
    }
    .cta-img img{
        object-fit: cover;
        object-position: left center;
    }
    .alternate-content h2{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
    }
    .wpcf7-list-item-label{
        padding-left: 6px;
        font-size: 14px;
        line-height: 18px;
    }
    .wpcf7-list-item input{
        width: 14px;
        height: 14px;
    }
    #submit-btn, #submit-nl-btn{
        font-size: 16px;
        line-height: 16px;
        padding: 6px 20px;
    }
    .blog-list-flex{
        margin-left: 0;
        margin-right: 0;
    }
    .blog-left, .blog-right{
        width: 100%;
        padding: 0 0;
    }
    .blog-element{
        height: auto;
        margin-bottom: 15px;
    }
    .blog-element-content{
        width: 100%;
        padding: 10px 10px 10px 10px;
    }
    .blog-element-img{
        width: 100%;
        height: 140px;
    }
    .blog-element-content h2{
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 23px;
    }
    section .main-container .blog-element-content h3{
        text-align: left;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
        padding-bottom: 0;
    }
    .blog-element-content p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .blog-element-content a{
        font-size: 14px;
        line-height: 14px;
    }
    .blog-widget{
        display: none;
    }
    .general-btn.alternate-btn{
        padding: 6px 30px 6px 18px;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .alternate-content{
        text-align: center;
    }
    .general-btn.alternate-btn::after{
        width: 10px;
        height: 10px;
    }
    .testimonial-right, .testimonial-left{
        width: 100%;
    }
    .testimonial-img{
        width: 100%;
        text-align: center;
    }
    .testimonial-mask{
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    .testimonial-content p{
        font-size: 14px;
        line-height: 20px;
    }
    section .main-container .testimonial-content h3{
        text-align: center;
    }
    .testimonial-content{
        text-align: center;
    }
    .testimonial-content h2{
        font-size: 14px;
        line-height: 14px;
        margin-top: 10px;
    }
    .general-btn.testimonial-btn{
        padding: 6px 30px 6px 18px;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .tabflex-section{
        display: none;
        padding: 20px 15px 20px 15px;
    }
    .tabflex-section h3{
        font-size: 14px;
        line-height: 20px;
    }

    .flex-promoted-container{
        width: 50%;
    }
    .promoted-image {
        height: 28.854167VW;
    }

    section .main-container .promoted-article h3:last-of-type{
        font-size: 8px !important;
        line-height: 8px !important;
        margin-bottom: 6px !important;
        padding-bottom: 0 !important;
    }
    .promoted-details h2{
        font-size: 12px;
        line-height: 15px;
    }
    .promoted-details p{
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 0.43242vw;
    }
    .ear{
        width: 4.09375VW;
        height: 6.614583VW;
    }
    .content-hold h4{
        font-size: 20px;
        line-height: 24px;
    }
    .general-btn.connect.see-solutions{
        margin-left: 0;
        text-align: center;
        padding: 6px 20px 6px 20px;
        margin-top: 15px;
    }
    .infos-flex.cancelflex .infos-hold{
        width: 100%;
    }
    .standard-left p{
        padding-right: 10.234vw;
    }
    .standard-left{
        width: 90%;
    }

    .wp-block-media-text .wp-block-media-text__media, .blocks-gallery-item .blocks-gallery-item {
        overflow:hidden;
    }
    .wp-block-media-text img:hover, .blocks-gallery-item img:hover {
        transform: scale(1.03, 1.03);
        transition: all 1.55s cubic-bezier(.17,.66,.61,.96);
    }

    .banner-content-hold h1, h1{
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        color: #151C3D;
        margin-bottom: 15px;
    }
    h1 span{
        font-weight: 800;
        color: #F57B20;
    }

    .main-container h2{
        font-size: 18px;
        line-height: 30px;
        color: #151C3D;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .main-container h2 span{
        font-weight: 800;
        color: #F57B20;
    }

    .main-container h3{
        font-size: 16px;
        line-height: 28px;
        color: #151C3D;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .main-container h3 span{
        font-weight: 800;
        color: #F57B20;
    }

    .main-container h4{
        font-size: 14px;
        line-height: 26px;
        color: #151C3D;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .main-container h4 span{
        font-weight: 800;
        color: #F57B20;
    }
    .main-container h5{
        font-size: 12px;
        line-height: 24px;
        color: #151C3D;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .main-container h5 span{
        font-weight: 800;
        color: #F57B20;
    }

    .main-container h6{
        font-size: 10px;
        line-height: 22px;
        color: #151C3D;
        font-weight: 500;
        margin-bottom: 15px;
    }
    .main-container h6 span{
        font-weight: 100;
        color: #F57B20;
    }
    .general-btn, a.wp-block-button__link {
        padding: 10px 20px;
    }
    .wp-block-column {
        flex-basis: 100% !important;
        padding: 15px;
    }
    .has-large-font-size {
        font-size: 2.25em;
        line-height: 1.25em;
    }
}






@media screen and (max-width: 325px){
    .general-btn.accept, .general-btn.cancel{
        font-size: 12px;
        line-height: 12px;
    }
    .footer-txts li{
        font-size: 12px;
        line-height: 12px;
    }
    .main-slider {
        height: 450px;
    }
    .btn-hold .general-btn{
        display: block;
    }
    .btn-hold .general-btn {
        display: block;
    }
    .general-btn.connect{
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }
    .general-btn.partner-btn{
        font-size: 14px;
        line-height: 14px;
    }
    .general-btn.partner-btn::after{
        right: 5px;
    }
}

/* Andrei */
@media screen and (min-width: 580px) {
    .wp-block-column {
        padding: 25px;
    }
    .wp-block-column:hover {
        box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
        transition: all .35s cubic-bezier(.53,.01,.18,1);
    }
    .blog-details h2 {
        font-size: calc( 10px + ( 16 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        color: #151C3D;
        margin-bottom: 0.43242vw;
        font-weight: 800;
        height: calc( 3 * (14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 )) );
        overflow: hidden;
    }

    .blog-details p {
        color: #90A0B2;
        font-size: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        margin-bottom: 0.43242vw;
        font-weight: 500;
        height: calc( 4 * (12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 )) );
        overflow: hidden;
    }


    .promoted-details h2 {
        color: #151C3D;
        font-weight: 500;
        margin-bottom: 0.56041666666666663VW;
        font-size: calc( 10px + ( 18 - 10 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 14px + ( 22 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        height: calc( 3 * (14px + ( 22 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 )) );
        overflow: hidden;
    }
    .promoted-details p {
        color: #90A0B2;
        font-size: calc( 8px + ( 14 - 8 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        margin-bottom: 0.43242vw;
        height: calc( 4 * (12px + ( 18 - 12 ) * ( 100vw - 480px ) / ( 1920 - 480 )) );
        overflow: hidden;

    }
}