/*!
Theme Name: Reminu
Theme URI: https://reminu.com/
Author: Threesixtydigit
Author URI: https://threesixtydigit.com
Description: Theme of Reminu by Threesixtydigit Sri Lanka
Version: 1.0.0
*/
:root {
  --purple: rgba(84, 13, 59, 1);
  /*--red: rgba(220, 80, 80, 1);*/
  --navy: rgba(0, 33, 77, 1);
  --blue: rgba(0, 173, 184, 1);
  --forest: rgba(15, 51, 36, 1);
  --green: rgba(82, 173, 122, 1);
  --white: rgba(255, 255, 255, 1);
  --red: #F16464;
}
html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	background-color: var(--purple);
	font-family: 'Manrope', sans-serif;
}
.desktop-only{

}
.mobile-only{
	display: none;
}
.home-hr1-img-desktop{
	display: block;
}
.home-hr1-img-mobile{
	display: none;
}
.home-hr3-img-desktop{
	display: block;
}
.home-hr3-img-mobile{
	display: none;
}
a{

}
a:hover{

}
h1,h2,h3,h4,h5,h6{

}
h1{

}
h2{

}
h3{

}
h4{

}
h5{

}
h6{

}
p{

}
hr{

}
img{

}
.background-img{
	background-size: cover;
  	background-position: bottom;
  	background-repeat: no-repeat;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}
.main-container{
	padding-left: 120px;
    padding-right: 120px;
    max-width: 2000px;
}
.main-container-row{

}
.site-container{

}
/*Header starts*/
.header-div{
	display: flex;
	justify-content: space-between;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 70px;
}
.header-logo-div{
	z-index: 99999999;
}
.header-logo-div a{
	display: inline-block;
}
.header-logo{
	height: 41px;
	width: auto;
}
.header-menu-div{
	display: flex;
}
.header-menu-ul{

}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
	z-index: 99999999;
}
ul#mega-menu-primary > li:last-child a{
	background-color: var(--red) !important;
    border-radius: 10px !important;
    padding: 5px 20px 8px 20px !important;
    border: 2px solid !important;
    border-color: var(--red) !important;
    color: var(--purple) !important;
    display: inline !important;
    margin-bottom: 1px !important;
    margin-left: 10px !important;
    transition: 350ms !important;

}
ul#mega-menu-primary > li:last-child a:hover{
	color: var(--red) !important;
	border-color: var(--red) !important;
	background-color: var(--purple) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	
}
/*Header ends*/

/*Mobile Menu starts*/
.mobile-header-hamburger-div{
	display: none;
}
.mobile-header-div-container{
	display: none;
}
#mobile-nav-logo{
		display: none;
}

@media (max-width:900px){
	.sub-page-backgrounder{
		z-index: 999999;
	}
	.reminu-body-mobile-m-active{
		overflow: hidden;
	}
	
	.site-logo-col-active #main-site-logo{
		display: none;
	}
	.super-main-conatainer-mobile-active{
		background-color: var(--red);
	}
	.header-menu-div{
		display: none;
	}
	.mobile-header-hamburger-div{
		display: block;
		z-index: 99999999;
	}
	.site-logo-col-active #mobile-nav-logo{
		display: block;
	}
	.mobile-header-div-container{
		/*display: flex;*/
		display: none;
		height: calc(100vh - 181px);
		flex-direction: column;
		justify-content: space-around;
		
	}
	.open-site-mobile-nav-area{
		display: flex;
	}
	.header-bg-de-active{
		display: none !important;
	}
	.mobile-header-hamburger-div{

	}
	#hamburger-icon{
		margin: auto 0;
    	cursor: pointer;
	}
	#hamburger-icon div{
		width: 35px;
	    height: 4px;
	    background-color: #fff;
	    margin: 6px 0px;
	    transition: 0.4s;
	    border-radius: 5px;
	}
	.bar1{

	}
	.bar2{

	}
	.bar3{

	}
	#hamburger-icon.open div{
		background-color: var(--purple) !important;
	}
	.open .bar1{
		-webkit-transform:rotate(-45deg) translate(-6px, 6px);
		transform:rotate(-45deg) translate(-6px, 6px);
		
	}
	.open .bar2{
		opacity: 0;
	}
	.open .bar3{
		-webkit-transform:rotate(45deg) translate(-7px, -8px);
		transform:rotate(45deg) translate(-7px, -8px);
		
	}
	.site-mobile-nav-list{

	}
	.site-mobile-ul{
		padding: 0px;

	}
	.site-mobile-ul li{
		list-style: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.site-mobile-ul li a{
		color: var(--purple);
		padding: 40px 80px;
		border-radius: 90px;
		display: inline-block;
		border: solid var(--purple) 1px;
		font-size: 2.5rem;
		transition: 350ms;
		width: 450px;
		max-width: 80%;
	}
	.site-mobile-ul li a:hover{
		color: var(--red);
		text-decoration: none;
		background-color: var(--purple);

	}
	.mobile-menu-contact-det{

	}
	.mobile-contact-img-col{
		text-align: center;
		margin-bottom: 20px;
	}
	.mobile-contact-img{
		max-width: 60%;
		width: 250px;
	}
	.mobile-contact-social-col{
		text-align: center;
		margin-bottom: 20px;
	}
	.mobile-contact-social-menu{
		padding: 0px;
		display: inline-block;
		margin: 0px;
	}
	.mobile-contact-social-menu li{
		float: left;
		  list-style: none;
		  margin-left: 15px;
	}
	.mobile-contact-social-menu li a{
		color: var(--purple);
		transition: 350ms;
		font-size: 2rem;
	}
	.mobile-contact-social-menu li a:hover{
		text-decoration: none;
	}
	.mobile-copyright-col{
		text-align: center;
		margin-bottom: 20px;
		display: flex;
		justify-content: center;
	}
	.mobile-copyright-col-in{

	}
	.mobile-copyright-col-in1{
		margin-right: 10px;
	}
	.mobile-copyright-col-in2{
		margin-left: 10px;
	}
	.mobile-copy-p{
		color: var(--purple);
		font-size: 0.9rem;
	}
	.mobile-copy-p-span{

	}
	.mobile-copyright-col a{
		color: var(--purple);
		text-decoration: underline;
	}
	.mobile-copyright-col a:hover{
		color: var(--purple);
	}
	@media (max-width:600px){

	.site-mobile-ul li a{
		font-size: 2rem;
		padding: 30px 60px;
	}
	 .mobile-contact-img {
	    max-width: 40%;
	    width: 200px;
	 }
	 .mobile-contact-social-menu li a{
	 	font-size: 1.5rem;
	 }

	}
	@media (max-width:500px){
		.site-mobile-ul li a{
			font-size: 1.8rem;
		}
		.site-mobile-ul li a{
			max-width: 90%;
		}
		.mobile-contact-img-col{
			margin-bottom: 10px
		}
		.mobile-contact-social-col{
			margin-bottom: 10px
		}
		.mobile-copyright-col{
			margin-bottom: 0px;
		}
	}
	@media (max-width:400px){
		.site-mobile-ul li a{
			font-size: 1.6rem;
			padding: 25px 50px;
		}
	}
}
/*Mobile menu ends here*/

/*Home Starts*/
#reminu-intro{
	max-width: 2000px;
  	margin: auto;
}

.home-banner{
	display: flex;
}
.home-banner-texts{
	display: flex;
	flex-basis: 50%;
	flex-direction: column;
}
.home-banner-texts-in{
	position: absolute;
}
.home-banner-title{

}
.home-banner-title h1{
	font-size: 8.5rem;
	line-height: 8.5rem;

}
.hbt-white{
	color: #fff;
	font-family: 'Literata', serif;
  	font-weight: 400;
}
.hbt-red{
	color: var(--red);
	font-family: 'Literata', serif;
  	font-weight: 500;
}
.hbt-underline{
	position: relative;
	padding-right: 30px;
	z-index: 100;
}
.hbt-underline::after{
	content: "";
    background: url(images/home/vector.svg);
    /* top: 10px; */
    right: 5px;
    position: absolute;
    /* display: inline-block; */
    width: 100%;
    height: 20px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
.hbt-underline::before{

}
.home-banner-description{
	max-width: 60%;
	margin-top: 60px;
}
.home-banner-description p{
	color: var(--red);
    font-size: 1.5rem;
}
.home-banner-description p:first-child{
	font-family: 'Literata', serif;
}
.home-banner-description p:last-child{

}
.home-banner-img{
	display: flex;
	flex-basis: 50%;
}
.home-banner-img-in{
	z-index: -1;
}
.home-banner-img-in img{
	max-width: 100%;
	width: 638px;
	border-radius: 70px;
}
.hbi-img{
	animation: fadeInUp ease 1s both;
}
.hbt-white{
	/*animation: fadeInUp ease 800ms 800ms both;*/
}
.hbt-red{
	/*animation: fadeInUp ease 1000ms 1000ms both;*/
}
.hbt-underline::after{
	animation: fadeInUp ease 1500ms 1500ms both;
}
.home-banner-description p:first-child{
	animation: fadeInUp ease 1500ms 1500ms both;
}
.home-banner-description p:last-child{
	animation: fadeInUp ease 2000ms 2000ms both;
}
.down-arrow-div{
	margin-top: 75px;
}
.down-arrow-img{

}
.down-arrow-img:hover{
	animation: arrow .5s ease infinite alternate;
}
@keyframes arrow{
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(20px);
	}
}
#reminu-home-arrow{
	width: 50px;
  	display: inline-block;
  	height: auto;
}
.h-join-waitlist-btn{
	display: inline-block;
  background-color: var(--red);
  color: var(--purple);
  padding: 10px 25px;
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.7px;
  margin-left: 10px;
  border: solid var(--red) 2px;
  transition: 350ms;
}
.h-join-waitlist-btn:hover{
	background-color: transparent;
	text-decoration: none;
	color: var(--red);
}
.color-pallet-div{
	display: flex;
	margin-top: 50px;
	margin-bottom: 50px;
}
.color-pallet-single{
	flex-basis: 10%;
	height: 30px;

}
.color-pallet-1{
	background-color: #590c3b;
	/*animation: fadeInUp ease 2000ms 2000ms both;*/
}
.color-pallet-2{
	background-color: #66143d;
	/*animation: fadeInUp ease 1800ms 1800ms both;*/
}
.color-pallet-3{
	background-color: #731d40;
	/*animation: fadeInUp ease 1600ms 1600ms both;*/
}
.color-pallet-4{
	background-color: #832443;
	/*animation: fadeInUp ease 1400ms 1400ms both;*/
}
.color-pallet-5{
	background-color: #8f2c45;
	/*animation: fadeInUp ease 1200ms 1200ms both;*/
}
.color-pallet-6{
	background-color: #9c344b;
	/*animation: fadeInUp ease 800ms 800ms both;*/
}
.color-pallet-7{
	background-color: #a83b4d;
	/*animation: fadeInUp ease 600ms 600ms both;*/
}
.color-pallet-8{
	background-color: #b8434f;
	/*animation: fadeInUp ease 400ms 400ms both;*/
}
.color-pallet-9{
	background-color: #c54a55;
	/*animation: fadeInUp ease 200ms 200ms both;*/
}
.color-pallet-10{
	background-color: #d25157;
	/*animation: fadeInUp ease 0ms 0ms both;*/
}
.half-text-div{

}
.half-text1{
	padding-right: 50%;
}
.half-text2{

}
.half-text1 p{
	color: var(--red);
    font-size: 2.2rem;
}
.circle-divs{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
    margin-bottom: 100px;
}
.circle-div{
	border: solid var(--red) 2px;
	border: solid var(--red) 2px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 350px;
    transition: 350ms;
}
.circle-div:hover{
	text-decoration: none;
	background-color: var(--red) !important;
	
}
.circle-div:hover .circle-div-span{
	color: var(--purple) !important;
}
/*
.circle-div2:hover{
	background-color: var(--purple) !important;
}
.circle-div2:hover .circle-div-span{
	color: var(--red) !important;
}*/
.circle-div-span{
	display: inline-block;
	transition: 350ms;
	font-size: 2.8rem;
	text-align: center;
}
.circle-div1{
	flex-basis: 32%;
}
.circle-div2{
	flex-basis: 32%;
	/*background-color: var(--red);*/
}
.circle-div3{
	flex-basis: 32%;
}
.font-only{
	font-family: 'Literata', serif;
}
.bold-only{
	font-weight: 600;
}
.bold-font{
	font-weight: 600;
	font-family: 'Literata', serif;
}
.italic-bold{
	font-style: italic;
    font-weight: 600;
}
.italic-bold-font{
	font-style: italic;
  	font-weight: 500;
  	font-family: 'Literata', serif;
}
.padding-right-10{
	padding-right: 10px;
}
.padding-left-10{
	padding-left: 10px;
}
.circle-div1 .circle-div-span{
	color: var(--red);
}
.circle-div2 .circle-div-span{
	color: var(--red);
}
.circle-div3 .circle-div-span{
	color: var(--red);
}
.caption-col{
	text-align: end;
    color: var(--red);
}
.caption-col h3{
	margin-bottom: 0px;
	font-size: 1.1rem;
	font-weight: 600;
}
.caption-col p{
	margin-bottom: 0px;
	font-size: 0.9rem;
}
.special-img-col{

}
.special-img-col img{
	/*width: 100%;*/
}
.half-main-container{
	 padding-left: 60px; 
     padding-right: 60px;
     max-width: 2000px;
}
.half-main-container-backgrounded{
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}
.dev-journey-container-mobile{
	background-color: #f16464;
}
.home-platform{
	margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 170px;
    margin-right: 170px;
}
.home-platform-description{
	color: #fff;
	margin-bottom: 120px;
}
.home-platform-description h1{
	font-size: 2.3rem;
	margin-bottom: 15px;
}
.home-platform-description p{
	font-size: 1.8rem;
}
.home-platform-second-title{

}
.home-platform-second-title h1{
	font-weight: 700;
    color: var(--purple);
    font-size: 2.25rem;
}
.home-platform-hr-div{

}
.home-platform-hr-div-in{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.home-hr1{

}
.home-hr1-img{
	width: 100%;
	height: 1px;
}
.home-hr2{

}
.home-hr2-img{
	margin: 0px 15px;
	width: 30px;
    height: auto;
}
.home-hr3{

}
.home-hr3-img{
	width: 100%;
	height: 1px;
}
.platform-list-items{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.list-item1{
	flex-basis: 60%;
}
.list-item1-ul{
	display: inline-flex;
    margin-bottom: 0px;
    /*background-color: var(--purple);*/
    padding: 15px 40px;
    border-radius: 30px;
    justify-content: space-between;
    width: 100%;
    background: linear-gradient(270deg, rgb(169, 58, 77) 0%, rgb(84, 13, 59) 100%);
}
.list-item1-ul li{
	list-style: none;
	float: left;
}
.list-item1-ul li a{
	color: #fff;
    font-size: 1.3rem;
    transition: 350ms;
    pointer-events: none;
    
}
.list-item1-ul li a:hover{
	text-decoration: none;
}
.list-item2{
	flex-basis: 40%;
	color: #fff;
}
.list-item2-ul{
	padding:0px;
	display: inline-flex;
    margin-bottom: 0px;
    justify-content: space-evenly;
    width: 100%;
}
.list-item2-ul li{
	list-style: none;
	float: left;
}
.list-item2-ul li a{
	transition: 350ms;
	color: var(--purple);
  	border: solid var(--purple) 1px;
	padding: 15px 40px;
	font-size: 1.3rem;
	border-radius: 30px;
	pointer-events: none;
}
.list-item2-ul li a:hover{
	text-decoration: none;
	color: #000;
}
/*Home Ends*/

/*Platform Page Starts here*/
.sub-page-backgrounder{
    position: fixed;
    height: 360px;
    width: 100%;
    top: 0;
    /*z-index: 999999;*/
}
.sub-page-backgrounder-in{
	height: 100%;
  	margin: 0px 0px;
}
.sub-page-backgrounder1-in{
	background: linear-gradient(180deg, rgba(220, 80, 80, 0.3) 0%, rgba(220, 80, 80, 0) 100%);
}
.sub-page-intro-container{
	padding-left: 120px;
  	padding-right: 0px;
  	max-width: 2000px;
  	margin: auto;
}
.subpage-start{
	display: flex;
}
.subpage-start-text{
  	display: flex;
  	flex-direction: column;
}
.platform-subpage-start{

}
.platform-subpage-start-text{
	flex-basis: 50%;
}
.platform-subpage-start-image{
	flex-basis: 50%;
}
.subpage-title{

}
.subpage-title h1{
	font-size: 4.6rem;
	color: var(--red);
	margin-bottom: 100px;
}
.sub-page-description{

}
.sub-page-description h1{
	font-size: 4.3rem;
	color: var(--red);
	margin-bottom: 30px;
}
.sub-page-description h2{
	font-size: 2.25rem;
	color: var(--red);
	margin-bottom: 20px;
}
.sub-page-description h3{
	font-size: 1.125rem;
	color: var(--red);
	font-weight: 600;
	margin-bottom: 20px;
}
.sub-page-description p{
	font-size: 1.125rem;
	color: var(--red);
}
.subpage-start-image{
	display: flex;
	justify-content: end;
}
.subpage-start-image-box{
	z-index: 999;
}
.subpage-intro-img{
	max-width: 100%;
	width: 100%;
}
.blue-box-container{
	max-width: 2000px;
  	margin: auto;
}
.blue-box-container-row{

}
.blue-box-container-col{

}
.blue-box-container-outer{
	background-color: var(--navy);
	display: block;
	float: left;
	width: 100%;
	padding: 70px 120px;
	margin-top: 90px;
  	margin-bottom: 90px;
}
.blue-box-title{
	display: block;
  	float: left;
  	width: 100%;
}
.blue-box-title h1{
	color: var(--red);
	font-size: 3.3rem;
	margin-bottom: 30px;
}
.blue-box-desc-box{
	display: block;
  	float: left;
  	width: 100%;
}
.blue-box-desc-box-in{
	float: left;
	width: 100%;
}
.blue-description{
	float: left;
	width: 19%;
	border: solid var(--red) 1px;
	border-radius: 40px;
	padding: 22px;
	margin: 10px 0.5%;
	min-height: 260px;
}
.blue-description p{
	color: var(--red);
	font-size: 1.125rem;
}
.accordion-title-section{
	padding-right: 35%;
}
.accordion-title-section h1{
	font-size: 3.68rem;
	color: var(--red);
	margin-bottom: 40px;
}
.accordion-title-section p{
	font-size: 1.5rem;
	color: var(--red);
	margin-bottom: 25px;
}
.green-box-container{
	max-width: 2000px;
  	margin: auto;
}
.green-box-container-row{

}
.green-box-container-col{

}
.green-box-container-outer{
	background-color: var(--green);
	padding: 60px 120px;
	margin-top: 60px;
}
.green-box-title{
	display: flex;
}
.green-box-title h1{
	font-size: 3.7rem;
	color: var(--forest);
	margin-bottom: 35px;
}
.green-box-desc-box{
	display: flex;
	align-items: center;
  	justify-content: space-between;
}
.green-box-desc-box-texts{
	flex-basis: 60%;
}
.green-box-desc-box-texts p{
	color: var(--forest);
	font-size: 1.5rem;
}
.green-box-desc-box-btn-col{
	flex-basis: 40%;
	display: flex;
	justify-content: end;
}
.green-box-desc-box-btn{
	display: inline-block;
	background-color: var(--forest);
	color: var(--green);
	padding: 15px 25px;
	border-radius: 40px;
	text-transform: uppercase;
	font-size: 1.25rem;
	letter-spacing: 0.6px;
	font-weight: 600;
	text-align: right;
	transition: 350ms;
	border: solid var(--forest) 2px;
}
.green-box-desc-box-btn:hover{
	text-decoration: none;
	color: var(--forest);
	background-color: var(--green);
	border: solid var(--forest) 2px;
}
/*accordion starts*/

/* Core styles/functionality */
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
  max-height: 10rem;
}

/* Visual styles */
.accordion {
  /*color: var(--theme);
  border: 2px solid;
  border-radius: 0.5rem;*/
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: var(--theme);
  cursor: pointer;
}
.tab__label {
  justify-content: start;
  padding: 0rem 0px 0px 10px;
  font-size: 2.25rem;
  flex-direction: row-reverse;
  color: var(--red);
}
.tab__label::after {
  /*content: "\276F";*/
  /*content: url('./images/home/down-arrow.png');*/
  content: url('./images/home/arrow1.svg');
  width: 44px;
  height: 52px;
  text-align: center;
  transform: rotate(270deg);
  transition: all 0.35s;
  margin-right:25px;
  opacity: 0.5;
}
.tab input:checked + .tab__label::after {
  transform: rotate(0deg);
  opacity: 1;
}
.tab input:checked + .tab__label{
	font-weight: 600;
}
.tab__content p {
  margin: 0;
  padding: 1rem;
  font-size: 1.25rem;
  color: var(--red);
}
.accordion--radio {
  /*--theme: var(--secondary);*/
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  /*animation: bounce .5s infinite;*/
  transform: rotate(0deg);
}
@keyframes bounce {
  25% {
    transform: translate(.25rem);
  }
  75% {
    transform: translate(-.25rem);
  }
}
/*@keyframes bounce {
  25% {
    transform: rotate(0deg) translate(.25rem);
  }
  75% {
    transform: rotate(0deg) translate(-.25rem);
  }
}*/
/*accordion ends*/


/*Platform Page ends here*/


/*Our why page starts here*/
.sub-page-backgrounder2-in{
	background: linear-gradient(180deg, rgba(220, 80, 80, 0) 0%, rgba(220, 80, 80, 0.3) 110%);
}
.ourwhy-subpage-start{

}
.ourwhy-subpage-start-text{
	flex-basis: 40%;
}
.ourwhy-subpage-start-image{
	flex-basis: 60%;
	z-index: 9999;
}
.ourwhy-sub-page-description h1{
	font-size: 3.375rem !important;
}
.ourwhy-sub-page-description p{
	margin-right: 22%;
	font-weight: 500;
}
.our-why-blue-box-container-outer{

}
.our-why-blue-container{
	max-width: 2000px;
  	margin: auto;
}
.our-why-blue-container-row{

}
.our-why-blue-container-col{

}
.our-why-blue-box-container-outer{
	background-color: var(--navy);
	display: block;
	padding: 70px 120px 30px 120px;
	margin-top: 90px;
}
.our-why-blue-titles{

}
.our-why-blue-titles h1{
	font-size: 3.375rem;
	color: var(--blue);
	margin-bottom: 40px;
}
.our-why-blue-titles h3{
	font-size: 1.5rem;
	color: var(--blue);
	font-weight: 700;
	margin-bottom: 20px;
}
.our-why-blue-descriptions{
	display: flex;
	margin-bottom: 70px;
}
.our-why-blue-descriptions1{
	flex-basis: 50%;
}
.our-why-blue-descriptions1 p{
	font-size: 1.5rem;
	color: var(--blue);
	line-height: 1.95rem;
}
.our-why-blue-descriptions1 ul{

}
.our-why-blue-descriptions1 ul li{
	font-size: 1.5rem;
	color: var(--blue);
	line-height: 1.95rem;
}
.our-why-blue-descriptions2{
	flex-basis: 50%;
}
.our-why-blue-descriptions2 p{
	font-size: 1.5rem;
	color: var(--blue);
}
.our-why-blue-descriptions2 ul{

}
.our-why-blue-descriptions2 ul li{
	font-size: 1.5rem;
	color: var(--blue);
	line-height: 1.95rem;
}
.our-why-blue-image{

}
.our-why-blue-image img{
	/*width: 100%;*/
}
.our-why-blue-image-caption{
	color: var(--blue);
}
.our-why-blue-image-caption h3{
	margin-bottom: 0px;
	font-size: 1.1rem;
	font-weight: 600;
}
.our-why-blue-image-caption p{
	margin-bottom: 0px;
  	font-size: 0.9rem;
}
.red-box-container{
	max-width: 2000px;
  	margin: auto;
}
.red-box-container-row{

}
.red-box-container-col{

}
.red-box-container-outer{
	background-color: var(--red);
	display: block;
	float: left;
	width: 100%;
	padding: 70px 120px;
  	margin-bottom: 90px;
}
.red-box-title{
	display: block;
  	float: left;
  	width: 100%;
}
.red-box-title h1{
	color: var(--purple);
	font-size: 3.3rem;
	margin-bottom: 30px;
}
.red-box-desc-box{
	display: block;
  	float: left;
  	width: 100%;
}
.red-box-desc-box-in{
	float: left;
	width: 100%;
}
.red-description{
	float: left;
	width: 19%;
	border: solid var(--purple) 1px;
	border-radius: 40px;
	padding: 22px;
	margin: 10px 0.5%;
	min-height: 260px;
}
.red-description p{
	color: var(--purple);
	font-size: 1.5rem;
	margin-bottom: 0px;
}
.general-description-col{
	padding-right: 25%;
}
.general-description-col h1{
	color: var(--red);
	font-size: 3.375rem;
	margin-bottom: 35px;
}
.general-description-col p{
	color: var(--red);
	font-size: 1.5rem;
}
.double-paragraph{
	margin-top: 50px;
  	display: block;
  	margin-bottom: 50px;
}
.double-para{
	display: flex;
	border-top: solid var(--red) 1px;
  	border-bottom: solid var(--red) 1px;
}
.double-para1{
	flex-basis: 50%;
	padding: 50px 50px 50px 0px;
}
.double-para2{
	flex-basis: 50%;
	padding: 50px;
	border-left: solid var(--red) 1px;
}
.double-para-in{

}
.double-para-in h3{
	font-size: 1.225rem;
    color: var(--red);
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-bottom: 1rem;
}
.double-para-in p{
	font-size: 1.125rem;
	color: var(--red);
}
.per-linkin-a{
	display: inline-block;
	color: var(--red);
	font-size: 1.6rem;
	transition: 350ms;
}
.per-linkin-a:hover{
	color: rgb(233, 116, 116);
	text-decoration: none;
}
.bold{
	font-weight: 600;
}
.bolder{
	font-weight: 700;
}
.italic{
	font-style: italic;
}
/*Our why page ends here*/
/*New form footer starts here*/
.hubspot-form-col{

}
.hubspot-form-col .fieldset{
	width: 100%;
	max-width: 100% !important;
}
/*New form footer ends here*/
/*Footer starts here*/
.footer-form-container{
	margin-top: 80px;
    margin-bottom: 80px;
    margin-left: 170px;
    margin-right: 170px;
}
.reminu-in-fl{
	background-color: transparent;
	border: solid var(--red) 1px !important;
	border-radius: 30px !important;
	padding: 30px !important;
	color: var(--red) !important;
	font-size: 1.5rem !important;
}
.reminu-in-fl:focus{
	background-color: transparent;
	outline: none;
	box-shadow: none;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--red) !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--red) !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:var(--red) !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:var(--red) !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:var(--red) !important;
}

::placeholder { /* Most modern browsers support this now. */
   color:var(--red) !important;
}
.message-input{
	height: 175px !important;
}
#reminu-terms-btn{
	color: var(--red);
	display: block;
    margin-top: 15px;
}
#reminu-terms-btn label{
	display: inline-flex !important;

}
#reminu-terms-btn input{
	width: 20px;
    height: 20px;
    margin-right: 10px !important;
    margin-top: 3px;
    accent-color: var(--red);
}
.terms-col-in p{
	margin: 0px;
}
.terms-col-in label{
	margin: 0px;
}
.form-submit-col-in{
	display: flex;
    align-items: center;
    /* align-content: center; */
    justify-content: end;
}
.form-submit-col{
	text-align: right;
}
.form-submit-col p{
	display: flex;
	flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 0px;
}
.reminu-form-submit{
	background-color: var(--red) !important;
	color: var(--purple) !important;
	padding:15px 30px !important;
	font-size: 1.3rem !important;
	border: solid var(--red) 2px !important;
	border-radius: 30px !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	letter-spacing: 1px;
	transition: 350ms;
}
.reminu-form-submit:hover{
	color: var(--red) !important;
	background-color: var(--purple) !important;
	text-decoration: none;
}
.bottom-footer-container{
	margin-bottom: 50px;
}
.bottom-footer-container-row{

}
.bottom-footer-container-con{

}
.footer-flexs{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-flex-item{

}
.footer-flex1{

}
.footer-flex1 p{

}
.footer-flex1-p{
	color: var(--red);
	margin-bottom: 0px;
}
.footer-flex1-p-span{
	margin-left: 15px;
}
.footer-flex1-p-span a{
	color: var(--red);
	border-bottom: solid var(--red) 1px;
	transition: 350ms;
}
.footer-flex1-p-span a:hover{
	color: rgb(233, 116, 116);
	text-decoration: none;
	border-bottom: solid rgb(233, 116, 116) 1px;
	/*font-weight: 600;*/
}
.footer-flex2{

}
.footer-logo-col{

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

}
ul.footer-menu{
	padding: 0px;
	display: inline-block;
    margin-bottom: 0px;
    margin-top: 10px;
}
ul.footer-menu li{
	float: left;
    list-style: none;
    margin-left: 15px;
}
ul.footer-menu li a{
	color: var(--red);
    font-size: 1.2rem;
    font-weight: 500;
    transition: 350ms;
}
ul.footer-menu li a:hover{
	color: rgb(233, 116, 116);
	text-decoration: none;
}
.wpcf7 form.sent .wpcf7-response-output{
	color: #46b450;
}

/*smooth scroll button*/
#scroll {
    position:fixed;
    right:20px;
    bottom:12px;
    cursor:pointer;
    width:55px;
    height:55px;
    background-color:var(--red);
    text-indent:-9999px;
    display:none;
    border-radius: 20px;
    /*-webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;*/
    z-index: 99999999999;
}
#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -15px;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #ffffff;
}
#scroll:hover {
    background-color:var(--navy);
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.page-id-11 .container-fluid{
	
}
/*smooth scroll button ends here*/
/*Footer ends here*/

/*subpages contact and privacy starts here*/
.sub-page-title-col{

}
.sub-page-title-col h1{
	font-size: 4rem;
	font-family: 'Literata', serif;
	color: var(--red);
	font-weight: 500;
}
.contact-description-col{
	margin-top: 150px;
	width: 70%;
}
.contact-description-col p{
	color: var(--red);
	font-size: 1.125rem;
}
.privacy-description-col{
	margin-top: 150px;
	width: 70%;
	margin-bottom: 80px;
}
.privacy-description-col p{
	color: var(--red);
	font-size: 1.125rem;
}
@media (max-width:900px){
	.contact-description-col{
		width: 100%;
	}
	.privacy-description-col{
		width: 100%;
	}
}
@media (max-width:568px){
	.sub-page-title-col h1{
		font-size: 3rem;
	}
}

/*subpages contact and privacy ends here*/

/*Hubspot*/
fieldset{
	max-width: 100% !important;
}
.hs-richtext{
	color: var(--red) !important;
}
.hs-richtext p a{
	color: var(--red) !important;
	text-decoration: underline;
}
.hs-firstname label span, .hs-email label span{
	display: none !important;
}
fieldset.form-columns-2 ul.inputs-list{
	padding-left: 0px;
	margin-top: 20px;
}
fieldset.form-columns-2 ul.inputs-list li{
	list-style:none;
}
.hs-form-booleancheckbox label span{
	margin-left: 15px;
	color: var(--red);
}
.hs-firstname .input input{
	background-color: transparent;
  	border: solid var(--red) 1px !important;
  	border-radius: 30px !important;
  	padding: 15px !important;
  	color: var(--red) !important;
  	font-size: 1.125rem !important;
  	width: 100%;
}
.hs-firstname .input input:focus{
	border: solid var(--red) 1px !important;
	background-color: transparent;
	outline: none;
	box-shadow: none;
}
.hs-email .input input{
	background-color: transparent;
  	border: solid var(--red) 1px !important;
  	border-radius: 30px !important;
  	padding: 15px !important;
  	color: var(--red) !important;
  	font-size: 1.125rem !important;
  	width: 100%;
}
.hs-email .input input:focus{
	border: solid var(--red) 1px !important;
	background-color: transparent;
	outline: none;
	box-shadow: none;
}
.hs_submit{
	margin-top: 0px;
  	display: inline-block;
}
.hs-recaptcha{
	/*display: inline-block;*/
	display: none;
}
.hs-submit .actions input.hs-button{
	background-color: var(--red) !important;
	color: var(--purple) !important;
	padding: 15px 30px !important;
	font-size: 1.125rem !important;
	border: solid var(--red) 2px !important;
	border-radius: 30px !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	letter-spacing: 1px;
	transition: 350ms;
}
.hs-submit .actions input.hs-button:hover{
	color: var(--red) !important;
	background-color: var(--purple) !important;
}
.hbspt-form .submitted-message{
	color: var(--red) !important;
}
.hs-error-msg{
	margin-bottom: 0px;
	color: var(--red) !important;
}
.wpcf7-not-valid-tip{
	color: var(--red) !important;
	margin-top: 5px !important;
  	text-align: center !important;
}
/*Test page starts*/
.subpage-start-image{
	padding-left: 8%;
}
.subpage-start-image-box{
	position: relative;
	width: 100%;
}
@media (min-width:1700px){
	.subpage-start-image-box{
		width: 90%;
	}
}
@media (min-width:1800px){
	.subpage-start-image-box{
		width: 80%;
	}
}
@media (min-width:1900px){
	.subpage-start-image-box{
		width: 70%;
	}
}
.subpage-start-image-box-in{
	
}
.subpage-frame1-img{
	position: absolute;
	width: 100%;
}
.subpage-frame1-img1{
	border-top-left-radius: 100px;
  	border-bottom-left-radius: 100px;
}
.subpage-frame1-img2{
	top: 25px;
	left: 25px;
	border-bottom-left-radius: 80px;
	border-top-left-radius: 100px;
	width: calc(100% - 25px) !important;
}
.subpage-frame1-img3{
	top: 25px;
	left: 25px;
	border-bottom-left-radius: 80px;
	border-top-left-radius: 100px;
	width: calc(100% - 25px) !important;
}
.subpage-frame1-img4{
	top: 25px;
	left: 25px;
	border-bottom-left-radius: 80px;
	border-top-left-radius: 100px;
	width: calc(100% - 25px) !important;
}
.subpage-frame1-img5{
	top: 25px;
	left: 25px;
	border-top-left-radius: 80px;
  	border-bottom-left-radius: 80px;
  	width: calc(100% - 25px) !important;
}
@media (max-width:900px){
	.subpage-start-image-box{
		min-height: 908px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media (max-width:768px){
	.subpage-start-image-box{
		min-height: 788px;
	}
}
@media (max-width:668px){
	.subpage-start-image-box{
		min-height: 622px;
	}
}
@media (max-width:568px){
	.subpage-start-image-box{
		min-height: 520px;
	}
}
@media (max-width:500px){
	.subpage-start-image-box{
		min-height: 517px;
	}
}
@media (max-width:468px){
	.subpage-start-image-box{
		min-height: 465px;
	}
}
@media (max-width:420px){
	.subpage-start-image-box{
		min-height: 435px;
	}
}
@media (max-width:375px){
	.subpage-start-image-box{
		min-height: 379px;
	}
}
@media (max-width:360px){
	.subpage-start-image-box{
		min-height: 309px;
	}
}
/*Test Page ends here*/

/*Test2 Page starts here*/
.our-why-blue-image-col{
	position: relative;
	height: 62vh;
	min-height: 400px;
	width: 100%;
}
.image-story-colorbox1-img{
	position: absolute;
	
}
.image-story-colorbox1-img1{
	width: 40%;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index:99999;
	border-radius: 50px;
}
.image-story-colorbox1-img2{
	right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 78%;
	border-radius: 50px;
}
.image-story-colorbox1-text-box{
	/*right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 78%;
	border-radius: 50px;
	display: flex;
	position: absolute;
	background-color: #fff;*/
	right: calc(70% + 25px);
  	top: 25px;
  	height: calc(100% - 50px);
  	width: 8%;
  	border-radius: 50px;
  	display: flex;
  	position: absolute;
  	background-color: #fff;
  	justify-content: center;

}
.image-story-colorbox1-text-box-img{
	border-radius: 50px;
  	/*display: none;*/
  	max-width: 100%;
  	height: auto;
}
.image-story-colorbox1-text-box-in{
	position: relative;
}
.image-story-colorbox1-text-box p{
	transform: rotate(-90deg);
	margin-bottom: 0px;
	font-size: 0.9rem;
	text-align: center;
	z-index: 9999999999999999999;
	padding-top: 10%;
}
.image-story-colorbox1-img3{
	right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 80%;
	border-radius: 50px;
}
.image-story-colorbox1-img4{
	right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 85%;
	border-radius: 50px;
}
.image-story-colorbox1-img5{
	right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 90%;
	border-radius: 50px;
}
.image-story-colorbox1-img6{
	right: 25px;
	top: 25px;
	/*height: calc(40% - 50px);*/
	height: auto;
	width: 100%;
	border-radius: 25px;
}
.image-story-colorbox1-img7{
	right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 94%;
	border-radius: 50px;
}
.image-story-colorbox1-img8{
	right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 70%;
	border-radius: 50px;
	z-index:9999999;
}
.image-story-colorbox1-main-img-box{
	right: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 70%;
	border-radius: 50px;
	z-index:99999999;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media (max-width:2000px){
	.our-why-blue-image-col{
		height: 62vh;
		min-height: 400px;
	}
}
@media (max-width:1800px){
	.our-why-blue-image-col{
		height: 62vh;
		min-height: 400px;
	}
}
@media (max-width:1600px){
	.image-story-colorbox1-text-box p{
		padding-top: 13%;
	}
}
@media (max-width:1400px){
	.our-why-blue-image-col{
		height: 40vh;
	}

}
@media (max-width:1200px){
	.our-why-blue-image-col{
		height: 42vh;
		min-height: 340px;
	}
}
@media (max-width:1000px){
	.our-why-blue-image-col{
		height: 36vh;
		min-height: 250px;
	}
}
/*Color box2 styles starts here*/
.home-red-image-col{
	position: relative;
	height: 62vh;
	min-height: 400px;
	width: 100%;
}
.image-story-colorbox2-img{
	position: absolute;
	
}
.image-story-colorbox2-img1{
	width: 40%;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index:99999;
	border-radius: 50px;
}
.image-story-colorbox2-img2{
	left: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 78%;
	border-radius: 50px;
}
.image-story-colorbox2-text-box{
	left: calc(70% + 25px);
  	top: 25px;
  	height: calc(100% - 50px);
  	width: 8%;
  	border-radius: 50px;
  	display: flex;
  	position: absolute;
  	background-color: #fff;
  	justify-content: center;

}
.image-story-colorbox2-text-box-img{
	border-radius: 50px;
  	/*display: none;*/
  	max-width: 100%;
  	height: auto;
  	transform: rotate(180deg);
}
.image-story-colorbox2-text-box-in{
	position: relative;
}
.image-story-colorbox1-text-box p{
	transform: rotate(-90deg);
	margin-bottom: 0px;
	font-size: 0.9rem;
	text-align: center;
	z-index: 9999999999999999999;
	padding-top: 10%;
}
.image-story-colorbox2-img3{
	left: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 80%;
	border-radius: 50px;
}
.image-story-colorbox2-img4{
	left: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 85%;
	border-radius: 50px;
}
.image-story-colorbox2-img5{
	left: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 90%;
	border-radius: 50px;
}
.image-story-colorbox2-img6{
	left: 25px;
	top: 25px;
	/*height: calc(40% - 50px);*/
	height: auto;
	width: 100%;
	border-radius: 25px;
}
.image-story-colorbox2-img7{
	left: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 94%;
	border-radius: 50px;
}
.image-story-colorbox2-img8{
	left: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 70%;
	border-radius: 50px;
	z-index:9999999;
}
.image-story-colorbox2-main-img-box{
	left: 25px;
	top: 25px;
	height: calc(100% - 50px);
	width: 70%;
	border-radius: 50px;
	z-index:99999999;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
@media (max-width:2000px){
	.home-red-image-col{
		height: 62vh;
		min-height: 400px;
	}
}
@media (max-width:1800px){
	.home-red-image-col{
		height: 62vh;
		min-height: 400px;
	}
}
@media (max-width:1600px){
	.image-story-colorbox2-text-box p{
		padding-top: 13%;
	}
}
@media (max-width:1400px){
	.our-why-blue-image-col{
		height: 40vh;
	}

}
@media (max-width:1200px){
	.our-why-blue-image-col{
		height: 42vh;
		min-height: 340px;
	}
}
@media (max-width:1000px){
	.our-why-blue-image-col{
		height: 36vh;
		min-height: 250px;
	}
}
/*Color box2 styles ends here*/
/*Mobile color box styles starts here*/
.mobile-color-box{
	position: relative;
  	height: 897px;
  	width: 100%;
}
.mobile-color-box-main-img{
	height: 700px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	border-top-left-radius: 50px;
  	border-top-right-radius: 50px;
}
.mobile-color-box-border{
	position: absolute;
	width: 100%;
	border-bottom-left-radius: 50px;
  	border-bottom-right-radius: 50px;
  	border-top-left-radius: 70px;
  	border-top-right-radius: 70px;
}
.mobile-color-box-border1{
	top: 0px;
	height: calc(700px + 50px);
	background-color: #fff;
}
.mobile-color-box-text-box{
	top: 700px;
	height: 50px;
	background-color: #fff;
	display: flex;
	align-items: center;
  	justify-content: center;
  	position: absolute;
  	width: 100%;
  	border-bottom-left-radius: 50px;
  	border-bottom-right-radius: 50px;
  	
}
.mobile-color-box-text-box p{
	margin-bottom: 0px;
	color: var(--purple);
}
.mobile-color-box-border2{
	top: 0px;
	height: calc( 700px + 50px + 12px);
	background-color: #00adb8;
}
.mobile-color-box-border3{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px);
	background-color: #18687f;
}
.mobile-color-box-border4{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px + 30px);
	background-color: #174c69;
}
.mobile-color-box-border5{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px+ 30px + 25px);
	background-color: #143154;
}
.mobile-color-box-border6{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px + 30px + 50px);
	background-color: #fff;
	width: 30% !important;
	border-bottom-left-radius: 20px !important;
  	border-bottom-right-radius: 20px !important;
  	display: flex;
  	align-items: end;
  	justify-content: center;
}
.mobile-color-box-border6-in{
	width: 100%;
	display: flex;
	height: 50px;
	z-index: 999;
	align-items: center;
	justify-content: center;
}
.mobile-color-box-border6-in img{
	width: auto;
  	height: 30px;
}
@media (max-width:900px){

}
@media (max-width:768px){
	.mobile-color-box{
	  	height: 827px;
	}
	.mobile-color-box-main-img{
		height: 630px;
	}
	.mobile-color-box-text-box{
		top: 630px;
	}
	.mobile-color-box-border1{
		height: calc(630px + 50px);
	}
	.mobile-color-box-border2{
		height: calc( 630px + 50px + 12px);
	}
	.mobile-color-box-border3{
		height: calc( 630px + 50px + 12px + 30px);
	}
	.mobile-color-box-border4{
		height: calc( 630px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box-border5{
		height: calc( 630px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box-border6{
		height: calc( 630px + 50px + 12px + 30px + 30px + 50px);
	}
	
}
@media (max-width:680px){
	.mobile-color-box{
	  	height: 797px;
	}
	.mobile-color-box-main-img{
		height: 600px;
	}
	.mobile-color-box-text-box{
		top: 600px;
	}
	.mobile-color-box-border1{
		height: calc(600px + 50px);
	}
	.mobile-color-box-border2{
		height: calc( 600px + 50px + 12px);
	}
	.mobile-color-box-border3{
		height: calc( 600px + 50px + 12px + 30px);
	}
	.mobile-color-box-border4{
		height: calc( 600px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box-border5{
		height: calc( 600px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box-border6{
		height: calc( 600px + 50px + 12px + 30px + 30px + 50px);
	}
}
@media (max-width:528px){
	.mobile-color-box{
	  	height: 717px;
	}
	.mobile-color-box-main-img{
		height: 520px;
	}
	.mobile-color-box-text-box{
		top: 520px;
	}
	.mobile-color-box-border1{
		height: calc(520px + 50px);
	}
	.mobile-color-box-border2{
		height: calc( 520px + 50px + 12px);
	}
	.mobile-color-box-border3{
		height: calc( 520px + 50px + 12px + 30px);
	}
	.mobile-color-box-border4{
		height: calc( 520px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box-border5{
		height: calc( 520px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box-border6{
		height: calc( 520px + 50px + 12px + 30px + 30px + 50px);
	}
}
@media (max-width:500px){
	.mobile-color-box-border6-in img{
		height: 28px;
	}
}
@media (max-width:420px){
	.mobile-color-box{
	  	height: 627px;
	}
	.mobile-color-box-main-img{
		height: 430px;
	}
	.mobile-color-box-text-box{
		top: 430px;
	}
	.mobile-color-box-border1{
		height: calc(430px + 50px);
	}
	.mobile-color-box-border2{
		height: calc( 430px + 50px + 12px);
	}
	.mobile-color-box-border3{
		height: calc( 430px + 50px + 12px + 30px);
	}
	.mobile-color-box-border4{
		height: calc( 430px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box-border5{
		height: calc( 430px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box-border6{
		height: calc( 430px + 50px + 12px + 30px + 30px + 50px);
	}
	.mobile-color-box-border6{
		width: 36% !important;
	}
}
/*Mobile color box styles ends here*/

/*Mobile color box2 styles starts here*/
.mobile-color-box2{
	position: relative;
  	height: 897px;
  	width: 100%;
}
.mobile-color-box2-main-img{
	height: 700px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	border-top-left-radius: 50px;
  	border-top-right-radius: 50px;
}
.mobile-color-box2-border{
	position: absolute;
	width: 100%;
	border-bottom-left-radius: 50px;
  	border-bottom-right-radius: 50px;
  	border-top-left-radius: 70px;
  	border-top-right-radius: 70px;
}
.mobile-color-box2-border1{
	top: 0px;
	height: calc(700px + 50px);
	background-color: #fff;
}
.mobile-color-box2-text-box{
	top: 700px;
	height: 50px;
	background-color: #fff;
	display: flex;
	align-items: center;
  	justify-content: center;
  	position: absolute;
  	width: 100%;
  	border-bottom-left-radius: 50px;
  	border-bottom-right-radius: 50px;
  	
}
.mobile-color-box2-text-box p{
	margin-bottom: 0px;
	color: var(--purple);
}
.mobile-color-box2-border2{
	top: 0px;
	height: calc( 700px + 50px + 12px);
	background-color: #dc5050;
}
.mobile-color-box2-border3{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px);
	background-color: #a93a4d;
}
.mobile-color-box2-border4{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px + 30px);
	background-color: #822443;
}
.mobile-color-box2-border5{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px+ 30px + 25px);
	background-color: #143154;
}
.mobile-color-box2-border6{
	top: 0px;
	height: calc( 700px + 50px + 12px + 30px + 30px + 50px);
	background-color: #fff;
	width: 30% !important;
	border-bottom-left-radius: 20px !important;
  	border-bottom-right-radius: 20px !important;
  	display: flex;
  	align-items: end;
  	justify-content: center;
}
.mobile-color-box2-border6-in{
	width: 100%;
	display: flex;
	height: 50px;
	z-index: 999;
	align-items: center;
	justify-content: center;
}
.mobile-color-box2-border6-in img{
	width: auto;
  	height: 30px;
}
@media (max-width:900px){

}
@media (max-width:768px){
	.mobile-color-box2{
	  	height: 827px;
	}
	.mobile-color-box2-main-img{
		height: 630px;
	}
	.mobile-color-box2-text-box{
		top: 630px;
	}
	.mobile-color-box2-border1{
		height: calc(630px + 50px);
	}
	.mobile-color-box2-border2{
		height: calc( 630px + 50px + 12px);
	}
	.mobile-color-box2-border3{
		height: calc( 630px + 50px + 12px + 30px);
	}
	.mobile-color-box2-border4{
		height: calc( 630px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box2-border5{
		height: calc( 630px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box2-border6{
		height: calc( 630px + 50px + 12px + 30px + 30px + 50px);
	}
	
}
@media (max-width:680px){
	.mobile-color-box2{
	  	height: 797px;
	}
	.mobile-color-box2-main-img{
		height: 600px;
	}
	.mobile-color-box2-text-box{
		top: 600px;
	}
	.mobile-color-box2-border1{
		height: calc(600px + 50px);
	}
	.mobile-color-box2-border2{
		height: calc( 600px + 50px + 12px);
	}
	.mobile-color-box2-border3{
		height: calc( 600px + 50px + 12px + 30px);
	}
	.mobile-color-box2-border4{
		height: calc( 600px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box2-border5{
		height: calc( 600px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box2-border6{
		height: calc( 600px + 50px + 12px + 30px + 30px + 50px);
	}
}
@media (max-width:528px){
	.mobile-color-box2{
	  	height: 717px;
	}
	.mobile-color-box2-main-img{
		height: 520px;
	}
	.mobile-color-box2-text-box{
		top: 520px;
	}
	.mobile-color-box2-border1{
		height: calc(520px + 50px);
	}
	.mobile-color-box2-border2{
		height: calc( 520px + 50px + 12px);
	}
	.mobile-color-box2-border3{
		height: calc( 520px + 50px + 12px + 30px);
	}
	.mobile-color-box2-border4{
		height: calc( 520px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box2-border5{
		height: calc( 520px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box2-border6{
		height: calc( 520px + 50px + 12px + 30px + 30px + 50px);
	}
}
@media (max-width:500px){
	.mobile-color-box2-border6-in img{
		height: 28px;
	}
}
@media (max-width:420px){
	.mobile-color-box2{
	  	height: 627px;
	}
	.mobile-color-box2-main-img{
		height: 430px;
	}
	.mobile-color-box2-text-box{
		top: 430px;
	}
	.mobile-color-box2-border1{
		height: calc(430px + 50px);
	}
	.mobile-color-box2-border2{
		height: calc( 430px + 50px + 12px);
	}
	.mobile-color-box2-border3{
		height: calc( 430px + 50px + 12px + 30px);
	}
	.mobile-color-box2-border4{
		height: calc( 430px + 50px + 12px + 30px + 30px);
	}
	.mobile-color-box2-border5{
		height: calc( 430px + 50px + 12px + 30px+ 30px + 25px);
	}
	.mobile-color-box2-border6{
		height: calc( 430px + 50px + 12px + 30px + 30px + 50px);
	}
	.mobile-color-box2-border6{
		width: 36% !important;
	}
}
/*Mobile color box2 styles ends here*/

/*our why starts*/
.ourwhyintro-img-col{
	position: relative;
  	width: 100%;
  	height: 440px;
  	margin-top: 30px;
}
.ourwhyintro-img{
	position: absolute;
	border-bottom-left-radius: 50px;
  	border-top-left-radius: 50px;
}
.ourwhyintro-img5{
	right: 0px;
	top: -30px;
	bottom: -30px;
	height: calc(440px + 60px);
}
.ourwhyintro-img4{
	left: 0px;
	top: 0px;
	width: 100%;
	height: 440px;
}
.ourwhyintro-img3{
	left: 25px;
	top: 0px;
	width: calc(100% - 25px);
	height: 440px;
}
.ourwhyintro-img2{
	left: 50px;
	top: 0px;
	width: calc(100% - 50px);
	height: 440px;
}
.ourwhyintro-img1{
	left: 75px;
	top: 0px;
	width: calc(100% - 75px);
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width:2000px){
	.ourwhyintro-img-col{
		height: 440px;
	}
	.ourwhyintro-img5{
		height: calc(440px + 60px);
	}
	.ourwhyintro-img4{
		height: 440px;
	}
	.ourwhyintro-img3{
		height: 440px;
	}
	.ourwhyintro-img2{
		height: 440px;
	}
	.ourwhyintro-img1{
		height: 440px;
	}
}
@media (max-width:1700px){

}
@media (max-width:1500px){

	.ourwhyintro-img-col{
		height: 400px;
	}
	.ourwhyintro-img5{
		height: calc(400px + 60px);
	}
	.ourwhyintro-img4{
		height: 400px;
	}
	.ourwhyintro-img3{
		height: 400px;
	}
	.ourwhyintro-img2{
		height: 400px;
	}
	.ourwhyintro-img1{
		height: 400px;
	}
}
@media (max-width:1300px){

}
@media (max-width:1000px){

}
@media (max-width:900px){

}
@media (max-width:768px){

}
@media (max-width:680px){

	.ourwhyintro-img-col{
		height: 340px;
	}
	.ourwhyintro-img5{
		height: calc(340px + 60px);
	}
	.ourwhyintro-img4{
		height: 340px;
	}
	.ourwhyintro-img3{
		height: 340px;
	}
	.ourwhyintro-img2{
		height: 340px;
	}
	.ourwhyintro-img1{
		height: 340px;
	}
}
@media (max-width:568px){

	.ourwhyintro-img-col{
		height: 280px;
	}
	.ourwhyintro-img5{
		height: calc(280px + 60px);
	}
	.ourwhyintro-img4{
		height: 280px;
	}
	.ourwhyintro-img3{
		height: 280px;
	}
	.ourwhyintro-img2{
		height: 280px;
	}
	.ourwhyintro-img1{
		height: 280px;
	}
}
@media (max-width:420px){
	.ourwhyintro-img-col{
		height: 230px;
	}
	.ourwhyintro-img5{
		height: calc(230px + 60px);
	}
	.ourwhyintro-img4{
		height: 230px;
	}
	.ourwhyintro-img3{
		height: 230px;
	}
	.ourwhyintro-img2{
		height: 230px;
	}
	.ourwhyintro-img1{
		height: 230px;
	}
}
/*our why ends*/
/*Test2 page ends here*/


@media (max-width:1400px){
	.blue-description{
		min-height: 350px;
	}
}
@media (max-width:1356px){
	.home-platform{
		margin-left: 100px;
  		margin-right: 100px;
	}
}

@media (max-width:1320px){
	.down-arrow-div {
	  margin-top: 125px;
	}
}
@media (max-width:1270px){
	.blue-description{
		width: 24%;
	}
}

@media (max-width:1220px){
	.home-platform{
		margin-left: 15px;
  		margin-right: 15px;
	}
}

@media (max-width:1150px){
	.red-description{
		width: 32.33%;
		min-height: 200px;
	}
	.home-banner{
		flex-direction: column;
	}
	.home-banner-texts{
		flex-basis: 100%;
	}
	.home-banner-img{
		flex-basis: 100%;
	}
	.home-banner-texts-in{
		position: unset;
	}
	.home-banner-description{
		max-width: 100%;
		margin-bottom: 40px;
	}
	.home-banner-title h1 {
	  font-size: 7rem;
	  line-height: 7rem;
	}
	.down-arrow-div {
	  margin-top: 75px;
	}
}

@media (max-width:1100px){
	.blue-description{
		width: 32.3333%;
		min-height: 300px;
	}
	.home-platform-process{
		display: flex;
		width: 60%;
		align-items: center;
	}
	.home-platform-hr-div{
		display: flex;
		/*flex-basis: 30%;*/
	}
	.platform-list-items{
		display: flex;
		/*flex-basis: 70%;*/
		flex-direction: column;
		width: 100%;
		margin-top: 0px;
		align-items: flex-start;
    	padding-left: 40px;
	}
	.list-item1{
		flex-basis: 100%;
		width: 100%;
	}
	.list-item2{
		flex-basis: 100%;
		display: flex;
    	flex-direction: column;
    	width: 100%;
	}
	.list-item1-ul{
		flex-direction: column;
		background: linear-gradient(180deg, rgb(84, 13, 59) 0%, rgb(169, 58, 77) 100%);
	}
	.list-item1-ul li{
		float: unset;
		padding: 8px 10px;
	}
	.list-item1-ul li a{

	}
	.list-item2-ul{
		flex-direction: column;
	}
	.list-item2-ul li{
		float: left;
  		margin: 8px 0px;
	}
	.list-item2-ul li a{
		display: inline-block;
		width: 100%;
	}
	.home-hr1-img-desktop{
		display: none;
	}
	.home-hr1-img-mobile{
		display: block;
		height: 140px;
    	width: 1px;
	}
	.home-hr3-img-desktop{
		display: none;
	}
	.home-hr3-img-mobile{
		display: block;
		height: 140px;
    	width: 1px;
	}
	.home-platform-hr-div-in{
		flex-direction: column;
	}
	.home-hr2-img {
	  margin: 10px;
	  transform: rotate(270deg);
	}
	.home-platform-second-title h1{
		margin-bottom: 40px;

	}
}

@media (max-width:1050px){
	
	.red-description{
		min-height: 242px;
	}
}

@media (max-width:900px){
.desktop-only{
	display: none;
}
.mobile-only{
	display: block;
}
.main-container {
  padding-left: 60px;
  padding-right: 60px;
}
/*home starts*/
.home-banner{
	flex-direction: column;
}
.home-banner-texts{
	flex-basis: 100%;
}
.home-banner-img{
	flex-basis: 100%;
}
.home-banner-texts-in{
	position: unset;
}
.home-banner-description{
	max-width: 100%;
	margin-bottom: 40px;
}
.half-text1 {
  padding-right: 0%;
}
.circle-div-span{
	font-size: 1.8rem;
}
.circle-div{
	height: 300px;
	padding: 50px 0px;
	margin-bottom: 30px;
}
.home-platform{
	margin-left: 70px;
  	margin-right: 70px;
}

.home-platform-second-title h1{
	text-align: center;
}
.home-banner-title h1 {
  font-size: 6.5rem;
  line-height: 6.5rem;
}
.down-arrow-div{
	margin-top: 15px;
}
.color-pallet-div{
	margin-top: 15px;
}
.blue-description{
	width: 100%;
    min-height: unset;
    margin: 15px 0px;
    border-radius: 20px;
}
/*Home ends*/
/*footer starts*/
.footer-form-container{
	margin-left: 60px;
  margin-right: 60px;
}
.footer-flexs{
	flex-direction: column-reverse;
}
.footer-logo-col{
	margin-top: 50px;
	margin-bottom: 50px;
}
.caption-col h3{
	font-size: 1rem;
}
.circle-divs{
	flex-direction: column;
  margin-bottom: 15px;
}
/*Footer ends*/
/*Platform Starts*/
.sub-page-backgrounder-in{
	margin: 0px 0px;
}
.sub-page-intro-container{
	padding-left: 0px;
}
.platform-subpage-start-text{
	flex-basis: 100%;
	padding-right: 60px;
    padding-left: 60px;
}
.platform-subpage-start-image {
  flex-basis: 100%;
  padding-left: 60px;
}
.subpage-start{
	flex-direction: column;
}
.blue-box-container-outer{
	padding: 70px 60px;
}
.green-box-container-outer{
	padding: 60px 60px;
}
.green-box-desc-box{
	flex-direction: column;
}
.green-box-desc-box-texts{
	flex-basis: 100%;
}
.green-box-desc-box-btn-col{
	flex-basis: 100%;
	justify-content: start;
  	width: 100%;
}
.subpage-intro-img{
	margin-top: 25px;
}

/*Platform Ends*/
/*Our why starts*/
.ourwhy-subpage-start-text{
	flex-basis: 100%;
    padding-right: 60px;
    padding-left: 60px;
}
.ourwhy-sub-page-description p{
	margin-right: 0%;
}
.ourwhy-subpage-start-image{
	flex-basis: 100%;
  	padding-left: 60px;
  	flex-direction: column;
}
.subpage-start-img-under-text{
	padding-right: 60px;
	margin-top: 50px;
}
.subpage-start-img-under-text p{
	font-size: 1.125rem;
  	color: var(--red);
}
.our-why-blue-box-container-outer{
	padding: 70px 60px 30px 60px;
}
.our-why-blue-descriptions{
	flex-direction: column;
}
.our-why-blue-descriptions1{
	flex-basis: 100%;
}
.our-why-blue-descriptions2{
	flex-basis: 100%;
}
.our-why-blue-descriptions1 ul li{
	line-height: unset;
}
.our-why-blue-descriptions1 ul{
	margin-bottom: 0px;
}
.red-box-container-outer{
	padding: 70px 60px;
}
.general-description-col{
	padding-right: 0%;
}
.green-box-desc-box-btn-co{
	text-align: left;
}
.green-box-desc-box{
	align-items: baseline;
}
.our-why-blue-image-caption{
	margin-bottom: 20px;
}
/*Our why ends here*/
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right{
	z-index: 999;
}
.caption-col{
	text-align: start;
  	margin-bottom: 20px;
}


}

@media (max-width:768px){
	
	.circle-div1 .circle-div-span{
		text-align: center;
	}
	.blue-box-container-outer{
		padding: 70px 30px;
	}
	.footer-form-container {
	    margin-left: 30px;
	    margin-right: 30px;
	 }
	 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{
	 	display: flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: center;
	 }
	 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	 	font-size: 1.5rem;
  		margin-bottom: 25px;
	 }
	 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
	 	background: #00acb7;
    	border-radius: 10px;
	 }
	 .red-description{
		width: 100%;
		min-height: unset;
		border-radius: 20px;
	}
	.home-platform-process{
		width: 80%;
	}
	.caption-col{
		margin-bottom: 15px;
	}
	.our-why-blue-image-caption{
		text-align: right;
  		margin-bottom: 15px;
	}
}
@media (max-width:680px){
	.circle-div {
	    height: 200px;
	    margin-bottom: 30px;
	}
	 .main-container {
	    padding-left: 30px;
	    padding-right: 30px;
	  }
	.home-platform {
	    margin-left: 0px;
	    margin-right: 0px;
	}
	.home-platform-description{
	  	margin-bottom: 60px;
	}
    .home-banner-title h1 {
	    font-size: 4.5rem;
	    line-height: 4.5rem;
	}
	.blue-description{
		
	}
	 .footer-form-container {
	    margin-left: 0px;
	    margin-right: 0px;
	  }
	  .form-submit-col p {
	    flex-direction: column;
	  }
	  .platform-subpage-start-text {
	    padding-right: 30px;
	    padding-left: 30px;
	  }
	   .platform-subpage-start-image {
	    padding-left: 30px;
	  }
	  .accordion-title-section {
		  padding-right: 0%;
		}
	.green-box-container-outer {
	    padding: 60px 30px;
	 }
	 .green-box-desc-box-btn{
	 	margin-top: 10px;
	 }
	 .tab input:checked ~ .tab__content{
	 	margin-bottom: 15px;
	 }
	 .ourwhy-subpage-start-text{
	 	padding-right: 30px;
    	padding-left: 30px;
	 }
	 .ourwhy-subpage-start-image{
	 	padding-left: 30px;
	 }
	 .subpage-start-img-under-text{
	 	padding-right: 30px;
	 }
	 .our-why-blue-box-container-outer{
	 	padding: 70px 30px 30px 30px;
	 }
	  .red-box-container-outer {
	    padding: 70px 30px;
	 }
	 .double-para1{
	 	padding: 30px 30px 30px 0px;
	 }
	 .double-para2{
	 	padding: 30px;
	 }


}

@media (max-width:568px){

	.main-container {
		padding-left: 15px;
	    padding-right: 15px;
	}
	.half-main-container{
		padding-left: 15px;
  		padding-right: 15px;
	}
	.footer-form-container {
	    margin-left: 20px;
	    margin-right: 20px;
	  }
	.form-submit-col p{
	  	flex-direction: column;
	  }
	.blue-description{
	  	/*min-height: 306px;*/
	  }
	.blue-description{
	  	/*width: 48%;
    	margin: 10px 1%;*/
	  }
	 .double-para{
	 	flex-direction: column;
	 	/*border: solid var(--red) 1px;*/
	 }
	 .double-para1{
	 	padding: 30px 0px 15px 0px;
    	border-top: solid var(--red) 1px;
    	border-bottom: solid var(--red) 1px;
	 }
	 .double-para2{
	 	border-left: none;
	 	padding: 30px 0px 15px 0px;
    	border-bottom: solid var(--red) 1px;
	 }
	 .red-description{
	 	width: 100%;
    	margin: 10px 0px;
    	min-height: unset;
	 }
	 .red-description p{
	 	margin-bottom: 0px;
	 }
	 .home-platform-process{
		width: 100%;
	}
	 .platform-subpage-start-text {
	    padding-right: 15px;
	    padding-left: 15px;
	  }
	   .blue-box-container-outer {
	    padding: 70px 15px;
	  }
	   .green-box-container-outer {
	    padding: 60px 15px;
	  }
	  .subpage-title h1{
	  	font-size: 3rem;
	  }
	  .sub-page-description h1{
	  	font-size: 3rem;
	  }
	  .sub-page-description h2{
	  	font-size: 1.5rem;
	  }
	  .blue-box-title h1{
	  	font-size: 2.5rem;
	  }
	  .accordion-title-section h1{
	  	font-size: 2.5rem;
	  }
	  .tab__label{
	  	font-size: 1.5rem;
	  }
	  .green-box-title h1{
	  	font-size: 2.5rem;
	  }
	  .green-box-desc-box-btn{
	  	font-size: 1rem;
	  }
	  .green-box-desc-box-texts p{
	  	font-size: 1.3rem;
	  }
	  .reminu-in-fl{
	  	font-size: 1.3rem !important;
	  }
	  .footer-logo-img{
	  	width: 200px;
	  }
	  .footer-flex1-p{
	  	font-size: 0.9rem;
	  }
	  .footer-menu li:first-child, .footer-menu li:second-child{
	  	display: none;
	  }
	  .ourwhy-subpage-start-text{
	  	padding-right: 15px;
    	padding-left: 15px;
	  }
	  .ourwhy-sub-page-description h1 {
	  	font-size: 3rem !important;
	  }
	  .our-why-blue-titles h1{
	  	font-size: 2.5rem;
	  }
	  .our-why-blue-titles h3{
	  	font-size: 1.3rem;
	  }
	  .our-why-blue-descriptions1 ul li, .our-why-blue-descriptions2 ul li{
	  	font-size: 1.3rem;
	  }
	   .ourwhy-subpage-start-image {
	    padding-left: 15px;
	  }
	   .our-why-blue-box-container-outer {
	    padding: 70px 15px 30px 15px;
	  }
	  .red-box-container-outer {
	    padding: 70px 15px;
	  }
	  .red-box-title h1{
	  	font-size: 2.5rem;
	  }
	  .red-description p{
	  	font-size: 1.3rem;
	  }
	  .general-description-col h1{
	  	font-size: 2.5rem;
	  }
	  .general-description-col p{
	  	font-size: 1.3rem;
	  }
	  .double-para{
	  	border: none;
	  }
	  .subpage-start-img-under-text{
	  	padding-right: 15px;
	  }
	  .home-platform-second-title h1{
	  	font-size: 1.8rem;
	  }
}

@media (max-width:500px){
	.blue-description{
	  	/*min-height: 412px;*/
	  }
}

@media (max-width:420px){
	  .main-container {
	    padding-left: 15px;
	    padding-right: 15px;
	  }
	  .home-platform {
	    margin-left: 15px;
	    margin-right: 15px;
	  }
	  .footer-form-container {
	    margin-left: 15px;
	    margin-right: 15px;
	  }
	  .half-main-container {
		  padding-left: 15px;
		  padding-right: 15px;
	  }
	  .hbt-underline{
	  	line-height: 6rem;
	  }
	  .blue-description{
	  	/*min-height: 440px;*/
	  }
	  
}


/*Min widths*/
@media (min-width:1615px){
	.circle-div{
		border-radius: 200px;
		min-height: 700px;
	}
}