@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Roboto:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
html{overflow-x:hidden;}
body{font-family: 'Roboto', sans-serif; color:#212121; font-size:16px; background:#f9f6f2; line-height:1.65;}
img{width:100%; max-width:100%;}


/* �ㅽ겕濡ㅻ컮 �ㅼ젙*/
body::-webkit-scrollbar{
/* �ㅽ겕濡ㅻ컮 留됰� �덈퉬 �ㅼ젙 */
width: 12px;
}
/* �ㅽ겕濡ㅻ컮 留됰� �ㅼ젙*/
body::-webkit-scrollbar-thumb{
/* �ㅽ겕濡ㅻ컮 留됰� �믪씠 �ㅼ젙 */
height: auto;
background-color: #2f302f;
border:2px solid transparent;
background-clip: padding-box;
/* �ㅽ겕濡ㅻ컮 �κ�寃� �ㅼ젙 */
border-radius:30px;
}
/* �ㅽ겕濡ㅻ컮 �� 諛곌꼍 �ㅼ젙*/
body::-webkit-scrollbar-track{
background-color: #f9f6f2;
}

::selection { background: #eee0da; }

::-moz-selection { background: #eee0da; }

::-webkit-selection { background: #eee0da; }

/* font */
/* .dm-display{font-family: 'dm serif Display', serif; text-transform:none ;  letter-spacing:0;} */
.dm-display{font-family: 'Playfair Display', serif; text-transform:none ;   font-weight:500;}
.title .heading{font-size:56px; margin-bottom:60px; position:relative; }
.title .heading::before{position:absolute; top:-15px; left:-15px; content:''; width:11px; height:11px; border-radius:10px; background:#ed7100;}

/* padding */
section{padding:0;}


/* header */
/* .navbar{border-bottom:0;} */
nav.shrink{display:none;}
.navbar-brand{margin:0 auto !important; display:block; text-align:center !important; width:100%; float:none;}

/* hero */
.opacity-light{opacity:0.2;}
.slider-typography .slider-typography-option1 span {font-size: 80px;  letter-spacing: -1px;}

/* what we do */
.what-we-do {padding:0;}

.what-we-do .col-lg-7{padding:0;}
.what-we-do .title{padding:235px 0 0 100px; height:100%;}

.what-we-do-m{display:none;}

/* order */
.order{padding-top:210px; padding-bottom:160px;}
.order-box{margin:0 auto 50px; max-width:96%;}
.order-box .title h3{font-size:24px; margin:10px 0 5px;}
.order-box .title h3 span{ color:#ed7100; margin-right:5px;  }
.order-box .title p{padding-left:40px;}

/* our features */
.our-features{padding:210px 0;}
.our-features .title h3{color:#fff;}
.our-features .title p{max-width:560px; color:#fff;}
.features-item .item-inner{width:100%;}
.features-item .item-inner.left{padding-right:60%;}
.features-item .item-inner.right{padding-left:60%;}
.features-item .item-inner:nth-child(1){margin-top:50px;}
.features-item .item-inner:nth-child(2){margin-top:-350px;}
.features-item .item-inner:nth-child(3){margin-top:-70px; padding-left:55%; padding-right:5%;}
.features-item .item-inner h5, .features-item .item-inner p{color:#fff;}
.features-item .item-inner h5{font-size:32px; margin:20px 0 15px;}

/* how to find us */
.how-to-find-us .title p{margin-bottom:50px;}

.how-to-find-us{padding:160px 0 150px;}
.how-to-find-us p{margin-bottom:0;}
.how-to-find-us p a{display:inline-block; color:#212121;}
.how-to-find-us p a:hover{color:#898989;}

.how-to-find-us .col-lg-6 > p{position:relative; margin-left:10px;}
.how-to-find-us .col-lg-6 > p::before{position:absolute; content:''; background:#ed7100; width:4px; height:4px; border-radius:3px; top:41%; left:-10px;}

/* footer */
.scrollToTop{border-radius:30px; width:30px; height:30px; opacity:1;}
.scrollToTop i{line-height:30px; text-align:center; margin:0;}
footer {border-top:1px solid #212121; padding:40px 0;}
footer span{text-align:center; display:inline-block; width:100%; font-size:14px;}
footer span img{width:40px; margin-bottom:10px;}