/*

 Theme Name:   Astroguide

 Theme URI:    http://example.com/twenty-fifteen-child/

 Description:  Twenty Nineteen Child Theme

 Author:       Chiranjit Das

 Author URI:   http://example.com

 Template:     twentynineteen

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  twenty-nineteen-child

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px !important;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a {
  text-decoration: none !important;
  outline: none;
  font-family: "Open Sans", sans-serif;
}
* {
  margin: 0;
  padding: 0;
}
/*a:hover {
	text-decoration:none
}*/
a:focus,
a:hover {
  text-decoration: none;
  color: #f26522;
  outline: none;
}
ol,
ul,
dl {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #21212c;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
 
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  color: #21212c;

}
h1, h2{
  font-size: 2.5rem !important;
  line-height: 3rem !important;

  @media (max-width: 767px) {
    font-size: 2rem !important;
    line-height: 2.4rem !important;
  }
    
}

h2 {
  font-weight: 500;
}

h2 span{
  color: #f26522;
}

h3{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}



/* Fonts Size */

.font-size-18{
  font-size: 1.125rem;
  line-height: 1.62rem;
}

.font-size-24{
  font-size: 1.5rem;
  line-height: 2rem;
}

.font-size-48{
  font-size: 3rem;
  line-height: 3.5rem;

}


/* Fonts weight */

.weight-600{
  font-weight:600;
}

.weight-700{
  font-weight:700;
}


/* colors */

.color-white{
  color: #fff;
}

.color-orange{
  color: #f26522;
  fill: #f26522;
}


/* BG color */


.bg-yellow{
  background: #f8f1ea;
}




/* ul style */
.bullet__point {
  margin: 0;
  padding: 0;
}
.bullet__point li{
  font-size: 18px;
  line-height: 26px;  
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.4rem;
  display: flex;
}
.bullet__point li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  background: #f26522;
  transform: rotate(45deg)
}

/* img height */

.img-h-60{
  height: 3.75rem;
  width: auto;
}

.img-h-230{
  height: 14.5rem;
  width: auto;
}



/* Buttons */

.btn{
  padding: 1rem 2.6rem !important;
  border-radius: 0 !important;
  font-size: 1.125rem !important;
}

.btn--orange{
  background-color: #f26522 !important ;
  border-color: #f26522 !important;
  color: #fff !important;
  box-shadow: 0px 10px 20px 0px rgba(255, 83.99999999999999, 83.99999999999999, 0.24);
}

.btn--orange:hover{
  background-color: #ce561e !important;
  box-shadow: none;
  color: #fff;
}
.btn--orange:focus{
  box-shadow: none !important;
}

.lineButton{
  border-bottom:  2px solid #f26522;
  padding-bottom: 0.5rem;

}
.lineButton:hover{
  color: #36365e;
  border-color: #36365e;
}


/* Slick Slider */

.slick-slider{
  display: flex !important;
}
.slick-track{
  height: 100% !important;
}

.slick-slide > div{
  margin: 0 1rem;
  height: 100%;
}

.slick-dots{
  bottom: -50px !important; 
}
.slick-dots li button:before {
  width: 14px !important;
  height: 14px !important;
  content: '';
  background: #f26522;
  border-radius: 50px;
}


/* Tag */
.quickTags{
  background: #ffe6db;
  padding:0.4rem 0.8rem;
}



/* Banner */

.banner{
  background: url(./images/graphic__banner-overlay.png) repeat-x #21212c top center;
  min-height: 40.62rem;
  background-size: cover;
  overflow: hidden;

}
.banner__logo{
  width: auto;
  height: 6.2rem;
}
.banner__rightwheel{
  width: auto;
  height: 40rem;
  object-fit: contain;

  @media (max-width: 1199px) {
      height: 26rem;
  }
  
  @media (max-width: 991px) {
      height: auto;
      width: 100%;
  }
  
}

.blocks{
  display: flex;
  min-height: 100%;
  /* align-items: center; */
}
.blocks span{
  background:#36365e;
  padding: 0.6rem;
  flex-shrink: 0;
  flex-basis: 7rem;
}
.blocks p:last-of-type{
  /* padding: 1.5rem; */
  margin-bottom: 0;
}

.blocks span svg{
 height: 5rem;
 width: auto;
}

.bg-overlay{
  background-size: cover;
  background-repeat: repeat-x;
  background-position: top center;
  overflow: hidden;

}

.card{
  border-radius: 0 !important;
  padding: 1.5rem;
  border-color: #b08450 !important;
  height: 100%;

}

.card img{
  height:6.4rem;
  width: auto;
  margin-bottom: 1rem;
}




.sciconbtn{
  border: 1px solid #f26522;
}

.sciconbtn:hover{
  background: #36365e;
  border-color: #36365e;
  color: #fff;
}
.sciconbtn:hover p{
  color: #fff;
}

.sciconbtn:not(:first-child){
  margin-left: 1rem;
  @media (max-width: 767px) {
    margin-left: 0rem;
    margin-top: 1rem;
  }
}
.sciconbtn span{
    flex-basis: 50px;
    background: #f26522;
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    flex-shrink: 0;
}

.testimonial .slick-arrow{
  display: none !important;
}

.copyright {
  background: #21212c;
  padding: 1rem 0;
}
.copyright p {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.4rem;
}
.copyright p a{
  color: #f26522;
}

.sticky-note{
  max-width: 340px;
  /* position: fixed; */
  bottom: 0;
  right: 0;
  width: 100%;
  background: url(./images/graphic__banner-overlay.png) no-repeat top center #ffe6db;
  padding: 1rem;
  margin: 0 2rem 2rem auto ;
  box-shadow: 0px 10px 20px 0px rgba(54, 54, 94, 0.24);
  animation: bounce2 2s ease infinite;

}

@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.ftrspan {
    background: #f26522;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 14px;
    padding: 2px 10px 2px 15px;
    border-radius: 4px;
	font-weight: 600;
}
.ftrspan:after {
    content: '';
    position: absolute;
    right: -17px;
    top: 0px;
    width: 7px;
    border: 11px solid #f26522;
    border-right-color: transparent;
}

h1:not(.site-title)::before, h2::before {
	background: none;
	content: "";
	display: none;
	height: 0;
	margin: 0;
	width: 0;
}

.page-id-324 section.py-5 {
     min-height: calc(100vh - 310px);
    display: flex;
    align-items: center;
}