:root {
    --primary-color: 0, 98, 249;
    --primary-color-light: #E5ECF9;
    --primary-color-dark: #091E42;
    /* --primary-color-dark-2: #875AA6; */
    --primary-color-gradient: linear-gradient(145deg, #f2e6fb 45.13%, #f1d6f4 85%);
    --secondary-color: 144, 249, 255;
    /* --secondary-color-light: #FDE6F0; */
    /* --secondary-color-gradient: linear-gradient(104.95deg, #FFE5F9 45.13%, #FFD4F5 85%); */
    --text-color: #111827;
    --link-color: #0065FF;
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --grey: 177, 177, 177;
    --heading-font: "Noto Serif", serif;
    --content-font: 'Inter', sans-serif;
    --number-font: 'Inter', sans-serif;
    --bg-light-blue: #F9FEFF;
    --blue-color-gradient: linear-gradient(145deg, #e6fcff 45.13%, #d0e6ff 85%);
    --yellow-dark: #FF8A00;
    --yellow-light: #FFF3C9;
    --orange-light: #FFEBED;
    --shadow-secondary-color: rgba(128, 6, 214, 0.15) 0 35px 100px;
    --bg-grey-light: #F3F4F6;
}

.social-links {
    position: -webkit-sticky;
    position: sticky;
    top: calc(100vh - 120px);
    margin-bottom: 0;
}

::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); /* background-color: #F4F0EB; */ border-radius: 10px; background-color: transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; background-color: transparent; border-radius: 10px }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.4) }
@-webkit-keyframes moveCodeSamplesLeft { to { -webkit-transform: translateX(-3950px); transform: translateX(-3950px) } }
@keyframes moveCodeSamplesLeft { to { -webkit-transform: translateX(-3950px); transform: translateX(-3950px) } }
@-webkit-keyframes moveCodeSamplesRight { to { -webkit-transform: translateX(2250px); transform: translateX(2250px) } }
@keyframes moveCodeSamplesRight { to { -webkit-transform: translateX(2250px); transform: translateX(2250px) } }
html { scroll-behavior: smooth; overflow-x: hidden }
*, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
::-moz-selection { color: var(--text-color); background: #f0f0f0; -webkit-text-fill-color: black; }
::selection { color: var(--text-color); background: #f0f0f0; -webkit-text-fill-color: black; }
@keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6) } 100% { box-shadow: 0 0 0 12px rgba(0, 0, 0, 0) } }
@keyframes shadow-pulse-white { 0% { box-shadow: 0 0 0 0 rgb(0 98 249 / 29%) } 100% { box-shadow: 0 0 0 12px rgb(0 98 249 / 0%) } }
@keyframes arrowSlide { 0%, 100% { transform: translate(0, 0) } 50% { transform: translate(5px, 0) } }
@keyframes MoveUpDown { 0%, 100% { transform: translate(0, 0) } 50% { transform: translate(0, 50px) } }
body { font-family: var(--content-font); font-weight: 400; font-size: 17px; line-height: 1.6em; color: var(--text-color); background-color: rgba(var(--white), 1); }
body.home { overflow-x: hidden; }
a { color: var(--text-color); outline: 0; text-decoration: none }
a, a:visited { text-decoration: none; outline: 0; color: var(--text-color); }
a:focus { color: var(--text-color); text-decoration: underline; outline: 0 }
a:hover { color: rgba(var(--primary-color), 1); text-decoration: underline; outline: 0; }
a:hover { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
a:focus, a:active, a:visited { text-decoration: none; outline: 0 }
svg { fill: var(--text-color); }
h1, h2{font-family: var(--heading-font);}
h1, h2, h3, h4, h5, h6 { color: var(--text-color); line-height: 1.3em; font-weight: 600; padding: 0 0 15px; margin: 0 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--text-color) }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: rgba(var(--primary-color), 1) }
h1 { font-size: 60px; font-weight:400; }
h1.h1_large { font-size: 40px }
h1.h1_xxlarge { font-size: 46px; line-height: 1.2em }
h2 { font-size: 32px; }
h2.h2_xlarge { font-size: 36px }
h3 { font-size: 24px }
h4 { font-size: 21px; font-weight: 600; }
h5 { font-size: 19px; font-weight: 600; }
h6 { font-size: 17px; font-weight: 600; }
p { padding: 0 0 20px; margin: 0 }
em { font-style: italic }
strong, b { font-weight: 700 }
.font-weight-500 { font-weight: 500 }
.text-xs p, .text-xs { font-size: 14px !important; line-height: 1.3em !important }
.text-sm p, .text-sm { font-size: 12px !important; line-height: 1.2em !important }
.text-medium p, .text-medium { font-size: 16px !important; line-height: 1.6em !important }
.text-large p, .text-large { font-size: 17px !important; line-height: 1.6em !important }
.text-xlarge p, .text-xlarge { font-size: 18px !important; line-height: 1.6em !important }
.text-xxlarge p, .text-xxlarge { font-size: 20px !important; line-height: 1.6em !important }
.line-spacing-sm { line-height: 1.2em !important }
.line-spacing-xs { line-height: 1em !important }
.text-primary, a.text-primary:hover { color: rgba(var(--primary-color), 1) !important }
.text-secondary, a.text-secondary:hover { color: rgba(var(--secondary-color), 1) !important }
.text-secondary svg, svg.text-secondary { fill: rgba(var(--secondary-color), 1); }
.text-primary-light { color: #23559d; }
.text-secondary-gradient { background: -webkit-linear-gradient(0deg, #16c7ff 0%, #126cff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; }
@keyframes textShine { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
.text-link-color { color: var(--link-color) !important; }
.t360-highlight { color: rgba(var(--black), 1) !important; background-color: rgba(var(--secondary-color), 1); border-radius: 30px; padding: 0px 15px; font-size: 14px; font-weight: 600; display: inline-block; }
.t360-highlight-box {
    background-color: rgb(243 248 255);
    border-radius: 30px;
    padding: 30px 30px;
    font-size: 14px;
    display: inline-block;
    border: 2px solid #b3d1ff;
}
.text-grey { color: #aaaaaa !important }
.text-white { color: rgba(var(--white), 1) !important }
.bg-grey { background: #F3F4F6 !important } 
.bg-grey-light { background: var(--bg-grey-light) !important } 
.bg-none { background: none !important } 
.bg-primary-light { background: var(--primary-color-light) !important } 
.bg-primary { background: rgba(var(--primary-color), 1) !important } 
.bg-primary-dark { background: var(--primary-color-dark) !important } 
.bg-primary-gradient { background: var(--primary-color-gradient) !important } 
.bg-secondary { background: rgba(var(--secondary-color), 1) !important } 
.bg-secondary-gradient { background: var(--secondary-color-gradient) !important } 
.bg-secondary-light { background: var(--secondary-color-light) !important } 
.bg-blue-light { background: var(--bg-light-blue) !important; } 
.bg-blue-light-gradient { background: var(--blue-color-gradient) !important; } 
.bg-orange-light { background: var(--orange-light) !important; } 
.shadow-secondary-color { box-shadow: var(--shadow-secondary-color) !important; } 
.shadow-right-bottom { box-shadow: 5px 5px 10px rgba(var(--black), 0.2) } 
.py-20 { padding-top: 20px; padding-bottom: 20px }
.pt-20 { padding-top: 20px; }
.py-40 { padding-top: 40px; padding-bottom: 40px }
.pb-40 { padding-bottom: 40px }
.pt-80 { padding-top: 90px } .pb-80 { padding-bottom: 90px } 
.py-80 { padding-top: 90px; padding-bottom: 90px }
.my-80 { margin-top: 90px; margin-bottom: 90px } 
.mt-80 { margin-top: 90px } 
.mb-80 { margin-bottom: 90px } 
.icon-f img { max-height: 70px } 
.icon-f svg { max-height: 60px } 
.icon-w img { width: 70px } 
.sticky-top { position: -webkit-sticky; position: sticky; top: 120px; z-index: 10 } 
.sticky-top.sticky-with-header { top: 0; } 
ul, li { list-style: none; padding: 0; margin: 0 } 
ol li { width: calc(100% - 20px); list-style-type: decimal; list-style-position: outside; margin: 7px 0 7px 20px } 
ul, ol { margin-bottom: 20px } 
.bg-primary-dark h1, .bg-primary-dark h2, .bg-primary-dark h3, .bg-primary-dark h4, .bg-primary-dark h5, .bg-primary-dark h6, .bg-primary-dark a { color: #fff; } 
.bg-primary-dark p { color: #C2C4D1; } 
.bg-primary-dark li { color: #C2C4D1; } 
.custom-ordered-list { list-style: none; counter-reset: my-awesome-counter } 
.custom-ordered-list li { counter-increment: my-awesome-counter; position: relative; padding-left: 30px; font-size: 20px; margin: 7px 0 } 
.custom-ordered-list li::before { content: counter(my-awesome-counter) "."; font-weight: bold; font-size: 20px; line-height: 1; position: absolute; font-family: 'Crabmeal', sans-serif; top: 4px; left: 0 } 
.check-list .custom-ordered-list { padding-left: 20px; margin-top: 10px; } 
.check-list .custom-ordered-list li { padding-left: 0; font-size: inherit; margin: 2px 0; } 
.check-list .custom-ordered-list li:before { display: none; } 
.check-list dt { position: relative; padding-left: 28px; margin: 7px 0; font-weight: 500; } 
.check-list dt:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3Esvg%7Bfill:%23b36ae6%7D%3C/style%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E"); width: 15px; height: 15px; position: absolute; top: 2px; left: 0; } 
.t360-header>.container, .t360-strip .container { max-width: 1600px; }  
@media (max-width:1200px){
#languageDropdown { background: none; border: none; outline: none; cursor: pointer; text-align:center; }
#languageDropdown option { color: #000000; cursor:pointer; }
}
/* #languageDropdown { background: none; color: #ffff; border: none; outline: none; cursor: pointer; text-align:center; }
#languageDropdown option { color: #000000; cursor:pointer; }
@media (max-width:1200px){
#languageDropdown { background: none; color: #000000; border: none; outline: none; }
#languageDropdown option { color: #000000; }	
} */
/* @media (min-width: 991px) { 
.post-type-archive-guide aside:nth-last-child(-n+3) { margin-bottom: 0px !important; } 
} 
@media (max-width: 991px) { 
.post-type-archive-guide aside:last-child { margin-bottom: 0px !important; } 
}  */

/* Ticker Bar  */
/* .ticker-bar {
    display: none
} */
@media (min-width: 992px) {
.ticker-bar { display: block; width: 100%; background: rgb(0,0,0); background: linear-gradient(45deg, rgb(53 95 246) 10%, rgb(87 116 221) 54%, rgb(76 195 253) 86%); background-size: 250% 250%; animation: gradientbg 20s ease infinite; text-align: center; color: #ffffff; position: absolute; top: -33px; left: 0; line-height: 1.4em; padding: 18px 20px; font-size: 15px; box-sizing: border-box; letter-spacing: 0.5px; }
.ticker-bar i { font-size: 18px; }
.ticker-bar strong { font-weight: 800; }
.ticker-bar a { color: #ffffff !important; text-decoration: underline; outline: none !important; }
.ticker-bar small { background: #fdde74; color: #101010; padding: 0 7px; height: 20px; line-height: 22px; border-radius: 10px; display: inline-block; font-weight: 700; margin-right: 3px; text-transform: uppercase; }
.page-template-homepage .wrapper_main { padding-top: 33px; }
	.home .ticker-bar{
		top: -60px;
	}
	/*.home .t360-header{
		top: 60px!important;
	} */
    .postid-80237509 .t360-header,.postid-80225724 .t360-header{
		top: 40px!important;
	}
    .home .ticker-bar{
        background-image: url('../images/ticker-bg-new.svg');
        background-repeat: no-repeat;
        background-size: cover;
        font-weight: 400;
        animation: none !important;
        font-size: 17px;
    }
     .home .ticker-bar span{
        background: linear-gradient(90deg, rgba(234, 0, 159, 1) 0%, rgba(249, 134, 51, 1) 50%);
        padding: 4px 8px;
        border-radius: 50px;
    }
    .home .ticker-bar a{
        /*color: #0062F9 !important;*/
        font-weight: 500;
    }
    .home .ticker-bar img{
        height:25px !important;
    }
} 
@media (max-width: 991px) {
	.ticker-bar {
    display: none
}
}
@keyframes gradientbg {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
h1 { font-size: 35px }
h1.h1_large { font-size: 38px }
h1.h1_xxlarge { font-size: 40px; line-height: 1.4em }
h2 { font-size: 28px }
h2.h2_xlarge { font-size: 32px }
}
@media (max-width: 767px) {
body { letter-spacing: .01em }
h1, h2, h3, h4, h5, h6 { line-height: 1.25em; }
h1 { font-size: 24px }
h1.h1_large { font-size: 26px }
h1.h1_xxlarge { font-size: 28px; line-height: 1.3em }
h2 { font-size: 24px }
h2.h2_xlarge { font-size: 26px }
h3 { font-size: 22px }
.pt-80 { padding-top: 50px }
.pb-80 { padding-bottom: 50px }
.py-80 { padding-top: 50px; padding-bottom: 50px }
.my-80 { margin-top: 50px; margin-bottom: 50px }
.mt-80 { margin-top: 50px }
.mb-80 { margin-bottom: 60px }
.container { padding-left: 30px; padding-right: 30px }
.ticker-bar { display: none }
}
@media (min-width: 1200px) {
h1 { font-size: 60px }
h1.h1_large { font-size: 44px; line-height: 1.2em }
h1.h1_xxlarge { font-size: 50px; line-height: 1.3em }
h2 { font-size: 34px; line-height: 1.3em; }
h2.h2_xlarge { font-size: 38px }
h3 { font-size: 28px }
h4 { font-size: 24px }
body { font-size: 17px }
.text-small p, .text-small { font-size: 13px !important; line-height: 1.6em; }
.text-medium p, .text-medium { font-size: 18px !important }
.text-large p, .text-large { font-size: 20px !important }
.text-xlarge p, .text-xlarge { font-size: 1.48rem !important }
.text-xxlarge p, .text-xxlarge { font-size: 30px !important }
.container { max-width: 1290px; padding-left: 20px; padding-right: 20px }
.t360-hero .container { max-width: 1600px; display: flex; align-items: center; justify-content: start; height: 100%; }
.w-108 { width: 108% !important }
/* .page-template-homepage .t360-header { top: 33px; }*/
} 
@media only screen and (min-width: 1367px) and (max-width: 1600px) {
.t360-hero .container { max-width: 1290px; } 
.t360-header .container:first-child { max-width: 1290px; } 
.t360-hero-video { width: 45.5%; }
}
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
.container { max-width: 1200px; padding-left: 20px; padding-right: 20px } 
.t360-header .container:first-child { max-width: 1200px; } 
.t360-hero .container { max-width: 1200px; } 
h1.h1_xxlarge { font-size: 46px; line-height: 1.3em; } 
.text-large p, .text-large { font-size: 17px !important }
}
picture, video { display: block }
source, img { width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; line-height: .5em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 0 }
.border-radius { border-radius: 20px }
.border-radius-sm { border-radius: 15px }
.border-radius-100 { border-radius: 100px; }
.border-radius-top {border-top-left-radius: 20px;border-top-right-radius: 20px;}
.border-bottom-gradient { border-bottom: 1px solid transparent; border-image: linear-gradient(0.25turn, rgba(var(--white), 1), rgba(var(--grey), 0.8), rgba(var(--white), 1)); border-image-slice: 1; }
.content_main { width: 100%; float: left; background: rgba(var(--white), 1) }
input { outline: 0 !important; outline-width: 0 !important }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 }
input[type=number] { -moz-appearance: textfield }
input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) { border: 1px solid var(--link-color) !important; -webkit-box-shadow: none; box-shadow: none }
.form-control:focus { color: var(--text-color); background: rgba(var(--white), 1) !important; border-color: rgba(var(--link-color)) !important; box-shadow: none; outline: 0 }
input[type=date]:focus:not([readonly])+label.t360-label, input[type=datetime-local]:focus:not([readonly])+label.t360-label, input[type=email]:focus:not([readonly])+label.t360-label, input[type=number]:focus:not([readonly])+label.t360-label, input[type=password]:focus:not([readonly])+label.t360-label, input[type=search-md]:focus:not([readonly])+label.t360-label, input[type=search]:focus:not([readonly])+label.t360-label, input[type=tel]:focus:not([readonly])+label.t360-label, input[type=text]:focus:not([readonly])+label.t360-label, input[type=time]:focus:not([readonly])+label.t360-label, input[type=url]:focus:not([readonly])+label.t360-label, textarea.md-textarea:focus:not([readonly])+label.t360-label { color: var(--text-color); font-weight: 500 }
select.form-control { height: 45px !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; padding: 2px 20px !important; outline-color: inherit }
select::-ms-expand { display: none }
select.form-control:focus { outline: 0; background: rgba(var(--white), 1) url(../images/icons/arrow_down.png) no-repeat right 20px center !important; background-size: 11px 11px !important; outline: none; box-shadow: none; outline-color: inherit }
select.form-control option { font-weight: 500; padding: 6px 10px }
select.form-control:not([size]):not([multiple]) { background: rgba(var(--white), 1) url(../images/icons/arrow_down.png) no-repeat right 18px center; background-size: 11px 11px }
.form-group { margin-bottom: 1.5em }
.form-control { width: 100%; height: 45px; background: rgba(var(--white), 1); border: 1px solid rgba(var(--grey), 0.8); font-weight: 400; font-size: 15px; border-radius: 8px; padding: 6px 18px; box-sizing: border-box; color: var(--text-color) }
textarea.form-control { height: 90px }
.input-group .btn:not(:disabled):not(.disabled):hover, .input-group .btn:not(:disabled):not(.disabled):active, .input-group .btn:not(:disabled):not(.disabled):focus { transform: translateY(0) !important }
.input-group .form-control { border-radius: 8px; }
.getstarted_signup .input-group .form-control { border-radius: 30px; }
.input-group .input-group-text { border-radius: 8px; border-color: rgba(var(--grey), 0.8); }
.input-group .btn { border-radius: 0px 30px 30px 0px !important; padding: 10px 25px; }
.input-group .form-control:focus+.btn { box-shadow: 0 12px 5px -5px rgba(0, 0, 0, 0.1); background: rgba(var(--primary-color), 1); color: rgba(var(--white), 1) !important; }
.input-group .form-control.error+.btn, .input-group .form-control.error+.btn:active, .input-group .form-control.error+.btn:not(:disabled):active, .input-group .form-control.error+.btn:not(:disabled):focus, .input-group .form-control.error:focus+.btn { background: #e41212 }
.input-group .form-control.error, .input-group .form-control.error:focus { border-color: #e41212 !important }
label { position: relative }
.col-form-label { padding-top: calc(.6rem + 1px) }
@media (max-width: 991px) {
.col-form-label { padding-top: 0 }
}
@media (max-width: 767px) {
.input-group.mob-fw { flex-direction: column } 
.input-group.mob-fw .form-control { border-bottom-right-radius: 30px !important; border-top-right-radius: 30px !important; margin-bottom: 6px; width: 100% !important; } 
.input-group.mob-fw .btn { width: 100%; border-radius: 30px !important; padding: 6px 0; height: 38px }
}
@media (min-width: 1366px) {
select { height: 45px !important } 
.form-control { height: 45px; font-size: 16px; padding: 10px 18px }
}
.getstarted_signup { position: relative }
.wrong-entry { animation: wrong-log .5s }
@-moz-keyframes wrong-log { 0%, 100% { left: 0 } 20%, 60% { left: 8px } 40%, 80% { left: -8px } } 
@-webkit-keyframes wrong-log { 0%, 100% { left: 0 } 20%, 60% { left: 8px } 40%, 80% { left: -8px } } 
@keyframes wrong-log { 0%, 100% { left: 0 } 20%, 60% { left: 8px } 40%, 80% { left: -8px } }
.check-cus, .radio-cus { width: 100%; display: inline-block; position: relative }
.check-cus input[type=checkbox], .radio-cus input[type=radio] { display: none }
.check-cus label, .radio-cus label { width: auto; padding-left: 30px !important; font-weight: 500; position: relative; font-size: 16px; margin: 0; cursor: default !important }
.check-cus label:before, .radio-cus label:before { content: ''; display: inline-block; width: 17px; height: 17px; border: 1px solid #333333; position: absolute; top: 5px; border-radius: 100%; left: 0; z-index: 5 }
.check-cus label:after, .radio-cus label:after { content: ''; width: 7px; height: 7px; background: rgba(var(--white), 1); position: absolute; top: 10px; border-radius: 100%; left: 5px; display: none }
.check-cus label:before { border-radius: 3px }
.check-cus label:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z' fill='%23fff'/%3E%3C/svg%3E"); width: 11px; height: 11px; background: none; position: absolute; line-height: 11px; top: 8px; border-radius: 100%; left: 3px; display: none; z-index: 6; }
.check-cus input[type=checkbox]:checked+label:after, .radio-cus input[type=radio]:checked+label:after { display: block; z-index: 5; }
.check-cus input[type=checkbox]:checked+label:before, .radio-cus input[type=radio]:checked+label:before { border-color: rgba(var(--primary-color), 1) }
.check-cus input[type=checkbox]:checked+label:before, .radio-cus input[type=radio]:checked+label:before { border-color: rgba(var(--primary-color), 1); background: rgba(var(--primary-color), 1); color: rgba(var(--white), 1); }
.md-form .form-group { width: 100%; display: inline-block; position: relative; margin-bottom: 26px }
.md-form .form-group label.t360-label { width: 100%; display: inline-block; color: rgba(var(--grey), 1); font-size: 15px; z-index: 2; cursor: text; position: absolute; left: 0; top: 14px; line-height: 1.2em; margin-bottom: 0; padding: 0 0 0 16px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.md-form .form-group label.t360-label span { background: #ffffff; padding: 0 4px; line-height: 1em }
.md-form .form-group label.t360-label span sup { margin-left: 2px }
.md-form .form-control, .md-form .form-select { border-color: rgba(var(--grey), 1) }
.md-form .form-control:focus { background-color: transparent }
.md-form .ProjectNamelabel label.t360-label, .md-form .form-control:focus~label.t360-label, .md-form .form-control.not-empty~label.t360-label, .md-form .form-control.valid~label.t360-label, .md-form select.form-control~label.t360-label, .md-form .country-select label.t360-label { top: -6px; font-size: 13px; color: rgba(var(--black), 0.8); z-index: 6 }
.md-form .timezone-select label.t360-label { top: -6px; font-size: 13px; color: rgba(var(--grey), 1); z-index: 6 }
.md-form #li-vatNumber .input-group .input-group-text { border-width: 2px; border-right: none; border-radius: 0 0 0 22px; padding: 0 20px; font-weight: 700 }
.md-form #li-vatNumber .form-group label.t360-label { top: -6px; font-size: 13px; color: var(--text-color) }
.md-form #li-vatNumber .input-group { flex-wrap: nowrap }
.md-form .form-control:focus~label.t360-label span, .md-form .form-control.not-empty~label.t360-label span { background: rgba(var(--white), 1); color: rgba(var(--black), 0.8) }
.md-form #Email+label.error { position: static }
.md-form label.error { width: 100%; float: left; right: 0; top: 100%; z-index: 5; color: #da4c50 !important; position: absolute; font-size: 12px; line-height: 1.3em; letter-spacing: .01em; padding-right: 0; text-align: right; margin-bottom: 0 }
.md-form .form-control.error { border-color: #da4c50 }
.md-form .form-control.error:focus { border-color: #da4c50 !important }
.md-form .form-control.error~.form-icon, .md-form .form-control.error:focus~.form-icon { fill: #da4c50 }
.exception_message { position: fixed; top: 20px; right: -245px; width: 240px; background: #f83483; font-size: 14px; line-height: 20px; text-align: left; padding: 10px 25px 10px 15px; transition: all .35s ease-in-out; box-shadow: rgba(0, 0, 0, 0.18) 0 0 8px; color: #fff; border-radius: 5px; z-index: 1015 }
.exception_message .alert_close { font-size: 18px; top: 10px; right: 10px; position: absolute; cursor: pointer }
.exception_message #exception_message_content ul { margin-bottom: 0 }
.md-form span.error { width: 100%; float: left; position: static !important; margin-top: 3px !important; margin-bottom: -7px !important; z-index: 5; color: #e41212; font-size: 12px; line-height: 1.3em; letter-spacing: .01em; padding-right: 10px; padding-left: 10px; text-align: right }
.md-form .form-control.error, .md-form .form-control.is-empty { border-color: #e41212 }
.md-form .form-control.error:focus { border-color: #e41212 !important }
.bg-paper-tear2 .md-form .form-control { background: none; border-color: #333333 }
.bg-primary-light .md-form .form-group label span { background: var(--primary-color-light); }
.bg-primary-light .md-form .form-group .form-control, .bg-primary-light .md-form .form-group .form-control:focus { background: var(--primary-color-light) !important; }
.bg-grey-light .md-form .form-group label span { background: var(--bg-grey-light) !important; }
.bg-grey-light .md-form .form-group .form-control, .bg-grey-light .md-form .form-group .form-control:focus { background: var(--bg-grey-light) !important; }
.bg-grey-light .md-form .form-group select.form-control, .bg-grey-light .md-form .form-group select.form-control:focus { background: var(--bg-grey-light) url(../images/icons/arrow_down.png) no-repeat right 20px center !important; background-size: 11px 11px !important; }
.bg-primary-light .md-form .form-group select.form-control, .bg-primary-light .md-form .form-group select.form-control:focus { background: var(--primary-color-light) url(../images/icons/arrow_down.png) no-repeat right 20px center !important; background-size: 11px 11px !important; }
.exception_message, .exception_message2, .exception_message3 { position: fixed; top: 20px; right: -245px; min-width: 240px; max-width: 380px; background: rgba(var(--secondary-color), 1); font-size: 14px; line-height: 20px; text-align: left; padding: 10px 35px 10px 15px; transition: all .35s ease-in-out; box-shadow: rgba(0, 0, 0, 0.18) 0 0 8px; color: rgba(var(--white), 1); border-radius: 5px; z-index: 1015 }
.exception_message .alert_close, .exception_message2 .alert_close, .exception_message3 .alert_close { font-weight: bold; font-size: 20px; top: 7px; right: 10px; position: absolute; cursor: pointer }
.exception_message #exception_message_content ul, .exception_message2 #exception_message_content2 ul, .exception_message3 #exception_message_content3 ul { margin-bottom: 0 }
button, button:focus { outline: 0 }
.btn, .cta { padding: 10px 25px; line-height: 1.3; font-size: 16px; font-weight: 500; margin: 0; border-radius: 30px; color: rgba(var(--white), 1) !important; border: none }
.btn svg, .cta svg { width: 13px; height: 13px; margin-top: -3px; margin-left: 0.25em; }
.cta:not(:disabled):not(.disabled):hover, .cta:not(:disabled):not(.disabled):focus, .cta:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled):hover, .btn:not(:disabled):not(.disabled):focus, .btn:not(:disabled):not(.disabled):active { box-shadow: 0 12px 5px -5px rgba(0, 0, 0, 0.1) !important; transform: translateY(-1px) !important; text-decoration: none }
.btn:disabled { cursor: not-allowed !important; opacity: 0.6; background-color: rgba(var(--grey), 0.8) !important; }
.cta, .btn.btn-primary {background: transparent linear-gradient(155deg, #0489FE 0%, #0013BE 100%) 0% 0% no-repeat padding-box; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
.cta:not(:disabled):not(.disabled):focus, .cta:not(:disabled):not(.disabled):active, .cta:not(:disabled):not(.disabled):active, .cta:not(:disabled):not(.disabled):hover, .btn.btn-primary:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled):hover { background-color: rgba(var(--secondary-color), 1) !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; color: #fff !important; outline: 0 }
.btn.btn-outline-primary { border: 2px solid #0062F9; color: #0062F9 !important; background-color: transparent !important; padding-top: 12px; padding-bottom: 12px; }
.btn.btn-outline-primary:not(:disabled):not(.disabled):focus, .btn.btn-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-outline-primary:not(:disabled):not(.disabled):active, .btn.btn-outline-primary:not(:disabled):not(.disabled):hover { background-color: #0062F9 !important; border: 2px solid #0062F9; color: rgba(var(--white), 1) !important }
.btn.btn-secondary { color: rgba(var(--black), 1) !important; background-color: rgba(var(--secondary-color), 1); }
.btn.btn-secondary:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled):hover { color: rgba(var(--black), 1) !important; background-color: rgba(var(--secondary-color), 1); }
.btn.btn-outline-secondary { border: 2px solid rgba(var(--primary-color), 1); color: #fff !important; background-color: transparent !important; padding-top: 8px; padding-bottom: 8px; }
.btn.btn-outline-secondary:not(:disabled):not(.disabled):focus, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):hover { background-color: rgba(var(--secondary-color), 1) !important; border: 2px solid rgba(var(--secondary-color), 1); color: rgba(var(--black), 1) !important; }
.btn.btn-grey { background-color: rgba(var(--black), 0.8); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.btn.btn-grey:not(:disabled):not(.disabled):focus, .btn.btn-grey:not(:disabled):not(.disabled):active, .btn.btn-grey:not(:disabled):not(.disabled):active, .btn.btn-grey:not(:disabled):not(.disabled):hover { background-color: #979797; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; color: rgba(var(--white), 1); outline: 0; box-shadow: none }
.btn.btn-dark { background-color: #1F2937; }
.btn.btn-dark:not(:disabled):not(.disabled):focus, .btn.btn-dark:not(:disabled):not(.disabled):active, .btn.btn-dark:not(:disabled):not(.disabled):active, .btn.btn-dark:not(:disabled):not(.disabled):hover { background-color: rgba(var(--primary-color), 1) !important; color: rgba(var(--white), 1) !important }
.btn.btn-outline-dark { border: 2px solid var(--primary-color-dark); color: var(--primary-color-dark) !important; background-color: transparent !important; padding-top: 8px; padding-bottom: 8px; }
.btn.btn-outline-dark svg { width: 17px; height: 17px; top: 2px; position: relative; }
.btn.btn-outline-dark:not(:disabled):not(.disabled):focus, .btn.btn-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-outline-dark:not(:disabled):not(.disabled):active, .btn.btn-outline-dark:not(:disabled):not(.disabled):hover { background-color: var(--primary-color-light) !important; border: 2px solid rgba(var(--primary-color), 1); color: rgba(var(--primary-color), 1) !important }
.btn.btn-outline-dark:not(:disabled):not(.disabled):focus svg, .btn.btn-outline-dark:not(:disabled):not(.disabled):active svg, .btn.btn-outline-dark:not(:disabled):not(.disabled):active svg, .btn.btn-outline-dark:not(:disabled):not(.disabled):hover svg { fill: rgba(var(--primary-color), 1) !important }
.btn.btn-sm { padding: 9px 15px 7px; font-size: 13px }
.btn.btn-outline-primary.btn-sm { padding: 7px 15px 5px }
.btn.btn-with-arrow { position: relative; padding-right: 65px; }
.btn.btn-with-arrow:after { content: ''; width: 18px; height: 20px; background: url("../images/icons/arrow-right-long.svg") no-repeat right center; background-size: 100% auto; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); }
.btn.btn-sm svg { width: 15px; height: 15px; top: 0px; position: relative }
.btn.btn-lg { padding: 20px 35px; font-size: 20px; border-radius: 17px; }
.btn.btn-outline-primary.btn-lg { padding: 13px 28px 11px }
.btn.btn-lg i { font-size: 19px; top: 2px; position: relative }
.btn-play { width: 55px; height: 55px; position: relative; padding-left: 72px }
.btn-play:after { content: ''; width: 55px; height: 55px; display: inline-block; border-radius: 50px; border: 4px solid transparent; background: linear-gradient(45deg, rgba(var(--primary-color), 1), rgba(var(--primary-color), 1)) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; border-radius: 100%; text-align: center; line-height: 44px; cursor: pointer; animation: shadow-pulse 2s infinite; position: absolute; top: 0; left: 0 }
.btn-play svg { width: 20px; height: 20px; fill: rgba(var(--black)); position: absolute; top: 50%; left: calc(50% - 16px); transform: translateX(-50%); transform: translateY(-50%); }
.play-video:hover .btn-play { -webkit-animation: btn-play-anim 0.3s forwards; animation: btn-play-anim 0.45s forwards; }
.play-video:hover b { color: rgba(var(--primary-color), 1); }
@-webkit-keyframes btn-play-anim { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } 
@keyframes btn-play-anim { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.search-form .btn svg { width: 18px; height: 18px; margin-top: -5px; margin-left: 0; }
.link-video { position: relative; color: var(--link-color); cursor:pointer; }
.link-video svg { width: 20px; height: 20px; fill: var(--link-color); }
.link-video { position: relative; color: var(--link-color); }
.link-more { position: relative; color: var(--link-color); }
.link-video:visited, .link-video:active, .link-video:focus, .link-more:visited, .link-more:active, .link-more:focus { color: var(--link-color); }
.link-more:after { content: ''; background: url('../images/icons/arrow01.svg') no-repeat; width: 15px; height: 15px; top: 2px; position: relative; display: inline-block; margin-left: 5px; background-size: 15px 15px; }
.link-more svg { width: 13px; height: 13px; position: relative; top: 0px; }
.link-more:hover { text-decoration: none }
.link-more-long { position: relative; font-weight: 400; padding-right: 32px; color: var(--text-color); }
.link-more-long svg { width: 16px; height: 17px; margin-left: 7px; fill: #fff; }
.link-more-long svg.icon-lg { width: 28px; height: 28px; }
.link-more-long:hover { color: var(--text-color) !important; }
.t360-mega-menu .link-more-long:hover{color:#fff !important}
/* Video Container */ 
.t360-videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.t360-videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
a.btn:hover svg { fill: #fff; }
a.btn:focus svg { fill: #fff; }
a.btn:active svg { fill: #fff; }
.link-more:hover { text-decoration: none }
.link-more.no-anim svg { animation: none }
.link-more.link-back { padding-right: 0; font-size: 15px; font-weight: 500; }
.link-more.link-back svg { top: -3px; margin-right: 9px; width: 16px; height: 16px; fill: var(--link-color); }
.link-more.link-back:after { display: none; }
.btn.link-more svg { top: -2px; }
.t360_intro p svg { width: 18px; fill: #aaaaaa; margin-top: -5px; }
.sumome-share-client-circle { display: inline-block }
.sumome-share-client-circle a.sumome-share-client-share { border-radius: 0 20px 20px 20px !important; background: #bbbbbb !important }
.sumome-share-client-circle a.sumome-share-client-share:hover { background: #000000 !important }
.check-list, .ordered-check-list { width: 100%; display: inline-block;margin-left: 25px; }
.check-list li { width: 100%; float: left; position: relative; padding-left: 28px; margin: 7px 0 }
.ordered-check-list li { width: 100%; float: left; position: relative; margin: 7px 0 }
.check-list li:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3Esvg%7Bfill:%230062F9%7D%3C/style%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E"); width: 15px; height: 15px; position: absolute; top: 2px; left: 0; }
.check-list.column-2 li { width: 50%; float: left; padding-right: 20px; margin: 7px 0 }
.z-index-10 { z-index: 10 !important; }
.integrations { background: #fbfafe; }
.home .wrapper_main { padding-top: 0 }
.wrapper_main { width: 100%; height: 100%; float: left; position: relative; padding-top: 68px; }
.swipe-area { position: fixed; width: 10px; left: 0; top: 0; height: 100%; z-index: 1001; display: none }
.t360-offcanvas { background: rgba(var(--white), 1); position: fixed; width: 100%; height: 0; right: 0; bottom: 0; -webkit-transition: height .4s ease-in-out; -moz-transition: height .4s ease-in-out; -ms-transition: height .4s ease-in-out; -o-transition: height .4s ease-in-out; transition: height .4s ease-in-out; z-index: 1005; overflow-y: auto; padding: 0 20px; }
.t360-offcanvas ul { width: 100%; max-width: 540px; float: none; margin: 0 auto; list-style: none }
.t360-offcanvas ul>li { width: 100%; float: left; border-bottom: 1px dotted var(--text-color); padding: 10px 0 }
.t360-offcanvas ul>li>a { width: 100%; display: inline-block; text-decoration: none; position: relative; cursor: pointer; }
.t360-offcanvas ul li.current-menu-item>a, .t360-offcanvas ul li>a.active { color: rgba(var(--primary-color), 1); font-weight: 700 }
.t360-offcanvas ul li.menu-item-has-children>a:after { content: ''; font-weight: 700; transition: transform .2s ease; position: absolute; right: 0; top: 3px; width: 15px; height: 20px; margin-top: 1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M360.5 217.5l-152 143.1C203.9 365.8 197.9 368 192 368s-11.88-2.188-16.5-6.562L23.5 217.5C13.87 208.3 13.47 193.1 22.56 183.5C31.69 173.8 46.94 173.5 56.5 182.6L192 310.9l135.5-128.4c9.562-9.094 24.75-8.75 33.94 .9375C370.5 193.1 370.1 208.3 360.5 217.5z'/%3E%3C/svg%3E"); }
.t360-offcanvas ul li.menu-item-has-children>a.active:after { transform: rotateZ(180deg) }
.t360-offcanvas ul li ul li.current-menu-item a { color: rgba(var(--primary-color), 1) }
.t360-offcanvas ul li ul li.menu_with_icon a { position: relative; padding-left: 60px !important }
.t360-offcanvas ul li ul li.menu_with_icon { position: relative; line-height: 1.2em }
.t360-offcanvas ul li ul li.menu_with_icon i { position: absolute; left: 13px; top: 50%; font-size: 28px; color: rgba(var(--primary-color), 1); transform: translateY(-50%) }
.t360-offcanvas aside { width: 100%; display: inline-block; padding: 0 20px; }
.t360-offcanvas .btns-center { width: 100%; float: left; padding: 10px 30px 70px 30px }
.t360-offcanvas .btns-center .btn { width: calc(100% - 20px); max-width: 230px; margin: 10px 10px; }
.open-offcanvas .swipe-area { width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: block }
.open-offcanvas .t360-offcanvas { height: 100%; padding: 100px 0 120px }
body.open-offcanvas { overflow: hidden }
.menu-toggle { width: 55px; height: 55px; position: relative; z-index: 99; overflow: hidden; cursor: pointer; margin: -3px -5px 0 0 }
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: relative; left: 0 }
.open-offcanvas .hamRotate { transform: rotate(45deg) }
.line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #fff; stroke-width: 4; stroke-linecap: round }
.ham .top { stroke-dasharray: 40 160 }
.ham .middle { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms }
.ham .bottom { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms }
.open-offcanvas .ham .top { stroke-dashoffset: -64px }
.open-offcanvas .ham .middle { transform: rotate(90deg) }
.open-offcanvas .ham .bottom { stroke-dashoffset: -64px }
.home .t360-header.dark-mode{ background: var(--primary-color-dark); }
.t360-header, .t360-ppc-header { width: 100%; display: inline-block; /* padding: 10px 0; */ position: fixed; top: 0; left: 0; z-index: 1010; background: #fff; transition: all .4s ease; }
.home .t360-header { background: none; }
.t360-header.menu-shrink, .t360-ppc-header.menu-shrink { background: #fff; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -ms-filter-backdrop-filter: blur(10px); -o-filter-backdrop-filter: blur(10px); /* padding: 10px 0; */ box-shadow: rgba(0, 0, 0, 0.05) 1px 0 5px; }
.page-template-cost-management .t360-header.menu-shrink, .page-template-azure-monitoring .t360-header.menu-shrink, .page-template-technical-documentation .t360-header.menu-shrink, .page-template-business-process .t360-header.menu-shrink { position: absolute; }
/* .t360-mega-menu .container { max-width: 1290px !important; padding-left: 20px; padding-right: 20px }
*/ 
.t360-mega-menu aside ul, .t360-mega-menu aside ul li { width: 100%; margin: 0; display: inline-block; }
.t360-header .logo img, .t360-ppc-header .logo img { max-height: 32px;height: 32px }
.t360-header nav { display: inline-block; vertical-align: middle; position: static; }
.t360-header nav ul>li { float: left; margin-right: 25px; }
.t360-header nav ul>li:last-child { margin-right: 0 }
.t360-header nav ul>li>a { position: relative; display: inline-block; font-size: 16px; font-weight: 500; padding: 20px 0; cursor: pointer; color: #000; transition: all 0.3s ease-in-out; }
.home .t360-header nav ul>li>a{color:#fff;}
.t360-header nav ul>li>a:before { display: block; content: ""; width: 0; height: 2px; bottom: 5px; left: 0; bottom: 0px; z-index: 0; position: absolute; background: rgba(var(--primary-color), 1); transition: all 0.3s ease-in-out; }
.t360-header nav ul>li>a:hover { background-position: 0%; text-decoration: none; }
.t360-header nav ul>li>a:hover:before { width: 100%; }
.t360-header nav ul li.active>a:before { width: 100%; }
.t360-header .btns-right { display: inline-block; vertical-align: middle }
.t360-header .btn-outline-primary { margin-right: 10px }
.t360-mega-menu { width: 100%; position: absolute; top: 100%; margin-top: 0; left: 0px; padding: 0; display: none; background: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-block: 1px solid #333; color: #252525;border-radius: 10px; }
.t360-header nav ul li.active>.t360-mega-menu aside a { color: #fff; text-decoration: inherit; }
.t360-mega-menu ul>li>a { display: flex !important; align-items: center; vertical-align: middle; }
.t360-mega-menu ul>li>a:hover h6{color:#0062f9 !important;}
.t360-mega-menu ul>li>a:hover .icon-i svg path{fill:#0062f9 !important;}
.t360-mega-menu aside ul li a { font-size: 15px !important; width: 100%; padding: 10px 15px 10px 15px; border-radius: 14px; }
.t360-mega-menu ul>li>a:hover { color: rgba(var(--primary-color), 1) !important;background: #212529;}
.t360-mega-menu ul>li>a:hover:before { content: none; }
.t360-mega-menu ul li .icon-i svg path { fill: #fff; }
.t360-mega-menu ul li .icon-i svg { width: 22px; height: 22px; margin: 0 15px 2px 0;}
.t360-offcanvas .t360-mega-menu { position: relative; width: 100%; left: 0; }
.dt360-offcanvas .t360-mega-menu ul { padding: 0; }
.t360-offcanvas .t360-mega-menu ul li { padding: 0; border: none; }
.t360-offcanvas .t360-mega-menu:before { display: none; }
.t360-offcanvas .t360-mega-menu aside { border: none !important; }
.t360-offcanvas .t360-mega-menu .border-right-gradient:after { display: none; }
/* .t360-header.dark-mode { background: white; color: #252525; }
*/ .t360-header.dark-mode nav ul>li>a, .t360-header.dark-mode a { color: #252525; }
.t360-header .btns-right a { color: #333; }
.t360-header .btns-right a.btn-primary{background: transparent linear-gradient(155deg, #0489FE 0%, #0013BE 100%) 0% 0% no-repeat padding-box;}
.home .t360-header .btns-right a{color:#fff;}
.t360-header .btns-right a.btn-outline-secondary { color: #333 !important; border: 2px solid #047EF8;}
.home .t360-header .btns-right a.btn-outline-secondary { color: #333 !important; }
.t360-header.dark-mode .btn-outline-secondary { color: #252525 !important; }
.t360-header.dark-mode svg, .t360-header.dark-mode svg path { fill: #fff; }
.t360-header.dark-mode .menu-toggle svg path { fill: none; stroke: #fff; }
.t360-header.dark-mode.menu-shrink .menu-toggle svg path { stroke: #fff; }
.t360-mega-menu .border-right-gradient { position: relative; }
.t360-mega-menu .border-right-gradient:after { content: ''; width: 1px; height: 100%;background-image: linear-gradient(#1c1c1c, #0a0a0a); position: absolute; right: 0; top: 0; }
.t360-header nav ul li.active a { text-decoration: none; }
.menu-badge { font-size: 8px; margin-left: 0px; position: relative; top: -10px; margin-bottom: 13px; color: #fff; background-color: rgba(var(--primary-color), 1); padding: 2px 8px; line-height: 1rem; border-radius: 5px; text-decoration: none; }
@media (min-width: 1200px) {
.t360-header nav ul li.menu-item-has-children>a { padding-right: 15px; position: relative } 
.t360-header nav ul li.menu-item-has-children>a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333333' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E"); transition: transform .2s ease; position: absolute; right: 0; width: 10px; top: calc(50% + 1px); transform: translateY(-50%); } 
.home .t360-header nav ul li.menu-item-has-children>a:after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");}
.t360-header.dark-mode nav ul li.menu-item-has-children>a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E"); } .t360-header nav ul li.menu-item-has-children.active>a:after { transform: translateY(calc(-50% + 1px)) rotateZ(180deg); }
}
.t360-sub-menu {
    width: 250px !important;
    top: inherit !important;
    left: inherit !important;
}
@media (min-width: 1200px) {
/* .t360-header nav ul>li { margin-right: 32px } */ .t360-header nav ul>li>a { font-size: 17px; }
}
@media (min-width: 992px) and (max-width: 1365px) {
.t360-header .logo img { max-height: 32px } 
.t360-header nav ul>li { font-size: 14px; margin-right: 25px } 
.t360-header .btn { font-size: 12.5px; padding: 10px 17px 8px } 
.t360-header .btn-outline-primary { padding: 8px 17px 6px; margin-left: 5px }
}
@media (max-width: 1199px) {
.wrapper_main { padding-top: 58px } 
.t360-header { padding: 5px 0 !important } 
.t360-header .container { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; } 
.t360-header .menu-container { width: auto !important; } 
.t360-header .logo { margin-top: 2px } 
.t360-header .logo img { max-height: 32px } 
.t360-header nav, .t360-header .btns-right { display: none !important } 
.t360-header.menu-shrink { padding: 5px 0 !important }
}
@media (max-width: 679px) {
.t360-header .logo img { max-height: 32px } 
.t360-mega-menu { border: unset; }
}
.t360-card { width: 100%; background: #E5ecf9; border-radius: 20px }
.t360-card .t360-card-head, .t360-card .t360-card-body, .t360-card .t360-card-foot { padding: 30px }
.t360-card-green { background: #D5FFFE; }
/* .shape { filter: drop-shadow(3px 3px 3px #000000) }
*/ /* .shape:after { content: ''; background: url(../images/shadow.svg) no-repeat bottom right; background-size: 90% 90%; width: 532px; height: 592px; position: absolute; bottom: -8%; right: -7%; z-index: 1; opacity: 0.5; }
.shape-left:after { bottom: -15%; left: -13%; }
*/ 

/* Footer */ 
.t360-social-links li { display: inline-block }
.t360-social-links a { width: 38px !important; height: 38px !important; float: left !important; text-align: center !important; line-height: 38px !important; background: #ffffff !important; border-radius: 20px !important; padding: 0 !important; margin-right: 8px !important }
.t360-social-links li a svg { fill: var(--primary-color-dark) !important; margin-right: 0 !important; width: 16px !important; height: 16px; }
.t360-social-links a:hover { background: rgba(var(--primary-color), 1) !important; }
.t360-social-links a:hover svg { fill: #fff !important; }
.t360-social-links .a2a_kit { height: 36px }
.t360-social-links .a2a_kit a:last-of-type { margin-right: 0 !important }
.t360-social-links .a2a_kit a .a2a_svg { width: 22px !important; height: 22px !important }
.t360-social-links .a2a_kit a .a2a_svg svg { filter: grayscale(1) brightness(0) }
.t360-social-links .a2a_kit a span { background-color: transparent !important; margin: 7px }
.t360-footer-cta { border-bottom: 1px solid #6B7280; }
.t360-footer-links { width: 100%; display: inline-block; }
.t360-footer-links aside { width: 25%; float: left; }
.t360-footer-links aside span { margin-bottom: 8px; font-size: 19px; font-weight: 600; padding: 0 0 15px; line-height: 1.3em; display: block; }
.t360-footer-links aside h5, .t360-footer-links aside ul li a { color: rgba(var(--black), 1); }
.t360-footer-links aside ul li { margin-bottom: 10px; font-size: 15px; }
/* .t360-footer-links aside:last-child { width: 31%; display: flex; justify-content: end; } */
.t360-footer-links .t360-card { width: 100%;
    max-width: 300px;
    background: #111212;
    border-radius: 32px;
    padding-bottom: 15px;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: inset 2px 2px 1px 0 rgb(150 150 150 / 18%), inset -2px -2px 2px 1px rgb(36 27 65 / 22%), 0 4px 8px 0 rgb(40 36 49 / 0%), 0 6px 20px 0 rgb(69 57 108 / 0%); }
/* .t360-footer-links .t360-card img { max-width: 150px;background: #ffffff;border: 1px solid #e6eeff;padding: 20px;border-radius: 20px;} */
.t360-footer-links-bottom p, .t360-footer-links-bottom p a { color: rgba(var(--black), 1); }
.t360-footer-links-bottom p span { opacity: 0.5; padding: 0 5px; }
.t360-footer-logo img { max-height: 34px; }
@media (max-width: 1099px) {
.t360-footer-links aside { width: 33.33%; } 
/* .t360-footer-links aside:last-child { width: 100%; justify-content: start; margin-top: 35px; } */
}
@media (max-width: 1099px) {
.t360-footer-links aside { width: 33.33%; } 
/* .t360-footer-links aside:last-child { width: 100%; justify-content: start; margin-top: 35px; } */
}
@media (max-width: 767px) {
.t360-footer-links aside { width: 100%; } 
/* .t360-footer-links aside:last-child { width: 100%; justify-content: start; margin-top: 35px; }  */
.t360-footer-links-bottom { text-align: center; }
}

/*Styles for parter page*/
.t360-partner {
    background-image: url('../images/platform/v1/feature-bg.png?ver=3');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 30%;
    min-height: calc(100vh - 300px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.t360-partner .container { display:flex; flex:1; }
.t360-partner .t360-card { box-shadow: 0 0 15px 2px rgb(0, 0, 0, 0.1); }
.t360-partner .btn-hero { background: transparent linear-gradient(155deg, #0489FE 0%, #0013BE 100%) 0% 0% no-repeat padding-box; }

.t360-hero-height-fixed:before {background:#ffffff !important; }
.partner-directory .icon-f svg, .partner-program .icon-f svg {fill:none;}
.partner-directory .t360-pagination .nav-links {background: transparent;}
.partner-directory .t360-pagination:has(.page-numbers):after {background: transparent;}
.partner-program { background: linear-gradient(180deg, #ffffff, #bee8f4, #bee8f4, #ffffff);}

.partner-listing-wrap .t360-card {
    position: relative;
}

.partner-logo-card {
    position: relative;
}

.partner-logo-card .t360-card {
    overflow: hidden;
}

.t360-card .partner-logo {
    border-radius: 20px;
}

.t360-card .partner-logo img {
    max-width: 150px;
}

@media (min-width: 992px) {
    .partner-listing-wrap .col-lg-2 {
        flex: 0 0 auto;
        width: 19.666667%;
    }
}

.gold-partner-badge {
    position: absolute;
    top: 5px;
    left: -18px;
    transform: rotate(-40deg);
}

.partner-listing-wrap .gold-partner-badge .menu-badge {
    font-size: 11px;
    margin-left: 0px;
    position: relative;
    top: 0px;
    margin-bottom: 0px;
    color: #fff;
    background: linear-gradient(67deg, #c19849, #e3ba52 71%, #c19849);
    padding: 5px 10px;
    line-height: 1rem;
    border-radius: 0;
    text-decoration: none;
}
/*
#partner-form {
    position: relative;
    padding: 30px 0;
    background: #ffffff;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.04);
    border-radius: 30px;
}

#partner-form .md-form .form-group {
    margin-bottom: 15px;
}

#partner-form .md-form .form-control {
    transition: padding-top 0.2s ease;
}

#partner-form .md-form .form-control:focus~label.t360-label, .md-form .form-group input.form-control:not(:placeholder-shown) ~ label.t360-label,#partner-form .md-form .form-group textarea.form-control:not(:placeholder-shown) ~ label.t360-label {
    top: 8px;
    color: var(--text-color);
    font-weight: 500;
    font-size: 13px;
}

#partner-form .md-form .form-group input.form-control:not(:placeholder-shown) ~ label.t360-label,#partner-form .md-form .form-group textarea.form-control:not(:placeholder-shown) ~ label.t360-label {
    color: #7482a0 !important;
}

#partner-form .md-form .form-group label.t360-label span {
    background: #ffffff;
    padding: 0 4px;
    line-height: 1em;
}

#partner-form .md-form .form-select:focus {
    box-shadow: none;
    border: 1px solid var(--link-color) !important;
}

#partner-form .md-form .form-group input.form-control {
    padding-top: 24px;
    height: 56px;
}
#partner-form .md-form .form-group textarea.form-control {
    padding-top: 24px;
}

#partner-form .md-form .form-group label.t360-label {
    top: 21px;
}*/

.partner-stories .t360-video-thumb {
    box-shadow: 2px 2px 10px 2px rgb(98 128 255 / 20%);
}


/*Tutorial page styles*/
.t360-secondary-page-hero-section {
    background-image: url('../images/webinar-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.t360-secondary-page-hero-section h1 {
    font-family: "Noto Serif", serif;
}

.t360-card-video-thumbnail .t360-card-body {
    padding: 20px 20px;
}

.t360-card-video-thumbnail .t360-video-thumbnail .new-badge {
    background-image: linear-gradient(to right, #2a00ff, #bd0cfe);
    color: #ffffff;
    font-size: 12px;
    border-radius: 15px;
    padding: 0px 10px;
    padding: 4px 10px;
    line-height: normal;
}
.t360-card-video-thumbnail .t360-video-thumbnail .video-time{
    background: #f6f0eb;
    border-radius: 15px;
    color: rgba(var(--black), 1);
    padding: 4px 10px;
    font-size: 13px !important;
    line-height: normal;
}
.t360-card-video-thumbnail .t360-video-thumbnail .video-time svg{
    width: 16px;
    height: 16px;
}
.t360-card-video-thumbnail .t360-card-body .t360-video-thumb-muted, .t360-casestudies-sidenav .text-muted {
    color:rgba(0, 0, 0, 0.4) !important;
    font-size: 14px;
}

.t360-card-video-thumbnail .t360-card-body .t360-video-title {
    font-size: 15px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.t360-card-video-thumbnail .t360-card-footer .link-video{
    font-size: 14px;
}
.t360-card-video-thumbnail .t360-card-footer .link-video svg{
    width: 18px;
    height: 18px;
}

/*Footer styles*/
.page-template .t360-footer {
    background: #000 !important;
    color: #fff !important;
    padding-top: 250px;
}

/**mobile-menu**/
.mobile-menu .t360-mega-menu{background: transparent;border-radius: 0px;border: none;}
.mobile-menu .t360-mega-menu ul li .icon-i svg path {fill: #0062f9;}
.mobile-menu .t360-mega-menu h6{color:#000 !important;}
.mobile-menu .t360-mega-menu .text-lgrey {color: #333;}
.mobile-menu .t360-mega-menu .link-more-long{color:#fff;}
.mobile-menu .t360-mega-menu span.text-grey{color:#333 !important;}
.mobile-menu .t360-mega-menu ul>li>a:hover {color: rgba(var(--primary-color), 1) !important;background: #f4f4f4;}
@media (max-width: 1200px) {
    .menu-toggle{margin:0;width:45px;height:45px;}
    .open-offcanvas .t360-offcanvas{height: 65%;padding: 20px 0 0px;border-radius: 18px 18px 0 0;bottom: 45px;}
}