/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap');



html, body {
    height: 100%; font-family: "Poppins", sans-serif; font-size: 16px;  line-height: 25px; color:#555; 
}

body {
    margin:0; padding:0;
}

a {
    color: #666;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

a:hover {
    color: #000; text-decoration: none;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    color:#555; margin:0 0 20px;
}


h1 {font-size:40px; line-height:50px; font-weight: 700;}
h2 {font-size:25px; line-height:35px;}
h3 {font-size:20px; line-height:25px;}


p {
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
	font-size: 16px;
    line-height: 25px;
	color:#555;
}


section {
    padding: 50px 0; background-color: #fff;
}


.logo {width: 200px; position: absolute; top: 30px; z-index: 1;}

.hero {padding-top: 0;}
.carousel-caption {width:30%; position:absolute; z-index:0; left:20%; top:30%; text-align: left;}
.carousel-caption p {font-size: 20px; line-height: 25px;}
.w-40 {width: 40%;}
.carousel-indicators li {width:7px; height:7px; border-radius:50%; margin: 0 5px; cursor:pointer;}
.fcblack {color: #000;}
.fcwhite {color: #fff;}
.fcsoftpink {color: #A86088;}
.fcgreen {color: #B3BD8C;}

.cardbox {width: 100%; padding: 30px; border: solid 1px #A8658A; border-radius: 20px; display: inline-block;}
.cardbox h1 {width:auto; padding: 5px 20px; margin: -62px auto 50px; background-color: #fff; display: table;}
.cardbox input[type=radio] {position: absolute; visibility: hidden; display: none;}
.cardbox input[type=radio]:checked + label {background-color: #A86088; color: #fff;}
.cardbox label {background-color: #ECCECD;; display: inline-block; font-size: 16px; cursor: pointer; padding: 5px 20px; border-radius: 30px;}
.cardbox input[type="submit"] {width:auto; background-color: #dd3d41; border: solid 8px #e8d9d8!important; font-size: 40px; color: #fff; font-weight: 700; text-align: center; padding: 20px 30px; position: relative; top: 70px;}
.cardbox .form2 label {background-color: transparent; padding: 0; float: left;}

.currency input, .currency select {border-radius: 10px; font-family: Arial;}

.caldiv .leftside, .caldiv .rightside {width: 100%; height: 70%; position: relative; top: 50%; transform: translateY(-50%); border: solid 1px #B3BD8C;  display: inline-block;}
.caldiv .leftside {border-right: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.caldiv .rightside {border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.cal {width: 100%; background-color: #B3BD8C; padding: 30px 30px 50px; border-radius: 20px; display: inline-block;}
.cal .subtitle {color: #fff;}
.cal input, .cal select {background-color: #fff; font-weight: 700; color: #555!important;}
.cal span {position: absolute; top: 5px; font-weight: 300;}
.cal .from {left: 22%;}
.cal .to {left: 24%;}
.cal .amount {left: 67%;}
@-moz-document url-prefix() { 
.cal .from {left: 14%;}
.cal .to {left: 16%;}
.cal .amount {left: 60%;}
}
.cal button {background-color: transparent; border: none; margin-top: 10px;}

.border-r {border-right: solid 1px #ad7393;}
.w-65 {width: 65%;}
.empower h2 {font-weight: 700;}
.empower h1 span {font-weight: 500; font-size: 30px; margin-bottom: 10px; display: block;}
.empower h1 {font-size: 50px; color: #A86A8C;}

.uni h1 {text-transform: uppercase;}
.uniowl {margin: 50px 0;}
.uniowl .owl-stage-outer {margin-bottom: 50px;}
.uniowl img {filter: grayscale(1); transition: all .5s;}
.uniowl img:hover {filter: grayscale(0);}

.whatniyo {background-color: #F2D1D0;}
.whatniyo h2 {font-weight: 700; margin-bottom: 10px;}

.featurediv .btn {white-space: normal;}
.featurediv h2 {text-align: left; margin-bottom: 0;}
.featurediv .card, .featurediv .card-header {background-color: transparent; border: none;}
.featurediv .btn {padding: 0;}
.featurediv .btn:hover, .featurediv .btn:focus {text-decoration: none;}
.featurediv .card-header .btn[aria-expanded=true] h2 {font-weight: 700!important;}
.featurediv .card-header .btn[aria-expanded=false] h2 {font-weight: 500!important;}
.featurediv .card-body {padding: 0 1.25rem;}
.featurediv ul {padding-left: 18px;}
.featurediv ul li {text-align: left;}
.w-85 {width: 85%;}

.testidiv {overflow: hidden;}
/*.bgbox {width: 62%; height: 80%; background-color: #B2BB8E; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 50px; position: absolute; right: 0; z-index: 0;  display: inline-block;}*/
.testi {width: 100%; height: 350px; background-color: #B2BB8E; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 50px; display: inline-block;}
.testi h1, .testi p {color: #fff;}
.testi p {text-align: left;}
.rating span {font-size: 25px;}
.rateimg {position: relative; top: -5px;}
.testidiv img {border-radius: 20px;}

.plan {overflow: hidden;}
.planowl .owl-stage-outer {overflow: visible!important;}
.plandiv {width: 100%; height: 280px; padding: 20px; border-radius: 20px; display: inline-block;}
.plannum {position: absolute; left: 30px; top: -40px; width: 50px; height: 110px; background-color: #B2BB8E; border-radius: 30px; font-size: 40px; color: #fff; padding: 70px 0 0; transform: rotate(50deg); transition: all 0.6s; display: inline-block;}
.plannum span {transform: rotate(-50deg); display: inline-block;}
.plandiv img {width: 100px; height: 100px; margin: 20px 0;}
.plandiv h3 {font-size: 18px; margin-bottom: 10px;}
.plandiv h1 {width:100%; font-size: 30px; line-height: 30px; font-weight: 500; margin-bottom: 0; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.plandiv h1 span, .plandiv p span, .plandiv h1 small {font-family: 'Gotham';}
.plandiv h1 small {font-size: 10px; line-height: 10px;  display: block; margin-top: 10px;}

.flip-card {
  width: 100%;
	height: 280px;
	-webkit-perspective: 1000px;
  perspective: 1000px;
	position: relative;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
	-webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}

.flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-back {  
  -webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.flip-card-front .plannum, .flip-card-front h1 {opacity: 1; transition: all .6s;}
.flip-card-back .plannum, .flip-card-back h1 {opacity: 0; transition: all .6s;}
.flip-card:hover .flip-card-front .plannum, .flip-card:hover .flip-card-front h1 {opacity: 0;}
.flip-card:hover .flip-card-back .plannum, .flip-card:hover .flip-card-back h1 {opacity: 1;}

.flip-card-back .plandiv p {margin-top: 80px;}

.w-100px {width: 100px;}

.exams .plandiv, .accommodation .plandiv {background-color: #eee3ff; border: solid 2px #721eff;}
.exams .plannum, .accommodation .plannum {background-color: #721eff;}
.university .plandiv, .insurance .plandiv {background-color: #fbffe8; border: solid 2px #b2bb8e;}
.university .plannum, .insurance .plannum {background-color: #b2bb8e;}
.flight .plandiv, .rental .plandiv {background-color: #c6fff4; border: solid 2px #1cc0a0;}
.flight .plannum, .rental .plannum {background-color: #1cc0a0;}
.taxi .plandiv, .bills .plandiv {background-color: #fff6d6; border: solid 2px #f8c30d;}
.taxi .plannum, .bills .plannum {background-color: #f8c30d;}

.done {margin: 0 auto; display: inline-block;}
.done svg {
  width: 100px;
  display: block;
  margin: 40px auto 0;
}
.done .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.done .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.done .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.done .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}






.hide {display: none;}
.show {display: block;}


.knowmore, .knowmore1 {position: relative; z-index: 1;}
.knowmore a {color:#fff; position:relative; background:url(../images/arrow.png) no-repeat center right 20px; border-radius:50px; padding:5px 60px 5px 0; overflow:hidden; display:inline-block;}
.knowmore a:hover {padding:5px 60px 5px 20px; }
.knowmore a:after {content:''; width:50%; height:100%; background-color:#ff6600;  position:absolute; top:0; left:-50%; transition:0.5s; z-index:-1; display:inline-block;}
.knowmore a:hover:after {width:100%; left:0;}


.li ul {margin: 0 0 0 40px; padding: 0;}
.li li {list-style: none; color: #666; margin-bottom: 20px;}
.li li:before {content: '\f054'; font-family:'FontAwesome'; font-size: 12px; position: absolute; left: 20px; display: inline-block;}


footer {width:100%; background-color:#F2D1D0; padding:20px 0 0; display:inline-block;}
.footerbtm {width:100%; background-color:#EDEDED; padding:20px 0; margin-top: 20px; display:inline-block;}

.left {text-align:left;}
.right {text-align:right;}
.form-control {border-radius: 0; padding: 10px 0; background-color: transparent; margin-bottom: 20px;}
.input-group {margin-bottom: 10px;}
input, textarea, select {width:100%; padding:10px 0; font-size: 16px; border:none!important; border-bottom:solid 1px #707070!important; color:#b3bd8c!important; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.select {position: relative;}
.select:after {content: '\f107'; font-family: 'FontAwesome'; font-size: 20px; position: absolute; right: 15px; top: 10px; display: inline-block;}
input[type="submit"] {padding:5px 30px; color:#fff!important; border:none; cursor:pointer; border-radius:20px; transition: 0.3s ease-in-out;}
.formdiv button {background-color: transparent; border: none; color:  #b3bd8c; position: absolute; z-index: 3; top: 5px; right: 5px; cursor: pointer;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:focus, input.form-control:focus {outline:none !important;  outline-width: 0 !important;  box-shadow: none;  -moz-box-shadow: none;  -webkit-box-shadow: none;}
label {color: #555; font-size: 20px;}
.otpbtn {font-weight: 400!important; top: 10px!important; width: 100%!important; font-size: 30px!important;}
.otpcode {margin-top: 32px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1; color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1; color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1; color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:1; color: #fff;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:.3; color: #000; font-size: 20px; font-weight: 300;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  opacity:.3; color: #000; font-size: 20px; font-weight: 300;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  opacity:.3; color: #000; font-size: 20px; font-weight: 300;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  opacity:.3; color: #000; font-size: 20px; font-weight: 300;
}

.fa::before {font-size:13px;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {background-color: transparent!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #b3bd8c!important;}
.owl-theme .owl-dots .owl-dot span {margin: 0!important;}