.about-gallery{position:relative;top:-20px;padding:88px 0;background:url("../../../../../etc/designs/kotak/clientlib-site/images/about-gallery-bg.jpg");background-size:cover;background-position:center center}
.about-gallery .owl-prev{background:url(../../../../../etc/designs/kotak/clientlib-site/images/svg-icon/prev-white.svg) no-repeat}
.about-gallery .owl-next{background:url(../../../../../etc/designs/kotak/clientlib-site/images/svg-icon/next-white.svg) no-repeat}
.about-gallery .modal-btn{position:absolute;width:125px;height:125px;background-color:rgba(239,65,35,0.9);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);display:none;-webkit-transition:all .3s ease-in .5s;transition:all .3s ease-in .5s;opacity:1}
.about-gallery .modal-btn.right{right:-63px;bottom:-63px}
.about-gallery .modal-btn.left{left:-63px;bottom:-63px}
.about-gallery .modal-btn .icon-more-arow{color:#fff;position:absolute;top:42%;left:12%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.about-gallery .overlapping{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.2);-webkit-transition:all .5s ease-in;transition:all .5s ease-in}
.about-gallery .overlapping.hover{-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH;-ms-filter:"FlipH";background-image:none !important}
.about-gallery .overlapping.hover+.modal-btn{opacity:0;-webkit-transition:all 0 ease-in;transition:all 0 ease-in}
.about-gallery .overlapping.hover .round-bg{opacity:1;padding:10px}
.about-gallery.about-media{top:0;margin-top:50px;padding:0 0 50px 0;border-bottom:1px solid #999;background:0}
.about-gallery.about-media h4{margin-bottom:30px}
.about-gallery.about-media .round-bg{background:#666}
.about-gallery.about-media .round-bg span{font-size:12px;font-family:'Roboto',serif;max-height:50px;overflow:hidden}
.about-gallery.about-media .round-bg span.font-bold{font-size:14px;font-weight:600;font-family:'Roboto',serif;margin-bottom:10px;line-height:normal;max-height:52px;overflow:hidden}
.flex-column{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.group-typ-1{display:inline-block;width:100%}
.group-typ-1 .flex-row{-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.group-typ-2 .flex-column{-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between}
.img-frame{position:relative;overflow:hidden;border-radius:4px}
.img-frame>img{opacity:0}
.imgu1{width:100%;margin-bottom:2.0833333333vw}
.imgu1 img{height:15.5555555556vw}
.imgu2{width:11.25vw}
.imgu3{width:18.125vw;height:10.625vw;position:relative;-webkit-box-flex:1;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-left:2.0833333333vw}
.imgu4{width:24.3055555556vw;height:28.1944444444vw;margin-right:2.0833333333vw}
.imgu4 img{height:100%}
.imgu5{width:17.1527777778vw;height:50%;position:relative;-webkit-box-flex:1;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-bottom:2.0833333333vw}
.imgu5 .op0{opacity:0}
.imgu6{width:17.1527777778vw}
.round-bg{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;border-radius:4px;background-color:rgba(255,255,255,0.2);color:#fff;font-family:'Roboto',serif;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;justify-content:center;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in;opacity:0;padding:5px;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH;-ms-filter:"FlipH"}
.round-bg .link-box{color:#fff}
.round-bg .link-box span{-webkit-transition:color .5s linear;transition:color .5s linear;color:#fff}
.round-bg .link-box span i.icon-more-arow{color:#fff}
.round-bg .link-box span:hover{text-decoration:none;color:rgba(255,255,255,0.6)}
.round-bg .link-box span:hover i.icon-more-arow{color:#fff;color:rgba(255,255,255,0.6)}
.round-bg span{display:block;font-size:15px;font-family:'Roboto',sans-serif;font-weight:600}
.round-bg .link-box{margin-top:10px}
.round-bg .link-box a{margin-top:15px;display:block}
.imgu3 .op0{opacity:0}
.about-gallery .owl-dots{display:none !important}
.gallery-owl-carousel .item{transition:.8s;-webkit-transition:.8s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
.gallery-owl-carousel .item.__loading{opacity:0;transform:translateX(40px);-webkit-transform:translateX(40px)}
.gallery-owl-carousel .item h4{margin:0 0 10px 0}
@media(max-width:991px){.about-gallery{padding:40px 0}
.about-gallery .owl-dots{display:block !important;position:relative;top:20px}
.about-gallery.about-media{margin-top:30px;padding-bottom:30px}
.about-gallery.about-media h4{margin-bottom:20px}
.about-gallery.about-media .round-bg span.font-bold{max-height:38px}
.gallery-owl-carousel .owl-nav{display:none}
.round-bg{font-size:11px}
.imgu1{width:auto}
.imgu6{width:auto}
.imgu5{width:auto;height:50%}
.imgu4{width:auto;height:273px}
.imgu3{width:auto;height:100%}
.imgu2{width:auto;margin-right:.6944444444vw}
}
@media(max-width:767px){.gallery-owl-carousel .item{margin-right:0}
.about-gallery.about-media .round-bg span.font-bold{max-height:55px}
.group-typ-2.flex-row{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.group-typ-1{width:100%}
.round-bg{font-size:11px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}
.imgu4{display:-webkit-box;display:-ms-flexbox;display:flex;height:78.125vw}
.imgu1 img{height:auto}
}
@media(max-width:768px){.imgu4{height:256px}
}