@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
	box-sizing: border-box;
}

:root {
	--blue: #1f6090;
	--purple: #CB9BFA;
	--light-orange: #FF7E361A;
	--light-blue: #4184B9;
	--dark-blue: #2D3CD9;
	--dark-green: #378D4B;
	--green: #89cd81;
	--bright-green: #58b450;
	--white: #fff;
	--yellow: #fdd250;
	--light-yellow: #4184B9;
	--light-grey: #d5e3fd;
	--grey: #f2f2f2;
	--black: #1B1C24;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

button {
	background-color: var(--blue);
	color: var(--white);
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	display:block;
	font-family: "Raleway", sans-serif;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

p {
	line-height: 24px !important;
	font-size: 16px !important;
	color: #555;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
	font-family: "Raleway", sans-serif;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	text-decoration: none !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

.h1,
h1 {
	font: 75px "Raleway Sans", sans-serif !important;
	font-weight: 700 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #121212;
	margin-bottom: 10px;
	font-family: "Raleway Sans", sans-serif;
	font-weight: 700 !important;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
}

a,
a:active,
a:focus {
	color: #6f6f6f;
	text-decoration: none;
	transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	-ms-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
}

ul {
	margin: 0;
	padding: 0 !important;
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
}

.mt-6 {
	margin-top: 3rem !important;
}

figure {
	margin: 0;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
	/* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	line-height: 1;
	cursor: pointer;
	/* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button;
	/* Corrects inability to style clickable 'input' types in iOS */
	border: none;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/***************CSS Start********************/
div#root {
    width: 100%;
}
div#root .d-flex.flex-column.min-vh-100 {
    width: 100%;
}
div#root main.flex-fill.container.py-4 {
    width: 100%;
    max-width: 100%;
    padding: 0px !important;
} 
.header ul.navbar-nav a.active.fw-bold {
    border-bottom: 1px solid var(--dark-green);
    border-radius: 0px;
    color: var(--dark-green);
}
.suspendisse-tempore button.btn.btn-primary {
    display: none;
}
.header nav.navbar a.navbar-brand.m-0 img {
    width: 250px;
}
.header {
    padding: 15px 0px;
}

.top-bar .text-white {
	margin-left: 6px;
	font-weight: 500;
}

.top-bar .icon i {
	color: #fff;
}

.top-bar {
	background-color: var(--blue);
	padding: 3px 0px;
}

.top-bar .icon {
	margin-left: 20px;
	display: flex;
	justify-content: center;
	vertical-align: middle;
	align-items: center;
}

.banner-img .thumb {
	position: relative;
	padding-left: 24px;
	text-align: center;
}

.banner-img .trader-box {
	display: flex;
	position: absolute;
	z-index: 5;
}

.banner-img .trader-box.box3 img {
	width: 170px;
}

.banner-img .trader-box.box4 img {
	width: 170px;
}

.banner-img .trader-box.box5 img {
	width: 150px;
}
.banner-img .trader-box.box6 img {
    width: 50px;
}
.banner-img .trader-box.box7 img {
    width: 60px;
}
.banner-img .trader-box.box8 img {
    width: 140px;
}
.banner-img .trader-box.box9 img {
    width: 130px;
}
.banner-img .trader-box.box10 img {
    width: 130px;
}
.banner-img .trader-box.box1 {
	top: 12%;
	left: 25%;
}

.banner-img .trader-box.box2 {
	top: 60%;
	right: 9%;
}

.banner-img .trader-box.box3 {
	left: 8.5%;
	z-index: 0 !important;
	top: 50%;
}

.banner-img .trader-box.box4 {
	top: 0;
	right: 0;
}

.banner-img .trader-box.box5 {
	top: 35%;
	right: 0;
}
.banner-img .trader-box.box6 {
    top: 12%;
    left: 7.5%;
}
.banner-img .trader-box.box7 {
    left: 15%;
    z-index: 0 !important;
    top: 40%;
}
.banner-img .trader-box.box8 {
    top: 50px;
    right: 50px;
}
.banner-img .trader-box.box9 {
    top: 80%;
    left: 9%;
}
.trader-box.box10.ani5 {
    right: 60px;
    top: 70%;
}

.switch-from.samePadding.pt-0 {
    margin-top: -120px;
} 

.landingpageBanner .Certificate p {
    line-height: 30px !important;
    font-size: 19px !important;
}

.landingpageBanner .cover {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
}

.trader-box.box9.ani5 {
	right: 60px;
	top: 70%;
}

.ani1 {
	-webkit-animation: 10s ease-in-out infinite alternate ani1;
	animation: 10s ease-in-out infinite alternate ani1;
}

.ani2 {
	-webkit-animation: 10s ease-in-out infinite alternate ani2;
	animation: 10s ease-in-out infinite alternate ani2;
}

.ani3 {
	-webkit-animation: 4s ease-in-out infinite alternate ani3;
	animation: 4s ease-in-out infinite alternate ani3;
}

.ani4 {
	-webkit-animation: 4s ease-in-out infinite alternate ani4;
	animation: 4s ease-in-out infinite alternate ani4;
}

.ani5 {
	-webkit-animation: 4s ease-in-out infinite alternate ani5;
	animation: 4s ease-in-out infinite alternate ani5;
}

.ani6 {
	-webkit-animation: 7s ease-in-out infinite alternate ani6;
	animation: 7s ease-in-out infinite alternate ani6;
}

.ani7 {
	-webkit-animation: 7s ease-in-out infinite alternate ani7;
	animation: 7s ease-in-out infinite alternate ani7;
}

.ani8 {
	-webkit-animation: 2s ease-in-out infinite alternate ani8;
	animation: 2s ease-in-out infinite alternate ani8;
}

@keyframes ani1 {

	0%,
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}

	20% {
		-webkit-transform: translate(-73px, 1px) rotate(-36deg);
		transform: translate(-73px, 1px) rotate(-36deg);
	}

	40% {
		-webkit-transform: translate(-141px, -72px) rotate(-72deg);
		transform: translate(-141px, -72px) rotate(-72deg);
	}

	60% {
		-webkit-transform: translate(-83px, -122px) rotate(-108deg);
		transform: translate(-83px, -122px) rotate(-108deg);
	}

	80% {
		-webkit-transform: translate(40px, -72px) rotate(-144deg);
		transform: translate(40px, -72px) rotate(-144deg);
	}
}

@keyframes ani2 {

	0%,
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}

	20% {
		-webkit-transform: translate(20px, 1px) rotate(36deg);
		transform: translate(20px, 1px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(100px, 72px) rotate(72deg);
		transform: translate(100px, 72px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(40px, 72px) rotate(144deg);
		transform: translate(40px, 72px) rotate(144deg);
	}
}

@keyframes ani3 {

	0%,
	100% {
		transform: scale(0.8, 0.8);
	}

	50% {
		transform: scale(1, 1);
	}
}

@keyframes ani4 {

	0%,
	100% {
		transform: translateX(0);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	50% {
		transform: translateX(-20px);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
}

@keyframes ani5 {

	0%,
	100% {
		transform: translateX(0);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	50% {
		transform: translateX(20px);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
}

@keyframes ani6 {

	0%,
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}

	20% {
		-webkit-transform: translate(-13px, 1px) rotate(-6deg);
		transform: translate(-13px, 1px) rotate(-6deg);
	}

	40% {
		-webkit-transform: translate(-41px, -22px) rotate(-22deg);
		transform: translate(-41px, -22px) rotate(-22deg);
	}

	60% {
		-webkit-transform: translate(-33px, -22px) rotate(-50deg);
		transform: translate(-33px, -22px) rotate(-50deg);
	}

	80% {
		-webkit-transform: translate(40px, -72px) rotate(-50deg);
		transform: translate(40px, -72px) rotate(-50deg);
	}
}

@keyframes ani7 {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes ani8 {
	from {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		-webkit-transform: translateY(-7px);
		-moz-transform: translateY(-7px);
		-o-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		transform: translateY(-7px);
	}
}

.samePadding {
	padding: 90px 0px;
}

.group-search.home1 {
    background-color: var(--grey);
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    border-radius: 10px;
    padding: 30px 10px;
    width: 100%;
    margin: 0 auto;
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

button.btn.btn-primary {
	background-color: var(--blue);
	border-color: var(--blue);
	height: 45px;
	padding-left: 1rem;
	padding-right: 1rem;
}

section.main-section.landingpageBanner {
	background-image: url(../images/oshc-banner-image.webp);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0px;
}

button.btn.btn-primary:hover {
	background: var(--green);
	border: 1px solid var(--green);
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .55);
	font-weight: 500;
}

div#navbarSupportedContent li.nav-item a {
    padding: 6px 0px;
    font-size: 1rem;
    margin: 0px 25px;
    font-weight: bold;
}

div#navbarSupportedContent a.nav-link.active.fw-bold {
	border-bottom: 1px solid var(--dark-green);
	border-radius: 0px;
	color: var(--dark-green);
}

div#navbarSupportedContent li.nav-item a:hover {
	color: var(--dark-green);
}

section.samePadding.Certificate {
	position: relative;
}

section.samePadding.Certificate:after {
	content: "";
	position: absolute;
	width: 70%;
	height: 10px;
	border-bottom: 4px solid var(--dark-green);
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.login-button a i {
	margin-right: 7px;
}

.Certificate p span {
	font-weight: 700;
	font-size: 22px;
}

a#bp_whatsapp_support {
    height: auto;
    padding: 6px 10px !important;
    font-size: 14px;
    background-color: var(--dark-green);
    border: 2px solid var(--dark-green);
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}
a#bp_whatsapp_support i {
    font-size: 30px;
}
.procedure-policy {
    background-color: #fff;
    box-shadow: -6px 12px 50px rgba(188, 203, 255, .3);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
/* span.blue-color { */
    /* color: var(--dark-blue); */
    /* font-size: 28px; */
    /* font-weight: 500; */
/* } */
/* span.green-color { */
    /* color: var(--dark-green); */
    /* font-size: 28px; */
    /* font-weight: 500; */
/* } */
/************d-switch-form********************/

:root {
	--switches-bg-color: goldenrod;
	--switches-label-color: white;
	--switch-bg-color: white;
	--switch-text-color: goldenrod;
}

.switches-container {
	width: 20rem;
	position: relative;
	display: flex;
	padding: 0px;
	position: relative;
	background: #fff;
	border: 1px solid #4da464;
	line-height: 4.3rem;
	border-radius: 3rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/* input (radio) for toggling. hidden - use labels for clicking on */
.switches-container input {
	visibility: hidden;
	position: absolute;
	top: 0;
	font-size: 20px;
	font-weight: 600;
}

/* labels for the input (radio) boxes - something to click on */
.switches-container label {
	font-size: 12px;
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	color: var(--black);
	font-size: 20px;
	font-weight: 600;
}

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	padding: 0.15rem;
	z-index: 3;
	transition: transform .5s cubic-bezier(.77, 0, .175, 1);
	/* transition: transform 1s; */
}

/* switch box highlighter */
.switch {
	border-radius: 3rem;
	background: var(--dark-green);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.09), 0 0px 20px var(--dark-green);
	height: 100%;
}

/* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status 
*/
.switch div {
	width: 100%;
	text-align: center;
	opacity: 0;
	display: block;
	color: var(--white);
	transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
	will-change: opacity;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	font-weight: 600;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
	transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
	transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
	opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
	opacity: 1;
}

/************switch-form********************/
.test {
	outline: 1px solid red;
}

.toggle-wp {
	border: 1px solid var(--black);
	padding: 10px 8px;
	border-radius: 100px;
}

.from-toggle {
	input {
		clip: rect(0, 0, 0, 0);
		height: 1px;
		width: 1px;
		border: 0;
		overflow: hidden;

		&:checked+label {
			background: var(--bright-green);
			color: white;
			font-weight: 500;
			box-shadow: 0 20px 30px rgba(0, 0, 0, 0.09), 0 0px 20px var(--bright-green);
			border: 2px solid var(--bright-green);
			transition: transform .5s cubic-bezier(.77, 0, .175, 1);
		}
	}

	label {
		display: inline-block;
		width: 150px;
		color: #000;
		text-align: center;
		font-family: "Quicksand", sans-serif;
		font-size: 20px;
		padding: 13px 5px;
		float: left;

		&:hover {
			cursor: pointer;
		}
	}
}

.switch-from .form-group-1 label {
	padding-left: 10px;
	font-weight: 500;
	font-size: 14px;
}

.switch-from .form-group-1 label span {
	color: red;
}

.from-toggle label:first-of-type {
	border-radius: 100px;
}

.from-toggle label:last-of-type {
	border-radius: 100px;
}

.switch-from select.form-select {
	padding: 10px;
}

.switch-from input.form-control {
    padding: 10px;
    width: 100%;
    height: 45px;
    border: var(--bs-border-width) solid var(--bs-border-color);
}
.switch-from .selected-flag {
    background-color: #fff;
}
.react-tel-input input.form-control {
    padding-left: 50px;
}
.modal.d-block label {
    font-size: 13px;
}

/************Get Quote form********************/
.modal-footer {
    border: none;
}
.modal-footer {
    flex-wrap: inherit !important;
	border-top: none !important;
}
.modal-footer button.btn.btn-primary.w-50{
	border-radius: 100px;
}
.modal-footer button.btn.btn-secondary.w-50 {
    height: 45px;
    background-color: var(--dark-green);
    border: 1px solid var(--dark-green);
	border-radius: 100px;
}
.modal-footer button.btn.btn-secondary.w-50:hover {
    background-color: var(--blue);
    border: 1px solid var(--blue);
}
.modal-footer button.btn.btn-primary.w-50:hover {
    background-color: var(--dark-green);
    border: 1px solid var(--dark-green);
}
 
.feature_single-policy .policy-content {
	display: flex;
	justify-content: center;
	vertical-align: middle;
	align-items: center;
}

section.samePadding.feature_single-policy h6.formSubhead.m-0 {
    font-weight: 400 !important;
    color: #fff;
}

.feature_single-policy .container {
    background-color: #62C67B;
    border-radius: 10px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 20px;
    border: 1px solid #eee;
}

section.samePadding.feature_single-policy {
	padding-top: 0px;
}

.feature_single-policy .policy-content i {
    font-size: 25px;
    margin-right: 10px;
    background-color: #fff;
    padding: 20px;
    border-radius: 100px;
    color: #68c680;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    box-shadow: 0px 5px 5px #eee;
}

.landing-plans .mutli-cards {
	background-color: #fff;
	padding: 20px;
	position: relative;
	height: 310px;
	border-radius: 5px;
}

.home-policy-work .mutli-cards {
	background-color: transparent;
	border: none;
	border-radius: 20px;
}

.bp-button-p {
	margin-bottom: 20px;
}

.bp-button-p span {
	background-color: var(--white);
	padding: 8px 15px;
	border-radius: 10px;
	font-size: 14px;
	color: #000;
	font-weight: 700;
	border: 1px solid #eee;
}

.landing-plans .plan1 {
	background-color: var(--black);
}

.landing-plans .plan2 {
	background-color: var(--purple);
}

.landing-plans .plan3 {
	background-color: var(--light-yellow);
}

.icon-bottom-bp {
	background-color: #fff;
	padding: 10px;
	border-radius: 30px;
	width: 35px;
	margin-bottom: 20px;
	position: absolute;
	bottom: 0;
	right: 20px;
	cursor: pointer;
	font-weight: 700;
	height: 35px;
	display: flex;
	justify-content: center;
	vertical-align: middle;
	align-items: center;
	font-size: 25px;
}

.landing-plans .plan1 .icon-bottom-bp {
	color: #fff;
	background: #000;
	box-shadow: 0px 5px 10px #ddd;
}

.landing-plans .plan2 .icon-bottom-bp {
	color: #fff;
	background: var(--blue);
	box-shadow: 0px 5px 10px #ddd;
}

.landing-plans .plan3 .icon-bottom-bp {
	color: #fff;
	background: var(--dark-green);
	box-shadow: 0px 5px 10px #ddd;
}

.home-policy-work .mutli-cards p {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}

.landing-plans .plan2 i,
.landing-plans .plan3 i {
	color: #fff;
}

.landing-plans .comapre-content {
	text-align: left;
}

section.samePadding.home-policy-work ul li {
    display: flex;
    justify-content: flex-start;
    vertical-align: middle;
    margin-top: 10px;
    align-items: center;
}

.landing-somuchBenefits .slick-slide span.card-number {
    position: absolute;
    bottom: 0;
}

.policy-icon img {
	max-width: 55px;
	margin-right: 20px;
	border: 1px solid #C0D4C5;
	border-radius: 100px;
}

.samePadding .slick-dots li button:before {
	font-size: 12px !important;
	color: var(--white) !important;
}

.samePadding .slick-dots li.slick-active button:before {
	opacity: .75 !important;
	color: var(--white) !important;
}

button.slick-next.slick-arrow:before,
button.slick-prev.slick-arrow:before {
	display: none;
}

section.samePadding.explore-path {
	padding: 50px 0px;
	padding-bottom: 0px;
	background-image: linear-gradient(360deg, #4184B9 0%, #fff 100%, #A5C5DE 100%);
	position: relative;
}

section.samePadding.explore-path:after {
	content: "";
	position: absolute;
	background-image: url(left-bottom-dotted.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: auto;
	height: 140px;
	left: 0;
	right: 0;
	bottom: 0;
}

section.samePadding.explore-path:before {
	content: "";
	position: absolute;
	background-image: url(right-top-dotted.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: auto;
	height: 140px;
	left: 0;
	right: 0;
	top: 0;
}

section.samePadding.explore-path span {
	background-color: var(--white);
	color: #FF0000;
	padding: 8px 30px;
	border-radius: 7px;
	font-weight: 800;
	margin-left: 20px;
}

section.samePadding.explore-path h4 {
	border: 2px solid #B2E5FF;
	padding: 22px 10px;
	background-image: linear-gradient(180deg, #4184B9 0%, #eee 100%, #A5C5DE 100%);
	border-radius: 10px;
	color: #fff;
	text-align: center;
	display: table;
	font-size: 24px;
	margin-bottom: 0px;
	margin-top: -10px;
	width: 70%;
	font-weight: 700 !important;
}

.partners-logos:after {
	content: "";
	background-image: url('../images/line-image.webp');
	position: absolute;
	left: -30px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right top;
}

.partners-logos img {
	width: 110px;
}

.partners-logos {
	position: relative;
}

section.samePadding.explore-path .formSubhead {
	font-size: 60px;
	font-weight: 900 !important;
	color: #375C8D;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

section.samePadding.explore-path img {
	position: relative;
	z-index: 1;
}

section.samePadding.explore-path .text-black {
	font-size: 18px !important;
}

.samePadding.landing-whyChoose .policy-content {
	font-size: 16px;
	line-height: 30px;
	padding-right: 70px;
}

section.samePadding.choose-oshc {
	background-image: url('../images/background-image-wp.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0px;
	padding-bottom: 0px;
}

.choose-oshc h5.card-title span {
	font-size: 25px;
	color: #375C8D;
}

.choose-oshc .card-body {
	display: flex;
	background-color: #fff;
	border-radius: 20px;
	justify-content: flex-start;
	vertical-align: middle;
	align-items: center;
	margin-top: 20px;
}

.choose-oshc .mainHeading {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 5px !important;
}

.choose-oshc .mainHeading span {
	font-size: 50px;
	font-weight: 900;
	color: var(--dark-green);
	margin-left: 10px;
}

.choose-oshc .card-body p.card-text {
	font-size: 18px !important;
	font-weight: 500;
}

.card-body.p-3 img.img-top {
	background-image: linear-gradient(360deg, #A4F6C3 0%, #A1DAF6 100%);
	border-radius: 100px;
	padding: 10px;
	width: 50px;
	margin-right: 10px;
}

img.detail-image {
	width: 100%;
}

.gap-word strong {
	color: var(--blue);
}

section.samePadding.landing-somuchBenefits {
	background-color: var(--blue);
}

.landing-somuchBenefits .card-body {
    height: 230px;
}
.landing-somuchBenefits .slick-slide img {
    display: block;
    position: absolute;
    bottom: 0;
}
.landing-somuchBenefits .inner {
	padding: 30px;
	border-radius: 5px;
	height: 200px;
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
	position: relative;
	background-color: #fff;
}

.landing-somuchBenefits .inner:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-image: url('../images/white-background.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
}

.landing-somuchBenefits .inner:hover:before {
	opacity: 0.2;
}

.bp-button-p span {
	background-color: var(--white);
	padding: 8px;
	border-radius: 10px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.mutli-cards.plan1 {
	background-color: #1B1C24;
}

.mutli-cards.plan2 {
	background-color: #4184B9;
}

.mutli-cards.plan3 {
	background-color: #62C67B;
}

.landing-plans .card-body {
	border: 2px solid #EAEFFF;
	border-radius: 16px !important;
	padding: 20px;
	padding-bottom: 0px;
}

img.plan-image {
	width: 130px;
	margin: 0 auto;
}

.landing-plans h5.card-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--blue);
	margin: 13px 0px;
}

.ourpartners li img {
	margin: 0px auto;
	background-color: #fff;
	padding: 10px;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: 10px;
	transition: 0.3s;
}

.ourpartners li img:hover {
	transform: scale(1.1);
}

.ourpartners li.col-lg-2.col-md-4.col-4.mb-3 {
	display: flex;
}

.landing-plans p.policy-content {
	line-height: 27px;
	font-size: 15px !important;
}

.gap-word li {
	font-size: 14px;
	list-style: disc;
}

body {
	background-color: #F5F5FF;
}

.wrapper {
	padding: 70px 0;
}

/* Default slide */
.my-slider .slick-slide {
	color: #FFF;
	margin: 0 15px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0.8);
	transition: all 0.4s ease-in-out;
}

.slick-next,
.slick-prev {
	z-index: 5;
}

.slick-next {
	right: 15px;
}

.slick-prev {
	left: 15px;
}

.slick-next:before,
.slick-prev:before {
	color: #000;
	font-size: 26px;
}

.testimonial-wp img.rounded-circle {
	width: 60px;
	height: 60px;
}

.testimonial-wp i.fa.fa-star {
	color: var(--yellow) !important;
}

.testimonial-wp i.fa.fa-quote-left.pe-2 {
	font-size: 25px;
	color: var(--blue);
}

section.samePadding.testimonial-wp {
	background-color: var(--blue);
	position: relative;
}
.testimonial-wp .list-unstyled.d-flex {
    justify-content: center;
}
.testimonial-wp  h5.font-weight-bold {
    text-align: center;
}
section.samePadding.testimonial-wp.py-5.px-3 p {
	font-size: 14px !important;
}
.samePadding.testimonial-wp .slick-arrow,
.samePadding.landing-somuchBenefits .slick-arrow,
.policy-about-slider .slick-arrow {
    display: none !important;
}
section.samePadding.testimonial-wp:after {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 150px;
	height: 100px;
	background-image: url('../images/dark-green-quote-img.webp');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100px;
	filter: sepia(1);
	rotate: 180deg;
}
 
section.samePadding.testimonial-wp:before {
	content: "";
	position: absolute;
	/* left: 0px; */
	right: 30px;
	bottom: 30px;
	width: 150px;
	height: 100px;
	background-image: url('../images/dark-green-quote-img.webp');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100px;
	filter: sepia(1);
	rotate: 360deg;
}

.frequently-questions {
	background-color: var(--grey);
}

/**********footer*************/
.footer-section {
	position: relative;
	overflow: hidden;
	z-index: 9;
	background-image: url(../images/oshc-banner-image.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
ul.navigation-menu-footer li a:hover {
    color: #fff;
}
ul.list-social li {
    margin: 0px 5px;
    transition: all 0.3s ease-out 0s;
}
ul.list-social li:hover {
    transform: rotate(360deg);
}
.footer-top {
	padding-top: 130px;
	padding-bottom: 30px;
}

.footer-top p,
.footer-top p a,
.company-footer-contact-list li {
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 0px;
}

ul.navigation-menu-footer li {
	padding-bottom: 5px;
}

.company-footer-contact-list {
	margin-top: 10px;
}

.company-footer-contact-list li {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.company-footer-contact-list li+li {
	margin-top: 5px;
}

.company-footer-contact-list li i {
	margin-right: 10px;
	font-size: 20px;
	display: inline-block;
}

.footer-top .site-logo {
	margin-bottom: 25px;
	display: block;
	max-width: 170px;
}

.widget-title {
	text-transform: capitalize;
}

.footer-top .widget-title {
	color: #ffffff;
	margin-bottom: 20px;
}

.courses-link-list li+li {
	margin-top: 10px;
}

.courses-link-list li a {
	color: #ffffff;
	text-transform: capitalize;
	font-family: var(--para-font);
	font-weight: 400;
}

.courses-link-list li a:hover {
	color: #ffb606;
}

.courses-link-list li i {
	margin-right: 5px;
}

.footer-top .small-post-title a {
	font-family: var(--para-font);
	color: #ffffff;
	font-weight: 400;
}

.small-post-item .post-date {
	color: #ffb606;
	margin-bottom: 3px;
	font-family: var(--para-font);
	font-weight: 400;
}

.small-post-list li+li {
	margin-top: 30px;
}

.news-letter-form {
	margin-top: 15px;
}

.news-letter-form input {
	width: 100%;
	padding: 12px 25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border: none;
}

.news-letter-form input[type="submit"] {
	width: auto;
	border: none;
	background-color: #ffb606;
	padding: 9px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	color: #ffffff;
	margin-top: 10px;
}

.footer-bottom {
	padding: 13px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.copy-right-text {
	color: #ffffff;
}

.copy-right-text a {
	color: #ffb606;
}

.terms-privacy li+li {
	margin-left: 30px;
}

.terms-privacy li a {
	color: #ffffff;
	position: relative;
}

.terms-privacy li a:after {
	position: absolute;
	content: '-';
	color: #ffffff;
	display: inline-block;
	top: 0;
	right: -18px;
}

.terms-privacy li+li a:after {
	display: none;
}

.accordion-item {
	margin-bottom: 10px;
	box-shadow: 3px 6px 7px #eee;
}

ul.navigation-menu-footer li a {
	color: #fff;
	text-decoration: none;
}

.company-intro-widget .footericon {
	color: #fff;
	margin-right: 10px;
}

.footer .wd-social span {
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	color: #121212;
	margin-right: 17px;
}

.list-social li a:hover {
	background-color: #fff;
}

.list-social li a {
	background: var(--white);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #121212;
}
.wd-social.d-flex.aln-center {
    justify-content: end;
}

ul.list-social li {
	margin: 0px 5px;
}

ul.menu-bottom li a {
	color: #fff;
	padding: 0px 5px;
}

.wp-bottom-banner .row {
	background-image: url('../images/footer-background-image.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 92%;
	margin: 0 auto;
	vertical-align: middle;
	align-items: center;
	padding-left: 30px;
	border-radius: 20px;
	position: relative;
	padding-top: 50px;
	padding-bottom: 60px;
}

section.samePadding.wp-bottom-banner .mainHeading {
	font-size: 42px;
} 

.samePadding.wp-bottom-banner .btn.btn-primary {
    background-color: var(--dark-green);
    /* border: 1px solid #fff; */
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.samePadding.wp-bottom-banner img {
	width: 28%;
	position: absolute;
	right: 30px;
	bottom: 0;
}

.samePadding.wp-bottom-banner {
	position: relative;
	z-index: 111;
	margin-bottom: -130px;
}

ul.menu-bottom.p-0 li {
	display: inline-block;
}

/*************about-us*******************/
section.main-section.contact-pageBanner.pb-5 {
    background-image: url(../images/oshc-banner-image.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}
.about-pageBanner span.about-heading {
    background: linear-gradient(105.42deg, #293277 2.46%, #45bb9a 94.16%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.policy-about {
	background-color: var(--light-grey);
}

.policy-about .slick-dots li button:before {
    font-size: 12px !important;
    color: var(--blue) !important;
}

.samePadding ul.slick-dots {
	bottom: -45px;
}

.policy-plan h5.card-title {
	background-color: var(--dark-green);
	color: #fff;
	text-align: center;
	margin: 0px;
	font-size: 13px;
	padding: 10px 2px;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.thumbnail:hover h5.card-title {
	background-color: var(--blue);
}

.policy-plan .card-body:hover {
	border: 2px solid var(--blue);
}

.policy-plan .card-body {
	border-radius: 6px 6px 0px 0px;
	text-align: center;
	border: 2px solid var(--dark-green);
	position: relative;
	padding-top: 20px;
	height: 200px;
}
section.samePadding.policy-plan {
    background-color: var(--grey);
}
.policy-plan .card-body p {
	padding: 0px 10px;
	margin: 10px 0px;
}

.policy-plan .card-body img.img-top {
	margin-top: 10px;
	border: 2px dotted var(--dark-green);
	border-radius: 100px;
	padding: 10px;
	box-shadow: 10px 6px 8px #eee;
	width: 50px;
}

.policy-plan .arrow-plan {
	width: 25px;
	margin: 0 auto;
	margin-bottom: 20px;
	transform: rotate(45deg);
	position: absolute;
	bottom: -8px;
	right: 10px;
	cursor: pointer;
	display: none;
}

.col-lg-8.insurence {
	margin: 0 auto;
}

.compare-buy .carousel-control-prev {
	left: 0px;
	background-color: var(--blue);
	width: 25px;
	height: 25px;
	border-radius: 100px;
	top: 60px;
}

.compare-buy .carousel-control-next {
	right: 0;
	background-color: var(--blue);
	width: 25px;
	height: 25px;
	border-radius: 100px;
	top: 60px;
}

.suspendisse-tempore {
	background-color: #FFDBCE;
	padding: 30px;
	position: relative;
}

.suspendisse-magna {
	background-color: #FFDBCE;
	padding: 30px;
	position: relative;
}

.suspendisse-tempore img,
.suspendisse-magna img {
	width: 200px;
	position: absolute;
	right: -20px;
	bottom: 0;
}

.about-pageBanner img {
	width: 80%;
}

ul.provider-wp {
	padding-left: 20px !important;
}

/*****************conatct-us*************************/
.contact-us-form .form-control {
	padding: 15px 20px;
	border-radius: 15px;
}

.contact-us-form .quoteformBTN {
	width: 100%;
}

.samePadding.contact-us-form {
	margin-top: -400px;
}

.all-amcorper-wp {
	background: var(--grey);
	padding: 50px;
	border-radius: 30px;
}

.rbt-badge-area-branchs .card {
    padding: 30px 15px;
    text-align: center;
    height: 190px;
}

.rbt-badge-area-branchs .card .icon i {
	font-size: 40px;
	color: var(--blue);
}

/**************services******************/
.samePadding.services-plan img {
	width: 35px;
	margin: 0 auto;
	margin-bottom: 20px;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	left: auto;
	bottom: -10px;
	cursor: pointer;
}

.services-plan .mutli-cards {
    background-color: var(--white);
    padding: 20px;
    border: none;
    position: relative;
    height: 250px;
    border-radius: 5px;
    border: 2px solid var(--blue);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/**************provider******************/
.provider-pageBanner img.provider-image {
	margin: 0px auto;
	background-color: #fff;
	padding: 10px;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: 10px;
	margin-bottom: 10px;
}

.provideet-text {
	background-color: #ffffff;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	padding: 20px;
	border-radius: 10px;
}

.provideet-text h2 {
	color: var(--blue);
}
.provider-important-wp .accordion-button {
    font-weight: 600;
    color: var(--blue);
}
/*******************Top-scroll************************/
#button-scroll {
	opacity: 0;
	visibility: hidden;
}

#button-scroll::after {
	content: "";
	position: fixed;
	text-decoration: none;
	bottom: 20px;
	right: 14px;
	width: 70px;
	height: 70px;
	text-indent: 100%;
	background: url(../images/top-scroll1.webp) no-repeat center top;
	text-indent: -9999px;
	background-size: 75px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	transition: background-color .3s,
		opacity .5s, visibility .5s;
	z-index: 9999;
}

#button-scroll.show {
	opacity: 1;
	visibility: visible;
}
.infor-contact-v1 {
    background-color: var(--blue);
    padding: 50px;
    padding-bottom: 60px;
}
.icon-inforr {
    align-items: center;
    display: flex;
	margin-bottom: 32px;
}
.infor-contact-v1 .icon-inforr .content a,
.infor-contact-v1 .icon-inforr .content h6,
.infor-contact-v1 .icon-inforr .content p {
    color: #fff;
}
.infor-contact-v1 .icon-inforr .icon {
    width: 51px;
    height: 51px;
    flex-shrink: 0;
}
.infor-contact-v1 .icon-inforr .content {
    padding-left: 24px;
    border-left: 1px solid #fff;
    margin-left: 24px;
}
.infor-contact-v1 .icon-inforr .icon svg {
    width: 28px;
}
.footer-top button.get-Support {
    width: 100%;
}
.latest-news-widget a {
    background-color: #fff;
    width: 100%;
    padding: 12px 20px;
    display: block;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.latest-news-widget i.fa.fa-phone.footericon {
    background-color: var(--blue);
    padding: 10px;
    color: #fff;
    margin-right: 10px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
}
.latest-news-widget i.fa.fa-whatsapp {
    background-color: #2ace8b;
    padding: 10px;
    color: #fff;
    margin-right: 10px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
}
/**************responsive******************/

@media (max-width: 1400px) {
	.landing-somuchBenefits .inner {
		height: auto;
	}

	ul.menu-bottom li a {
		font-size: 14px;
	}

	.landing-somuchBenefits .card-body {
		height: 270px;
	}
}

@media (max-width: 1300px) {
	section.samePadding.provider-important-wp.mb-5 {
		margin-bottom: 0px !important;
	}
}
@media (max-width: 1399px) {
	.group-search.home1 .form-group {
		width: 33%;
	}
		.group-search.home1 {
		justify-content: flex-start;
	}
}
@media (max-width: 1199px) {
	.samePadding.howworks.colorBG .mutli-cards {
		height: 300px;
	}
	.group-search.home1 {
		width: 100%;
	}
			.switch-from.samePadding.pt-0 {
      margin-top: 50px;
   }
   .switches-container {
    width: 18rem;
    line-height: 4rem;
	}
	.switches-container label {
		font-size: 18px;
	}
	.switch div {
    font-size: 18px;
	}
}

@media (max-width: 991px) {
	div#navbarSupportedContent {
		position: absolute;
		left: 0;
		right: 0;
		top: 130px;
		background-color: #fff;
		padding-bottom: 0px;
		z-index: 9999;
	}

	.wp-bottom-banner .row {
		padding: 35px;
	}

	.samePadding.wp-bottom-banner img {
		display: none;
	}

	.samePadding {
		padding: 50px 0px;
	}

	.suspendisse-tempore img,
	.suspendisse-magna img {
		position: relative;
		margin-top: 20px;
		right: 0;
	}

	.samePadding.howworks.colorBG .mutli-cards {
		height: auto;
	}

	.howworks img {
		display: none;
	}

	.howworks h2 {
		font-size: 32px;
	}

	.policy-plan h5.card-title {
		position: relative;
	}

	.policy-plan .card-body {
		height: auto;
	}

	.banner-img {
		text-align: center;
	}

	.landing-whyChoose .card-body p.card-text {
		font-size: 13px !important;
	}

	.samePadding.wp-bottom-banner {
		padding-top: 0px;
	}

	.feature_single-policy .policy-content {
		justify-content: flex-start;
		margin-bottom: 20px;
	}

	.landing-somuchBenefits .content h5.title {
		font-size: 14px !important;
	}

	.landing-somuchBenefits .content img {
		width: 40px;
		position: absolute;
		left: 6px;
		right: 0;
		bottom: 8px;
	}

	.experience-expert {
		display: none;
	}

	.choose-oshc .mainHeading {
		display: block;
		text-align: center;
	}

	.choose-oshc .first-image {
		text-align: center;
	}

	.top-bar .text-white {
		text-align: center;
	}

	.top-bar .justify-content-end.align-item-center {
    justify-content: center !important;
    display: block !important;
    text-align: center;
	}
	
	.top-bar .justify-content-end.align-item-center .icon-infor {
    text-align: center;
    display: block !important;
	}
	.group-search.home1 .form-group-1 {
    margin-bottom: 10px;
	}
	div#navbarSupportedContent button.btn.btn-primary {
    display: none;
	}
	.top-bar .col-md-6 {
    display: block !important;
	}
	.policy-work-image img {
    margin: 0 auto;
    display: flex;
	}
	.top-bar .icon-infor {
    display: block !important;
    text-align: center;
	}
	.about-pageBanner .Certificate {
		text-align: center;
	}
	.about-pageBanner .Certificate h1 {
		font-size: 45px !important;
	}
	.group-search.home1 .form-group {
		width: 50%;
	}

}

@media (max-width: 767px) {
	.Certificate h1 {
		font-size: 50px !important;
		text-align: center;
	}

	.Certificate p {
    text-align: justify;
    line-height: 25px !important;
    padding: 0px 10px;
}

	.group-search.home1 {
		padding: 23px !important;
	}

	.policy-work-image {
		text-align: center;
	}

	.home-policy-work h2.formSubhead,
	.home-policy-work .comapre-content {
		text-align: center;
	}

	.howworks h2 {
		font-size: 35px;
		text-align: center;
	}

	section.samePadding.howworks.colorBG .card {
		width: 95%;
	}

	.howworks img {
		position: relative;
	}

	.landing-wp ul.provider-wp {
		padding-left: 20px !important;
	}

	a.navbar-brand img.img-fluid {
		width: 70px;
	}

	.Certificate h2 {
		text-align: center;
	}

	.howworks img {
		display: block;
	}

	.suspendisse-tempore,
	.suspendisse-magna {
		text-align: center;
	}

	.banner-img img {
		width: 100%;
	}

	.header.mb-4 {
		margin-bottom: 0px !important;
	}

	.banner-img .trader-box.box5 {
		left: 17%;
	}

	.banner-img .trader-box.box4 img {
		width: 90px;
	}

	.banner-img .trader-box.box4 {
		right: 30px;
	}

	.Certificate h3 {
		text-align: center;
	}

	div#navbarSupportedContent {
		top: 80px;
	}

	.landing-somuchBenefits .card-body {
		height: 200px;
	}

	section.samePadding.explore-path .formSubhead {
		font-size: 40px;
		text-align: center;
	}

	section.samePadding.explore-path .text-black {
		font-size: 18px !important;
		text-align: center;
		color: #000 !important;
	}

	section.samePadding.explore-path h4 {
		width: 100%;
		font-size: 17px;
		margin-bottom: 10px;
	}

	section.samePadding.wp-bottom-banner .mainHeading {
		font-size: 25px;
	}

	.wp-bottom-banner .row {
		padding: 15px;
	}

	.choose-oshc .card-body {
		margin-top: 0px;
	}

	.landing-plans .mutli-cards {
		height: auto;
	}

	.icon-bottom-bp {
		position: relative;
		bottom: -10px;
		right: 0;
	}

	section.samePadding.testimonial-wp:before {
		right: 30px;
		bottom: 30px;
		width: 80px;
		background-size: 60px;
	}

	section.samePadding.testimonial-wp:after {
		left: 30px;
		right: 0;
		top: -50px;
		width: 80px;
		background-size: 60px;
	}
	.latest-news-widget a {
		padding: 10px 20px;
	}
	.latest-news-widget i.fa.fa-phone.footericon,
	.latest-news-widget i.fa.fa-whatsapp	{
		padding: 9px;
		width: 35px;
		height: 35px;
	}

}

@media (max-width: 580px) {
	.Certificate h1 {
		font-size: 30px !important;
		text-align: center;
	}

	.suspendisse-tempore,
	.suspendisse-magna {
		text-align: center;
	}

	.suspendisse-tempore img,
	.suspendisse-magna img {
		right: 0;
		margin-top: 20px;
	}

	.banner-img .trader-box.box8 {
		top: 30px;
		right: 0px;
	}

	.banner-img .trader-box.box8 img {
		width: 90px;
	}

	.trader-box.box9.ani5 {
		right: 10px;
		top: 60%;
	}

	.banner-img .trader-box.box3 img {
		width: 140px;
	}

	.banner-img .trader-box.box2 {
		top: 60%;
		right: 1%;
	}

	.choose-oshc .mainHeading {
		font-size: 18px;
	}

	.choose-oshc .mainHeading span {
		font-size: 20px;
		margin: 0px;
	}
	.latest-news-widget a {
    width: 400px;
	}
	.group-search.home1 .form-group {
		width: 100%;
	}
	.wd-social.d-flex.aln-center {
    justify-content: flex-start;
	}
}

span.card-number {
    font-size: 50px;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px #2C8C7D;
    font-family: Arial, sans-serif;
} 

.policy-icon {
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    padding: 20px;
    margin-right: 15px;
    border: 1px solid #ddd;
}
.policy-icon span {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    font-family: "Raleway Sans", sans-serif;
}
.light-orange-color {
    background-color: #FDC4BB;
}
span.green-color {
    background-color: #3C8E50;
}
span.blue-color {
    background-color: #4981B5;
}
.banner-section .Certificate h1 {
    font-size: 60px !important;
}
@media only screen and (max-width: 1300px) {
.banner-section .Certificate h1 {
    font-size: 50px !important;
}
}
@media only screen and (max-width: 991px) {
.banner-section .Certificate h1 {
    font-size: 40px !important;
}
}
@media only screen and (max-width: 767px) {
.banner-section .Certificate h1 {
    font-size: 25px !important;
}
}
.banner-section .Certificate h1 {
    font-size: 60px !important;
}
@media only screen and (max-width: 1300px) {
.banner-section .Certificate h1 {
    font-size: 50px !important;
}
}
@media only screen and (max-width: 991px) {
.banner-section .Certificate h1 {
    font-size: 40px !important;
}
}
@media only screen and (max-width: 767px) {
.banner-section .Certificate h1 {
    font-size: 25px !important;
}
}