.create-from-scratch-flipbook:hover {
	text-decoration: underline;
	font-weight: 600 !important;
}

.create-from-scratch-flipbook {
	font-weight: 600 !important;
}

.tab-content .tab-pane {
	padding: 0rem;
}

.tab-content {
	margin-left: 0px;
	position: relative;
	top: 0px;
}

.tab-pane.active {
	animation: slide-down 2s ease-out;
}

@media only screen and (max-width: 1199px) {
	.tab-content {
		top: 0px !important;
	}
}

.splide.collages {
	padding: 0;
}

.infoart-overlay-content .preview-template-content {
	overflow: hidden;
}

.infoart-template-overlay {
	display: none;
}

.start-design-btn-grad {
	background-image: linear-gradient(to right, #333399 0%, #546BFB 51%, #546BFB 100%);
	padding: 15px 30px;
	text-align: center;
	font-weight: 700;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 8px;
	margin-right: 7px;
}

.start-design-btn-grad:hover {
	background-position: bottom center;
	color: #fff;
	text-decoration: none;
	transition: 0.5s;
}

.upload-convert-btn-grad {
	position: relative;
	padding: 17px 25px;
	font-weight: 600;
	color: #333399;
}

.upload-convert-btn-grad::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	border: 2px solid transparent;
	background: linear-gradient(to right, #333399 0%, #546BFB 51%, #546BFB 100%)
		border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
}

.middle-flipbook-button-wrapper {
	margin-top: 20px;
}

.middle-box-wrapper {
	margin: 10px;
	display: flex;
}

@media ( max-width :767px) {
	.middle-box-wrapper {
		display: block;
	}
}

.explore-tools-middle-box {
        background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);

    padding: 30px;

}

.explore-tools-middle-box h2 {
	text-align: left !important;
	color: #fff;
	padding-bottom: 5px;
}

.explore-tools-middle-box p {
	color: #fff;
	text-align: left;
}
.explore-tools-buttons {
color: #3b566e !important;
    font-weight: 700 !important;

    margin-left: 5px;
    color: #212529;
    background-color: #f5f8fb;
}
.create-scratch-middle-box {
	background-color: #546BFB;
	padding: 20px;
	margin: 10px;
	 border-radius: 20px;
}

.create-scratch-middle-box h2 {
	text-align: left !important;
	color: #fff;
}

.create-scratch-middle-box p {
	color: #fff;
}

.convert-file-middle-box {
	background-color: #1D2633;
	padding: 30px;
	margin: 10px;
	 border-radius: 20px;
}

.convert-file-middle-box h2 {
	text-align: left !important;
	color: #fff;
}

.convert-file-middle-box p {
	color: #fff;
}

.middle-flipbook-buttons {
	background-color: #546BFB;
	border-radius: 8px;
	color: #ffffff !important;
	border: 2px solid #ffffff;
	font-weight: 700;
	margin-right: 15px;
}

.middle-flipbook-buttons-convert {
	background-color: #1D2633;
	border-radius: 8px;
	color: #ffffff !important;
	border: 2px solid #ffffff;
	font-weight: 700;
	margin-right: 15px;
}

.all-in-one-box {
	background: #FFF;
	border-radius: 10px;
	padding: 40px 10px;
	margin: 20px 0px;
	cursor: pointer;
	transition: all 0.5s ease-out;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0/ 9%);
}

.all-in-one-box-icons {
	font-size: 42px;
}

.all-in-one-box .box-title {
	margin-top: 10px;
}

.all-in-one-box .box-title h3 {
	font-size: 21px;
}

.convert-file-features {
	margin-top: 15px;
}

.convert-file-features li {
	padding: 0;
	width: 100%;
	padding-left: 30px;
	position: relative;
	margin-bottom: 3px;
	font-size: 15px;
}

.convert-file-features li::before {
	position: absolute;
	content: "\f058";
	left: 0;
	top: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #546BFB;
	font-size: 18px;
}

.flipbook-templates-tabs .buttons-box {
	position: relative;
	text-align: center;
}

.flipbook-templates-tabs .tab-buttons {
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	font-size: 16px;
	margin-top: 25px;
}

.flipbook-templates-tabs .tab-buttons .active {
	color: #3b566e;
	border-bottom-color: #1f8ceb;
}

.flipbook-templates-tabs .tab-buttons .tab-btn {
	position: relative;
	color: #6f8ba4;
	float: left;
	text-transform: capitalize;
	line-height: 24px;
	margin: 0px 0px;
	font-weight: 600;
	padding: 0px 27px 10px;
	border-bottom: 1px solid transparent;
}
.flipbook-templates-tabs .tab-buttons .tab-btn a {
	cursor: pointer;
}

.flipbook-templates-tabs .tab-buttons .tab-btn a,
	.flipbook-templates-tabs .tab-buttons .tab-btn a:hover,
	.flipbook-templates-tabs .tab-buttons .tab-btn a:focus {
	text-decoration: none;
	color: #6f8ba4;
}

.flipbook-templates-tabs .tab-buttons .active {
	color: #3b566e;
	border-bottom-color: #1f8ceb;
}

.st_feature_right_item {
	padding: 50px 0;
	position: relative;
}

.st_feature_right_item .st_feature_content {
	position: relative;
	z-index: 0;
	margin-bottom: 50px;
}

.st_feature_right_item .st_feature_content::before {
	padding: 10px 20px;
	position: absolute;
	left: 0px;
	top: 0;
	content: "\f5ac";
	border: 2px solid #d9d9d9;
	background-color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 24px;
	color: #25b7b5;
	text-align: center;
	line-height: 45px;
	border-radius: 15px;
	box-shadow: 0 20px 30px rgb(0 0 0/ 10%);
}

.st_feature_right_item .st_feature_content2::before {
	content: "\f093";
}

.st_feature_right_item .st_feature_content3::before {
	content: "\f1e0";
}

.st_feature_right_item .st_feature_content h3 {
	font-size: 24px;
	color: #2f5396;
	margin-left: 85px;
	font-weight: 600;
	margin-bottom: 5px;
	letter-spacing: -0.2px;
}

.st_feature_right_item .st_feature_content p {
	margin-left: 85px;
}

.st_feature_right_item .st_feature_content::after {
	width: 2px;
	height: 100%;
	position: absolute;
	left: 34px;
	top: 50px;
	content: "";
	border: 1px dashed #d5d5d5;
	z-index: -1;
}

.st_feature_right_item .st_feature_content:last-child {
	margin: 0;
}

.st_feature_right_item .st_feature_content:last-child::after {
	content: none
}

.st-step-count {
	position: relative;
	left: 75px;
	color: #25b7b5;
	font-weight: 700;
	font-size: 14px;
	margin-left: 10px;
}

.how-to-create-flipbook {
	background-image: url(https://online.visual-paradigm.com/images/flipbooks/banner-shape.png);
	background-size: cover;
	background-repeat: round;
	background-color: #f5fdfe;
}

#tooltip {
	cursor: pointer;
}

#flipbook-formats-overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1032;
	box-shadow: 0 3px 5px rgb(0 0 0/ 30%);
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
		Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
		Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
}

#flipbook-formats-overlay .flipbook-overlay-container {
	width:100%;
	height:100%;
	position: relative;
	padding: 0;
}

#flipbook-formats-overlay .flipbook-overlay-content {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	width: 100%;
	height:100%;
}

#flipbook-formats-overlay .preview-template {
	position: relative;
	max-width:640px;
	width:90vw;
	border-radius: 6px !important;
	background: white;
	margin:0px;
}

#flipbook-formats-overlay, #flipbook-formats-overlay p {
	font-size: 1rem;
	color: #212529;
	line-height: 1.5rem;
}

#flipbook-formats-overlay .template-spinner p {
	margin-bottom: 1rem;
}

#flipbook-formats-overlay th, #flipbook-formats-overlay td {
	border: 2px solid silver;
	vertical-align: top;
	padding: 5px;
	height: 80px;
}

#flipbook-formats-overlay .template-spinner {
	padding: 20px;
}

#flipbook-formats-overlay .free-tag {
	background-color: #00bf00;
	color: #ffffff;
	font-size: 10px;
	border-radius: 4px;
	font-weight: 600;
	padding: 3px 5px;
}

.section-padding .bookshelf .wrapped-shelf{
	height:560px;
}
.flipbook-feature-pages-bg {
	background-image: url(https://html.themexriver.com/Saasio/assets/img/consult-2/background/pattern-6.png);
    position: relative;
    padding-top: 100px;
    background-color: #f4f7f9;
    background-position: left bottom;
    background-repeat: repeat-x;
}
/* ------------------------
    How It Work
------------------------*/
.work-process{
    position: relative;
}
 .step-num {
    background: #fff;
     border-radius: 50%;
     box-shadow: 0 12px 20px 0 rgba(117, 178, 240, 0.4);
     color: #5DB7DE;
     display: inline-block;
     font-size: 18px;
     font-weight: 600;
     height: 50px;
     right: 0;
     line-height: 55px;
     position: absolute;
     text-align: center;
     top: 0;
     width: 50px;
}
 .theme-bg .work-process h4, .theme-bg .work-process p{
    color: #ffffff;
}
 .step-icon {
    background: #ffffff;
     width:140px;
     height:140px;
     position: relative;
     border: 3px solid #f8f8f8;
     border-radius: 50%;
     line-height: 140px;
     font-size: 32px;
     text-align: center;
     color: #5DB7DE;
}
.how-to-create-animated-flipbook h4{
	font-size: 18px;
	    color: #2A9BCB;
	font-weight: 700;
}
 .dark-bg .step-icon{
    color: rgba(255,255,255,0.9);
     background: none;
}
 .dark-bg .step-desc h4{
    color: #2575fc;
}
 .dark-bg .step-icon{
    border-color: rgba(255,255,255,0.1);
}
 .dark-bg .step-desc p{
    color: rgba(255,255,255,0.7);
}
 .step-num-box{
    position: relative;
     display: inline-block;
     margin-bottom: 20px;
}
 .work-process .box-loader{
    position: absolute;
     top: 30%;
     right: -15%;
     left: inherit;
}
 .work-process.style-2 {
    padding: 0;
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     margin-top: 20px;
}
 .work-process.style-2:before{
    display: none;
}
 .work-process.style-2 .step-num-box {
    margin-bottom: 0;
     margin-right: 30px;
}
 .work-process.style-3 {
    padding: 70px 30px 0;
}
 .work-process.style-3 .step-num {
    background: none;
     box-shadow: none;
     color: rgba(255, 255, 255, 0.1);
     font-size: 120px;
     height: auto;
     left: 50%;
     line-height: 120px;
     margin-bottom: 0;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     width: auto;
}
 #svg-container {
    position: absolute;
     width: 100%;
     left: 52%;
     z-index: -1;
     transform: translateX(-50%);
     width: 75%;
}
 #svgC {
    margin: 0 auto;
     width: 100%;
}

.fancy-short-banner-one {
    position: relative;
    z-index: 3;
    background: linear-gradient(45deg,#fffbf2,#edfffd);
}
.example-bg {
    background: url(http://demo.tempload.com/arda-1-3/assets/images/section-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.features-content__item__count {
    color: #fff;
    font-size: 21px !important;
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    margin-bottom: 8px;
    text-transform: uppercase;
    text-align: center;
}
.features-content__item__heading {
color: #fff;
    font-size: 34px !important;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -2px;
    line-height: 1.1;
    margin-bottom: 5px;
     text-align: center !important;
}
.self-hosted-middle-box {
background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);

	padding: 20px;
	margin: 10px;
	 border-radius: 20px;
}
.self-hosted-middle-box-1 {
background-color: #21D4FD;
background-image: linear-gradient(161deg, #B721FF 0%, #21D4FD 100%);

	padding: 20px;
	margin: 10px;
	 border-radius: 20px;
}
.features-content__item__content{
	list-style: disc;
    margin-left: 20px;
    color: #fff;
    font-size: 16px;
}
.self-host-btn-row{
	text-align: center;
}
.solution-bg {
	background-color: #363a55;
}
.solutions-content h2 {
	text-align:  center !important;
	color: #fefefe;
}
.solutions-content ul {
    width: 70%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
.solution-list p{
	        font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.7px;
    	margin-left: 20px;
}

@media (max-width: 500px) {
.solution-list p{
	        font-size: 15px;
	            width: 272px;
}	
	
	
}
.solutions-content ol {
	padding: 0;
	margin: 0;
	max-width: 700px;
	position: relative;
	z-index: 9;
	margin-left: auto;
	margin-right: auto;
}

.solutions-content ol::before {
	content: '';
	width: 0.5rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 7%;
	background: #538ad7;
	z-index: -1;
}

.solutions-content li {
	padding: 0.5rem 1.5rem 1rem;
	border-radius: 1.5rem;
	background-image: radial-gradient( circle farthest-corner at 92.3% 71.5%,  #68cdbb 0%, rgba(83,138,214,1) 90% );
	padding-left: 20px;
	color: #fefefe;
	margin-bottom: 20px;
	display: flex;
	align-items: center;

}
.solutions-content li::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    color: white;
    border-radius: 50%;
    position: relative;
    /* top: -12px; */
  background: linear-gradient(104deg,#fea84c,#e9d22b,#f8fe82);
  background-size: 180% 180%;
  animation: gradient-animation 15s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.solutions-content li + li {
	margin-top: 1rem;
}
.pricing-block li{
	    font-size: 16px;
    list-style: disc;
    margin-left: 20px;
margin-bottom: 15px;
}
.pricing-block p {
	line-height: 27px;

}
.pricing-block-box {
background-image: linear-gradient( 109.6deg,  rgba(45,116,213,1) 11.2%, rgba(121,137,212,1) 91.2% );
    border-radius: 10px;
    text-align: center;
    padding: 30px;
        width: 250px;
    margin-left: auto;
    margin-right: auto;
        box-shadow: 0 0 25px #7eb9e8;
}
.pricing-block-box h2 {
	text-align: center !important;
	color: #fff;
	
}
.pricing-block-box-btn {
    background-color: #ffff00;
    padding: 10px 30px;
    text-align: center;
        margin-top: 20px;
        color: #434343 !important;
    font-weight: 700;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 5px #eee;
    border-radius: 8px;
    margin-right: 7px;
        display: inline-block;
            margin-top: 40px;
}
.pricing-block-box-btn a {
	color: #494141;
}
.pricing-block-box .price {
    font-size: 52px;
    padding-bottom: 10px;
    font-weight: 600;
    	color: #fff;
    	    margin-top: 40px;
    display: inline-block;
}
.pricing-block-box .price-note {
	font-size: 12px;
		color: #fff;

}
.decision {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.decision svg {
  height: 5rem;
}
.decision svg line {
  stroke: #5f39dd;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-dasharray: 2px 20px;
  animation: animateline 5s linear both infinite;
}
.decision__sources {
  display: flex;
  border-radius: 5px;
  padding: 1.5rem;
  background: #ffffff;
  position: relative;
box-shadow: 0 0px 20px rgb(0 0 0 / 7%);
}
.decision__sources:before {
  content: 'Step 2 - Publishing';
}
.decision__sources div {
  text-align: left;
  margin: 0 1rem;
}
.decision__build {
  padding: 20px;
  border-radius: 5px;
  background: #ffffff;
  position: relative;
box-shadow: 0 0px 20px rgb(0 0 0 / 7%);

  
}
.decision__build:before {
  content: 'Step 1 - Create';
}
.decision__build div {
  margin: 2rem 0;
}
.decision__build div svg {
  width: 4rem;
  height: auto;
  fill: #5f39dd;
}
.decision__deploy {
  background: #ffffff;
  position: relative;
box-shadow: 0 0px 20px rgb(0 0 0 / 7%);
  padding: 1.5rem;
  border-radius: 5px;
  position: relative;
}
.decision__or {
	font-size: 24px;
    display: flex;
    font-weight: 700;
    align-items: center;
    text-align: center;
    margin-left: 10px;
    margin-right: 40px;
    color: #ffb238;
}
.decision__deploy:before {
  content: 'Step 3 - Share';
}
@media (max-width: 700px) {
  .decision__sources {
    flex-direction: column;
  }
  .decision__sources div {
    margin: 1rem 0;
  }
}
@-moz-keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
@-webkit-keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
@-o-keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
@keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
.decision__sources:before, .decision__build:before, .decision__deploy:before {
    position: absolute;
    left: 0;
    bottom: 100%;
    color: #fff;
    background: #ffb238;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.25rem 0.75rem;
    border-radius: 2.5px;
        font-weight: 600;
}
.decision h3 {
	font-weight: 700;
}
/*--------------------------------
	 What can you do section
----------------------------------*/
.what-can-you-do-section h3{
	    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.3px;
        margin-bottom: 5px;
}

.what-can-do-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}
.what-can-do-item {
  -ms-flex-preferred-size: calc(33.33333% - 30px);
  flex-basis: calc(33.33333% - 30px);
padding: 10px;
  margin: 0 15px 30px;

}
.what-can-do-btn-row {
	    display: flex;
    align-items: center;
        margin-top: 15px;
}
.features-title h3{
font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
    letter-spacing: -0.2px;
}
.flipbook-index-publish-list {
	    margin-left: 20px;
    list-style: disc;
    font-size: 16px;
    line-height: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.flipbook-index-publish-space {
	line-height: 1.68421053em;
}
#flipbook-index-demo-section .tabbable-line > .nav-tabs > li.active, .splide-menu.nav-tabs li.active, .tabbable-line > .nav-tabs > li.selected-tab {
    border-bottom: 0px solid #39A7DF;
    position: relative;
    background-color: #f0f8ff;
}
.what-can-you-do-btn {
background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    padding: 6px 30px;
    text-align: center;
    font-weight: 700;
    transition: 0.3s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 4px;
    margin-right: 7px;
        border: 1px solid #fff !important;
}
.what-can-you-do-btn:hover {
    padding: 6px 30px;
    text-align: center;
    font-weight: 700;
    color: #4facfe !important;
    transition: 0.5s;
    border: 1px solid #4facfe !important;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 4px;
    margin-right: 7px;
    background: #fff;
    
  
}
.what-can-you-do-btn-invert {
    padding: 6px 30px;
    text-align: center;
    font-weight: 700;
    color: #4facfe !important;
    transition: 0.5s;
    border: 1px solid #4facfe !important;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 4px;
    margin-right: 7px;
    background: #fff;
}
.what-can-you-do-btn-invert:hover {
background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    padding: 6px 30px;
    text-align: center;
    font-weight: 700;
    transition: 0.3s;
    background-size: 200% auto;
    color: #fff !important;
    box-shadow: 0 0 20px #eee;
    border-radius: 4px;
    margin-right: 7px;
        border: 1px solid #fff !important;
}
.what-can-do-content {
	
}
.what-can-do-icon {
	font-size: 42px;
	 background: #d6249f;
    background: linear-gradient(-45deg, #FFC796 0%, #FF6B95 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}
/*--------------------------------
	 Content Marketing opt3
----------------------------------*/
.marketing-list3 h2{
	text-align: center !important;
}
ul.marketing-list3 {
	text-align: left;
}
ul.marketing-list3 li {
	list-style: none;
	margin-bottom: 30px;
}
ul.marketing-list3 li .equal-hight {
    padding: 0px 12% 0 8%;
    height: 137px;
	background: #fff;
	border: 1px #e0e5e9 solid;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	position: relative;
	align-items: center;
	display: flex;
}
ul.marketing-list3 li .ico-block {
	width: 20%;
	float: left;
}
ul.marketing-list3 li .cnt-block {
	width: 80%;
	padding-left: 35px;
	float: left;
}
ul.marketing-list3 li h3 {
	display: block;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
	line-height: 28px;
	
}
ul.marketing-list3 li p {
	padding-bottom: 30px;
}
ul.marketing-list3 li a {
	position: absolute;
	right: 25px;
	top: 50px;
	font-size: 26px;
	color: #e2e2e2;
}
ul.marketing-list3 li a:hover {
	color: #f29a32;
}
.flipbook-selfhost-subfeatures h2 {
	text-align: center !important;
}
.flipbook-selfhost-subfeatures h3 {
font-weight: 700;
font-size: 26px;
margin-bottom: 7px;
}
.flipbook-selfhost-subfeatures-underline {
    width: 5%;
    height: 6px;
    margin-left: auto;
    border-radius: 10px;
    margin-right: auto;
    opacity: 1;
    margin-top: -5px;
    margin-bottom: 10px;
    background-color: #eed021;
}
.flipbook-selfhost-package-name {
color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.3px;
    display: inline-block;
}
.see-full-guide-btn {
	    color: #256bcc;
	    box-shadow: 0 0 5px #eee;
    font-weight: 600;
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 20px;
    background: #fff;
    border-radius: 7px;
}
.see-full-guide-btn:hover {
	 color: #1751a1;
}

.flipbook-demo-sites .box {
    background: #FFF;
    border-radius: 10px; 
    cursor: pointer;
    margin: 20px 0;
    padding: 40px 10px;
    transition: all 0.5s ease-out;
    box-shadow: 0 0 3px #dde3eb;
}

.flipbook-demo-sites .box:hover {
   box-shadow: 0 0 6px #4183D7;
}
.flipbook-demo-sites h3 {
    font-size: 19px;
    line-height: 30px;
    margin: 20px 0;
    color: #fff;
    background: #3b578b;
    border-radius: 6px;
    padding: 5px;
}
.flipbook-demo-sites .box-text {
 font-size: 15px;
    line-height: 27px;
    margin: 20px 0;
    color: #434343;
}

.flipbook-demo-sites .box-btn a {
    color: #4183D7;
    font-size: 16px;
    text-decoration: none;
}