@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



@font-face {
  font-family: 'Intro-Regular';
  src: url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/Intro-Regular.woff2') format('woff2'),
    url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/Intro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Intro';
  src: url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/Intro-Bold.woff2') format('woff2'),
    url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/Intro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Intro-caps';
    src: url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/New%20Font/Intro.eot');
    src: url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/New%20Font/Intro.eot?#iefix') format('embedded-opentype'),
        url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/New%20Font/Intro.woff2') format('woff2'),
        url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/New%20Font/Intro.woff') format('woff'),
        url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Fonts/New%20Font/Intro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root {
  --panel-width: calc(100% / 6);
}





/* 1a. Containers */


/* 1b. Font */
 /* Intro */
 /* Roboto */

/* 1b. Colors */
 /* #ffffff */
 /* #dcf000 */
 /* #596669 */
 /* #ffffff */
 /* #000000 */
 /* #011e24 */
 /* #41afff */
 /* #73a1aa */
 /* #7ec99d */
 /* #3C94AB */
 /* #89CE89 */
 /* #d9d9d9 */
 /* #004152 */

/* 1c. Typography */










/* 1d. Primary Button */













/* 1e. Forms */








/* 1g. Site header */











/* 1h. Site footer */










.content-wrapper, .dnd-section .wrapper {
  max-width: 1680px;
  margin: 0 auto !important;
}
.dnd-section {
  padding: 90px 20px;
}

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.row-fluid [class*=span] {
  min-height: 1px;
  width: 100%
}





html {
  font-size: 18px;
  scroll-behavior: smooth;
}

body { font-size: 18px; font-family: Beatrice; font-style: normal; font-weight: 400; text-decoration: none; font-family: Roboto,sans-serif; color: #596669; line-height: 30px; opacity:0; background-color: #011e24; margin:0; padding:0; overflow-x:hidden; }
body.loaded{ opacity:1; }
body.hidden { overflow:hidden; }
body.scroll { overflow:scroll; overflow-x:hidden; }

* { box-sizing: border-box;}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a ,h6 a{ margin:0; padding:0; }
/* Anchors */
header a {color: #ffffff;}
header a:hover,header a:focus {color: #ffffff;}
header a:active {color: #ffffff;}
:focus {outline:none;}

/* Headings */
h1, .h1 {
  font-weight: 700; text-decoration: none; font-family: Beatrice; font-style: normal;
  color: #ffffff;
  font-size: 64px;
  line-height: 1.03;
}

h2 ,.h2 {
  font-weight: 400; text-decoration: none; font-family: Beatrice; font-style: normal;
  color: #ffffff;
  font-size: 56px;
  line-height: 1.2;
}

h3, .h3 {
  font-weight: 400; text-decoration: none; font-family: Beatrice; font-style: normal;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.25;
}

h4,.h4 {
  font-weight: 400; text-decoration: none; font-family: Beatrice; font-style: normal;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.33;
}

h5, .h5 {
  font-weight: 400; text-decoration: none; font-family: Beatrice; font-style: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
}

h6, .h6 {
  font-weight: 400; text-decoration: none; font-family: Beatrice; font-style: normal;
  color: #004152;
  font-size: 16px;
  line-height: 1.5;
}

.font18l27 { font-size:18px !important; line-height:1.5 !important; }
.font16 { font-size:16px !important; line-height:1 !important; }
.font14l21 { font-size:14px !important; line-height:1.5 !important; }
.font14 { font-size:14px !important; line-height:1 !important; }

.ls1 { letter-spacing: 1px;}
.ls2 { letter-spacing: 2px;}
.ls3 { letter-spacing: 3px;}
.ls4 { letter-spacing: 4px;}
.ls5 { letter-spacing: 5px;}

.roboto_regular,.roboto_regular h1,.roboto_regular h2, .roboto_regular h3,.roboto_regular h4, .roboto_regular h5,.roboto_regular h6,.roboto_regular p,.roboto_regular a { font-family: 'Roboto', sans-serif; }

.intro_bold,.intro_bold h1,.intro_bold h2, .intro_bold h3,.intro_bold h4, .intro_bold h5,.intro_bold h6,.intro_bold p,.intro_bold a{ font-family: 'Intro', sans-serif;}
.intro_regular,.intro_regular h1,.intro_regular h2, .intro_regular h3,.intro_regular h4, .intro_regular h5,.intro_regular h6,.intro_regular p,.intro_regular a{ font-family: 'Intro-Regular', sans-serif;}

.p_font h1, .p_font h2,.p_font h3,.p_font h4,.p_font h5,.p_font h6,.p_font p,.p_font a { font-family : Intro }
.s_font h1, .s_font h2,.s_font h3,.s_font h4,.s_font h5,.s_font h6,.s_font p,.s_font a { font-family : Roboto }

/* Text Color */
.p_color h1, .p_color h2, .p_color h3, .p_color h4,.p_color h5,.p_color h6,.p_color h6,.p_color p,.p_color a { color : #ffffff } /* #ffffff */
.s_color h1, .s_color h2, .s_color h3, .s_color h4,.s_color h5,.s_color h6,.s_color h6,.s_color p,.s_color a { color : #dcf000 } /* #dcf000 */
.body_color h1,.body_color h2,.body_color h3,.body_color h4,.body_color h5,.body_color h6,.body_color p,.body_color a { color : #596669 }/* #596669 */
.white_color h1,.white_color h2,.white_color h3,.white_color h4,.white_color h5,.white_color h6,.white_color p,.white_color a, .white_color { color : #ffffff }/* #ffffff */
.black_color h1,.black_color h2,.black_color h3,.black_color h4,.black_color h5,.black_color h6,.black_color p,.black_color a { color : #000000 }/* #000000 */
.light_black_color h1,.light_black_color h2,.light_black_color h3,.light_black_color h4,.light_black_color h5,.light_black_color h6,.light_black_color p,.light_black_color a { color : #011e24 }/* #011e24 */
.sky_blue h1,.sky_blue h2,.sky_blue h3,.sky_blue h4,.sky_blue h5,.sky_blue h6,.sky_blue p,.sky_blue a { color : #41afff }/* #41afff */
.slate_blue h1,.slate_blue h2,.slate_blue h3,.slate_blue h4,.slate_blue h5,.slate_blue h6,.slate_blue p,.slate_blue a { color : #73a1aa }/* #73a1aa */
.light_green,.light_green h1,.light_green h2,.light_green h3,.light_green h4,.light_green h5,.light_green h6,.light_green p,.light_green a { color : #7ec99d }/* #7ec99d */
.slate_green,.slate_green h1,.slate_green h2,.slate_green h3,.slate_green h4,.slate_green h5,.slate_green h6,.slate_green p,.slate_green a { color : #3C94AB }/* #3C94AB */
.sea_green,.sea_green h1,.sea_green h2,.sea_green h3,.sea_green h4,.sea_green h5,.sea_green h6,.sea_green p,.sea_green a { color : #89CE89 }/* #89CE89 */
.grey,.grey h1,.grey h2,.grey h3,.grey h4,.grey h5,.grey h6,.grey p,.grey a { color : #d9d9d9 }/* #d9d9d9 */
.teal,.teal h1,.teal h2,.teal h3,.teal h4,.teal h5,.teal h6,.teal p,.teal a { color : #004152 }/* #004152 */

/* background color */
.p_background { background-color : #ffffff } /* #ffffff */
.body_background { background-color : #ffffff }/* #596669 */
.white_background { background-color : #ffffff }/* #ffffff */
.black_background { background-color : #000000 }/* #000000 */

/* * * * * */

img { width:100%; max-width:100%; height:auto; border:none; vertical-align:middle; }
a { display : inline-block;text-decoration:none; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
p { margin:0; }

+ h1, * + h2 { margin-top:35px; }
+ h3, * + h4 { margin-top:30px; }
+ h5, * + h6 { margin-top:25px; }
+ p { margin-top:25px; }

.full-wrapper { width: 100%; padding: 0 30px;}
.content-wrapper { width: 100%; padding-left: 15px; padding-right: 15px; }
.wrappersmall { width: 100%; max-width : 983px; float:none !important; display:block; margin:0 auto !important; padding-left: 15px; padding-right: 15px; }
.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }

/* For Hubspot >>>>>> */
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
/* <<<<<< For Hubspot */

.set-bg, .bg{ background-size:cover; background-position:center; position:relative; background-repeat: no-repeat;}
.shape-bg { background-size: cover; background-position: top center; position:relative; background-repeat: no-repeat; }
.overlay{ position: relative; }
.overlay:before { content:''; top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: rgba(0, 0, 0, 0.4);}
.overlay > * { position:relative; z-index:2; }

.get-bg { display:none !important; }

[class*="fa-"] { font-family: fontawesome; font-style: normal}

/* font-weight */
.extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6, .extrabold p { font-weight:800; }
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { font-weight:300; }

/* text style */
.uppercase { text-transform: uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.font-italic{font-style: italic;}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ max-width:100%; white-space:normal; }

ul,.noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; }
.listStyle ul li + li {margin-top:12px;}

.relative { position: relative; }
.absolute { position: absolute; }
.z-index-1 { z-index:1; }
.h100 { height: 100% !important;}




.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top; }
.d_block {display: block !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }




.pl0, .p0, .plr0 { padding-left:0; }
.pl10, .p0-10 { padding-left:10px; }
.pl15, .p0-15 { padding-left:15px; }
.pl20, .p0-20 { padding-left:20px; }
.pl25, .p0-25 { padding-left:25px; }
.pl30 , .p0-30{ padding-left:30px; }
.pl35 , .p0-35{ padding-left:35px; }
.pl40,.p40-0 { padding-left:40px; }
.pl45,.p45-0 { padding-left:45px; }
.pl50,.p50-0 { padding-left:50px; }
.pl55,.p55-0 { padding-left:55px; }
.pl60,.p60-0 { padding-left:60px; }
.pl65,.p65-0 { padding-left:65px; }
.pl70,.p70-0 { padding-left:70px; }
.pl75,.p75-0 { padding-left:75px; }
.pl80,.p80-0 { padding-left:80px; }
.pl85,.p85-0 { padding-left:85px; }
.pl90,.p90-0 { padding-left:90px; }
.pl95,.pl95-0 { padding-left:95px; }
.pl100,.pl100-0 { padding-left:100px; }

.pr0, .p0, .plr0 { padding-right:0; }
.pr10, .p0-10 { padding-right:10px; }
.pr15, .p0-15 { padding-right:15px; }
.pr20, .p0-20 { padding-right:20px; }
.pr25, .p0-25 { padding-right:25px; }
.pr30, .p0-30 { padding-right:30px; }
.pr35, .p0-35 { padding-right:35px; }

.pb5,.p5-0{ padding-bottom:5px; }
.pb10,.p10-0 { padding-bottom:10px; }
.pb15,.p15-0 { padding-bottom:15px; }
.pb20,.p20-0 { padding-bottom:20px;}
.pb25,.p25-0 { padding-bottom:25px;}
.pb30,.p30-0 { padding-bottom:30px;}
.pb35,.p35-0 { padding-bottom:35px;}
.pb40,.p40-0 { padding-bottom:40px; }
.pb45,.p45-0 { padding-bottom:45px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb55,.p55-0 { padding-bottom:55px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb65,.p65-0 { padding-bottom:65px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pb75,.p75-0 { padding-bottom:75px; }
.pb80,.p80-0 { padding-bottom:80px; }
.pb85,.p85-0 { padding-bottom:85px; }
.pb90,.p90-0 { padding-bottom:90px; }
.pb95,.p95-0 { padding-bottom:95px; }
.pb100,.p100-0 { padding-bottom:100px; }
.pb110,.p110-0 { padding-bottom:110px; }
.pb120,.p120-0 { padding-bottom:120px; }
.pb130,.p130-0 { padding-bottom:130px; }
.pb140,.p140-0 { padding-bottom:140px; }
.pb150,.p150-0 { padding-bottom:150px; }
.pb160,.p160-0 { padding-bottom:160px; }
.pb170,.p170-0 { padding-bottom:170px; }
.pb180,.p180-0 { padding-bottom:180px; }
.pb190,.p190-0 { padding-bottom:190px; }
.pb200,.p200-0 { padding-bottom:200px; }

.pt5,.p5-0{ padding-top:5px; }
.pt10,.p10-0 { padding-top:10px; }
.pt15,.p15-0 { padding-top:15px; }
.pt20,.p20-0 { padding-top:20px; }
.pt25,.p25-0 { padding-top:25px; }
.pt30,.p30-0 { padding-top:30px }
.pt35,.p35-0 { padding-top:35px }
.pt40,.p40-0 { padding-top:40px; }
.pt45,.p45-0 { padding-top:45px; }
.pt50,.p50-0 { padding-top:50px; }
.pt55,.p55-0 { padding-top:55px; }
.pt60,.p60-0 { padding-top:60px; }
.pt65,.p65-0 { padding-top:65px; }
.pt70,.p70-0 { padding-top:70px; }
.pt75,.p75-0 { padding-top:75px; }
.pt80,.p80-0 { padding-top:80px; }
.pt85,.p85-0 { padding-top:85px; }
.pt90,.p90-0 { padding-top:90px; }
.pt95,.p95-0 { padding-top:95px; }
.pt100,.p100-0 { padding-top:100px; }
.pt110,.p110-0 { padding-top:110px; }
.pt120,.p120-0 { padding-top:120px; }
.pt130,.p130-0 { padding-top:130px; }
.pt140,.p140-0 { padding-top:140px; }
.pt150,.p150-0 { padding-top:150px; }
.pt160,.p160-0 { padding-top:160px; }
.pt170,.p170-0 { padding-top:170px; }
.pt180,.p180-0 { padding-top:180px; }
.pt190,.p190-0 { padding-top:190px; }
.pt200,.p200-0 { padding-top:200px; }

.m0-15{margin-left:-15px; margin-right:-15px}
.p0-8{padding-left:8px; padding-right:8px;}
.m0-8{margin-left:-8px; margin-right:-8px;}

.plr20{padding-left:20px; padding-right:20px}
.mlr20{margin-left:-20px; margin-right:-20px;}

/* Blockquote */

blockquote { border-left-color: #dcf000; }




.max300{max-width:300px; width:100%;}
.max350{max-width:350px; width:100%;}
.max400{max-width:400px; width:100%;}
.max450{max-width:450px; width:100%;}
.max500{max-width:500px; width:100%;}
.max550{max-width:550px; width:100%;}
.max600{max-width:600px; width:100%;}
.max650{max-width:650px; width:100%;}
.max630{max-width:630px; width:100%;}
.max700{max-width:700px; width:100%;}
.max750{max-width:750px; width:100%;}
.max770{max-width:770px; width:100%;}
.max800{max-width:800px; width:100%;}
.max880{max-width:880px; width:100%;}
.max900{max-width:900px; width:100%;}
.max950{max-width:950px; width:100%;}
.max1000{max-width:1000px; width:100%;}
.max1100{max-width:1100px; width:100%;}
.max1150{max-width:1150px; width:100%;}
.widthCenter{margin:0 auto;}
.widthend{margin:0 0 0 auto;}
.m-0 { margin:0; }




.d-flex { display: flex; }
.flex-wrap { flex-wrap:wrap; }
.align-center { align-items: center; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }
.space-between { justify-content: space-between; }
.flex-start { justify-content: flex-start; }
.flex-end { justify-content: flex-end; }
.flex-center { justify-content: center; }





.button, .border-button, .white-button { cursor:pointer; display:inline-block; text-align:center; transition:all .15s linear; white-space:normal }

.button a, a.button { background-color: #011e24;font-size:14px; border-radius: 5px;color: #dcf000;padding: 22px 22px; text-decoration: none !important; font-weight : 500; line-height :27px; cursor: pointer; transition: all 0.3s ease; position: relative; display: flex; outline: none; z-index:1; overflow:hidden; align-items: center; justify-content: center; gap: 5px; }
.button a:after, a.button:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: #B486FF; transition: all 0.3s ease; }
.button a:hover, .button a:focus ,a.button:hover, a.button:focus {color: #ffffff;}
.button a:hover:after, a.button:hover:after { left: 0; width: 100%; }
.button a:active {top:2px; background-color: #B486FF;border-color: #377EF0;color: #ffffff;}

/*========================================================= HEADER STARTS =========================================================*/
header.header {position: fixed; width: 100%;left: 0; background-color: #011e24;}
header.header-without-menu { padding: 42px 0;}
header.header-without-menu .header__logo.header_site_logo { justify-content: space-between; width: 100%;}
.Navigation_Inner ul li a { font-size:16px; line-height: 1.5; font-weight: 400; position: relative; font-family: 'Roboto', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.navItem > a:after { content: ""; width: 0; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; transition: all .3s ease; background-color: #dcf000;  }
.navItem.hasMegamenu > a:after { background-color:#41afff; }
.Navigation_Inner ul ul li a { color:#ffffff;font-size: 14px;font-weight: 500; display:block;}
.navItem > a:hover:after, .Navigation_Inner ul li.active-branch > a { width: 70%; }
.headerRow {position: inherit;}
.navItem:nth-child(2) .megaMenu { width: 100%;}
.navItem:nth-child(4) .megaMenu { max-width: 349px; width: 100%;}
header.header {
    position: sticky;
    z-index: 9999;
    top: 0;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgba(1,30,36,.7);
}
.mainHeaderLogo img { object-fit: contain; transition: all ease 0.3s;}
.mainHeaderLogo { margin-right: auto; max-width: 138px; width: 100%;}
.mainHeaderLogo a { display: block;}
ul.listParentOfNav li a { padding: 42px 0px 25px 0px; display: block;}
ul.listParentOfNav li.navItem>a:hover {
    color: #dcf000;
}
.mainNavForOctaura ul { display: flex; gap: 35px; justify-content: flex-start;}
.headerRow,li.signInIcon a { display: flex; align-items: center;}=
li.signInIcon a { gap: 10px;}
li.signInIcon { display: inline-block;}
.forLeftSideMarginSpace { margin-right: auto;}
ul.rightSideTwoButtons { display: flex; gap: 30px; align-items: center;}
.header__logo.header_site_logo { gap: 30px; align-items: center;}
.header_contact a { color: #dcf000 ; transition: all ease 0.3s; vertical-align: sub;}
.leftsideTopTitle {gap: 6px; margin-bottom: 5px;}
.navBarInnerItem { padding: 0px 0 0;}
.Navigation_Right { padding-left: 35px;}
li.navItem { position: relative;}
span.navBarInnerIcon { display: flex;}
.navBarInnerItem p,span.navBarInnerIcon svg path { transition: all .4s ease;}
.megaMenu { background: #ffffff; min-width: 840px; width: 100%; box-shadow: 0 0 6px rgba(0,0,0,.1607843137254902); opacity: 0; z-index:500; padding: 10px; transition: opacity .4s ease, visibility .4s ease; position: absolute; top: 91px; left: -129%; visibility: hidden; border-radius: 5px;}
.Navigation_Inner ul li.active-branch>a,.Navigation_Inner ul li a:hover {text-decoration: none;}
/* ul.listParentOfNav li:hover .megaMenu,ul.listParentOfNav li:hover .topIcon {opacity: 1;visibility: visible;} */

ul.listParentOfNav li.activemegaMenu .megaMenu {opacity: 1;visibility: visible;}
.allMegaMenuContentWrap {display: flex; gap: 21px 30px; flex-wrap: wrap;}
.navBarInnerItem a { display: flex!important; align-items: center; gap: 10px; padding: 0!important;}
.navItem.megamenu_twocol .allMegaMenuContentWrap .navBarInnerItemContent { width: 47.67%;}
.navItem.hasMegamenu:not(.megamenu_twocol) .megaMenu .allMegaMenuContentWrap .navBarInnerItemContent { width: 100%; padding: 10px 25px;}
.navItem.hasMegamenu:not(.megamenu_twocol) .megaMenu .allMegaMenuContentWrap{ gap: 0px 30px;}
.Products .leftsideTopTitle h6 {
    font-size: 15px !important;
    font-family: 'Intro';
}
.Products.navItem.hasMegamenu > a:after, .Company.navItem.hasMegamenu > a:after {
    display: none;
}
.Blog.navItem > a:after {
    width: 70%;
}
ul.listParentOfNav li .leftsideTopTitle a {
    padding: 0 !important;
    display: flex;
}
ul.listParentOfNav li .leftsideTopTitle a span.navBarInnerIcon {
    margin-right: 5px;
}
ul.listParentOfNav {
    position: relative;
}
.listParentOfNav li.navItem.hasMegamenu {
    position: static;
}
.navBarInnerItem a:hover { color: #004152;}
.navItem.hasMegamenu:not(.megamenu_twocol) .megaMenu {
    min-width: 349px;
    left: 0;
    padding: 10px;
    max-width: 350px;
}
.Navigation_Inner ul li.Company .navBarInnerItem a {
    font-size: 15px !important;
    letter-spacing: .8px;
    font-family: Intro;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 25px !important;
}
.footer-top-inner {
    justify-content: normal;
}

.footer-top-inner .footer-top-left-col {
    width: 16.66666667%;
}
.footer-bottom-strip-right a {
    text-decoration: underline;
}
.footer-bottom-strip-right .footer-privacy-policy {
    padding-left: 6px;
}
.footer-bottom-strip-right .footer-privacy-policy.terms:before {
    content: "|";
}
.leftsideTopTitle h4 { color: #000000; font-size: 18px; font-weight: 700; line-height: 1.33; text-transform: uppercase;}
.navBarInnerItem p { font-size: 16px; color: #707070; font-weight: 400; line-height: 1.31;border-radius: 5px;}
.topIcon {
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 15px solid #fff;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  filter: drop-shadow(1px -7px 6px #00000029);
  opacity: 0;
  z-index: 99;
  transition: opacity .4s ease;
  visibility: hidden
}

span.navArrow { padding-left: 6px;}
span.navArrow svg { width: 12px; height: 12px; fill: rgb(255 255 255 / 50%);}
li.signInIcon a { gap: 9px; font-size: 16px; line-height: 1.5; color: #ffffff; font-weight: 400;}
span.navArrow svg { transition: transform .4s ease-in-out;}
/* ul.listParentOfNav li:hover span.navArrow svg { transform: rotate(180deg);} */
li.signInIcon a { text-decoration: none;}
.signInIcon svg { width: 18px; height: 18px;}
span.navBarInnerIcon svg { height: 24px; width: 24px; transition: all .4s ease;}
a.expandMenu { display: none;}
.Navigation_row { display: flex; align-items: center;}
.RegisterBtn a span {
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  padding: 14px 18px;
  align-items: center;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  border-radius: 3px;
  text-transform: uppercase;
  background-color: #011e24;
  font-family: Intro;
  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.RegisterBtn a::before{ content: ""; position: absolute; top: 0; left: -100%; width: 200%; height: 100%; background: linear-gradient(90deg, #DCF000 7.58%, #41AFFF 149.49%);  background-size: 50% 100%;}
.RegisterBtn a { margin: 0 auto; width: 184px;text-align: center; position: relative; border-radius: 6px; box-sizing: border-box; display: block; z-index: 2; overflow: hidden; padding: 3px;}
/* .RegisterBtn a:focus:before,.RegisterBtn a:hover:before { animation: rainbowSlide .75s linear infinite;} */
@keyframes rainbowSlide { to { transform: translateX(50%); }}
.navBarInnerItemContent { padding: 20px; border-radius: 5px; transition: all ease 0.3s;}
.navBarInnerItemContent:hover { background-color: #f2f5f6; }

/*========================================================= HEADER ENDS ===========================================================*/

/*========================================================= LANDING PAGE STARTS ===========================================================*/

/*========================================================= BANNER SECTION STARTS ===========================================================*/
section.banner-form-section { padding: 109px 0 81px; position: relative;}
section.banner-form-section::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1830' height='856' viewBox='0 0 1830 856' fill='none'%3E%3Cpath opacity='0.2' d='M1839 1L192 0.999964C81.5431 0.999962 -8 90.543 -8 201L-8.00002 856' stroke='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
}
.banner-form-two-col { gap: 30px;}
.banner-form-inner { width: 100%; margin: 0 auto;}
.banner-form-right { width: 100%; max-width: 575px;}
.banner-form-left { width: 100%; max-width: 530px;}
.form-outer form .hs-richtext h4 { color: #011E24; font-size: 24px; line-height: 1.33; font-family: 'Intro-Regular', sans-serif;}
.banner-form-title h1 span { -webkit-text-fill-color: transparent; background: linear-gradient(90deg,#41afff 1.1%,#dcf000 149.32%); -webkit-background-clip: text; background-size: 100%;}
.features-list-outer { padding: 44px 0 0;}
.features-list-inner { flex-wrap: wrap; gap: 42px;}
.feature-box-top-row { gap: 8px;}
.feature-bottom-row { padding: 7px 0 0;}
[id^="product_of_interest"] {
    width: auto !important;
}
.form-outer { width: 100%; max-width: 570px; border: 1px solid rgb(255 255 255 / 20%); border-radius: 40px; padding: 19px; margin: 0 auto;}
.form-outer form { height: 100%; background: #ffffff; border-radius: 20px; padding: 41px 60px 60px;}
.form-outer form label { font-weight: 600; font-size: 18px; line-height: 27px; color: #011E24; font-family: Roboto,sans-serif;}
.form-outer form input { background: rgb(0 65 82 / 7%); border-radius: 5px; padding: 15px; outline: none; border: none; width: 100%; font-size: 16px; line-height: 1; font-family: 'Intro-Regular', sans-serif;}
.form-outer form .hs-form-field:not(:first-child) {padding: 18px 0 0;}
.form-outer form .hs-submit { display: inline-block; padding: 28px 0 0;}
label.hs-error-msg { color: #ff0000 !important;}
.form-outer span.hs-form-required {
  display: none;
}
.form-outer form .hs_submit input { cursor: pointer; font-family: 'Intro', sans-serif; text-align: center; font-size:14px; line-height:1;  letter-spacing: 2px; text-transform: uppercase; color: #004152; background: linear-gradient(90deg, #DCF000 7.58%, #41AFFF 149.49%); border-radius: 5px;font-weight: 400;padding: 21px 26px;}
/*========================================================= BANNER SECTION ENDS ===========================================================*/

/*========================================================= TWO COL VIDEO STARTS ===========================================================*/
section.two_col_video { padding: 121px 0 120px; background-color: #004152;}
.two_col_left { max-width: 666px;}
.two_col_content { padding: 17px 0 0;}
.two_col_outer { gap: 170px;}
.two_col_video_outer video { max-width: 670px; height: 447px; object-fit: cover;}
.two_col_video_outer { border-radius: 20px; overflow: hidden; align-items: center; justify-content: center;}
.two_col_content p:not(:first-child) { padding: 20px 0 0;}
section.two_col_video .video-play-btn { background-color: #dcf000; border-radius: 5px; height: 98px; position: absolute; z-index:4; transition: all .3s ease; width: 98px; align-items: center; display: flex;  justify-content: center;}
section.two_col_video .play-btn { left: 50%; position: absolute; z-index: 5;}
.two_col_video_player,.video_player {cursor: pointer; display: flex; align-items: center; justify-content: center;}
.two_col_video_player:hover .video-play-btn,.video_player:hover .video-play-btn { background: linear-gradient(175deg,#41afff 1.1%,#dcf000 149.32%),#dcf000; transform: rotate(45deg);}
/*========================================================= TWO COL VIDEO ENDS =============================================================*/

/*========================================================= WHO WE ARE STARTS ===========================================================*/
.who-we-are-inner { background-color: #004152; border-radius: 20px; padding: 101px 0 115px; background-image: url(https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Images/Landing%20Page/Group%2030.png); background-repeat: no-repeat; background-size: contain; background-position: right;}
.whoweare-main-title h1 span { -webkit-text-fill-color: transparent; background: linear-gradient(90deg,#70C3B2 1.1%,#91D17B 149.32%); -webkit-background-clip: text; background-size: 100%;}
.whoweare-content { width: 100%; max-width: 809px; margin: 0 auto;}
/*========================================================= WHO WE ARE ENDS =============================================================*/

/*========================================================= TRUSTED BY STARTS =============================================================*/
.trustedby_section { padding: 108px 0 150px;}
.trustedby_title.intro_bold h1 span { -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(45deg,#69c0bc,#93d277 80%); -webkit-background-clip: text; background-size: 100%;}
.trustedby_inner { width: 100%; max-width: 100%; margin: 0 auto;}
.trustedby_partners_inner { gap: 56px 107px; justify-content: center;}
.partner_logo { width: 101px !important;}
/*========================================================= TRUSTED BY ENDS =============================================================*/

/*========================================================= CARDS SECTION STARTS =============================================================*/
section.cards { padding: 120px 0 56px;}
.card_outer_box { width: 100%; max-width: 655px;}
.cards_top_row { justify-content: center; gap: 60px;}
.card_image {border-radius: 20px; overflow: hidden;}
/*========================================================= CARDS SECTION ENDS ===============================================================*/

/*========================================================= LOANS TRADING SECTION STARTS ===============================================================*/
.loans-trading-inner { width: 100%; max-width: 1370px; margin: 0 auto;}
.loans-trading-hero-image { border-radius: 21px; overflow: hidden;}
section.loans-trading { padding: 56px 0 88px;}
.loans-trading-main-title { padding: 57px 0 0;}
.loans-trading-main-title h1 span { -webkit-text-fill-color: transparent;     background: linear-gradient(90deg,#70C3B2 0%,#91D17B 100%); -webkit-background-clip: text; background-size: 100%;}
.loans-trading-content { width: 100%; max-width: 810px; margin: 0 auto;}
/*========================================================= LOANS TRADING SECTION ENDS =================================================================*/

/*========================================================= COUNTER SECTION STARTS ===============================================================*/
section.why-octaura { padding: 88px 0 75px;}
.why-octaura .section-title h1 span {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg,#70C3B2 0%,#91D17B 100%);
  -webkit-background-clip: text;
  background-size: 100%;
}
.why-octaura-inner { width: 100%; max-width: 1370px; margin: 0 auto; }
.three-col { padding: 47px 0 0;}
.achievements { width: 33.33%; padding: 50px 0;}
.counter-achievemnts { gap: 30px 0;}
span.sign_in_counter { font-size: 40px; line-height: 1.5; font-family: Intro-Regular, sans-serif; font-weight: 900;}
.achievements:last-child span.sign_in_counter { font-size: 64px; line-height: 66px;}
.achievements:not(:nth-child(3n)) { border-right: 1px solid rgb(255 255 255 / 20%);}
.achievements:nth-child(1)::before {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='194' viewBox='0 0 138 194' fill='none'%3E%3Cpath opacity='0.2' d='M1 194L1.00001 21C1.00001 9.95431 9.95431 1 21 1L138 1.00001' stroke='white'/%3E%3C/svg%3E");
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.achievements:nth-child(4)::before {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='194' viewBox='0 0 138 194' fill='none'%3E%3Cpath opacity='0.2' d='M1 0L1.00001 173C1.00001 184.046 9.95431 193 21 193L138 193' stroke='white'/%3E%3C/svg%3E");
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.achievements:nth-child(3)::after {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='194' viewBox='0 0 138 194' fill='none'%3E%3Cpath opacity='0.2' d='M137 194L137 21C137 9.95431 128.046 1 117 1L7.89537e-06 1.00001' stroke='white'/%3E%3C/svg%3E");
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 122px;
  height: 100%;
  z-index: -1;
}

.achievements:nth-child(6)::after {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='194' viewBox='0 0 138 194' fill='none'%3E%3Cpath opacity='0.2' d='M137 0L137 173C137 184.046 128.046 193 117 193L7.89537e-06 193' stroke='white'/%3E%3C/svg%3E");
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 122px;
  height: 100%;
  z-index: -1;
}
/*========================================================= COUNTER SECTION ENDS =================================================================*/

.relatedBlogsList.landingpage .newsViewsBlogHeadAndTextContent p { color: rgb(255 255 255 / 70%);}

/*========================================================= LANDING PAGE ENDS =============================================================*/

/*========================================================= BLOG LISTING STARTS ===========================================================*/
.octaura-blog-listing {padding: 136px 0 125px;}
.octaura-blog-tabbing-outer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Images/Blog%20Page/Mask%20group.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.octaura-blog-listing-top-content {
  padding: 0 0 52px;
}
.octaura-blog-listing-title h1 span {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg,#70C3B2 0%,#91D17B 100%);
    background-size: auto;
    background-clip: border-box;
  background-size: auto;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-size: 100%;
}
.blog-filter-tag a { padding: 6px 13px 4px 16px; }
.blog-filter-tag-overlay { border: 1px solid #41afff; border-radius: 100px; opacity: 0; visibility: hidden; border-radius: 100px; padding: 0; width: 100%; left: 0; height: 100%; transition: all ease 0.3s;}
.blog-filter-tag.activetag  .blog-filter-tag-overlay{ opacity:1; visibility: visible;}
.blog-filter-tag.activetag a span,.blog-filter-tag.activetag a { color: #48B2F5;}
.octaura-blog-tabbing-inner { padding: 20px 0;}
.octaura-blog-tag a { padding-right: 10px;}
.octaura-blog-tags-list-inner { gap: 9px;}
.octaura-blog-list-outer { padding: 90px 0 107px;}
.octaura-blog-list-inner { flex-wrap: wrap; gap: 82px 90px;}
.blog-card-outer { width: 100%; max-width: 490px;}
.blog-featured-image { border-radius: 5px; overflow: hidden; width: 100%; max-width:490px; height:100%; min-height:326px;}
.blog-featured-image a img { object-fit: cover;}
.blog-pagination.pageWrap ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; gap: 10px; justify-content: center;}
.blog-pagination.pageWrap ul li.disabled.arrow { pointer-events: none; opacity: 0;}
.blog-pagination.pageWrap ul li { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;}
a.blog-pagination__link.blog-pagination__number-link { width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .5s ease; font-size: 18px; line-height:1.5; font-weight: 500; color: #ffffff;}
li.active a.blog-pagination__link.blog-pagination__number-link { background-color: #dcf000; color: #011e24;}
.blog-search-inner form { width: 100%;}
.blog-search-inner form input.hs-search-field__input { width: 100%; background-color: #132f34; padding: 11px 19px 12px; min-width:490px; max-width: 490px; outline: none; border: none; color: #fff; border-radius: 5px; font-size: 18px; line-height: 1.5; font-family: 'Roboto', sans-serif;}
.blog-search-inner form input::placeholder { color: #fff; font-weight: 400; opacity: 1;}
.blog-search-inner form .hs-search-field__button { background: transparent; border: none; position: absolute; right: 2%; top: 25%;}
.blog-search-inner form .hs-search-field__button svg { width: 21px; height:21px; fill:#dcf000;} 
.arrow svg { display: block;}



.newPopupBoxSecSearch {
  background: rgba(0,0,0,.6);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999
}

.newPopupBoxTable {
  display: table;
  height: 100vh;
  width: 100%
}

.newPopupBoxTableCell {
  display: table-cell;
  padding: 80px 0;
  vertical-align: middle
}

.popupBoxSearchBox {
  background: #fff;
  margin: 0 auto;
  max-width: 800px;
  position: relative
}

.popupBoxSearchBox .postitemBox {
  display: block;
  width: 100%
}

.popupBoxSearchBox .equalHeight,.popupBoxSearchBox .postItemTitle {
  height: auto!important
}

.popupBoxSearchBox .hoverPostBox,.popupBoxSearchBox .postBg {
  display: none
}

.popupBoxSearchBox .postitemBox+.postitemBox {
  margin-top: 25px
}

.hiddenBody {
  overflow: hidden
}

.pBoxSechB {
  max-height: calc(100vh - 160px);
  overflow: auto;
  padding: 50px
}

a.searchPopClose {
  position: absolute;
  right: 25px;
  top: 15px;
  z-index: 1
}

a.searchPopClose svg {
  display: block;
  height: auto;
  width: 20px
}

/*========================================================= BLOG LISTING ENDS =============================================================*/

/*========================================================= BLOG POST STARTS =============================================================*/
.featuredBlogInnerContentSection { overflow:hidden;}
.featuredBlogTopContent {padding: 99px 0 91px;}
.blogMainHedaing { padding: 12px 0 0; max-width: 1090px; margin: 0 auto;}
.featuredBlogImage { max-width: 700px; border-radius: 20px; overflow: hidden; margin: 57px auto 0; position: relative;}
.featuredBlogImage-Inner { margin:0 auto; border-radius: 20px;}
.blogDate { color: #73a1aa;}
.featuredBlogBody{ width: 100%; margin: 0 auto; max-width: 810px; margin: 0 auto; padding: 102px 0 92px;}
.featuredBlogBody h1,.featuredBlogBody h2,.featuredBlogBody h3,.featuredBlogBody h4,.featuredBlogBody h5,.featuredBlogBody h6 { color: #004152; text-transform: uppercase; font-family: Intro,sans-serif; font-weight:700;}
.featuredBlogBody video { object-fit: cover; border-radius:20px; }
.featuredBlogBody p { margin-top: 20px; color: #596669; font-family: Roboto,sans-serif; font-size:18px; line-height:1.5;}
.featuredBlogBody p + * { margin-top: 20px;}
.featuredBlogBody ul li { font-size: 16px; font-weight: 700; line-height: 1.5; font-family: Roboto,sans-serif; color: #004152; list-style-image: url('https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Images/Blog%20Page/Rectangle%203.svg');}
a.download-cta-btn { position: relative; font-size: 14px; margin: 50px auto; font-family: Intro,sans-serif; letter-spacing: 2px; cursor: pointer; text-align:center; color: #004152; text-transform: uppercase; padding: 15px 0 9px; width:100%; max-width: 430px; display: block; background: linear-gradient(90deg, #DCF000 7.58%, #41AFFF 149.49%); border-radius: 5px; font-weight: 400;}
a.download-cta-btn::before { content:''; position: absolute; width:25px; height: 18px; top: 50%; left: 15%; transform: translate(-15%, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='18' viewBox='0 0 25 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1709 3.12931C15.3504 3.05372 15.5358 2.98848 15.7271 2.93464C16.1498 2.81452 16.5883 2.75032 17.0329 2.75032C18.3975 2.75032 19.6344 3.32502 20.5285 4.25489C21.4236 5.18475 21.9758 6.46774 21.9758 7.88629C21.9758 8.15448 21.9539 8.42786 21.911 8.70432L21.909 8.71674C22.6925 9.00046 23.3793 9.49957 23.9065 10.1436C24.5873 10.9772 25 12.0541 25 13.2242C25 14.5382 24.4837 15.7321 23.6504 16.5979C22.8171 17.4637 21.6688 18 20.4038 18H4.59618C3.33129 18 2.18203 17.4636 1.34963 16.5979C0.51634 15.7323 0 14.5394 0 13.2242C0 12.052 0.413659 10.9741 1.09545 10.1405C1.61177 9.50985 2.28159 9.02005 3.04412 8.73323C3.00824 8.58723 2.97634 8.44018 2.94943 8.289C2.87168 7.86237 2.83181 7.42851 2.83181 6.99258C2.83181 5.06138 3.58536 3.31346 4.80342 2.04821C6.02149 0.782956 7.70396 0 9.56289 0C10.8358 0 12.0299 0.370695 13.0496 1.01477C13.8998 1.55115 14.6254 2.27496 15.1727 3.13028L15.1709 3.12931ZM8.68192 11.7973C8.39286 11.5043 8.38689 11.0238 8.66697 10.7246C8.94807 10.4243 9.41156 10.4181 9.69963 10.709L11.3991 12.4321V6.66541C11.3991 6.24502 11.7271 5.90433 12.1317 5.90433C12.5364 5.90433 12.8644 6.24502 12.8644 6.66541V12.4321L14.5649 10.709C14.8539 10.417 15.3164 10.4232 15.5975 10.7246C15.8786 11.0248 15.8726 11.5043 15.5826 11.7973C14.6037 12.7893 13.607 13.7761 12.6412 14.7795C12.3591 15.0653 11.9066 15.0664 11.6225 14.7795L8.68113 11.7973H8.68192Z' fill='%23004152'%3E%3C/path%3E%3C/svg%3E"); }
a.download-cta-btn:hover { background: linear-gradient(260deg,#dcf000 7.58%,#41afff 149.49%);}
.blog-post-header-inner::after { content: ''; position: absolute; width: 100%; height: 247px; background: linear-gradient(180deg, #011E24 22.67%, rgba(1, 30, 36, 0) 76.11%); top: 16.5%; left: 100px; /* border: 1px solid; */}
.featuredBlogTopContentInner { position: relative;}
.blog-post-header-inner:before {background-image: url(https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Images/Blog%20Page/Group%2071%20Banner%20Background.png);background-repeat: no-repeat;content: "";height: 100%;left: 239px;position: absolute;top: 22%;width: 100%;z-index: -1;}
.blog-post-header-content {z-index:10;}
blockquote { text-transform: none;}
.blog-inner-video img { width: 100% !important; object-fit: cover;}
.blog-inner-video {width: 100%; height: 540px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.video-play-btn { width: 98px; height: 98px; background-color: #dcf000; border-radius: 5px; display: flex; justify-content: center; align-items: center; position: absolute; transition: all ease 0.3s;}
.video-play-btn svg { display: block;}
.play-btn { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -28%);}
.blog-inner-video:hover .video-play-btn {background: linear-gradient(175deg, #41AFFF 1.1%, #DCF000 149.32%), #DCF000;transform: rotate(45deg);}
.blog-inner-video:hover .play-btn svg path {fill: #fff;}
.blog-inner-video:hover .video-play-btn span{ transform: rotate(90deg) }
blockquote { border-left: 4px solid #41afff; padding-left: 41px; margin: 0; font-size: 32px; line-height: 1.25; color: #004152; font-weight: 400; font-family: Intro-Regular,sans-serif;}
.featuredBlogBody ul, .featuredBlogBody ul + p { padding-left: 60px; font-size: 16px; line-height: 1.5;}
p.video-title { font-size: 16px; line-height: 1.5; font-style: italic;}
.blog-post-header-inner { overflow: hidden; }

.blog_post_without_image .featuredBlogTopContent { position: relative; overflow: hidden !important; padding: 108px 0 149px;}
.blog_post_without_image .featuredBlogTopContent::before {
  background-image: url(https://23474493.fs1.hubspotusercontent-na1.net/hubfs/23474493/Octaura%20Assets/Images/Blog%20Page/Group%2071%20Banner%20Background.png);
  background-repeat: no-repeat;
  content: "";
  height: -webkit-fill-available;
  left: 235px;
  position: absolute;
  top: -12%;
  width: 100%;
  z-index: -1;
}

/* .blog_post_without_image .blog-post-header-inner:before,.blog_post_without_image .blog-post-header-inner:after { display: none;} */

.blog_post_without_image .blog-post-header-inner:before, .blog_post_without_image .blog-post-header-inner:after {
    top: -230px;
    height: 590px;
}

/*========================================================= BLOG POST ENDS ===============================================================*/

/*========================================================= BLOG POST WITHOUT IMAGE STARTS ===============================================================*/
.postwithoutImage .featuredBlogTopContent {padding: 0; overflow: hidden;}
.postwithoutImage .blog-post-header { padding: 135px 0 149px;}
.postwithoutImage .blog-post-header-inner:before { top:0;}
.postwithoutImage .blog-post-header-inner:after { display: none;}
/*========================================================= BLOG POST WITHOUT IMAGE ENDS =================================================================*/

/*========================================================= RELATED BLOG POST STARTS ===============================================================*/
.relatedBlogs { padding: 33px 0 0; gap: 30px;}
.relatedBlogs .newsViewsBlog { width: 100%; max-width: 490px;}
.newsViewsBlogTextContent { padding: 14px 0 0;}
.newsViewsBlogHeadAndTextContent { padding: 14px 0 0;}
.relatedBlogsList { padding: 88px 0 82px;}
/*========================================================= RELATED BLOG POST ENDS =================================================================*/


/*========================================================= FOOTER STARTS ===========================================================*/
.footer-title h5 { color: #ffffff; text-transform: uppercase;}
.footer-navigation-row { width: calc(52.5% - 170px);}
.newsletter-title h5 { color: #ffffff; text-transform: uppercase;}
li.footer-menu-item a { color: #3C94AB;}
.footer-menu-item > a:hover { color: #dcf000;}
.footer-newsletter-outer { width: 100%; max-width: 533px; display: none;}
.footer-navigation-inner { gap: 50px;}
.octaura-newsletter-form form {width: 100%;display: flex;gap: 10px; position: relative;}
.octaura-newsletter-form form .hs-email {width: 100%; }
.octaura-newsletter-form form .hs-email label { display: none;}
.octaura-newsletter-form form .hs-email input { padding: 14px 20px; width: 100%; outline: none; border: 2px solid #344b50; border-radius: 5px; font-size: 16px; line-height:1.5; font-family: Roboto,sans-serif; color: #ffffff;  background-color: #011e24;}
.octaura-newsletter-form form .hs-email input::placeholder { color: #ffffff; font-size: 16px; }
.octaura-newsletter-form form .hs-submit input { cursor: pointer; padding: 18px 20px; color: #dcf000; font-family: Intro,sans-serif; text-transform: uppercase; font-size: 14px; background-color: #011e24; border: 1px solid #ffffff; border-radius: 5px; }
.newsletter-privacy-consent a { display: inline;}
.newsletter-privacy-consent { color: #3C94AB;}
.newsletter-privacy-consent a{color: #3C94AB;text-decoration: underline;}
.footer-socialconnect-title h6 { color: #ffffff;}
.footer-bottom-strip-socialconnect { gap: 10px;}
.social-icon svg { width: 24px; height: 24px; display: block;}
.social-icon { display: flex; justify-content: center;  border-radius: 50%; align-items: center;}
.footer-bottom-strip-right { color: #3C94AB;}
.footer-privacy-policy a { color: #3c94ab; opacity: 0.8;}
.footer-copyright p {
  opacity: 0.8;
}
.footer-bottom-row { padding: 15px 0 16px;}
.footer-top-row { padding: 55px 0; border-top: 1px solid #344b50; border-bottom: 1px solid #344b50;}
.footer_contact a { color: #dcf000;}
.footer-menu-list-inner .footer-menu-item:not(:last-child) { padding-bottom: 10px;}
.newletter-form-outer {padding: 23px 0 0;}
.octaura-newsletter-privacy-policy { padding: 50px 0 0;}
.hs_error_rollup { position: absolute; bottom: -75%;}
.hs_error_rollup .hs-error-msgs label { color: red; font-size: 14px;}

.navItem.hasMegamenu > a:after {
  left: -21px;
}

.achievement2 .achievement-off-equal-para .h5.roboto_regular {
  left: -16px;
  position: relative;
}
.achievement-numbers .counter {
  font-family: 'Intro-caps';
  font-weight: normal;
}

.footer-logo img{
  width: 140px;
  height: auto;
}

.header__logo.header_site_logo .phone-no {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2px;
  color: #DCF000;
}
.hs-landing-page .content-wrapper {
    max-width: 1370px;
}

/*========================================================= FOOTER ENDS =============================================================*/


/*====================================================================================================== MEDIA QUERIES ===========================================================================================*/

@media(max-width: 1830px) { 
  .blog-post-header-inner:before { top:17%; left:193px;}
}

@media(max-width: 1680px) { 
  .blog-post-header-inner:before { left: 130px;}
  .blog_post_without_image .featuredBlogTopContent:before { display: none;}
}

@media(max-width: 1600px) { 
  .content-wrapper { width:100%; max-width: 1400px; margin: 0 auto; padding: 0 15px;} 
  h1,.h1,.achievements:last-child span.sign_in_counter { font-size:60px; line-height:1.2;}
  h2,.h2 { font-size:52px;}
  h3,.h3,blockquote { font-size:28px;}
  h4,.h4 { font-size:26px;}

  .trustedby_partners_inner { gap: 56px 96px;}

  .blog-card-outer { max-width: 390px; width: 100%;}
  .octaura-blog-listing:before { top: 10.9%;}
  .postwithoutImage .blog-post-header-inner:before { left:5%;}
  .blog-featured-image { min-height: 100%;}
  .blog-post-header-inner:before { left: 80px;}

}

@media(max-width: 1530px) { 

}


@media(max-width: 1440px) { 
  .content-wrapper { max-width: 1280px; }
  h1,.h1,.achievements:last-child span.sign_in_counter { font-size:56px;}
  h2,.h2 { font-size:48px;}
  h3,.h3,blockquote { font-size:26px;}
  h4,.h4 { font-size:24px;}

  .two_col_outer { gap:30px;}
  .two_col_video_outer video { height: auto;}
  .two_col_left { max-width: 560px;}

  .trustedby_inner { max-width: 100%;}
  .trustedby_partners_inner { gap: 56px 77px;}

  span.sign_in_counter { font-size: 30px;}

  .octaura-blog-listing { padding: 70px 0;}
  .octaura-blog-list-outer { padding: 30px 0;}

  .octaura-blog-listing:before { top: 9.5%;}
  .blog-card-outer { max-width: 350px; width: 100%;}
  .postwithoutImage .blog-post-header-inner:before {left: -4%;}

  .footer-navigation-inner { gap: 20px;}
  .footer-navigation-row { width: calc(53% - 170px);}
  
  
}

@media(max-width:1280px){
  .content-wrapper { max-width: 1024px; }
  h1,.h1,.achievements:last-child span.sign_in_counter { font-size:52px;}
  h2,.h2 { font-size:40px;}
  h3,.h3,blockquote { font-size:22px;}
  h4,.h4 { font-size:20px;}
  section:not(.who-we-are) { padding:100px 0 !important;}
  .who-we-are-inner { padding:100px 10px !important;}

  .two_col_left { max-width: 510px;}

  .trustedby_partners_inner { gap: 56px 46px;}

  .blog_post_without_image .featuredBlogTopContent { padding:70px 0;}
  .blog-card-outer { max-width: 430px; width: 100%;}
  .blog-post-header-inner:before { left: 0;}

  .footer-top-inner { flex-wrap: wrap; flex-direction: column; gap: 30px;}
  .footer-navigation-row { width: 100%;}


}

@media(max-width:1220px){

  .mainHeaderLogo { max-width: 100px; }
  .footer-logo {max-width: 100px;}
  .header__logo.header_site_logo { gap: 15px;}

  .cards_top_row { gap: 40px;}

  @media(max-width: 1199px) { 
    .navItem.hasMegamenu > a:after {
      left: 0px;
    }
    h4,.h4 { font-size:20px;}

    .content-wrapper { max-width: 1230px; }
    header { width:100%; max-width:100%; position: relative; padding: 20px 0; }
    header.nav-menu-open { background-color: #ffffff; }
    a.expandMenu { cursor: pointer; height: 25px; margin: 0 3px 0 auto; padding: 3px; z-index: 100; display: block;} 
    .expandMenu,.expandMenu i { display: block; position: relative; width: 41px;}
    .expandMenu i { background: #dcf000; height: 3px; left: 0; margin: 7px 0; opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease}
    .expandMenu i:first-child { left: 4.8px; margin-top: 0; width: 36px;}
    .expandMenu.active i:first-child { left: 9.8px; margin-top: 0; width: 30px;}
    .expandMenu i:nth-child(3) { left: 11px; width: 30px; }
    .expandMenu.active i:first-child { position: relative; top: 11px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    .expandMenu.active i:nth-child(2) { left: -46px; opacity: 0; position: relative;}
    .expandMenu.active i:last-child { position: relative; top: -9px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
    .Navigation_row.menu-open { left: 0; overflow-x: hidden;}
    .Navigation_row { padding: 30px 0; background-color: #ffffff; display: block; height: 90vh; left: -100%; position: absolute; text-align: left; top: 100%; transition: all .3s ease; width: 100%; z-index: 100;}
    ul.listParentOfNav {flex-direction: column; gap: 25px;}
    ul.listParentOfNav li a { padding: 0 20px;}
    ul.rightSideTwoButtons { flex-direction: column; align-items: flex-start;}
    .Navigation_row.menu-open ul.listParentOfNav li a { color: #011e24; display: inline-block;}
    .Navigation_Inner ul li.active-branch>a, .navItem>a:hover:after { width: 52%;}
    .navItem>a:after { margin: 0 20px;}
    .Navigation_Right { padding: 20px;}
    li.signInIcon a { color: #011e24; }
    .nav-menu-open .header_left { position: relative; z-index: 5;}
    .nav-menu-open .mainHeaderLogo a img { filter: invert(1);}
    .nav-menu-open .header_contact a { color: #011e24;}
    .nav-menu-open .expandMenu i {background: #011e24;}
    ul.listParentOfNav li:hover span.navArrow svg { transform: rotate(0deg);}
    li.navItem.activemegaMenu .navArrow svg { transform: rotate(180deg) !important;}
    .Navigation_Inner ul li.active-branch>a, .navItem>a:hover:after { width: 0;}
    .Navigation_Inner ul li.navItem.activemegaMenu a::after { width: 52% !important;}
    .megaMenu { opacity: 1; visibility: visible; margin: 0 auto; width: 100%; max-width: 95%; min-width: unset; position: static; margin-left: 20px;}
    .Navigation_row_inner { flex-wrap: wrap; flex-direction: column; align-items: flex-start;}


    .octaura-blog-tabbing-inner { padding: 20px 0; flex-wrap: wrap; gap: 30px; align-items: center;}
    .blog-card-outer { max-width: 330px; width: 100%;}
    .octaura-blog-listing:before { display: none;}
    .octaura-blog-listing-top-content { padding: 0;}
    .octaura-blog-tabbing-outer:before {display:none;}



  }

  @media(max-width:1080px){
    .two_col_left { max-width: 690px;}

    .whoweare-content { max-width: 724px;}

    .form-outer form { padding: 30px;}     

    .blog-card-outer { max-width: 430px; width: 100%;}
    .blog-post-header-inner:before { left: -60px;}
  }

  @media(max-width:991px){
    h1,.h1,.achievements:last-child span.sign_in_counter { font-size:34px; line-height:1.2;}
    h2,.h2 { font-size:30px;}
    h3,.h3,blockquote { font-size:18px;}
    h4,.h4,h5,.h5 {font-size: 16px;}
    h6,.h6 { font-size:14px;}
    .full-wrapper,.content-wrapper,.wrappersmall { width:100%; margin: 0 auto!important; max-width: 100%; padding: 0 20px;}
    header.header-without-menu { padding: 20px 0;}
    section:not(.who-we-are) { padding:70px 0 !important;}
    .who-we-are-inner { padding:70px 10px !important; background-image: none;}

    .megaMenu { position: static; width: 100%; min-width: unset; margin: 0 auto; max-width: 90%; margin-left:20px;}
    .navItem.megamenu_twocol .allMegaMenuContentWrap .navBarInnerItemContent { width: 100%; flex-direction: column; padding: 10px;}
    .navItem.hasMegamenu:not(.megamenu_twocol) .megaMenu { margin: 0 auto 0 20px; max-width: 90%; left: -14%; min-width: unset;}

    .banner-form-two-col { flex-wrap: wrap; justify-content: center; }
    .feature-box-top-row { justify-content: center;}
    .features-list-inner {gap: 25px;}
    .banner-title-top,.banner-form-title,.feature-bottom-row { text-align: center;}

    .two_col_outer { justify-content: center; flex-wrap: wrap; text-align: center;}
    .two_col_video_outer video { height: auto;}

    .form-outer form { padding: 15px; border-radius: 30px;}

    .trustedby_partners_inner { flex-wrap: nowrap; }
    .trustedby_partners_outer { padding: 40px 0 0;}

    .loans-trading-main-title { padding: 30px 0 0;}

    .octaura-blog-listing { padding: 30px 0;}
    .octaura-blog-list-outer { padding: 30px 0;}
    .octaura-blog-listing-title { text-align: center;}
    .octaura-blog-tabbing-inner { padding: 20px 0; flex-wrap: wrap; justify-content: center;}
    .octaura-blog-tags-list-inner { gap: 10px; flex-wrap: wrap; justify-content: center;}
    .octaura-blog-list-inner { gap: 30px; justify-content: center;}
    .blog-card-outer { max-width: 490px; width: 100%;}
    .postwithoutImage .blog-post-header-inner:before { background-size: 134%;}
    .blog-post-header-inner:before,.blog-post-header-inner:after { display: none;}

    .footer-top-inner { flex-wrap: wrap; gap: 30px; flex-direction: column;}
    .footer-navigation-inner { flex-wrap: wrap; gap: 30px;}
    .newletter-form-outer { padding: 15px 0 0;}
    .octaura-newsletter-form form .hs-email { max-width: 60%;}
    .octaura-newsletter-form form .hs-email input { padding: 10px; font-size: 12px;}
    .octaura-newsletter-form form .hs-email input::placeholder { font-size: 12px;}
    .octaura-newsletter-form form .hs-submit input { padding: 11px; font-size: 14px;}
    .footer-bottom-inner { flex-wrap: wrap; gap: 15px;}
    .footer-bottom-strip-right {flex-wrap: wrap; gap: 15px;}
  }

  @media(max-width:767px){
    section:not(.who-we-are) { padding:50px 0 !important;}
    .who-we-are-inner { padding:50px 10px !important;}

    .achievements:nth-child(3)::after,.achievements:nth-child(6)::after { width:92px;}
    .achievements {padding: 25px 0;}

    .footer-navigation-inner { gap: 45px; justify-content: center;}
    .blog-search-inner form input.hs-search-field__input { min-width:375px; font-size:16px;}

    .blog-post-header-inner:before,.blog-post-header-inner:after { display: none;}
    .postwithoutImage .blog-post-header { padding: 70px 0;}
    .download-cta-btn { min-width:50%; padding: 10px;}
    .featuredBlogBody>span>ul, .featuredBlogBody>span>ul+p { padding-left: 20px;}
    blockquote { padding-left: 20px;}
    .featuredBlogBody p { font-size:16px;}
    .blog-inner-video { height: auto;}

    .featuredBlogBody { padding: 50px 0;}
    .featuredBlogTopContent { padding: 50px 0;}
    .featuredBlogImage { margin: 30px 0 0;}

    .relatedBlogsHeading { text-align: center;}
    .relatedBlogsList { padding: 50px 0;}
    .relatedBlogs { flex-wrap: wrap; justify-content: center;}
    .relatedBlogs .newsViewsBlog { max-width: 68%;}

    .footer-top-left-col { text-align: center;}
    .footer-logo{ margin: 0 auto;}
    .footer-newsletter-outer {text-align: center; margin: 0 auto;}
    .octaura-newsletter-form form { justify-content: center;}
    .footer-bottom-inner { flex-direction: column; align-items: center;}

  }

  @media(max-width:640px){
    .h1, h1,.achievements:last-child span.sign_in_counter {font-size: 30px; line-height:1.2;}
    .h4, h4 { font-size: 16px;}

    .features-list-outer { padding: 25px 0 0;}
    .form-outer { padding:10px;}
    .form-outer form input { padding:10px;}
    .form-outer form label { font-size:14px;}
    .form-outer form .hs-form-field:not(:first-child) { padding: 12px 0 0;}

    .cards_top_row { flex-wrap: wrap;}  
    span.sign_in_counter { font-size: 24px;}

    .octaura-blog-list-inner {justify-content: center;}
    .card_outer_box { max-width: 85%;}

    .blog-pagination.pageWrap ul li, a.blog-pagination__link.blog-pagination__number-link { height: 30px; width: 30px;}
    a.blog-pagination__link.blog-pagination__number-link { font-size:14px;}
    .blog-filter-tag a { padding: 10px;}
    .blog-card-outer { max-width: 80%; width: 100%;}
    .relatedBlogs .newsViewsBlog { max-width: 47%;}
    .video-play-btn { width:60px; height:60px;}

    .octaura-newsletter-privacy-policy { padding: 30px 0 0;}
    section.relatedBlogsList.landingpage .relatedBlogs .newsViewsBlog { max-width: 80%;}

  }

  @media(max-width:575px){
    .header_contact { font-size: 14px;}

    .two_col_outer { gap:30px;}
    .partner_logo { width: 70px !important;}
    .achievements {width: 48.33%;}
    .achievements:not(:nth-child(3n)) { border-right: none;}
    .achievements { padding: 10px 0;}
    .counter-achievemnts { gap: 15px 0; justify-content: center; align-items: center;}
    .achievements:not(:nth-child(even)) { border-right: 1px solid rgb(255 255 255 / 20%);}
    .achievements:nth-child(3)::after,.achievements:nth-child(6)::after,.achievements:nth-child(1)::before,.achievements:nth-child(4)::before { display: none;}

    .play-btn,.video-play-btn { display: none !important;}
    .footer-top-row { padding: 30px 0;}
    .footer-navigation-inner { flex-direction: column; align-items: center; text-align: center;}

  }

  @media(max-width:480px){
    .font16 { font-size: 12px !important;}
    header.header-without-menu { padding: 20px 0;}

    .download-cta-btn { min-width:50%;}
    .relatedBlogs .newsViewsBlog { max-width: 100%;}
    .video-play-btn { height: 50px; width: 50px;}
    .play-btn svg { width: 12px;}

    .trustedby_partners_inner { gap: 20px;}

    .card_outer_box {max-width: 100%;} 

    .loans-trading-main-title { padding: 20px 0 0;}

    .blog-card-outer { max-width: 100%; width: 100%;}
    .footer-bottom-inner, .footer-bottom-strip-right { justify-content: center; text-align: center;}

  }

  @media(max-width:420px){
    .blog-search-inner form input.hs-search-field__input { min-width: 280px;}
    a.download-cta-btn:before { left:10%;}  
  }

  @media(max-width:375px){
    .h2, h2 { font-size: 24px;}
    .postwithoutImage .blog-post-header-inner:before { display: none;}
    a.download-cta-btn:before { left:5%;} 
    a.download-cta-btn {font-size: 12px;}
  }