/*!
 * chota.css v0.9.2 | MIT License | https://github.com/jenil/chota
 */
 :root {
	--bg-color:#fff;
	--red-color:#ff0000;
	--purple-color:#7a00ff;
	--pink-color:#ff00c8;
	--blue-color:#002bff;
	--bg-secondary-color:#f3f3f6;
	--color-primary:#fff;
	--color-lightGrey:#d2d6dd;
	--color-grey:#747681;
	--color-darkGrey:#3f4144;
	--color-error:#d43939;
	--color-success:#28bd14;
	--grid-maxWidth:120rem;
	--grid-gutter:2rem;
	--font-size:1.6rem;
	--font-color:#333;
	--font-family-sans: "Montserrat", sans-serif;
	--font-family-mono: monaco,"Consolas","Lucida Console",monospace;
	/* menu setup */
	--color-white-100: #fff;
	 --color-white-200: #f2f2f2;
	 --color-white-300: #d9d9d9;
	 --color-white-400: #bfbfbf;
	 --color-white-500: #a6a6a6;
	 --color-white-600: #8c8c8c;
	 --color-black-100: #191f24;
	 --color-black-200: #151a1e;
	 --color-black-300: #111418;
	 --color-black-400: #0d0f12;
	 --color-black-500: #090a0c;
	 --color-black-600: #040506;
	 --color-blue-100: #3792fb;
	 --color-blue-200: #2081f8;
	 --color-blue-300: #0b64f4;
	 --color-blue-400: #1450d2;
	 --color-blue-500: #1842b4;
	 --color-blue-600: #1a3799;
	 --text-tiny: clamp(0.84rem, calc(0.12vw + 0.8rem), 0.89rem);
	 --text-small: clamp(0.93rem, calc(0.13vw + 0.91rem), 1rem);
	 --text-base: clamp(1.05rem, calc(0.15vw + 1.01rem), 1.12rem);
	 --text-medium: clamp(1.18rem, calc(0.17vw + 1.14rem), 1.26rem);
	 --text-large: clamp(1.32rem, calc(0.19vw + 1.28rem), 1.41rem);
	 --text-extraLarge: clamp(1.62rem, calc(0.21vw + 1.5rem), 1.7rem);
	 --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	 --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	 --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }

.tag,.text-uppercase,legend{text-transform:uppercase}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;line-height:1.15}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{background-color:var(--bg-color);font-family:sans-serif;font-family:var(--font-family-sans);font-size:var(--font-size);line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;margin:.35em 0 .7em}h1{font-size:3em}.nav .brand,h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.85em}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit}p{margin-top:0}blockquote{background-color:var(--bg-secondary-color);border-left:3px solid var(--color-lightGrey);padding:1.5rem 2rem}dl dt{font-weight:700}hr{background-color:var(--color-lightGrey);height:1px;margin:1rem 0}hr,table{border:none}table{border-collapse:collapse;border-spacing:0;text-align:left;width:100%}code,kbd,pre,table.striped tr:nth-of-type(2n){background-color:var(--bg-secondary-color)}td,th{padding:1.2rem .4rem;vertical-align:middle}thead{border-bottom:2px solid var(--color-lightGrey)}tfoot{border-top:2px solid var(--color-lightGrey)}code,kbd,pre,samp,tt{font-family:var(--font-family-mono)}code,kbd{border-radius:4px;color:var(--color-error);font-size:90%;padding:.2em .4em;white-space:pre-wrap}.button.icon-only,pre{padding:1rem}pre{font-size:1em;overflow-x:auto}pre code{background:0 0;padding:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.nav .brand,.nav a,.tabs a{text-decoration:none}img{max-width:100%}fieldset{border:1px solid var(--color-lightGrey);padding:.5rem 2rem}iframe{border:0}.container{margin:0 auto;max-width:var(--grid-maxWidth);padding:0 calc(var(--grid-gutter)/2);width:96%}.row{-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:flex-start;margin-left:calc(var(--grid-gutter)/-2);margin-right:calc(var(--grid-gutter)/-2)}.row,.row.reverse{-webkit-box-orient:horizontal}.row.reverse{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col,.nav-center,.nav-left,.nav-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.col,[class*=" col-"],[class^=col-]{margin:0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2)}.col-1{-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{-webkit-box-flex:0}.col-2{-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3{-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4{-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5{-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6{-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7{-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8{-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9{-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10{-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11{-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12{-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}@media screen and (min-width:900px){.col-1-md{-webkit-box-flex:0;-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-md{-webkit-box-flex:0;-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-md{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-md{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-md{-webkit-box-flex:0;-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-md{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-md{-webkit-box-flex:0;-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-md{-webkit-box-flex:0;-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-md{-webkit-box-flex:0;-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-md{-webkit-box-flex:0;-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-md{-webkit-box-flex:0;-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-md{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}}legend{font-size:.8em;letter-spacing:.1rem}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),select,textarea,textarea[type=text]{border:1px solid var(--color-lightGrey);border-radius:4px;display:block;font-family:inherit;font-size:1em;padding:.8rem 1rem;-webkit-transition:.2s;transition:.2s;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>") 100%/1ex no-repeat content-box border-box #f3f3f6}.button,[type=button],[type=reset],[type=submit],button{background:var(--color-lightGrey);border:1px solid transparent;border-radius:4px;color:var(--color-darkGrey);cursor:pointer;display:inline-block;font-size:var(--font-size);line-height:1;padding:1rem 2.5rem;text-align:center;text-decoration:none;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .2s;transition:opacity .2s}.button.dark,.button.error,.button.primary,.button.secondary,.button.success,[type=submit]{background-color:#000;background-color:var(--color-primary);color:#fff;z-index:1}.button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{opacity:.8}button:disabled,button:disabled:hover,input:disabled,input:disabled:hover{cursor:not-allowed;opacity:.4}.grouped,.nav-center,.nav-left,.nav-right,.nav>.container,.tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.grouped>:not(:last-child){margin-right:16px}.grouped.gapless>*{border-radius:0!important;margin:0 0 0 -1px!important}.grouped.gapless>:first-child{border-radius:4px 0 0 4px!important;margin:0!important}.grouped.gapless>:last-child{border-radius:0 4px 4px 0!important}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset],:disabled):hover,select:hover,textarea:hover,textarea[type=text]:hover{border-color:var(--color-grey)}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]):focus,select:focus,textarea:focus,textarea[type=text]:focus{border-color:var(--color-primary);-webkit-box-shadow:0 0 1px var(--color-primary);box-shadow:0 0 1px var(--color-primary);outline:0}input.error:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),textarea.error{border-color:var(--color-error)}input.success:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),textarea.success{border-color:var(--color-success)}[type=checkbox],[type=radio]{height:1.6rem;width:2rem}.button+.button,.tag+.tag{margin-left:1rem}.button.secondary{background-color:var(--color-grey)}.button.dark{background-color:var(--color-darkGrey)}.button.error{background-color:var(--color-error)}.button.success{background-color:var(--color-success)}.button.outline{background-color:transparent;border-color:var(--color-lightGrey)}.button.outline.primary{border-color:var(--color-primary);color:var(--color-primary)}.button.outline.secondary{border-color:var(--color-grey);color:var(--color-grey)}.button.outline.dark{border-color:var(--color-darkGrey);color:var(--color-darkGrey)}.button.clear{background-color:transparent;border-color:transparent;color:var(--color-primary)}.button.icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.is-left,.is-right,.is-vertical-align,.nav,.nav .brand,.nav a{display:-webkit-box;display:-ms-flexbox}.button.icon>img{margin-left:2px}.button:active:not(:disabled),[type=button]:active:not(:disabled),[type=reset]:active:not(:disabled),[type=submit]:active:not(:disabled),button:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}::-webkit-input-placeholder{color:#bdbfc4}::-moz-placeholder{color:#bdbfc4}:-ms-input-placeholder{color:#bdbfc4}::-ms-input-placeholder{color:#bdbfc4}::placeholder{color:#bdbfc4}.nav{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:flex;min-height:5rem}.nav img{max-height:3rem}.is-left,.nav-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.is-right,.nav-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:480px){.nav,.nav>.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-center,.nav-left,.nav-right{-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}}.nav .brand,.nav a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-darkGrey);display:flex;padding:1rem 2rem}.nav .active:not(.button),.nav [aria-current=page]:not(.button){color:#000;color:var(--color-primary)}.nav .brand{padding-bottom:0;padding-top:0}.nav .brand img{padding-right:1rem}.nav .button{margin:auto 1rem}.card{background:var(--bg-color);border-radius:4px;-webkit-box-shadow:0 1px 3px var(--color-grey);box-shadow:0 1px 3px var(--color-grey);padding:1rem 2rem}.card p:last-child{margin:0}.card header>*{margin-bottom:1rem;margin-top:0}.tabs>.dropdown>summary,.tabs>a{-webkit-box-flex:0;border-bottom:2px solid var(--color-lightGrey);color:var(--color-darkGrey);-ms-flex:0 1 auto;flex:0 1 auto;padding:1rem 2rem;text-align:center}.tabs>a.active,.tabs>a:hover,.tabs>a[aria-current=page]{border-bottom:2px solid var(--color-darkGrey);opacity:1}.tabs>a.active,.tabs>a[aria-current=page]{border-color:var(--color-primary)}.tabs.is-full a{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tag{border:1px solid var(--color-lightGrey);color:var(--color-grey);display:inline-block;letter-spacing:.5px;line-height:1;padding:.5rem}.tag.is-small{font-size:.75em;padding:.4rem}.tag.is-large{font-size:1.125em;padding:.7rem}details.dropdown{display:inline-block;position:relative}details.dropdown>:last-child{left:0;position:absolute;white-space:nowrap}.bg-primary{background-color:var(--color-primary)!important}.bg-light{background-color:var(--color-lightGrey)!important}.bg-dark{background-color:var(--color-darkGrey)!important}.bg-grey{background-color:var(--color-grey)!important}.bg-error{background-color:var(--color-error)!important}.bg-success{background-color:var(--color-success)!important}.bd-primary{border:1px solid var(--color-primary)!important}.bd-light{border:1px solid var(--color-lightGrey)!important}.bd-dark{border:1px solid var(--color-darkGrey)!important}.bd-grey{border:1px solid var(--color-grey)!important}.bd-error{border:1px solid var(--color-error)!important}.bd-success{border:1px solid var(--color-success)!important}.text-primary{color:var(--color-primary)!important}.text-light{color:var(--color-lightGrey)!important}.text-dark{color:var(--color-darkGrey)!important}.text-grey{color:var(--color-grey)!important}.text-error{color:var(--color-error)!important}.text-success{color:var(--color-success)!important}.text-white{color:#fff!important}.pull-right{float:right!important}.pull-left{float:left!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.is-full-screen{min-height:100vh;width:100%}.is-full-width{width:100%!important}.is-left,.is-right,.is-vertical-align{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex}.is-center,.is-horizontal-align{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.is-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-fixed{position:fixed;width:100%}.is-paddingless{padding:0!important}.is-marginless{margin:0!important}.is-pointer{cursor:pointer!important}.is-rounded{border-radius:100%}.clearfix{clear:both;content:"";display:table}.is-hidden{display:none!important}@media screen and (max-width:599px){.container{width:100%}.col,[class*=col-],[class^=col-]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}.hide-xs{display:none!important}}@media screen and (min-width:600px) and (max-width:899px){.hide-sm{display:none!important}}@media screen and (min-width:900px) and (max-width:1199px){.hide-md{display:none!important}}@media screen and (min-width:1200px){.col-1-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}.hide-lg{display:none!important}}@media print{.hide-pr{display:none!important}}

header *,
header *::before,
header *::after {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
	margin-top: 30px;
	background: url('../assets/img/bg.jpg');
            background-attachment: fixed;
	background-size: cover;
	align-items: center;
	justify-content: center;
	
}

/* menu start: https://codepen.io/syahrizaldev/pen/WNmMmbK */

#header main,
#header section {
	overflow: hidden;
}

#header a,
#header button {
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
	border: none;
	outline: none;
	color: white;
	background: none;
}
#header h1,
#header h2,
#header h3,
#header h4,
#header h5 {
	line-height: 1.15;
	text-wrap: balance;
	word-wrap: break-word;
}
#header p {
	max-width: 50ch;
}
#header p,
#header li {
	text-wrap: pretty;
	line-height: inherit;
	word-wrap: break-word;
}
#header img,
#header svg,
#header picture,
#header video {
	font-style: italic;
	max-width: 42%;
	height: auto;
	object-fit: cover;
	shape-margin: 1rem;
	vertical-align: middle;
}
img,
svg {
	background-size: cover;
	background-repeat: no-repeat;
	image-rendering: crisp-edges;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
}
.section {
	margin-inline: auto;
	margin-block: 5rem 2rem;
}
.container {
	max-width: calc(100% - var(--grid-gutter));
	height: auto;
	margin-inline: auto;
	padding-inline: 1.5rem;
}
.center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.text-tiny {
	font-size: var(--text-tiny);
}
.text-small {
	font-size: var(--text-small);
}
.text-base {
	font-size: var(--text-base);
}
.text-medium {
	font-size: var(--text-medium);
}
.text-large {
	font-size: var(--text-large);
}
.font-normal {
	font-weight: 400;
}
.font-medium {
	font-weight: 500;
}
.font-semi {
	font-weight: 600;
}
.font-bold {
	font-weight: 700;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.btn {
	display: inline-flex;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.6;
	align-items: center;
	justify-content: center;
	vertical-align: baseline;
	column-gap: 0.25rem;
	white-space: nowrap;
	padding-block: 0.5rem;
	padding-inline: 1.5rem;
	border-radius: 0.25rem;
	transition: all 0.25s ease;
}
.btn-default {
	color: var(--color-black-500);
	background-color: var(--color-white-100);
	box-shadow: var(--shadow-medium);
}
.btn-darken {
	color: var(--color-white-100);
	background-color: var(--color-black-500);
	box-shadow: var(--shadow-medium);
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 76px;
	background-color: #17023a;
	box-shadow: var(--shadow-medium);
}
.brand {
	font-family: inherit;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--color-blue-300);
}
.navbar {
	width: 100%;
	height: 5.25rem;
	margin-inline: auto;
}

span.menuLogo {
	color: #ff09d6;;
}
.navbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	height: 100%;
}
.navbar-block {
	position: absolute;
	left: 0;
	width: 100%;
	/* height: calc(50vh - 4rem); */
	opacity: 0;
	overflow: auto;
	pointer-events: none;
	background: #141418;
	transition: opacity 0.4s ease;
}
.navbar-block.is-active {
	opacity: 1;
	pointer-events: initial;
	box-shadow: 0 5px 25px black;
}
.menu {
	padding-block: 1rem;
	padding-inline: auto;
}
.menu-link {
	font-size: var(--text-extraLarge);
	font-weight: 700;
	line-height: inherit;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: 0.5rem;
	padding-inline: 1.5rem;
	color: var(--color-black-500);
	transition: color 0.5s ease-in-out;
}

.menu-link:hover {
	color: #a506a3 !important;
}

.dropdown-toggle {
	cursor: pointer;
	outline: none;
	user-select: none;
}

.dropdown-toggle i.bx {
	font-size: 1.5rem;
	line-height: inherit;
	transition: rotate 0.4s ease;
}

.dropdown-content {
	height: 0;
	overflow: hidden;
	background-color: var(--color-white-100);
	transition: height 0.5s ease;
}

.dropdown-column,
.dropdown-group,
.dropdown-items {
	display: grid;
}

.dropdown-group {
	padding-bottom: 1rem;
	padding-inline: 1.5rem;
}

.dropdown-title {
	display: flex;
	column-gap: 1rem;
	align-items: center;
	padding-inline: 1rem;
}

.dropdown-icon i.bx {
	font-size: 1.5rem;
	line-height: 1.5;
	color: var(--color-blue-300);
}

.dropdown-items {
	row-gap: 0.5rem;
	padding-inline: 3.5rem;
	padding-top: 0.35rem;
}

.dropdown-link {
	font-size: var(--text-base);
	font-weight: 400;
	line-height: inherit;
	color: var(--color-black-500);
	transition: color 0.3s ease;
}

.dropdown-show > .dropdown-toggle i.bx {
	rotate: 180deg;
}

.dropdown-block {
	display: flex;
	align-items: flex-start;
	column-gap: 1rem;
	padding-top: 1rem;
	padding-inline: 1rem;
}

.burger {
	position: relative;
	display: block;
	cursor: pointer;
	user-select: none;
	width: 1.5rem;
	height: 1rem;
	border: none;
	outline: none;
	visibility: visible;
}

.burger-line {
	position: absolute;
	display: block;
	right: 0;
	width: 100%;
	height: 2.15px;
	opacity: 1;
	rotate: 0deg;
	border-radius: 0.15rem;
	background-color: white;
	transition: all 0.3s ease;
}

.burger-line:nth-child(1) {
	top: 0px;
}

.burger-line:nth-child(2) {
	top: 0.5rem;
	width: 70%;
}

.burger-line:nth-child(3) {
	top: 1rem;
}

.burger.is-active > .burger-line:nth-child(1) {
	top: 0.5rem;
	rotate: 135deg;
}

.burger.is-active > .burger-line:nth-child(2) {
	opacity: 0;
}

.burger.is-active > .burger-line:nth-child(3) {
	top: 0.5rem;
	rotate: -135deg;
}

/* menu end */

/* privacy policy page start */

.simpleText {
	padding: 0 20px;
}

.simpleText p, .simpleText li, .simpleText h2 {
	color: white;
}

.simpleText li::marker {
	color: rgb(255, 233, 138);
}

.simpleText ul { 
	display: block;
	list-style: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	padding-inline-start: 40px;
}

.simpleText li {
	list-style-type: initial;
	display: list-item;
	padding: initial;
}

.simpleText h1 {
	margin: 60px auto 40px auto;
}



        /* FAQ Section Styles */
        .faq-section {
            color: #fff;
            padding: 60px 0; 
            margin-top: 40px;
            width: 100%;
        }

        .faq-title {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 30px;
            text-align: center;
            color: #fff;
        }

        .accordion-item {
            margin-bottom: 10px;
            background-color: #2a2a2a;
            border-radius: 0px;
        }

        .accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #be3f9f;
            padding: 20px;
            cursor: pointer;
            font-weight: bold;
            color: #fff;
            border-radius: 10px;
            transition: background-color 0.3s ease;
        }

        .accordion-header:hover {
            background-color: #3a3a3a;
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
            background-color: #333;
            color: #ddd;
        }

        .accordion-content.active {
            max-height: 1000px; 
            padding: 20px;
            transition: max-height 1s ease-in-out;
        }





/* privacy policy page end */

.headline, .trusted {
	padding-left: 20px;
}

.reviewSection {
	margin-bottom: 40px;
}

.headline {
	margin-top:80px;
	margin-bottom:40px;
}

.row {
	margin: 15px auto;
	max-width: 1100px;
	position: relative;
}

.row.withLogo:after {
	content: '';
	background-size: cover;
	height: 505px;
	width: 500px;
	position: absolute;
	right: -50px;
	top: -475px;
	z-index: -2;
}

.box {
	position: relative;
	height: 120px;
	border: none;
	outline: none;
	color: white;
	text-align: center;
	background: rgb(2,0,36);
/*	background: linear-gradient(160deg, rgb(35, 1, 63), rgb(17, 3, 53) 55.04%, #03066a);*/
	cursor: pointer;
	border-radius: 60px;
	font-size: 18px;
	padding: 5px 30px 10px 30px;
}

.box:after {
	position: absolute;
	content: '';
	top: -2px;
	left: -2px;
	height: calc(100% + 4px);
	width: calc(100% + 4px);
	border-radius: 10px;
	z-index: -2;
	opacity: 1;
	background: rgba(255, 255, 255, 0);
	transition: all 1s ease-in-out;
}

.withLogo .box:after {
	background: #ffffff00;
}

.boxBig {
	background: #000;
	border-radius: 150px;
	border: 2px solid #ffffff;
}

.withLogo .boxBig {
    border: 2px solid #FF9800;
}

@keyframes animate {
	0% { background-position: 0 0; }
	50% { background-position: 400% 0; }
	100% { background-position: 0 0; }
}

.smallLabel {
	background: #ff09d6;
	background: linear-gradient(145deg, #111728 10%, #ed90b2 100%);
	border-radius: 5px;
	font-size: 12px;
	padding: 3px 15px;
	display: inline-block;
	position: relative;
	text-align: center;
	top: -17px;
	left: -7px;
	text-transform: uppercase;
	font-weight: 600;
	float: left;
	flex-grow: 1; /* Allow element to grow as needed */
	white-space: nowrap; /* Prevent wrapping */
}

.imgLogo {
	display: block;
	padding-top: 21px !important;
	min-height: 75px;
	position: relative;
}

.imgLogo img {
	max-height: 76px !important;
	max-width: 80%;
	vertical-align: middle;
	transition: transform 1s;
	cursor: pointer;
	top: 71%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
}

.imgLogo img:hover {
	-webkit-transform: scale(0.9);
	transform: translate(-50%,-50%) scale(0.9);
}

.textmiddle {
	text-align: center;
	display: inline-block;
	margin: auto;
	font-weight: 600;
}

span.stars img {
	height: 20px;
}

p {
    color: #ffff;
}

.textmiddle p {
	text-align: center;
	font-size: 12.5px;
	max-width: 150px;
	margin: auto;
	
}

.textmiddle h5 {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 600;
}

h1, h3, h4 {
	color: white;
}

h1 {
	margin:0;
	padding:0;
	line-height: 56px;
	font-weight: 700;
}

h3 {
	font-weight: 400;
}

h3.secondaryText {
	font-size: 25px;
	line-height: 44px;
	margin-bottom: 30px;
	color: rgb(181, 0, 157);
	font-weight: bold;
}

.trusted img {
	vertical-align: middle;
	padding: 0 5px;
	margin-bottom: 7px;
}

ul.trusted {
	list-style-type: initial;
}

.readMore h3 {
	font-size: 19px;
	font-weight: 500;
}

.readMore p {
	font-weight: 300;
	color: white;
}

h4 {
	font-size:17px;
}

h4.ourScore, h4.ourScoreDesktop, h4.ourScoreMobile {
	color: white;
	text-align: center;
	line-height: 25px;
	margin: 0;
	font-weight: 500;
	font-size:17px;
	display: inline-block;
}

h4.ourScoreMobile {
	display: none;
}

h5, h6 {
	color: rgb(4, 15, 64);
	text-align: center;
}

h6 {
	text-align: left;
	font-weight: 400;
	display: inline;
}

a h6 {
	padding-right: 6px;
}

.textright {
/*	background-color:#170637;*/
	text-align: left;
	padding-top: 0px;
	padding-left: 50px;
	border-radius: 60px;
}

.textleft {
	margin: 0;
	width: 300px;
}

.textright p {
	text-align: center;
	font-size: 13px;
	margin-bottom: 5px;
	display: inline-block;
}


.blockright {
	margin-top: 32px;
	margin-right: 50px;
}

.blockleft {
	margin-top: 30px;
}

.button1 {
	align-items: center;
	background: #ff00a6;
	background: linear-gradient(92deg, #FFEB3B 10%, #a7c0c8 100%);
	background-position: center;
	border: 0;
	border-radius: 48px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	font-size: 17px;
	line-height: 10px;
	font-weight: 700;
	height: 50px;
	justify-content: center;
	letter-spacing: 1px;
	max-width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	text-transform: uppercase;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	box-shadow: 300px 0 0 0 rgba(130, 0, 255, 0) inset;
}

.button1:active {
	outline: 0;
}

.button1 a {
	color: #0c0448;
}

.button1:hover {
	outline: 0;
	opacity: 1;
	box-shadow: 300px 0 0 0 #ff9400 inset;
	transition: all 0.8s ease-in-out;
}

.button1 span {
	transition: all 400ms;
}

.button1:hover span {
	transform: scale(1.05);
}

span.textMoved p, p.mobile {
	display: none;
	color: white;
}

p.mobile {
	color: rgb(4, 15, 64);
}

span.textMoved h4.ourScoreMobile, .offer p {
	color: white;
}

.blockleft p.mobile, .textmiddle {
	color: rgb(4, 15, 64);
	text-transform: uppercase;
	background-image:linear-gradient(212deg,  #5867bb 5%, #ffffff 20%, #DF3573 100%);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	font-size: 12.5px;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2.5s linear infinite;
}
	
@keyframes textclip {
	to {
	background-position: 200% center;
	}
}

.trusted span {
	color: white;
}

.spark {
	background-color: #DE4A00;
	font-family: 'Helvetica', sans-serif;
	visibility: hidden;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 30%;
	box-shadow: 0 0 5px #AB000B;
}

.footer {
	background-color: rgba(0, 0, 0, 0.802);
	max-width: 100% !important;
	margin: 0;
	position: relative;
	bottom: 0;
	min-height: 360px;
}

.footer .row {
	padding: 20px 10px 10px 10px;
}

.footer h5 {
	text-align: left;
}

.footer p {
	font-weight: 400;
	font-size: 15px;
}

.footerLogos {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.footerLogos img {
	margin: 0 3px;
}

.footerLogos a {
	float: right;
	position: relative;
	top: -2px;
}

p.smallerFooterText {
	font-size: 13px;
	color: rgb(101, 115, 137);;
}

p.smallText {
	font-size: 9px;
	padding: 0 5%;
	text-align: center;
	color: white;
}

/* ---- particles.js container ---- */ 
#particles-js { 
	position: absolute;  
	height: 100%;
	width: 100%;
	top: 0; 
	left: 0;
	pointer-events: none
}

ul {
	padding: 0;
	margin: 0;
}

.headline ul li {
	padding-left: 1.5em;
	margin-bottom: 0.5em;
	color: white;
	position: relative;
}

.headline ul li::before {
	content: '';
	position: absolute;
	top: 4px;
	margin-left: -26px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFE98A' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'></path></svg>");
}

li {
	list-style-type: none;
	display: inline-block;
	padding: 0;
}

.readMore {
    background-color: #141a2494;
	padding: 0 10px;
}

.readMore .col-12 {
	padding-top: 20px;
}

.readMore .content {
	display: none;
}

.readMore button {
	border-radius: 5px;
	background: linear-gradient(212deg, #233BCA 20%, #DF3573 100%);
	border: 0;
	color: #ffffff;
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 15px 30px;
	text-transform: uppercase;
	font-weight: 600;
}

.col-12.col-6-md {
	margin-top: 30px;
}

.footerLogo.pull-left {
	margin-top: 15px
}

.footer .col-12:first-of-type {
	margin-top: 10px;
}

.footer h6 {
	color: rgb(101, 115, 137);;
}

/* last cards containers */


.last-cards-box {
	text-align: center;
	color: white;
	margin: 30px auto;
}

.last-card-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 20px;
}

.last-card {
	background-color: rgb(255, 252, 241);
	border-radius: 10px;
	width: 300px;
	text-align: center;
	margin: 15px;
	padding-bottom: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.last-card button {
	margin: 20px auto auto auto;
	color: #ffffff;
}

.img-wrapper {
	background: rgb(56, 77, 92);
	border-radius: 10px 10px 0 0;
	height: 150px;
	display: flex;
	justify-content: center;
}

.img-wrapper.color1 {
	background: rgb(218, 51, 103);;
}

.img-wrapper.color2 {
	background: rgb(255, 93, 0);
}

.img-wrapper.color3 {
	background: rgb(255, 164, 0);
}

.last-card img {
	width: 61%;
	border-radius: 10px 10px 0 0;
	height: auto;
	padding: 10px;
	margin: auto;
}

.last-card-content {
	padding: 20px;
	color: #1E2736;
}

.last-card h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #1E2736;
}

.last-rating {
	margin: 10px 0;
}

.last-rating-value {
	font-size: 2em;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.last-visit-site {
	background-color: #FF0059;
	border: none;
	padding: 10px 20px;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 1em;
	transition: background-color 0.3s ease;
}

.last-visit-site:hover {
	background-color: #E6004C;
}

/* Offer popup start */

.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 999;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.backdrop.visible {
	opacity: 1;
}

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 800px;
	max-height: 90vh; /* Limit the height to 90% of the viewport height */
	overflow-y: auto; /* Add scroll if content overflows */
	background-color: transparent;
	border-radius: 25px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.56);
	z-index: 1000;
	animation: fadeIn 0.5s ease-in-out;
	overflow: hidden;
}

.modal-header {
	background: linear-gradient(100deg, #FA2D46 10%, #2108B8 100%);
	color: #ffffff;
	text-align: center;
	padding: 15px 20px;
	border-radius: 10px 10px 0 0;
	position: sticky; /* Use sticky positioning */
	top: 0;
	z-index: 1010; /* Ensure it stays above content */
	position: relative;
}

.modal-header h2 {
	margin: 0;
}

.close-btn {
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 44px;
	cursor: pointer;
}

.modal-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	background: linear-gradient(rgba(30, 39, 54, 1) 60%, rgba(8, 5, 4, 1));
	overflow-y: auto; /* Allow vertical scrolling */
	max-height: calc(96vh - 60px); /* Subtract the approximate height of the header */
}

.offer {
	border: 2px solid white;
	background-color: rgba(19, 24, 34, 1);
	border-radius: 25px;
	width: 48%;
	padding: 20px;
	text-align: center;
	margin: 12px 7px 12px 7px;
	box-sizing: border-box;
	position: relative;
}

.offer img {
	width: 100%;
	height: 150px;
	object-fit: contain;
	display: block;
	border-radius: 8px;
	padding: 20px;
}

.badge {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(100deg, #FA2D46 10%, #2108B8 100%);
	color: white;
	padding: 5px 15px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.modal .button1 {
	background-image: linear-gradient(212deg, #233BCA 20%, #DF3573 100%);
	color: rgb(255, 255, 255);
	padding: 21px 30px;
	border: none;
	font-weight: 600;
	border-radius: 48px;
	font-size: 18px;
	cursor: pointer;
	margin-top: 15px;
	display: inline-block;
}

.small-print {
	font-size: 12px;
	color: #777;
	margin-top: 10px;
	text-align: left;
}

/* Hidden state for the popup */
.hidden {
	display: none;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate(-50%, -55%);
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

/* Offer popup end */

@media screen and (min-width: 992px) {
	.burger {
		display: none;
		visibility: hidden;
	}
	.dropdown-toggle {
		column-gap: 0.35rem;
		pointer-events: none;
	}
	.dropdown-content {
		position: absolute;
		left: 0;
		right: 0;
		top: 6rem;
		opacity: 0;
		height: max-content;
		pointer-events: none;
		background-color: var(--color-white-100);
		border-top: 2px solid var(--color-white-200);
		box-shadow: var(--shadow-large);
		transition: top 0.4s, opacity 0.3s ease;
	}
	.dropdown-column {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 2rem;
		max-width: 75rem;
		margin-inline: auto;
	}
	.dropdown-group {
		align-content: baseline;
		row-gap: 1.25rem;
		padding-block: 4rem;
	}
	.dropdown-group:first-child,
	.dropdown-group:last-child {
		margin: unset;
	}
	.dropdown-items {
		padding-top: unset;
	}
	.dropdown-block {
		padding-top: unset;
		padding-inline: unset;
	}
	.dropdown:hover > .dropdown-content {
		cursor: initial;
		top: 4.25rem;
		opacity: 1;
		pointer-events: initial;
	}
	.dropdown:hover > .dropdown-toggle i.bx {
		rotate: 180deg;
	}
	.menu {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		column-gap: 1rem;
		height: 100%;
		padding: unset;
	}
	.menu-item {
		display: flex;
		cursor: pointer;
		padding-inline: 0.5rem;
	}
	.menu-link {
		padding: unset;
	}
	.navbar {
		display: flex;
		justify-content: space-between;
	}
	.navbar-block {
		position: initial;
		height: initial;
		opacity: 1;
		overflow: auto;
		pointer-events: visible;
		background: none;
		transition: none;
	}
}

@media screen and (min-width: 1200px) {
	.navbar {
		
			width: 1200px;
			padding: 42px;
	
	}
}

@media screen and (max-width: 1096px) {
	.textright p {
		display: block;
	}
	
	.textright p.mobile {
		display: none;
	}
	
	.blockleft {
		margin-top: 10px;
		text-align: center;
	}
		
	.headline {
		margin-top: 50px;
	}
	
	h1 {
		font-size: 2.2em;
		line-height: 40px;
	}
	
	.row.withLogo:after {
		height: 450px;
		width: 450px;
		right: -10px;
		top: -425px;
	}
}

@media screen and (max-width: 991px) {
	.button1 {
		font-size: 15px;
		height: 50px;
	}
	
	.button1 span {
		line-height: 20px;
	}
	
	.blockright {
		margin-right: 30px;
	}

}

@media screen and (max-width: 933px) {
	.textmiddle {
		max-width: 150px;
	}
	
	.row.withLogo:after {
		height: 300px;
		width: 300px;
		top: -307px;
		right: 30px;
	}
	
	.blockright {
		margin-right: 5%;
	}
}

@media screen and (max-width: 899px) {
	.col-12.col-6-md, .footerLogo.pull-left, .footerLogos.pull-right {
		text-align: center;
		float: none !important;
	}
	
	.footerLogos {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.col-12.col-6-md {
		margin-top: 10px;
	}
	
	.footerLogo.pull-left {
		margin-top: 0;
	}
	
	.footer .col-12:first-of-type {
		margin-top: 0;
	}
	
	p.smallText {
		font-size: 7px;
	}
}

@media screen and (max-width: 836px) {
	.textmiddle {
		display: none;
	}
	
	.box, .box:after {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}
	
	.box {
		height: auto;
		min-height: 137px;
	}
	
	.textright {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		border-left: 0;
		padding-left: 20px;
	}
	
	.textright p {
		display: inline-block;
	}
	
	.blockleft {
		margin-top: 40px;
		text-align: center;
	}
	
	.blockright {
		margin-top: 40px;
		margin-right: 6%;
	}
	
	.imgLogo img {
		max-height: 63px !important;
		max-width: 70%;
		top: 39px;
	}
	
	span.textMoved {
		text-align: center !important;
		font-size: 11px !important;
		margin: 0;
		padding: 0;
		display: inline-block !important;
	}
	
	p.desktopIpad {
		display: inline-block !important;
	}
	
	h3.secondaryText {
		margin-bottom: 0;
	}
}

/* Responsive design for popup */
@media screen and (max-width: 821px) {
	.offer {
		width: 100%;
	}
}

@media screen and (max-width: 760px) {
	.textright p {
		display: block;
	}
	
	.blockleft {
		margin-top: 20px;
	}
	
	.blockright {
		margin-right: 7%;
	}
	
	.headline, .trusted {
		padding-left: 10px;
	}
}

@media screen and (max-width: 660px) {
	
	.headline {
		margin-bottom: 14px;
	}
	
	.textright p {
		display: inline-block;
	}
	
	.textright p.mobile {
		font-weight: 600;
		display: flex;
		align-items: start;
		justify-content: center;
	}
	
	.textright {
		padding: 0;
	}
	
	.blockleft {
		margin: auto;
		float: none !important;
	}
	
	.rightcol.textright {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.blockright.pull-right {
		margin: 0 auto 15px auto;
		float: none !important;
		align-self: last baseline; 
	}
	
	.button1 {
		margin: auto;
		height: 40px;
		font-size: 15px;
	}
	
	ul.trusted li {
		list-style-type: initial;
		display: block;
		padding: 5px;
	}
	
	span.stars img {
		height: 17px;
	}
	
	h4.ourScore {
		color: white;
		text-align: center;
		line-height: 20px;
		margin: 0;
		font-weight: 500;
		font-size: 14px;
		display: inline-block;
	}
	
	h4.ourScoreMobile {
		display: inline-block;
		font-size: 14px;
	}
	
	.reviewSection {
		margin-bottom: 10px;
	}
	
	p.starsDesktop, h4.ourScoreDesktop {
		display: none;
	}
	
	p.mobile {
		max-width: 150px;
	}
	
	.smallLabel {
		font-size: 12px;
	}
	
	span.textMoved p {
		display: none !important;
	}
	
	span.textMoved p.mobile {
		display: inline-block !important;
	}
	
	.row.withLogo:after {
		/* height: 250px;
		width: 250px;
		top: -237px;
		right: 10px; */
		display: none;
	}
	
	.col-8.headline {
		-ms-flex: 0 0 calc(80% - var(--grid-gutter));
		flex: 0 0 calc(80% - var(--grid-gutter));
		max-width: calc(80% - var(--grid-gutter));
	}
}

@media screen and (max-width: 599px) {
	.col.rightcol {
		flex: min-content;
	

        border-radius: 0px 67px 67px 0px;
    
	}
	
	.button1 {
		height: 40px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 15px;
	}
	
	.textleft {
		width: 50%;
	}
	
	.col-8.headline {
		-ms-flex: 0 0 calc(100% - var(--grid-gutter));
		flex: 0 0 calc(100% - var(--grid-gutter));
		max-width: calc(100% - var(--grid-gutter));
	}
	
	h1 {
		font-size: 6vw;
		line-height: 7.5vw;
	}
	
	.simpleText h1 {
		font-size: 7vw;
		line-height: 7.5vw;
	}
	
	.simpleText h3 {
		font-size: 6vw;
		line-height: 6.5vw;
	}
	
	h3.secondaryText {
		font-size: 18px;
		line-height: 30px;
		max-width: 60%;
	}
	
	.imgLogo img {
		max-height: 51px !important;
		max-width: 78%;
		top: 36px;
	}
	
	h4.ourScore, h4.ourScoreMobile {
		display: inline-block;
		font-size: 12px;
		line-height: 17px;
	}
	
	.box {
		
			padding: 5px 10px 10px 30px;
			border-radius: 67px 0px 0px 67px;
		
	}
	
	.close-btn {
		top: -5px;
		right: 16px;
		font-size: 30px;
	}
	
	/* mobile changes on popup */
	
	.modal-header {
		padding: 6px 20px;
	}
	
	.nav .brand, h2 {
		font-size: 1em;
	}
	
	.simpleText h2 {
		font-size: 5.5vw;
	}
	
	h2.last-cards-headline {
		font-size: 5.5vw;
		line-height: 6.5vw;
		padding: 0 20px;
		margin-bottom: 10px;
	}
	
	.last-cards-box {
		margin: 10px;
	}
	
	.modal {
		max-height: 95vh;
	}
	
	.modal .button1 {
		padding: 20px 28px;
		line-height: 2px;
		font-size: 15px;
	}
}

@media screen and (max-width: 440px) {
	body {
		padding: 0;
	}
	
	.button1 {
		height: 30px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px;
		border-radius: 5px;
	}
	
	.headline, .trusted {
		padding-left: 0;
	}
	
	.headline, .reviewSection {
		margin-bottom: 10px;
	}
	
	.boxBig {
		min-height: 145px;
	}
	
	ul.trusted {
		font-size: 4vw;
		padding: 0;
		width: 90%;
		margin: auto;
		text-align: center;
	}
	
	ul.trusted li {
		text-align: center;
		display: inline-block;
		padding: 0;
		font-size: 3vw;
	}
	
	.headline ul {
		padding: 0 20px;
	}
	
	.headline ul li {
		font-size: 4vw;
	}
	
	.trusted img {
		height: 20px;
	}
	
	.trusted li:nth-of-type(4) img {
		height: 15px;
		margin-bottom: 7px;
	}
	
	.box {
		min-height: 145px;
		padding: 5px 10px 10px 10px;
	}
	
	.textright {
		min-height: 144px !important;
	}
	
	h3.secondaryText {
		font-size: 4vw;
		line-height: 23px;
		max-width: 100%;
		margin-bottom: 0;
		text-align: center;
	}
	
	.headline ul {
		text-align: center;
		margin-top: 20px;
	}
	
	.row.withLogo:after {
		display: none;
	}
	
	h1 {
		text-align: center;
		padding: 0 20px;
	}
	
	span.textMoved {
		font-size: 9px !important;
	}
	
	span.stars img {
		height: 12px;
	}
	
	.footerLogos a {
		float: right;
		position: relative;
		top: -2px;
	}
	
	p.mobile {
		font-size: 11px;
	}
	
	.blockleft {
		margin: 27px auto 5px auto;
	}
	
	h4.ourScore, h4.ourScoreMobile {
		font-size: 10px;
		padding-left: 5px;
		line-height: 15px;
	}
	
	.smallLabel {
		left: 7px;
		top: -19px;	
	}
	
}

@media screen and (max-width: 360px) {
	.button1 {
		font-size: 12px;
	}
	
	.headline ul li::before {
		margin-left: -20px;
	}
	
	.last-card {
		width: 100%;
	}
	
	.trusted img {
		height: 17px;
	}
	
	.imgLogo img {
		top: 36px;
		max-height: 35px !important;
	}
	
	.blockleft {
		margin: 29px auto 5px auto;
		float: none !important;
	}
	
	.blockright.pull-right {
		margin: auto;
	}
	
	.last-card-container {
		padding: 0;
	}
}