@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}
:root{--main-color:#FEB800;--sec-color:#fff;--txt-color:#000}
*{margin:0;padding:0;box-sizing:border-box;outline:none;font-family:'ZohoPuvi';font-display:swap;font-weight:400;font-size:16px}
a{text-decoration:none}
ul,ol,ul li ol li{list-style:none;list-style-type:none}
.z-sprite{background-image:url(images/instagram-sprite-img.png);background-repeat:no-repeat;background-size:203px;display:block}
html body #backToTop{display:none!important}
html,body{overflow-x:hidden}
body{background-color:var(--main-color);background-image:url(images/instagram-bg-img.png);background-size:1920px}
body .round-shape{width:25vw;height:25vw;border:5vw solid #fff;display:block;border-radius:50%;position:fixed;left:-8vw;top:-8vw}
body .bottom-shape{position:fixed;background-color:#fff;bottom:0;left:0;width:100vw;height:30vh}
body main{width:1210px;height:calc(100vh - 200px);border-radius:30px;background:#fff;border:3px solid #000;box-shadow:6px 10px 99px rgba(0,0,0,0.22);position:absolute;z-index:9;top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden}
body main .mobile-overflow{width:100%;height:100%}
body main .page-lhs{padding:0 20px;display:table;width:calc(100% - 480px);height:100%;float:left}
body main .page-lhs .lhs-header{display:table;max-width:550px;margin:0 auto;padding:20px 0}
body main .page-lhs .lhs-header .desk-head{display:block}
body main .page-lhs .lhs-header .mob-head{display:none}
body main .page-lhs .lhs-header .page-logo{background-image:url(images/instagram-sprite-img.png);background-repeat:no-repeat;background-size:203px;background-position:-2px 0;background-size:203px 124px;width:123px;height:123px;display:block;float:left}
body main .page-lhs .lhs-header h2{font-size:33.5px;font-weight:600;float:left;display:table;max-width:420px;padding:30px 0 30px 30px}
body main .page-lhs .lhs-header p{font-size: 22px;text-align: center;}
body main .page-lhs .lhs-feads{width:100%;height:calc(100% - 200px);display:block;overflow:hidden;overflow-y:auto;padding:0 20px 0 0}
body main .page-lhs .lhs-feads .fead-box{width:33.3333%;border:15px solid #fff;display:block;height:210px;float:left;background-color:#181925;overflow: hidden;}
body main .page-lhs .lhs-feads .fead-box img{width:100%;height:100%;object-fit:contain;transition: 0.5s;}
body main .page-lhs .lhs-feads .fead-box:hover img{ transform: scale(1.2);}
body main .page-rhs{padding:60px 40px;display:table;float:left;box-shadow:-1px -1px 0 #000;height:100%;width:480px}
body main .page-rhs h2{text-align:center;font-size:28.5px;font-weight:600;padding:60px 0}
body main .page-rhs p,body main .page-rhs a{font-size:17.5px;text-align:center;margin:20px 0;display:table;width:100%}
body main .page-rhs h3{font-size:23px;text-align:center;max-width:280px;margin:0 auto;line-height:1.8}
body main .page-rhs .rhs-header{display:none;max-width:550px;margin:0 auto}
body main .page-rhs .rhs-header .mob-head{display:flex;align-items:center;max-width:330px;margin:0 auto}
body main .page-rhs .rhs-header .mob-head .page-logo{background-image:url(images/instagram-sprite-img.png);background-repeat:no-repeat;background-size:203px;background-position:-2px 0;background-size:203px 124px;width:123px;height:123px;display:block;float:left}
body main .page-rhs .rhs-header .mob-head h4{font-size:20px;font-weight:400;float:left;display:table;max-width:220px;padding-left:15px}
body main .page-rhs .social-media{max-width:280px;margin:40px auto;display:table}
body main .page-rhs .social-media a{width:50%;padding-left:40px;float:left;margin-bottom:20px;color:#000;text-align:left;position:relative}
body main .page-rhs .social-media a::before{content:"";background-image:url(images/instagram-sprite-img.png);background-repeat:no-repeat;background-size:203px;display:block;position:absolute;height:30px;width:30px;top:-5px;left:0}
body main .page-rhs .social-media a:nth-child(1)::before{background-position:-133px -4px}
body main .page-rhs .social-media a:nth-child(2)::before{background-position:-167px -4px}
body main .page-rhs .social-media a:nth-child(3)::before{background-position:-133px -40px}
body main .page-rhs .social-media a:nth-child(4)::before{background-position:-167px -40px}
body main .page-rhs .social-media a span{position:relative;display:table}
body main .page-rhs .social-media a span::after{content:"";background-image:url(images/instagram-sprite-img.png);background-repeat:no-repeat;background-size:203px;position:absolute;background-position:-137px -75px;width:5px;height:9px;display:block;right:-16px;top:6px}
.mob-tab-control{display:none}
@media (max-width: 1440px) {
main{max-width:1200px}
body main .page-lhs{width:calc(100% - 420px)}
body main .page-rhs{width:420px;padding:60px 20px}
body main .page-lhs .lhs-feads .fead-box{height:200px}
}
@media (max-width: 1280px) {
main{max-width:calc(100% - 100px)}
}
@media (max-width: 1120px) {
body main .page-lhs{width:calc(100% - 380px)}
body main .page-rhs{width:380px;padding:30px 20px}
body main .page-lhs .lhs-feads .fead-box{height:180px}
}
@media (max-width: 1080px) {
body main .page-lhs .lhs-header h2{font-size:30px;max-width:360px}
body main .page-lhs .lhs-feads .fead-box{border:10px solid #fff;height:160px}
}
@media (max-width: 1024px) {
body main .page-lhs .lhs-header h2{font-size:26px;max-width:320px}
body main .page-lhs .lhs-feads{height:calc(100% - 190px)}
}
@media (max-width: 991px) {
body main .page-lhs .lhs-header .page-logo{background-size:150px;background-position:-1px -1px;width:91px;height:91px}
body main .page-lhs .lhs-header h2{max-width:261px;font-size:22px;padding:23px 0 20px 20px}
body main .page-lhs .lhs-feads .fead-box{height:140px;}
body main .page-lhs .lhs-feads{height:calc(100% - 165px)}
}
@media (max-width: 920px) {
body main .page-lhs .lhs-header .page-logo{background-size:100px;background-position:-1px 0;width:61px;height:61px}
body main .page-lhs .lhs-header h2{font-size:18px;max-width:240px;padding:10px 0 10px 15px}
body main .page-lhs .lhs-feads{height:calc(100% - 130px)}
body main .page-lhs .lhs-feads .fead-box{width:50%}
}
.mobile-nav{display:none}
@media (max-height: 768px) and (min-width: 860px) {
  body main{height:calc(100vh - 15px);max-width:100%;min-height:calc(100vh - 15px);border:0;}
  body .bottom-shape{height: 20vh;}
  body main .page-rhs{padding:40px 20px;background-color:#e0e0e0;box-shadow: none;}
  body main .page-rhs h2{padding:20px 0}
}
@media (max-width: 860px) {
body .mobile-nav{display:block;height:1px;background-color:#000;width:100vw;max-width:410px;position:absolute;top:10px;z-index:99}
body .mobile-nav span{display:block;height:5px;width:calc(50% - 20px);left:10px;background-color:#000;top:-2px;position:relative;border-radius:4px;transition:.5s}
body .mobile-nav.right-side span{left:calc(50% + 10px)!important}
body main{max-width:420px;min-height:680px}
body main .mobile-overflow{display:block;width:840px;position:relative;transition:.5s;left:0}
body main .page-lhs{padding:0 10px 0 5px;width:50%;min-height:680px}
body main .page-lhs .lhs-feads{padding:0;height:calc(100% - 145px);}
body main .page-lhs .lhs-feads .fead-box{height:120px;width:33.3333%;border:5px solid #fff}
body main .page-rhs{width:50%;min-height:680px;box-shadow:none}
body .mob-tab-control{display:block;position:absolute;top:calc(50% - 20px);width:100vw;max-width:560px;left:calc(50% - 280px)}
body .mob-tab-control .prev,body .mob-tab-control .next{position:absolute;display:block;right:20px;transition:.3s;z-index:9;width:36px;height:36px;border-radius:50%;border:1px solid #000;display:none}
body .mob-tab-control .prev:before,body .mob-tab-control .next:before,body .mob-tab-control .prev:after,body .mob-tab-control .next:after{border-right:1.5px solid;content:'';display:block;height:10px;margin-top:-8px;position:absolute;-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);right:15px;top:50%;width:0;transition:.3s}
body .mob-tab-control .prev:after,body .mob-tab-control .next:after{margin-top:-1px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body .mob-tab-control .prev:hover,body .mob-tab-control .next:hover{background-color:#000}
body .mob-tab-control .prev:hover:after,body .mob-tab-control .next:hover:after,body .mob-tab-control .prev:hover:before,body .mob-tab-control .next:hover:before{border-color:#fff}
body .mob-tab-control .prev.active,body .mob-tab-control .next.active{display:block}
body .mob-tab-control .prev{transform:rotate(180deg);left:20px}
}
@media (max-width: 620px) {
body .mob-tab-control{max-width:460px;left:calc(50% - 230px)}
body .mob-tab-control .prev{left:-25px}
body .mob-tab-control .next{right:-25px}
}
@media (max-width: 520px) {
body .round-shape,body .bottom-shape{display:none}
body .mob-tab-control{display:none}
body .mobile-nav{max-width:100%;top:15px}
body main{max-width:100%;min-height:auto;height:100%;border:0;border-radius:0}
body main .mobile-overflow{width:200%}
body main .mobile-overflow .page-lhs .lhs-header{padding:40px 0 20px}
body main .mobile-overflow .page-lhs .lhs-header .desk-head{display:none}
body main .mobile-overflow .page-lhs .lhs-header .mob-head{display:flex;align-items:center;justify-content:center;flex-direction:column}
body main .mobile-overflow .page-lhs .lhs-header .mob-head h3{display:table;font-size:16px;float:left;padding:20px 0 0 20px}
body main .mobile-overflow .page-lhs .lhs-header .mob-head h2{width:calc(100% - 40px);max-width:100%;display:table;margin:0 auto;float:none;padding:20px 0;text-align:center;font-size:32px}
body main .mobile-overflow .page-lhs .lhs-header .mob-head p{font-size:20px;letter-spacing:1.2px}
body main .mobile-overflow .page-lhs .lhs-feads{height:calc(100vh - 265px)}
body main .mobile-overflow .page-lhs .lhs-feads .fead-box{height:calc((100% / 3) - 10px)}
body main .mobile-overflow .page-rhs .rhs-header{display:block}
body main .mobile-overflow .page-rhs h2{padding:20px 0}
body main .mobile-overflow .page-rhs p{max-width:280px;margin:0 auto;line-height:1.5}
body main .mobile-overflow .page-rhs .social-media{margin:70px auto}
}
@media (max-width: 480px) {
body main .page-rhs .rhs-header .mob-head{max-width:295px}
body main .page-rhs .rhs-header .mob-head .page-logo{background-size:150px;background-position:-1px -1px;width:91px;height:91px}
body main .mobile-overflow .page-rhs .social-media{margin:20vw auto}
body main .mobile-overflow .page-lhs .lhs-feads .fead-box{height:calc((100% / 3) - 20px)}
}
@media (max-width: 420px) {
body main .mobile-overflow .page-lhs .lhs-header .mob-head h2{font-size:26px}
body main .page-rhs .rhs-header .mob-head h4{font-size:18px}
body main .mobile-overflow .page-lhs .lhs-feads{height:calc(100vh - 250px)}
body main .mobile-overflow .page-rhs .social-media{margin:15vw auto}
body main .page-rhs h3{font-size:18px}
body main .mobile-overflow .page-lhs .lhs-feads .fead-box{height:120px;}
}
@media (max-width: 380px) {
body main .mobile-overflow .page-lhs .lhs-header .mob-head h2{font-size:22px}
body main .mobile-overflow .page-lhs .lhs-feads{height:calc(100vh - 240px)}
body main .mobile-overflow .page-rhs .social-media{margin:10vw auto}
body main .mobile-overflow .page-lhs .lhs-feads .fead-box{height:110px;}
}
@media (max-width: 360px) {
body main .mobile-overflow .page-rhs .social-media{margin:20px auto}
body main .page-rhs .rhs-header .mob-head .page-logo{margin:0}
body main .mobile-overflow .page-lhs .lhs-feads .fead-box{height:105px}
}
@media (max-height: 860px) {
body main .page-rhs{padding:30px 20px}
body main .page-rhs h2{padding:20px 0}
}