/*--------------------------------------------------------------
             Fancy Box
--------------------------------------------------------------*/
.iq-fancy-box .iq-img-area { text-align: center; }
.iq-fancy-box.text-center .iq-img-area { margin: 0 auto; }

/*style 7*/
.iq-fancy-box-style-7 { top: 0; background: var(--white-color); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12); position: relative; z-index: 1; display: block; padding: 0 30px 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iq-fancy-box-style-7 .iq-img-area i { font-size: 60px; color: var(--primary-color); }
.iq-fancy-box-style-7 .iq-img-area { display: inline-block; vertical-align: middle; }
.iq-fancy-box-style-7 .iq-fancy-box-content .iq-fancy-title { display: block; }
.iq-fancy-box-style-7 .iq-img-area { margin-bottom: 30px; }
.iq-fancy-box-style-7 .iq-fancy-box-content .fancy-box-content { margin-top: 15px; margin-bottom: 0; }
.iq-fancy-box-style-7 .iq-fancy-box-content  .iq-button { margin-top: 30px; }
.iq-fancy-box-style-7:hover, .iq-fancy-box-style-7.active { margin-top: -5px; }
.iq-fancy-box-style-7 .iq-img-area i, .iq-fancy-box-style-7 .iq-img-area img { margin-top: -30px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.iq-fancy-box.text-center .iq-img-area { margin: 0 auto 30px; }
.iq-fancy-box-style-7:hover .iq-img-area i, .iq-fancy-box-style-7:hover .iq-img-area img, .iq-fancy-box-style-7.active .iq-img-area i, .iq-fancy-box-style-7.active .iq-img-area img { margin-top: -50px; }