/*!
Theme Name: aaravmonga
Theme URI: https://aaravmonga.com/
Author: Underscores.me
Author URI: https://aaravmonga.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aaravmonga
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

@import url("assets/fonts/stylesheet.css");
@import url("assets/css/font-awesome.css");
@import url("assets/css/slick.css");
@import url("assets/css/aos.css");
:root{
	--beige: #3d9cbb;
	--black:#000;
	--white:#fff;
}

*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:var(--blue); transition:all 0.4s linear 0s;}
a:hover{transition:all 0.4s linear 0s; color:var(--yellow);}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'Inter', sans-serif; font-weight:normal;}
input[type=submit], button{ cursor:pointer;transition:all 0.4s linear 0s;}
input[type="submit"], input[type="text"], input[type="date"], input[type="time"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {order: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:var(--text); font-family: 'Inter', sans-serif;font-weight:normal; font-size:16px; line-height:28px; position:relative; overflow-x:hidden; }
strong, b{ font-weight:700;}
h1, .h1{ font-size: 60px; font-weight: 900; line-height: 1.2; font-family: 'CarteBlancheDemo', sans-serif; letter-spacing: 1px;}
h2, .h2{ font-size: 40px; font-weight: 700; line-height: 48px; font-family: 'CarteBlancheDemo', sans-serif; letter-spacing: 1px;}
h3, .h3{ font-size: 26px; font-weight: 600; line-height: 34px; font-family: 'CarteBlancheDemo', sans-serif; letter-spacing: 1px;}
h4{ font-size: 24px; font-weight: 700; line-height: 32px; font-family: 'CarteBlancheDemo', sans-serif; letter-spacing: 1px;}
h5{ font-size: 20px; font-weight: 600; line-height:36px; font-family: 'CarteBlancheDemo', sans-serif; letter-spacing: 1px;}
h6{ font-size: 18px; font-weight:600; line-height:28px; font-family: 'CarteBlancheDemo', sans-serif; letter-spacing: 1px;}
p:last-child{ margin-bottom: 0!important;}
.btn{ min-width: 120px; text-align: center; display: inline-block; padding: 10px 25px;background: var(--beige); color:var(--white); font-weight: 500;}
.btn:hover{ background: var(--black); color: var(--white);}
.container{ width: 100%; max-width: 1170px; padding: 0 15px;  margin: 0 auto; width: 100%;}



/* Header Section */
body{ position: relative; overflow-x: hidden;}
.header{ position: fixed; top: -85px; transition: all 0.4s ease-in-out; left: 0; width: 100%; background: #fff; padding: 10px 0; z-index: 999;}
.header .container{ display: flex; align-items: center; justify-content: space-between;}
.menubtn{ display: none;}
.header .logo{ width: 160px;}
.header .logo img{ display: block;}
.navigation ul{ display: flex; column-gap: 20px;}
.navigation ul li{ font-size: 15px; font-weight: 500;}
.navigation ul li a{ color: var(--black);}
.navigation ul li a:hover{ color: var(--beige);}
.navigation ul li.current a{ color: var(--beige);}

.header.fixed{ top: 0; transition: all 0.4s ease-in-out; box-shadow: 0 4px 4px rgba(0,0,0,0.1);}


/* Header Section */


/* Homepage Sections */
.homehero{ position: relative; width: 100%; min-height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: flex-end; justify-content: flex-end; padding: 100px 0;}
.homehero .container{ position: relative; z-index: 1;}
.homehero h1{ color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.homehero h1 span{ display: block; font-size: 75%;}

.subt p{ display: inline-block; border-top: 1px solid var(--beige); border-bottom: 1px solid var(--beige); padding: 10px 0; text-transform: uppercase; color: #fff;}


.bgoverlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4);}

.gallery{ width: 100%; display: flex; flex-wrap: wrap;}
.gallery .item{ width: calc(100% / 6); background: var(--black); position: relative; cursor: pointer;}
.gallery .item img{ width: 100%; height: 340px; object-fit: cover; object-position: center; display: block; transition: all 0.3s ease-in-out;}
.gallery .item a{ cursor: pointer;}
.gallery .item:hover img{ opacity: 0.8;transition: all 0.3s ease-in-out;}

.gallery .item .zoom{ opacity: 0; transition: all 0.3s ease-in-out; width: 48px; height: 48px; background: var(--beige); position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.gallery .item .zoom::before {background-color: #fff;content: "";height: 24px;left: 50%;position: absolute;top: 12px;width: 1px;}
.gallery .item .zoom::after {background-color: #fff;content: "";height: 1px;top: 50%;position: absolute;left: 12px;width: 24px;}
.gallery .item:hover .zoom{transition: all 0.3s ease-in-out;opacity:1;  }

.py80{ padding: 100px 0;}
.myvideos{ background: var(--beige); text-align: center; color: var(--white);}
.textTop{ width: 100%; text-align: center; padding: 0 0 40px;}
.textTop p{ margin: 15px 0 0!important;}
.videowrap{ max-width: 75%; margin: 0 auto;}
.videos_slider{ width: 100%; position: relative;}
.videos_slider .item{ width: 100%; padding: 15px; position: relative;}
.videos_slider .item iframe{ width: 100%; height: 500px;}

.videos_slider .slick-arrow{ position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: #fff; font-size: 0px;  opacity: 0; transition: all 0.3s ease-in-out;}
.videos_slider .slick-prev{ left: -20px; z-index: 1;}
.videos_slider .slick-next{ right: -20px; z-index: 1;}
.videos_slider .slick-prev::before{ content: '\f053'; font-family: 'FontAwesome'; font-size: 18px; color: var(--beige);}
.videos_slider .slick-next::before{ content: '\f054'; font-family: 'FontAwesome'; font-size: 18px; color: var(--beige);}
.videos_slider:hover .slick-arrow{opacity: 1; transition: all 0.3s ease-in-out;}
.videos_slider:hover .slick-prev{ left: 25px;}
.videos_slider:hover .slick-next{ right: 25px;}



.aboutme{ color: var(--black);}
.abrow{ display: flex; width: 100%; justify-content: space-between;}
.abcol1{ width: 22%;}
.abcol1 ul li{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px;}
.abcol1 ul li b{ font-weight: 600; color: var(--beige);}
.abcol2{ width: 73%;}

.aboutme p{ margin: 0 0 15px;}
.aboutme h3{ margin: 0 0 20px;}

.testimonials{ width: 100%; position: relative; background: var(--beige); color: var(--white);}
.sectionbg{ width: 100%; height: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.1; position: absolute; top: 0; left: 0;}
.testimonials .container{ position: relative; z-index: 1;}
.client_slider .item{ width: 100%; padding: 10px; height: 110px; display: flex !important; align-items: center; justify-content: center;}
.client_slider .item img{ width: 100%; max-height: 90px;}
.client_slider{ padding: 30px 0 0;}

.blogsctn{ background: #f3f3f3;}

.newsrow{ width: 100%; display: flex; flex-wrap: wrap;}
.newsrow .bpost{ width: calc(33.33% - 20px); margin: 10px; background: #fff;}
.newsrow .thumb{ width: 100%; overflow: hidden; height: 240px; position: relative; display: block;}
.newsrow .thumb span{ transition: all 0.6s ease-in-out; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; position: absolute; width: 100%; height: 100%; top: 0;}
.newsrow .text{ width: 100%; padding: 20px;}
.newsrow .mt{ font-size: 14px; color: var(--beige);}
.newsrow h4{ margin: 5px 0 10px;}
.newsrow p{ margin: 0 0 20px;}
.newsrow .rm{ display: inline-block; color: var(--beige); text-decoration: underline; text-underline-offset: 5px; font-weight: 500;}
.newsrow .rm:hover{ color: var(--black);}
.newsrow .bpost:hover .thumb span{ transform: scale(1.1);transition: all 0.6s ease-in-out;}



.ctrow{ width: 100%; display: flex; justify-content: space-between;}
.ctadrs{ width: 27%;}
.adrscol{ display: flex; justify-content: space-between; margin-bottom: 25px;}
.adrscol .icon{ width: 80px; min-width: 80px;}
.adrscol div{ width: 100%; padding-left: 10px;}
.adrscol div p{ margin-top: 5px;}
.adrscol div p a{ color: var(--beige);}
.adrscol div p a:hover{ text-decoration: underline;}
.adrscol .icon img{ width: 100%; display: block;}


.ctform{ width: 67%;}
.ctform ul{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 20px;}
.ctform ul li{ width: 48%;}
.ctform ul li.full{ width: 100%;}
.ctform .field{ width: 100%; border: 1px solid #e5e5e5; height: 50px; padding:10px 15px; color: #000;font-size: 16px;}
.ctform textarea.field{ padding: 15px; height: 130px; resize: none;}
.ctform .btn{ width: 150px; height: 50px; background: var(--beige); color: #fff; font-size: 16px; font-weight: 500;}
.ctform .btn:hover{ background: #000; color: #fff;}
.ctform .wpcf7-response-output{ text-align: center; padding: 15px!important;}


/* Homepage Sections */



/* Footer Section */
.footer{ background:var(--beige); color: var(--black); text-align: center; padding:30px 0;}
.footer p{ margin-top: 20px; color: var(--white);}
.footer .social{ display: flex; column-gap: 15px; justify-content: center;}
.footer .social a{ border: 1px solid #fff; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;}
.footer .social svg{ width: 20px; height: 20px;}
.footer .social svg path{ fill: #fff;}
.footer .social a:hover{ background: #fff;}
.footer .social a:hover svg path{ fill: var(--beige);}

/* Footer Section */


.homehero.innerpage{ min-height: 90vh;}
.postBtn {margin-top: 50px;display: flex;justify-content: space-between;}

.blogDtl .txt p{ margin: 0 0 15px;}
.blogDtl .txt h2,
.blogDtl .txt h3,
.blogDtl .txt h4,
.blogDtl .txt h5,
.blogDtl .txt h6{ margin: 0 0 20px;}
.blogDtl .txt ul, .blogDtl .txt ol{ margin: 20px 0; padding-left: 25px;}
.blogDtl .txt li{ list-style: disc; margin: 5px 0; list-style-position: outside;}
.blogDtl .txt ol li{ list-style: decimal;}
.blogDtl .txt a{ color: var(--beige);}
.blogDtl .txt a:hover{ text-decoration: underline;}
.blogDtl .txt strong{ font-weight: 600;}
.blogDtl .txt ul ol, .blogDtl .txt ul ul, .blogDtl .txt ol ol, .blogDtl .txt ol ul{ margin: 0;}

.postBtn .btnb a{ display: inline-block; background: var(--beige); color: #fff; font-weight: 500; padding: 10px 25px;}
.arwdn{ position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; width: 44px; height: 44px; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.arwdn svg path{ fill: #fff; transition: all 0.3s ease-in-out;}
.arwdn svg{ width: 22px; height: 22px;margin-top: 4px;}
.arwdn:hover{ border-color: var(--beige);}
.arwdn:hover svg path{fill: var(--beige);  transition: all 0.3s ease-in-out;}

.backtop{ width: 34px; height: 34px; position: absolute; bottom: 20px; right: 20px; background: #fff; display: flex; align-items: center; justify-content: center;}
.backtop:hover{ opacity: 0.8;}

.testm{ width: 100%; margin-top: 50px; padding-top: 50px; text-align: center; color: #fff; border-top: 1px solid rgba(255,255,255,0.5);}
.testm_slider{ width: 100%; padding: 0 20px; position: relative;}
.testm_slider .item{ width: 100%; text-align: center;}
.testm_slider p{ margin: 20px 0 0;}

.testm_slider .slick-dots{ display: flex; justify-content: center; align-items: center; width: 100%; padding-top: 20px; column-gap: 10px;}
.testm_slider .slick-dots button{ width: 13px; height: 13px; border-radius: 50%; background: #fff; opacity: 0.5; font-size: 0px;}
.testm_slider .slick-dots .slick-active button{ opacity: 1;} 
.testm_slider .userThumb{ display: inline-block; margin: 0 auto 10px;  max-width: 110px;}

.galleryitem{ display: none;}
.lmr{ width: 100%; display: inline-block; text-align: center;}
.lmr .btn{ margin: 40px 0;}
.viewAll{ width: 100%; text-align: center; margin-top: 50px;}

.newsrow p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsrow h4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}






/* Responsive Start */
@media(max-width:1200px){
	
	.gallery .item {width: calc(100% / 4);}
	.py80{ padding: 60px 0;}
	.gallery .item img {height: 280px;}
	.gallery .item .zoom::before {height: 20px;top: 10px;}
	.gallery .item .zoom {width: 40px;height: 40px;}
	.gallery .item .zoom::after {left: 10px;width: 20px;}
	.videos_slider .slick-arrow {margin-top: -20px;width: 40px;height: 40px;}
	.videos_slider .item iframe{ height: 380px;}


}

@media(max-width:979px){
	h1, .h1 {font-size: 44px;}
	h2, .h2 {font-size: 28px;line-height: 48px;}
	h3 {font-size: 22px;line-height: 32px;}
	h4 {font-size: 18px;line-height: 28px;}
	h5 {font-size: 16px;line-height: 28px;}
	h6 {font-size: 15px;line-height: 26px;}
	body {font-size: 15px;line-height: 24px;}
	.textTop p br{ display: none;}
	.videowrap{ max-width: 100%;}
	.abrow{ flex-wrap: wrap;}
	.abcol1{ width: 100%;}
	.abcol2{ width: 100%; margin-top: 40px;}
	.testm_slider{ padding: 0;}	
	.testm {margin-top: 30px;padding-top: 30px;}
	.testm_slider .userThumb {max-width: 90px;}
	.testm_slider p br{ display: none;}
	.newsrow .thumb {height: 200px;}
	.ctrow{ flex-wrap: wrap;}
	.ctadrs{ width: 100%;}
	.ctform{ width: 100%; padding: 20px 0 0;}
	.backtop {width: 28px;height: 28px;bottom: 10px;right: 10px;}
	.gallery .item {width: calc(100% / 3);}
	.gallery .item img {height: 240px;}
	.videos_slider .item iframe{ height: 340px;}
	.homehero {	min-height: 480px;}
	.subt p {padding: 5px 0;}
	.homehero h1 span {font-size: 65%;}

	.header .logo {width: 140px;}
	.navigation ul {column-gap: 15px;}
	.homehero.innerpage {min-height: 480px;}

}

@media(max-width:767px){
	h1, .h1 {font-size: 38px;}
	.newsrow .bpost{ width: 100%; margin: 10px 0;}
	.adrscol .icon {width: 70px;min-width: 70px;}
	.ctform .field {font-size: 15px;}
	.gallery .item {width: calc(100% / 2);}
	.gallery .item img {height: 200px;}
	.videos_slider .item{ padding: 56.6% 0 0; position: relative;}
	.videos_slider .item iframe{ position: absolute; top: 0; height: 100%; left: 0;}
    
	body{ padding-top: 70px;}
	.header{ position: fixed!important; top: 0!important;}
	.header .container{ flex-wrap: wrap; justify-content: space-between;}
	.menubtn {display: block;width: 30px;height: 24px;position: relative;cursor: pointer;}
	.header .logo, .menubtn{ position: relative; z-index: 9;}
	.menubtn i {position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: #000;border-radius: 4px;transition: all 0.3s;}
	.menubtn i.b {top: 10px;}
	.menubtn i.c {top: 20px; }
	.menubtn.active .a {transform: rotate(45deg);top: 10px; transition: all 0.3s;}
	.menubtn.active .c {transform: rotate(-45deg);top: 10px; transition: all 0.3s;}
	.menubtn.active .b{ opacity: 0; transition: all 0.3s;}
	
	.navright{ display: none; background-color: #fff;}
	.navright.open{ display: block; width: 100%; position: absolute; top: 100%; left: 0;}
    .navigation ul{ display: block;}
	.navigation ul li{ width: 100%;}
	.navigation ul li{ border-bottom: 1px solid #e5e5e5;}
	.navigation ul li a{ display: block; padding: 10px 15px;}

}


/* Responsive Start */