html{box-sizing:border-box;overflow-x:hidden;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{height:auto !important;overflow:visible !important;overflow-x:hidden !important;background:#fff;font-size:16px;line-height:1.7;color:#4a4a4a}
img{max-width:100%;height:auto}
#container.container{position:relative;width:auto !important;height:auto !important;min-height:100vh;overflow:visible !important;padding-left:200px}
.menu{position:fixed !important;top:0;left:0;width:200px;height:100vh;display:flex;flex-direction:column;overflow-y:auto;z-index:200}
.menu .logo{margin:25px 0 10px;flex:0 0 auto}
.menu .logo img{width:120px;height:auto}
.menu nav,.menu nav#menu1{position:static !important;inset:auto !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;width:200px !important;flex:1 0 auto;padding:10px 0}
.menu nav a{margin:0 25px}
.menu nav a span{cursor:pointer}
.menu .social{position:static !important;top:auto !important;padding:18px 25px 8px;flex:0 0 auto}
.menu .copyright{position:static !important;bottom:auto !important;padding:0 25px 25px;flex:0 0 auto}
.content-scroller{position:static !important;left:auto !important;right:auto !important;top:auto !important;width:100% !important;height:auto !important;overflow:visible !important}
.content-wrapper{position:static !important;left:auto !important;top:auto !important;width:100% !important;height:auto !important;overflow:visible !important;transform:none !important;display:flex;flex-direction:column}
.content-wrapper>.inner{order:3}
#chapterintroduction{order:1}
#chapterabout{order:2}
.content,.content:last-child{position:relative !important;float:none !important;display:block;width:100% !important;max-width:none !important;height:auto !important;min-height:0 !important;overflow:visible !important;background-image:none}
.noscroll{overflow:visible !important}
.content{scroll-margin-top:20px}
.jspContainer,.jspPane{position:static !important;width:auto !important;height:auto !important;overflow:visible !important}
.jspVerticalBar,.jspHorizontalBar{display:none !important}
.inner{width:100% !important;max-width:1180px;margin:0 auto;padding:80px 40px}
#chapterintroduction{min-height:88vh !important;display:flex;align-items:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6)),url(/images/1.jpg) center center/cover no-repeat;color:#fff}
#chapterintroduction .inner{position:relative !important;margin:0 auto !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;padding-top:60px;padding-bottom:60px}
#chapterintroduction h2{color:#fff;font-size:46px;line-height:1.15;margin:0}
#chapterintroduction h2 span{color:#ffb400;font-size:26px;display:inline-block;margin-bottom:10px}
#chapterintroduction .title{display:block;margin-top:20px;color:rgba(255,255,255,.85);font-size:18px;letter-spacing:1px;text-transform:uppercase}
#owl-demo{display:none !important}
#chapterabout,#chapterportfolio{background:#fff}
#chaptercontact{background:#f7f7f7 !important}
#chapterthankyou{background:#111 !important;color:#fff;text-align:center}
#chapterthankyou .inner{padding:70px 40px;margin:0 auto !important;position:relative !important;top:auto !important}
#chapterthankyou #rotate.rotate{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 10px;height:auto !important;margin-top:15px}
#chapterthankyou #rotate.rotate>div{position:relative !important;top:auto !important;left:auto !important;height:auto !important;opacity:1 !important;display:inline-block}
#chapterthankyou h3{margin:0}
#chapterthankyou .introduction-end-con{margin:0 !important;float:none !important;width:auto !important;position:relative !important;top:auto !important}
#chapterthankyou h3,#chapterthankyou .rotate,#chapterthankyou .rotate div{color:#fff;font-size:26px;line-height:1.4;font-family:Oswald,sans-serif}
.content-wrapper>.inner{background:#fff;border-top:1px solid #ececec}
h1,h2,h3{font-family:Oswald,sans-serif;color:#111;line-height:1.25}
#main-text h1{font-size:34px;margin:0 0 25px}
#main-text h2{font-size:26px;margin:45px 0 18px}
#main-text h3{font-size:20px;margin:35px 0 14px}
#main-text p{margin:0 0 16px;text-align:justify}
.content .inner>h2{font-size:30px;margin:0}
.title-divider{margin:22px 0 40px}
.about-con ul{list-style:none;margin:0 0 25px;padding:0}
.about-con li{margin:0 0 8px}
.grid-gallery{height:auto !important}
.grid-wrap{width:100% !important}
#chapterportfolio .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:40px 34px;align-items:start;height:auto !important;width:auto !important;margin:0 !important;padding:0}
#chapterportfolio .grid li{position:relative !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;float:none !important;margin:0 !important}
#chapterportfolio .grid figure{position:relative;margin:0;display:block;overflow:visible;background:transparent}
#chapterportfolio .grid figure>img{position:relative !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;aspect-ratio:16/10;object-fit:cover;background:#f2f2f2;border:1px solid #ececec;display:block;transition:opacity .3s ease}
#chapterportfolio .grid li:hover figure>img{opacity:.85}
#chapterportfolio .grid figcaption{position:static !important;opacity:1 !important;width:auto !important;height:auto !important;background-color:transparent !important;padding:16px 0 0;display:block;text-align:left}
#chapterportfolio .grid .figcaption-details{position:static !important;top:auto !important;left:auto !important;width:auto !important;height:auto !important;transform:none !important;text-align:left}
#chapterportfolio .grid .figcaption-details img{display:none}
#chapterportfolio .grid figcaption h3{font-size:18px;padding:0 0 8px;transition:color .2s ease}
#chapterportfolio .grid li:hover figcaption h3{color:#ffb400}
#chapterportfolio .grid figcaption span{display:inline-block;margin:0;padding:0 0 12px;font-size:12px;line-height:18px;color:#666}
@media (max-width:1024px){
#container.container{padding-left:0}
.menu{position:sticky !important;top:0;width:100% !important;height:auto !important;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 15px;overflow:visible}
.menu .logo{margin:0 20px 0 0}
.menu .logo img{width:64px}
.menu nav,.menu nav#menu1{width:auto !important;flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:center;padding:0}
.menu nav a{margin:0 12px;padding:8px 0;border-bottom:none}
.menu .social{padding:0 0 0 10px}
.menu .copyright{flex:1 1 100%;text-align:center;padding:8px 0 0;line-height:16px}
.inner{padding:60px 30px}
.content{scroll-margin-top:80px}
#chapterintroduction{min-height:60vh !important}
#chapterintroduction h2{font-size:36px}
}
@media (max-width:767px){
body{font-size:15px}
.inner{padding:45px 18px}
#chapterintroduction{min-height:52vh !important}
#chapterintroduction h2{font-size:27px}
#chapterintroduction h2 span{font-size:19px}
#chapterintroduction .title{font-size:15px}
#main-text h1{font-size:24px}
#main-text h2{font-size:20px;margin:32px 0 14px}
#main-text h3{font-size:17px}
#main-text p{text-align:left}
.content .inner>h2{font-size:22px}
#chapterthankyou h3,#chapterthankyou .rotate,#chapterthankyou .rotate div{font-size:19px}
.title-divider{margin:16px 0 28px}
.menu .copyright{display:none}
.menu nav a{margin:0 8px;font-size:13px}
#chapterportfolio .grid{grid-template-columns:1fr;gap:30px}
.row [class*="col-"],.col-6,.col-4,.col-3{width:100% !important;float:none !important;margin-left:0 !important}
.contact-con .col-6{margin-bottom:20px}
.margin-top50{margin-top:25px !important}
}
@media (max-width:480px){
.menu .logo img{width:52px}
.menu nav a{margin:0 6px;font-size:12px}
#chapterintroduction h2{font-size:23px}
}