*
{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
@font-face {
  font-family: mysemiboldFont;
  src: url(../css/fonts/Poppins-SemiBold.ttf);
}
body
{
    overflow-x: hidden;
}
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
.amenities-bx
{
	padding: 0em 0 2em 0;
}
.col-sm-3-1 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.Ellipse_6 {
border-radius: 50%;
background-image: -moz-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
background-image: -webkit-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
background-image: -ms-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
opacity: 0.4;
opacity: 0.4;
position: absolute;
right: -174px;
top: 300px;
width: 340px;
height: 340px;
filter: blur(80px);
z-index: -1;
}
.contact-us
{
    /*padding: 3em 0;*/
   /* background-color: #fbfbfb;*/
    margin: 0em 0 3em 0;
}
.cnt-form
{
    box-shadow: 0px -1px 41px 0px rgb(21 22 23 / 8%);
    padding: 2em 3em;
}
label {
display: inline-block;
margin-bottom: .5rem;
color: #808285;
font-family: mysemiboldFont;
font-size: 16px;
font-weight: normal;
}
.title
{
	 font-family: mysemiboldFont;
    font-size: 29px;
    color: #1e1c31;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 2em;
    margin-top: 2em;
}
.title-23 {
 font-family: mysemiboldFont;
    font-size: 22px;
    color: #1e1c31;
    text-align: center;
    padding: 10px 84px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 30px;
}
.title-1 {
   font-family: mysemiboldFont;
    font-size: 22px;
    color: #1e1c31;
    text-align: center;
    padding: 10px 10px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 33px;
}
.ml-pl
{
	padding: 0 8px;
}
.ar-bc-iocn
{
    width: 100%;
}
.am-bx {
       background-color: #4bb2e2;
    padding: 10px;
    border-radius: 10px;
    height: 230px;
    margin-bottom: 17px;
    display: flex;
    justify-content: space-between;
    align-items:  center;
    flex-direction: column;
}
.am-bx:hover
{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.am-bx:hover .icon-ar
{

}
.am-bx1 {
       background-color: #ed91b2;
    padding: 10px;
    border-radius: 10px;
    height: 230px;
    display: flex;
    margin-bottom: 17px;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    transition: 0.5s all;
}
.am-bx1:hover
{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.offer-bx {
  margin-left: 0;
}

.info-cnt {
  color: #000;
  font-family: mysemiboldFont;
  font-size: 15px;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0em;
}
.fnt-icon
{
	color: #4270ec;
	font-size: 20px;
}

.icon-ar
{
	    width: 30px;
    background-color: #fff;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-bx p {
    font-family: mysemiboldFont;
    font-size: 25px;
    color: #fff;
    padding: 50px 40px;
    font-weight: 100;
    letter-spacing: 0px;
    line-height: 37px;
    margin: 0;
}
.pmob-5
{
	padding: 0 5px;
}
.info-bx
{
	 border-radius: 20px;
	  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  background-image: -moz-linear-gradient( 15.603deg, rgb(82,127,246) 0%, rgb(225,109,217) 64%, rgb(255,204,112) 100%);
  background-image: -webkit-linear-gradient( 15.603deg, rgb(82,127,246) 0%, rgb(225,109,217) 64%, rgb(255,204,112) 100%);
  background-image: -ms-linear-gradient( 15.603deg, rgb(82,127,246) 0%, rgb(225,109,217) 64%, rgb(255,204,112) 100%);

}
.center
{
	 display: flex;
    justify-content: center;
    align-items: center;
}
.get-btn
{
	background-color: #fff;
    color: #4270ec;
    font-family: mysemiboldFont;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 22px;
    border-radius: 13px;
    transition: 0.5s all;
    border: 1px solid #fff;
}
.get-btn:hover
{
   background-color: #4270ec;
    color:#fff; 
    border: 1px solid #4270ec;
}
.offer-bx
{
	padding: 0em 0;
    position: relative;
}

.offer-bx
{
	margin-left: 3em;
}
.offer-bx ul 
{
	margin-left: 3em;
}
.offer-bx li  
{
	color: #8e8e90;
	font-family: mysemiboldFont;
	font-size: 18px;
	margin-bottom: 1em;
}

.info-cnt
{
	color: #000;
	font-family: mysemiboldFont;
	font-size: 15px;
	margin-left: 28px;
	margin-top: 2em;
	margin-bottom: 0em;
}
.footer
{
	border-top: 1px solid #000;
	padding: 2em 0;
    position: relative;
    margin-top: 3em;
}
.footer-link p 
{
	font-family: mysemiboldFont;
	font-size: 18px;
	color: #000;
}
.abt-us
{
	padding: 2em 0;
}
.right-abt p {
       color: #1e1c31;
    font-family: mysemiboldFont;
    font-size: 22px;
    line-height: 44px;
}
.hr-line
{
	border-top: 1px solid #d1d1d4;
    margin-bottom: 2em;
    margin-top: 2em;
}
.right-abt
{
	padding-right: 5em;
}
.header-btm
{
    border-top: 1px solid #000;
        margin-top: -28px;

}
.header
{
    margin: 4px 0 0 0;
}
.margin-tp 
{
    margin-top: -28px;
}
.get-btn-1 {
    background-color: #4270ec;
    color: #fff;
    font-family: mysemiboldFont;
    font-size: 14px;
    display: inline-block;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    padding: 10px 22px;
    border-radius: 13px;
    margin-top: 5em;
    transition: 0.5s all;
    border: 1px solid #4270ec;
}
.get-btn-1:hover
{
background-color: #fff;
    color: #4270ec;
}
.item-flex
{
	display: flex;
	justify-content: space-between;
}
.item-bx
{
    width: 218px;
    display: flex;
    justify-content: space-between;
}
.left-abt, .right-abt
{
	margin-top: 2em;
}
.items
{
	padding: 4em 0 0 0;
}
.item-title
{
     color: #808285;
    font-family: mysemiboldFont;
    font-size: 14px;
    margin: 0 0 3px 0;
    padding: 0;
    line-height: 18px;
}
.item-info
{
        color: #000;
    font-family: mysemiboldFont;
    font-size: 14px;
    margin: 0;
    line-height: 18px;
    padding: 0;
}
.item-bx-in
{
      border-radius: 10px;
    width: 65px;
    height: 55px;
    padding: 6px;
    display: block;
    
}
.item-bx-in img
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg1
{
  background-color: rgb(240, 187, 31);  
}
.bg2
{
  background-color: #f15a2b;  
}
.bg3
{
    background-color: #006380;
}
.bg4
{
    background-color: #4270ec;
}
.bg5
{
    background-color: #ec4262;
}
.item-bx-in-2
{
        padding-left: 13px;
        width: 206px;
}

/**/
.banner-container
{
    display: flex;
    justify-content: flex-end;
}

.card
{
    /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);*/
    cursor: pointer;
    height: 450px;
    width: 8rem;
    border-radius:16px;
    margin: 0.5rem;
    background-position: end;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    transition: width 0.2s linear;
}

.card.active
{
    width: 22rem;
}
.circle
{
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    background-color: white;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0.7rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content 
{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    transform: scale(0.66);
    transition: all 0.2s linear;
}
.card.active .content{
    transform: scale(1);
}

.filler
{
    flex: 1;
    border: 2px solid green;
}

.data
{
    display: flex;
    width: 1000rem;
}
.detail
{
margin-top: 0.75rem;
margin-left: 1rem;
transition: all 0.2s linear;
color: #fff;
opacity: 0;
}
h4
{
    font-size: 1.25rem;
}

p
{
    font-size: 0.9rem;
}

.card.active .detail
{
    opacity: 1;
    margin-left: 0;
}
.Ellipse_1 {
  border-radius: 50%;
  background-image: -moz-linear-gradient( 48deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -webkit-linear-gradient( 48deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -ms-linear-gradient( 48deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  opacity: 0.502;
      position: absolute;
    left: -85px;
    top: -141px;
    width: 500px;
    height: 500px;
    filter: blur(59px);
    z-index: -1;
}

.Ellipse_2 {
  border-radius: 50%;
  background-image: -moz-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -webkit-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -ms-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  opacity: 0.4;
opacity: 0.4;
position: absolute;
right: -174px;
top: 1266px;
width: 340px;
height: 340px;
filter: blur(44px);
z-index: -1;
}

.Ellipse_3 {
  border-radius: 50%;
  background-image: -moz-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -webkit-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -ms-linear-gradient( 48.013deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
    opacity: 0.2;
    position: absolute;
    left: 508px;
    top: 117px;
    width: 200px;
    height: 200px;
    z-index: -1;
    filter: blur(28px);
}

.bg 
{
    height: 450px;
    width: 8rem;
   /* box-shadow: inset 0px -20px 100px 10px rgba(0,0,0,0.7);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    transform: scale(1.5);
    transition: all 0.2s linear;
}
.banner{
padding: 3em 0 0 0;
}
.title-banner {
    font-family: mysemiboldFont;
    font-size: 45px;
    color: #1e1c31;
    text-align: left;
    font-weight: 500;
    line-height: 68px;
    letter-spacing: 1px;
    margin-bottom: 2em;
    padding: 0 20px 0 0;
}
.card.active .bg
{
    width: 22rem; 
    transform: scale(1);
}

i{
color: #2b425e;
}

.Ellipse_4 {
  background-image: -moz-linear-gradient( -63.367deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -webkit-linear-gradient( -63.367deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
  background-image: -ms-linear-gradient( -63.367deg, rgb(65,88,208) 0%, rgb(200,80,192) 43%, rgb(255,204,112) 100%);
     opacity: 0.4;
    position: absolute;
    left: -36px;
    top: -90px;
    width: 300px;
    height: 200px;
    z-index: -1;
    filter: blur(36px);
}

/*Media Query*/

@media only screen and (max-width: 600px) {
  

.margin-tp {
  margin-top: -28px;
}

.title-banner {
  font-family: mysemiboldFont;
  font-size: 37px;
  color: #1e1c31;
  text-align: left;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 1px;
  margin-bottom: 1em;
  padding: 0 20px 0 0;
}
.items {
  padding: 2em 0 0 0;
}
.hr-line {
  border-top: 1px solid #d1d1d4;
  margin-bottom: 1em;
  margin-top: 1em;
}
.abt-us {
  padding: 1em 0;
}
.right-abt {
  padding-right: 0em;
}
.right-abt p {
  color: #1e1c31;
  font-family: mysemiboldFont;
  font-size: 20px;
  line-height: 36px;
}
.get-btn-1
{
    margin-top: 0;
}
.title {
  font-family: mysemiboldFont;
  font-size: 25px;
  color: #1e1c31;
  text-align: center;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 1em;
}
.item-flex {
  display: flex;
  justify-content: center;
}
.item-info {
  color: #000;
  font-family: mysemiboldFont;
  font-size: 13px;
  margin: 0;
  line-height: 18px;
  padding: 0;
}
.offer-bx ul {
  margin-left: 2em;
}
.item-bx {
  width: 182px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.item-bx-in {
  border-radius: 10px;
  width: 64px;
  height: 49px;
  padding: 6px;
  display: block;
}
.item-bx-in-2 {
  padding-left: 9px;
  width: 206px;
}
.am-bx1, .am-bx
{
    height: 240px;
}
.offer-bx {
  margin-left: 0;
}
.title-23 {
  font-family: mysemiboldFont;
  font-size: 22px;
  color: #1e1c31;
  text-align: center;
  padding: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 28px;
}
}