/* .scrollmenu {
overflow-x: scroll;
white-space: nowrap;
}
.scrollmenu::-webkit-scrollbar {
display: none;
} */
.col-cal span,
.col-view span{
font-size: 12px;
}
.right-blog-content a{
color: #000000;
text-decoration: none;
}
.guide .content-title a{
color: #FFFFFF;
text-decoration: none;
text-transform: capitalize;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.const-content a{
color: #000000;
text-decoration: none;
text-transform: capitalize;
}
.footer-menu a{
color: #000000;
text-decoration: none;
}
.about-read a{
color: #EF6881;
text-decoration: none;
}
.breadcrumb-nav{
background: #F5F5F5;
}
.bread-part{
padding: 8px 15px;
}
.slider-nav-link{
font-family: var(--nunito);
font-weight: 400;
font-size: .875rem;
color: var( --black-color);
text-decoration: none;
}
.slider-item{
padding: 20px 10px;
}
.slider-box ol{
padding-left: 0px;
}

.guide-content-box {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*
*  Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
*  Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* 	Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* 	Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }

/* Owl Carousel*/
.owl-carousel .owl-stage-outer {
    z-index: 99999;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    width: 25px;
    height: 25px;
    /* background: #9f4574 !important; */
    color: #9f4574 !important;
    border-radius: 50%;
    font-size: 38px !important;
    opacity: 1;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
display: block;
margin: -6px;
}
.owl-carousel .owl-nav button.owl-prev{
    float: left;
    margin-left: -30px;
    margin-top: -8px;
}
.owl-carousel .owl-nav button.owl-next{
    float: right;
    margin-right: -10px;
    margin-top: -8px;
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* owl.theme*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* Green theme - Owl Carousel CSS File */
.owl-theme .owl-nav {
position: absolute;
width: 100%;
top: 0;
margin-top: 15px;
text-align: center;
-webkit-tap-highlight-color: transparent; 
}
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: transparent;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #4DC7A0; }
/* owl.theme.green end */
@media (max-width:2560px){
}
@media(max-width:1440px){
/* .navbar .seach-btn {
left: 1176px;
} */

}
@media(min-width: 1199px) and (max-width: 1399px){
.gradient_layer,.gradient_layer-2{
    width: 356px;
}
.gradient_layer-4 {
    width: 229px;
}
}

@media(max-width:1200px){
.search-area {
width: 225px;
}
.gradient_layer, .gradient_layer-2 {
    width: 296px;
}
.gradient_layer-4 {
    width: 190px;
}
.content-title {
    top: 150px;
}
.col-cal span, .col-view span {
    font-size: 11px;
}
}
@media(max-width:1399px)
{
.right-btn a {
font-size: 15px;
}
.right-blog-content{
    padding-left: 10px;
}
}
@media (max-width: 1199px){
.right-btn a {
font-size: 12px;
}
.content-box {
border-radius: 0px;
margin: 77px 77px;
padding: 38px;
background: rgba(255, 255, 255, 0.8);
}
.right-blog-content{
    padding-left: 20px;
}
}
@media(max-width:1024px){
.gradient_layer {
width: 297px;
/* top: 148px; */
}
.guide .gradient_layer-2 {
width: 296px;
height: 243px;
top: 148px;
}
.guide .gradient-margin{
top: 712px;
}
.gradient-margin-2{
width: 297px;
top: 712px;
}
.gradient_layer-4 {
width: 190px;
height: 250px;
top: 965px;
}
.guide .content-title {
top: 154px;
}


.right-btn a {
font-size: 12px;
} 
.des-image-left img {
height: 386px;
} 
.des-title-main {
line-height: 35px;
font-size: 26px;
margin-bottom: 15px;
}
.sub-name {
left: 95px;
}
.des-title {
margin: 7px 0px;
}
}
@media (max-width: 991px){
.right-btn a {
font-size: 16px;
}
.last-para h3 { 
margin: 10px 0px;
}
.right-blog-content{
    padding-left: 0px;
}

.pageBanner.design-gal-banner{
    margin-bottom: 22px;
    }
    .gradient_layer {
        width: 336px;
        top: 670px;
    }
    .guide-image-2 img {
        margin-top: 0;
    }
    .guide .gradient_layer-2 {
        width: 336px;
        top: 411px;
    }
    .guide .gradient-margin, .gradient-margin-2 {
        width: 336px;
        top: 972px;
    }
    .gradient_layer-4 {
        width: 216px;
        top: 1226px;
    }
    


}
@media(max-width:992px){
.search-area {
width: 270px;
/* position: absolute; */
right: 56px;
}
.navbar {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(99, 51, 78, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: none;
--bs-navbar-toggler-focus-width: 0;
}
.navbar-toggler-icon {
background-image: var(--bs-navbar-toggler-icon-bg);
position: absolute;
top: -45px;
right: 41px;
}
.navbar-toggler {
border:none;
}
.offcanvas {
background-color:var(--old-mauve);
}
.offcanvas-header {
padding: 1rem 0;
margin: 0 24px;
border-bottom: 1px solid var(--d4-grey);
}
.offcanvas-title {
color: var(--dutch-white);
font-family: var(--nunito);
font-size: 0.938rem;
}
.offcanvas-header .btn-close {
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D3CAAC'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
opacity:1;
}


}
@media (max-width:768px){
.gradient_layer {
width: 336px;
/* top: 667px; */
}
.guide .gradient_layer-2 {
width: 336px;
/* top: 411px; */
}
.guide .gradient-margin 
{
width: 336px;
top: 970px;
}
.gradient-margin-2{
width: 336px;
top: 971px;
}
.gradient_layer-4 {
width: 217px;
height: 250px;
top: 1224px;
}
.guide .content-marging {
top: 138px;
}
.join-box {
margin-top: 20px;
}
}
@media(max-width:767px){
.gradient_layer {
width: 246px;
}
.guide .gradient_layer-2 {
width: 246px;
}
.gradient-margin-2, .guide .gradient-margin {
    width: 246px;
    top: 973px;
}
.gradient_layer-4 {
    width: 156px;
    top: 1226px;
}
.view {
    right: 5px;
}
.calender, .cal, .vi {
    font-size: 10px;
}
.calender.cal img{
    width: 8px;
    margin-top: -2px;
}
.view.vi img{
width: 14px;
}
}

@media(max-width:576px){
    .owl-carousel .owl-nav button.owl-prev{
        margin-left: -21px;
    }
    .owl-carousel .owl-nav button.owl-next{
        margin-right:0;
    }
    
.mob-search-box {
display: block;
margin-left: auto;
padding: 0 8px 1px 0;
position: absolute;
top: 50px;
right: 15px;
}
.top-search-box{
display: none;
position: absolute;
width: 100%;
height: auto;
background-color: var(--white-color);
padding: 15px;
top: 91px;
left: 0;
z-index: 9;
animation: OpenSearch 0.8s ease-in-out;
}
.content-box {
margin: 60px 77px
}

}
@media(min-width: 425px) and (max-width: 575px){
    .guide .gradient_layer-2, .gradient_layer, .guide .gradient_layer-2, .guide .gradient-margin, .gradient-margin-2, .gradient_layer-4 {
        width: 95%;
    }
    .guide .gradient_layer-2 {
        width: 95%;
        top: 670px;
    }
    .guide .gradient-margin {
        width: 95%;
        top: 1236px;
    }
    .gradient-margin-2 {
        width: 95%;
        top: 1471px;
    }
    .gradient_layer-4 {
        width: 95%;
        top: 1724px;
    }
    .gradient_layer-4.layer-1 {
        top: 1984px;
    }
    .gradient_layer-4.layer-2 {
        top: 2244px;
    }
    .view {
        right: 200px;
    }
}
@media(max-width:575px) {
    .guide-image-2 img {
        margin-top: 20px;
    }

}





@media (max-width: 485px){
.content-box {
margin: 51px 46px;
}
}
@media(max-width:425px){
.content-box {
margin: 33px 50px;
}
.calender{
    font-size: 12px;
}
.view{
left: 148px;
right: 5px;
}
.guide .content-marging {
top: 162px;
}
.gradient_layer {
width: 94%;
top: 688px;
}
.guide .gradient_layer-2 {
width: 94%;
top: 688px;
}
.guide .gradient-margin {
width: 94%;
top: 1270px;
}
.guide .gradient-margin-2 {
width: 94%;
top: 1529px;
}
/* .guide .gradient-margin{
top:290px
} */
.gradient_layer-4 {
width: 94%;
height: 250px;
top: 1782px;
}
.layer-1{
width: 94%;
top: 2042px; 
}
.layer-2{
width: 94%;
top: 2302px; 
}
.guide-image{
margin-top: 20px;
}
.mybuttonoverlap-4 a {
width: 113px;
height: 30px;
left: 100px;
top: 12px;
background: #63334E;
border-radius: 40px;
font-family:var(--nunito);
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #F9F9F9;
display: none;
margin-top: 30px;
}
.navbar-toggler-icon {
position: absolute;
top: -41px;
right: 25px;
}
.des-image-left img,.des-1 img,.des-2 img,.des-3 img, .des-4 img {
height: 320px;
}
.des-1 img{
}
}
@media(max-width:375px){
.gradient_layer,.guide .gradient_layer-2,.guide .gradient-margin, .guide .gradient-margin-2,  .gradient_layer-4, .layer-1, .layer-2 {
width: 93%;
}
.search-area {
right: 38px;
}
.right-blog-content{
    padding-left: 10px;
}

}
@media (max-width: 384px){
.content-box {
margin: 33px 33px;
}

}
@media(max-width:350px){
.right-blog-content{
    padding-left: 20px;
}
}
@media(max-width:320px){
.gradient_layer,.guide .gradient_layer-2,.guide .gradient-margin, .guide .gradient-margin-2,  .gradient_layer-4, .layer-1, .layer-2 {
width: 92%;
}
.search-area {
right: 11px;
}
.des-title-main {
font-size: 29px;
}
.des-image-left img, .des-1 img, .des-2 img, .des-3 img, .des-4 img {
height: 279px;
}
.content-box {
margin: -5px 33px;
}
}