@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Federo&family=Khula:wght@300;400;600;700;800&family=Reem+Kufi:wght@400;500;600;700&display=swap');

/*..............embedded fonts..............*/

@font-face {
font-family: 'Calibri';
src: url('../fonts/Calibri-Italic.eot');
src: url('../fonts/Calibri-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Calibri-Italic.woff2') format('woff2'),
url('../fonts/Calibri-Italic.woff') format('woff'),
url('../fonts/Calibri-Italic.ttf') format('truetype') url('../fonts/Calibri-Italic.svg#../fonts/Calibri-Italic') format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'Calibri';
src: url('../fonts/Calibri.eot');
src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
url('../fonts/Calibri.woff2') format('woff2'),
url('../fonts/Calibri.woff') format('woff'),
url('../fonts/Calibri.ttf') format('truetype'),
url('../fonts/Calibri.svg#../fonts/Calibri') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Calibri';
src: url('../fonts/Calibri-Light.eot');
src: url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Calibri-Light.woff2') format('woff2'),
url('../fonts/Calibri-Light.woff') format('woff'),
url('../fonts/Calibri-Light.ttf') format('truetype'),
url('../fonts/Calibri-Light.svg#../fonts/Calibri-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Calibri';
src: url('../fonts/Calibri-Bold.eot');
src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Calibri-Bold.woff2') format('woff2'),
url('../fonts/Calibri-Bold.woff') format('woff'),
url('../fonts/Calibri-Bold.ttf') format('truetype'),
url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

/* font-family: 'Federo', sans-serif;
font-family: 'Khula', sans-serif;
font-family: 'Reem Kufi', sans-serif; */
/*..............embedded fonts..............*/

/*..............variables..............*/
:root {
--sky: #;
--blue: #;
--dark-blue: #;
}

/*..............variables..............*/

/*..............common styles..............*/
body {
background-image: url(), linear-gradient(var(--sky), var(--dark-blue));
}

body.single {
background-image: url(), linear-gradient(var(--sky), var(--dark-blue));
background-size: unset;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--Federo);
font-weight: 700;
margin: 0 0 25px;
padding: 0;
line-height: 1 !important;
}

h1 {
font-size: 50px;
}

h2 {
font-size: 50px;
}

h3 {
font-size: 30px;
}

h4 {
font-size: 25px;
}

h5 {
font-size: 22px;
}

h6 {
font-size: 18px;
}

p {
color: var(--white);
margin: 0 0 20px;
padding: 0;
line-height: 1.2;
}

img {
max-width: 100%;
}

a,
img {
border: 0;
text-decoration: none;
outline: none;
}

a,
a:link,
a:visited,
a:focus,
a:hover {
color: var(--white);
outline: none;
text-decoration: none;
transition: all 0.3s ease 0s;
}

a:hover {
text-decoration: none;
}

input,
textarea,
select,
.form-control {
font-weight: 500;
font-size: 15px;
/*padding-left: 0;*/
background-color: transparent;
color: var(--white);
}

select {
font-size: 14px;
/* background-image: url("https://ruedakolkata.com/newdesign2023/images/arrow-w.png"); */
background-repeat: no-repeat;
background-position: 96% center;
background-size: 22px;

}

input[type="submit"] {
font-weight: 700;
font-size: 16px;
transition: all 0.3s ease 0s;
outline: none;
}

.form-control:focus {
background-color: transparent;
outline: none;
box-shadow: none;
color: var(--white);
}

label {
color: var(--white);
font-weight: 700;
font-size: 16px;
}

.form-group {
margin: 0 0 25px;
}

/*.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}*/

.alignleft,
.alignnone {
float: left;
margin: 0 15px 10px 0;
}

.alignright {
float: right;
margin: 0 0 10px 15px;
}

.aligncenter {
margin: 10px auto;
display: block;
}

.check-date .check-span select {
height: 33px;
width: 62%;
background: var(--blue);
color: white;
text-align: left;
padding: 0 11px;
}

.btn,
a.btn {
border: 2px solid var(--white);
line-height: 1;
border-radius: 20px;
color: var(--white);
font-size: 16px;
padding-top: 11px !important;
}

.btn:hover,
a.btn:hover {
border: 2px solid var(--white);
line-height: 1;
border-radius: 20px;
background: var(--white);
color: var(--sky);
}

a.btn.next-btn,
.btn.next-btn {}

button#add-coauthor-btn {
margin: 1rem 1.25rem !important;
}

a.btn.btn-border {
border: 2px solid var(--sky);
}
.no-bg {
background: inherit;
}
.dashbord2-bg {
background-image: url(), linear-gradient(var(--sky), var(--dark-blue));
/*background-size: cover;background-position: bottom;*/
background-repeat: no-repeat;
padding-bottom: 0px !important;
}
/*..............common styles..............*/



/*..............Scroll Bar CSS..............*/


/*Media Query css*/