/*----------------------------------
* Buttons
----------------------------------*/
#ig-info-price-table .m-btn.m-btn-radius { border-radius: 0.375rem; }
#ig-info-price-table .m-btn.m-btn-theme { background: #0050d8; color: #ffffff; }
#ig-info-price-table .m-btn.m-btn-theme.active, .m-btn.m-btn-theme:focus, .m-btn.m-btn-theme:hover { background: #0061b3; color: #ffffff; }
#ig-info-price-table .m-btn.m-btn-theme2nd { background: orange; color: #ffffff; }
#ig-info-price-table .m-btn.m-btn-theme2nd.active, .m-btn.m-btn-theme2nd:focus, .m-btn.m-btn-theme2nd:hover { background: #f09f00; color: #ffffff; }
#ig-info-price-table .m-btn.m-btn-theme2nd-light { background: rgba(255, 190, 61, 0.2); color: orange; }
#ig-info-price-table .m-btn.m-btn-theme2nd-light.active, .m-btn.m-btn-theme2nd-light:focus, .m-btn.m-btn-theme2nd-light:hover { background: orange; color: #ffffff; }
#ig-info-price-table .m-btn { display: inline-block; border: none; color: inherit; line-height: 1.5; border-radius: 0; padding: 0.68rem 1.4rem; font-size: 1rem; cursor: pointer; font-weight: 600; -moz-transition: ease-in-out all 0.55s; -o-transition: ease-in-out all 0.55s; -webkit-transition: ease-in-out all 0.55s; transition: ease-in-out all 0.55s; text-align: center; border: 1px solid transparent; }
#ig-info-price-table .m-btn[disabled], .m-btn:disabled, .m-btn.disabled { opacity: .3; box-shadow: none; pointer-events: none; }
#ig-info-price-table .m-btn.m-btn-shadow { box-shadow: 0 21px 35px -5px rgba(0, 0, 0, 0.3); }
#ig-info-price-table .m-btn.m-btn-round { border-radius: 5rem; }

@keyframes pulse-border { 0% { -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  100% { -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); opacity: 0; } }
.p-center { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }

/*	SVG fill
---------------------------*/
.svg-color polygon, .svg-color path, .svg-color circle, .svg_img polygon, .svg_img path, .svg_img circle { fill: currentColor; }
.svg_icon { max-width: 100%; height: auto; }

/* Effect Section
------------------------*/
.effect-section { position: relative; overflow: hidden; }
.effect-section .svg-bottom { position: absolute; bottom: 0; left: 0; right: 0; pointer-events: none; }
.effect-section .shap-top-left { position: absolute; width: 100vh; height: 100vh; left: -30vh; top: -30vh; }
.effect-section .shap-bottom-right { position: absolute; width: 100vh; height: 100vh; right: -30vh; bottom: -30vh; }
.effect-section .shap-middle-left { position: absolute; top: 0; left: -25vh; bottom: 0; margin: auto; width: 100vh; height: 100vh; }
.effect-section .shap-middle-right { position: absolute; top: 0; right: -25vh; bottom: 0; margin: auto; width: 100vh; height: 100vh; }
.effect-section .shap-middle-left-01 { position: absolute; top: -25%; left: -25%; bottom: -25%; margin: auto; right: 70%; }

/* After 50
------------------------*/
.after-50 { position: relative; }
.after-50:after { content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; }
.text-center .after-50:after { right: 0; margin: auto; }

/* Process Step
------------------------*/
.process-step { position: relative; padding-top: 80px; padding-bottom: 80px; }
@media (max-width: 991px) { .process-step { padding-top: 50px; padding-bottom: 50px; } }
.process-step:first-child { padding-top: 0; }
.process-step:last-child { padding-bottom: 0; }
.process-step:not(:last-child):after { content: ""; position: absolute; border-radius: 0 140px 0 0; width: 80px; height: 200px; left: 100px; bottom: -100px; -moz-transform: rotate(72deg); -o-transform: rotate(72deg); -ms-transform: rotate(72deg); -webkit-transform: rotate(72deg); transform: rotate(72deg); right: 0; margin: auto; border-top: 2px dashed rgba(0, 0, 0, 0.1); border-right: 2px dashed rgba(0, 0, 0, 0.1); }
@media (max-width: 991px) { .process-step:not(:last-child):after { width: 40px; height: 100px; left: 50px; bottom: -50px; } }
.process-step:nth-child(even):after { border-top: none; border-bottom: 2px dashed rgba(0, 0, 0, 0.1); border-radius: 0 0 140px 0; -moz-transform: rotate(-72deg); -o-transform: rotate(-72deg); -ms-transform: rotate(-72deg); -webkit-transform: rotate(-72deg); transform: rotate(-72deg); }

/* mouse
------------------------*/
.mouse { position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; display: inline-block; width: 26px; height: 46px; border-radius: 10rem; border: 2px solid currentColor; }
.mouse:after { -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); content: ""; position: absolute; display: block; top: 25%; left: 50%; width: 6px; height: 6px; background: currentColor; border-radius: 50%; -webkit-animation: mouse 2s linear infinite; -moz-animation: mouse 2s linear infinite; animation: mouse 2s linear infinite; }

@-webkit-keyframes mouse { 0% { opacity: 1; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  100% { opacity: 0; -moz-transform: translate(-50%, 20px); -o-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 20px); } }
@-moz-keyframes mouse { 0% { opacity: 1; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  100% { opacity: 0; -moz-transform: translate(-50%, 20px); -o-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 20px); } }
@keyframes mouse { 0% { opacity: 1; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  100% { opacity: 0; -moz-transform: translate(-50%, 20px); -o-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 20px); } }
/* Phone Frame
------------------------*/
.phone-frame { position: relative; z-index: 3; display: inline-block; }
.phone-frame .pf-inner { overflow: hidden; position: absolute; left: 0; top: 0; z-index: -1; width: 72%; height: 84%; margin: 10% 0 0 14%; border-radius: 5%; }

/* ----------------------
*   transeition
---------------------------*/
.transition { -moz-transition: ease-in-out all 0.35s; -o-transition: ease-in-out all 0.35s; -webkit-transition: ease-in-out all 0.35s; transition: ease-in-out all 0.35s; }
[class*="hover-"] { -moz-transition: ease-in-out all 0.35s; -o-transition: ease-in-out all 0.35s; -webkit-transition: ease-in-out all 0.35s; transition: ease-in-out all 0.35s; }

/* ----------------------
*   Top Hover
---------------------------*/
.hover-top { position: relative; top: 0; }
.hover-top:hover { top: -10px; }
.hover-top-in .hover-top--in { position: relative; top: 0; }
.hover-top-in:hover .hover-top--in { top: -10px; }

/* ----------------------
*   Box shadow
---------------------------*/
.box-shadow-lg { box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125); }
.box-shadow { box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05); }
.box-shadow-hover { box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05); }
.box-shadow-hover:hover { box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125); }
.box-shadow-only-hover:hover { box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125); }

.separated { overflow: hidden; }
.separated > * { box-shadow: -1px -1px 0px 0px #d9e2ef; }

.border-style { position: relative; }
.border-style:after { content: ''; display: block; width: 80%; position: absolute; left: 0; right: 0; margin: auto; height: 1px; background: radial-gradient(ellipse at center, #dee4ef 0, rgba(255, 255, 255, 0) 75%); }
.border-style.bottom:after { bottom: 0; }
.border-style.top:after { top: 0; }
.border-style.light:after { background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0, rgba(31, 45, 61, 0) 75%); }

/*------------------
*	Price Table
-------------------*/
#ig-info-price-table .price-table-01 { position: relative; top: 0; -moz-transition: ease-in-out all 0.25s; -o-transition: ease-in-out all 0.25s; -webkit-transition: ease-in-out all 0.25s; transition: ease-in-out all 0.25s; overflow: hidden; top: 0; box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1); background: #ffffff; }
#ig-info-price-table .price-table-01 .pt-head { padding: 30px 10px 20px 20px; position: relative; z-index: 1; }
#ig-info-price-table .price-table-01 .pt-head i { font-size: 60px; color: #ffffff; position: absolute; top: 0px; left: 20px; opacity: 0.5; }
#ig-info-price-table .price-table-01 .pt-head h4 { color: #ffffff; font-size: 17px; }
#ig-info-price-table .price-table-01 .pt-head h5 { color: #ffffff; font-size: 42px; font-weight: 600; margin: 0; }
#ig-info-price-table .price-table-01 .pt-head:after { content: ""; position: absolute; top: -50px; left: -20px; right: -10px; bottom: 0; background: #0050d8; z-index: -1; transform: rotate(-7deg); }
#ig-info-price-table .price-table-01 .pt-head .msg { background: orange; margin: 0 0 30px; padding: 7px 20px; position: relative; left: -32px; text-transform: uppercase; font-size: 12px; color: #ffffff; }
#ig-info-price-table .price-table-01 .pt-body { padding: 25px 15px 10px 15px; }
#ig-info-price-table .price-table-01 .pt-footer { text-align: center; position: relative; z-index: 1; padding: 15px 0; margin: 15px 0 0; border-top: 1px solid #ddd; }
#ig-info-price-table .price-table-01:hover { box-shadow: 0px 30px 60px 0px rgba(38, 59, 94, 0.1); top: -10px; }
#ig-info-price-table .price-table-01.active .pt-head:after { background: orange; }
#ig-info-price-table .list-type-02 { margin: 0; padding: 0; list-style: none; }
#ig-info-price-table .list-type-02 li { position: relative; padding: 4px 30px 4px 0px; }
/*#ig-info-price-table .list-type-02 li:after { content: ""; width: 6px; height: 12px; position: absolute; top: 10px; left: 8px; color: #0050d8; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
*/
#ig-info-price-table .list-type-02.white li:after { color: #ffffff; }

/* Margin Padding
--------------------*/
.m-15px-tb { margin-top: 15px; margin-bottom: 15px; }


#ig-info-price-table .price-table {
	background: white;
    padding: 40px 20px;

    position: relative;
    top: 0; 
}

#ig-info-price-table .price-table   .pt-head .msg  {
    	
		    background: #0050d8;
		    margin: -10px 0 20px;
		    padding: 7px 20px;
		    position: relative;
		    right: -32px;
		    text-transform: uppercase;
		    font-size: 12px;
		    color: white;
		    border-radius: 5px;
    	}
#ig-info-price-table .price-table   .pt-head    	h5 {
		   
		    font-size: 42px;
		    font-weight: 600;
		    margin: 0 0 20px;
		    padding: 0 0 20px;
		    border-bottom: 1px solid #ddd;
    	}
    
#ig-info-price-table .price-table     .pt-body h4 {
    	 
		    font-size: 18px;
		    font-weight: 700;
		    color: ;
		    margin: 0;
		    padding: 0 0 10px;
    	
    }
#ig-info-price-table .price-table    .pt-footer {
	    margin: 15px 0 0;
	    padding: 20px 0 0;
	    border-top: 1px solid #ddd;
    }
#ig-info-price-table .price-table:hover {
    	box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1);
    	top: -10px;
    }
 #ig-info-price-table .price-table  .active {
    	box-shadow: 0px 30px 60px 0px rgba(38, 59, 94, 0.1);
    }