.know-btt{transition:all 0.5s ease;}

.know-btt{background-color:#00aab4; color:#fff !important; border-radius:35px; padding:7px 15px; font-size:13px; display:inline-block;}
.know-btt:hover{background-color:#ff881d; color:#fff;}

.chrt-img img{width:250px;}
.brd-btm-line{margin-top:-75px;}

.discr-txt{top:14%; left:22%; width:35%;}

.discr-txt h1{font-size:66px; line-height:68px; color:#000; font-weight:normal;}
.discr-txt p{font-size:18px; line-height:26px; font-weight:500; color:#000; margin-top:30px;}

.heading-2 h2{font-size:50px; color:#000; font-weight:normal;}

/* top shape css */
.effect-zoe figcaption{top:auto; bottom:0; padding:0; height:0; color:#000; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}

.effect-zoe p.description{position:absolute; width:140px; padding:0; color:#fff; text-transform:none; font-size:26px; line-height:28px; font-weight:500; opacity:0; -webkit-backface-visibility:hidden; -webkit-transition:opacity 0.35s; transition:opacity 0.35s; -webkit-backface-visibility:hidden;}

.efft-1{bottom:40px; left:35px; text-align:right;}
.efft-2{bottom:40px; left:25px; text-align:left;}
.efft-3{bottom:65px; left:35px; text-align:right;}
.efft-4{bottom:65px; left:20px; text-align:left;}

.effect-zoe .active-1{bottom:-63px; left:35px; text-align:right; opacity:1 !important;}

.effect-zoe:hover p.description, .effect-zoe p.description.active{opacity:1;}
.effect-zoe:hover figcaption, .effect-zoe figcaption.active{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.discr-hvr{top:10%; right:4%; width:450px; margin:0 auto; text-align:center;}
.discr-hvr ul{margin:0 auto; padding:0;}
.discr-hvr ul li{width:200px; margin-bottom:10px;}

.discr-img1, .discr-img2, .discr-img3, .discr-img4{display:inline-block; background-repeat:no-repeat; vertical-align:middle;}

.discr-img1{background-image:url(../images/top-shp-1.png);}
.discr-img2{background-image:url(../images/top-shp-2.png);}
.discr-img3{background-image:url(../images/top-shp-3.png);}
.discr-img4{background-image:url(../images/top-shp-4.png);}

.discr-icon-1, .discr-icon-2, .discr-icon-3, .discr-icon-4{width:200px; height:200px; background-position:0 0;}
.effect-zoe:hover > .discr-icon-1, .effect-zoe:hover > .discr-icon-2, .effect-zoe:hover > .discr-icon-4{width:200px; height:200px; background-position:0 -210px; transition: transform 0.5s ease-in-out;}

.effect-zoe:hover > .discr-icon-3{width:200px; height:200px; background-position:0 -208px; transition: transform 0.5s ease-in-out;}

.tshp-1 img + img, .tshp-2 img + img{display:none;}
.effect-zoe:hover > .tshp-1 img + img, .effect-zoe .active{display:block; background-position:0 0; position:absolute; top:0;}
.effect-zoe:hover > .tshp-2 img + img{display:block; background-position:0 0; position:absolute; bottom:10px;}

/* lines css */
.lin-2{width:100px; margin-bottom:-35px;}
.lin-3{width:700px; float:right; margin-top:-235px;}
.lin-4{width:85px; position:relative; top:0;}
.lin-6{width:300px; float:right; right:0; top:0;}
.lin-7{width:90px; position:relative; top:88px;}

/* what css */
.wht-shp-1{width:40%; top:-22px; left:-20px;}

.what-1-shp{top:0; right:0;}
.what-1-shp img, .what-2-shp img, .what-3-shp img, .what-4-shp img{border-radius:100%;}
.what-1-shp:before{bottom:-14px; left:5px;}

.what-1-shp:before, .what-2-shp:before, .what-3-shp:before, .what-4-shp:before{content:""; border-radius:100%; display:inline-block; width:100%; height:100%; position:absolute; border:3px solid #000; z-index:-1;}

.what-1-shp, .what-2-shp, .what-3-shp, .what-4-shp{width:80%; height:auto; display:inline-block;}

.what-txt strong{font-size:26px; color:#000; font-weight:normal; margin-bottom:20px;}
.what-txt p{font-size:16px; color:#000; font-weight:normal;}

.wht-shp-2{width:40%; top:-68px; right:25px;}
.what-2-shp{top:0; left:35px;}
.what-2-shp:before{top:-9px; left:-16px;}

.wht-shp-3{width:40%; bottom:-240px; left:-47px; z-index:-1;}
.what-3-shp{top:0; left:20px;}
.what-3-shp:before{bottom:-9px; right:-14px;}

.wht-shp-4{width:40%; bottom:-270px; right:-12px; z-index:-1;}
.what-4-shp{top:0; left:0;}
.what-4-shp:before{top:-9px; right:-16px;}

/* values css */
.values-wrap{padding-top:280px;}

.vlu-postn{position:relative; top:-90px;}

.vlue-1-1{top:0; left:10%; width:auto;}
.vlue-1-2{top:10px; left:0; width:auto;}

.vlue-1-txt{top:30px; left:35%; z-index:1;}

.vlue-txt strong{font-size:26px; color:#000; font-weight:normal; margin-bottom:8px;}
.vlue-txt p{font-size:16px; color:#000; font-weight:normal;}

.vlue-2-1{top:0; left:10%; width:auto;}
.vlue-2-2{top:2px; left:10px; width:auto;}
.vlue-2-txt{top:52px; left:32%; z-index:1;}

.vlue-3-1{top:0; right:21%; width:auto;}
.vlue-3-2{top:2px; right:10px; width:auto;}
.vlue-3-txt{top:40px; left:60px; z-index:1; padding-right:180px;}

.vlue-4-1{top:0; right:21%; width:auto;}
.vlue-4-2{top:2px; right:10px; width:auto;}
.vlue-4-txt{top:40px; left:60px; z-index:1; padding-right:180px;}

/* turnkey css */
.tunky-wrap{margin-top:280px;}

.tunky-txt{padding:0 40px;}
.tunky-txt ul li{font-size:18px; font-weight:500; margin-bottom:5px;}

.tunky-txt p{font-size:15px; font-weight:500; padding-right:150px;}

.btm-tnky-img{margin-top:-220px; float:right; margin-right:-50px;}

/* customization css */
.cutzm-circle{position:relative; width:600px; height:600px; border-radius:50%; margin:0 auto; justify-content:center;
    align-items:center; display:flex;}
.cutzm-circle-outline{position:absolute; width:100%; height:100%; border:2px solid #000; border-radius:50%; top:0; left:0;
z-index:-1;}

.cutzm-txt-cntr{position:absolute; top:40%; left:20%; text-align:center;}
.cutzm-txt-cntr h2{font-size:56px; margin:0; font-weight:normal;}

.cutzm-featr{position:absolute; width:440px; background-color:#fff; border-radius:10px; padding:5px; color:#000;}

.cutzm-featr h3{font-size:24px; font-weight:normal;}
.cutzm-featr p{font-size:14px; line-height:22px; font-weight:500;}

.cutzm-featr img{width:auto; vertical-align:top;}

.cutzm-featr.top-left{top:10%; left:-33%;}
.cutzm-featr.top-right{top:10%; right:-33%;}
.cutzm-featr.bottom-left{bottom:10%; left:-33%;}
.cutzm-featr.bottom-right{bottom:10%; right:-33%;}

.cutzm-bx-lft{float:left; width:70%; padding-top:23px;}
.cutzm-bx-rght{float:left; width:30%;}

/* interior css */
.intr-siln-wrap{background-color:#fff6ef;}

.intr-heading h2{font-size:56px; color:#000; line-height:75px; font-weight:normal;}
.intr-txt p{font-size:16px; line-height:22px; font-weight:500;}

/* map css */
.map-lft{top:0; left:0; margin-top:120px;}

.map-rght{top:0; right:0; margin-top:120px; text-align:right;}

.map-column, .map-column-rght{width:100%; display:flex; flex-direction:column; gap:65px; position:relative;}
.map-column{left:0; float:left;}
.map-column-rght{right:0; float:right;}

.map-column:after, .map-column-rght:after{content:''; width:2px; height:123%; background-color:#6b6d73; display:inline-block; position:absolute; z-index:-1;}

.map-column:after{left:28px; top:-30px;}
.map-column-rght:after{right:28px; top:-30px;}

.cril-bx, .cril-bx-r{width:8px; height:8px; background-color:#fff; border-radius:50%; border:2px solid #6b6d73; display:inline-block; position:absolute;}
.cril-bx-btm, .cril-bx-rbtm{width:8px; height:8px; background-color:#fff; border-radius:50%; border:2px solid #6b6d73; display:inline-block; position:absolute;}

.cril-bx{left:25px; top:-37px;}
.cril-bx-btm{left:25px; bottom:-56px;}

.cril-bx-r{right:25px; top:-37px;}
.cril-bx-rbtm{right:25px; bottom:-56px;}

.mp-info{position:relative; padding-left:45px;}
.mp-info-1{padding-left:0; padding-right:65px;}

.mp-info .mp-num{position:absolute; left:0; top:0; color:#fff; border-radius:50%; width:55px; height:55px; text-align:center; line-height:53px; font-weight:600; font-size:24px;}
.mp-info .mp-num i{font-style:normal; outline:2px solid #fff; border-radius:50%; padding:1px 9px;}

.mp-info .mp-2{right:0; left:inherit;}

.mp-info-txt{margin-left:25px; margin-top:15px;}

.mp-info h3{font-size:20px; margin-bottom:4px; font-weight:600; text-transform:uppercase;}

.mp-info p{font-size:11px; line-height:15px; color:#555;}

.bg-clr-1{background-color:#be567d;}
.bg-clr-2{background-color:#4545b9;}
.bg-clr-3{background-color:#be90d5;}
.bg-clr-4{background-color:#b98145;}
.bg-clr-5{background-color:#b9a145;}
.bg-clr-6{background-color:#328580;}
.bg-clr-7{background-color:#8860a5;}
.bg-clr-8{background-color:#759b3b;}

.txt-clr-1{color:#be567d;}
.txt-clr-2{color:#4545b9;}
.txt-clr-3{color:#be90d5;}
.txt-clr-4{color:#b98145;}
.txt-clr-5{color:#b9a145;}
.txt-clr-6{color:#328580;}
.txt-clr-7{color:#8860a5;}
.txt-clr-8{color:#759b3b;}

@media (max-width: 1350px) {
.discr-txt{top:5%;}
}

@media (max-width: 1199px) {
.discr-txt{width:42%;}

.discr-hvr{width:360px; right:0;}
.discr-hvr ul li, .effect-zoe:hover > .tshp-1 img + img, .effect-zoe:hover > .tshp-2 img + img, .effect-zoe:hover > .tshp-3 img + img, .effect-zoe:hover > .tshp-4 img + img{width:150px;}

.effect-zoe p.description{font-size:22px; line-height:25px;}

.efft-1{bottom:10px; left:5px;}
.efft-2{bottom:10px; left:9px;}
.efft-3{bottom:40px; left:0px;}
.efft-4{bottom:36px; left:7px;}

.effect-zoe .active{width:150px;}
.effect-zoe .active-1{bottom:-72px; left:4px;}

.lin-2{width:50px;}
.lin-3{width:450px; margin-top:-195px;}
.lin-4{width:30px; top:-38px;}
.lin-6{width:170px; top:134px;}
.lin-7{width:40px; top:55px;}

.values-wrap{padding-top:260px;}
}

@media (max-width: 1009px) {
.lin-2{width:25px;}
.lin-7{width:25px; top:43px;}
}

@media (max-width: 991px) {
.discr-wrap{padding-top:30px !important;}

.discr-txt h1{font-size:36px; line-height:36px;}
.discr-txt p, .intr-txt p{font-size:14px; line-height:20px;}

.heading-2 h2, .cutzm-txt-cntr h2{font-size:30px; display:inline-block !important; border-bottom:2px dashed #000; padding-bottom:8px; margin-bottom:15px !important; font-weight:bold;}

.intr-heading h2{font-size:30px; line-height:36px;text-align:center; margin-top:20px;}

.lin-2, .lin-3, .lin-4, .lin-6, .lin-7, .btm-tnky-img, .cutzm-circle-outline, .cutzm-txt-cntr br{display:none;}

.chrt-img img{width:200px;}
.discr-hvr{width:30%;}
.discr-hvr ul li{width:47%; margin-right:5px !important;}

.discr-txt{left:26%;}

.effect-zoe:hover > .tshp-1 img + img, .effect-zoe:hover > .tshp-2 img + img{width:47%;}
.effect-zoe p.description{font-size:18px; line-height:18px; font-weight:bold;}
.efft-1{bottom:6px; left:-23px;}
.efft-2{bottom:6px; left:8px;}
.efft-3{bottom:40px; left:-25px;}
.efft-4{bottom:40px; left:8px;}

.img-efft-1{display:none;}
.effect-zoe .active{width:69%;}
.effect-zoe .active-1{bottom:-70px; left:-14px;}

.wht-shp-1{left:0; top:-45px;}
.wht-shp-4{right:0; bottom:-233px;}

.what-2-shp, .what-3-shp{left:0;}
.what-4-shp{left:-8px;}

.wht-shp-3{bottom:-209px; left:-35px;}

.what-1-shp, .what-2-shp, .what-3-shp, .what-4-shp{width:100%;}

.tunky-txt p{padding-right:0;}

.cutzm-circle{position:static; width:100%; height:100%; border-radius:0; display:block;}

.cutzm-txt-cntr{position:static; text-align:left !important; width:100%;}

.cutzm-featr{position:static !important; width:46%; min-height:160px; float:left; margin:20px 10px 10px 15px; padding:10px 15px; border-radius:10px; border:1px solid;}
.cutzm-featr h3{font-size:22px;}
.cutzm-featr p, .what-txt p, .vlue-txt p{font-size:13px; line-height:18px; font-weight:500;}

.what-wrap, .intr-siln-ottr{padding-top:0 !important;}
.what-ottr{margin-top:30px !important;}

.values-wrap{padding-top:75px;}
.custzm-wrap, .deliver-wrap{padding-top:10px !important;}

.what-txt strong, .vlue-txt strong{font-size:22px;}

.map-lft, .map-rght{position:static !important; margin-top:0; text-align:left;}
.mp-img img{width:100%; margin-top:15px;}

.mp-img{width:45%; padding:0; float:left;}

.map-column:after, .map-column-rght:after, .cril-bx, .cril-bx-r, .cril-bx-btm, .cril-bx-rbtm{display:none; position:static;}
.map-column, .map-column-rght{width:100%; display:block;}
.mp-ste-bx{width:55%; float:left; margin-top:10px;}

.mp-info{width:48%; margin:10px 5px 10px 0; float:left; padding-left:20px;}

.mp-info-txt{margin-top:10px;}

.mp-info .mp-num{width:40px; height:40px; font-size:18px; line-height:40px;}
.mp-info .mp-num i{padding:1px 7px;}

.mp-info h3{font-size:17px;}

.mp-info .mp-2{left:0;}
.mp-info-1{padding-right:0;}

.mp-info .mp-2{margin-top:2px;}

.cutzm-bx-rght{width:25%;}
.cutzm-bx-lft{width:74%;}

.vlue-1-2, .vlue-2-2, .vlue-3-2, .vlue-4-2{width:20%; right:10px; left:inherit;}

.vlue-1-1, .vlue-2-1, .vlue-3-1, .vlue-4-1{width:30%; z-index:-1; right:10%; left:inherit;}

.vlue-1-txt, .vlue-2-txt, .vlue-3-txt, .vlue-4-txt{position:static !important; padding-right:125px;}

.values-bx-1, .values-bx-2, .values-bx-3, .values-bx-4{margin-bottom:0px !important; margin-top:25px !important; padding-bottom:0 !important; padding-top:0 !important;}

.values-wrap{padding-top:175px;}
.vlu-postn{position:static;}

.tunky-wrap{margin-top:105px;}
}

@media (max-width: 920px) {
.effect-zoe .active-1{bottom:-64px; left:-21px;}
}

@media (max-width: 850px) {
.effect-zoe p.description{font-size:16px;}

.effect-zoe .active-1{bottom:-61px; left:-32px;}
}

@media (max-width: 767px) {
.chrt-img img{width:130px;}

.brd-btm-line{margin-top:-15px;}

.discr-txt h1{font-size:32px; line-height:32px;}
.discr-txt{left:25%; top:10%; width:60%;}

.discr-hvr{position:static !important; width:300px; margin-top:-55px; display:none;}

.values-wrap{padding-top:90px;}

.vlue-1-2, .vlue-2-2, .vlue-3-2, .vlue-4-2{width:30%;}
.vlue-1-1, .vlue-2-1, .vlue-3-1, .vlue-4-1{width:48%;}

.wht-shp-2{top:-45px;}

.what-bx-3{padding-top:0 !important;}
.what-txt{margin-top:0 !important;}
.what-bx-2{margin-top:30px !important;}

.wht-shp-3{bottom:-149px; left:-18px;}
.wht-shp-4{bottom:-155px;}

.tunky-wrap{margin-top:75px;}

.tunky-txt{padding:0 10px;}
.tunky-txt ul li{font-size:16px;}

.tunky-txt ul{margin-top:20px;}

.cutzm-featr{width:45%;}
.cutzm-bx-lft{padding-top:10px;}
.cutzm-featr h3{font-size:18px;}

.intr-heading h2{margin-top:0;}

.mp-ste-bx{width:100%;}

.mp-img{width:65%; float:none; margin:0 auto 15px;}
.deliver-wrap .heading-2 h2{margin-bottom:0 !important;}
}

@media (max-width: 575px) {
.discr-txt{left:30%; top:6%;}

.discr-txt p{margin-top:15px;}

.discr-txt h1{font-size:28px;}
.heading-2 h2, .cutzm-txt-cntr h2{font-size:26px;}

.cutzm-featr{width:100%; margin:20px 0 0; min-height:inherit; padding-bottom:20px;}

.intr-txt{text-align:center;}
.intr-heading h2{margin-top:20px;}
.intr-heading h2 br{display:none;}

.vlue-1-2, .vlue-2-2, .vlue-3-2, .vlue-4-2{width:18%;}
.vlue-1-1, .vlue-2-1, .vlue-3-1, .vlue-4-1{width:27%;}

.what-txt{width:65%; float:left; padding-top:20px;}
.what-1-img-bx, .what-2-img-bx, .what-3-img-bx, .what-4-img-bx{width:35%; float:left; padding:0 15px;}

.wht-shp-1, .wht-shp-2, .wht-shp-3, .wht-shp-4{width:10%;}

.what-1-shp, .what-2-shp, .what-3-shp, .what-4-shp{position:static !important;}

.wht-shp-1, .wht-shp-2, .wht-shp-3, .wht-shp-4, .tunky-txt img{display:none;}

.what-bx-1, .what-bx-2, .what-bx-3, .what-bx-4{margin-top:15px !important;}

.tunky-wrap{margin-top:40px;}

.what-1-shp:before{bottom:-5px;}
.what-2-shp:before{top:0px; left:-8px;}
.what-3-shp:before{bottom:-5px; right:9px;}
.what-4-shp:before{top:0px; right:-8px;}

.values-wrap{padding-top:75px;}
}

@media (max-width: 480px) {
.discr-txt{left:35%; top:12%;}

/*.mp-info{min-height:130px;}
.mp-info-txt{margin-top:4px;}*/
.mp-info h3{font-size:15px;}
}