@charset "utf-8";
body {
    font-family: 'Inter_18pt-Regular';
    font-size: 16px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px 0px 0px 0px;
}
@font-face {
    font-family: "Inter_18pt-Regular";
    src: url("../fonts/Inter_18pt-Regular.ttf")
}
@font-face {
    font-family: "Inter_18pt-SemiBold";
    src: url("../fonts/Inter_18pt-SemiBold.ttf")
}
@font-face {
    font-family: "Inter_24pt-Bold";
    src: url("../fonts/Inter_24pt-Bold.ttf")
}
img, object {
    max-width: 100%;
    min-height: 100%;
}
a {
    outline: 0 !important
}
a {
    color: #f15a21;
    text-decoration: none !important;
    transition: all 0.4s linear;
}
a:hover {
    color: #09506c;
    text-decoration: none !important;
}
.border {
    border: 0 solid red !important;
}
.clr {
    clear: both;
}
.none {
    display: none;
}
.block {
    display: block;
}
h1 {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 35px !important;
    color: #000 !important;
    line-height: 45px !important;
    font-family: "Inter_24pt-Bold" !important;
}
h2 {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 35px;
    color: #000;
    line-height: 45px;
    font-family: "Inter_24pt-Bold";
}
h3 {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 30px;
    color: #000;
    line-height: 40px;
    font-family: "Inter_24pt-Bold";
}
h4 {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 22px !important;
    color: #000 !important;
    line-height: 25px !important;
    font-family: "Inter_18pt-SemiBold" !important;
}
h5 {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 20px !important;
    color: #000 !important;
    line-height: 25px !important;
    font-family: "Inter_24pt-Bold" !important;
}
h6 {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    font-size: 18px !important;
    color: #000 !important;
    font-family: "Inter_18pt-SemiBold" !important;
}
p {
    font-size: 17px !important;
    line-height: 25px;
    color: #000;
    font-family: 'Inter_18pt-Regular' !important;
}
.middle {
    margin: auto;
    width: 1400px;
    border: 0px solid red;
}
.desk {
    display: none;
}
.navbar1 {
    overflow: hidden;
}
.navbar1 a {
    float: left;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 0px 0px 0px 24px;
    border: 0px solid red;
    text-decoration: none;
    text-transform: uppercase;
}
.dropdown1 {
    float: left;
    overflow: hidden;
}
.dropdown1 .dropbtn1 {
    font-size: 15px;
    font-weight: 600;
    border: none;
    outline: none;
    color: #000;
    padding: 0px 0px 0px 24px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    text-transform: uppercase;
}
.navbar1 a:hover, .dropdown1:hover .dropbtn1 {
    color: #2c6bc8;
}
.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    text-transform: capitalize !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content1 a {
    float: none;
    color: black;
    padding: 12px 16px;
    font-size: 15px;
    text-decoration: none;
    display: block;
    text-align: left;
    text-transform: capitalize !important;
}
.dropdown-content1 a:hover {
    background-color: #ddd;
}
.dropdown1:hover .dropdown-content1 {
    display: block;
}
.call-btn a {
    margin: 0px 0px 0px 0px;
    padding: 15px 35px 15px 35px !important;
    background-color: #2c6bc8;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    border-radius: 4px;
}
.call-btn :hover {
    background-color: #000;
    text-decoration: none;
}
.banner-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.livechat-btn a {
    margin: 15px 15px 15px 0px;
    padding: 10px 25px 10px 25px !important;
    background-color: #2c6bc8;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    font-family: "Inter_18pt-Regular" !important;
    border-radius: 50px;
    border: 0px solid #000;
    transition: all 0.4s linear;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.livechat-btn :hover {
    background-color: #000;
    text-decoration: none;
    border: 0px solid #2c6bc8;
}
.order-btn a {
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px !important;
    background-color: #000;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    font-family: "Inter_18pt-Regular" !important;
    border-radius: 50px;
    border: 0px solid #2c6bc8;
    transition: all 0.4s linear;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.order-btn :hover {
    background-color: #2c6bc8;
    text-decoration: none;
    border: 0px solid #000;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.form-bg {
    margin: 0px 0px 0px 0px;
    padding: 30px 20px 25px 20px !important;
    background-color: #ffff;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    border: 6px solid #2c6bc8;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.input-foam {
    margin: 0px 0px 20px 0px !important;
    padding: 10px 15px 10px 15px;
    width: 100%;
    height: 55px;
    border-radius: 5px;
    background: #fff;
    font-family: 'Inter_18pt-Regular' !important;
    font-size: 16px;
    color: #000;
    outline: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #D9D9D9;
}
.input-foam1 {
    margin: 0px 0px 20px 0px !important;
    padding: 10px 15px 10px 15px;
    width: 110%;
    height: 55px;
    border-radius: 5px;
    background: #fff;
    font-family: 'Inter_18pt-Regular' !important;
    font-size: 16px;
    color: #000;
    outline: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #D9D9D9;
    position: relative !important;
    left: -14px;
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0px 0px 0px 0px !important;
}
.submit-btn {
    margin: 0px 0px 0px 0px;
    padding: 18px 50px 18px 50px !important;
    background-color: #2c6bc8;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    font-family: "Inter_18pt-SemiBold" !important;
    border-radius: 50px;
    border: 0px solid #000;
    transition: all 0.4s linear;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.submit-btn:hover {
    background-color: #000;
    text-decoration: none;
    border: 0px solid #2c6bc8;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}
.branding-bg {
    margin: 0px 0px 0px 0px;
    padding: 15px 15px 15px 15px !important;
    background-color: #000;
    text-align: center;
    display: inline-block;
    border-top: 0px solid #2c6bc8;
    border-bottom: 0px solid #2c6bc8;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}
.slick-slide img {
    width: 100%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    /*height: 100%;*/
	/*width: 180px !important;*/	
    border: 0px solid red;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.about-bg {
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 50px 0px !important;
    background-color: #dcdcdd;
    display: inline-block;
}
.mid-bg {
    padding: 60px 0px 60px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/bg.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 0 480px;
    border: 0px solid red;
}
.service-box {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: 390px;
    background-color: #fff;
    border-radius: 15px;
   display: inline-block;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border: 0px solid red;
}
.service-box:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.hiw-box {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: 390px;
    background-color: transparent;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    border: 1px dashed #fff;
}
.hiw-round {
    padding: 5px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 60px;
    height: 60px;
    background-color: #000;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    font-family: "Inter_18pt-SemiBold" !important;
    color: #fff;
}
.plan-box {
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 25px 0px;
    height: auto;
    background-color: #fff;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    border: 0px dashed #fff;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.plan-head {
    padding: 25px 25px 25px 25px;
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: auto;
    background-color: #000;
    border-radius: 15px 15px 0px 0px;
    display: inline-block;
    text-align: center;
    border: 0px solid transparent;
}
.plan-text {
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 15px 0px;
    width: 95%;
    height: auto;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #eceaea;
    font-size: 18px;
    color: #000;
    font-family: "Inter_18pt-Regular" !important;
}
.livechat-btn1 a {
    margin: 0px 15px 20px 0px;
    padding: 10px 30px 10px 30px !important;
    background-color: #000;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    font-family: "Inter_18pt-Regular" !important;
    border-radius: 50px;
    border: 0px dashed #fff;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    transition: all 0.4s linear;
}
.livechat-btn1 :hover {
    background-color: #2c6bc8;
    text-decoration: none;
}
.platform-box {
    padding: 30px 25px 20px 25px;
    margin: 0px 0px 25px 0px;
    width: 100%;
    height: 335px;
    background-color: #fff;
    border-radius: 15px;
    display: inline-block;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border: 1px dotted #ccc;
}
.platform-box:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.portfolio-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/portfolio.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.accordion1 {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    font-size: 18px;
    font-weight: 500;
    transition: .4s
}
.active1, .accordion1:hover {
    background-color: #2c6bc8;
}
.accordion1:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px
}
.active1:after {
    content: "\2212"
}
.panel1 {
    padding: 0 18px 0 18px;
    margin-top: 1px;
    background-color: #ebebeb;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}
.footer-bg {
    margin: 0px 0px 0px 0px;
    padding: 52px 0px 25px 0px;
    background-color: #3a79d6;
}
.ft-bg {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    background-color: #000;
}
#list4 {
}
#list4 ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
}
#list4 ul li a {
    margin: 0px 0px 0px -40px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    font-family: 'Inter_18pt-Regular';
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    float: left;
    line-height: 33px;
    transition: all 0.4s linear;
    border: 0px solid red;
}
#list4 ul li :hover {
    color: #000;
    text-decoration: none;
}
.social-media1 a {
    margin: 0px 10px 15px 0px;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 20px;
    display: inline-block;
    border: 0px solid red;
    transition: all 0.4s linear;
}
.social-media1 :hover {
    color: #fff;
    text-decoration: none;
}
.link-ft a {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    font-family: 'Inter_18pt-Regular';
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    /*float: left;*/
    line-height: 35px;
    transition: all 0.4s linear;
    border: 0px solid red;
}
.tr {
    text-align: right;
}
.tl {
    text-align: left;
}
.portfolio-section {
/*padding: 50px 0;*/
  /*background-color: #000;*/
}
.portfolio-section h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.portfolio-menu {
    text-align: center;
}
.control {
    background: #fff;
    color: #000;
    padding: 10px 20px 10px 20px;
    border: 0px solid #343a40;
    border-radius: 5px;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all 0.5s ease;
}
.control:hover {
    background: #2c6bc8;
    color: #fff;
}
.mixitup-control-active {
    color: #fff;
    background: #2c6bc8;
}
.fancybox-container button:focus {
    outline: 0;
    box-shadow: none;
}
.portfolio-item {
    padding-top: 30px;
    list-style: none;
}
.pd {
    padding: 0;
    padding: 10px;
}
.pd img {
    height: 180px;
    transition: all 0.5s;
}
.portfolio-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
}
.portfolio-overlay p, .portfolio-overlay a {
    position: relative;
    z-index: 4;
}
.portfolio-overlay::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    transition: 50ms height ease 150ms;
    z-index: 3;
}
.portfolio-overlay::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: 100ms width ease 200ms;
    z-index: 3;
}
.portfolio-item:hover .portfolio-overlay::before {
    width: 80%;
    height: 80%;
    border-top: 1px solid #2c6bc8;
    border-right: 1px solid #2c6bc8;
    transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}
.portfolio-item:hover .portfolio-overlay::after {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #2c6bc8;
    border-left: 1px solid #2c6bc8;
    transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}
.portfolio-item li:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
}
.portfolio-overlay .category {
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}
.portfolio-overlay .magnify-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #2c6bc8;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
    border: 0px solid red;
    position: relative;
    top: 150px;
    left: 0;
    bottom: 0;
}
.portfolio-overlay .magnify-icon:hover {
    background: #000;
}
.portfolio-overlay .magnify-icon p span i {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
}
.img-box {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 25px 0px;
    width: 100%;
    height: auto;
    border-radius: 0px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 1px solid #fff;
}
.imgs {
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.otherpage-bg {
    margin: 0px 0px 0px 0px;
    padding: 50px 0px 50px 0px !important;
    background-color: #2c6bc8;
    display: inline-block;
}
.page-box {
    padding: 10px 5px 10px 5px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 320px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    border: 1px solid #fff;
}
.ebp-box {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 25px 0px;
    width: 100%;
    height: 275px;
    background-color: transparent;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    border: 1px dashed #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}
.ebp-box:hover {
    background-color: #84bcff;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    border: 1px solid #84bcff;
    transition: background-color 1s ease 0s;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
.ghostbanner-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-ghost.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerediting-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-editing.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannercoverdesign-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-coverdesign.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannermarketing-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-marketing.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerpublishing-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-publishing.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerwriting-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-writing.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerstorywriting-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-storywriting.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerabout-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-about.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerfaq-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-faq.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerreviewsawards-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/bannerreviewsawards.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannertc-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-tc.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerpp-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-pp.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerrp-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-rp.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannercontact-bg {
    padding: 100px 0px 100px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/banner-contact.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerthankyou-bg {
    padding: 100px 0px 100px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/bannerthankyou-bg.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.bannerpricing-bg {
    padding: 52px 0px 52px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    background-image: url("../images/bannerpricing.jpg");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border: 0px solid red;
}
.about-box {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    border: 1px solid #ddd;
}
.about-box:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}
.review-box {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: 310px;
    background-color: #fff;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border: 0px solid red;
}
.review-box:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.link-ft1 a {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    font-family: 'Inter_18pt-Regular';
    font-size: 18px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    line-height: 35px;
    transition: all 0.4s linear;
    border: 0px solid red;
}
.social-media2 a {
    margin: 0px 20px 20px 0px;
    color: #3a79d6 !important;
    text-decoration: none !important;
    font-size: 35px;
    display: inline-block;
    border: 0px solid red;
    transition: all 0.4s linear;
}
.social-media2 :hover {
    color: #000;
    text-decoration: none;
}
.inputmessage-foam {
    margin: 0px 0px 15px 0px !important;
    padding: 10px 15px 10px 15px;
    width: 100%;
    height: 250px;
    border-radius: 5px;
    background: #fff;
    font-family: 'Inter_18pt-Regular' !important;
    font-size: 16px;
    color: #000;
    outline: 0;
    display: inline-block;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #D9D9D9;
}
.top-header {
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 8px 0px;
    width: 100%;
    height: auto;
    background-color: #2c6bc8;
    display: inline-block;
}
.social-media3 a {
    margin: 0px 15px 0px 0px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 25px;
    display: inline-block;
    border: 0px solid red;
    transition: all 0.4s linear;
}
.social-media3 :hover {
    color: #000;
    text-decoration: none;
}
.text-rline {
    text-align: right;
}
.text-lline {
    text-align: left;
}
.link-th a {
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 0px;
    font-family: 'Inter_18pt-Regular';
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    transition: all 0.4s linear;
    border: 0px solid red;
}
.link-th :hover {
    color: #000;
    text-decoration: none;
}
.discount {
    font-family: "Inter_18pt-SemiBold" !important;
    font-size: 25px;
    font-weight: 600;
    color: #E0DF03;
}
.th-text {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: 'Inter_18pt-Regular' !important;
    font-size: 20px;
    font-weight: 500;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
}
.blink_me {
    animation: blinker 1s linear infinite;
}
 @keyframes blinker {
 50% {
opacity: 0.1;
}
}
.talk-btn a {
    padding: 25px 45px 25px 45px;
    margin: 20px 0px 0px 0px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #000;
    /*background: linear-gradient(178deg,#c91315 0%, #c91315 20%);
background: -webkit-linear-gradient(178deg,#c91315 0%, #c91315 20%);
background: -moz-linear-gradient(178deg,#c91315 0%, #c91315 20%);*/
    font-family: "Inter_18pt-SemiBold" !important;
    text-decoration: none;
    display: inline-block;
    border-radius: 50px;
    border: 0px solid red;
    line-height: 21px;
    text-transform: uppercase;
    transition: all 0.4s linear;
    width: auto;
    cursor: pointer;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.talk-btn :hover {
    color: #fff;
    background: #6c9cfe;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    border: 0px solid #fff;
    transform: translateY(2px);
}
.banner-mid {
    padding: 200px 0px 0px 52px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 600px;
    background-image: url("../images/bot-banner.png");
    object-fit: cover;
    background-size: cover;
    background-position: 84% 0;
    border-radius: 50px;
}
.Sliderable {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}
.Sliderable .Sliderable-inner {
    transition: 1s ease all;
    float: left;
}
.Sliderable .Sliderable-inner .item {
    float: left;
}
.Sliderable .Sliderable-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
}
.Sliderable .btn-left, .Sliderable .btn-right {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}
.Sliderable .btn-left {
    left: 0;
}
.Sliderable .btn-right {
    right: 0;
}
.Sliderable .btn-left.over, .Sliderable .btn-right.over {
    pointer-events: none;
    background: #ccc;
}
.btn {
    padding: 9px 12px !important;
}
.pricing {
    background-image: url(../images/abt-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    position: relative;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-head h2 {
    color: #000;
    font-size: 40px;
    font-weight: 400;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-head h2 span, .price-head p span {
    color: #2c6bc8;
    font-weight: 700;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-head p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-box {
    background: #EAEAEA;
    border-radius: 14px;
    padding: 14px 12px;
    box-shadow: 5px 5px 5px #00000033;
    transition: .5s;
    margin: 30px 0px;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-body {
    padding-top: 20px;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-box h2 {
    text-align: center;
    color: #000;
    font-size: 26px;
    font-weight: 700;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2c6bc8;
    padding: 10px 0px;
    margin: 0px -12px;
    overflow: hidden;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-box h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-box h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 20px !important;
    padding-left: 8px !important;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-box h3 span {
    text-decoration: line-through;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-body ul h2 {
    text-align: left;
    font-family: 'Inter_18pt-Regular' !important;
}
.price-head h2::before {
    content: '';
    background-image: url(../images/MONEY.webp);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100%;
    width: 11%;
    height: 12%;
    position: absolute;
    right: 20%;
    top: 48px;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-body h2 {
    text-align: center;
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-body ul {
    height: 170px;
    overflow-y: scroll;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-body ul li {
    font-size: 14px;
    color: #000;
    font-weight: 400 !important;
    text-align: left;
    list-style: disc;
    padding: 3px 0px;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-body ul li::marker {
 color: #2c6bc8;
}
.pkg-body ul::-webkit-scrollbar {
 width: 7px;
}
.pkg-body ul::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px grey;
 border-radius: 50px;
}
.pkg-body ul::-webkit-scrollbar-thumb {
 background: #2c6bc8;
 border-radius: 50px;
}
.pkg-body ul::-webkit-scrollbar-thumb:hover {
 background: #fff;
}
.pkg-body p {
    text-align: center;
    font-size: 16px;
    color: #2c6bc8;
    font-weight: 300;
    font-family: 'Inter_18pt-Regular' !important;
}
.pkg-body p span {
    font-weight: 700;
}
.pkg-speak-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pkg-btn-box p {
    color: #000;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin: 0;
}
.pkg-btn-box h3 a {
    font-weight: 500 !important;
    font-size: 18px;
    margin: 0px 10px;
    color: #000;
}
.pkg-btn-qoute {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pkg-btn-qoute a {
    background: #2c6bc8;
    width: 90%;
    padding: 14px 30px;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-bottom: -38px;
    margin-top: 10px;
}
.pkg-box:hover {
    background: #2c6bc8;
    color: #fff;
}
.pkg-box:hover h2 {
    color: #fff;
}
.pkg-box:hover .price-box {
    background: #ffffff;
    color: #fff;
}
.pkg-box:hover .price-box h2, .pkg-box:hover .price-box h3 {
    color: #2c6bc8;
}
.pkg-box:hover .pkg-body ul li {
    color: #fff;
}
.pkg-box:hover .pkg-body ul li::marker {
 color: #fff;
}
.pkg-box:hover .pkg-body ul::-webkit-scrollbar {
 width: 7px;
}
.pkg-box:hover .pkg-body ul::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px rgb(195, 195, 195);
 border-radius: 50px;
}
.pkg-box:hover .pkg-body ul::-webkit-scrollbar-thumb {
 background: #ffffff;
 border-radius: 50px;
}
.pkg-box:hover .pkg-body ul::-webkit-scrollbar-thumb:hover {
 background: #fff;
}
.pkg-box:hover .pkg-btn-box p, .pkg-box:hover .pkg-btn-box h3 a, .pkg-box:hover .pkg-body p {
    color: #fff;
}
.pkg-box:hover .pkg-btn-qoute a {
    background: #ffffff;
    color: #2c6bc8;
    box-shadow: 5px 5px 5px #0000003d;
}
.pkg-slider .slick-dots li button:before {
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    background: #2c6bc8;
    opacity: 1;
    color: #2c6bc8;
    position: absolute;
    top: 30px;
    border-radius: 5px;
}
.pkg-slider .slick-dots li.slick-active button:before {
    background: #2c6bc8;
    opacity: 1;
    color: #2c6bc8;
}
hr {
    border-top: 1px solid #CFCFCF !important;
}
.padd-all {
    padding: 0px 0px 0px 0px;
}

.ft-supersale {
  padding: 15px 15px 15px 0px;
   margin: 20px 0px 20px 0px;
  position: fixed;
  left: 10px;
  bottom: 0px;
  right: 0px;
  width: 13%;
 cursor: pointer;
  text-align: left;
  border: 0px solid red;
	 -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
 }
@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-40px); }
}

@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-40px); }
}

/*@media only screen and (min-width: 300px) and (max-width: 767px) {
.price-head h2::before {
    content: '';
    background-image: url(../images/MONEY.webp);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100%;
    width: 26%;
    height: 4%;
    position: absolute;
    right: 4%;
    top: 170px;
}
}*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
    padding: 30px 20px 25px 20px;
    background-color: #fefefe;
    margin: auto;
    width: 50%;
    height: auto;
    border-radius: 50px;
    top: 100px;
    position: relative;
    bottom: 0px;
	text-align: center;
	border: 6px solid #2c6bc8;
}
.cursor {
    cursor: pointer;
}
.close {
    color: red !important;
    float: right;
    font-size: 50px;
    font-weight: bold;
}
.close:hover, .close:focus {
    color: #dd0b0b !important;
    text-decoration: none;
    cursor: pointer;

}
.close {
    margin: -20px -10px 0px 0px;
    float: right;
    font-size: 35px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: #333 !important;
    text-shadow: 0 0px 0 #fff !important;
    filter: alpha(opacity=50) !important;
    opacity: 5 !important;
}
.clr {
    clear: both;
}

.top-img1{
position: relative;
  top: 19%;
bottom: 0px;

}

@media only screen and (min-width: 250px) and (max-width: 767px) {
.modal-content {
    width: 90%;
}
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
.modal-content {
    width: 80%;
}
}

.review-box {
    padding: 30px 20px 20px 20px;
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: 350px;
    background-color: #fff;
    border-radius: 15px;
   display: inline-block;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border: 0px solid red;
}
.review-box:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}



.fq-input {
padding: 15px 15px 15px 15px;
margin: 10px 0px 10px 0px;
width: 100%;
height: auto;
display: inline-block;
border-radius: 10px 10px 10px 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
border: 1px solid #333333;
font-family: "Jost-Regular" !important;
font-size: 16px;
color: #fff;
background-color: #333333;
outline: 0;
}
.btn-submit {
padding: 25px 0px 25px 0px;
  margin: 20px 0px 20px 0px;
  color: #fff;
  font-size: 18px;
  text-align: center;
background: #c91315;
background: linear-gradient(178deg,#c91315 0%, #c91315 20%);
background: -webkit-linear-gradient(178deg,#c91315 0%, #c91315 20%);
background: -moz-linear-gradient(178deg,#c91315 0%, #c91315 20%);
  font-family: "Jost-SemiBold" !important;
  text-decoration: none;
  display: inline-block;
 border-radius: 50px;
  border: 0px solid red;
  line-height: 21px;
  text-transform: uppercase;
  transition: all 0.4s linear;
  width: 50%;
cursor: pointer;
}
.btn-submit:hover {
color: #fff;
background: #000;
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
border: 0px solid #fff;
transform: translateY(2px);
}
.btn-submit1 {
padding: 25px 0px 25px 0px;
  margin: 20px 0px 20px 0px;
  color: #fff;
  font-size: 18px;
  text-align: center;
background: #c91315;
background: linear-gradient(178deg,#c91315 0%, #c91315 20%);
background: -webkit-linear-gradient(178deg,#c91315 0%, #c91315 20%);
background: -moz-linear-gradient(178deg,#c91315 0%, #c91315 20%);
  font-family: "Jost-SemiBold" !important;
  text-decoration: none;
  display: inline-block;
 border-radius: 50px;
  border: 0px solid red;
  line-height: 21px;
  text-transform: uppercase;
  transition: all 0.4s linear;
  width: 100%;
cursor: pointer;
}
.btn-submit1:hover {
color: #fff;
background: #000;
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
border: 0px solid #fff;
transform: translateY(2px);
}
.brand-bg {
padding: 25px 15px 25px 15px !important;
margin: 0px 0px 30px 0px;
border-radius: 100px;
background-color: #ededed;
}
.brand-heading {
margin: 0px 0px 0px 0px !important;
color: #000000 !important;
font-family: "Jost-Medium" !important;
text-transform: capitalize !important;
line-height: 25px !important;
}
.order-inner {
  margin: 0px 0px 0px 0px;
  padding: 50px 15px 20px 15px !important;
  height: auto;
  color: #000000 !important;
  background-color: #ededed;
  border-radius: 25px;
  }

.od-box {
  padding: 20px 15px 20px 15px !important;
  background-color: #fff;
  border-radius: 25px;
margin: auto;
  width: 34%;
  border: 1px solid #ededed;
  }

.othank-inner {
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 25px 0px;
  height: auto;
  color: #000000 !important;
  background-color: #ededed;
  border-radius: 25px;
  }


table {
   font-family: 'Inter_18pt-Regular';
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

.col50{
width: 50% !important;
float: left;
}

.col{
 background-color: #f2f2f2;	
}