/*
Theme Name: Indigo
Author: unknown
Author URI: 
Description: private
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GPL
Text Domain: indgo
Tags: Landing & Website
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@100..900&display=swap');
*{
    
   font-family: "Noto Serif Bengali", serif;
    text-align: center;
}
.karantina-light {
  font-family: "Noto Serif Bengali", serif;
  font-weight: 300;
  font-style: normal;
}
a{
    color: #4767F4;
    text-decoration: none;
}
li{
    text-align: start;
}
input:focus {
  outline: none;
}

.karantina-regular {
  font-family: "Noto Serif Bengali", serif;
  font-weight: 400;
  font-style: normal;
}

.karantina-bold {
  font-family: "Noto Serif Bengali", serif;
  font-weight: 700;
  font-style: normal;
}
/* main */
.main{
    background: #FFF;
    
}

h4{
	font-family: "Noto Serif Bengali", serif;
    font-weight: bold;
    color: #fff;
	text-shadow: 2px 2px #838181;
}
h2 {
    font-family: "Noto Serif Bengali", serif;
    font-weight: 700;
    color: #f3eeee;
	text-shadow: 2px 2px #838181;
}
.content-title{
	padding-block:10px;
	text-shadow: 2px 2px #838181;
}
.pragragh{
    font-size: 1.3rem;
    margin: 5px !important;
	text-shadow: 2px 2px #838181;
}
.pragragh1{
    font-size: 1.3rem;
    margin: 5px !important;
	font-weight:700;
}
.discount, .current-price, .discount-price{
	color:red;
	font-size: 1.5rem;
}
.current-price{
	text-decoration:line-through;
}
.info-content .container h4{
    padding-block: 25px;
}
/* header */
.header{
    background: red;
    padding-block: 20px;
    color: #fff;
}
/* bannger img */
.banner-img img{
    width: 60%;
    height: 50vh;
}
.order-btn {
    display: inline-block;
    background: red;
	color:white;
    padding-block: 10px;
    padding-inline: 30px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 19px;
	margin-block: 12px;

}
.bi{
    padding-right: 5px;
	color:red;
}
.bi.bi-cart-plus-fill{
	color:#FFF;
}
.md-image{
    margin: 10px;
    height: 60vh;
    border: 2px solid red;
}
.info-content{
    background: red;
    padding-bottom: 25px;
}
.col-md-12.info-card {
    background: #fff !important;
    color: #000;
    border-radius: 5px;
    padding: 15px;
	font-size:17px;
    
}
.info-card h3{
    padding-block: 10px !important;
    margin: 0;
    text-align: left;
	text-shadow: 2px 2px #bbb3b3;
}
.info-card p{
    text-align: justify;
}
.order-form{
    background: red;
    margin-block: 20px;
    padding-block: 20px;
}
footer{
    background: red;
    color: #fff;
    padding-block: 10px;
}
footer p{
    margin: 0;
}
/* form csss */
form {
    border: 2px solid #f3eeee;
    padding: 20px;
}

input {
    width: 100%;
    padding: 10px;
    text-align: left;
}

input[type="submit"] {
    text-align: center;
    font-weight: 700;
    color: red;
}

.cod-content {
    background: #ededed;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    margin-block: 20px;
}

.arrow {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 18px solid #ededed;
    position: absolute;
    top: -18px;
    left: 15px;
}

.cod-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    text-align: start;
}

.cross {
    color: red;
    font-size: 20px;
    font-weight: bold;
    margin-left: 5px;
}
.main-thank {
    display: flex;
    justify-content: center;   /* centers horizontally */
    align-items: center;       /* centers vertically */
    height: 100vh;             /* full viewport height (optional) */
    text-align: center;        /* centers text if it wraps */
}


.main-thank h4{
    color: #000000;
    margin: auto;
	text-shadow: 2px 2px #838181;
}
/* mobile reponsive  */
@media screen and (max-width: 767px) {
.col-md-12.info-card {
  margin-block-start: 10px;
  width: 100%;
} 
.md-image{
	width: 90%;
	height:40vh;
}
.banner-img img{
		width: 90%;
}
}