/**Style**/
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');

/* @font-face {
    font-family: 'SilkSerif';
    src: url('../fonts/FONTSPRINGDEMO-TheSeasonsLightRegular.woff2') format('woff2'),
        url('../fonts/FONTSPRINGDEMO-TheSeasonsLightRegular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */
/* Extra Light - 200 */
/* =========================
   SilkSerif Font Family
   ========================= */

/* ExtraLight - 200 */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-ExtraLight-BF6740066e530ef.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* ExtraLight Italic */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-ExtraLightItalic-BF6740066e6496e.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light - 300 */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-Light-BF6740066e4d5cb.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light Italic */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-LightItalic-BF6740066e6e2fc.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular - 400 */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-Regular-BF6740066e17571.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Regular Italic */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-RegularItalic-BF6740066e0d112.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium - 500 */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-Medium-BF6740066e47c38.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-MediumItalic-BF6740066e3d97e.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* SemiBold - 600 */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-SemiBold-BF6740066dc0446.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* SemiBold Italic */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-SemiBoldItalic-BF6740066dcfd29.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Bold - 700 */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-Bold-BF6740066e7ab50.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-BoldItalic-BF6740066e5c6ae.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Black - 900 */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-Black-BF6740066e7c625.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Black Italic */
@font-face {
  font-family: "SilkSerif";
  src: url("../fonts/SilkSerif-TRIAL-BlackItalic-BF6740066e839e1.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;}
body{font-family: "Alexandria", sans-serif;background:var(--lightgrey);color:var(--darkink);box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*text-rendering:optimizeSpeed;*/}
::selection{background:var(--darkink);color:var(--lightgrey);}




:root{
    /*Easing*/
    --sine:cubic-bezier(0.39, 0.575, 0.565, 1);
    --quad:cubic-bezier(0.25, 0.46, 0.45, 0.94);/*cubic-bezier(0.5, 1, 0.89, 1);*/
    --quad-in-out:cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --cubic:cubic-bezier(0.215, 0.61, 0.355, 1);/*cubic-bezier(0.33, 1, 0.68, 1)*/
    --cubic-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);
    /*--quart:cubic-bezier(0.165, 0.84, 0.44, 1);*/
    --quart:cubic-bezier(0.25, 1, 0.5, 1);
    --quart-in-out:cubic-bezier(0.77, 0, 0.175, 1);
    --quint:cubic-bezier(0.23, 1, 0.32, 1);
    --expo:cubic-bezier(0.16, 1, 0.3, 1);
    --expo-in-out:cubic-bezier(0.87, 0, 0.13, 1);
    /*--expo:cubic-bezier(0.19, 1, 0.22, 1);*/
    --back:cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    --delay:0s;

    --lightgrey:#FAFAFA;
    --lightpurple:#A88BFA;
    --midpurple:#5B21B6;
    --darkpurple:#23234A;
    --lightgreen:#95C154;
    --darkgreen:#004B1E;
    --yellow:#FFD948;
    --orange:#FF9C00;
    --lightbrown:#FFE3C9;
    --darkbrown:#502B1A;
    --darkink:#2F2F2F;
    --book-primary: #c46400;

    --gutter:24px;/*11 gutters and 2 margins*/
    --column:calc((100vw - (var(--gutter) * 13)) / 12);/*careful because it uses 100vw!*/
}

h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;;z-index: 1;}
h1,h2,h3,h3,h4,h5{}
h1,h2.large{font-size:24.0rem;line-height:1;letter-spacing:-0.03rem;}
h1.small,h2{font-size:12.0rem;line-height:1;letter-spacing:-0.33rem;}
h3{font-size:6.2rem;line-height:1;letter-spacing:-0.0275rem;}
h4{font-size:5.4rem;line-height:1;letter-spacing:-0.125rem;}
h5{font-size:3.6rem;line-height:1;letter-spacing:-0.125rem;}
p,ol,ul,.custom-form label{font-size:1.4rem;line-height:1.6;min-height:1.96rem;letter-spacing:0.021rem;}
p.c1{font-size:1.8rem;line-height:.8;letter-spacing:0.054rem;}
p.c5,header .primary{font-size:1.2rem;min-height:1.68rem;letter-spacing:0.036rem;font-weight:500;}
p.c6{font-size:1.2rem;letter-spacing:0.018rem;}
q{display:block;font-size:1.6rem;line-height:1.5;min-height:2.4rem;}
ul{box-sizing:border-box;margin:0;padding:0px;list-style:none;}
li{position:relative;box-sizing:border-box;}
a{text-decoration:none;}
input, textarea{font-family:'FKGroteskNeue';font-size:inherit;appearance:none;background:none;display:block;color:inherit;box-sizing:border-box;padding:0;margin:0;outline:0;border:0;}
img{width:100%;}

@media all and (max-width:1000.5px){
    h1,h2.large{font-size:18rem;}
    h1.small,h2{font-size:8rem;}
    h3, .m.next-project .title h2{font-size:3.8rem;letter-spacing:-0.01rem;}
    h4, .m.project-details .stats .block h3, .m.carousel h3{font-size:3.2rem;letter-spacing:-0.05rem;}
    h5{font-size:2.8rem;letter-spacing:-0.05rem;}
}
@media all and (max-width:767.5px){
    h1,h2.large{font-size:9.0rem;letter-spacing:-0.031rem;}
    h1.small,h2{font-size:5.2rem;letter-spacing:-0.15rem;}
    p,ol,ul,.custom-form label{font-size:1.2rem;min-height:1.4rem;letter-spacing:0.01rem;}
    p.c1{font-size:1.2rem;line-height:1;letter-spacing:0.01rem;}
    p.c5,header .primary{font-size:1.0rem;letter-spacing:0.01rem;}
    p.c6{font-size:1.0rem;letter-spacing:0.01rem;}
}

.m.process-book {user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.fixed{position:fixed;}
.absolute{position:absolute;}
.relative{position:relative;}
.flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.flex-column{flex-direction:column;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.items-end{align-items:flex-end;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-end{justify-content:flex-end;}
.marleft-auto{margin-left:auto;}
.marright-auto{margin-right:auto;}
.w-full{width:100%;}
.overhidden{overflow:hidden;}

header.mainheader{z-index:999;padding: 10px 20px;transition:all 0.5s ease-in-out;}
@media(min-width:1650px){header.mainheader ul{align-items:flex-end;gap: 1vw !important;}}
header.mainheader ul li{}
header.mainheader ul{gap:0;}
/* header.mainheader ul li a{font-size:1vw;text-transform:uppercase;color:#ffffff;font-weight:400;padding: 10px 30px;position: relative;display: block;letter-spacing:0.5px;} */
header.mainheader ul li a{font-size:15px;text-transform:uppercase;color:#ffffff;font-weight:300;padding: 8px 20px;position: relative;display: block;letter-spacing:0.5px;}
header.mainheader .headmenulogo ul li:nth-child(1) a{padding: 0px;}
header.mainheader ul li a span{display:block;position: relative;text-wrap: nowrap;}
header.mainheader ul li a:before{content:'';position: absolute;width:100%;height:100%;left:0;top:0;background:#2f2f2f;border-radius:8px;opacity:0;transform: skewX(-10deg);transition:all 0.5s ease-in-out;}
header.mainheader ul li a.active::before{opacity: 1;}
header.mainheader .headmenulogo ul li:nth-child(1) a:before{opacity:0;visibility:hidden;}
header.mainheader ul li a.active{color:#ffffff;}
header.mainheader ul li a.active:before{opacity:1;}
header.mainheader ul li a:hover{color:#ffffff;}
header.mainheader ul li a:hover:before{opacity:1;}
header.mainheader .headRmenu ul li a{font-weight:500;}
header.mainheader .headRmenu ul li a:before{opacity:1;border:2px solid #2f2f2f;}
header.mainheader .headRmenu ul li a:hover{color:#2f2f2f}
header.mainheader .headRmenu ul li a:hover:before{background:#ffffff;border-color:#ffffff}

body.scroll-up header.mainheader{-webkit-transform: translate3d(0, 0%, 0);-ms-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
body.scroll-down header.mainheader{-webkit-transform: translate3d(0, calc(-100% - 50px), 0);-ms-transform: translate3d(0, calc(-100% - 50px), 0);transform: translate3d(0, calc(-100% - 50px), 0);}
body.sscroll-animi header.mainheader{
  /* background: #edb700;  */
  background: #fd922c;
}


.comtitle{}
.comtitle.marbtn{margin-bottom:50px;}
.comtitle.textcenter{text-align:center;}
.comtitle h2{font-size: 5vw;letter-spacing: -1px;margin-bottom:0px;line-height: 1;font-weight: 400;text-transform:uppercase;}
.comtitle h2:last-child{margin-bottom:0px}
.comtitle h3{
  /* font-size: 3.5vw; */
  font-size: 4.5rem;
  letter-spacing: 0px;margin-bottom:0px;line-height: 1;font-weight: 500;}
.comtitle h4{font-size: 2.5vw;letter-spacing: 0px;margin-bottom:0px;line-height: 1;font-weight: 400;text-transform:uppercase;}
.comtitle.timesnewroman h2{font-family: "Times New Roman", Times, serif;}
.comtitle.fontspringdemo h2{font-family: 'SilkSerif';}
.comtitle.timesnewroman h3{font-family: "Times New Roman", Times, serif;}
.comtitle.fontspringdemo h3{font-family: 'SilkSerif';}
.comtitle.timesnewroman h4{font-family: "Times New Roman", Times, serif;}
.comtitle.fontspringdemo h4{font-family: 'SilkSerif';}
.comtitle p{font-size: 18px;letter-spacing: -0.5px;margin-bottom:20px;}
.comtitle p:last-child{margin-bottom:0px}



main{position:relative;width:100%;}
.HBanSec{width:100%;overflow:hidden;}
.page {position: relative;width: 100%;box-sizing: border-box;font-size: 0;z-index: 1;}
.page.process{/* background:url(../images/Homebanbg.jpg) no-repeat center center;background-size:cover; */}
/* .m.process-hero{background:url(../images/Homebanbg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed; color:var(--lightgrey);min-height:100vh;display:flex;flex-flow:column;justify-content:space-between;} */
.m.process-hero{background:url(../images/Homebanbg-neww.jpg) no-repeat center center;background-size:cover;background-attachment:fixed; color:var(--lightgrey);min-height:100vh;display:flex;flex-flow:column;justify-content:space-between;}

.m.process-hero .content{position:sticky;top:0;height:100vh;box-sizing:border-box;padding:20vh 4vw 8vh}
.m.process-hero .title{align-self:stretch;display: flex;flex-direction:column;position: relative;height: 100%;}
.m.process-hero .title span{display:inline-block;opacity:1;will-change:opacity, transform;}
.m.process-hero .title h1{font-family: 'SilkSerif';font-size: 6vw;margin-bottom: 20px;}
.m.process-hero .title h2{font-family: 'SilkSerif';font-size: 4vw;margin-bottom: 0px;}
.m.process-hero .title .title-two {margin-top: 4.5vw;display: flex;flex-direction: column;align-items: flex-start;}
.m.process-hero .title .title-two h4{font-family: 'SilkSerif';overflow:hidden;font-size: 2.5vw;line-height: 1;margin-top:1vw;text-transform: uppercase;letter-spacing: 0;}
.m.process-hero .title .title-two p{font-size:1.1vw;position: relative;font-weight:300;}
.m.process-hero .title .title-two p:before{content:'';position: absolute;width:2.5vw;height:2.2vw;top:0;left:0;background:url(../images/quotation-icon1.png) no-repeat center center;background-size:100%;pointer-events:none;opacity:0.3;transform: translateY(-100%);}
.m.process-hero .title .title-two p:after{content:'';position: absolute;width:2.5vw;height:2.2vw;bottom:0;right:0;background:url(../images/quotation-icon2.png) no-repeat center center;background-size:100%;pointer-events:none;opacity:0.3;transform: translateY(50%);}
.m.process-hero .tl{align-self: flex-start;}
.m.process-hero .tl h1{text-transform: uppercase;}
.m.process-hero .br h2{text-transform: uppercase;}
.m.process-hero .br{margin-top: auto;align-self: flex-end;}
.m.process-hero .txt{width:calc((var(--column) * 3) + (var(--gutter) * 2));box-sizing:border-box;padding-top:var(--gutter);}

.m.process-book{position:fixed;left: 50%;transform: translateX(-50%);top:115px;width:30%;opacity:1;z-index:0;perspective: 2000px;pointer-events: none;}
.m.process-book.in{opacity:1;transition:opacity .2s ease var(--delay);}
.m.process-book .p{position:absolute;left:0;top:0;width:100%; height:100%; z-index:1;background: #fff;border-radius:10px;}
.m.process-book .p.left{z-index:2;position:relative;}
.m.process-book .p .front{position:relative;width:100%;z-index:1;backface-visibility:hidden;}
.m.process-book .p.left .front{cursor:pointer;border-radius:12px;overflow:hidden;}
.m.process-book .p .back{position:absolute;left:0;top:0;width:100%;border-radius:12px;overflow:hidden;}
.m.process-book .p .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--lightgrey);border-radius:12px;}
.m.process-book .p.turned .front{}
.m.process-book .p.turned .front img{width:100%;}
.m.process-book .p.turned + .p .bg::after{content:"";position:absolute;left:-1px;top:10px;width:2px;height:calc(100% - 20px);background:var(--lightgrey);}/*middle extra line to cover rendering artifacts*/

.m.process-book {}
.m.process-book .p {transform-style: preserve-3d;    transition: transform 0.05s linear;}
.m.process-book .p.left {transform-origin: left center;background: url(../images/Homesecbanbg.jpg) no-repeat top center;    background-size: cover;}
/* .m.process-book .p.right {transform-origin: right center;background: url(../images/Homesecbanbg.jpg) no-repeat top center;    background-size: cover;} */
.m.process-book .p.right {transform-origin: right center;background: url(../images/book-in-right.jpeg) no-repeat top center;    background-size: cover;}


.process-chapters{position:absolute;width:100%;height: 100%;top:0;left:0;transform:translateY(100%);}
.HintroSecss{background:url(../images/hintrobg.jpg) no-repeat top center;background-size:cover;position: relative;width: 100%;height: 100%;overflow:hidden;}

.HintroSecss .comtitle p{width:50%;font-size: 17px;}
.hintro{margin-top: 25px;}
.HintroSec .Contbox{padding-bottom:18vh;}
.HintroSec .imgbox{position:absolute;bottom:-40px;right:-5%;width:55%;}
.HintroSec .imgbox img{width:100%;}
.introicon{width:15vw;}
.introicon img{width:100%;}
.introiconOne{top:10%;left:0;transform:translate(-110% , 0);}
.introicontwo{bottom:10%;right:0;transform:translate(110% , 0);}

.abtIntroiconOne{top:10%;left:0;transform:translate(-60% , 0);}
.abtIntroicontwo{top:0%;right:0;}
.hblsboxss p{font-size: 17px;}

.hbookListSec{background:url(../images/hintrobg.jpg) no-repeat center bottom;background-size:cover;overflow:hidden;position: relative;}
.hbookListSec .hblsboxss {display: flex;flex-direction: column;align-items: flex-start;}
.hbookListSec .comtitle {margin-left:10%;}
.hbookListSec::before{ 
  content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #f7f4eb00, #f7f4eb9d, #f7f4eb);  
    pointer-events: none;
    width: 100%;
    height: 300px;
  }

.booklistbox {
  
}
.booklistitem {}
.booklistitem .bimgbox{position:relative;overflow: hidden;margin-bottom: 1.2vw;}
.booklistitem .bimgbox img{width:100%;position:relative;z-index: 99; }
/* .booklistitem .bimgbox:after{content:'';position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background:url(../images/booklayerImg.png) no-repeat center center;background-size:cover;transition:all 0.5s ease-in-out;transform: scale(1);pointer-events:none;} */
.booklistitem:hover .bimgbox:after{transform: scale(1);opacity:1;}

.booklistitem .itemOneBox:after{content:'';position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background:url(../images/book-1-hover.png) no-repeat center center;background-size:cover;transition:all 0.5s ease-in-out;transform: scale(0);pointer-events:none; }

.booklistitem .itemTwoBox:after{content:'';position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background:url(../images/book-2-hover.png) no-repeat center center;background-size:cover;transition:all 0.5s ease-in-out;transform: scale(0);pointer-events:none; }

.booklistitem .itemThreeBox:after{content:'';position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;background:url(../images/book-3-hover.png) no-repeat center center;background-size:cover;transition:all 0.5s ease-in-out;transform: scale(0);pointer-events:none;}


.booklistitem h4{font-family: 'SilkSerif';text-transform:uppercase;font-size:2vw;font-weight: 500;letter-spacing:0.5px;line-height:1;}
.itemOne{margin-top:-10vw;margin-left:auto;width: 38%;}
.itemTwo{margin-block:-16vw 0;width: 40%;}
.itemThree {margin-inline:auto 6%;width: 60%;margin-top:-8vw;}
.itemThree .bimgbox{margin-bottom:0;margin-right:1.2vw;width: 65%;}

html body .secblockpading{padding-block:13.2vh;}

.hblicon{pointer-events:none;}
.hbliconone{width: 35%;top:0;left:0;transform: translateX(-55%);}
.hblicontwo{width: 14%;top:30%;right:0;}
.hbliconthree{width: 26%;bottom:0;left:0;transform: translateX(-56%);}
.Video1{position: absolute;bottom: -100px;right: 0;}

.GardenStorSec{background:url(../images/GardenStorbg.jpeg) no-repeat center center;background-size:100% 100%;overflow:hidden;position: relative;}
.GardenStorSec::before{
content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #f7f4eb00, #f7f4eb9d, #f7f4eb);
    pointer-events: none;
    width: 100%;
    height: 300px;
}
.sw-container,.gs-container{padding-bottom: 200px;}
.gsinRow{height:120vh;display:flex;align-items:center;justify-content:center;padding-bottom: 30vh;}
.gsinRow .comtitle{}
.gsinRow .comtitle h2{color:#3a2a01;}
.gsinRow .comtitle h4{color:#3a2a01;}
.gsinRow .gstitleimgbox{width:150px;margin-inline:auto;margin-bottom:20px;}
.gsimgbox{position:absolute;width:34%;}
.gsimgbox.imgone{top:0;left:-6%;}
.gsimgbox.imgtwo{top:0;right:-6%;}
.gsimgbox.imgthree{bottom:0;left:6%;}
.gsimgbox.imgfour{bottom:0;right:0%;}
.gssicon {width:30%;mix-blend-mode: multiply;pointer-events:none;}
.gssliconone {top:25%;left:0;transform:translateX(-60%);}
.gsslicontwo {bottom:25%;right:0;transform:translateX(45%);}

p.parabtn{display:flex;justify-content:center;}
p.parabtn a{text-transform:uppercase;color:#ffffff;font-weight:400;padding: 10px 30px;position: relative;display: block;letter-spacing:0.5px;}
p.parabtn a span{display:block;position: relative;}
p.parabtn a:before{content:'';position: absolute;width:100%;height:100%;left:0;top:0;background:#3a2a01;border-radius:8px;opacity:1;transform: skewX(-12deg);transition:all 0.5s ease-in-out;border: 2px solid #3a2a01;}
p.parabtn a:hover{color:#3a2a01;}
p.parabtn a:hover:before{background:#ffffff;}

.workshopSec{background:url(../images/workshopbg.jpg) no-repeat center center;background-size:100% 100%;overflow:hidden;}
.wsimgbox{position:absolute;width:250px;}
.wsimgbox.imgone{top:0;left:10%;}
.wsimgbox.imgtwo{top:0;right:10%;mix-blend-mode: multiply;}
.workshopSec p.parabtn{margin-top:3vw;}
.wshopslider {padding-top: 0vw;position:relative;}
.wshopslider .slick-list{padding-block:50px 120px!important;}
.wshopslider .wsItems{border:2px solid rgb(83 88 86 / 24%);padding:16px;background:#ffffff;border-radius:24px;width:90%;margin-inline:auto;position:relative; will-change: transform;backface-visibility: hidden;transform-style: preserve-3d; transform: rotate(0deg) translateY(0); transition: transform 0.4s ease!important;}
.wsItems:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#ffffff;border-radius:24px;z-index: 2;}
.wsItems:after{content:'';position:absolute;width:35px;height:45px;top:0;left:50%;transform:translate(-50% , -80%);background:url(../images/ws-hook-icon.png) no-repeat center center;background-size:100%;z-index: 1;}
.wsimg{border-radius:12px;overflow:hidden;position:relative;z-index: 10;max-height: 200px;min-height: 200px;}
.wsimg img{width:100%; object-fit: cover;min-height: 200px;}
.wscontent{padding:20px 10px 0;position:relative;z-index: 10;}
.wscontent h4{color:#311703;text-transform:uppercase;font-family: "Alexandria", sans-serif;font-weight:700;font-size:1.2vw;margin-bottom:10px;letter-spacing:0;}
.wscontent p{margin:0;}
.wshopslider:before{content:''; position:absolute;width:100%;height:8vw;top:0;left:0;background:url(../images/ws-line.png) no-repeat center bottom;background-size:100%;}
.wshopslider .slick-arrow{z-index:999;}
.wshopslider .slick-prev{left:0;}
.wshopslider .slick-next{right:0;}
.wshopslider .slick-track{}
.rot-1 .wsItems { transform: rotate(10deg) translateY(36px);opacity:0.25; }
.rot-2 .wsItems { transform: rotate(5deg) translateY(98px);opacity:1; }
.rot-3 .wsItems { transform: rotate(0deg) translateY(120px);opacity:1; }
.rot-4 .wsItems { transform: rotate(-5deg) translateY(98px);opacity:1; }
.rot-5 .wsItems { transform: rotate(-10deg) translateY(36px);opacity:0.25; }
.rot-before .wsItems {transform: rotate(15deg) translateY(-36px);opacity:0;}
.rot-after .wsItems {transform: rotate(-15deg) translateY(-36px);opacity:0;}
.wshopslider .slick-slide { transition: transform 0.5s ease;}


.swct{display: none;}
.Sworkscontainer h4,.Sworkscontainer h2{
  display: block;
}
.SworksSec{overflow:hidden;padding-bottom:12vh;margin-top: -50px;}
.Sworksimgbox{position:absolute;}
.Sworksimgbox.imgone{top:50%;left:0%;transform:translateY(-50%);width:10vw;mix-blend-mode: multiply;}
.Sworksimgbox.imgtwo{top:50%;right:0%;transform:translate(60% , -50%);mix-blend-mode: multiply;width:14vw;}
.SworksSec .comtitle{width:30%;margin-inline:auto;position: absolute;left: 50%;transform:translateX(-50%);top:15%;}
.SworksSec .comtitle h4{color:#c36400;}
.SworksSec .comtitle h5{color:#c36400;}
.SworksSec p.parabtn{margin-top:2vw;}
.SworksSec p.parabtn a:before{background:#fc8c28;border-color:#fc8c28;}
.SworksSec p.parabtn a:hover:before{background:#ffffff;}
.SworksSec p.parabtn a:hover{color:#fc8c28;}
.SworksSec .fanstickicons{position:relative;width:96px;aspect-ratio: 1 / 2;display: flex;margin-inline: auto;}
.SworksSec .fanstickicons:before{content:'';position:relative;display:block; width:100%;height: 50%;background:url(../images/kite-fan-icon.png) no-repeat center center;background-size:100%;top:0;left:0;z-index:99;animation: animName 2s linear infinite;}
.SworksSec .fanstickicons:after{content:'';position:absolute;display:block; width:40%;height: 56%;background:url(../images/kite-stick-icon.png) no-repeat center bottom;background-size:auto 100%;bottom:30%;left:50%;transform:translateX(-50%);}
.sworksslider{width:60%;margin-inline:auto;pointer-events:none;}
@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
@media (max-aspect-ratio:8.5/5){
    
}

footer{background:url(../images/footerbg.png) no-repeat center center;background-size:100% 100%;}

.tmonySec{overflow:hidden;padding-block:6vw;}
.tmonySec .comtitle{margin-bottom:2.5vw;}
.tmonySec .comtitle h2{color:#ffffff;letter-spacing: 0;}
.tmonySec .comtitle p{color:#ffffff;font-size: 18px;}
.tmonyimgbox {pointer-events:none;mix-blend-mode: screen;}	
.tmonyimgbox.imgone{left:0;bottom:20%;width:10vw;}
.tmonyimgbox.imgtwo{right:0;top:0;width:10vw;}
.tmonyItems{opacity:0.25;transition:all 0.5s ease-in-out;}
.tmonyboxtop{background:url(../images/testimonyboxbg.png) no-repeat center center;background-size:100%;display:flex;padding-inline:2.5vw;padding-block:2vw 3vw;align-items:center;height: 37vh;position:relative;max-width: 630px;}
.tmonyboxtop p{font-size: 14px;}
.tmonyboxtop img{width: 35%;pointer-events:none;}
.tmonyboxtop a{width: 40px;position: absolute;bottom: 23%;right: 29%;z-index: 99;}
.tmonyboxtop a img{width: 100%;}
.tmonyboxbtm{opacity:0;}
.tmonyboxbtm h4{text-transform:uppercase;font-size:24px;letter-spacing:0;color:#ffffff;margin-bottom:5px;font-family:"SilkSerif";}
.tmonyboxbtm h6{text-transform:uppercase;color:#ffffff;font-size: 15px;letter-spacing: 1px;}
.tmonyslider .slick-list{padding-block:7vw!important;}
.tmonyslider .slick-current{z-index:99;position: relative;}
.tmonyslider .slick-current .tmonyboxbtm{opacity:1;padding-inline: 3vw;padding-top: 4px;padding-bottom: 20px;}
.tmonyslider .slick-current .tmonyItems{opacity:1;transform: scale(1.5);}
.tmonyslider ul.slick-dots{width: auto;right: 24%;bottom: 8%;}
.tmonyslider ul.slick-dots li{background:#ffffff;border-radius:50%;opacity:0.3;width: 12px;height: 12px;}
.tmonyslider ul.slick-dots li.slick-active{opacity:1;}
.tmonyslider ul.slick-dots li button{display: none;}
.tmonyslider ul.slick-dots li button:before{}
 
.footbtmsec{padding-block:4vw;}
.footbtmsec:before{content:'';position:absolute;width:80%;height: 2vw;left:10%;top:0;background:url(../images/footmidline.png) no-repeat center center;background-size:100%;mix-blend-mode: screen;}
.socmediasec{margin-block:0 4vw;text-align:center;}
#contact-body .socmediasec h4{color: #ede9e9;}
#test-body .socmediasec h4{color: #ede9e9;}

#ws-body .socmediasec h4{color: #ede9e9;}

.socmediasec h4{color:#d5d5d5;text-transform:uppercase;font-weight:600;font-size: 1.5vw;letter-spacing: 1px;margin-bottom:15px;mix-blend-mode: luminosity;}
.socmediasec ul {}
.socmediasec ul li{margin-inline:5px;}
.socmediasec ul li a{width: 2.8vw;aspect-ratio: 1;border-radius: 50%;background: #b56301;color: #ffffff;display: flex;align-items: center;justify-content: center;font-size:1.5vw;border:1px solid #e0a560;}
.socmediasec ul li a:hover{background: #ffffff;color: #b56301;}
.copyrightsec{}


#ws-body .copyrightsec p{color:#ffedd8 !important;}
#ws-body .copyrightsec p.crpara a{color: #ffedd8 !important;}

#test-body .copyrightsec p{color:#ffedd8 !important;}
#test-body .copyrightsec p.crpara a{color: #ffedd8 !important;}

#contact-body .copyrightsec p{color:#ffedd8;}
#contact-body .copyrightsec p.crpara a{color: #ffedd8;}

.copyrightsec p{color: #e7c093;font-size: 1vw;font-weight: 300;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 15px;}
.copyrightsec p.crpara{margin-bottom: 0px;}
.copyrightsec p.crpara a{color: #e7c093;position:relative;display:flex;align-items:center;gap:10px;}
.copyrightsec p.crpara a:hover{color: #ffffff;}
.copyrightsec p.crpara a:after{content:'';position:relative;width:40px;aspect-ratio:1;display:block;background:url(../images/open-icon.png) no-repeat center center;background-size:100%;width:40px; }


.inpageBannerSec{}
.inpageBannerSec:before{content:'';position:absolute;width:100%;height:13vw;left:0;bottom:0;background:url(../images/inbanclouldimg.png) no-repeat center top;background-size:100%;}
.inpageBannerSec .inpagecont{width:100%;height:100%;top:0;left:0;display:flex;align-items:center;padding-bottom: 5vw;}
.inpageBannerSec .inpagecont h1{font-family: 'SilkSerif';color:#ffffff;text-align:center;font-size:5vw;text-transform: uppercase;}

/* .inpageBannerSec .inpagecont .bantitle{font-family: 'SilkSerif';color:#ffffff;text-align:center;font-size:10vw;text-transform: uppercase;opacity:0.1;top: 50%;transform: translateY(-62%);line-height: 0.8;} */
.inpageBannerSec .inpagecont .bantitle{
    font-family: 'SilkSerif';
    color:#ffffff;text-align:center;
    font-size:10vw;text-transform: uppercase;
    opacity:0.1;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
    line-height: 0.8;
    width: 100%;
}


/* .gs-logo img{border-radius: 50%; width: 200px;height: 200px;} */
.uc-logo{border-radius: 50%; width: 200px;height: 200px;}
#about-body .copyrightsec p,#about-body .copyrightsec span,#about-body .socmediasec h4 {
    color: #ffedd8;
}
.cambrige-sec h2{margin-bottom: 40px !important;}
.cambrige-sec{padding-top: 60px;}
.cambrige-sec .testimonial-card img{width: 70px;height: 70px;}
.dear-richa{font-size: 20px;margin-bottom: 15px;    font-family: 'SilkSerif';
font-weight: 800;}
/* .cambrige-sec p{text-align: justify;} */
.atc{justify-content: space-between;}
.aboutintroSec{background:#ffffff;}
.aboutintroSec .acomtitletop{margin-bottom:3vw;}
.acomtitletop p{margin-top: 20px;}
.aboutintroSec .comtitle h3{letter-spacing:0px;font-weight:400;line-height:1.2;}
.aboutintroimg{width:105%;}
.asocmediasec ul {z-index: 1;position: relative;}
.asocmediasec ul li{margin-inline:5px;}
.asocmediasec ul li a{width: 2.5vw;aspect-ratio: 1;border-radius: 50%;background: #ffffff;color: #191918;display: flex;align-items: center;justify-content: center;font-size: 1vw;border:1px solid #d2cec9;}
.asocmediasec ul li a:hover{background: #191918;color: #ffffff;}
.aboutjthroSec {background:#ffffff;}
.aboutjthroSec:before{content:'';position:absolute;width:100%;height:100vw;top:50%;left:0;transform:translateY(-50%);background:url(../images/aboutallsecbg.png) no-repeat center top;background-size:100%;}
.jthroughInSec .comtitle h3{color:#3a2a01;text-transform:uppercase;font-weight: 400;margin-bottom:10px;}
.jthroughInSec .comtitle h2{color:#3a2a01;}
.jthroughInSec .comtitle h2 span{font-family: "Alexandria", sans-serif;font-weight:300;}
.jthroughimgsbox{display:flex;margin-top:6vw;align-items: flex-start;position:relative;}
.jthroughimgsbox:before{content:'';position:absolute;width:9.5vw;height:17vw;background:url(../images/jthroughbicon1.png) no-repeat center top;background-size:100%;top:0;left:23%;mix-blend-mode: multiply;pointer-events: none;}
.jthroughimgsbox:after{content:'';position:absolute;width:9.5vw;height:17vw;background:url(../images/jthroughbicon1.png) no-repeat center top;background-size:100%;top:38%;right:18%;mix-blend-mode: multiply;pointer-events: none;}
.jthroughimgsbox .jthroughimgs{position:relative;}
.jthroughimgsbox .jthrougone{width: 26%;margin-top: -8vw;}
.jthroughimgsbox .jthrougtwo{width: 38%;margin-inline:auto;}
.jthroughimgsbox .jthrougthree{width: 26%;margin-top: -8vw;}

.certifiicon{top:0;right:0;width:14vw;transform: translateY(-30%);}
.certifitslider {padding-top: 0vw;position:relative;margin-top:4vw;}
.certifitslider .slick-list{padding-block:60px 60px!important;}
.certifitslider .certifitItems{border:2px solid rgb(83 88 86 / 24%);padding:10px;background:#ffffff;border-radius:24px;width:80%;margin-inline:auto;position:relative; will-change: transform;backface-visibility: hidden;transform-style: preserve-3d; transform: rotate(0deg) translateY(0); transition: transform 0.4s ease!important;}
.certifiimg{border-radius:12px;overflow:hidden;position:relative;z-index: 10;}
.certifiimg img{width:100%;}
.certificontent{padding:20px 10px 0;position:relative;z-index: 10;}
.certificontent h4{color:#311703;text-transform:uppercase;font-family: "Alexandria", sans-serif;font-weight:700;font-size:1.2vw;margin-bottom:10px;letter-spacing:0;}
.certificontent p{margin:0;}
.certifitslider:before{content:''; position:absolute;width:100%;height:8vw;top:50%;left:0;background:url(../images/certifitslideline.png) no-repeat center bottom;background-size:100%;transform:translateY(-50%);}
.certifitslider .slick-arrow{z-index:999;top: -11vw;opacity:0.4;width:6vw;height:2.2vw;}
.certifitslider .slick-arrow:hover{opacity:1;}
.certifitslider .slick-arrow:before{opacity:0;visibility:hidden;}
.certifitslider .slick-prev{left:18vw;background:url(../images/CertiArrowPrevIcon.png) no-repeat center center;background-size:100%;}
.certifitslider .slick-next{right:18vw;background:url(../images/CertiArrowNexrIcon.png) no-repeat center center;background-size:100%;}
.certifitslider .slick-track{}
.rot-1 .certifitItems { transform: rotate(-10deg) translateY(36px);opacity:1; }
.rot-2 .certifitItems { transform: rotate(10deg) translateY(-36px);opacity:1; }
.rot-3 .certifitItems { transform: rotate(-10deg) translateY(36px);opacity:1; }
.rot-4 .certifitItems { transform: rotate(10deg) translateY(-36px);opacity:1; }
.rot-5 .certifitItems { transform: rotate(-10deg) translateY(36px);opacity:1; }
.rot-before .certifitItems {transform: rotate(0deg) translateY(-36px);opacity:0;}
.rot-after .certifitItems {transform: rotate(0deg) translateY(-36px);opacity:0;}
.certifitslider .slick-slide { transition: transform 0.5s ease;}

.CertifiInSec .comtitle h2{color: #C76306;}
.workshopSec  .slick-prev, .slick-next {
    top: -40px;
    z-index: 999;
    opacity: 0.4;
    width: 6vw;
    height: 2.2vw;
    
}
.workshopSec  .slick-prev {
 
    left: 30%;
    background: url(../images/CertiArrowPrevIcon.png) no-repeat center center;
    background-size: 100%;
}
.workshopSec  .slick-next {
    right: 30%;
    background: url(../images/CertiArrowNexrIcon.png) no-repeat center center;
    background-size: 100%;
}
/* .certifitslider .slick-arrow {
    z-index: 999;
    opacity: 0.4;
    width: 6vw;
    height: 2.2vw;
} */
.workshopSec  .slick-prev:hover,.workshopSec  .slick-next:hover {opacity: 1;}
.slick-prev:before, .slick-next:before {
    font-size: 50px;
    display: none;
}
.foot-container{max-width: 1200px;margin: 0 auto;}

.wscontainer p.parabtn a span{color: #ffffff;cursor: pointer;}
.wscontainer p.parabtn:hover a span{color: #3A2A01;}

.gsinRow p.parabtn a span{color: #ffffff;cursor: pointer;}
.gsinRow p.parabtn:hover a span{color: #3A2A01;}


.SworksSec p.parabtn a span{color: #ffffff;cursor: pointer;}
.SworksSec p.parabtn:hover a span{color: #FD942D;}


#test-body .inpageBannerSec:before{
  display: none !important;
}
/* #test-body .mainfooter{
  background-image: url("../images/footer-new-bg-1.png") !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f3f2f2;
} */
#test-body .tmonySec .comtitle h2 {
/* margin-top: -300px; */
    padding-top: 200px;
}
.school-hero-content h1{text-transform: uppercase;}
.school-content-block h2{text-transform: uppercase;}
.booklistitem{cursor: pointer;}



#contact-us p.parabtn button {
    text-transform: uppercase;
    color: #ffffff !important;
    font-weight: 400;
    padding: 10px 30px;
    position: relative;
    display: block;
    letter-spacing: 0.5px;
    border: none;
}
#contact-us p.parabtn:hover button {
    text-transform: uppercase;
    color: #3a2a01!important;
    font-weight: 400;
    padding: 10px 30px;
    position: relative;
    display: block;
    letter-spacing: 0.5px;
    border: none;
}
/* #contact-us p.parabtn button:before {
    background: #3a2a01;
    border: 2px solid #3a2a01;
} */
#contact-us p.parabtn:hover button:before {
    background: #ffffff;
    border: 2px solid #3a2a01;
}
#contact-us p.parabtn button:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #3a2a01;
    border-radius: 8px;
    opacity: 1;
    transform: skewX(-12deg);
    transition: all 0.5s ease-in-out;
    border: 2px solid #3a2a01;
}
#contact-us p.parabtn button span{
  z-index: 2;
  color: #fff;
  position: relative;
}
#contact-us p.parabtn button:hover span{
  z-index: 2;
  position: relative;
  color: #3a2a01;
}




.headRmenu ul li:nth-child(2){
  display: none;
  width: 40px;
}
/* .headRmenu ul{display: flex;align-items: center !important;gap: 20px;} */

.headmenulogo ul li:not(:first-child){
  display: block;
}






/* #contact-us p.parabtn button{
    display: flex;
    justify-content: start;
    margin-top: 40px;
} */

/* #about-body .mainfooter{
  background-image: url("../images/footer-new-bg-1.png") !important;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
} */
/* .gssliconone {
    top: 25%;
    left: 0;
    transform: translateX(-60%);
    position: fixed;
}
.gsslicontwo {
    bottom: 28% !important;
    right: 0;
    transform: translateX(45%);
      position: fixed;
} */



 .mobile-banner-section{display: none !important;}

.mobile-banner-section{
  background-image: url("../images/Homebanbg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}





/* =========================== garden stories ===========================  */

.glogo{width: 200px;height: 200px; border-radius: 50%;margin-bottom: 50px;}
.gs-h h1{font-size: 5vw;font-family: 'SilkSerif';color: #3a2a01;text-transform: uppercase;font-weight: 400;}
.gs-h{margin-bottom: 50px; text-align: center;}
.gs-h p{font-size: 18px;}
/* .gg-h{font-size: 5vw;} */
.ws-h h1{font-size: 5vw;text-align: center;font-family: 'SilkSerif';color: #3a2a01;text-transform: uppercase;font-weight: 400;margin-bottom: 15px;}
.ws-h p{font-size: 18px; text-align: center;}
 #gs-body .secblockpading { padding-block: 3.2vh !important;}
 #gs-body .comtitle h3{font-size: 3.5rem ;font-weight: 500;}
  #sw-body .secblockpading { padding-block: 3.2vh !important;}
 #sw-body .comtitle h3{font-size: 3.5rem ;font-weight: 500;}
.gs-row {
  display: -ms-flexbox; 
  display: flex;
  -ms-flex-wrap: wrap; 
  flex-wrap: wrap;
  padding: 0 4px;
}

.gs-column {
  -ms-flex: 25%; 
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
  z-index: 1;
}

.gs-column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.gs-column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  transition: filter 0.4s ease, transform 0.4s ease;
  border-radius: 10px;
}

.gs-row:hover img {
  filter: grayscale(100%);
}


.gs-row img:hover {
  filter: grayscale(0%);
  transform: scale(0.9); 
}

#sw-body .decoration-pen {
  position: absolute;
  top: 40%;
  right: 0px;
  width: 200px;
  z-index: 0;
  pointer-events: none; /* transform: rotate(15deg); */
}

#sw-body{overflow-x: hidden;}

@media (max-width: 1350px) {
 #sw-body .decoration-pen {
    top: 50%;
    width: 150px;
  }
}

@media screen and (max-width: 800px) {
  .gs-column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
   #sw-body .decoration-pen {
    top: 25%;
    width: 100px;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .gs-column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .gs-column img{max-height: 300px; object-fit: cover;}
}
/* 
.img-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.img-list li {
  border: 5px solid transparent;
  box-sizing: border-box;
  width: 33.33%;
  position: relative;
  cursor: pointer;
}


@media (max-width: 992px) {
  .img-list li {
    width: 50%;
  }
}


@media (max-width: 576px) {
  .img-list li {
    width: 100%;
  }
}

.img-list img {
  width: 100%;
  display: block;
  max-height: 280px;
  object-fit: cover;
}


.img-placeholder:before,
.img-placeholder:after {
  padding-top: 100%;
  content: "";
  display: block;
  pointer-events: none;
}

.img-placeholder {
  background: #222;
  box-shadow: 0 0 0 8px #222 inset, 0 0 0 9px #333 inset;
  color: #444;
  text-align: center;
  display: block;
}


.img-list li:before {
  transition: all .5s ease;
  content: "";
  position: absolute;
  inset: 0;
  background: #333;
  transform: scale(0);
    pointer-events: none;
}

.img-list li:hover:before {
  opacity: .5;
  transform: scale(1);
    pointer-events: none;
}

.img-list li:after {
  transition: all .6s ease .2s;
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border: 1px solid #aaa;
  background: #000;
  opacity: 0;
  transform: scale(0);
    pointer-events: none;
}

.img-list li:hover:after {
  opacity: .35;
  transform: scale(1);
    pointer-events: none;
} */

/* .certifitslider .slick-next {
    right: 13vw;
}
.certifitslider .slick-prev {
    left: 13vw;
} */
.watermark {
  position: absolute;
  bottom: -100px;
  /* left: 50%; */
  left: 0;
  /* transform: translateX(-50%); */
  font-family: "SilkSerif", serif;
  font-size: 10vw;
  color: rgba(200, 117, 13, 0.05);
  white-space: nowrap;
  z-index: 1;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.marquee-box {
    display: flex;
    align-items: center;
    gap: 40px;
}

.marquee {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.marquee-track {
  display: flex;
  gap: 50px;
  white-space: nowrap;
}
.marquee {
  overflow: hidden;
}

.marquee-track {
  display: flex;
  white-space: nowrap;
}
.marquee-track span {
  /* font-size: 60px; */
  /* font-weight: bold; */
}





.imgone ,.imgtwo,.imgthree,.imgfour{transition: all.3s;}
.GardenStorSec .imgone img:hover{transform: rotate(10deg);transition: all.3s;}
.GardenStorSec .imgtwo:hover{transform: rotate(-10deg);transition: all.3s;}
.GardenStorSec .imgthree:hover{transform: rotate(10deg);transition: all.3s}
.GardenStorSec .imgfour:hover{transform: rotate(-10deg);transition: all.3s}

.book-mobile{display: none;}

.jthroughInSec .comtitle h2 {font-size: 8rem;}
.CertifiInSec .comtitle h2 {font-size: 8rem;}




/* ====================== testimonial ====================== */
.testimonial-container {
			max-width: 1200px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
			gap: 30px;
      padding: 0 20px;
		}
.testimonial-container-cambrige {
			max-width: 1200px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: 1fr;
			gap: 30px;
      padding: 0 20px;
      padding-bottom: 80px;
		}
		.testimonial-card {
			position: relative;
			padding: 25px;
			border-radius: 10px;
			color: #000;
			margin-bottom: 20px;
		}
.testimonial-container-cambrige .testimonial-card p:not(:first-child){margin-top: 15px;}

.testimonial-container-cambrige .author-details h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 3px;
    font-family: "Alexandria", sans-serif;
}

.testimonial-container-cambrige .author-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
}
		/* .testimonial-card.red {
			background-color: #f6c700;
		}

		.testimonial-card.purple {
			background-color: #fb9c4d;
		} */
		.testimonial-container div:nth-child(odd) .testimonial-card {
			background-color: #f6c700 !important;
		}

		.testimonial-container div:nth-child(even) .testimonial-card {
			background-color: #fb9c4d;
		}

.testimonial-container-cambrige div:nth-child(odd) .testimonial-card {
      background-color: #aa4fdb;
      color: #fff;
		}

.testimonial-container-cambrige div:nth-child(even) .testimonial-card {
      background-color:#e05196;
      color: #fff;
		}



		.testimonial-card::after {
			content: '';
			position: absolute;
			bottom: -15px;
			left: 30px;
			width: 0;
			height: 0;
			border-left: 15px solid transparent;
			border-right: 15px solid transparent;
		}

		/* .testimonial-card.red::after {
			border-top: 15px solid #f6c700;
		}

		.testimonial-card.purple::after {
			border-top: 15px solid #fb9c4d;
		} */

		.testimonial-container div:nth-child(odd) .testimonial-card::after {
			border-top: 15px solid #f6c700;
		}

		.testimonial-container div:nth-child(even) .testimonial-card::after {
			border-top: 15px solid #fb9c4d;
		}

.testimonial-container-cambrige div:nth-child(odd) .testimonial-card::after {
			border-top: 15px solid #aa4fdb;;
		}
.testimonial-container-cambrige div:nth-child(even) .testimonial-card::after {
			border-top: 15px solid #e05196;
		}

		.testimonial-video {
			position: relative;
			border-radius: 10px;
			overflow: hidden;
			margin-bottom: 40px;
		}

		.testimonial-video img {
			width: 100%;
			height: auto;
			display: block;
		}

		.play-button {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 60px;
			height: 60px;
			border-radius: 50%;
			background-color: rgba(255, 255, 255, 0.8);
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
		}

		.play-button::after {
			content: '';
			width: 0;
			height: 0;
			border-top: 15px solid transparent;
			border-bottom: 15px solid transparent;
			border-left: 25px solid #e63946;
			margin-left: 5px;
		}

	.testimonial-container	.author-info {
			display: flex;
			align-items: center;
			gap: 15px;
			margin-top: 20px;
		}

	.testimonial-container	.author-avatar {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background-color: #ddd;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #666;
		}
    .author-avatar img{width: 50px;height: 50px;}

.testimonial-container	.author-details h4 {
			font-size: 16px;
			color: #333;
			margin-bottom: 3px;
          font-family: "Alexandria", sans-serif;
		}

	.testimonial-container .author-details p {
			font-size: 14px;
			color: #666;
		}

		.testimonial-container div:nth-child(even) .testimonial-card {
			margin-top: 40px;
		}

	.testimonial-container	.author-avatar img {
			border-radius: 50%;
		}

		.footbtmsec:before {
			display: none !important;
		}
	.tmonySec .comtitle h2{ padding-top: 60px;}
		@media (max-width: 768px) {
			.testimonial-container {
				grid-template-columns: 1fr;
				padding: 0 15px;
			}

			.testimonial-container div:nth-child(even) .testimonial-card {
				margin-top: 0px;
			}
		}



/* ================== bookish play ====================== */

#bookish-play ul li{
  font-family: "Alexandria", sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
}

#bookish-play .image-list li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 6px;
  width: 20px;
  height: 20px;
  background: url("../images/pencil-1.gif") no-repeat center;
  background-size: cover;
}
#bookish-play .workshopSec{
  background-image: unset !important;
  background-color: #ffffff;
}


/* ================== audio ================ */
.audio-box{
  width:55px;
  height:55px;
  border-radius: 50%;
  /* background:#1f3f35; */
  /* background: #aa4fdb; */
  background: #000;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  position: fixed;
  top: 15%;
  right: 3%;
  z-index: 10;
}

/* SVG */
.audio-box svg{
  width:28px;
  height:28px;
  
}

/* Slash line */
.slash{
  stroke:red;
  stroke-width:3;
  display:block;
}


/* ========== TODDLERS & TADPOLES start ============ */
.tt-body .workshopSec{background:transparent; padding-bottom: 60px;}
.tt-body.wscontainer{padding-top: 0 !important;}
.tt-body .workshopSec p.parabtn{margin-top: 0 !important;}
/* ========== TODDLERS & TADPOLES end============ */



/* =============== popup =================== */

#loadPopup .modal-content {
    border: 10px solid #3d7a5c !important;
    background-color:#3d7a5c;
}
#loadPopup .modal-footer>* {
    font-size: 18px;
    background: black;
}
#loadPopup .modal-header .btn-close {
    font-size: 16px;
    background-color: white;
    border-radius: 50%;
    opacity: 1;  
}
#loadPopup .modal-header {border: none !important;}
#loadPopup .modal-footer {border: none !important;}


@media (max-width:1700px){
  #about-body .introicon{
    width: 12vw;
  }
  .SworksSec .comtitle{top:10% !important;}
}


@media (max-width:1650px){
header.mainheader ul li a{font-size: 14px;};
.SworksSec .comtitle{top:10% !important;}
.SworksSec .fanstickicons{width: 60px;}

}


@media (max-width:1440px){
  .comtitle p{font-size: 16px;}
  #bookish-play ul li{font-size: 16px;}
  .rot-1 .wsItems { transform: rotate(10deg) translateY(20px);opacity:0.25; }
.rot-2 .wsItems { transform: rotate(5deg) translateY(65px);opacity:1; }
.rot-3 .wsItems { transform: rotate(0deg) translateY(80px);opacity:1; }
.rot-4 .wsItems { transform: rotate(-5deg) translateY(68px);opacity:1; }
.rot-5 .wsItems { transform: rotate(-10deg) translateY(20px);opacity:0.25; }
.SworksSec {
    margin-top: -35px;
}
  /* .acomtitletop br{display: none;} */
 .jthroughInSec .comtitle h2 {font-size: 7rem;}
.CertifiInSec .comtitle h2 {font-size: 7rem;}
}

@media (max-width:1300px){
.inpagecont .comtitle p{font-size: 16px;}
.asocmediasec ul li a{width: 40px;font-size: 16px;}
  .CertifiInSec .comtitle p{font-size: 16px;}
  .jthroughInSec .comtitle p{font-size: 16px;}
}

@media (min-width:1200px) and (max-width:1300px){
     .Sworkscontainer .comtitle p {
        font-size: 15px;
    }
}
@media (min-width:1200px) and (max-width:1440px){
  .SworksSec .fanstickicons{width: 60px;}
  /* .SworksSec .comtitle{top: 10%;} */
}


@media (max-width:1200px)
{
  #bookish-play ul li{font-size: 15px;}
.slick-dots{display: none !important;}
.gs-h br{display: none;}
 .jthroughInSec .comtitle h2 {font-size: 6rem;}
.CertifiInSec .comtitle h2 {font-size: 6rem;}
  .comtitle h2 {
    font-size: 4rem;
}
.SworksSec .fanstickicons {

    width: 50px;

}
.SworksSec .comtitle {
    top: 8%;
}
  .socmediasec ul li a{width: 40px;}.socmediasec ul li a{font-size: 16px;} .copyrightsec p{font-size: 15px;text-align: center;}
  .HintroSec .imgbox{position: relative;bottom: 0; right: 0;}
  .HintroSecss .comtitle p{width: 100%;}
  .HintroSec .Contbox{padding-bottom: 0;}
  .GardenStorSec p{font-size: 15px;}
  .wscontainer p{font-size: 15px;}
  .wsimgbox.imgone {
    top: 0;
    left: 2%;
}
  .rot-1 .wsItems { transform: rotate(10deg) translateY(20px);opacity:0.25; }
.rot-2 .wsItems { transform: rotate(5deg) translateY(55px);opacity:1; }
.rot-3 .wsItems { transform: rotate(0deg) translateY(60px);opacity:1; }
.rot-4 .wsItems { transform: rotate(-5deg) translateY(28px);opacity:0.25; }
.rot-5 .wsItems { transform: rotate(-10deg) translateY(20px);opacity:0.25; }
.Sworkscontainer p{font-size: 15px;}

.wsimgbox {
    position: absolute;
    width: 200px;
}
.wsimgbox.imgtwo {
    top: 0;
    right: 2%;
    mix-blend-mode: multiply;
}
.slick-prev:before, .slick-next:before {
    font-size: 40px;
}
.wshopslider .wsItems{width: 250px;}

}
@media (max-width:992px){
.rot-1 .wsItems { transform: rotate(0deg) translateY(20px);opacity:0.25; }
.rot-2 .wsItems { transform: rotate(0deg) translateY(45px);opacity:1; }
.rot-3 .wsItems { transform: rotate(0deg) translateY(20px);opacity:1; }
}
@media (min-width:550px) and (max-width:1000px){
      .SworksSec .fanstickicons {
        top: -30vw !important;
      }
}

@media (min-width:481px) and (max-width:1000px){
  .booklistbox {
    display: flex;
    justify-content: center;
    align-items: center;
}
 .itemThree { align-items: center !important;}
 .itemThree br{display: none;}
    /* .itemThree h4{margin-right: 260px;} */
}
@media (max-width:1000px){
  .jthroughInSec .comtitle h3{font-size: 2.5rem;}
  .jthroughInSec .comtitle h2 {font-size: 4rem;}
.CertifiInSec .comtitle h2 {font-size: 4rem;}

.swct{position: absolute !important; display: block;}
.Sworkscontainer h4,.Sworkscontainer h2{
  display: none;
}
    .sworksslider {
        width: 90%;
    }
	/* .HBanSec .hbookListSec{padding-top: 55vw;background: transparent;} */
  .mobilehbookListSec{display: none;}
	.HBanSec .hbookListSec>div{display:none;}
	.book-mobile{display: block;}
	.headrow{align-items: center !important;}
	.headrow img{width: 80%;}
	header.mainheader {padding: 4px 20px;}
	.gs-h h1{font-size: 3rem; margin-bottom: 10px;}
  .gs-h p{font-size: 15px;}
  .ws-h h1{font-size: 3rem;margin-bottom: 10px;}
  #sw-body .comtitle h3{font-size: 3rem;}
/* .ws-h{margin-bottom: 40px;} */
.ws-h p{font-size: 18px; text-align: center;}
#gs-body .comtitle h3{font-size: 3rem;}
  .gg-h{font-size: 3rem !important;}
	.mobile-banner-section  .Contbox{margin-top: 50px;}
	.mobile-banner-section .hintro{margin-top: 20px;}
	.mobile-banner-section .content img{width: 360px; text-align: center;display: flex;display: flex;justify-content: center;align-items: center;margin: auto;padding-top: 200px;}
	.mobile-banner-section .content .title{position: relative;top: 15%;margin: auto;text-align: center;width: 360px;color: #ffffff;}
	.mobile-banner-section .content .title h1{font-size: 4rem;font-family: 'SilkSerif';text-transform: uppercase;}
	.mobile-banner-section .content .title h4{font-size: 4rem;font-family: 'SilkSerif';text-transform: uppercase;}
	.mobile-banner-section  .title-two p{margin: 10px 0;font-size: 15px;}
	.mobile-banner-section .content{height: 100vh;}
	.HBanSec{/* display: none; */}
	.mobile-banner-section{/* display: block !important; */}
	.asocmediasec{margin-bottom: 20px;}
	.certifitslider .slick-arrow {top: -10%;opacity: 1;width: 70px;/* bottom: 0; */}
	.jthroughInSec .comtitle h2 {font-size: 3rem;}
	.CertifiInSec .comtitle h2{font-size: 3rem;}
	.inpageimg img{min-height: 400px !important;object-fit: cover; object-position: right;}
	.Contbox .comtitle  .hintro{margin-top: 15px;}
	.comtitle p br{display: none;}
	.comtitle h3 br{display: none;}
	.wscontent h4 {font-size: 14px;}
	.aboutintroimg {width: 100%;}
	.CertifiInSec .comtitle p{font-size: 15px;}
	.jthroughInSec .comtitle p{font-size: 15px;}
	/* html body .secblockpading {	padding-block: 6.2vh;} */
	header.mainheader ul li a {padding: 8px 18px;}
	header.mainheader ul li a{font-size: 9px;}
	.headmenulogo ul li:not(:first-child){display: none;}
	.headRmenu ul li:nth-child(2){display: block;}
	.SworksSec .fanstickicons{        position: absolute;
        top: -39vw;
        left: 50%;
        transform: translateX(-50%);}
	.SworksSec .comtitle {width: 100%;margin-inline: auto;position: relative;left: 0%;transform: translateX(0%);top: 15%;}
	.Sworkscontainer {display: flex;flex-direction: column-reverse;gap: 30px;}
	.SworksSec {margin-top: -23px;}
	.SworksSec {padding-bottom: 0vh;}
	.tmonyboxtop{min-width: 380px;}
	.tmonySec .comtitle p{color:#ffffff;font-size: 16px;}
	.socmediasec h4{font-size: 18px;}
	.hbookListSec .comtitle{margin-left: 0;}
	.itemOne {margin-top: 20px;margin-left: 0%;width: 50%;}
	.itemTwo {margin-block: 0;width: 50%;margin-left: 0%;margin-top: 20px;}
	.booklistitem h4{font-size: 2rem;}
	/* .itemThree {	margin-inline: 0;	width: 55%;	margin-top: 20px;	margin-left: 0%;	} */
	.itemThree {margin-inline: 0;width: 70%;margin-top: 20px;margin-left: 0%;display: flex;align-items: start;flex-direction: column;}
	.gsimgbox.imgone {top: -70px;left: -6%;}
	.gsimgbox.imgtwo {top: -70px;right: -6%;}
	.gsimgbox {position: absolute;width: 48%;}
	/* .aboutCertifiSec br{display: none;} */

  .gsinRow {
    height: 80vh;
    /* padding-bottom: 18vh; */
}
  .gsimgbox img{width: 70%;}
  .wshopslider .slick-list {
    padding-block: 50px 50px !important;
}
#toddlers-tadpoles p {
    font-size: 16px !important;
}
.school-hero-content p {
    font-size: 16px !important;
}
}

@media (max-width: 900px) {
  .comtitle h3{font-size: 3rem;}
  .comtitle h2{font-size: 46px;}
  .comtitle h4{font-size: 2.4rem;}
  .wsimgbox {
    position: absolute;
    width: 150px;
}
.slick-prev:before, .slick-next:before {
    font-size: 30px;
}

	.m.process-book {width: 70%;}
}

@media (max-width: 800px) {
	header.mainheader {background: #fd922c;position: fixed;top: 0;left: 0;}
}
@media (min-width:768px){
  .px-md-10{padding: 0 10%;}
}
@media(max-width:768px){
  .gs-h{margin-bottom: 50px; text-align: left;}
  .inpageBannerSec .inpagecont h1{font-size: 3rem;}
    .jthroughInSec .comtitle h2 {font-size: 3rem;}
.CertifiInSec .comtitle h2 {font-size: 3rem;}
	.rot-2 .certifitItems {	transform: rotate(0deg) translateY(-36px);	opacity: 1;	}
	.tmonySec .comtitle h2{font-size: 3rem; padding-top: 60px;}
	.tmonyboxtop{height: 20vh;}
	.tmonyboxbtm h4 {font-size: 16px;}
	.tmonyboxbtm h6 {font-size: 10px;}
	.comtitle h3{font-size: 3rem;}
	.HintroSecss .comtitle p{font-size: 16px;}
	.wsimgbox {position: absolute;	width: 100px;}
	.rot-1 .wsItems {transform: rotate(0deg) translateY(20px);opacity:0.25; }
	.rot-2 .wsItems {transform: rotate(0deg) translateY(10px);opacity:1; }
	.rot-3 .wsItems {transform: rotate(0deg) translateY(10px);opacity:1; }
  .gsimgbox.imgone {
        top: -18px;
    }
    .gsimgbox.imgtwo {
        top: -18px;
    }
      .gsimgbox img{width: 80%;}
          .gsimgbox.imgtwo {

        right: -12%;
    }
    .atc{flex-direction: column-reverse;}
     .atc img{margin: 0 auto 30px; display: flex;}
     #bookish-play  ul {padding-left: 30px;}

}
@media (max-width:700px){
      .SworksSec {
        margin-top: -32px;
    }
    .sworksslider {
    width: 90%;
}
#toddlers-tadpoles p {
    font-size: 15px !important;
}
#bookish-play .hbliconthree{display: none;}


}
@media (min-width:650px) and (max-width:900px){		.m.process-book {width: 50%;transform: translate(-50%, 40%);}}
@media (max-width:650px){
	.SworksSec {margin-top: -18px;}
	.m.process-book {width: 80%;transform: translate(-50%, 40%);}
	.HintroSec .imgbox{width: 100%;}
	.m.process-hero .content{padding: 70px 20px 20px;}
	.m.process-hero .tl{width: 100%;text-align: center;}
	.m.process-hero .title h1{font-size: 38px;margin-bottom: 10px;}
	.m.process-hero .title .title-two{align-items: center;margin-top: 10px;}
	.m.process-hero .title .title-two p {font-size: 18px;}
	.m.process-hero .title .title-two h4{font-size: 32px;}
	.m.process-hero{min-height: 100vh;}
	html body .secblockpading {padding-block: 40px;}
	.headrow img {width: 62%;}
  .hbookListSec {overflow: visible !important;}
  .hbliconone{z-index: 1;top: -100px;}
  .wscontainer {padding-top: 100px;}
 .tt-body .wscontainer{padding-top: 0;}
  .HintroSec .Contbox {padding: 0 10px;}
  .hbliconthree {
    bottom: 100px;
}
.HBanSec{
  padding: 0 0 198px;
}
.process-chapters {
    height: 140vh;}

    .audio-box{
  width:40px;
  height:40px;
top: 12%;}
}
@media (min-width:570px) and (max-width:768px){
.tmonyboxtop{
  min-width:280px;
}
.tmonyboxtop p{font-size: 10px;}
}
@media (min-width:340px) and (max-width:570px){
.tmonyboxtop{
  min-width:200px;
}
.tmonyboxtop p{font-size: 7px;}
  .tmonyboxbtm h4 {
  font-size: 12px;
}
  .tmonyboxbtm h6 {
  font-size: 8px;
}
.tmonyslider ul.slick-dots {
  right: 10%;
  bottom: 15%;
}
}
@media (min-width:480px) and (max-width:1000px){
.workshopSec .slick-next { right: 20%;}
.workshopSec .slick-prev {left: 20%;}
}
@media (max-width:480px){


  .gsimgbox.imgthree {
    bottom: 40px;
}
.gsimgbox.imgfour {
    bottom: 40px;
}

      .gsinRow {
        padding-bottom: 18vh;
    }

  .jthroughimgsbox {
    margin-top: 100px;

}

.gssliconone {
    top: 44%;
}
  .tmonyboxtop a {
    width: 23px;
    position: absolute;
    bottom: 34%;

}
    .certifitslider .slick-arrow {

    top: 7%;
    opacity: 1;
    width: 70px;
    /* bottom: 0; */

}
.itemThree .bimgbox {

    width: 100%;
}
.workshopSec .slick-prev {
    left: 0%;
}
.workshopSec .slick-prev,.workshopSec  .slick-next {
    top: -10% !important;
    /* left: 50%; */
    transform: translateX(-50%,-50%);
    margin: 20px;
    width: 60px;
    height: 20px;
}
.workshopSec .slick-next {
    right: 0%;
}



  .rot-1 .certifitItems {
    transform: rotate(0deg) translateY(36px);
    opacity: 1;
}
/* .slick-prev, .slick-next{display: block !important;} */
        .SworksSec {
        margin-top: -16px;
    }
    .rot-1 .wsItems { transform: rotate(0deg) translateY(0px);opacity:1; }
  .itemOne {

    width: 100%;
    margin-left: 0;
    margin-top: 10px;
}
.itemTwo {

    width: 100%;
      margin-left: 0;
       margin-top: 10px;

}
.itemThree{width: 100%;}
.gsinRow {
    height: 100vh;
}

}

@media (max-width:400px){
  .HintroSecss .comtitle p {
        font-size: 14px!important;
    }
}
/* .mobile-menu{display: none;}
.desctop-menu{display: block;}
  header.mainheader ul li a {
    font-size: 14px;
  }
.desctop-menu.headrow{display: block;}
@media (max-width:900px){
  .desctop-menu.headrow{display: none;}
  .mobile-menu{display:block;}
  .desctop-menu{display: none;}
  .inpageimg img{min-height: 300px;object-fit: cover;}
  .headmenulogo ul li:first-child img{ width: 50px;}
}
.headRmenu li img{
  width: 40px;
} */

/* ================= MODAL SLIDER ================= */

.ms-slider-wrapper{
    width:100%;
    height:70vh;
    position:relative;
    overflow:hidden;
    /* border-radius: 20px; */
}

/* Slides */

.ms-slide .ms-item{
    width:clamp(140px,18vw,150px);
    height:clamp(120px,35vw,100px);
    position:absolute;
    top:70%;
    transform:translateY(-50%);
    border-radius:20px;
    /* box-shadow:0 20px 40px rgba(0,0,0,0.4);.. */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    background-position:center;
    background-size:cover;
    transition:0.5s ease;

}

/* Active background */
.ms-slide .ms-item:nth-child(1),
.ms-slide .ms-item:nth-child(2){
    top:0;
    left:0;
    transform:none;
    border-radius:0;
    width:100%;
    height:100%;

}

/* Side cards */
.ms-slide .ms-item:nth-child(3){ 
  /* left:55%; */
  left: 55%;
      border: 2px solid white;
 }
.ms-slide .ms-item:nth-child(4){ 
  left: 70%;
  /* left:70%; */
      border: 2px solid white;
 }
.ms-slide .ms-item:nth-child(5){ left:85%;     border: 2px solid white;}

.ms-slide .ms-item:nth-child(n+6){
    left:100%;
    opacity:0;
}

/* Content */

.ms-item .ms-content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    width:min(90%,400px);
    color:#fff;
    display:none;
}

.ms-slide .ms-item:nth-child(2) .ms-content{
    display:block;
}

.ms-content .ms-name{
    font-size:clamp(24px,4vw,42px);
    font-weight:bold;
    text-transform:uppercase;
    animation:ms-fadeUp 0.8s ease forwards;
}

.ms-content .ms-des{
    margin:15px 0;
    font-size:clamp(14px,2vw,16px);
    animation:ms-fadeUp 0.8s ease 0.2s forwards;
}

.ms-content button{
    padding:10px 20px;
    border:none;
    cursor:pointer;
    animation:ms-fadeUp 0.8s ease 0.4s forwards;
}

/* Navigation Buttons */

.ms-button{
    position:absolute;
    bottom:40px;
    width:100%;
    text-align:center;
    z-index:10;
}

.ms-button button{
    width:50px;
    height:45px;
    border-radius:8px;
    border:none;
    cursor:pointer;
    margin:0 10px;
    background:#fff;
    transition:0.3s;
}

.ms-button button:hover{
    background:#000;
    color:#fff;
}

/* Animation */

@keyframes ms-fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
        filter:blur(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
        filter:blur(0);
    }
}

/* Mobile */
@media(max-width:768px){

    .ms-slide .ms-item:nth-child(3),
    .ms-slide .ms-item:nth-child(4),
    .ms-slide .ms-item:nth-child(5){
        left:65%;
    }
    p.parabtn a{font-size: 10px;}

}

.modal-content{
  border-radius: 20px !important;
  border: 10px solid white !important;
  overflow: hidden;
}
.modal{
  z-index: 99999 !important;
  align-content: center !important;
  
}
  .headRmenu ul li:first-child {
    display: none;
  }

/* ========================================header========================== */



/* Hide desktop menu on mobile */

@media (max-width:1500px){
    .headmenulogo ul li:not(:first-child),
  .headRmenu ul li:first-child {
    display: none;
  }
  	.headRmenu ul li:nth-child(2){display: block;}
}

@media (max-width: 1000px) {
  .headmenulogo ul li:not(:first-child),
  .headRmenu ul li:first-child {
    display: none;
  }
  .mobile-canvas ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  
}
}

/* Mobile Canvas */
.mobile-canvas {
  position: fixed;
  top: 0;
  right: -320px;
  width: 300px;
  height: 100%;
  background: #111;
  padding: 60px 25px;
  transition: 0.4s ease;
  z-index: 9999;
}

.mobile-canvas.active {
  right: 0;
}

.mobile-canvas ul {
  list-style: none;
  padding: 0;
}

.mobile-canvas ul li {
  margin-bottom: 25px;
}

.mobile-canvas ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
}

.close-menu {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 28px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}

/* Overlay */
.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 9998;
}

.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* @media (max-width: 400px){
	
	.HBanSec .hbookListSec {padding-top: 55vw;}
} */