/****---- Google Font ----****/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500&family=Poppins:wght@100;300;400;600;700&display=swap');
html,
body { min-height: 100%; font-family: 'Poppins', sans-serif; background: url(../img/bg-lines.png) repeat-y; }

/* Common Tags Start */

h1,
h2,
h3,
h4 { padding: 0; margin: 0px; font-weight: 700; font-family: 'Poppins', sans-serif; }
h5 { font-size: 25px; font-weight: 700; }
h1 { font-size: 65px; }
h2 { font-size: 50px; }
h3 { font-size: 40px; }
h6 { font-size: 18px; line-height: 30px; }
img { width: 100%; }
a { text-decoration: none; transition: all 0.5s ease-in-out; }
button:focus,
a:focus,
a:hover { outline: none; text-decoration: none; }
ul,
li { padding: 0px; margin: 0px; list-style: none }
p { font-size: 14px; line-height: 25px; color: #797979; font-family: 'Poppins', sans-serif; }
p:last-child { margin-bottom: 0px !important; }
section { padding: 60px 0 60px; }
section .content-sec { padding:80px 40px 0px; position:relative; }
	 
/* Common Tags End */


/* Common Classes Start */

.pos-rel { position: relative; }
.text-right { text-align: right; }
.d-flex { display: flex; }
.pri-bg { background: #73e9e8; }
.clearfix { clear: both; }
section .container { height: 100%;  }

/* Common Classes End */


/* Read More Button Start */

.read-more { height: 70px; width: 70px; line-height: 80px; position: relative; overflow: hidden; border-radius: 50px; transition: all 0.5s ease-in-out; text-align: center; background: #73e9e8; box-shadow: 20px 20px 30px 2px rgb(0 0 0 / 4%); }
.read-more a { color: #73e9e8; font-size: 60px; line-height: 80px; font-weight: 100; display: inline-block; position: relative; z-index: 2; width: 100%; height: 100%; }
.read-more a:hover { color: #262626; }
.read-more span { display: block; position: relative; margin: 33px auto; width: 30px; height: 1px; border-radius: 3px; background-color: #fff; }
.read-more span:after { content: ''; display: block; width: 1px; position: absolute; height: 15px; background-color: #fff; transition: all 0.5s ease-in-out; left: 0; right: 0; margin: 0px auto; }
.read-more span:before { content: ''; display: block; width: 1px; position: absolute; height: 15px; background-color: #fff; transition: all 0.5s ease-in-out; bottom: 0; left: 0; right: 0; margin: 0px auto; }
.read-more:hover span:after { right: -17px; top: -1px; transform: rotate(45deg); }
.read-more:hover span:before { bottom: 0; right: -17px; bottom: -1px; transform: rotate(-45deg); }
.read-more:after { content: ''; height: 100%; width: 100%; display: block; border-radius: 100%; background: #262626; border: solid 1px #262626; position: absolute; transform: scale(0); left: 0%; top: 0%; z-index: 1; transition: all 0.3s ease-in-out; }
.read-more:hover { background: #262626; }
.read-more:hover:after { transform: scale(1); }

/* Read More Button End */


/* Big Letter Start */
.big-letter { position: absolute; right: 0px; top: -75px; font-size: 300px; z-index: 0; font-family: 'Amiri', serif; font-weight: 500; line-height: 1; color: #73e9e8; overflow: hidden; display: inline-block; width: min-content; }
.big-letter:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-color: #80f7f7; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition: all 2000ms ease; -o-transition: all 2000ms ease; transition: all 2000ms ease; }
.big-letter.animated:after { transform: translateX(101%); }
.big-letter.right { right: 0px; }
.big-letter.left { left: 0px; }
.image-sec { box-shadow: 20px 20px 30px 2px rgb(0 0 0 / 4%); position: relative; overflow: hidden; border-radius: 10px; border: solid 1px #efefef; }
.image-sec:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-color: #80f7f7; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition: all 2000ms ease; -o-transition: all 2000ms ease; transition: all 2500ms ease; }
.image-sec.animated:after { transform: translateX(101%); }

/* Common Classes End */


/* Rays Effect Animation Start */

.rays { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; height: 50px; width: 50px; border-radius: 50%; background-color: #fff; position: absolute; -webkit-transition: height .25s ease, width .25s ease; transition: height .25s ease, width .25s ease; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; left: 50%; top: 50%; }
.rays:before,
.rays:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background: #ffffff10; border: solid 1px #00000015; }
.rays:before { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; }
.rays:after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; }
.rays:hover:before,
.rays:hover:after { -webkit-animation: none; animation: none; }
@-webkit-keyframes ripple { 0% { 	-webkit-transform: scale(1); } 75% { 	-webkit-transform: scale(2); 	opacity: 1; } 100% { 	-webkit-transform: scale(2.5); 	opacity: 0; } }
@keyframes ripple { 0% { 	transform: scale(1); } 75% { 	transform: scale(2); 	opacity: 1; } 100% { 	transform: scale(2.5); 	opacity: 0; } }

/* Rays Effect Animation End */


/* Heading Start */

.headings { position: relative; }
.headings h6 { color: #262626; line-height: 1; }
.headings h6 span { font-weight: 600; }
.headings h3 { font-weight: 100; margin: 20px 0; }
.headings h3 span { font-weight: 700; }

/* Heading End */


/* Padding Classes Start */

.pd-none { padding: 0px; }
.pd-t-30 { padding-top: 30px; }

/* Padding Classes End */


/* Buttons Start */

button:focus { outline: none; }
.btn { border-radius: 0px; background: none; border: none; }
a.read-more { height: 50px; width: 50px; background: #262626; padding: 10px; font-size: 60px; }
 .owl-nav button i{  color:#262626; }
/* Buttons End */


/* Form Start */

form { width: 100%; }
form .form-group { width: 100%; margin-bottom: 20px; display: flex; }
form input[type="text"],
form input[type="button"],
form input[type="email"],
form input[type="password"],
form input[type="number"],
form textarea { width: 100%; padding: 12px 10px !important; float: left; border: solid 1px #e2e2e2; height: 43px; font-size: 14px; background: none; color: #262626; border-radius: 5px; }
form textarea { height: 120px; font-size: 14px; border-radius: 5px; }
select { padding: 5px 15px; border: solid 1px #e2e2e2 !important; font-size: 14px !important; background: none; color: #262626; border-radius: 5px; }
input[type="checkbox"],
input[type="radio"] { margin-right: 8px; }
form input[type="text"]:focus,
form input[type="button"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form input[type="number"]:focus,
form textarea:focus,
.custom-select select:focus { box-shadow: none; border: solid 1px #a5a5a5; outline: none; }
form input::-moz-placeholder,
form input:-ms-input-placeholder,
form input::-webkit-input-placeholder { color: #262626; }
.custom-select { position: relative; width: 100%; }
.custom-select::after { content: "\e902"; font-family: 'icomoon'; position: absolute; right: 15px; top: 13px; display: block; font-size: 12px; color: #797979; z-index: 99; }
.custom-select select { padding: 10px 0px 10px 10px; color: #6c757d; width: 100%; }
.custom-checkbox { position: relative; align-items: center; display: flex; }
.custom-checkbox input[type="checkbox"] { position: absolute; opacity: 0; width: 15px; height: 15px; display: block; z-index: 999; margin: 0px; width: 100%; }
.custom-checkbox label { color: #797979; display: block; display: flex; padding-left: 30px; justify-content: space-between; width: 100%; position: relative; }
.custom-checkbox label::before { color: #fff; content: ''; position: absolute; text-align: center; opacity: 1; visibility: visible; height: 18px; width: 18px; display: block; top: 2px; border-radius: 2px; border: solid 1px #e2e2e2; left: 0; }
.custom-checkbox input[type="checkbox"]:checked~label.value::before { content: "\e90f"; font-family: 'icomoon'; background: #d82b3f; border: none; font-size: 13px; }
.custom-radio { position: relative; align-items: center; display: flex; margin: 0px; }
.custom-radio input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: block; z-index: 999; }
.custom-radio label { color: #797979; display: block; display: flex; padding-left: 25px; justify-content: space-between; width: 100%; }
.custom-radio label::before { color: #fff; content: ''; position: absolute; text-align: center; opacity: 1; visibility: visible; height: 18px; width: 18px; display: block; top: 1px; border-radius: 15px; border: solid 1px #e2e2e2; left: 0; background: #fff; }
.custom-radio label::after { color: #fff; content: ''; position: absolute; text-align: center; opacity: 1; visibility: visible; height: 12px; width: 12px; display: block; top: 4px; border-radius: 15px; border: solid 1px #fff; left: 3px; background: #fff; }
.custom-radio input[type="radio"]:checked~label::before { background: #fff !important; }
.custom-radio input[type="radio"]:checked~label::after { background: #d82b3f !important; }

/* Form End */


/* Modal Box Start */

.modal { padding-right: 0px !important; }
.modal-content { border-radius: 5px; padding: 30px; }
.modal-content .btn-close { position: absolute; right: -10px; top: -10px; background-color: #fff; height: 30px; width: 30px; border-radius: 100%; opacity: 1; box-sizing: border-box; font-size: 10px; z-index: 9; }
.modal-content h6 { font-weight: 600; border-bottom: solid 1px #e2e2e2; margin-bottom: 10px; padding-bottom: 10px; }

/* Modal Box End */