/*

Theme Name: Dynamologic Solutions

Theme URI: http://www.dynamologic.com/

Author: Bilal Ahmad And Ibraheem Khan

Author URI: http://www.dynamologic.com/

Description: DynamoLogic excels in developing and supporting complex custom-made software applications, creation of ground-breaking IOS and Android apps, website and web applications as per customer demands.

Version: 1.4

Tags: Web Development, Mobile Application Designing, Mobile Application Development, Web & Graphics Designing, UI, UX, Seo, Smm, Internet Marketing

Text Domain: Dynamologic Solutions

*/

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("font-awesome/webfonts/fa-brands-400.eot");
    src: url("font-awesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("font-awesome/webfonts/fa-brands-400.woff2") format("woff2"), url("font-awesome/webfonts/fa-brands-400.woff") format("woff"), url("font-awesome/webfonts/fa-brands-400.ttf") format("truetype"), url("font-awesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: "Font Awesome 5 Brands";
}

@font-face {
    font-family: "Font Awesome 5";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("font-awesome/webfonts/fa-regular-400.eot");
    src: url("font-awesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("font-awesome/webfonts/fa-regular-400.woff2") format("woff2"), url("font-awesome/webfonts/fa-regular-400.woff") format("woff"), url("font-awesome/webfonts/fa-regular-400.ttf") format("truetype"), url("font-awesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-weight: 400;
}

@font-face {
    font-family: "Font Awesome 5";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("font-awesome/webfonts/fa-solid-900.eot");
    src: url("font-awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("font-awesome/webfonts/fa-solid-900.woff2") format("woff2"), url("font-awesome/webfonts/fa-solid-900.woff") format("woff"), url("font-awesome/webfonts/fa-solid-900.ttf") format("truetype"), url("font-awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5";
}

.fa,
.fas {
    font-weight: 900;
}

html {
    overflow-x: hidden;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* visual composer styling starts */

.page-template-default .entry-content {
    overflow-x: hidden;
}

.vc_row p {
    color: #fff;
    font-size: 1.8rem;
    line-height: 3rem;
}

.lvca-accordion .lvca-panel-content,
.lvca-accordion .lvca-panel-content p {
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.container {
    margin: 0 auto
}

#white_color h3 a {
    color: #fff
}

.orange_button button {
    background: #ee4728 !important
}

.orange_button button:hover {
    background: #f76a4e !important;
}

.orange_link {
    color: #ee4728;
}

#DIV_1 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 600px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 1110px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 555px 300px;
    transform-origin: 555px 300px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    outline: rgb(51, 51, 51) none 0px;
    padding: 275px 0px 90px
}


/*#DIV_1*/

#DIV_1:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_1:after*/

#DIV_1:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_1:before*/

#UL_2 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 100px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 1110px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 555px 50px;
    transform-origin: 555px 50px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    margin: 0px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px;
}


/*#UL_2*/

#UL_2:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#UL_2:after*/

#UL_2:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#UL_2:before*/

#LI_3,
#LI_19 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    display: inline-block;
    height: 90px;
    left: 0px;
    position: relative;
    right: 0px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: 0px;
    width: 215px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 90px 45px;
    transform-origin: 90px 45px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 5px;
}


/*#LI_3, #LI_19*/

#LI_3:after,
#LI_19:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#LI_3:after, #LI_19:after*/

#LI_3:before,
#LI_19:before {
    bottom: 3px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    content: '';
    display: block;
    height: 222px;
    position: absolute;
    right: -35px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 210px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 105px 111px;
    transform-origin: 105px 111px;
    caret-color: rgb(51, 51, 51);
    background: rgba(0, 0, 0, 0) url("http://www.dynamologic.com/wp-content/uploads/2019/04/idea-element.png") no-repeat scroll 0% 0% / 86% padding-box border-box;
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}

#LI_3:before {
    top: -130px;
    left: 7px;
}

#LI_19:before {
    top: -130px;
    left: 8px;
}

#DIV_4,
#DIV_12,
#DIV_20,
#DIV_28,
#DIV_36 {
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 90px;
    left: 0px;
    position: relative;
    right: 0px;
    text-align: center;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: 0px;
    width: 90px;
    z-index: 99;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 45px 45px;
    transform-origin: 45px 45px;
    caret-color: rgb(51, 51, 51);
    animation: 0s ease 0.2s 1 normal none running fadeInLeft;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(51, 51, 51);
    border-radius: 50% 50% 50% 50%;
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_4, #DIV_12, #DIV_20, #DIV_28, #DIV_36*/

#DIV_4:after,
#DIV_12:after,
#DIV_20:after,
#DIV_28:after,
#DIV_36:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_4:after, #DIV_12:after, #DIV_20:after, #DIV_28:after, #DIV_36:after*/

#DIV_4:before,
#DIV_12:before,
#DIV_20:before,
#DIV_28:before,
#DIV_36:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_4:before, #DIV_12:before, #DIV_20:before, #DIV_28:before, #DIV_36:before*/

#DIV_7,
#DIV_23 {
    bottom: 175px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 115px;
    left: 40px;
    position: absolute;
    right: -40px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: -200px;
    width: 180px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 90px 57.5px;
    transform-origin: 90px 57.5px;
    caret-color: rgb(51, 51, 51);
    animation: 0s ease 0.2s 1 normal none running fadeInUp;
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_7, #DIV_23*/

#DIV_7:after,
#DIV_23:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_7:after, #DIV_23:after*/

#DIV_7:before,
#DIV_23:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_7:before, #DIV_23:before*/

#DIV_8,
#DIV_16,
#DIV_24,
#DIV_32,
#DIV_40 {
    box-sizing: border-box;
    color: #ee4728;
    height: 60px;
    letter-spacing: -4.01px;
    opacity: 0.3;
    text-size-adjust: 100%;
    width: 180px;
    font-size: 77px;
    font-weight: bold;
}

#DIV_8:after,
#DIV_16:after,
#DIV_24:after,
#DIV_32:after,
#DIV_40:after {
    box-sizing: border-box;
    color: rgb(70, 70, 70);
    letter-spacing: -4.01px;
    text-align: left;
    text-decoration: none solid rgb(70, 70, 70);
    text-size-adjust: 100%;
    column-rule-color: rgb(70, 70, 70);
    caret-color: rgb(70, 70, 70);
    border: 0px none rgb(70, 70, 70);
    list-style: none outside none;
    outline: rgb(70, 70, 70) none 0px;
}


/*#DIV_8:after, #DIV_16:after, #DIV_24:after, #DIV_32:after, #DIV_40:after*/

#DIV_8:before,
#DIV_16:before,
#DIV_24:before,
#DIV_32:before,
#DIV_40:before {
    box-sizing: border-box;
    color: rgb(70, 70, 70);
    letter-spacing: -4.01px;
    text-align: left;
    text-decoration: none solid rgb(70, 70, 70);
    text-size-adjust: 100%;
    column-rule-color: rgb(70, 70, 70);
    caret-color: rgb(70, 70, 70);
    border: 0px none rgb(70, 70, 70);
    list-style: none outside none;
    outline: rgb(70, 70, 70) none 0px;
}


/*#DIV_8:before, #DIV_16:before, #DIV_24:before, #DIV_32:before, #DIV_40:before*/

#H4_9,
#H4_17,
#H4_25,
#H4_33,
#H4_41,
#H4_44 {
    height: 28px;
    line-height: 26px;
    font-weight: bold;
    font-size: 18px;
    width: 240px;
    margin: -10px 0px 0px;
}

#H4_9:after,
#H4_17:after,
#H4_25:after,
#H4_33:after,
#H4_41:after {
    box-sizing: border-box;
    color: rgb(70, 70, 70);
    letter-spacing: -1.2px;
    text-align: left;
    text-decoration: none solid rgb(70, 70, 70);
    text-size-adjust: 100%;
    column-rule-color: rgb(70, 70, 70);
    caret-color: rgb(70, 70, 70);
    border: 0px none rgb(70, 70, 70);
    list-style: none outside none;
    outline: rgb(70, 70, 70) none 0px;
}


/*#H4_9:after, #H4_17:after, #H4_25:after, #H4_33:after, #H4_41:after*/

#H4_9:before,
#H4_17:before,
#H4_25:before,
#H4_33:before,
#H4_41:before {
    box-sizing: border-box;
    color: rgb(70, 70, 70);
    letter-spacing: -1.2px;
    text-align: left;
    text-decoration: none solid rgb(70, 70, 70);
    text-size-adjust: 100%;
    column-rule-color: rgb(70, 70, 70);
    caret-color: rgb(70, 70, 70);
    border: 0px none rgb(70, 70, 70);
    list-style: none outside none;
    outline: rgb(70, 70, 70) none 0px;
}


/*#H4_9:before, #H4_17:before, #H4_25:before, #H4_33:before, #H4_41:before*/

#P_10,
#P_18,
#P_26,
#P_34,
#P_42,
#P_45 {
    color: rgb(51, 51, 51);
    width: 240px;
    line-height: 20px;
    font-size: 14px;
}

#P_10:after,
#P_18:after,
#P_26:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    letter-spacing: -0.5px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#P_10:after, #P_18:after, #P_26:after*/

#P_10:before,
#P_18:before,
#P_26:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    letter-spacing: -0.5px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#P_10:before, #P_18:before, #P_26:before*/

#LI_11,
#LI_27 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    display: inline-block;
    height: 90px;
    left: 0px;
    position: relative;
    right: 0px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: 0px;
    width: 215px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 90px 45px;
    transform-origin: 90px 45px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 5px;
}


/*#LI_11, #LI_27*/

#LI_11:after,
#LI_27:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#LI_11:after, #LI_27:after*/

#LI_11:before,
#LI_27:before {
    bottom: -157px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    content: '';
    display: block;
    height: 222px;
    position: absolute;
    right: -35px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 210px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 105px 111px;
    transform-origin: 105px 111px;
    caret-color: rgb(51, 51, 51);
    background: rgba(0, 0, 0, 0) url("http://www.dynamologic.com/wp-content/uploads/2019/04/idea-element-third.png") no-repeat scroll 0% 0% / 86% padding-box border-box;
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}

#LI_11:before {
    left: 7px;
    top: 29px;
}

#LI_27:before {
    left: 7px;
    top: 29px;
}

#DIV_15 {
    bottom: -125px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 115px;
    left: 40px;
    position: absolute;
    right: -40px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: 100px;
    width: 180px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 90px 57.5px;
    transform-origin: 90px 57.5px;
    caret-color: rgb(51, 51, 51);
    animation: 0s ease 0.5s 1 normal none running fadeInUp;
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_15*/

#DIV_15:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_15:after*/

#DIV_15:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_15:before*/

#DIV_31 {
    bottom: -147px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 137px;
    left: 40px;
    position: absolute;
    right: -40px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: 100px;
    width: 180px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 90px 68.5px;
    transform-origin: 90px 68.5px;
    caret-color: rgb(51, 51, 51);
    animation: 0s ease 0.5s 1 normal none running fadeInUp;
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_31*/

#DIV_31:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_31:after*/

#DIV_31:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_31:before*/

#P_34,
#P_42 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 66px;
    letter-spacing: -0.5px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 240px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 120px 33px;
    transform-origin: 120px 33px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    margin: 0px 0px 11px;
    outline: rgb(51, 51, 51) none 0px;
}


/*#P_34, #P_42*/

#P_34:after,
#P_42:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    letter-spacing: -0.5px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#P_34:after, #P_42:after*/

#P_34:before,
#P_42:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    letter-spacing: -0.5px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#P_34:before, #P_42:before*/

#LI_35 {
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    display: inline-block;
    height: 90px;
    left: 0px;
    position: relative;
    right: 0px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: 0px;
    width: 180px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 90px 45px;
    transform-origin: 90px 45px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 5px;
}


/*#LI_35*/

#LI_35:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#LI_35:after*/

#LI_35:before {
    bottom: -12px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    content: '';
    display: block;
    height: 222px;
    left: 7px;
    position: absolute;
    right: -35px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: -145px;
    width: 210px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 105px 111px;
    transform-origin: 105px 111px;
    caret-color: rgb(51, 51, 51);
    background: rgba(0, 0, 0, 0) url("http://www.dynamologic.com/wp-content/uploads/2019/04/idea-element-second.png") no-repeat scroll 0% 0% / 86% padding-box border-box;
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    margin: 15px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
}


/*#LI_35:before*/

#DIV_39 {
    bottom: 153px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 137px;
    left: 40px;
    position: absolute;
    right: -40px;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    top: -200px;
    width: 180px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 90px 68.5px;
    transform-origin: 90px 68.5px;
    caret-color: rgb(51, 51, 51);
    animation: 0s ease 0.2s 1 normal none running fadeInUp;
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_39*/

#DIV_39:after {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_39:after*/

#DIV_39:before {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    list-style: none outside none;
    outline: rgb(51, 51, 51) none 0px;
}


/*#DIV_39:before*/

#DIV_1 svg {
    width: 52px;
    height: 90px;
}

.sports_software_designs_hover_effect:hover,
.sports_software_designs_hover_effect.active {
    background-color: #ee4728;
    cursor: pointer;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    transition: all 0.7s ease;
}

.sports_software_designs_hover_effect:hover h2,
.sports_software_designs_hover_effect:hover p span,
.sports_software_designs_hover_effect.active h2,
.sports_software_designs_hover_effect.active p span {
    color: #fff !important
}

.vc_row .service-sidebyside {
    float: left;
    width: 50%;
    margin-top: 0 !important;
}

.vc_row .service-para-sidebyside {
    float: left;
    width: 100%;
}

.mobile_divs_version {
    display: none
}

@media screen and (max-width: 1024px) {
    .mobile_div1,
    .mobile_div2,
    .mobile_div3,
    .mobile_div4,
    .mobile_div5 {
        position: absolute
    }
    .mobile_div1 {
        top: 66%;
    }
    .mobile_div2 {
        top: 5.8%;
        left: 30%;
    }
    .mobile_div3 {
        top: 66%;
        left: 63%;
    }
    .mobile_div4 {
        top: 40%;
    }
    .mobile_div5 {
        top: 100.4%;
        left: 30%;
    }
    .desktop_divs_version {
        display: none
    }
    .mobile_divs_version {
        display: block
    }
    .mobile_divs_height {
        min-height: 400px;
    }
}

@media screen and (max-width: 823px) {
    .mobile_div1 {
        top: 50%;
    }
    .mobile_div2 {
        top: 11.3%;
        left: 55%;
    }
    .mobile_div3 {
        top: 77%;
        left: 2%;
    }
    .mobile_div4 {
        top: 38%;
        left: 55%;
    }
    .mobile_div5 {
        top: 103%;
        left: 30%;
    }
    .mobile_divs_height {
        min-height: 640px;
    }
}

@media screen and (max-width: 414px) {
    .center_text_mobile h1,
    .center_text_mobile p {
        text-align: center !important;
    }
    .center_text_mobile h1 {
        margin-bottom: 0 !important;
    }
    .lvca-accordion .lvca-panel-content,
    .lvca-accordion .lvca-panel-content p {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .mobile_div1 {
        top: 33%;
        left: 0;
    }
    .mobile_div2 {
        top: 22%;
        left: 0;
    }
    .mobile_div3 {
        top: 66%;
        left: 0;
    }
    .mobile_div4 {
        top: 57%;
        left: 0;
    }
    .mobile_div5 {
        top: 101%;
        left: 0;
    }
    .mobile_divs_height {
        min-height: 1000px;
    }
}


/* visual composer styling ends */

#rating {
    background: #ee4728;
    padding: 10px 0;
}

#rating * {
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .itemtest h2 span {
        display: inline;
    }
}

.itemtest .container h2 span {
    overflow: hidden;
    /* Ensures the content is not revealed until the animation */
    border-right: .06em solid #ed4628;
    white-space: nowrap;
    /* Keeps the content on a single line */
    margin: 0 auto;
    /* Gives that scrolling effect as the typing happens */
    animation: typing 5.5s steps(30, end), blink-caret .7s step-end infinite;
}


/* The typing effect */

@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}


/* The typewriter cursor effect */

@keyframes blink-caret {
    from,
    to {
        border-color: transparent
    }
    50% {
        border-color: #ed4628
    }
}

.rating-info {
    text-align: center;
}

#rating .rating-info p {
    color: #fff;
    display: inline-block !important;
    margin: 10px 45px;
}

#rating .rating-info p span {
    font: caption;
}

.rating-info a.btn {
    background: #1f62ad;
    padding: 8px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    font-weight: 600;
    display: inline-block;
    line-height: normal;
}

.rating-info a.btn:hover {
    background: #ee4728;
}

input.dnone {
    display: none;
}

.footer div#wpcf7-f192-o1 .screen-reader-response {
    display: none !important;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}


/* ============================================================ START BODY ========================================== */

html,
body {
    height: 100%;
}

html {
    font-size: 62.5%
}

body {
    line-height: 1;
    font-family: 'Lato', sans-serif;
    font-size: 1.4rem;
}

.nicescroll-rails.nicescroll-rails-vr {
    display: block !important;
}

.page-wrapper {
    display: table-row;
    height: 100%;
}

.pos-rel {
    position: relative;
}

.dropdown-menu.megamenu {
    top: 95%;
}

.lato {
    font-family: 'Lato', sans-serif;
}

.M-weather {
    font-family: 'Merriweather', serif;
}

.w-sans {
    font-family: 'Merriweather Sans', sans-serif;
}


/* ============================================================ Mega Menu ========================================== */

header {
    /*height: 40px;*/
    /*  position: fixed;*/
    top: 0;
    -webkit-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 999999;
    position: relative !important;
}

.nav-up {
    top: -120px;
}

.navbar-header {
    background: #171717;
    padding: 6rem 0;
    top: -37px;
}

.top-n-bg {
    top: 0;
    background-color: transparent;
}

.bodycontainer {
    height: 4000px;
}

.nav-menu {
    /*  margin-top: 3.2rem;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 222;
    width: 100%;
}

.nav-menu .navbar-brand {
    padding: 15px 0 15px 15px;
}

.nav-menu .navbar-nav {
    float: right;
    margin-top: 3.1rem;
}

.nav-menu .navbar-nav>li {
    display: inline-block;
    font-size: 1.84rem;
    float: none;
}

.nav-menu .navbar-nav>li>a {
    padding-top: 1.1rem;
    padding-bottom: 1.3rem;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.nav-menu .navbar-nav>.open>a:nth-child(2) {
    border-radius: 0px
}

.nav-menu .navbar-nav>.open>a,
.nav-menu .navbar-nav>.open>a:focus,
.nav-menu .navbar-nav>.open>a:hover {
    background: #ee4728;
    color: #fff;
    border-radius: 4px 4px 0 0;
}

.nav-menu .navbar-nav>li>a:focus,
.nav-menu .navbar-nav>li>a:hover,
.nav-menu .navbar-nav>li>a:active {
    background: #ee4728;
    color: #fff;
    border-radius: 4px;
}

.nav-menu.navbar-default {
    color: #000;
    background-color: transparent;
    border: none;
    padding-bottom: 18px;
}

.nav-menu .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.nav-menu .navbar-nav>li>.dropdown-menu {
    border-radius: 0;
    border-top: #ed4726 1px solid;
    border-bottom: #ed4726 1px solid;
    width: 100%;
}


/*.nav-menu .navbar-nav>li>.dropdown-menu:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 27.5%;

  height: 100%;

  background: #f3f3f3;

}*/


/* .navbar-default .navbar-nav>.dropdown>a .caret {

  border-top-color: #fff;

  border-bottom-color: #fff;

} */

.menu-large {
    position: static !important;
}

.megamenu {
    padding: 4rem 0px;
}


/*.nav-menu .dropdown.open .caret {

  border-top: none;

  border-bottom: 4px solid #000000;

}*/


/* Nav Tabs */

.menu-tab .nav-tabs {
    border: none;
}

.menu-tab .nav-tabs>li {
    float: none;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: .1rem;
}

.menu-tab .nav-tabs>li.active>a,
.menu-tab .nav-tabs>li.active>a:focus,
.menu-tab .nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    background: #ee4728;
    color: #fff;
    cursor: pointer;
}

.menu-tab .nav-tabs>li>a {
    border: none;
    border-radius: 0;
    color: #313131;
    margin-right: 0;
    padding: 2rem 1.5rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu-tab .nav>li>a:focus,
.menu-tab .nav>li>a:hover {
    background: #ee4728;
    color: #fff;
}


/* Nav tab content */

.menu-tab .tab-content h1,
.menu-tab .tab-content h2,
.menu-tab .tab-content h3,
.menu-tab .tab-content h4,
.menu-tab .tab-content h5 {
    font-size: 3rem;
    font-weight: 700;
    color: #ee4728;
    line-height: 2.6rem;
}

.menu-tab .tab-content .nav-list {}

.menu-tab .tab-content .nav-list li {
    font-size: 1.8rem;
    margin: 3.5rem 0 0
}

.menu-tab .tab-content .nav-list li a {
    font-size: 1.8rem;
    color: #181818;
    position: relative;
    padding-left: 3rem;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu-tab .tab-content .nav-list li a:hover {
    color: #ee4728;
}

.menu-tab .tab-content .nav-list li a:before {
    content: '';
    background: url(../../assets/img/nav-right-arrow.svg) no-repeat left center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 17px;
    height: 8px;
}

.menu-tab .tab-content .vcenter {
    margin-top: 10%;
}


/* ============================================================ Slider ========================================== */

.hero-slider .carousel-inner {
    overflow: visible;
}

.hero-slider.carousel-fade .carousel-inner .item,
.hero-slider.carousel-fade .carousel-inner .active.left,
.hero-slider.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.hero-slider.carousel-fade .carousel-inner .active,
.hero-slider.carousel-fade .carousel-inner .next.left,
.hero-slider.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.hero-slider.carousel-fade .carousel-inner .next,
.hero-slider carousel-fade .carousel-inner .prev,
.hero-slider.carousel-fade .carousel-inner .active.left,
.hero-slider.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hero-slider.carousel-fade .carousel-control {
    z-index: 2;
}

.hero-slider.carousel .item {
    /*background-repeat: no-repeat;

  background-position: top center;*/
    padding-bottom: 2.3rem;
    /*background-size: cover;*/
    padding-top: 150px;
    height: 750px;
}


/*.hero-slider.carousel .item:nth-child(1) {

  background-image: url(../img/slide-01.jpg);

}





.hero-slider.carousel .item:nth-child(2) {

  background-image: url(../img/slide-02.jpg);

}



.hero-slider.carousel .item:nth-child(3) {

  background-image: url(../img/slide-03.jpg);

  padding-bottom: 4.1rem;

}



.hero-slider.carousel .item:nth-child(4) {

  background-image: url(../img/slide-04.jpg);

  padding-bottom: 1.6rem;

}



.hero-slider.carousel .item:nth-child(5) {

  background-image: url(../img/slide-05.jpg);

}*/

.hero-slider.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.hero-slider .carousel-indicators {
    bottom: -6rem;
}

.hero-slider .carousel-indicators li {
    width: 1.8rem;
    height: 1.8rem;
    background: #929595;
    border: none;
    margin: 0 .8rem
}

.hero-slider .carousel-indicators .active {
    background: #ee4728;
    border: none;
}

.slide-center {
    text-align: center;
    position: relative;
    color: #fff;
}

.slide-center h1 {
    font-size: 5.2rem;
    margin-bottom: 2.2rem;
}

.slide-center h2 {
    font-size: 3.5rem;
}

.slide-center h2 span,
.slide-left h2 span {
    color: #ed4628;
}

.slide-center p {
    font-size: 2rem;
    font-weight: 300;
    line-height: 32px;
    width: 80%;
    margin: 2.2rem auto 3.5rem;
}

.first-slide-img {
    margin-bottom: 35px;
}

.first-slide-img img {
    height: 14.8rem;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}


/* All Buttons */

.red-btn {
    font-size: 2.4rem;
    z-index: 1;
    border: none;
    color: #fff;
    background: #ee4728;
    cursor: pointer;
    text-align: center;
    padding: 1.8rem 5.5rem 2.1rem;
    display: block;
    outline: none;
    border-radius: 5rem;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 400;
    margin: 0 auto;
}

.btn-effect a {
    color: #fff;
    text-decoration: none;
}

.btn-effect:hover a {
    color: #fff;
}

.red-btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-effect:focus,
.btn-effect a:focus {
    outline: none
}


/* btn-effect */

.btn-effect {
    overflow: hidden;
}

.btn-effect:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #4d5151;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-effect:hover,
.btn-effect:active {
    color: #ee4728;
    background: #4d5151;
}

.btn-effect:hover:after {
    height: 260%;
    opacity: 1;
}

.left-btn {
    margin: 0;
}

.quote-btn {
    position: absolute;
    top: 8.2rem;
    right: 1.5rem;
    background: #1f62ad;
    padding: .9rem 1rem 1.1rem;
    border-radius: .5rem;
    border: none;
    font-size: 1.6rem;
    z-index: 223;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .4);
}

.quote-btn:hover {
    background: #ee4728;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
}

.second-slide-img {
    display: table;
    width: 100%;
    text-align: center;
    padding: 0rem 0 0rem;
    margin-bottom: 22px;
}

.second-slide-img li {
    display: table-cell;
    vertical-align: middle;
}

ul.second-slide-img.hidden-xs li {
    width: 33.33%;
}

.second-slide-img li:nth-child(1) img {
    width: 17rem;
}

.second-slide-img li:nth-child(2) img {
    width: 36rem;
    margin-top: -8px;
}

.second-slide-img li:nth-child(3) img {
    width: 24rem;
    margin-top: -8px;
}

.slide-left img,
.slide-center img {
    max-width: 100%;
    /*height:auto;*/
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.slide-left {
    position: relative;
    color: #fff;
}

.slide-left h1 {
    text-align: center;
    font-size: 5.2rem;
    margin-bottom: 4.5rem;
}

.slide-left h2 {
    font-size: 3.6rem;
    line-height: 4.5rem;
}

.slide-left p {
    font-size: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    line-height: 3.2rem;
    width: 54%;
    font-weight: 300;
    text-align: inherit !important;
}

.third-slide-img {
    /* position: absolute;
    right: -22px;
    bottom: -66px; */
    position: absolute;
    right: 0;
    width: 40%;
    bottom: 0;
    top: 60px;
}

ul.third-slide-icons li img {
    height: 115px;
}

.third-slide-icons {
    font-size: 0;
    margin-top: 4rem;
    clear: both;
}

.third-slide-icons li {
    display: inline-block;
    margin-right: 3rem;
}

.third-slide-icons li img {
    max-width: 100%;
}

.fourth-slide .second-slide-img {
    margin-top: -20px !important;
}

.fifth-slider .second-slide-img button {
    margin-top: 10px !important;
}

.slide-img-mrgn li:nth-child(1) img {
    width: 138px;
}

.slide-img-mrgn li:nth-child(2) img {
    width: 282px;
}

.slide-img-mrgn li:nth-child(3) img {
    width: 138px;
}

.slide-center h1 span {
    color: #ed4628;
    font-size: 4.8rem;
}

.slide-center h1.font-65 {
    font-size: 6.5rem;
}

.slide-center p.p-width {
    width: 90%;
}

.slide-center p.p-m-b {
    margin-bottom: 2rem;
}

.slide-img-mrgn {
    padding-bottom: 2.9rem;
    margin-top: 2.5rem;
}

.last-slide-img {
    padding-bottom: 1.4rem;
    margin-top: 2rem;
}

.slide-center h1.font-60 {
    font-size: 5.2rem;
}

.slide-center h2.font-36 {
    font-size: 3.6rem;
}

.second-slide-img.img-width li:nth-child(1) img {
    width: 260px;
}

.slide-center p.s-p-m-b {
    margin-bottom: 1.5rem;
}


/* ============================================================ WHY DYNAMOLOGIC ========================================== */

.why-dl {
    padding-top: 6.5rem;
}

.section-title,
.section-text {
    text-align: center;
}

.section-title {
    position: relative;
    font-size: 4.8rem;
    font-weight: 700;
    color: #575757;
    margin-top: 3rem
}

.section-title span {
    position: relative;
}

.section-title span:after {
    content: '';
    width: 80%;
    border-bottom: 3px solid #ee4728;
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    margin-top: 4%;
}

.section-text {
    font-size: 2.7rem;
    font-weight: 300;
    line-height: 4.8rem;
    color: #575757;
    margin-top: 4.2rem;
}

.section-text span {
    color: #ee4728;
}

.why-dl-iconic {
    padding: 50px 0;
    background: transparent url(../img/curv.png) center no-repeat;
    padding: 16.4rem 0
}

.why-dl-list {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
}

.why-dl-list li {
    display: table-cell;
    width: 20%;
    position: relative;
}

.why-dl-list li .why-svg-img {}

.why-dl-list li h3 {
    position: relative;
    font-size: 2.2rem;
    color: #575757;
    line-height: 2.4rem;
    font-weight: 400;
    margin: 7.2rem 0 2rem;
}

.why-dl-list li h3:after {
    content: '';
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #ee4728;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
}

.why-dl-list li h3 a {
    color: #575757;
    pointer-events: none;
    cursor: default;
}

.why-dl-list li h3 a[disabled] {
    pointer-events: none !important;
    cursor: default;
}

.why-dl-list li:hover h3 a {
    color: #f04024;
    text-decoration: none;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.why-dl-list li p {
    font-size: 1.8rem;
    color: #575757;
    line-height: 2.4rem;
    font-weight: 400;
    display: none;
}

.why-dl-list li:hover p {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.why-svg-img img {
    height: 80px;
    max-width: 100%;
}

.why-dl-list li:nth-child(4) img {
    height: 80px;
}

.why-dl-list li:nth-child(1) {
    top: 9.7rem;
}

.why-dl-list li:nth-child(2) {
    top: 6.7rem;
}

.why-dl-list li:nth-child(3) {
    top: -1.4rem;
}

.why-dl-list li:nth-child(4) {
    top: -10rem;
}

.why-dl-list li:nth-child(5) {
    top: -13.6rem;
}

.btn-pos {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -28px;
}

.text-animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}


/* ===================================================================== OUR STATS ========================================== */

.dl-stats {
    background: #555555;
    margin-top: 5.2rem;
    text-transform: uppercase;
}

.stats-img {
    margin-top: 5rem;
}

.stats-img img {
    width: 100%;
}

.dl-stats img {
    max-width: 85%;
}

.happy-clients,
.line-code,
.work-hour {
    border-top: #686868 1px solid;
    border-bottom: #686868 1px solid;
}

.dl-stats .col-sm-4:nth-child(1),
.dl-stats .col-sm-4:nth-child(2) {
    border-right: #686868 1px solid;
}

.dl-stats .col-sm-4 {
    padding: 0
}

.develop-exp {
    padding: 5.2rem 0 5rem;
    position: relative;
}

.develop-exp .text,
.develop-exp .icon {
    display: inline-block;
    vertical-align: middle;
}

.develop-exp .text {
    color: #e0e0e0;
    font-size: 2.5rem;
    line-height: 3rem;
}

.develop-exp .text span {
    color: #ababab;
    display: block;
    font-size: 3.2rem;
    line-height: 43px;
}

.develop-exp .icon {
    padding-left: 3rem
}

.develop-exp .icon img {
    height: 7.5rem;
}

.web-mobile-stats {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.web-mobile-exp {
    display: table-cell;
    vertical-align: middle;
}

.web-mobile-exp {
    margin-top: 2.5rem;
    margin-right: 3.2rem;
    padding-right: 3rem
}

.web-mobile-exp hgroup {
    background: #6b6c6c;
    padding: 1.6rem 2.5rem;
    width: 15rem;
    margin-top: 1.5rem;
}

.web-mobile-exp:last-child {
    margin-right: 0
}

.exp-digit,
.exp-text {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    text-transform: uppercase;
}

.web-mobile-title {
    color: #dedede;
    font-size: 2.4rem;
}

.exp-digit {
    color: #ffffff;
    font-size: 5rem;
    line-height: 6.5rem;
}

.exp-text {
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 4rem;
    margin-left: -4px;
}

.happy-clients {
    text-align: center;
    display: table;
    width: 100%;
    padding: 4.6rem 0 5rem;
    position: relative;
}

.clients-group {
    display: table-cell;
    vertical-align: middle;
    line-height: 3rem;
    position: relative;
}

.clients-group:first-child {
    width: 6rem
}

.clients-group:last-child {
    width: 16rem
}

.countries-text,
.money-back-text,
.project-text,
.code-text,
.team-text,
.work-text {
    color: #e0e0e0;
}

.happy-client,
.money-back-text span,
.project-text span,
.project-digit,
.code-text span,
.code-digit,
.code-count,
.team-digit,
.team-growing,
.work-text span,
.work-digit {
    color: #ababab;
}

.countries-text {
    font-size: 2.5rem;
}

.happy-client {
    font-size: 2.8rem;
    margin: .2rem 0 1.5rem;
    line-height: 39px;
}

.happy-client span {
    display: block;
}

.countries-digit {
    color: #ababab;
    font-size: 4.4rem;
}

.countries-digit span {
    font-size: 3rem;
    vertical-align: top;
    position: relative;
    top: -2.1rem;
    left: -.5rem;
}

.clients-group img {
    position: absolute;
    top: 29px;
    left: -22px;
}

.money-back {
    padding: 3rem 0rem 6rem 3rem;
}

.money-back-text,
.guarantee-digit,
.project-group,
.project-icon,
.line-code-group,
.code-icon,
.work-group,
.work-icon {
    display: inline-block;
    vertical-align: middle
}

.money-back-text {
    font-size: 2.5rem;
    line-height: 3rem;
    width: 21rem;
}

.money-back-text span {
    font-size: 2.2rem;
}

.guarantee-digit img {
    height: 4.4rem;
    margin-top: 1rem
}

.satisfaction {
    margin-top: -1rem
}

.project-delivered {
    padding: 5.2rem 1rem 5.2rem 2.6rem;
    position: relative;
}

.project-group {
    text-align: center;
    font-weight: 400;
}

.project-text {
    font-size: 2.5rem;
    line-height: 3rem;
}

.project-text span {
    font-size: 3.2rem;
    display: block;
    padding-top: 10px;
}

.project-digit {
    font-size: 4.4rem;
    padding-left: 3rem;
    margin-top: .6rem
}

.project-digit span {
    font-size: 5.2rem;
    vertical-align: text-top;
    position: relative;
    top: -1.5rem;
    left: -1.1rem;
}

.project-icon {
    padding-left: 1.5rem
}

.line-code {
    text-align: center;
    position: relative;
    padding: 4.6rem 0 4.6rem;
}

.line-code-group {
    width: 17rem
}

.code-text {
    font-size: 2.5rem;
}

.code-text span {
    font-size: 3.2rem;
    display: block;
    line-height: 5.6rem
}

.project-delivered.repeat-business .project-digit {
    padding-top: 6px;
}

.code-digit {
    font-size: 4.4rem;
}

.code-count {
    font-size: 3rem;
    padding-left: 2rem;
}

.code-count span {
    position: relative;
    top: -1.5rem;
    left: -1rem;
}

.team-strength {
    text-align: center;
    position: relative;
    padding: 5.6rem 0 11rem;
}

.team-strength img {
    margin-top: -44px;
}

.team-text {
    font-size: 2.5rem;
    margin-bottom: 1rem
}

.team-digit {
    font-size: 5.4rem;
    text-align: left;
    padding-left: 5rem
}

.team-digit span {
    font-size: 3rem;
    position: relative;
    top: -3.5rem;
    left: -1rem
}

.team-growing {
    font-size: 3.6rem;
    text-align: left;
    padding-left: 5rem;
    line-height: 3.6rem
}

.team-growing span {
    display: block;
    font-size: 3.4rem;
    padding-top: 12px;
}

.team-icon {
    position: absolute;
    top: 13.8rem;
    right: 4rem;
}

.clients-base {
    padding: 4.8rem 0 6.8rem;
}

ul.companies-logo li div {
    height: 55px;
    display: table-cell;
    vertical-align: middle;
}

ul.companies-logo li {
    min-height: 55px;
}

.clients-base .project-group {
    width: 16.5rem;
    box-sizing: border-box;
    padding-left: 2.5rem
}

.clients-base .project-digit {
    position: relative;
    padding-left: 0;
    font-size: 4.4rem
}

.clients-base .project-digit span {
    right: -11.6rem;
    top: -2.1rem;
    position: absolute;
}

.clients-base .project-icon img {
    height: 124px;
}

.work-hour {
    text-align: center;
    position: relative;
    padding: 6.5rem 0 4.6rem;
}

.work-group {
    display: inline-block;
    text-align: center;
    /*width: 100%;*/
    position: relative;
    /*padding-right: 9rem*/
}

.work-icon {
    position: relative;
    left: 15px;
    display: inline-block;
}

.work-text {
    line-height: 3.6rem;
}

.work-text,
.work-count,
.work-plus {
    font-size: 2.5rem;
}

.work-text span {
    display: block;
    font-size: 3.2rem;
    padding-top: 12px;
}

.work-digit {
    font-size: 4.4rem
}


/*.work-icon {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}*/

.repeat-business .project-group {
    text-align: center;
    width: 22rem;
    padding-right: 1rem;
}

.repeat-business .project-digit {
    padding-left: 0;
}


/* ===================================================================== WHAT WE DO ========================================== */

.what-we-do {
    padding: 4rem 0 7.3rem;
    text-align: center
}


/*.what-we-do .section-title:after {*/


/*width: 21rem*/


/*}*/

.what-we-do img {
    height: 55px;
}

.hover-effect {
    width: 100px;
    height: 100px;
    background: #ed4628;
    border-radius: 100%;
    margin: 30px auto 0;
    box-shadow: 0 0 0 3px #ed4628;
}

.hover-effect span {
    background: url(../img/what-we-do-sprite03a.png) no-repeat;
    width: 63px;
    height: 55px;
    display: block;
    position: relative;
    top: 22px;
    margin: 0 auto;
}

.six-columns .row .six-icons .hover-effect:hover {
    background: #fff;
    box-shadow: 0 0 0 3px #ed4628;
}

.six-columns .row .six-icons:nth-child(1) .hover-effect span {
    background-position: 1px 6px;
}

.six-columns .row .six-icons:nth-child(1) .hover-effect:hover span {
    background-position: 1px -38px;
}

.six-columns .row .six-icons:nth-child(2) .hover-effect span {
    background-position: 3px -83px;
}

.six-columns .row .six-icons:nth-child(2) .hover-effect:hover span {
    background-position: 4px -126px;
}

.six-columns .row .six-icons:nth-child(3) .hover-effect span {
    background-position: 0px -170px;
}

.six-columns .row .six-icons:nth-child(3) .hover-effect:hover span {
    background-position: 0px -213px;
}

.six-columns .row .six-icons:nth-child(4) .hover-effect span {
    background-position: 2px -269px;
}

.six-columns .row .six-icons:nth-child(4) .hover-effect:hover span {
    background-position: 2px -331px;
}

.six-columns .row .six-icons:nth-child(5) .hover-effect span {
    background-position: 0px -387px;
}

.six-columns .row .six-icons:nth-child(5) .hover-effect:hover span {
    background-position: 0px -434px;
}

.six-columns .row .six-icons:nth-child(6) .hover-effect span {
    background-position: 0px -498px;
}

.six-columns .row .six-icons:nth-child(6) .hover-effect:hover span {
    background-position: 0px -562px;
}


/*.six-columns .row .col-sm-4:nth-child(1) .hover-effect span {

background-position: 1px 6px;
}



.six-columns .row .col-sm-4:nth-child(1) .hover-effect:hover span {

  background-position: 1px -38px;
}



.six-columns .row .col-sm-4:nth-child(2) .hover-effect span {

  background-position: 3px -83px;

}



.six-columns .row .col-sm-4:nth-child(2) .hover-effect:hover span {

  background-position: 4px -126px;

}



.six-columns .row .col-sm-4:nth-child(3) .hover-effect span {

  background-position: 0px -170px;

}



.six-columns .row .col-sm-4:nth-child(3) .hover-effect:hover span {

  background-position: 0px -213px;

}



.six-columns .row .col-sm-4:nth-child(4) .hover-effect span {

    background-position: 2px -269px;

}



.six-columns .row .col-sm-4:nth-child(4) .hover-effect:hover span {

    background-position: 2px -331px;

}



.six-columns .row .col-sm-4:nth-child(5) .hover-effect span {

  background-position: 0px -387px;

}



.six-columns .row .col-sm-4:nth-child(5) .hover-effect:hover span {

  background-position: 0px -434px;

}



.six-columns .row .col-sm-4:nth-child(6) .hover-effect span {

background-position: 0px -498px;

}



.six-columns .row .col-sm-4:nth-child(6) .hover-effect:hover span {

    background-position: 0px -562px;

}*/

section.what-we-do .col-sm-4:nth-of-type(4) h3 {
    text-transform: inherit;
}


/*.white-icon {

  display: inline-block;

  font-size: 0px;

  cursor: pointer;

  margin: 0 auto;

  width: 12.7rem;

  height: 12.7rem;

  line-height: 18.5rem;

  border-radius: 50%;

  text-align: center;

  position: relative;

  z-index: 1;

  color: #fff;

}



.svg path {

  -webkit-transition: 0.3s all !important;

  transition: 0.3s all !important;

}



.white-icon:after {

  pointer-events: none;

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  box-sizing: content-box;

}



.hover-effect {

  margin-top: 2.8rem

}



.hover-effect .white-icon {

  box-shadow: 0 0 0 .3rem #ed4628;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

}



.hover-effect .white-icon:after {

  top: -2px;

  left: -2px;

  padding: 2px;

  z-index: -1;

  background: #ed4628;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.2s;

  transition: opacity 0.3s, -webkit-transform 0.2s;

  transition: transform 0.2s, opacity 0.3s;

  transition: transform 0.2s, opacity 0.3s, -webkit-transform 0.2s;

}



.icon-effect .white-icon {

  color: #f06060;

}



.icon-effect .white-icon span {

  background: url(../img/what-we-do-sprite.png) no-repeat 0 0;

  width: 63px;

  height: 55px;

}



.icon-effect .white-icon:hover {

  color: #fff;

}



.icon-effect .white-icon:hover:after {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

  opacity: 0;

}*/


/*.fill-color {

  height: 5.5rem;

}



.white-icon:hover .fill-color path, .white-icon:hover .fill-color polyline, .white-icon:hover .fill-color line {

  stroke: #ed4628;

}



.white-icon.stroke-width:hover .fill-color path, .white-icon.stroke-width:hover .fill-color polyline, .white-icon.stroke-width:hover .fill-color line {

  stroke-width: 2px;

}*/


/*.white-icon.stroke-width:hover .fill-color path {

  stroke-width: 2px !important;

}*/

.six-columns h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    margin: 2.8rem 0 1rem;
}

.six-columns h3 a {
    color: #232323;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
}

.six-columns h3 a:hover {
    color: #ed4628;
}

.six-columns p {
    color: #575757;
    font-size: 1.8rem;
    line-height: 3rem;
}


/* ===================================================================== OUR PROCESS ========================================== */

.our-process {
    background: url(../img/our-process-pattern.jpg) repeat fixed;
    padding: 4.8rem 0 6rem;
}


/*.our-process .section-title:after {*/


/*width: 19rem*/


/*}*/

.process-wrapper {
    position: relative;
    padding: 23rem 0
}

.process-wrapper:before {
    content: '';
    background: url(../img/our-process.svg) no-repeat;
    width: 100%;
    height: 267px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 49.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.process-col {
    display: inline-block;
    position: absolute;
}

.process-col h4 {
    color: #f04024;
    font-weight: 700;
    font-size: 3.6rem;
    margin-bottom: .3rem;
}

.process-wrapper .process-col:nth-child(1) {
    top: 10.2rem;
    padding-left: 6.7rem;
    width: 421px;
}

.process-wrapper .process-col:nth-child(2) {
    left: 22.5rem;
    bottom: -1rem;
}

.process-wrapper .process-col:nth-child(3) {
    left: 36.8rem;
    top: 2.8rem;
    padding-left: 7rem;
}

.process-wrapper .process-col:nth-child(4) {
    right: 19.4rem;
    bottom: 6rem;
}

.process-wrapper .process-col:nth-child(5) {
    right: 7.6rem;
    top: 2.7rem;
    padding-left: 8rem;
}

.process-wrapper .process-col:nth-child(6) {
    right: -10%;
    top: 18rem;
    width: 24%;
}

.process-wrapper .process-col:nth-child(1):before,
.process-wrapper .process-col:nth-child(3):before,
.process-wrapper .process-col:nth-child(5):before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left;
}

.process-wrapper .process-col:nth-child(1):before {
    background-image: url(../img/requirements.svg);
    width: 59px;
    height: 65px;
}

.process-wrapper .process-col:nth-child(2):before,
.process-wrapper .process-col:nth-child(4):before {
    content: '';
    position: absolute;
    left: 0;
    top: -65px;
    background-repeat: no-repeat;
    background-position: top;
}

.process-wrapper .process-col:nth-child(2):before {
    background-image: url(../img/analysis.svg);
    width: 71px;
    height: 64px;
}

.process-wrapper .process-col:nth-child(3):before {
    background-image: url(../img/design.svg);
    width: 65px;
    height: 64px;
}

.process-wrapper .process-col:nth-child(4):before {
    background-image: url(../img/development.svg);
    width: 103px;
    height: 64px;
}

.process-wrapper .process-col:nth-child(5):before {
    background-image: url(../img/testing.svg);
    width: 70px;
    height: 64px;
}

.process-list {
    margin-left: 14px;
}

.process-list li {
    position: relative;
    color: #575757;
    font-weight: 400;
    font-size: 1.4rem;
    padding-bottom: .2rem;
    line-height: 18px;
    list-style-type: square;
    margin-left: 5px;
}

.process-btn {
    margin-top: 3rem
}


/* ===================================================================== OUR WORK ========================================== */

.our-work {
    padding: 4rem 0 7.5rem 0;
    overflow: hidden;
}


/*.our-work .section-title:after {*/


/*width: 15rem;*/


/*}*/

.our-work .container-fluid {
    padding: 0;
    margin: 0;
}

.aboutcompany-img img {
    width: 100%;
}

.trajectory-img img {
    width: 100%;
}

.our-work-outer {
    margin-top: 4rem;
    margin-bottom: 2.5rem;
}

.our-work .container-fluid .col-sm-4 {
    padding: 5px;
    /*min-height:436px;*/
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: rgba(238, 71, 40, .85);
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 350px;
}

.grid figure img {
    /*position: relative;*/
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    position: relative;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption a {
    color: #fff;
    text-decoration: none;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*figure.work-effect {

  background: rgba(238,71,40,.85);

}*/

figure.work-effect img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    /*object-fit: cover;*/
}

figure.work-effect:hover img {
    opacity: 0.05 !important;
}

figure.work-effect figcaption::before,
figure.work-effect figcaption::after {
    position: absolute;
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

figure.work-effect figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

figure.work-effect figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

figure.work-effect hgroup {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
}

figure.work-effect h2 {
    font-size: 4rem;
    text-transform: uppercase;
    opacity: 0;
    color: #fff;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    text-decoration: none;
}

figure.work-effect h2:after {
    display: none
}

.t-underline {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -7%;
    margin: auto;
    width: 0;
    height: .3rem;
    background-color: #fff;
    content: "";
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}

.work-effect:hover .t-underline {
    width: 40%;
    opacity: 1;
}

figure.work-effect p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-top: 6rem;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

figure.work-effect:hover figcaption::before,
figure.work-effect:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.work-effect:hover h2,
figure.work-effect:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.work-btn {
    top: 0;
    margin-top: 2.5rem;
}


/* ===================================================================== OUR WORK ========================================== */

.trusted-by {
    background: #f2f4f5;
    padding: 4.5rem 0 8.5rem;
}

.trusted-by .section-title {
    font-weight: 400;
}


/*.trusted-by .section-title:after {*/


/*width: 26rem;*/


/*}*/

.companies-logo {
    font-size: 0;
    text-align: center;
    margin: 6.5rem 0 3.4rem;
}

.companies-logo li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6.6rem;
    margin: 2.3rem 6.6rem 2.3rem 0;
}

.companies-logo li img {
    max-width: 100%;
}


/* ===================================================================== Footer ========================================== */


/*footer {

  text-align: left;

  background: rgba(17, 17, 17, .9);

}

 footer h6 {

    font-size: 3rem;

    color: #a2a2a2;

    border-bottom: #1c1d1d 1px solid;

    padding-bottom: 1rem;

}*/

.footer {
    background: url(../img/footer-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 80px 0 0;
    box-sizing: border-box;
}

.footer-top {
    padding-bottom: 40px;
}

.testimonials,
.footer {
    text-align: center;
    color: #fff;
}

.footer h5 {
    font-size: 3rem;
}

.testimonials {
    position: relative;
    overflow: visible;
}

.testimonial p {
    font-size: 1.6rem;
    line-height: 3rem;
    margin: 2.5rem 0 3.7rem;
    height: 145px;
}

.client-designation {
    font-weight: 700;
    color: #ee4728;
    margin: 1.7rem 0 5.5rem 0;
}

.client-head {
    text-align: center;
    display: initial;
    width: auto !important;
}

.client-head.carousel-indicators {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-left: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.client-head.carousel-indicators li {
    width: 69px;
    height: 69px;
    text-indent: 0;
    border: none;
    display: inline-block;
    float: none;
    margin: 0 .5rem;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
}

.client-head.carousel-indicators li img {
    width: 69px;
    height: 69px;
    border-radius: 50%;
}

.client-head.carousel-indicators .active {
    background: none;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    margin: 0 1.5rem;
    opacity: 1 !important;
    font-size: 12px;
}

.client-head.carousel-indicators li p {
    font-size: 1.6rem;
}

.tooltip>.tooltip-inner {
    background-color: #ee4728;
}

.tooltip.top .tooltip-arrow {
    border-top: 5px solid #ee4728
}

.tooltip {
    width: 104px;
    font-size: 12px;
}

.active div.tooltip {
    top: -31px !important;
    left: -16.10001px !important;
    font-size: 10px !important;
}

.footer-form {
    padding: 0 1rem;
}

.footer-form h5 {
    line-height: 3.6rem;
    margin-bottom: 2.5rem;
}

.footer-form h5 span {
    font-size: 2.4rem;
}

.footer-form .form-group {
    margin-bottom: 2.5rem;
}

.footer-form .form-control {
    background-color: transparent;
    box-shadow: none;
    font-size: 18px;
    font-weight: 300;
    height: 4.8rem;
    border: rgba(255, 255, 255, .2) 1px solid;
    color: white;
}

.footer-form .form-control:focus {
    background-color: transparent;
    border: rgba(255, 255, 255, .7) 1px solid;
    box-shadow: none;
    color: #fff;
}

.footer-form textarea.form-control {
    height: 10rem;
    resize: inherit;
}

.footer-btn {
    height: 4.8rem;
    line-height: 1.2rem;
    width: 100%;
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: .3rem;
}

.footer-btn:hover {
    color: #fff;
}

.footer footer {
    text-align: left;
    background: rgba(17, 17, 17, .9);
    padding: 3.5rem 0 0;
}

.footer footer h6 {
    font-size: 3rem;
    color: #a2a2a2;
    border-bottom: #1c1d1d 1px solid;
    padding-bottom: 1rem;
}

.footer-links {
    font-size: 0;
    margin-top: 2.5rem
}

.footer-links li {
    font-size: 1.8rem;
    margin: 8px 0;
    color: #676767;
    line-height: 2.5rem;
}

.footer-links li a {
    position: relative;
    color: #676767;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
    padding-left: 22px;
}

.footer-links li a:before {
    content: url(../img/footer-arrow.svg);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-links li a:hover {
    color: #fff;
}

.footer-links li .no-arrow {
    padding-left: 0
}

.footer-links li .no-arrow:before {
    display: none
}

.footer-links li span {
    color: #ee4728;
    margin-right: .5rem;
}

.footer-social {
    margin-top: 3rem;
    font-size: 0;
    margin-bottom: 24px;
}

.footer-social li {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    cursor: pointer;
    line-height: 4.8rem;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    border-radius: 50%;
    margin-right: 1rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.footer-social li.facebook {
    background: #3b5998;
}

.footer-social li.facebook img {
    max-height: 17px;
}

.footer-social li.twitter {
    background: #5eaade;
}

.footer-social li.twitter img {
    max-height: 14px;
}

.footer-social li.google-plus {
    background: #d93725;
}

.footer-social li.google-plus img {
    max-height: 14px;
}

.footer-social li.linkedin {
    background: #0879b9;
    margin-right: 0;
}

.footer-social li.linkedin img {
    max-height: 15px;
}

.footer-social li:hover {
    opacity: .8;
}

.copyright {
    font-size: 1.6rem;
    color: #a2a2a2;
    text-align: center;
    padding: 4rem 0 4rem;
}

.about-bg,
.contact-bg,
.careers-bg,
.portfolio-bg,
.services-bg,
.blog-bg {
    background-size: cover;
    min-height: 344px;
}


/* ===================================================================== About Us ========================================== */


/*.about-bg {

  background: url(../img/about-title-bg.jpg) no-repeat center;

}*/

.page-title {
    position: relative;
    font-size: 7.2rem;
    color: #fff;
    line-height: 2.7rem;
    text-align: center;
}

.page-title .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-title h1 {
    margin-top: 15rem;
    line-height: 60px;
}

.about-us {}

.top-padd {
    padding-top: 4.5rem;
}

.about-us p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-top: 16px;
    color: #575757;
}

.about-img {
    margin-left: 3rem;
    padding: 6px;
    border: #eaeaea 1px solid;
    margin-top: 15px;
}

.about-us img {
    float: right;
}

.about-us h2 {
    font-size: 3.6rem;
    line-height: 4.4rem;
    color: #575757;
    margin-top: 4rem;
}

.about-us h2 span,
.about-us p span {
    color: #ee4728;
}

.about-quote {
    background: url(../img/red-pattern.jpg) repeat-x;
    margin: 5rem 0 0;
}

.about-quote .container {
    display: table;
    width: 100%;
    height: 366px;
    min-height: 366px;
}

.about-quote hgroup {
    display: table-cell;
    vertical-align: middle;
}

.about-quote h3 {
    font-size: 3.6rem;
    line-height: 5.6rem;
    text-align: center;
    color: #fff;
    margin-bottom: 4rem
}

.about-quote h3 span {
    font-weight: 700;
}

.no-bg {
    background-color: transparent;
    font-weight: 700;
    border: #fff 1px solid;
}

.no-bg:hover a {
    color: #ee4728;
}

.no-bg:after,
.no-bg:hover,
.no-bg:active {
    background: #fff;
}


/* ===================================================================== Contact Us ========================================== */

.contact-bg {
    background: url(../img/contact-title-bg.jpg) no-repeat center;
}


/*.contact-us .section-title:after {*/


/*width: 235px;*/


/*}*/

.contact-detail {
    margin-top: 6.5rem
}

.contact-list {}

.contact-list li {
    font-size: 2.4rem;
    line-height: 4.4rem;
    color: #575757;
}

.contact-list li a {
    color: #575757;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.contact-list li span {
    margin-right: .5rem
}

.contact-list li a:hover,
.contact-list li span {
    color: #ee4826;
}

.contact-detail {}

.contact-detail h2 {
    position: relative;
    font-size: 4.8rem;
    line-height: 4.8rem;
}

.contact-social {
    margin-bottom: 9.5rem;
    margin-top: 24px;
}

.contact-social .footer-social {
    margin-top: 70px;
}

.contact-social .footer-social li {
    width: 50px;
    height: 50px;
    line-height: 67px;
    margin-right: 2rem
}

.contact-icon img {
    width: 60%;
    margin-top: 15px;
}

.contact-social .footer-social li .inject-me {
    width: 5rem;
}

.contact-map {
    position: relative;
    height: 668px;
    overflow: hidden;
    text-align: center;
}

.contact-map img {
    min-height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.map-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* ===================================================================== Careers ========================================== */

.careers-bg {
    background: url(../img/careers-title-bg.jpg) no-repeat center;
}

.careers .section-title {
    text-transform: uppercase;
}

.careers .section-title span {
    color: #ee4826;
}

.careers .section-title:after {
    display: none;
}

.careers .section-text {
    margin-top: 6rem;
}

.careers p,
.work-with p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #575757;
    text-align: center;
}

.careers p span {
    color: #ee4728;
}

.careers-position {
    background: url(../img/careers-pattern.jpg) repeat;
    margin-top: 8rem;
    padding: 4.5rem 0 7rem;
}

.careers-position .section-title {
    text-transform: uppercase;
    margin-bottom: 10.5rem
}


/*.careers-position .section-title:after {*/


/*width: 125px;*/


/*}*/

.career-jobs {
    margin-top: 8rem;
    clear: both;
}

.career-jobs h4 {
    color: #ee4728;
    font-size: 3.6rem;
    line-height: 1.8rem;
    font-weight: 700;
}

.career-jobs p {
    color: #575757;
    font-size: 2rem;
    line-height: 3rem;
    margin: 3rem 0;
}

.career-jobs p a {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #1f62ad;
    text-decoration: none;
}

.career-jobs p a:hover {
    color: #ee4728;
}

.apply-btn {
    margin: 0 0 40px 0;
    width: 313px;
    float: left;
}

.work-with.careers-position {
    background: none;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 3rem
}

.work-with .section-title {
    margin-bottom: 4rem;
}

.work-with p a {
    color: #ee4728;
    text-decoration: none;
}


/* ================================================================ Careers Apply ========================================== */

.apply {
    padding-bottom: 7.5rem
}

.apply .section-title {
    text-align: left;
}

.apply .section-title span {
    color: #ee4728;
}

.apply .section-title:after {
    display: none
}

.apply .section-text {
    font-size: 3rem;
    margin-top: 1rem;
    text-align: left;
}

.tools-list {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem
}

.tools-list li {
    font-size: 2.4rem;
    color: #575757;
    line-height: 4rem;
}

.tools-list li span {
    color: #ee4728;
    display: inline-block;
    width: 18.5%;
}

.apply hgroup {
    margin-top: 1.5rem;
}

.apply hgroup h2 {
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    color: #ee4728;
}

.apply hgroup p,
.required-list li {
    font-size: 2.1rem;
    line-height: 30px;
    color: #575757;
}

.required-list {}

.required-list li {
    position: relative;
    margin: 1rem 0;
    padding-left: 3rem;
}

.required-list li:before {
    content: url(../img/blue-arrow.png);
    position: absolute;
    top: 0;
    left: 0;
}

.apply-now {
    margin: 2.5rem 0 0 0;
    padding-left: 6rem;
    padding-right: 6rem;
}

.apply-form {
    padding: 5.5rem 0 6rem;
    background: #f2f1f1;
}

.apply-form h4 {
    position: relative;
    color: #575757;
    font-size: 3.6rem;
    line-height: 3.6rem;
    margin-bottom: 6.5rem
}

.apply-form h4:after {
    content: '';
    background: #ee4728;
    width: 68px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -20px;
}

.apply-form .form-group {}

.apply-form .form-group label {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #575757;
}

.apply-form .form-control {
    height: 50px;
    box-shadow: none;
    border: #dedede 1px solid;
}

.apply-form .form-control:focus {
    border: #000 1px solid;
}

.apply-form textarea.form-control {
    height: 165px;
    resize: none;
}

.m-b {
    margin-bottom: 3rem
}

.attachment {
    display: table;
    width: 100%;
}

.attachment h5,
.upload-btn {
    display: table-cell;
    /*  vertical-align: middle;*/
}

.attachment h5 {
    font-size: 24px;
    color: #242424;
    display: block;
    line-height: 26px;
    margin-top: 9px;
}

.upload-btn .red-btn,
.submit-btn {
    margin: 0 0 0 0;
    line-height: 1.2rem;
    font-size: 2rem;
    text-transform: uppercase;
    border-radius: 5px;
    background: #1f62ad;
    /*padding-left: 4rem;

  padding-right: 4rem;

      width: 77%;
*/
    margin-left: 16px;
}

.upload-btn .red-btn span {
    position: relative;
    padding-left: 28px
}

.upload-btn .red-btn span:before {
    content: url(../img/attachment-icon.png);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.upload-btn .btn-effect:after {
    background: #4d5151;
}

.upload-btn .btn-effect:hover,
.upload-btn .btn-effect:active {
    color: #fff;
    background: #4d5151;
}

.submit-btn {
    background: #ee4728;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5rem;
    width: 97%;
}

.submit-btn.btn-effect:hover,
.submit-btn.btn-effect:active {
    color: #fff;
}


/* ================================================================ Request a Quote ========================================== */

.modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
}

.md-perspective,
.md-perspective body {
    height: 100%;
    overflow: hidden;
}

.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    perspective: 600px;
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 1140px;
    width: 100%;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show~.md-overlay {
    opacity: 1;
    visibility: visible;
}


/* Effect 12:  Just me */

.md-effect-12 .md-content {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-12~.md-overlay {
    background: rgba(0, 0, 0, 0.7);
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
    background: transparent;
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.custom-settings .modal-dialog {
    max-width: 1140px;
    width: 100%;
    margin: 50px auto 0;
}

.custom-settings .modal-content {
    background-color: #191717;
    box-shadow: none;
    border-radius: 0;
}

.close-modal {
    position: relative;
    background: #fff;
    border-radius: 50px;
    width: 165px;
    height: 54px;
    font-size: 24px;
    line-height: 54px;
    color: #191717;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 30px;
    cursor: pointer;
    float: right;
}

.close-modal:after {
    content: url(../img/x-icon.png);
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-settings .modal-body {
    padding: 30px;
}

.custom-settings .modal-title,
.custom-settings p {
    color: #d5d9d9;
    text-align: center;
}

.custom-settings .modal-title {
    font-size: 4.8rem;
    line-height: 4.8rem;
    font-weight: 700;
    position: relative;
}

.custom-settings .modal-title span {
    color: #ee4728;
    font-style: italic;
    font-weight: 400;
}

.custom-settings .modal-title:after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #ee4728;
    height: 3px;
    width: 23.5rem;
}

.custom-settings p {
    font-size: 3rem;
    line-height: 4.4rem;
    font-weight: 300;
    margin-top: 3.5rem;
}

.custom-settings p a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.custom-settings p a:hover {
    color: #ee4728;
}

.quote-form {
    padding: 3rem 7rem 4rem;
}

.quote-form p {
    position: relative;
    font-size: 2.4rem;
    color: #fff;
    line-height: 4rem;
    text-align: left;
    margin-bottom: 4rem
}

.quote-form p:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 65px;
    height: 2px;
    background: #ee4728;
}

.quote-form .form-group {
    margin-bottom: 1.5rem;
}

.quote-form .form-group label {
    color: #ee4728;
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 400;
}

.quote-form .form-group .form-control {
    border: none;
    border-bottom: 2px solid #4c4949;
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.8rem;
    color: #4c4949 !important;
}

input.wpcf7-form-control.wpcf7-submit.red-btn.btn-effect.footer-btn {
    /* width: 200px;*/
    /*    float: left;*/
    /* border-radius: 100px;*/
    position: relative;
    z-index: 1;
}

input.wpcf7-form-control.wpcf7-submit.red-btn.btn-effect.footer-btn:after {
    content: none;
}

.quote-form .form-group textarea.form-control {
    resize: none;
}

.quote-form .form-group .form-control:focus {
    color: #fff;
    border-bottom: 2px solid #4c4949;
}

.req-quote-btn {
    margin: 0;
    font-size: 2.4rem;
    height: 55px;
    line-height: 1.7rem;
}


/* ===================================================================== Portfolio ========================================== */

.portfolio-bg {
    background: url(../img/portfolio-title-bg.jpg) no-repeat center;
    background-size: cover;
}

.portfolio-tag h3 {
    font-size: 4.8rem;
    line-height: 4.8rem;
    color: #242424;
    text-align: center;
    margin-bottom: 3rem;
}

.portfolio-tag {
    text-align: center;
    padding: 6rem 0 0;
}

.portfolio-tag a {
    display: inline-block;
    padding: 1.8rem 3.6rem 2.1rem;
    border: #ee4728 1px solid;
    background: #fff;
    color: #ee4728;
    text-decoration: none;
    margin: .5rem .5rem
}

.portfolio-tag .btn-effect:hover,
.portfolio-tag .btn-effect:active,
.portfolio-tag .active {
    background: #ee4728;
    color: #fff;
}

.portfolio-tag .btn-effect:after {
    background: #ee4728;
}

.portfolio-tag .first-btn {
    padding-left: 5rem;
    padding-right: 5rem
}

.portfolio-work {
    padding-top: 0
}

.tag-btn {
    border-radius: 100px;
    font-size: 2.4rem !important;
}


/* ============================================================= Portfolio Detail ========================================== */

.custom.breadcrumb {
    background: none;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2.3rem;
    margin-bottom: 0;
    padding-bottom: 0;
}

.custom.breadcrumb li a,
.custom.breadcrumb>li+li:before {
    color: #fff;
}

.breadcrumb span.active {
    color: #fd856f;
}

.dladvantage {
    /*min-height: 210px;*/
}

.portfolio-detail {
    padding: 7rem 0;
}

.portfolio-detail h2,
.portfolio-detail p,
.portfolio-detail h3,
.project-tags,
.portfolio-detail-img,
.portfolio-video h2,
.recent-entries h2 {
    text-align: center;
}

.portfolio-detail h2,
.project-features h4,
.portfolio-video h2,
.client-feedback h2,
.recent-entries h2,
.dl-advantages h5 {
    position: relative;
    font-size: 4.8rem;
    line-height: 4.8rem;
    color: #242424;
}


/*.portfolio-detail h2:after, .project-features h4:after, .portfolio-video h2:after, .client-feedback h2:after, .recent-entries h2:after {*/


/*content: '';*/


/*background: #ee4728;*/


/*width: 175px;*/


/*height: 3px;*/


/*position: absolute;*/


/*left: 50%;*/


/*bottom: -22px;*/


/*-webkit-transform: translateX(-50%);*/


/*transform: translateX(-50%);*/


/*}*/

.portfolio-detail p {
    font-size: 2.1rem;
    line-height: 3rem;
    color: #575757;
    margin: 3rem 0 1.5rem;
}

.portfolio-detail h3 {
    font-size: 3rem;
    line-height: 3rem;
    color: #ee4728;
}

.project-tags {
    font-size: 0;
    margin: 3rem 0;
}

.project-tags a {
    display: inline-block;
    background: #e8eff7;
    height: 40px;
    font-size: 21px;
    color: #242424;
    border-radius: 3px;
    line-height: .4rem;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    margin-bottom: 10px;
}

.project-tags .btn-effect:hover,
.project-tags .btn-effect:active,
.project-tags .btn-effect:after {
    color: #fff;
    background: #ee4728;
}

.portfolio-detail-img {
    margin: 4.5rem 0 4rem;
    text-align: center;
    box-shadow: 4px 4px 0 #f2f2f2;
}

.portfolio-detail-img img {
    margin: 0 auto;
}

.project-features h4:after {
    width: 62px;
    left: 4px;
    bottom: -18px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.project-features .required-list {
    margin-top: 3.8rem;
}

.project-features .required-list li:before {
    content: url(../img/circle-check.svg);
    top: 2px;
}

.project-features .required-list li {
    margin-bottom: 1.8rem;
}

.project-features .required-list li ul li:before {
    content: url(../img/check.svg);
    top: 0;
}

.portfolio-video,
.recent-entries {
    /*  background: #f2f4f5;*/
    padding: 7rem 0 8rem;
}


/*.video {

  width: 85%;

  margin: 5.8rem auto 0;

}*/

.client-feedback {
    background: #fff;
    text-align: center;
    padding: 7rem 0 8rem;
}

.client-feedback p,
.client-feedback h5,
.client-feedback h6 {
    font-size: 2.1rem;
    line-height: 3rem;
    color: #575757;
    margin: 3.5rem 0 0;
}

.client-feedback h5 {
    color: #ee4728;
}

.client-feedback h6 {
    margin-top: 0
}

.client-avatar {
    overflow: hidden;
    width: 96px;
    height: 96px;
    border-radius: 100px;
    margin: 2.5rem auto 0;
}

.client-avatar img {
    width: 96px;
    height: 96px;
}

.recent-entries {
    padding-bottom: 5rem;
}

.recent-entries .our-work-outer {
    margin-top: 6.5rem;
}


/* ============================================================ Services ========================================== */

.services-bg {
    background: url(../img/services-title-bg.jpg) no-repeat center;
    min-height: 750px;
}

.services-head {
    margin-top: 60px;
}

.services-bg h2,
.services-bg h3 {
    font-size: 7.2rem;
    line-height: 7.2rem;
}

.services-bg h3 {
    font-size: 3.4rem;
    font-weight: 400;
    margin: 2.5rem 0 2.5rem;
    line-height: 40px;
}

.services-bg h3 span {
    color: #ee4728;
}

.services-bg p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 5.5rem;
}


/*.white-shade.btn-effect:hovcer, .white-shade.btn-effect:active, .white-shade.btn-effect:after {

  color: #ee4728;

  background: #fff;

}

.white-shade.btn-effect:hover a {

  color: #ee4728;

}*/


/* Why PHP */

.why-php {
    padding: 3.5rem 0 0
}


/*.why-php .section-title:after {*/


/*width: 105px;*/


/*}*/

.required-list.services-list {
    font-weight: 400;
    margin-top: -8px;
    padding-right: 2rem
}

.required-list.services-list li {
    margin-bottom: 3rem;
    padding-left: 4.2rem;
    font-size: 2.2rem;
    line-height: 3rem;
}

.required-list.services-list strong {
    font-weight: 700;
}

.required-list.services-list li:first-child {
    margin-top: 0
}

.required-list.services-list li:before {
    content: "";
    background: url(../img/blue-circle-check.svg) no-repeat left top;
    width: 24px;
    height: 29px;
    top: 6px;
}

.why-php .section-text {
    margin-bottom: 5rem;
}


/* Dl services */

.dl-advantages.dl-services {
    /*  background: url(../img/dl-advantage-pattern-bg.jpg) repeat;*/
    background-image: inherit !important;
    padding: 4rem 0 7rem
}

.dl-services .section-title {
    margin-bottom: 4rem;
}


/*.dl-services .section-title:after {*/


/*width: 300px;*/


/*}*/

.dl-services hgroup {
    position: relative;
    /*  padding-left: 14.8rem;*/
    margin-top: 6rem;
}


/*.dl-advantages .col-sm-6:nth-child(1) hgroup:before, .dl-advantages .col-sm-6:nth-child(2) hgroup:before, .dl-advantages .col-sm-6:nth-child(3) hgroup:before, .dl-advantages .col-sm-6:nth-child(4) hgroup:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 100px;

  width: 12.8rem;

  height: 12.8rem;

  text-align: center;

  background-color: #ed4628;

  background-repeat: no-repeat;

  background-position: center center;

}*/

.dl-services .col-sm-6:nth-child(1) hgroup .adv-image {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
    width: 12.8rem;
    height: 12.8rem;
    text-align: center;
    background-color: #ed4628;
    background-repeat: no-repeat;
    background-position: center center;
}

.dl-advantages.dl-services .adv-image {
    border-radius: 100px;
    width: 12.8rem;
    height: 12.8rem;
    text-align: center;
    background-color: white !important;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    margin-right: 18px;
}

.adv-image img {
    margin-top: 36px;
    height: 58px;
}

.dl-services .adv-textinner p {
    color: #575757;
    font-size: 1.8rem;
    line-height: 3rem;
    overflow: hidden;
}

.adv-textinner {
    display: grid !important;
}

.dl-services .adv-textinner h4 {
    color: #232323;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
}

section.dl-services .row {
    margin-top: 11rem;
}

.dl-services .col-sm-6:nth-child(1) hgroup:before {
    background-image: url(../img/rich-user-interface.svg);
}

.dl-services .col-sm-6:nth-child(2) hgroup:before {
    background-image: url(../img/secure.svg);
}

.dl-services .col-sm-6:nth-child(3) hgroup:before {
    background-image: url(../img/scaleable.svg);
}

.dl-services .col-sm-6:nth-child(4) hgroup:before {
    background-image: url(../img/open-architecture.svg);
}

.dl-services hgroup h4 {
    color: #232323;
    font-size: 2.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 700;
}

.dl-services hgroup p {
    color: #575757;
    font-size: 1.8rem;
    line-height: 3rem;
}

.dl-services h5 {
    margin: 5.5rem 0
}

.dl-services h5:after {
    left: 0px;
    width: 125px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.dl-services .services-list {
    margin-top: 2rem;
}

.dl-services .services-list li {
    margin-bottom: 1.5rem;
}


/* Dl advantages */

.dl-advantages {
    background: url(../img/dl-advantage-pattern-bg.jpg) repeat;
    padding: 4rem 0 7rem
}

.dl-advantages .section-title {
    margin-bottom: 4rem;
}


/*.dl-advantages .section-title:after {*/


/*width: 300px;*/


/*}*/

.dl-advantages hgroup {
    position: relative;
    /*  padding-left: 14.8rem;*/
    margin-top: 6rem;
}


/*.dl-advantages .col-sm-6:nth-child(1) hgroup:before, .dl-advantages .col-sm-6:nth-child(2) hgroup:before, .dl-advantages .col-sm-6:nth-child(3) hgroup:before, .dl-advantages .col-sm-6:nth-child(4) hgroup:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 100px;

  width: 12.8rem;

  height: 12.8rem;

  text-align: center;

  background-color: #ed4628;

  background-repeat: no-repeat;

  background-position: center center;

}*/

.dl-advantages .col-sm-6:nth-child(1) hgroup .adv-image {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
    width: 12.8rem;
    height: 12.8rem;
    text-align: center;
    background-color: #ed4628;
    background-repeat: no-repeat;
    background-position: center center;
}

.dl-advantages .adv-image {
    border-radius: 100px;
    width: 12.8rem;
    height: 12.8rem;
    text-align: center;
    background-color: #ed4628;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    margin-right: 18px;
    position: relative;
}

.dladvantage .adv-image img {
    margin-top: 36px;
    height: 68px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
}

.dl-services .adv-image img {
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    width: 95px;
    height: auto;
}

.dl-advantages .adv-textinner p {
    color: #575757;
    font-size: 1.8rem;
    line-height: 3rem;
    overflow: hidden;
    display: grid;
}

.dl-advantages .adv-textinner h4 {
    color: #232323;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
}

section.dl-advantages .row {
    margin-top: 11rem;
}

.dl-advantages .col-sm-6:nth-child(1) hgroup:before {
    background-image: url(../img/rich-user-interface.svg);
}

.dl-advantages .col-sm-6:nth-child(2) hgroup:before {
    background-image: url(../img/secure.svg);
}

.dl-advantages .col-sm-6:nth-child(3) hgroup:before {
    background-image: url(../img/scaleable.svg);
}

.dl-advantages .col-sm-6:nth-child(4) hgroup:before {
    background-image: url(../img/open-architecture.svg);
}

.dl-advantages hgroup h4 {
    color: #232323;
    font-size: 2.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 700;
}

.dl-advantages hgroup p {
    color: #575757;
    font-size: 1.8rem;
    line-height: 3rem;
}

.dl-advantages h5 {
    margin: 5.5rem 0
}

.dl-advantages h5:after {
    left: 0px;
    width: 125px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.dl-advantages .services-list {
    margin-top: 2rem;
}

.dl-advantages .services-list li {
    margin-bottom: 1.5rem;
}

.blue-btn,
.work-blue-btn {
    background: #1f62ad;
    margin-top: 6.1rem;
    width: 405px;
}


/* Our approach */

.our-approach {
    padding: 4rem 0 8rem
}

.our-approach .section-title {
    margin-bottom: 2.5rem;
}


/*.our-approach .section-title:after {*/


/*width: 375px;*/


/*}*/

.our-approach-row {
    margin-top: 6.7rem;
    min-height: 244px;
}

.our-approach-row hgroup {
    text-align: left;
}

.our-approach-row hgroup h6 {
    color: #232323;
    font-size: 2.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 700;
}

.our-approach-row hgroup p {
    color: #575757;
    font-size: 1.8rem;
    line-height: 3rem;
}

.our-approach-img {
    margin: 0rem 0 0;
    position: relative;
}


/*.our-approach-img:after {

  content: url(../img/our-aproach-down-arrow.svg);

  position: absolute;

  bottom: -150px;

  right: 50px;

  left: 30%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}*/

.arr-img {
    width: 100%;
    margin: auto;
}

.arr-img img {
    margin: auto;
    margin-top: 14px;
    min-width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 177px;
    margin-bottom: 54px;
    margin-top: 14px;
}

.our-approach .our-approach-row:last-child .our-approach-img:after {
    display: none
}

.our-approach .blue-btn {
    margin-top: 13.2rem;
}


/* Technologies */

.technologies {
    background: #f2f4f5;
    padding: 4rem 0 6rem
}

.technologies .section-title {
    font-weight: 400;
}


/*.technologies .section-title:after {*/


/*width: 135px;*/


/*}*/

.recent-entries.white-bg {
    background: #fff;
    padding-bottom: 8rem;
    overflow: hidden;
}

.recent-entries.white-bg h2 {
    font-weight: 700;
}

.technologies-list {
    text-align: center;
    margin-top: 45px;
}

.technologies-list a {
    display: inline-block;
    margin: 46px 14px 0;
}

.technologies-list a img {
    vertical-align: middle;
}

.work-blue-btn {
    width: 244px;
    margin-top: 2rem;
}


/* Industry Service */

.industry-service {
    background: #f2f4f5;
    padding: 3.5rem 0 5rem;
}

.industry-service .section-title {
    font-weight: 400;
}


/*.industry-service .section-title:after {*/


/*width: 135px;*/


/*}*/

.service-list {
    font-size: 0;
    margin-top: 7rem
}

.service-list li {
    font-size: 3rem;
    line-height: 3.6rem;
    display: inline-block;
    color: #575757;
    margin: 2.5rem 0;
    width: 33.3333%;
}

.service-list li div,
.service-list li span {
    display: inline-block;
}

.service-list li div {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

.service-list li img {
    max-width: 100%;
    margin: 0 auto;
}


/* Work otgether */

.work-together {
    padding: 3.5rem 0 7rem;
}

.work-together .section-title {
    font-weight: 400;
    margin-bottom: 4rem;
}

.work-together .section-title:after {
    display: none;
}

.together-btn {
    background: #1f62ad;
    width: 405px;
}


/* ============================================================ Blog ========================================== */

.blog-bg {
    background: url(../img/blog-title-bg.jpg) no-repeat center;
}

.blog.blog-page {
    padding: 50px 0;
}

.blog-post {
    margin-top: 3.5rem;
}

.blog-post:first-child {
    margin-top: 0;
}

.blog-post h2 {
    font-size: 4rem;
    line-height: 4.85rem;
}

.meta-tags {
    font-size: 0;
}

.meta-tags li {
    position: relative;
    font-size: 1.8rem;
    color: #575757;
    display: inline-block;
    padding: 0 8px
}

.meta-tags li:nth-child(1),
.meta-tags li a {
    color: #ee4728;
    padding-left: 0;
    text-decoration: none;
    font-size: 1.8rem;
}

.meta-tags li:nth-child(1) span {
    color: #575757;
}

.meta-tags li:before {
    content: '/';
    position: absolute;
    left: -3px;
    top: 0;
}

.meta-tags li span {
    margin-right: 5px;
}

.meta-tags li:nth-child(1):before {
    display: none;
}

.blog-post img {
    margin: 2rem 0 0;
    width: 100%;
}

.blog-post p {
    color: #575757;
    font-size: 2.1rem;
    line-height: 3rem;
    margin-top: 2rem;
    text-align: justify;
}

.read-more {
    font-size: 1.8rem;
    height: 5rem;
    line-height: 13px;
    padding-left: 4rem;
    padding-right: 4rem;
    margin: 1.5rem 0 0 0;
}

.dl-pagination {
    margin: 2em auto 4em;
    text-align: center;
}

.dl-pagination li,
.dl-pagination li.button {
    display: inline-block;
}

.dl-pagination a,
.dl-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .6em .8em;
    font-size: 2.4rem;
}

.dl-pagination a {
    border: 1px solid #cacaca;
    border-radius: 0.25em;
    text-decoration: none;
    color: #727272;
}

.no-touch .dl-pagination a:hover {
    background-color: #f2f2f2;
}

.dl-pagination a.disabled {
    color: rgba(46, 64, 87, 0.4);
    pointer-events: none;
}

.dl-pagination a.disabled:before,
.dl-pagination a.disabled:after {
    opacity: .4;
}

.dl-pagination .button:first-of-type a,
.dl-pagination .button:last-of-type a {
    line-height: 40px;
    border-radius: 5px 0 0 5px;
}

.dl-pagination .button:last-of-type a {
    border-radius: 0 5px 5px 0;
}

.dl-pagination .button:first-of-type a:before {
    content: url(../img/pre-arrow.svg);
}

.dl-pagination .button:last-of-type a:after {
    content: url(../img/next-arrow.svg);
}

.dl-pagination .current {
    background-color: #ee4728;
    border-color: #ee4728;
    color: #ffffff;
    pointer-events: none;
}

.dl-pagination.animated-buttons a,
.dl-pagination.animated-buttons span {
    padding: 0 1.7rem;
    height: 49px;
    line-height: 45px;
    overflow: hidden;
}


/* Blog sidebar */

.sidebar {}

.sidebar h3 {
    color: #575757;
    font-size: 30px;
    line-height: 48px;
    margin-top: -4px;
}

.sidebar-categories {
    margin-bottom: 3rem;
}

.sidebar-categories li {
    font-size: 18px;
    line-height: 36px;
    border-bottom: #dcdcdc 1px solid;
}

.sidebar-categories li:last-child {
    border-bottom: none
}

.sidebar-categories li a {
    color: #575757;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sidebar-categories li a:hover {
    color: #ee4728;
}

.sidebar-post {
    margin-bottom: 5rem;
}

.side-post {
    margin-top: 2.5rem;
}

.side-post-thumb {
    float: left;
    border: #e2e2e2 1px solid;
    padding: 3px;
}

.side-post-thumb img {
    width: 67px;
    height: 60px;
}

.side-post hgroup {
    padding-left: 9rem;
}

.side-post hgroup h4 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-top: -5px;
}

.side-post hgroup h4 a {
    color: #ee4728;
    text-decoration: none;
}

.side-post hgroup p {
    color: #575757;
    font-size: 1.6rem;
    line-height: 2.4rem;
}


/* Comment form */

.comment-form {}

.comment-form h6 {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}

.comments-block {}

.avatar {
    float: left;
}

.avatar {
    width: 43px;
    height: 43px;
    border-radius: 50px;
}

.comments {
    color: #575757;
    padding-left: 6rem;
    margin: 2rem 0 3.5rem;
}

.comments .posted-by {
    margin-bottom: .5rem;
}

.comments .posted-by,
.comments .posted-date,
.comments p {
    font-size: 1.8rem;
}

.comments .posted-date,
.comments p {
    line-height: 2.4rem;
}

.comments .posted-by a {
    color: #ee4728;
    text-decoration: none;
}


/*.reply {

  width: 78px;

  height: 34px;

  font-size: 12px;

  background: #fff;

  padding: 10px 0;

  line-height: 2px;

  margin: 10px 0 0 0;

  border: #dedede 1px solid;

}*/

.reply a {
    float: left;
    background: #ee4728;
    padding: 7px 17px;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    margin-top: 10px;
    color: white;
    text-decoration: none;
}

.comment-form p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #575757;
    margin-bottom: 1.5rem;
}

.comment-form .form-group label,
.comment-btn {
    font-size: 1.8rem;
    line-height: 3.6rem;
}

.comment-form .form-group textarea {
    margin-top: 3rem
}

.comment-btn {
    width: 260px;
    height: 49px;
    border-radius: 5px;
    line-height: 15px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.comment-btn:hover,
.comment-btn:active {
    color: #fff;
}


/*color: #ee4728;*/

.sidebar-post {
    margin-bottom: 5rem;
}

.side-post {
    margin-top: 2.5rem;
}

.side-post-thumb {
    float: left;
    border: #e2e2e2 1px solid;
    padding: 3px;
    margin-right: 12px;
}

.side-post hgroup {
    padding-left: 9rem;
}

.side-post hgroup h4 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-top: -5px;
}

.side-post hgroup h4 a {
    color: #ee4728;
    text-decoration: none;
}

.side-post hgroup p {
    color: #575757;
    font-size: 1.6rem;
    line-height: 2.4rem;
}


/* Comment form */

.comment-form {}

.comment-form h6 {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}

.comments-block {}

.avatar {
    float: left;
}

.avatar {
    width: 43px;
    height: 43px;
    border-radius: 50px;
}

.comments {
    color: #575757;
    padding-left: 6rem;
    margin: 2rem 0 3.5rem;
}

.comments .posted-by {
    margin-bottom: .5rem;
}

.comments .posted-by,
.comments .posted-date,
.comments p {
    font-size: 1.8rem;
}

.comments .posted-date,
.comments p {
    line-height: 2.4rem;
}

.comments .posted-by a {
    color: #ee4728;
    text-decoration: none;
}

.comment-form p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #575757;
    margin-bottom: 1.5rem;
}

.comment-form .form-group label,
.comment-btn {
    font-size: 1.8rem;
    line-height: 3.6rem;
}

.comment-form .form-group textarea {
    margin-top: 3rem
}

.comment-btn {
    width: 260px;
    height: 49px;
    border-radius: 5px;
    line-height: 15px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.comment-btn:hover,
.comment-btn:active {
    color: #fff;
}

.nav-links a {
    background: white;
    padding: 9px 18px;
    border: 1px solid gray;
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    color: #ee4728;
    line-height: 44px !important;
}

.nav-links .page-numbers.current {
    background: #ee4728;
    padding: 10px 18px;
    border: 1px solid gray;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    color: white;
}

nav.navigation.pagination h2 {
    display: none;
}

.blog .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    display: block;
    text-align: center;
}

.nav-links a:hover {
    text-decoration: none;
}

.sidebar .sidebar-categories li {
    font-size: 18px;
    line-height: 36px;
    border-bottom: #dcdcdc 1px solid;
    list-style: none;
    color: gray;
}

.sidebar-post img {
    width: 67px;
    height: 60px;
}

.sidebar-post ul li img {
    float: left;
}

.sidebar-post ul li {
    margin-bottom: 20px;
}

.sidebar-post ul li {
    margin-bottom: 20px;
    float: left;
    margin-bottom: 23px;
}

.sidebar-post {
    overflow: hidden;
}


/*.sidebar-post ul li img {

    margin-right: 11px;

}*/

.sidebar-post ul li h4 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-top: -5px;
}

.sidebar-post ul li p {
    color: #575757;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.sidebar-post ul li a {
    color: #ee4728;
    text-decoration: none;
}

textarea#comment {
    width: 100%;
    margin-top: 12px;
    border: 1px solid gainsboro;
}

.form-submit #submit {
    width: 260px;
    height: 49px;
    border-radius: 5px;
    line-height: 15px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    background: #ee4728;
    border: none;
    color: white;
}

.form-submit #submit:hover {
    background: gray;
}

div#comments p label {
    display: block;
}

div#comments p input {
    padding: 10px;
    width: 100%;
    border: 1px solid gainsboro;
}

div#comments p label {
    display: block;
    margin-bottom: 4px;
}

.reply {
    text-align: center;
    line-height: 14px;
    border-radius: 40px;
    margin-left: 47px;
}

div#respond {
    margin-top: 30px;
}

section.comment-form.apply-form form {
    margin-top: 12px;
}

div#comments .comments-title {
    display: none;
}

footer.comment-meta a {
    font-size: 16px;
}

.comment-content p {
    margin-left: 38px;
    margin-top: 12px;
}

.comment-metadata a {
    margin-top: 10px !important;
    display: inline-block;
    pointer-events: none;
    color: #575757;
}

.comment-author.vcard a {
    pointer-events: none;
    color: #ee4728;
}

.footer-form input[type="submit"] {
    width: 100%;
    height: 4.8rem;
    line-height: 1.2rem;
    width: 100%;
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: .3rem;
    font-size: 2.4rem;
    z-index: 1;
    border: none;
    color: #fff;
    background: #ee4728;
    cursor: pointer;
    text-align: center;
    padding: 1.8rem 5.5rem 2.1rem;
    display: block;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 auto;
}

.footer-form input[type="submit"]:hover {
    background: #4d5151;
}

footer .widget-text {
    display: none;
}

.category-bg {
    background: url(../img/about-title-bg.jpg) no-repeat center;
    min-height: 344px;
}

.category-page {
    padding: 7.5rem 0;
}

.category-page .navigation.pagination {
    display: block;
    text-align: center;
    margin-top: 49px;
}

#map {
    width: 100%;
    height: 490px;
}

.daimage {
    line-height: 172px;
    text-align: center;
    float: left;
    overflow: hidden;
    margin-right: 12px;
    border-radius: 100px;
    width: 12.8rem;
    height: 12.8rem;
    text-align: center;
    background-color: #ed4628;
    background-repeat: no-repeat;
    background-position: center center;
}

.sidebar-post {
    padding-top: 22px;
}

.video iframe {
    margin: auto;
    display: block;
    margin-top: 59px;
}

.portfolio-carousel {
    margin-top: 80px;
    margin-bottom: 80px;
}

.portfolio-carousel .carousel-indicators li {
    width: 18px;
    height: 18px;
    border-radius: 100px;
    margin-left: 10px;
}


/*

.page-template-page-quote .navbar-nav {

    display: none;

}*/

body.page-template.page-template-page-quote header {
    background: black;
}

section#getaquote .M-weather {
    font-size: 3rem;
    line-height: 4.4rem;
    font-weight: 300;
    margin-top: 7.5rem;
    font-family: 'Merriweather', serif;
    text-align: center;
    margin-top: 5px;
}

form.quote-form p {
    color: #333;
}

h2.request-quote-title {
    font-size: 4.8rem;
    line-height: 4.8rem;
    font-weight: 700;
    position: relative;
    text-align: center;
}

hr.quote-border-line {
    width: 21%;
    height: 3px;
    background: #ee4728;
}

p.above-form {
    font-size: 2.4rem;
    color: #333;
    line-height: 4rem;
    text-align: left;
    margin-bottom: 4rem;
    padding-top: 36px;
    text-align: center;
}

section#getaquote {
    /*    margin-bottom: 70px;*/
    margin-top: 90px;
}

.screen-reader-response {
    color: red;
    line-height: 21px;
    padding: 10px;
    display: none;
}

.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
}

#getaquote .screen-reader-response {
    display: none;
}

#getaquote span.wpcf7-not-valid-tip {
    color: red;
    margin-top: 5px;
    display: inline-block;
}

.footer .wpcf7-response-output.wpcf7-validation-errors {
    display: block;
    /* width: 100%; */
    clear: both;
    text-align: left;
    padding: 10px 10px;
}

.footer span.wpcf7-not-valid-tip {
    text-align: right !important;
    right: 1px;
    float: right;
    padding-top: 5px;
}

.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    color: red;
    margin-top: 0px;
    display: inline-block;
}

.wpcf7-form-control-wrap.your-files span.wpcf7-not-valid-tip {
    color: red;
    margin-top: 6px;
    display: inline-block;
    margin-left: 56px;
    line-height: 24px;
    overflow: hidden;
}

.apply-form .wpcf7-response-output.wpcf7-validation-errors {
    margin-top: 17px;
    display: inline-block;
    font-size: 14px;
}

.dropdown-menu.megamenu {
    padding: 30px 30px;
}

.portfolio-work .work-effect .t-underline {
    top: -16% !important;
}

section#getquote-bg {
    background: black;
    padding: 71px;
}

span.wpcf7-form-control-wrap.your-files input {
    background: none;
    color: #333;
    font-size: 16px;
    text-transform: capitalize;
    padding-bottom: 10px;
    margin-left: -8px;
    /*margin-top: -32px;
inline-size:-webkit-fill-available;*/
}

.upload-btn .btn-effect:hover,
.upload-btn .btn-effect:active {
    background: none;
}

.blog-post a {
    text-decoration: none;
    color: #333;
}

section.blog.blog-page button a {
    color: white;
}

section.blog.blog-single {
    padding: 50px 0;
}

div#comments {
    /*margin-top: 56px;

    /*border-top: 1px solid #d6d6d6;

    padding-top: 52px;*/
}

.avatar {
    margin-right: 13px;
}

.comment-author.vcard b {
    margin-left: 11px;
}

p.comment-awaiting-moderation {
    margin-left: 66px;
    line-height: 24px;
    color: red;
}

.comment-content {
    margin-left: 17px;
    font-size: 16px;
}

ol.comment-list .comment {
    margin-bottom: 30px;
    overflow: hidden;
}

ol.comment-list .children {
    margin-top: 36px;
    margin-left: 16px;
}

a.quote-btn.btn-effect.md-trigger {
    color: white;
    text-decoration: none;
    padding-bottom: 13px;
    margin-top: 7px;
}

.apply-form .wpcf7-response-output.wpcf7-validation-errors {
    margin-left: 31px;
    border: none;
}

span.upload-error {
    /*padding-top: 12px;*/
    display: inline-block;
}

div#comments h2 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid;
    width: 53px;
    padding-bottom: 8px;
}

.error-page {
    margin-top: 90px;
    margin-bottom: 170px;
}

.error-404-page {
    background: black;
    padding: 71px;
}

.error-heading h2 {
    color: #333;
    font-size: 6rem;
}

.error-heading {
    padding-bottom: 24px;
}

.error-page .page-content p {
    font-size: 20px;
    line-height: 30px;
}

section#thankyou-page {
    background: black;
    background-size: cover;
    min-height: 344px;
}

.thankyou-content {
    padding: 80px 0;
}

.thankyou-content h2 {
    font-size: 48px;
    padding-bottom: 20px;
    font-weight: bold;
}

.thankyou-content p {
    font-size: 20px;
    padding-bottom: 14px;
}

.thankyou-content button {
    margin-top: 21px;
}

.error-page button {
    margin-top: 21px;
}

section.page-title.blog-bg h4 a {
    color: white;
    margin-top: 108px;
    display: inline-block;
    width: 54%;
    line-height: 44px;
    font-size: 35px;
    text-decoration: none;
}

section.page-title.blog-bg li span {
    color: white;
}

section.page-title.blog-bg .meta-tags li:before {
    content: '/';
    position: absolute;
    left: -3px;
    top: 0;
    color: white;
}

.single-post .blog-post img {
    margin: 1rem 0 0 !important;
}

ol.custom.breadcrumb.hidden-sm.hidden-xs li a {
    text-decoration: none;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    margin-left: 30px;
    display: inline-block;
    color: green;
    margin-top: 8px;
}

.portfolio-pagination a {
    background: white;
    padding: 9px 18px;
    border: 1px solid gray;
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    color: #ee4728;
}

.portfolio-pagination .current {
    background: #ee4728;
    padding: 10px 18px;
    border: 1px solid gray;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    color: white;
    text-decoration: none;
}

.portfolio-pagination {
    text-align: center;
    margin-bottom: 42px;
    margin: auto;
    width: 100%;
    margin-top: 24px;
    display: inline-block;
}

.portfolio-work .our-work-outer .container .col-md-12 {
    text-align: center;
}

.publish-date {
    color: #575757;
}

.footer-form label.error {
    margin-bottom: 5px;
    font-weight: 700;
    text-align: right;
    float: right;
    margin-bottom: 12px !important;
    display: inline-block;
    margin-top: 10px !important;
    font-weight: normal;
    color: red;
}

section.apply-form .error {
    color: red;
    font-size: 16px;
}

.quote-form .form-group label.error {
    font-size: 16px;
}

.quote-form .form-group {
    min-height: 108px;
}

span.wpcf7-form-control-wrap.your-files label.error {
    margin-left: 57px;
    margin-top: 3px;
}

.portfolio-detail div#myCarousel .carousel-indicators {
    bottom: -7%;
}

.portfolio-detail div#myCarousel ol.carousel-indicators li {
    background: #ee4728;
}

.portfolio-detail div#myCarousel .carousel-indicators li {
    width: 1.8rem;
    height: 1.8rem;
    background: #929595;
    border: none;
    margin: 0 .8rem;
}

.portfolio-detail div#myCarousel .carousel-indicators .active {
    background: #929595;
    border: none;
}

body.service-template-default.single.single-service.postid-102 .col-sm-6:nth-of-type(3) .dladvantage h4 {
    text-transform: inherit;
}

.career-jobs h4 a {
    color: #ee4728;
    text-decoration: none;
}

section.page-title.blog-bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

section.page-title.blog-bg:before {
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}

.quote-form {
    width: 70%;
    margin: auto;
}

.blog-post.listing .meta-tags a {
    pointer-events: none;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    display: none !important;
}

#comments .error {
    padding: 10px 0 20px 0;
    color: red;
}

#comments input.error,
textarea.error {
    color: red;
}

body.archive nav.navigation.posts-navigation {
    margin-top: 56px;
    margin: auto;
    display: block;
    text-align: center;
}

body.archive .nav-next a,
body.archive .nav-previous a {
    background: #ee4728;
    color: white;
    border: none;
}

button.red-btn.btn-effect.read-more a {
    color: white;
}

button.red-btn.btn-effect.read-more a:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #4d5151;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

body.archive .nav-links {
    margin-top: 43px;
    border-top: 1px solid #f1dede;
    padding-top: 43px;
}

body.archive h2.screen-reader-text {
    display: none;
}


/*.theme_1.wpcf7-form input.error {

  border: 1px solid red;

}

*/

.comment-author.vcard b.fn {
    margin-left: 0px;
}

div#respond .comment-notes {
    font-size: 16px;
}

div#respond h3 {
    font-size: 20px;
}

button.red-btn:hover {
    color: white;
}

a.link-btn:hover {
    text-decoration: none;
    color: white;
}

button.red-btn.btn-effect.slide3-btn {
    float: left;
}

section.about-quote .link-btn button:hover {
    color: #333;
}

.apply-form .theme_1.wpcf7-form input[type="file"].error {
    border-bottom: none !important;
    padding-bottom: 12px;
}

.form-group.submitbutton {
    position: relative;
}

.footer-form div.wpcf7 .ajax-loader {
    background-image: url('../img/ajax-loader.gif');
    width: 24px;
    height: 24px;
    margin-left: 10px;
    position: absolute;
    z-index: 999;
    top: 26px;
    right: 158px;
}

#getaquote div.wpcf7 .ajax-loader {
    /*   background-image: url('../img/ajax-loader11.gif');*/
    /*    width: 32px;

    height: 32px;*/
    margin-left: 10px;
    position: absolute;
    z-index: 9999999999999;
    top: 14px;
    right: 236px;
}

.apply-form div.wpcf7 .ajax-loader {
    background-image: url('../img/ajax-loader.gif');
    width: 24px;
    height: 24px;
    margin-left: 10px;
    position: absolute;
    z-index: 999;
    top: 15px;
    left: 63%;
}

.submitbutton-request {
    position: relative;
}

.sidebar a {
    text-decoration: none;
}

.our-approach-row:last-child {
    min-height: 0;
}

section.footer .col-sm-4 {
    margin-top: 14px !important;
}

.portfolio-video .video {
    text-align: center;
}

.blog-post ul li {
    color: #575757;
    font-size: 2.1rem;
    line-height: 3rem;
    margin-top: 0.5rem;
    list-style-type: square;
}

section.blog.blog-single h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-post strong {
    font-weight: bold;
}

.blog-post ul {
    margin-left: 41px;
}

ul.meta-tags {
    margin-left: 0;
    margin-top: 10px;
}

body.page-template.page-template-page-contact.page-template-page-contact-php.page.page-id-46.logged-in .contact-list li a {
    pointer-events: none;
}

.st-post-tags a {
    background: #ee4728;
    padding: 10px;
    display: block;
    color: white;
    text-align: center;
    /*    border-radius: 100px;*/
    margin-bottom: 9px;
    color: white !important;
    float: left;
    margin-left: 9px;
    padding: 10px 21px;
}

.st-post-tags h3 {
    margin-bottom: 15px;
}

.col-sm-8 .blog-post .st-post-tags {
    display: none;
}

.blog-post table.table {
    margin-top: 26px;
    margin-bottom: 26px;
    font-size: 16px;
    overflow-x: scroll;
}

.blog-post table.table tr th {
    font-weight: bold;
}

.blog-post .entry-content {
    color: #575757;
    font-size: 2.1rem;
    line-height: 3rem;
    margin-top: 2rem;
}

a.link-btn.red-btn.btn-effect.process-btn {
    width: 244px;
    color: white;
    text-decoration: none;
}

a.link-btn.red-btn.btn-effect.btn-width {
    width: 244px;
    color: white;
    text-decoration: none;
}

.form-group.textform {
    margin-bottom: 12px;
}

.form-group.submitbutton-request input[type="submit"] {
    width: 260px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    margin-top: 16px;
    height: 63px;
    line-height: 28px;
}

.services-bg a.link-btn.red-btn.btn-effect {
    width: 244px;
    line-height: 60px;
    height: 63px;
    padding: 0;
    color: white;
    text-decoration: none;
}

#carousel a.link-btn.red-btn.btn-effect {
    width: 244px;
}

#carousel a.link-btn.red-btn.btn-effect.slide3-btn {
    float: left;
}

.contact-detail .footer-social li.facebook a {
    padding: 12px;
}

.contact-detail .footer-social li.twitter a {
    padding: 15px;
}

.contact-detail .footer-social li.google-plus a {
    padding: 10px;
}

.contact-detail .footer-social li.linkedin a {
    padding: 10px;
}

ul.navbar-nav li a.tactive,
ul.navbar-nav li a.tactive12 {
    background: #ee4728;
    color: #fff;
    border-radius: 4px;
}

a.website-visit.red-btn.btn-effect {
    width: 244px;
    text-decoration: none;
    color: white;
    padding: 20px;
}

section.blog.blog-single .blog-post img {
    width: 100%;
    height: auto;
    padding: 20px 0;
}

section.blog p>a {
    color: #ee4728;
}

.comment-author.vcard img {
    width: inherit !important;
}

body.archive.date.logged-in.hfeed .category-page {
    padding: 50px 0px;
}

li.comment {
    background: #f7f7f7;
    padding: 20px;
}

.blog-page img.crazy_lazy.attachment-blog-feature-img.size-blog-feature-img.wp-post-image {
    width: 100%;
}

body.error404.logged-in.hfeed .red-btn {
    margin: inherit;
    margin-top: 20px;
}

.page-template-page-thankyou .red-btn {
    margin: inherit;
    margin-top: 20px;
}

a.navbar-brand img {
    margin-top: -4px;
}

.blog-post h3 a:hover {
    text-decoration: underline;
}

.blog-post h3 a,
.blog-post h3 {
    margin-top: 2rem;
    font-size: 24px;
    font-weight: bold;
}

img.blog-img-icon {
    height: 25px !important;
    width: 25px !important;
}

.blogpost_content_type {
    position: relative;
}

span.ECommerce {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.ECommerce::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/ecommerce.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    top: -3px;
}

span.EcommerceFree {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.EcommerceFree::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/coin-e1525467093174.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 130px;
    position: absolute;
    top: -2px;
}

span.blognMag {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.blognMag::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/magzne.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    top: -3px;
}

span.Freemagazine {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Freemagazine::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/coin-e1525467093174.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 153px;
    position: absolute;
    top: -2px;
}

span.EventnPro {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.EventnPro::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/event.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    top: -3px;
}

span.Freeeventpro {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Freeeventpro::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/coin-e1525467093174.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 177px;
    position: absolute;
    top: -2px;
}

span.Portfolionphoto {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Portfolionphoto::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/portfolio.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    top: -3px;
}

span.Freeportfolio {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Freeportfolio::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/coin-e1525467093174.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 255px;
    position: absolute;
    top: -2px;
}

span.Businessncorporate {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Businessncorporate::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/corporate.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    top: -3px;
}

span.Freebusiness {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Freebusiness::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/coin-e1525467093174.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 183px;
    position: absolute;
    top: -2px;
}

span.knowledgebase {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.knowledgebase::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/mind.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    top: -3px;
}

span.Freeknowbase {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Freeknowbase::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/coin-e1525467093174.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 187px;
    position: absolute;
    top: -2px;
}

span.Podcasting {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.Podcasting::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/podcast.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 0;
    position: absolute;
    top: -3px;
}

span.FreePod {
    padding-left: 25px;
    padding-right: 24px;
    vertical-align: middle;
}

span.FreePod::before {
    background-image: url(http://www.dynamologic.com/wp-content/uploads/2018/05/coin-e1525467093174.png);
    width: 20px !important;
    height: 20px !important;
    background-size: cover;
    content: "";
    left: 118px;
    position: absolute;
    top: -2px;
}

ul.filterpost {
    margin-left: 0;
}

ul.filterpost li {
    list-style: none;
    display: inline-block;
    margin-right: 7px;
    background: #eb4332;
    padding: 10px 16px;
    border-radius: 5px;
    color: white;
    margin-bottom: 7px;
    cursor: pointer;
    font-weight: bold;
}

ul.freepaidfilter {
    margin-left: 0;
}

ul.freepaidfilter li {
    list-style: none;
    display: inline-block;
    margin-right: 7px;
    background: #eb4332;
    padding: 10px 39px;
    border-radius: 5px;
    color: white;
    margin-bottom: 7px;
    cursor: pointer;
    font-weight: bold;
}

li.cblur {
    background: #e5e1d6 !important;
    color: black !important;
    font-weight: bold;
}

.cactive {
    background-color: #eb4332 !important;
}

span.ldemo {
    font-size: 2.1rem;
    font-weight: bold;
    padding-bottom: 4px;
    display: inline-block;
}

.blogpost_content_url a {
    color: #ee4728;
    font-size: 2.1rem;
}

.blogpost_content_url a:hover {
    text-decoration: underline;
    transition: all 0.5s ease;
}

div#comments br {
    display: none;
}

.blogpost_content_paragraph li {
    font-size: 20px;
    line-height: 26px;
    color: #575757;
}


/*

div.wpcf7 .wpcf7-recaptcha iframe {

    width: 100%;

}



.rc-anchor-light.rc-anchor-normal {

    width: 100% !important;

}





.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha > div {

    width: 100% !important;

}



*/

.blogpost_content_paragraph li:nth-of-type(1) {
    padding-top: 10px;
}

.recaptch-style {
    margin-bottom: 10px;
    margin-top: 26px;
}

.footer-rating span br {
    display: none;
}

.ratingimg {
    margin-top: 20px;
    margin-bottom: 5px;
}

.ratingimg img {
    width: 165px;
}

p.rating-par {
    padding-bottom: 8px;
    line-height: 24px;
    font-size: 16px !important;
}

.footer-rating span.colr {
    color: #ee4728;
}


/*  New service page css */

body.page-template.page-template-page-service h1 {
    line-height: 60px;
    font-size: 5.2rem;
}

body.page-template.page-template-page-service .services-head h1 span {
    color: #ee4728;
}

body.page-template.page-template-page-service .services-head p {
    padding-top: 20px;
    font-size: 2rem;
    line-height: 32px;
    width: 66%;
    margin: auto;
    font-weight: normal;
}

section#designservices .heading-text h2 {
    font-weight: bold;
    font-size: 4.8rem;
    text-align: center;
}

section#designservices {
    padding: 80px 0;
}

.service-border-line {
    border-bottom: 3px solid red;
    width: 518px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

section#designservices .heading-text p {
    font-size: 28px;
    font-family: 'Merriweather', serif;
    line-height: 42px;
    text-align: center;
    font-weight: 400;
    color: #575757;
    font-size: 2.8rem;
}

.carousel-3d-slide img {
    width: initial !important;
    margin: auto;
    text-align: center;
    display: block;
}

.carousel-3d-slide {
    padding: 60px 28px;
}

.carousel-3d-slide.current {
    background: white;
}

.carousel-3d-container h5 {
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
    font-weight: bold;
    line-height: 30px;
}

.carousel-3d-container .carousel-3d-slide.current p {
    font-size: 16px;
}

.carousel-3d-container .carousel-3d-slide p {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    margin-top: 16px;
    font-family: 'Merriweather', serif;
    color: #575757;
}

#service-advantages .service-border-line {
    width: 300px;
}

.carousel-3d-slide.current {
    border-radius: 10px;
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid #a0a0a0;
    border: none;
}

section#designservices #carousel {
    overflow: hidden;
    margin-top: 80px !important;
}

.carousel-3d-container {
    overflow: initial !important;
}

.carousel-3d-slide {
    background-color: #f8f8f8 !important;
    border-radius: 10px;
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25);
    border: none !important;
}

.carousel-3d-slide.current {
    background: white !important;
}

section#service-advantages {
    padding: 80px 0 80px;
}

section#service-advantages .heading-text h2 {
    text-align: center;
    font-weight: bold;
    font-size: 4.8rem;
}

section#service-advantages .heading-text p {
    font-size: 28px;
    font-family: 'Merriweather', serif;
    line-height: 42px;
    text-align: center;
    font-weight: 400;
    color: #575757;
}

.main-service-advantages-inner {
    text-align: center;
    margin-bottom: 60px;
}

@media (min-width: 1024px) {
    .main-service-advantages-inner {
        height: 300px;
    }
}

.main-service-advantages h4 {
    padding: 20px 0;
    color: #575757;
    width: 92%;
    margin: auto;
    line-height: 30px;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
}

.main-service-advantages-inner p {
    font-family: 'Merriweather', serif;
    color: #575757;
    width: 90%;
    margin: auto;
    font-size: 1.8rem;
    line-height: 3rem;
}

section#implementation {
    padding: 80px 0 40px;
    margin-bottom: 50px;
}

section#implementation .heading-text h2 {
    font-weight: bold;
    font-size: 4.8rem;
    text-align: center;
}

section#implementation .heading-text p {
    font-size: 28px;
    font-family: 'Merriweather', serif;
    line-height: 42px;
    text-align: center;
    font-weight: 400;
    color: #575757;
}

.main-service-advantages {
    margin-top: 40px;
}

.circle1 {
    background: white;
    width: 438px;
    height: 438px;
    border-radius: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    text-align: center;
    align-items: center;
    margin: auto;
}

.circle2 {
    background: white;
    width: 438px;
    height: 438px;
    border-radius: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    text-align: center;
    align-items: center;
    position: absolute;
    left: -88px;
    top: 89px;
}

.circle3 {
    background: white;
    width: 438px;
    height: 438px;
    border-radius: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    text-align: center;
    align-items: center;
    margin: auto;
    position: absolute;
    top: -35px;
    left: 88px;
    z-index: -11;
}

.circle4 {
    background: white;
    width: 438px;
    height: 438px;
    border-radius: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    text-align: center;
    align-items: center;
    position: relative;
    left: -18px;
    top: 42px;
    z-index: -1;
}

.implementation-inner .col-md-5:nth-of-type(1) {
    margin-left: 93px;
}

.circle-inner h5 {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    text-transform: uppercase;
    line-height: 26px;
    padding-bottom: 20px;
}

.circle-inner {
    padding: 39px 51px;
}

.circle-inner p {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    line-height: 22px;
    color: #575757;
}

.implementation-inner {
    margin-top: 60px;
    margin-bottom: 80px;
}

.circle1 p {
    padding: 0 23px;
}

.services-head a.red-btn {
    margin-top: 40px;
}

.services-head h1 {
    margin-top: 60px;
}

section#service-advantages {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section#service-advantages .section-text.M-weather {
    margin-bottom: 60px;
}


/* casestudy css */

section.page-title.casestudy-bg {
    min-height: 344px;
}

section.page-title.casestudy-bg h1 {
    text-align: left;
}

section.page-title.casestudy-bg p {
    text-align: left;
    padding-top: 14px;
}

section.page-title.casestudy-bg h1 span {
    color: #ee4728;
}

.ogamanager-inner h2 {
    font-size: 44px;
}

section#designservices {
    padding: 80px 0;
}

.ogamanager-inner p {
    font-size: 21px;
    color: #575757;
    line-height: 27px;
}

.ogamanager-inner {
    position: relative;
    overflow: hidden;
}

.ogamanager-inner h2:before {
    content: "";
    position: absolute;
    border-bottom: 3px solid #ee4728;
    width: 228px;
    top: 58px;
    left: 0;
}

.ogamanager-inner p {
    font-size: 21px;
    color: #575757;
    line-height: 27px;
    margin-top: 30px;
    margin-bottom: 30px;
}

ul.ogamanager-listitems li {
    font-size: 21px;
    color: #575757;
    line-height: 27px;
    margin-left: 28px;
    margin-bottom: 8px;
}

section#oga-manager {
    padding: 80px 0;
}

.linkbtn-div a {
    width: 244px;
    line-height: 60px;
    height: 63px;
    padding: 0;
    color: white;
    text-decoration: none;
    float: left;
    clear: both;
    display: block;
    margin-top: 30px;
}

ul.ogamanager-listitems {
    position: relative;
}

ul.ogamanager-listitems li:before {
    content: "";
    background-image: url(../img/casestudy/odamanager-arrow.png);
    position: absolute;
    width: 36px;
    height: 18px;
    left: -17px;
    margin-top: 5px;
}

ul.listitems-icons {
    position: relative;
}

ul.listitems-icons li:before {
    content: "";
    background-image: url(../img/casestudy/odamanager-arrow.png);
    position: absolute;
    width: 18px;
    height: 18px;
    left: -17px;
    margin-top: 5px;
}


/* .odamanager-screenimg img {

    margin-top: 85px;

} */

.odamanager-screenimg {
    width: 95%;
}

.odamanager-screenimg img {
    width: 100%;
}

section#oga-manager.service-section7 .odamanager-screenimg img {
    width: initial;
}

section#oga-manager.service-section1 .odamanager-screenimg img {
    width: initial;
}

section#oga-manager.service-section2 .odamanager-screenimg img {
    width: initial;
}

section#oga-manager .row {
    display: flex;
    align-items: center;
}

section#oga-manager.service-section2 .row,
section#oga-manager.service-section4 .row,
section#oga-manager.service-section6 .row,
section#oga-manager.service-section8 .row {
    direction: rtl;
}

section#oga-manager.service-section2 .col-md-7,
section#oga-manager.service-section4 .col-md-7,
section#oga-manager.service-section6 .col-md-7,
section#oga-manager.service-section8 .col-md-7 {
    float: left;
    text-align: left;
}

section#oga-manager.service-section2 .odamanager-screenimg img,
section#oga-manager.service-section4 .odamanager-screenimg img,
section#oga-manager.service-section6 .odamanager-screenimg img,
section#oga-manager.service-section8 .odamanager-screenimg img {
    float: left;
}

.carousel-3d-slider a.blue-btn {
    margin-top: 25px;
}

.carousel-3d-slider a.link-btn.red-btn.btn-effect {
    width: 203px;
    font-size: 18px;
}

.carousel-3d-slide a.link-btn.red-btn.btn-effect {
    width: 162px;
    font-size: 18px;
    padding-top: 23px;
    line-height: 0;
    padding-bottom: 26px;
}

.main-service-advantages a.blue-btn {
    margin-top: 0 !important;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

div#latestcase-carousel {
    padding: 80px 0;
}

div#latestcase-carousel .section-heading {
    color: white;
    text-align: center;
    font-size: 44px;
}

.latestcase-slider p {
    color: #adafb6;
}

.latestcase-slider p {
    color: #adafb6;
    font-size: 20px;
    line-height: 32px;
    font-family: 'Merriweather', serif;
    width: 80%;
}

section#latestcase-carousel {
    padding: 80px 0 0;
}

section#latestcase-carousel h2 {
    color: white;
    font-size: 44px;
    text-align: center;
}

.latestcase-slider h3 {
    font-size: 36px;
    color: white;
    padding-bottom: 20px;
}

.latestcase-slider-inner-right img {
    width: 100% !important;
}

section#latestcase-carousel .owl-carousel button.owl-dot {
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    box-shadow: none;
    outline: none;
    background: white;
    border: 1px solid white;
}

section#latestcase-carousel .owl-dots button {
    margin-right: 18px;
}

section#latestcase-carousel .owl-dots {
    text-align: center;
    margin-top: 40px;
}

section#latestcase-carousel {
    padding-bottom: 80px;
    background-size: cover;
}

.owl-dots .owl-dot.active {
    background: #ed4829 !important;
    border: 1px solid #ed4829!important;
    outline: none;
}

.latestcase-slider a {
    font-size: 28px;
    color: white;
    padding-top: 26px;
    display: block;
    font-family: 'Merriweather', serif;
    text-decoration: none;
}

.latestcase-slider a img {
    width: 20px !important;
    height: 20px;
}

f .latestcase-slider a:hover {
    color: #ed4829;
}

.latestcase-slider a span {
    display: inline-block;
    padding-left: 18px;
}

.latestcase-slider a i {
    padding-left: 15px;
    font-size: 30px;
}

section#reviewsection {
    padding: 80px 0;
}

section#reviewsection .review-headersection h2 {
    text-align: center;
    font-size: 44px;
    padding-bottom: 20px;
}

.review-headersection p {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    width: 78%;
    margin: auto;
}

.review-inner {
    background: #f7f7f7;
    padding: 47px;
    border-radius: 10px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    min-height: 500px;
}

.review-inner img {
    width: 116px;
    height: 116px;
    border-radius: 100px;
}

.review-inner img {
    margin: auto;
    display: block;
}

.review-inner h3 {
    font-size: 28px;
    text-align: center;
    padding-top: 26px;
    font-family: 'Lato', sans-serif;
}

.review-inner span {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 26px;
    display: block;
    font-family: 'Lato', sans-serif;
    color: #1f62ad;
}

.review-inner p {
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    font-family: 'Lato', sans-serif;
    color: #575757;
}

.review-headersection {
    margin-bottom: 80px;
}

.whatyousee {
    text-align: center;
}

.whatyousee h2 {
    font-size: 44px;
    text-align: center;
    margin-bottom: 90px;
}

.whatyousee .red-btn {
    display: inline-block;
}

.reviewinner-container {
    padding-bottom: 40px;
    overflow: hidden;
}

.review-mainbtn {
    clear: both;
    padding-bottom: 60px;
}

.review-mainbtn a {
    width: 405px;
}

section#designservices .heading-text h2 {
    position: relative;
}

section#designservices .heading-text h2:before {
    position: absolute;
    width: 518px;
    content: "";
    height: 3px;
    top: 65px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

section#service-advantages .heading-text.service1 h2 {
    position: relative;
}

section#service-advantages .heading-text.service1 h2:before {
    position: absolute;
    width: 300px;
    content: "";
    height: 3px;
    top: 65px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

section#implementation .heading-text h2 {
    position: relative;
}

section#implementation .heading-text h2:before {
    position: absolute;
    width: 518px;
    content: "";
    height: 3px;
    top: 65px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

section#latestcase-carousel .heading-text h2 {
    position: relative;
}

section#latestcase-carousel .heading-text h2:before {
    position: absolute;
    width: 194px;
    content: "";
    height: 3px;
    top: 65px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

section#reviewsection .review-headersection h2 {
    position: relative;
}

section#reviewsection .review-headersection h2:before {
    position: absolute;
    width: 145px;
    content: "";
    height: 3px;
    top: 65px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

.review-headersection p {
    padding-top: 30px;
}

section#latestcase-carousel .heading-text {
    margin-bottom: 60px;
}

a.link-btn:focus {
    text-decoration: none;
    color: white;
}

section.page-title.serviceslevel2-bg {
    min-height: 500px;
}

section.page-title.serviceslevel2-bg .services-head h1>span {
    color: #ee4728;
}

section.page-title.serviceslevel2-bg .services-head>span {
    font-size: 25px;
    font-family: 'Merriweather', serif;
    padding-top: 34px;
    display: block;
}

section.page-title.serviceslevel2-bg .services-head p {
    font-size: 24px;
    padding-top: 31px;
    line-height: 30px;
    width: 85%;
    margin: auto;
}

section.phpdevel {
    padding: 80px 0;
}

section.phpdevel .heading-text h2 {
    text-align: center;
    font-size: 44px;
}

section.phpdevel .heading-text h2 {
    position: relative;
    font-weight: bold;
}


/*section.phpdevel .heading-text h2:before {*/


/*position: absolute;*/


/*width: 300px;*/


/*content: "";*/


/*height: 3px;*/


/*top: 65px;*/


/*background: #ee4728;*/


/*margin: auto;*/


/*text-align: center;*/


/*display: block;*/


/*left: 0;*/


/*right: 0;*/


/*}*/

section.phpdevel .heading-text {
    padding-bottom: 80px;
}

section.phpdevel .phpdevel-inner p {
    font-size: 20px;
    line-height: 36px;
    font-family: 'Merriweather', serif;
}

.row.row-phpdevel {
    display: flex;
    align-items: center;
}

.phpdevel-img {
    width: 90%;
}

.phpdevel-img img {
    width: 90%;
    height: auto;
}

.learnmore-btn a {
    width: 238px;
    float: left;
}

.learnmore-btn {
    margin-top: 34px;
}

section#wordpressdevel {
    padding: 80px 0;
    background: #515558;
}

section#wordpressdevel .heading-text h2 {
    text-align: center;
    font-size: 44px;
}

section#wordpressdevel .heading-text h2 {
    position: relative;
    font-weight: bold;
}

section#wordpressdevel .heading-text h2:before {
    position: absolute;
    width: 300px;
    content: "";
    height: 3px;
    top: 65px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

section#wordpressdevel .heading-text {
    padding-bottom: 80px;
}

section#wordpressdevel .wordpressdevel-inner p {
    font-size: 20px;
    line-height: 36px;
    font-family: 'Merriweather', serif;
    color: white;
}

.row.row-wordpressdevel {
    display: flex;
    align-items: center;
}

.wordpressdevel-img {
    width: 90%;
}

.wordpressdevel-img img {
    width: 90%;
    height: auto;
}

.phpdevel.codelgniter {
    background-color: #42464a;
    color: white;
}

#wordpressdevel.sprite.yii2 {
    background-color: #f7f7f7 !important;
}

#wordpressdevel.sprite.yii2 .heading-text h2 {
    color: #575757 !important;
}

#wordpressdevel.sprite.yii2 .wordpressdevel-inner p {
    color: #575757;
}

.phpdevel.laravel {
    background-color: #eeeeee;
}

#wordpressdevel.angular {
    background-color: #f7f7f7;
}

#wordpressdevel.angular .wordpressdevel-inner h2 {
    color: #575757;
}

#wordpressdevel.angular .wordpressdevel-inner p {
    color: #575757;
}

section#wordpressdevel.wordpress .heading-text h2 {
    color: white;
}

.latestcase-slider {
    display: flex;
    align-items: center;
}

section.page-title.review-bg {
    min-height: 350px;
}

section#review-maincontent {
    padding: 80px 0;
}

section#review-maincontent h2 {
    font-size: 44px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 34px;
    position: relative;
}

section#review-maincontent .heading-text p {
    font-size: 28px;
    text-align: center;
    width: 74%;
    line-height: 38px;
    margin: auto;
}

section#review-maincontent h2:before {
    position: absolute;
    width: 145px;
    content: "";
    height: 3px;
    top: 60px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

section#review-maincontent .owl-carousel {
    margin-top: 48px;
}

.review-profile-img img {
    width: 116px !important;
    height: 116px;
    border-radius: 100%;
    margin: auto;
}

.review-slider-inner h3 {
    font-size: 28px;
    text-align: center;
    padding-top: 26px;
    font-family: 'Lato', sans-serif;
}

.review-slider-inner span {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 26px;
    display: block;
    font-family: 'Lato', sans-serif;
    color: #1f62ad;
}

.review-slider-inner p {
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    font-family: 'Lato', sans-serif;
    color: #575757;
}

section#review-maincontent .owl-carousel .owl-dots.disabled {
    display: inherit;
}

section#review-maincontent .owl-carousel button.owl-dot {
    background: #cecece;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    box-shadow: none;
    outline: none;
    border: 1px solid #cecece;
    margin-right: 18px;
}

section#review-maincontent .owl-dots {
    text-align: center;
    margin-top: 40px;
}

.review-slider-inner {
    background: #f7f7f7;
    padding: 37px;
}

section#client-testimonial-review {
    padding: 80px 0;
    background-size: cover;
}

section#client-testimonial-review h2 {
    font-size: 44px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 34px;
    position: relative;
}

section#client-testimonial-review h2:before {
    position: absolute;
    width: 300px;
    content: "";
    height: 3px;
    top: 65px;
    background: #ee4728;
    margin: auto;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
}

.testimonial-inner {
    margin-top: 80px;
}

.testimonial-inner .client-info {
    background: #fefefe;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    min-height: 270px;
}

.testimonial-inner .client-info span.cname {
    font-size: 21px;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 28px;
}

.testimonial-inner .client-info span.ccountry {
    font-size: 21px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #ee4728;
}

.testimonial-inner .client-info p {
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 25px;
    line-height: 20px;
}

.client-info:hover {
    background: #474645;
    color: white;
    transition: all ease-in 0.2s;
}

.odamanager-screenimg img {
    width: 100% !important;
}

section.page-title.casestudy-bg.casestudy-detail {
    position: relative;
}

section.page-title.casestudy-bg.casestudy-detail .casestudy-bgheading h1 {
    line-height: 83px;
}

section.page-title.casestudy-bg.casestudy-detail {
    min-height: 554px;
    background-size: cover;
}

.bgright-img img {
    position: absolute;
    right: 0;
    top: 100px !important;
}

.bgright-img img {
    width: 70%;
}

section#casestudy-summary {
    padding: 80px 0;
}

section#casestudy-summary h2 {
    font-size: 44px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 34px;
    position: relative;
}

section#casestudy-summary .heading-text p {
    font-size: 28px;
    text-align: center;
    width: 74%;
    line-height: 38px;
    margin: auto;
}

.casestudy_detail-template-default .title {
    /*    border-bottom: 3px solid #aaa;*/
    position: relative;
}

.casestudy_detail-template-default .title span {
    display: inline-block;
    position: relative;
}

.casestudy_detail-template-default .title span:after {
    content: '';
    width: 100%;
    border-bottom: 3px solid #ee4728;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 1rem;
}

.title {
    /*    border-bottom: 3px solid #aaa;*/
    position: relative;
}

.title span {
    display: inline-block;
    position: relative;
}

.title span:after {
    content: '';
    width: 80%;
    border-bottom: 3px solid #ee4728;
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    margin-top: 2rem;
}

.summary-inner p {
    font-size: 21px;
    line-height: 27px;
}

.listitems-icons {
    font-size: 21px;
    line-height: 28px;
    color: #575757
}

ul.listitems-icons {
    margin-left: 20px !important;
}

ul.listitems-icons li {
    margin-right: 10px !important;
    padding-left: 22px;
    margin-bottom: 20px;
    color: #575757;
}

ul.listitems-icons {
    margin-top: 40px;
}

.summary-rightimg {
    text-align: center;
}

.row.casestudy-summary-row {
    display: flex;
    align-items: center;
}

section#casestudy-aboutcompany h2 {
    font-size: 44px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 34px;
    position: relative;
}

section#casestudy-aboutcompany .heading-text p {
    font-size: 28px;
    text-align: center;
    width: 74%;
    line-height: 38px;
    margin: auto;
}

.aboutcompany-inner p {
    font-size: 21px;
    line-height: 27px;
    color: #575757;
}

.aboutcompany-img {
    width: 90%;
    margin: 0 auto;
}

.aboutcompany-img img {
    width: 100%;
}

.row.aboutcompany-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.challange-img img {
    width: 100%;
}

.challange-img {
    width: 90%;
    margin: 0 auto;
}

.challange-detail {
    background: #ee4728;
    padding: 24px;
    color: white;
    font-size: 18px;
    margin-top: 30px;
}

.challange-detail h3 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
}

.challange-detail p {
    padding-bottom: 20px;
    line-height: 24px;
    font-size: 21px;
    line-height: 28px;
}

ul.list-items {
    list-style: inherit;
    margin-left: 20px;
}

ul.list-items li {
    padding-bottom: 20px;
    line-height: 28px;
    font-size: 21px;
}

.challange-section {
    display: flex;
    align-items: center;
}

section#casestudy-aboutcompany {
    background: #f2f4f5;
    padding: 80px 0;
}

section#casestudy-trajectory-heading h2 {
    font-size: 44px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 34px;
    position: relative;
}

section#casestudy-trajectory-heading .heading-text p {
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    color: #575757;
}

.row.trajectory-row p {
    font-size: 21px;
    line-height: 28px;
    color: #575757;
}

ul.trajectory-listitem {
    margin-left: 20px;
    list-style-type: decimal;
    font-size: 21px;
    line-height: 28px;
}

.row.trajectory-row {
    display: flex;
    align-items: center;
}

.trajectory-img {
    text-align: center;
}

strong {
    font-weight: bold;
}

section#casestudy-trajectory.trajectory-03 {
    background: #f2f4f5;
}

section#casestudy-trajectory {
    padding-bottom: 80px;
}

section#theresult {
    padding: 80px 0 40px;
}

section#theresult h2 {
    font-size: 44px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 34px;
    position: relative;
}

section#theresult .heading-text p {
    font-size: 21px;
    text-align: left;
    line-height: 38px;
}

.theresult-inner p {
    font-size: 21px;
    line-height: 26px;
    color: #575757;
}

.theresult-img {
    text-align: center;
}

.theresult-img img {
    margin-bottom: 36px
}

ul.theresult-listitem {
    margin-left: 20px;
    list-style-type: decimal;
    font-size: 21px;
    line-height: 28px;
    margin-top: 40px;
}

ul.theresult-listitem li {
    margin-bottom: 24px;
}

.theresult-img {
    width: 78%;
    margin: auto;
    display: block;
}

.theresult-img img {
    width: 90%;
    margin: auto;
    display: block;
    margin-bottom: 32px;
}

section#casestudy-trajectory-heading {
    padding-top: 80px;
}

p>strong.text-red {
    color: #ee4728;
    font-size: larger;
}

.adv-textinner {
    font-size: 1.8rem;
    line-height: 3rem;
}

section#casestudy-trajectory.trajectory-2 {
    padding-top: 80px;
}

section#post-link-navigation .col-md-4 {
    /* border-top: 1px solid #e3e3e3;*/
    padding: 20px;
    /* border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;*/
    margin-left: -1px;
}

.nav-casestudy {
    color: #ee4728 !important;
}

section#post-link-navigation a {
    font-size: 21px;
    line-height: 27px;
}

section#post-link-navigation a {
    color: #575757;
}

a.casestudy-navnext strong {
    text-align: right;
    float: right;
}

a.casestudy-navnext .nav-casestudy {
    text-align: right;
    float: right;
}

.dark_grey_section {
    padding-top: 80px;
    background: #515558;
}

.dark_grey2_section {
    padding-top: 80px;
    background: #42464a;
}

.light_grey_section {
    padding-top: 80px;
    background: #f7f7f7;
}

.website-url {
    text-align: center;
}

section#casestudy-trajectory-heading {
    margin-bottom: 20px;
}

body.service-template-default.single.single-service.postid-102 .adv-image img {
    height: 55px;
}

.dropdown-menu.megamenu h1 {
    font-size: 3rem !important;
}

span.colr.footer-rating-text {
    font-size: 16px;
    line-height: 24px;
}

p.rating-par.colr strong {
    color: #ee4728;
}

span.whitecol {
    color: white;
}

.latestcase-link a {
    line-height: 44px;
}

.website-url .visitsite {
    font-size: 21px;
    line-height: 24px;
    color: #ee4728 !important;
    margin-top: 4px;
}

a.casestudy-navprev {
    text-decoration: none;
}

section#post-link-navigation {
    background: whitesmoke;
}

.theresult-inner ol {
    list-style: initial;
    list-style-type: decimal;
    margin-left: 16px;
}

.theresult-inner ol.list-items li {
    padding-bottom: 20px;
    line-height: 28px;
    font-size: 21px;
}

.tool-img {
    width: 70%;
    margin: auto;
}

section.why-php {
    padding-bottom: 40px;
}

.nav-img {
    width: 90%;
    margin: auto;
}

.blog-post h1>strong {
    font-size: 30px;
}

.website-url a {
    text-decoration: none;
}


/* start of PHP development sprite sheet css */

.sprite {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-left: 20px;
}

.sprite.phpajax_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 38px;
    height: 59px;
}

.sprite.phpamazonaws_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -60px;
    width: 106px;
    height: 40px;
}

.sprite.phpangular_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -101px;
    width: 125px;
    height: 32px;
}

.sprite.phpcodenighter_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -134px;
    width: 51px;
    height: 61px;
}

.sprite.phpcpanel_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -196px;
    width: 103px;
    height: 27px;
}

.sprite.phpcss_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -224px;
    width: 50px;
    height: 69px;
}

.sprite.phpdrupal_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -294px;
    width: 120px;
    height: 41px;
}

.sprite.phphtml_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -336px;
    width: 52px;
    height: 60px;
}

.sprite.phphtml5_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -397px;
    width: 50px;
    height: 69px;
}

.sprite.phpjquery_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -467px;
    width: 138px;
    height: 34px;
}

.sprite.phpjs_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -502px;
    width: 52px;
    height: 58px;
}

.sprite.phpjson_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -561px;
    width: 109px;
    height: 31px;
}

.sprite.phplaravel_logo_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -593px;
    width: 126px;
    height: 31px;
}

.sprite.phpmagento_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -625px;
    width: 122px;
    height: 39px;
}

.sprite.phpmemcached_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -665px;
    width: 115px;
    height: 33px;
}

.sprite.phpmysql_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -699px;
    width: 86px;
    height: 58px;
}

.sprite.phpnetbeans_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -758px;
    width: 61px;
    height: 62px;
}

.sprite.phpnotepad_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -821px;
    width: 56px;
    height: 58px;
}

.sprite.phpopencart_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -880px;
    width: 119px;
    height: 26px;
}

.sprite.php_php_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -907px;
    width: 61px;
    height: 33px;
}

.sprite.php_phpmyadmin_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -941px;
    width: 98px;
    height: 58px;
}

.sprite.php_phpstorm_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1000px;
    width: 60px;
    height: 60px;
}

.sprite.php_plesk_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1061px;
    width: 101px;
    height: 24px;
}

.sprite.phpregexbuddy_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1086px;
    width: 112px;
    height: 24px;
}

.sprite.phpregularexpression_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1111px;
    width: 105px;
    height: 37px;
}

.sprite.phprestapi_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1149px;
    width: 116px;
    height: 43px;
}

.sprite.phpshopify_logo_lg_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1193px;
    width: 116px;
    height: 33px;
}

.sprite.phpsublime_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1227px;
    width: 57px;
    height: 57px;
}

.sprite.phpwordpress_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1285px;
    width: 89px;
    height: 54px;
}

.sprite.phpworkbench_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1340px;
    width: 57px;
    height: 55px;
}

.sprite.phpxml_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1396px;
    width: 67px;
    height: 60px;
}

.sprite.phpyii_framework_png {
    background: url('../img/technologies/php-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-position: 0 -1457px;
    width: 188px;
    height: 69px;
}


/* end of PHP development sprite sheet css */


/* wordpress css spritesheet */

.sprite.wordpressajax_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 38px;
    height: 59px;
}

.sprite.wordpressangular_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -101px;
    width: 125px;
    height: 32px;
}

.sprite.wordpresscodenighter_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -134px;
    width: 51px;
    height: 61px;
}

.sprite.wordpresscpanel_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -196px;
    width: 103px;
    height: 27px;
}

.sprite.wordpresscss_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -224px;
    width: 50px;
    height: 69px;
}

.sprite.wordpresshtml_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -294px;
    width: 52px;
    height: 60px;
}

.sprite.wordpresshtml5_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -355px;
    width: 50px;
    height: 69px;
}

.sprite.wordpressjquery_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -425px;
    width: 138px;
    height: 34px;
}

.sprite.wordpressjs_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -460px;
    width: 52px;
    height: 58px;
}

.sprite.wordpressjson_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -519px;
    width: 109px;
    height: 31px;
}

.sprite.wordpressnetbeans_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -551px;
    width: 61px;
    height: 62px;
}

.sprite.wordpressnotepad_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -614px;
    width: 56px;
    height: 58px;
}

.sprite.wordpressphp_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -673px;
    width: 61px;
    height: 33px;
}

.sprite.wordpressphpmyadmin_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -707px;
    width: 98px;
    height: 58px;
}

.sprite.wordpressphpstorm_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -766px;
    width: 60px;
    height: 60px;
}

.sprite.wordpressplesk_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -827px;
    width: 101px;
    height: 24px;
}

.sprite.wordpressrestapi_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -852px;
    width: 116px;
    height: 43px;
}

.sprite.wordpresssublime_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -896px;
    width: 57px;
    height: 57px;
}

.sprite.wordpressxml_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -954px;
    width: 67px;
    height: 60px;
}

.sprite.wordpressmysql_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1015px;
    width: 86px;
    height: 58px;
}

.sprite.wordpresswordpress_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1074px;
    width: 89px;
    height: 54px;
}

.sprite.wordpressmemcached_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1129px;
    width: 115px;
    height: 33px;
}

.sprite.wordpresslaravel_logo_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1163px;
    width: 126px;
    height: 31px;
}

.sprite.wordpressworkbench_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1195px;
    width: 57px;
    height: 55px;
}

.sprite.wordpressregexbuddy_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1251px;
    width: 112px;
    height: 24px;
}

.sprite.wordpressamazonaws_png {
    background: url('../img/technologies/wordpress-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -60px;
    width: 106px;
    height: 40px;
}


/* end of wordpress css spritesheet */

.sprite.codenighterajax_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 38px;
    height: 59px;
}

.sprite.codenighteramazonaws_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -60px;
    width: 106px;
    height: 40px;
}

.sprite.codenighterangular_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -101px;
    width: 125px;
    height: 32px;
}

.sprite.codenighter-codenighter_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -134px;
    width: 51px;
    height: 61px;
}

.sprite.codenightercpanel_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -196px;
    width: 103px;
    height: 27px;
}

.sprite.codenightercss_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -224px;
    width: 50px;
    height: 69px;
}

.sprite.codenighterhtml_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -294px;
    width: 52px;
    height: 60px;
}

.sprite.codenighterhtml5_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -355px;
    width: 50px;
    height: 69px;
}

.sprite.codenighterjquery_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -425px;
    width: 138px;
    height: 34px;
}

.sprite.codenighterjs_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -460px;
    width: 52px;
    height: 58px;
}

.sprite.codenighterjson_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -519px;
    width: 109px;
    height: 31px;
}

.sprite.codenightermemcached_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -551px;
    width: 115px;
    height: 33px;
}

.sprite.codenightermysql_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -585px;
    width: 86px;
    height: 58px;
}

.sprite.codenighternetbeans_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -644px;
    width: 61px;
    height: 62px;
}

.sprite.codenighternotepad_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -707px;
    width: 56px;
    height: 58px;
}

.sprite.codenighterphp_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -766px;
    width: 61px;
    height: 33px;
}

.sprite.codenighterphpmyadmin_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -800px;
    width: 98px;
    height: 58px;
}

.sprite.codenighterphpstorm_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -859px;
    width: 60px;
    height: 60px;
}

.sprite.codenighterplesk_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -920px;
    width: 101px;
    height: 24px;
}

.sprite.codenighterregexbuddy_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -945px;
    width: 112px;
    height: 24px;
}

.sprite.codenighterrestapi_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -970px;
    width: 116px;
    height: 43px;
}

.sprite.codenightersublime_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1014px;
    width: 57px;
    height: 57px;
}

.sprite.codenighterworkbench_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1072px;
    width: 57px;
    height: 55px;
}

.sprite.codenighterxml_png {
    background: url('../img/technologies/codenighter-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1128px;
    width: 67px;
    height: 60px;
}

.sprite.yii-spriteajax {
    background: url('../img/technologies/yii-spritesheet.png') -150px -1px;
    width: 38px;
    height: 59px;
}

.sprite.yii-spriteamazonaws {
    background: url('../img/technologies/yii-spritesheet.png') -82px -61px;
    width: 106px;
    height: 40px;
}

.sprite.yii-spriteangular {
    background: url('../img/technologies/yii-spritesheet.png') -63px -102px;
    width: 125px;
    height: 32px;
}

.sprite.yii-spritecodenighter {
    background: url('../img/technologies/yii-spritesheet.png') -137px -135px;
    width: 51px;
    height: 61px;
}

.sprite.yii-spritecpanelpng {
    background: url('../img/technologies/yii-spritesheet.png') -85px -197px;
    width: 103px;
    height: 27px;
}

.sprite.yii-spritecss {
    background: url('../img/technologies/yii-spritesheet.png') -138px -225px;
    width: 50px;
    height: 69px;
}

.sprite.yii-spritehtml {
    background: url('../img/technologies/yii-spritesheet.png') -136px -295px;
    width: 52px;
    height: 60px;
}

.sprite.yii-spritehtml5 {
    background: url('../img/technologies/yii-spritesheet.png') -138px -356px;
    width: 50px;
    height: 69px;
}

.sprite.yii-spritejquery {
    background: url('../img/technologies/yii-spritesheet.png') -50px -426px;
    width: 138px;
    height: 34px;
}

.sprite.yii-spritejs {
    background: url('../img/technologies/yii-spritesheet.png') -136px -461px;
    width: 52px;
    height: 58px;
}

.sprite.yii-spritejson {
    background: url('../img/technologies/yii-spritesheet.png') -79px -520px;
    width: 109px;
    height: 31px;
}

.sprite.yii-spritelaravel-logo {
    background: url('../img/technologies/yii-spritesheet.png') -62px -552px;
    width: 126px;
    height: 31px;
}

.sprite.yii-spritememcached {
    background: url('../img/technologies/yii-spritesheet.png') -73px -584px;
    width: 115px;
    height: 33px;
}

.sprite.yii-spritemysql {
    background: url('../img/technologies/yii-spritesheet.png') -102px -618px;
    width: 86px;
    height: 58px;
}

.sprite.yii-spritenetbeans {
    background: url('../img/technologies/yii-spritesheet.png') -127px -677px;
    width: 61px;
    height: 62px;
}

.sprite.yii-spritenotepad {
    background: url('../img/technologies/yii-spritesheet.png') -132px -740px;
    width: 56px;
    height: 58px;
}

.sprite.yii-spritephp {
    background: url('../img/technologies/yii-spritesheet.png') -127px -799px;
    width: 61px;
    height: 33px;
}

.sprite.yii-spritephpmyadmin {
    background: url('../img/technologies/yii-spritesheet.png') -90px -833px;
    width: 98px;
    height: 58px;
}

.sprite.yii-spritephpstorm {
    background: url('../img/technologies/yii-spritesheet.png') -128px -892px;
    width: 60px;
    height: 60px;
}

.sprite.yii-spriteplesk {
    background: url('../img/technologies/yii-spritesheet.png') -87px -953px;
    width: 101px;
    height: 24px;
}

.sprite.yii-spriteregexbuddy {
    background: url('../img/technologies/yii-spritesheet.png') -76px -978px;
    width: 112px;
    height: 24px;
}

.sprite.yii-spriterestapi {
    background: url('../img/technologies/yii-spritesheet.png') -72px -1003px;
    width: 116px;
    height: 43px;
}

.sprite.yii-spritesublime {
    background: url('../img/technologies/yii-spritesheet.png') -131px -1047px;
    width: 57px;
    height: 57px;
}

.sprite.yii-spriteworkbench {
    background: url('../img/technologies/yii-spritesheet.png') -131px -1105px;
    width: 57px;
    height: 55px;
}

.sprite.yii-spritexml {
    background: url('../img/technologies/yii-spritesheet.png') -121px -1161px;
    width: 67px;
    height: 60px;
}

.sprite.yii-spriteyii-framework {
    background: url('../img/technologies/yii-spritesheet.png') -0px -1222px;
    width: 188px;
    height: 40px;
}

.sprite.laravel-laravel_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -550px;
    width: 130px;
    height: 30px;
}

.sprite.laravelajax_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 38px;
    height: 59px;
}

.sprite.laravelamazonaws_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -60px;
    width: 106px;
    height: 40px;
}

.sprite.laravelcpanel_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -195px;
    width: 125px;
    height: 28px;
}

.sprite.laravelcss_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -223px;
    width: 51px;
    height: 71px;
}

.sprite.laravelangular_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -100px;
    width: 126px;
    height: 34px;
}

.sprite.laravelhtml_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -293px;
    width: 52px;
    height: 61px;
}

.sprite.laravelhtml5_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -354px;
    width: 50px;
    height: 70px;
}

.sprite.laraveljquery_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -426px;
    width: 138px;
    height: 34px;
}

.sprite.laraveljs_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -457px;
    width: 51px;
    height: 62px;
}

.sprite.laraveljson_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -519px;
    width: 109px;
    height: 31px;
}

.sprite.laravelmemcached_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -583px;
    width: 115px;
    height: 33px;
}

.sprite.laravelmysql_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -617px;
    width: 86px;
    height: 58px;
}

.sprite.laravelnetbeans_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -676px;
    width: 61px;
    height: 62px;
}

.sprite.laravelnotepad_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -739px;
    width: 56px;
    height: 58px;
}

.sprite.laravelphp_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -798px;
    width: 61px;
    height: 33px;
}

.sprite.laravelphpmyadmin_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -832px;
    width: 98px;
    height: 58px;
}

.sprite.laravelphpstorm_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -891px;
    width: 60px;
    height: 60px;
}

.sprite.laravelplesk_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -952px;
    width: 101px;
    height: 24px;
}

.sprite.laravelregexbuddy_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -977px;
    width: 112px;
    height: 24px;
}

.sprite.laravelrestapi_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1002px;
    width: 116px;
    height: 43px;
}

.sprite.laravelsublime_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1046px;
    width: 57px;
    height: 57px;
}

.sprite.laravelworkbench_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1104px;
    width: 57px;
    height: 55px;
}

.sprite.laravelxml_png {
    background: url('../img/technologies/laravel-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -1160px;
    width: 67px;
    height: 60px;
}

.sprite.angularajax_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 38px;
    height: 59px;
}

.sprite.angularjson_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -60px;
    width: 109px;
    height: 31px;
}

.sprite.angularnetbeans_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -92px;
    width: 61px;
    height: 62px;
}

.sprite.angularnotepad_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -155px;
    width: 56px;
    height: 58px;
}

.sprite.angularrestapi_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -214px;
    width: 116px;
    height: 43px;
}

.sprite.angular-angular_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -258px;
    width: 125px;
    height: 32px;
}

.sprite.angularhtml5_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -291px;
    width: 50px;
    height: 69px;
}

.sprite.angularcss_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -361px;
    width: 50px;
    height: 69px;
}

.sprite.angularxml_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -431px;
    width: 67px;
    height: 60px;
}

.sprite.angularregexbuddy_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -492px;
    width: 112px;
    height: 24px;
}

.sprite.angularhtml_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -517px;
    width: 52px;
    height: 60px;
}

.sprite.angularsublime_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -578px;
    width: 57px;
    height: 57px;
}

.sprite.angularphpstorm_png {
    background: url('../img/technologies/angular-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -636px;
    width: 60px;
    height: 60px;
}

.sprite.ioshtml_png {
    background: url('../img/technologies/ios-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 52px;
    height: 60px;
}

.sprite.iossqlite_png {
    background: url('../img/technologies/ios-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -61px;
    width: 112px;
    height: 50px;
}

.sprite.iosxcode_png {
    background: url('../img/technologies/ios-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -112px;
    width: 112px;
    height: 52px;
}

.sprite.iosobjectivec_png {
    background: url('../img/technologies/ios-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -165px;
    width: 97px;
    height: 53px;
}

.sprite.iosswift_png {
    background: url('../img/technologies/ios-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -219px;
    width: 113px;
    height: 35px;
}

.sprite.androidhtml_png {
    background: url('../img/technologies/android-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 52px;
    height: 60px;
}

.sprite.androidsqlite_png {
    background: url('../img/technologies/android-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -61px;
    width: 112px;
    height: 50px;
}

.sprite.androidjava_png {
    background: url('../img/technologies/android-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -112px;
    width: 33px;
    height: 61px;
}

.sprite.androidjson_png {
    background: url('../img/technologies/android-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -174px;
    width: 109px;
    height: 31px;
}

.sprite.androidxml_png {
    background: url('../img/technologies/android-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -206px;
    width: 67px;
    height: 60px;
}

.sprite.androidnetbeans_png {
    background: url('../img/technologies/android-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -267px;
    width: 61px;
    height: 62px;
}

.sprite.xamarine-sprite {
    background: url('../img/technologies/xamarine-spritesheet.png') -50px -1px;
    width: 63px;
    height: 55px;
}

.sprite.xamarine-spritehtml {
    background: url('../img/technologies/xamarine-spritesheet.png') -61px -57px;
    width: 52px;
    height: 60px;
}

.sprite.xamarine-spritejson {
    background: url('../img/technologies/xamarine-spritesheet.png') -4px -118px;
    width: 109px;
    height: 31px;
}

.sprite.xamarine-spritevisualstudio {
    background: url('../img/technologies/xamarine-spritesheet.png') -10px -150px;
    width: 103px;
    height: 40px;
}

.sprite.xamarine-spritexamarineicon {
    background: url('../img/technologies/xamarine-spritesheet.png') -0px -191px;
    width: 113px;
    height: 26px;
}

.sprite.xamarine-spritexml {
    background: url('../img/technologies/xamarine-spritesheet.png') -27px -218px;
    width: 86px;
    height: 69px;
}

.sprite-dotnet {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
}

.sprite.dotnetamazonaws_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 106px;
    height: 40px;
}

.sprite.dotnetasp_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -41px;
    width: 109px;
    height: 37px;
}

.sprite.dotnethtml5_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -79px;
    width: 50px;
    height: 69px;
}

.sprite.dotnetjson_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -149px;
    width: 109px;
    height: 31px;
}

.sprite.dotnetsqlserver_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -181px;
    width: 82px;
    height: 61px;
}

.sprite.dotnetcss_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -243px;
    width: 50px;
    height: 69px;
}

.sprite.dotnetxml_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -313px;
    width: 67px;
    height: 60px;
}

.sprite.dotnet_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -374px;
    width: 63px;
    height: 55px;
}

.sprite.dotnetmsaccess_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -430px;
    width: 106px;
    height: 44px;
}

.sprite.dotnetmysql_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -475px;
    width: 86px;
    height: 58px;
}

.sprite.dotnetazure_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -534px;
    width: 114px;
    height: 33px;
}

.sprite.dotnethtml_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -568px;
    width: 52px;
    height: 60px;
}

.sprite.dotnetvisualstudio_png {
    background: url('../img/technologies/dotnet-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -629px;
    width: 103px;
    height: 40px;
}

.sprite.scraping-spritec {
    background: url('../img/technologies/scraping-spritesheet.png') -55px -1px;
    width: 63px;
    height: 55px;
}

.sprite.scraping-spritecss {
    background: url('../img/technologies/scraping-spritesheet.png') -68px -57px;
    width: 50px;
    height: 69px;
}

.sprite.scraping-spriteexcel {
    background: url('../img/technologies/scraping-spritesheet.png') -65px -127px;
    width: 53px;
    height: 53px;
}

.sprite.scraping-spritehtml {
    background: url('../img/technologies/scraping-spritesheet.png') -66px -181px;
    width: 52px;
    height: 60px;
}

.sprite.scraping-spritejson {
    background: url('../img/technologies/scraping-spritesheet.png') -9px -242px;
    width: 109px;
    height: 31px;
}

.sprite.scraping-spritemsword {
    background: url('../img/technologies/scraping-spritesheet.png') -57px -274px;
    width: 61px;
    height: 58px;
}

.sprite.scraping-spritepdf {
    background: url('../img/technologies/scraping-spritesheet.png') -59px -333px;
    width: 59px;
    height: 60px;
}

.sprite.scraping-spritevisualstudio {
    background: url('../img/technologies/scraping-spritesheet.png') -15px -394px;
    width: 103px;
    height: 40px;
}

.sprite.scraping-spritewindows {
    background: url('../img/technologies/scraping-spritesheet.png') -0px -435px;
    width: 118px;
    height: 26px;
}

.sprite.scraping-spritexml {
    background: url('../img/technologies/scraping-spritesheet.png') -51px -462px;
    width: 67px;
    height: 60px;
}

.sprite.cdevelopment-sprite-asp {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -0px -1px;
    width: 109px;
    height: 37px;
}

.sprite.cdevelopment-sprite-c {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -46px -39px;
    width: 63px;
    height: 55px;
}

.sprite.cdevelopment-sprite-css {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -59px -95px;
    width: 50px;
    height: 69px;
}

.sprite.cdevelopment-sprite-html {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -57px -165px;
    width: 52px;
    height: 60px;
}

.sprite.cdevelopment-sprite-html5 {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -59px -226px;
    width: 50px;
    height: 69px;
}

.sprite.cdevelopment-sprite-json {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -0px -296px;
    width: 109px;
    height: 31px;
}

.sprite.cdevelopment-sprite-msaccess {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -3px -328px;
    width: 106px;
    height: 44px;
}

.sprite.cdevelopment-sprite-mysql {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -23px -373px;
    width: 86px;
    height: 58px;
}

.sprite.cdevelopment-sprite-sqlserver {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -27px -432px;
    width: 82px;
    height: 61px;
}

.sprite.cdevelopment-sprite-visualstudio {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -6px -494px;
    width: 103px;
    height: 40px;
}

.sprite.cdevelopment-sprite-xamarine {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -10px -535px;
    width: 99px;
    height: 22px;
}

.sprite.cdevelopment-sprite-xml {
    background: url('../img/technologies/cdevelopment-spritesheet.png') -42px -558px;
    width: 67px;
    height: 60px;
}

.sprite.magento-spriteajax {
    background: url('../img/technologies/magento-spritesheet.png') -100px -1px;
    width: 38px;
    height: 59px;
}

.sprite.magento-spritecss {
    background: url('../img/technologies/magento-spritesheet.png') -88px -61px;
    width: 50px;
    height: 69px;
}

.sprite.magento-spritehtml {
    background: url('../img/technologies/magento-spritesheet.png') -86px -131px;
    width: 52px;
    height: 60px;
}

.sprite.magento-spritehtml5 {
    background: url('../img/technologies/magento-spritesheet.png') -88px -192px;
    width: 50px;
    height: 69px;
}

.sprite.magento-spritejquery {
    background: url('../img/technologies/magento-spritesheet.png') -0px -262px;
    width: 138px;
    height: 34px;
}

.sprite.magento-spritejs {
    background: url('../img/technologies/magento-spritesheet.png') -86px -297px;
    width: 52px;
    height: 58px;
}

.sprite.magento-spritejson {
    background: url('../img/technologies/magento-spritesheet.png') -29px -356px;
    width: 109px;
    height: 31px;
}

.sprite.magento-spritemagento-logo {
    background: url('../img/technologies/magento-spritesheet.png') -19px -388px;
    width: 119px;
    height: 35px;
}

.sprite.magento-spritememcached {
    background: url('../img/technologies/magento-spritesheet.png') -23px -424px;
    width: 115px;
    height: 33px;
}

.sprite.magento-spritemysql {
    background: url('../img/technologies/magento-spritesheet.png') -52px -458px;
    width: 86px;
    height: 58px;
}

.sprite.magento-spritephp {
    background: url('../img/technologies/magento-spritesheet.png') -77px -517px;
    width: 61px;
    height: 33px;
}

.sprite.magento-spriterestapi {
    background: url('../img/technologies/magento-spritesheet.png') -22px -551px;
    width: 116px;
    height: 43px;
}

.sprite.magento-spritexml {
    background: url('../img/technologies/magento-spritesheet.png') -71px -595px;
    width: 67px;
    height: 60px;
}

.sprite.shopify-spriteajax {
    background: url('../img/technologies/shopify-spritesheet.png') -100px -1px;
    width: 38px;
    height: 59px;
}

.sprite.shopify-spritecss {
    background: url('../img/technologies/shopify-spritesheet.png') -88px -61px;
    width: 50px;
    height: 69px;
}

.sprite.shopify-spritehtml {
    background: url('../img/technologies/shopify-spritesheet.png') -86px -131px;
    width: 52px;
    height: 60px;
}

.sprite.shopify-spritehtml5 {
    background: url('../img/technologies/shopify-spritesheet.png') -88px -192px;
    width: 50px;
    height: 69px;
}

.sprite.shopify-spritejquery {
    background: url('../img/technologies/shopify-spritesheet.png') -0px -262px;
    width: 138px;
    height: 34px;
}

.sprite.shopify-spritejs {
    background: url('../img/technologies/shopify-spritesheet.png') -86px -297px;
    width: 52px;
    height: 58px;
}

.sprite.shopify-spritejson {
    background: url('../img/technologies/shopify-spritesheet.png') -29px -356px;
    width: 109px;
    height: 31px;
}

.sprite.shopify-spritememcached {
    background: url('../img/technologies/shopify-spritesheet.png') -23px -388px;
    width: 115px;
    height: 33px;
}

.sprite.shopify-spritemysql {
    background: url('../img/technologies/shopify-spritesheet.png') -52px -422px;
    width: 86px;
    height: 58px;
}

.sprite.shopify-spritephp {
    background: url('../img/technologies/shopify-spritesheet.png') -77px -481px;
    width: 61px;
    height: 33px;
}

.sprite.shopify-spriterestapi {
    background: url('../img/technologies/shopify-spritesheet.png') -22px -515px;
    width: 116px;
    height: 43px;
}

.sprite.shopify-spriteshopifylogo {
    background: url('../img/technologies/shopify-spritesheet.png') -29px -559px;
    width: 109px;
    height: 32px;
}

.sprite.shopify-spritexml {
    background: url('../img/technologies/shopify-spritesheet.png') -71px -592px;
    width: 67px;
    height: 60px;
}

.sprite.woocommerce-sprite-ajax {
    background: url('../img/technologies/wocommerce-spritesheet.png') -100px -1px;
    width: 38px;
    height: 59px;
}

.sprite.woocommerce-sprite-css {
    background: url('../img/technologies/wocommerce-spritesheet.png') -88px -61px;
    width: 50px;
    height: 69px;
}

.sprite.woocommerce-sprite-html {
    background: url('../img/technologies/wocommerce-spritesheet.png') -86px -131px;
    width: 52px;
    height: 60px;
}

.sprite.woocommerce-sprite-html5 {
    background: url('../img/technologies/wocommerce-spritesheet.png') -88px -192px;
    width: 50px;
    height: 69px;
}

.sprite.woocommerce-sprite-jquery {
    background: url('../img/technologies/wocommerce-spritesheet.png') -0px -262px;
    width: 138px;
    height: 34px;
}

.sprite.woocommerce-sprite-js {
    background: url('../img/technologies/wocommerce-spritesheet.png') -86px -297px;
    width: 52px;
    height: 58px;
}

.sprite.woocommerce-sprite-json {
    background: url('../img/technologies/wocommerce-spritesheet.png') -29px -356px;
    width: 109px;
    height: 31px;
}

.sprite.woocommerce-sprite-memcached {
    background: url('../img/technologies/wocommerce-spritesheet.png') -23px -388px;
    width: 115px;
    height: 33px;
}

.sprite.woocommerce-sprite-mysql {
    background: url('../img/technologies/wocommerce-spritesheet.png') -52px -422px;
    width: 86px;
    height: 58px;
}

.sprite.woocommerce-sprite-php {
    background: url('../img/technologies/wocommerce-spritesheet.png') -77px -481px;
    width: 61px;
    height: 33px;
}

.sprite.woocommerce-sprite-restapi {
    background: url('../img/technologies/wocommerce-spritesheet.png') -22px -515px;
    width: 116px;
    height: 43px;
}

.sprite.woocommerce-sprite-woocommerce-logo {
    background: url('../img/technologies/wocommerce-spritesheet.png') -7px -559px;
    width: 131px;
    height: 27px;
}

.sprite.woocommerce-sprite-wordpress {
    background: url('../img/technologies/wocommerce-spritesheet.png') -49px -587px;
    width: 89px;
    height: 54px;
}

.sprite.woocommerce-sprite-xml {
    background: url('../img/technologies/wocommerce-spritesheet.png') -71px -642px;
    width: 67px;
    height: 60px;
}

.sprite.opencart-spriteajax {
    background: url('../img/technologies/opencart-spritesheet.png') -100px -1px;
    width: 38px;
    height: 59px;
}

.sprite.opencart-spritecss {
    background: url('../img/technologies/opencart-spritesheet.png') -88px -61px;
    width: 50px;
    height: 69px;
}

.sprite.opencart-spritehtml {
    background: url('../img/technologies/opencart-spritesheet.png') -86px -131px;
    width: 52px;
    height: 60px;
}

.sprite.opencart-spritehtml5 {
    background: url('../img/technologies/opencart-spritesheet.png') -88px -192px;
    width: 50px;
    height: 69px;
}

.sprite.opencart-spritejquery {
    background: url('../img/technologies/opencart-spritesheet.png') -0px -262px;
    width: 138px;
    height: 34px;
}

.sprite.opencart-spritejs {
    background: url('../img/technologies/opencart-spritesheet.png') -86px -297px;
    width: 52px;
    height: 58px;
}

.sprite.opencart-spritejson {
    background: url('../img/technologies/opencart-spritesheet.png') -29px -356px;
    width: 109px;
    height: 31px;
}

.sprite.opencart-spritememcached {
    background: url('../img/technologies/opencart-spritesheet.png') -23px -388px;
    width: 115px;
    height: 33px;
}

.sprite.opencart-spritemyopencart {
    background: url('../img/technologies/opencart-spritesheet.png') -52px -422px;
    width: 86px;
    height: 25px;
}

.sprite.opencart-spritemysql {
    background: url('../img/technologies/opencart-spritesheet.png') -52px -448px;
    width: 86px;
    height: 58px;
}

.sprite.opencart-spritephp {
    background: url('../img/technologies/opencart-spritesheet.png') -77px -507px;
    width: 61px;
    height: 33px;
}

.sprite.opencart-spriterestapi {
    background: url('../img/technologies/opencart-spritesheet.png') -22px -541px;
    width: 116px;
    height: 43px;
}

.sprite.opencart-spritexml {
    background: url('../img/technologies/opencart-spritesheet.png') -71px -585px;
    width: 67px;
    height: 60px;
}

.sprite.ionicangular_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 125px;
    height: 32px;
}

.sprite.ioniccss_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -33px;
    width: 50px;
    height: 69px;
}

.sprite.ionichtml_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -103px;
    width: 52px;
    height: 60px;
}

.sprite.ionicsublime_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -164px;
    width: 57px;
    height: 57px;
}

.sprite.ionicxml_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -222px;
    width: 67px;
    height: 60px;
}

.sprite.ionicnetbeans_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -283px;
    width: 61px;
    height: 62px;
}

.sprite.ionicnotepad_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -346px;
    width: 56px;
    height: 58px;
}

.sprite.ionic-ionic_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -405px;
    width: 105px;
    height: 37px;
}

.sprite.ionicjson_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -443px;
    width: 109px;
    height: 31px;
}

.sprite.ionicphpstorm_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -475px;
    width: 60px;
    height: 60px;
}

.sprite.ionicrestapi_png {
    background: url('../img/technologies/ionic-spritesheet.png');
    background-repeat: no-repeat;
    background-position: 0 -536px;
    width: 116px;
    height: 43px;
}

.technologies-list span {
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 25px;
}

.bg-books {
    width: 61px;
    height: 51px;
    background: url('../img/industrial/industrial-sprite.png') -10px -80px;
}

.bg-fantasy_sports {
    width: 50px;
    height: 50px;
    background: url('../img/industrial/industrial-sprite.png') -10px -285px;
}

.bg-food_n_drink {
    width: 42px;
    height: 60px;
    background: url('../img/industrial/industrial-sprite.png') -344px -10px;
}

.bg-lifestyle {
    width: 78px;
    height: 50px;
    background: url('../img/industrial/industrial-sprite.png') -10px -10px;
}

.bg-business {
    width: 57px;
    height: 47px;
    background: url('../img/industrial/industrial-sprite.png') -267px -10px;
}

.bg-finance {
    width: 43px;
    height: 56px;
    background: url('../img/industrial/industrial-sprite.png') -406px -10px;
}

.bg-photos_n_videos {
    width: 62px;
    height: 44px;
    background: url('../img/industrial/industrial-sprite.png') -10px -151px;
}

.bg-travel {
    width: 51px;
    height: 50px;
    background: url('../img/industrial/industrial-sprite.png') -10px -215px;
}

.bg-social_networking {
    width: 52px;
    height: 49px;
    background: url('../img/industrial/industrial-sprite.png') -81px -215px;
}

.bg-games {
    width: 56px;
    height: 29px;
    background: url('../img/industrial/industrial-sprite.png') -267px -147px;
}

.bg-weather {
    width: 63px;
    height: 50px;
    background: url('../img/industrial/industrial-sprite.png') -108px -10px;
}

.bg-marketplace {
    width: 55px;
    height: 50px;
    background: url('../img/industrial/industrial-sprite.png') -191px -80px;
}

.bg-mdical {
    width: 56px;
    height: 50px;
    background: url('../img/industrial/industrial-sprite.png') -191px -10px;
}

.bg-news {
    width: 52px;
    height: 50px;
    background: url('../img/industrial/industrial-sprite.png') -267px -77px;
}

.bg-music {
    width: 61px;
    height: 51px;
    background: url('../img/industrial/industrial-sprite.png') -91px -80px;
}

section.work-together a.link-btn {
    margin-top: 60px;
}

.bg-note {
    width: 69px;
    height: 69px;
    background: url('../img/features_service/features.png') -10px -10px;
}

.bg-open_architecture_1 {
    width: 80px;
    height: 54px;
    background: url('../img/features_service/features.png') -99px -10px;
}

.bg-rich_user_interface_1 {
    width: 72px;
    height: 58px;
    background: url('../img/features_service/features.png') -10px -99px;
}

.bg-secure_1 {
    width: 50px;
    height: 58px;
    background: url('../img/features_service/features.png') -102px -99px;
}

.dl-advantages.dl-services .adv-image span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

body::-webkit-scrollbar {
    width: 0.75em;
    border-radius: 5px;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}

body::-webkit-scrollbar-track-piece {
    background-color: #e8eff7;
}

body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: red;
    height: 53px;
}

.circle-inner span {
    display: inline-block;
}

.bg-impl_01 {
    width: 69px;
    height: 70px;
    background: url('../img/implementation.png') -10px -10px;
}

.bg-impl_02 {
    width: 69px;
    height: 69px;
    background: url('../img/implementation.png') -99px -10px;
}

.bg-impl_03 {
    width: 69px;
    height: 69px;
    background: url('../img/implementation.png') -188px -10px;
}

.bg-impl_04 {
    width: 69px;
    height: 69px;
    background: url('../img/implementation.png') -10px -100px;
}


/* comment box place holder */

textarea#comment {
    padding-left: 10px;
}

@media all and (-ms-high-contrast:none) {
    .arr-img img {
        width: 100%;
    }
}

@media only screen and (min-device-width: 320px)and (max-device-width: 568px) {
    .hero-slider.carousel-fade .carousel-inner .item,
    .hero-slider.carousel-fade .carousel-inner .active.left,
    .hero-slider.carousel-fade .carousel-inner .active.right {
        height: 100%;
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .col-sm-6 {
        /* width: 44%;*/
    }
}


/*Location page CSS by Adeel Ahmed */

.location-intro,
.location-services,
.location-features,
.location-reviews,
.location-estimate,
.location-links,
.location-acc {
    padding: 50px 0 50px 0;
}

.location-section-text {
    font-size: 18px;
    line-height: 36px;
    font-weight: initial;
    padding-top: 40px;
    text-align: center;
}

section.page-title.location.services-bg {
    min-height: 600px;
    background-position: top !important;
    background-size: cover !important;
}

.locationservices-head h1 {
    margin-top: 0px;
    line-height: 70px;
    font-size: 6rem;
}

.locationservices-head h2 {
    font-size: 5.9rem;
    line-height: 60px;
}

.location-intro {
    padding: 5rem 0 5rem 0;
}

.location-services .services-types {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    background: white;
    padding: 5rem 2rem 3rem 2rem;
}

.location-services .services-types .red-btn {
    width: 50%;
    font-size: 2rem;
    margin-top: 10%;
    padding: 1rem;
    margin-bottom: 2rem;
}

.location-services .services-types img {
    width: initial !important;
    margin: auto;
    text-align: center;
    display: block;
}

.location-services .services-types h5 {
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
    line-height: 30px;
}

.location-services .services-types p {
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    margin-top: 16px;
    font-family: 'Merriweather', serif;
    color: #575757;
}

.links-button {
    padding: 50px 0 50px 0;
}

.location-rev {
    padding: 50px 0 50px 0;
}

.location-buttons {
    padding: 10px 0 20px 0;
}

.location-circles {
    padding: 80px 0 50px 0;
}

.location-service-box {
    /* padding:30px 10px 0px 10px; */
    padding: 30px 0px 0px 0px;
}

.loc-image {
    margin: auto;
    text-align: center;
    border-radius: 100px;
    width: 12.8rem;
    height: 12.8rem;
    background-color: #ed4628;
    background-repeat: no-repeat;
    background-position: center center;
}

.loc-image i {
    font-size: 6rem;
    color: white;
    padding-top: 25%;
}

.circle-caption h3 {
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0 10px;
    font-size: 1.5rem;
}

section.location-services .section-text {
    margin-top: 3.2rem;
}

.location-features .circle1 {
    width: 180px;
    height: 180px;
}

.location-features .circle-inner i {
    font-size: 7rem;
    color: #ee4728;
}

.location-features .circle-inner {
    text-align: center;
    margin: auto;
}

.location-features .circle-caption h3 {
    /* margin: 0px 0px 0px 0px;  */
    text-transform: uppercase;
}

.review-profile-img img {
    display: block;
}

.location-reviews .review-slider-inner {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.25);
}

.location-reviews .btn-effect {
    width: 37%;
}

.location-links .btn {
    border: 3px solid black;
    border-radius: 35px;
    background-color: white;
    color: black;
    padding: 14px 10px;
    font-size: initial;
    cursor: pointer;
    display: block;
}

.location-links .links {
    border-color: #e0e0e0;
    color: #262c2c;
    font-weight: bold;
    transition: 0.4s;
}

.location-links .links:hover {
    border-color: #1f62ad;
    color: #1f62ad;
    transition: 0.4s;
}

.location-acc .dropdown-heading {
    font-size: 2.5rem;
    font-family: 'Merriweather', serif;
    /* padding: 2rem 0 1rem 0; */
    margin: 15px 0px 15px 0px;
}

.location-acc .panel-body {
    font-size: 18px;
    line-height: 3rem;
    color: #575757;
    font-family: 'Merriweather', serif;
    padding: 0rem;
}

.location-acc .panel {
    margin-top: 30px;
}

.location .container {
    top: 60%;
}

.link-button-size {
    padding: 10px;
}

.location-reviews .review-slider {
    padding: 10px;
}

.link-button-size {
    padding: 10px;
    display: inline-block;
    float: none;
    text-align: left;
}

.links-button {
    text-align: center;
}

@media screen and (min-width:1024px) {
    .location-features .circle-caption {
        width: 19.66667%;
    }
    section.location-reviews .review-slider-inner p {
        min-height: 208px;
    }
    .location-features .circle-caption {
        display: inline-grid;
        float: none;
        text-align: left;
    }
    .location-circles {
        padding: 80px 0 50px 0;
        text-align: center;
    }
    /* .link-button-size{
        padding: 10px;
        display: inline-block;
        float: none;
        text-align: left;
    }
    .links-button {
        padding: 50px 0 50px 0;
        text-align: center;
    } */
}

.form-btn {
    /* font-size: 2.4rem;
    z-index: 1;
    border: none;
    color: #fff;
    background: #ee4728;
    cursor: pointer;
    text-align: center;
    padding: 1.8rem 5.5rem 2.1rem;
    display: block;
    outline: none;
    border-radius: 0 5px 5px 0;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 400;
    margin: 0 auto; */
    /* font-size: 2.4rem;
    border: none;
    color: #fff;
    background: #ee4728;
    padding: 1.5rem 3.5rem 2rem;
    display: block;
    outline: none;
   border-radius:0px 5px 5px 0px; */
}

.sub-form-control {
    display: block;
    width: 100%;
    border-radius: 4px 0px 0px 4px;
    height: 61px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    background-color: #ccc;
    background-image: none;
    border: 1px solid #ccc;
}

#wpcf7-f3819-o1 {
    float: left;
}

.sub-form-group {
    display: inline-flex;
}

.sub-form-group .red-btn {
    border-radius: 0px 4px 4px 0px;
    padding: 1.5rem 2.5rem 1.9rem !important;
    height: 61px;
}

.sub-form-group span.wpcf7-not-valid-tip {
    font-size: 20px;
}

div.wpcf7-response-output {
    font-size: 17px;
}

.loc-form-box {
    padding-left: 0px;
}

section.location-acc .section-title span:after {
    margin-top: 9%;
}


/* New section pages css  */

.intro-bg {
    background: url(../img/intro/intro-bg.jpg);
    background-size: cover;
    background-position: 50%;
    padding-top: 174px;
    padding-bottom: 90px;
}

section.intro-bg h1 {
    font-size: 5.2rem;
    color: white;
    text-align: center;
    line-height: 54px;
}

section.intro-bg p {
    font-size: 24px;
    color: white;
    line-height: 30px;
    margin-top: 26px;
    text-align: center;
}

section.intro-bg h1>span {
    color: #ee4728;
}

a.intro-btn {
    width: 248px;
    margin-top: 33px;
}

.intro-maincontent-inner {
    background: #f8f8f8;
    padding: 26px;
    margin-top: 80px;
}

.intro-maincontent-inner p {
    font-size: 22px;
    line-height: 30px;
    color: #575757;
}

ol.intro-maincontent-listitem {
    font-size: 22px;
    line-height: 32px;
    color: #575757;
    margin-top: 40px;
}

ol.intro-maincontent-listitem li {
    font-weight: 300;
}

.intro-maincontent-inner p {
    margin-bottom: 20px;
    font-weight: 300;
}

ol.intro-maincontent-listitem li span {
    background: #ee4728;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    color: white;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
}

ol.intro-maincontent-listitem li {
    margin-bottom: 14px;
}

section#all-sections {
    padding-top: 80px;
    padding-bottom: 80px;
}

section#all-sections h2 {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 48px;
}

.sections-box h4 {
    font-size: 24px;
    text-transform: uppercase;
    color: #ee4728;
    font-weight: bold;
    padding-top: 14px;
}

.sections-box p {
    font-size: 18px;
    padding-top: 5px;
    line-height: 22px;
}

.sections-box {
    background: #f3f3f3;
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 28px;
    min-height: 462px;
}

section#all-sections .heading-text {
    position: relative;
}

section#all-sections .heading-text h2:after {
    position: absolute;
    width: 148px;
    border-bottom: 3px solid red;
    content: "";
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
}

.sections-box a {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}


/* Only stick if you can fit */

@media (min-height: 300px) {
    nav.fixed-sidebar ul {
        position: sticky;
        top: 0;
    }
}

.sect-pad {
    margin-left: 90px;
}

ul.section-list-items li a.current {
    background: #eb4332;
    text-align: center;
}

ul.section-list-items li a {
    padding: 16px 16px;
    text-align: center;
    font-size: 30px;
}

ul.section-list-items a img {
    margin: auto;
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
}

ul.section-list-items .intro-sec {
    color: white;
    text-align: center;
    margin: auto;
    display: block;
    margin-bottom: 24px;
    text-decoration: none;
}

ul.section-list-items .intro-sec:hover {
    color: #eb4332;
}

ul.section-list-items li a:hover {
    background: #eb4332;
}

ul.nav.navbar-nav.section-list-items li a {
    font-size: 36px;
    color: white;
    padding: 25px;
}

ul.nav.navbar-nav.section-list-items li a:hover {
    background: #eb4332;
}

img.section-img-logo {
    margin: auto;
    display: block;
    margin-top: 24px;
    margin-bottom: 26px;
}

#intro {
    background-image: url(../image/section01/intro1/intro1-bg.jpg);
    background-size: cover;
    background-position: 54%;
}

.intro-sec2-bg {
    background-image: url(../image/section02/intro2/intro2-bg.jpg) !important;
    background-size: cover;
    background-position: 54%;
}

section#intro h4 {
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    color: #eb4332;
    ;
    padding-bottom: 16px;
    padding-top: 76px;
}

section#intro h1 {
    text-align: center;
    font-size: 54px;
    font-family: 'Lato';
    font-weight: bold;
}

.big-border-line {
    border-bottom: 1px solid #000;
    width: 400px;
    margin: auto;
    margin-top: 60px;
}

.laptop-img {
    width: 70%;
    display: block;
    margin: auto;
    margin-top: 75px;
}

.laptop-img img {
    width: 100%;
    margin-top: 25px;
}

.illustration {
    background-image: url(../image/section01/intro1/illustration.png);
    background-size: cover;
}

#intro-main {
    background: #eb4332;
    margin-top: -22px;
}

.intro-inner-content p {
    font-size: 24px;
    color: white;
    margin-bottom: 30px;
    line-height: 32px;
    font-family: 'Lato';
}

.intro-inner-content {
    width: 100%;
    padding: 65px 30px 35px;
}

.big-number span:first-child {
    font-size: 141px;
    font-weight: bold;
    color: #eb4332;
    margin-right: 10px;
}

.big-number {
    display: inline-block;
}

.section-heading {
    display: inline-block;
}

.section-heading h2 {
    font-size: 40px;
}

#section1 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
}

#section1 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 66%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
}

.section-heading h2 {
    font-weight: bold;
    text-transform: uppercase !important;
    font-family: 'Merriweather';
}

.section1-inner-content {
    background: #f3f3f3;
    padding: 20px 26px;
    overflow: hidden;
    position: relative;
}

.section1-inner-content-detail {
    margin-top: 20px;
}

.section1-inner-content-detail .img-float p {
    font-size: 24px;
    line-height: 34px;
    width: 61%;
    float: left;
    font-weight: 300;
    margin-bottom: 30px;
}

.section1-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
}

.section1-inner-content-detail img {
    float: right;
}

.img-float img {
    width: 29%;
    margin-right: 31px;
}

.section1-inner-content:before {
    position: absolute;
    content: "";
    width: 83%;
    height: 500px;
    background: url(../image/section01/section1/right-illust.png);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    right: -67px;
    top: 31px;
}

.img-float img {
    margin-top: -56px;
}

.inside-text-box {
    border: 1px solid #cbcbb6;
    overflow: hidden;
    margin-top: 37px;
    padding: 17px;
    background: #f3f3db;
    border-radius: 5px;
    margin-bottom: 30px;
}

.search-img {
    float: left;
}

.inside-text-box p {
    width: 80%;
    margin-left: 27px;
}

.text-only {
    display: inline-block;
}

span.color-code {
    color: #eb4332;
    font-weight: bold;
    text-decoration-line: underline;
}

.some-tool-heading {
    margin-top: 15px;
    padding-bottom: 24px;
    overflow: hidden;
}

.some-tool-heading p {
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Lato';
    color: #0875a4;
}

.section1-inner-content:after {
    position: absolute;
    content: "";
    background: url(../image/section01/section1/section1-border.png);
    width: 100%;
    height: 45px;
    bottom: -35px;
    left: 0;
}

.soom-tool-detail {
    background: #282828;
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding-bottom: 60px;
}

.soom-tool-detail p {
    font-size: 24px;
    color: white;
}

.tool1 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
}

.tool1 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool1 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
}

.tool1-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

p.image-class img {
    width: 45%;
    margin-right: 46px;
    margin-left: 32px;
    margin-top: 16px;
}

.tool1-small-desc {
    padding-top: 20px;
}

.tool1-features {
    padding-top: 100px;
}

.tool1-features p {
    padding-bottom: 24px;
}

.tool1-features ul li {
    color: white;
    font-size: 24px;
    line-height: 38px;
}

.tool1-detail p.image-class img {
    width: 45%;
    margin-left: 32px;
}

.tool1-features ul li img {
    margin-right: 14px;
    vertical-align: middle;
}

.tool2 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 14px;
    overflow: hidden;
}

.tool2 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool2 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool2-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool2-small-desc {
    padding-top: 20px;
}

.tool2-detail .right-arrow-img img {
    clear: both;
    display: block;
    width: 53%;
    margin-right: 58px;
}

.tool2-detail .right-arrow-img {
    position: relative;
    margin-top: 26px;
}

.tool2-detail .right-arrow-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section1/right-arrow.png);
    width: 51%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: 75% 40%;
    left: -51px;
    top: -61px;
}

.tool3 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
    margin-top: 34px;
}

.tool3 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool3 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool3-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool3-small-desc {
    padding-top: 20px;
}

.tool3-arrow-image {
    width: 58%;
    float: right;
}

.tool3-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool3-small-desc .image-class img {
    width: 49%;
}

.tool3-small-desc .text-only {
    width: 47%;
}

.tool4 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
    clear: both;
    overflow: hidden;
}

.tool4 h2 {
    position: absolute;
    left: 85px;
    top: 94px;
}

.tool4 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool4-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool4-small-desc {
    padding-top: 20px;
}

.tool4-arrow-image {
    width: 58%;
    float: right;
}

.tool4-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool4-detail .right-arrow-img img {
    width: 61%;
    margin-right: 40px;
}

.tool4-detail .right-arrow-img {
    position: relative;
    margin-top: 26px;
}

.tool4-detail .right-arrow-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section1/tool4-arrow.png);
    width: 46%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: 75% 40%;
    left: 0;
    top: 12px;
}

.navbar-section-header {
    display: inline-block;
    width: 100%;
}

.tool5 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
    margin-top: 34px;
}

.tool5 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool5 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool5-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool5-small-desc {
    padding-top: 20px;
}

.tool5-arrow-image {
    width: 58%;
    float: right;
}

.tool5-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool5-small-desc .image-class img {
    width: 49%;
}

.tool5-small-desc .text-only {
    width: 47%;
}

.tool5-illust img {
    margin-left: 248px;
    margin-top: -20px;
}

.tool6 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
    clear: both;
    overflow: hidden;
}

.tool6 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool6 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool6-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool6-small-desc {
    padding-top: 20px;
}

.tool6-arrow-image {
    width: 58%;
    float: right;
}

.tool6-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool6-detail .right-arrow-img img {
    width: 72%;
    margin-right: 12px;
}

.tool6-detail .right-arrow-img {
    position: relative;
    margin-top: 26px;
}

.tool6-detail .right-arrow-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section1/tool6-arrow.png);
    width: 46%;
    height: 306px;
    background-repeat: no-repeat;
    background-position: 75% 40%;
    left: -152px;
    top: 6px;
}

.tool7 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
    margin-top: 34px;
}

.tool7 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool7 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool7-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool7-small-desc {
    padding-top: 20px;
}

.tool7-arrow-image {
    width: 58%;
    float: right;
}

.tool7-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool7-small-desc .image-class img {
    width: 49%;
}

.tool7-small-desc .text-only {
    width: 47%;
}

.tool7-illust img {
    margin-left: 215px;
    margin-top: -20px;
}

.tool8 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
    margin-top: 34px;
}

.tool8 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool8 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool8-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool8-small-desc {
    padding-top: 20px;
}

.tool8-arrow-image {
    width: 58%;
    float: right;
}

.tool8-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool8-small-desc .image-class img {
    width: 49%;
}

.tool8-small-desc .text-only {
    width: 47%;
}

.tool8-illust img {
    margin-left: 215px;
    margin-top: -20px;
}

.tool9 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
}

.tool9 h2 {
    position: absolute;
    top: 0;
    left: 85px;
    top: 94px;
}

.tool9 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool9-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool9-small-desc {
    padding-top: 20px;
}

.tool9-arrow-image {
    width: 58%;
    float: right;
}

.tool9-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool9-detail .right-arrow-img {
    margin: auto;
    display: block;
    width: 100%;
    float: none;
}

.tool9-detail .right-arrow-img img {
    width: 95%;
    margin: auto;
    display: block;
    text-align: center;
    float: none;
    margin-top: 36px;
}

.tool9-detail .right-arrow-img {
    margin-top: 26px;
}

.tool10 {
    position: relative;
    padding-top: 24px;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 41px;
}

.tool10 h2 {
    position: absolute;
    top: 0;
    left: 119px;
    top: 73px;
}

.tool10 h2 {
    font-size: 40px;
    color: #eb4332;
    font-family: 'Merriweather';
    margin-left: 48px;
}

.tool10-small-desc p {
    font-size: 24px;
    color: white;
    line-height: 33px;
    font-weight: 400;
}

.tool10-small-desc {
    padding-top: 20px;
}

.tool10-arrow-image {
    width: 58%;
    float: right;
}

.tool10-arrow-image img {
    margin: auto;
    display: block;
    margin-left: -141px;
    margin-top: -30px;
}

.tool10-detail .right-arrow-img {
    width: 75%;
    float: right;
}

.tool10-detail .right-arrow-img img {
    width: 95%;
    margin-top: -110px;
}

.tool10-detail .right-arrow-img {
    margin-top: 26px;
    position: relative;
}

ul.tool10-resources {
    margin-top: 15px;
    font-size: 24px;
    color: white;
}

ul.tool10-resources p {
    padding-bottom: 14px;
}

.tool10-detail .right-arrow-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section1/tool10-arrow.png);
    width: 41%;
    height: 306px;
    background-repeat: no-repeat;
    background-position: 75% 40%;
    left: -254px;
    top: 6px;
}

ul.tool10-resources li {
    line-height: 33px;
}

ul.tool10-resources li img {
    margin-right: 13px;
}


/* Section 2 css */

#section2 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 70%;
}

#section2 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 100%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
}

.section-heading h2 {
    font-weight: bold;
    text-transform: uppercase !important;
    font-family: 'Merriweather';
}

.section2-inner-content {
    background: #f7f7f7;
    padding: 20px 26px;
    overflow: hidden;
    position: relative;
}

.section2-inner-content-detail {
    margin-top: 20px;
}

.section2-inner-content-detail .img-float p {
    font-size: 24px;
    line-height: 34px;
    width: 61%;
    float: left;
    font-weight: 300;
    margin-bottom: 30px;
}

.section2-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
}

.section2-inner-content-detail img {
    float: right;
}

.img-float img {
    width: 29%;
    margin-right: 31px;
}

.section2-inner-content:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 500px;
    background: url(../image/section01/section1/right-illust.png);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    right: -67px;
    top: 26px;
}

p.bold-blue {
    font-weight: bold;
    color: #0875a4;
}

.reg-blue {
    font-weight: bold;
    color: #0875a4;
}

.com-img img {
    float: left;
    padding: 3px;
    margin-top: 12px;
}

.text-only.div2 {
    margin-top: 24px;
}

.soom-tool-detail.mysection2 {
    background: #f7f7f7;
}

.inside-text-box.mysection2 {
    border: 1px solid #0d66b0;
    overflow: hidden;
    margin-top: 37px;
    padding: 17px;
    background: #e7f4ff;
    border-radius: 5px;
    margin-bottom: 30px;
}

.mysection2 .tool1-small-desc p {
    font-size: 24px;
    color: #272b2c;
    line-height: 33px;
    font-weight: 300;
}

.mysection2 p {
    font-size: 24px;
    color: #272b2c;
    line-height: 33px;
    font-weight: 300;
}

.mysection2 .tool1-detail .right-arrow-img {
    position: relative;
    margin-top: 26px;
}

.mysection2 .tool1-detail .right-arrow-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section2/tool1-arrow.png);
    width: 44%;
    height: 306px;
    background-repeat: no-repeat;
    background-position: 75% 40%;
    left: -152px;
    top: -7px;
}

.mysection2 .right-arrow-img img {
    width: 76%;
    float: right;
}

.mysection2 .text-only {
    margin-top: 20px;
}

.mysection2 .tool2-small-desc p {
    padding-bottom: 20px;
}

#section2.mainsection02 .section2-inner-content-detail .img-float p {
    font-size: 24px;
    line-height: 34px;
    width: 54%;
    float: left;
    font-weight: 300;
    margin-bottom: 30px;
}

#section2.mainsection02 .section2-inner-content {
    position: relative;
}

#section2.mainsection02 .section2-inner-content:before {
    position: absolute;
    content: "";
    width: 39%;
    height: 10px;
    background: url(../image/section02/section1/right-illustr01.png);
    background-repeat: no-repeat;
    right: 41px;
    top: 91px;
}

#section2.mainsection02 .section2-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 220px;
    background: url(../image/section02/section1/right-illustr02.png);
    background-repeat: no-repeat;
    background-position: 96% 0;
    right: 11px;
    top: 101px;
}

.mysection2 .tool2-detail .right-arrow-img {
    position: relative;
    margin-top: 26px;
}

.mysection2 .tool2-detail .right-arrow-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section2/tool2-arrow.png);
    width: 17%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: 75% 40%;
    left: -25;
    top: -13px;
}

.mysection2 .tool2-detail .right-arrow-img img {
    width: 86%;
}

.mysection2 .tool2-detail .right-arrow-img img {
    margin-right: 25px;
}

.mysection2 .tool3-arrow-image {
    margin-top: -104px;
}

.mysection2 .tool3-arrow-image img {
    margin-top: 28px;
    margin-left: 70px;
}

.mysection2 .tool3-detail p {
    font-size: 24px;
    color: #272b2c;
    line-height: 33px;
    font-weight: 400;
}

.mysection2 .tool3 .text-only p {
    font-size: 24px;
    color: #272b2c;
    line-height: 33px;
    font-weight: 400;
}

.tool3 table.table.table-bordered {
    font-size: 24px;
    margin-top: 40px;
}

.tool3 .table-bordered {
    border: 2px solid #eb4331;
}

.tool3 .table-bordered>tbody>tr>td,
.tool3 .table-bordered>tbody>tr>th,
.tool3 .table-bordered>tfoot>tr>td,
.tool3 .table-bordered>tfoot>tr>th,
.tool3 .table-bordered>thead>tr>td,
.tool3 .table-bordered>thead>tr>th {
    border: 2px solid #eb4331;
}

.tool3 table.table.table-bordered thead tr th {
    font-weight: bold;
    color: #eb4332;
}

.tool3 table.table.table-bordered tbody tr td:first-child {
    font-weight: bold;
}

.tool3 table.table.table-bordered thead tr {
    background: white;
}

.tool3 table.table.table-bordered thead tr th {
    padding-top: 16px;
    padding-bottom: 16px;
}

table.table.table-bordered tbody tr:first-child {
    background: #fff2f1;
}

table.table.table-bordered tbody tr:nth-of-type(2) {
    background: white;
}

table.table.table-bordered tbody tr:nth-of-type(3) {
    background: #fff2f1;
}

.below-table {
    float: right;
}


/* Section 3 css */

#section3 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

#section3 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 84%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
}

.section3-inner-content {
    background: #eb4332;
    padding: 20px 26px;
    overflow: hidden;
    position: relative;
}

.section3-inner-content-detail {
    margin-top: 20px;
}

.section3-inner-content-detail .img-float p {
    font-size: 24px;
    line-height: 34px;
    width: 61%;
    float: left;
    font-weight: 300;
    margin-bottom: 30px;
}

.section3-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
}

.section3-inner-content-detail>img {
    float: right;
    margin-top: -186px;
}

.section3-inner-content:before {
    position: absolute;
    content: "";
    width: 83%;
    height: 500px;
    background: url(../image/section01/section1/right-illust.png);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    right: -67px;
    top: 31px;
}

p.bold-blue {
    font-weight: bold;
    color: #0875a4;
}

.col-blue {
    font-weight: bold;
    color: #0875a4;
}

.com-img img {
    float: left;
    padding: 3px;
    margin-top: 12px;
}

.section3-inner-content .big-number span {
    color: white;
}

.section3-inner-content-detail p {
    color: white;
}

.inside-text-box.mysection3 {
    border: 1px solid #a91506;
    overflow: hidden;
    margin-top: 37px;
    padding: 17px;
    background: white;
    border-radius: 5px;
    margin-bottom: 30px;
    float: left;
}

.mysection3 p {
    font-size: 24px;
    color: #272b2c;
    line-height: 33px;
    font-weight: 300;
}

.inside-text-box.mysection3 .com-img img {
    width: 12%;
}

.section3-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 6px;
    background: url(../image/section01/section3/section3-border.png);
    top: 0px;
    left: 0;
    z-index: 999999;
}

.section3-inner-content .text-only p {
    padding-bottom: 20px;
}

span.bold-underline a {
    font-weight: bold;
    color: white;
    border-bottom: 2px solid white;
}


/* Section 4 css */

#section4 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

#section4 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 54%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
}

.section4-inner-content {
    background: #282827;
    padding: 20px 26px;
    position: relative;
}

.section4-inner-content-detail {
    margin-top: 20px;
}

.section4-inner-content-detail .img-float p {
    font-size: 24px;
    line-height: 34px;
    width: 61%;
    float: left;
    font-weight: 300;
    margin-bottom: 30px;
}

.section4-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
}

p.bold-blue {
    font-weight: bold;
    color: #0875a4;
}

.col-blue {
    font-weight: bold;
    color: #0875a4;
}

.content-img img {
    width: 100%;
}

.content-img {
    width: 93%;
    margin: auto;
    margin-top: 60px;
}

.com-img img {
    float: left;
    padding: 3px;
    margin-top: 12px;
}

.section4-inner-content .big-number span {
    color: #eb4332;
}

.section4-inner-content-detail p {
    color: white;
}

.inside-text-box.mysection4 {
    border: 1px solid #a91506;
    overflow: hidden;
    margin-top: 37px;
    padding: 17px;
    background: white;
    border-radius: 5px;
    margin-bottom: 30px;
    float: left;
}

.mysection4 p {
    font-size: 24px;
    color: #272b2c;
    line-height: 33px;
    font-weight: 300;
}

.inside-text-box.mysection4 .com-img img {
    width: 12%;
}

.section4-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 6px;
    background: url(../image/section01/section3/section3-border.png);
    top: 0px;
    left: 0;
    z-index: 999999;
}

.section4-inner-content .text-only p {
    padding-bottom: 20px;
}

span.bold-underline a {
    font-weight: bold;
    color: white;
    border-bottom: 2px solid white;
}

.section4-steps {
    position: relative;
}

.section4-steps:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section4/side-illustr.png);
    width: 400px;
    height: 400px;
    right: 0;
}

.section4-steps:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section4/side-illustr.png);
    width: 500px;
    height: 488px;
    background-repeat: no-repeat;
    right: 0;
    top: 80px;
}

.ribbon-img1 {
    position: relative;
    width: 277px;
}

.ribbon-img1:before {
    position: absolute;
    content: "Step One";
    background: url(../image/section01/section4/ribbon.png);
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 153px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.front-text {
    margin-top: 161px;
}

.front-text p {
    font-family: 'Merriweather';
    font-weight: 300;
}

span.bold-underline {
    font-weight: bold;
    border-bottom: 2px solid white;
}

.front-text p {
    padding-left: 14px;
    padding-top: 15px;
}

.step1-content-img img {
    margin-top: 30px;
    width: 62%;
    float: right;
    margin-right: 82px;
}

.step1-content-img {
    position: relative;
}

.step1-content-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section4/step1-arrow.png);
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    left: 44px;
    top: 28px;
}

.front-text.step2 {
    margin-top: 74px;
}

.ribbon-img2 {
    position: relative;
    width: 277px;
}

.ribbon-img2:before {
    position: absolute;
    content: "Step Two";
    background: url(../image/section01/section4/ribbon.png);
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 69px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.step2-content-img {
    position: relative;
}

.step2-content-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section4/step2-arrow.png);
    width: 200px;
    height: 220px;
    background-repeat: no-repeat;
    top: -20px;
    right: -18px;
}

.step2-content-img img {
    width: 82%;
    margin-top: 72px;
    padding-left: 44px;
}

.step2-content-img img {
    width: 86%;
    margin-top: 72px;
}

.front-text.step3 {
    margin-top: 74px;
}

.ribbon-img3 {
    position: relative;
    width: 277px;
}

.ribbon-img3:before {
    position: absolute;
    content: "Step Three";
    background: url(../image/section01/section4/ribbon.png);
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 69px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.step2-content-img {
    position: relative;
}

.step2-content-img:before {
    position: absolute;
    content: "";
    background: url(../image/section01/section4/step3-arrow.png);
    width: 200px;
    height: 420px;
    background-repeat: no-repeat;
    top: 76px;
    right: 24px;
}

.step2-content-img img {
    width: 82%;
    margin-top: 72px;
    padding-left: 44px;
}

.step2-content-img img {
    width: 74%;
    margin-top: 72px;
}

.front-text.step4 {
    margin-top: 74px;
}

.ribbon-img4 {
    position: relative;
    width: 277px;
}

.ribbon-img4:before {
    position: absolute;
    content: "Step Four";
    background: url(../image/section01/section4/ribbon.png);
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 69px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.front-text.step5 {
    margin-top: 74px;
}

.ribbon-img5 {
    position: relative;
    width: 277px;
}

.ribbon-img5:before {
    position: absolute;
    content: "Step Five";
    background: url(../image/section01/section4/ribbon.png);
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 69px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.section4-box {
    width: 97%;
    margin: auto;
    background: #fef5d0;
    overflow: hidden;
    margin-top: 36px;
    display: block;
}

.section4-box p {
    color: #282828;
    padding: 23px;
}

.clearboth {
    clear: both;
}

.black-text {
    font-weight: 400;
}

.red-text {
    font-weight: bold;
    color: #eb4331;
}

#section5 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

#section5 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 100%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
}

.section5-inner-content {
    position: relative;
    background: #f7f7f7;
    padding: 20px 26px 60px;
    overflow: hidden;
    position: relative;
}

.section5-inner-content:before {
    position: absolute;
    content: "";
    width: 551px;
    height: 500px;
    background: url(../image/section01/section5/side-illustr1.png);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    right: 35px;
    top: -107px;
}

.section5-inner-content:after {
    position: absolute;
    content: "";
    width: 78%;
    height: 517px;
    background: url(../image/section01/section5/side-illustr2.png);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    right: -155px;
    top: 24px;
}

.section5-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
}

.section5-inner-content .text-only {
    padding-right: 25px;
}

.section5-inner-content-detail img {
    float: right;
    margin-top: -186px;
}

.section5-inner-content-detail {
    margin-top: 20px;
}

.section5-inner-content-detail .img-float p {
    font-size: 24px;
    line-height: 34px;
    width: 61%;
    float: left;
    font-weight: 300;
    margin-bottom: 30px;
}

.section5-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
}

.section5-inner-content-detail img {
    float: right;
    margin-top: -186px;
    margin-right: 50px;
}

.section5-inner-content-detail .text-only p {
    padding-bottom: 20px;
}

.inside-text-box.mysection5 p {
    width: 95%;
    line-height: 30px;
}

.inside-text-box.mysection5 {
    border: 1px solid #0d66b0;
    overflow: hidden;
    margin-top: 37px;
    padding: 17px;
    background: #d7edff;
    border-radius: 5px;
    margin-bottom: 30px;
    width: 92%;
    margin: auto;
}

.inside-text-box.mysection5 ul li {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

.inside-text-box.mysection5 ul.box-inner-listitem {
    margin-left: 24px;
    margin-top: 22px;
    display: inline-block;
}

ul.box-inner-listitem li span:first-child {
    margin-right: 14px;
    background: #eb4332;
    color: white;
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    border-radius: 100px;
    font-size: 18px;
}

.blue-bold {
    font-weight: bold;
    color: #2167a6;
    border-bottom: 2px solid #2167a6;
}

.section6-inner-content {
    background: #f3f3db;
    padding: 20px 26px;
}

.section6-inner-content h2 {
    font-size: 48px;
    font-weight: bold;
    color: #eb4332;
    padding-bottom: 24px;
}

.section6-inner-content p {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

.section2-inner-content-detail .text-only p {
    padding-right: 64px;
}


/*  Main Section 02 css */

#intro2 {
    background-image: url(../image/section02/intro2/intro2-bg.jpg);
    background-size: cover;
    background-position: 15% 9%;
    background-repeat: no-repeat;
}

#intro-main2 {
    background: #eb4332;
    margin-top: -10px;
}

section#intro2 h4 {
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    color: #eb4332;
    ;
    padding-bottom: 16px;
    padding-top: 76px;
}

section#intro2 h1 {
    text-align: center;
    font-size: 54px;
    font-family: 'Lato';
    font-weight: bold;
}

.big-border-line {
    border-bottom: 1px solid #000;
    width: 400px;
    margin: auto;
    margin-top: 48px;
    margin-bottom: 30px;
}

#intro2 .laptop-img {
    width: 70%;
    display: block;
    margin: auto;
}

#intro2 .laptop-img img {
    width: 100%;
    margin-top: 25px;
}

.illustration {
    background-image: url(../image/section01/intro1/illustration.png);
    background-size: cover;
}

#intro-main2 .intro-inner-content {
    padding-bottom: 50px;
}

#section1.mainsection02 .section-heading h2:last-child {
    width: 80%;
}

#section1.mainsection02 .section1-inner-content:before {
    position: absolute;
    content: "";
    width: 67%;
    height: 500px;
    background: url(../image/section02/section1/right-illustr01.png);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    right: 33px;
    top: -114px;
}

#section1.mainsection02 .section1-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 230px;
    background: url(../image/section02/section1/right-illustr02.png);
    background-repeat: no-repeat;
    background-position: 96% 25%;
    right: 3px;
    top: 84px;
}

section#section1.mainsection02 .hosting-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
    padding-left: 10px;
}

section#section1.mainsection02 .hosting-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 57%;
    height: 4px;
    top: 56px;
    left: -6px;
}

.hosting-img img {
    margin-top: 53px;
    width: 67%;
    margin-right: 32px;
}

.hosting-img {
    position: relative;
}

.hosting-img:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/hosting-arrow.png);
    width: 248px;
    height: 159px;
    top: 110px;
    background-repeat: no-repeat;
    left: 22px;
}

.text-only.host {
    padding-top: 24px;
}

.text-only.host p {
    padding-bottom: 24px;
}

.inside-text-box.hosting-textbox {
    background: #e7f4ff;
}

.inside-text-box.hosting-textbox ul li {
    font-size: 24px;
    line-height: 32px;
}

.inside-text-box.hosting-textbox h3 {
    font-size: 30px;
    color: #eb4636;
    font-weight: bold;
}

ul.hosting-list li span {
    font-weight: 300;
}

ul.hosting-list li span.redcol {
    color: #eb5447;
    font-weight: 400;
}

ul.hosting-list {
    padding-bottom: 20px;
}

ul.webhosting-coupons {
    padding-top: 20px;
}

ul.webhosting-coupons li img {
    float: none;
    margin-top: 7px;
    line-height: 22px;
    padding-right: 15px;
    width: 34px;
}

.inside-text-box.hosting-textbox {
    padding: 26px;
}

ul.webhosting-coupons li {
    font-weight: 300;
}

.inside-text-box.hosting-textbox {
    padding: 26px;
    border: 1px solid #0d66b0;
}

.ionos-img {
    position: relative;
    margin-top: 9px;
}

.ionos-img:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/ionos-arrow.png);
    width: 370px;
    height: 178px;
    top: 78px;
    background-repeat: no-repeat;
    left: 38px;
}

.ionos-img img {
    margin-top: 53px;
    width: 50%;
    margin-right: 32px;
}

section#section1.mainsection02 .ionoshosting-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
}

section#section1.mainsection02 .ionoshosting-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 26%;
    height: 4px;
    top: 56px;
    left: -6px;
}

.ionos-webhosting {
    margin-top: 50px;
}

.inside-text-box.ionos-textbox {
    background: #f3f3db;
}

.inside-text-box.ionos-textbox ul li {
    font-size: 24px;
    line-height: 32px;
}

.inside-text-box.ionos-textbox h3 {
    font-size: 30px;
    color: #eb4636;
    font-weight: bold;
}

ul.hosting-list li span {
    font-weight: 300;
}

ul.hosting-list li span.redcol {
    color: #eb5447;
    font-weight: 400;
}

ul.hosting-list {
    padding-bottom: 20px;
}

ul.webhosting-coupons {
    padding-top: 20px;
}

ul.webhosting-coupons li img {
    float: none;
    margin-top: 7px;
    line-height: 22px;
    padding-right: 15px;
    width: 34px;
}

.inside-text-box.hosting-textbox {
    padding: 26px;
}

ul.webhosting-coupons li {
    font-weight: 300;
}

.inside-text-box.hosting-textbox {
    padding: 26px;
    border: 1px solid #0d66b0;
}

p.pad-top {
    margin-left: 0;
    margin-top: 22px;
    padding-bottom: 20px;
}

section#section1.mainsection02 .hostgator-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
}

section#section1.mainsection02 .hostgator-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 26%;
    height: 4px;
    top: 56px;
    left: -6px;
}

.hostgator-img img {
    margin-top: 53px;
    width: 50%;
    margin-right: 32px;
}

.hostgator-img img {
    width: 100%;
    margin-right: 0;
    margin: auto;
    display: block;
    float: none;
    padding-top: 53px;
}

ul.webhosting-coupons li strong {
    font-weight: 400 !important;
    color: #272b2c;
}

p.pad-top a {
    font-weight: 400;
    text-decoration: underline;
}

.inside-text-box.hostgator-textbox {
    background: #f3f3db;
}

.inside-text-box.hostgator-textbox ul li {
    font-size: 24px;
    line-height: 32px;
}

.inside-text-box.hostgator-textbox h3 {
    font-size: 30px;
    color: #eb4636;
    font-weight: bold;
}

.inside-text-box.hostgator-textbox {
    background: #fff2f1;
    border: 1px solid #eb4332;
}

section#section1.mainsection02 .godaddy-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
}

section#section1.mainsection02 .godaddy-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 79%;
    height: 4px;
    top: 56px;
    left: -6px;
}

.godaddy-img {
    position: relative;
    margin-top: 9px;
}

.godaddy-img:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/godaddy-arrow.png);
    width: 370px;
    height: 240px;
    top: 104px;
    background-repeat: no-repeat;
    left: 38px;
}

.godaddy-img img {
    width: 78%;
    padding-top: 53px;
    float: right;
}

.inside-text-box.godaddy-textbox ul li {
    font-size: 24px;
    line-height: 32px;
}

.inside-text-box.godaddy-textbox h3 {
    font-size: 30px;
    color: #eb4636;
    font-weight: bold;
}

.inside-text-box.godaddy-textbox {
    background: #e7f4ff;
    border: 1px solid #0d66b0;
}

section#section1.mainsection02 .bluehost-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
}

section#section1.mainsection02 .bluehost-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 79%;
    height: 4px;
    top: 56px;
    left: -6px;
}

.bluehost-title {
    width: 60%;
}

.bluehost-img {
    position: relative;
    margin-top: 9px;
}

.bluehost-img:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/bluehost-arrow.png);
    width: 370px;
    height: 240px;
    top: 88px;
    background-repeat: no-repeat;
    left: 31px;
}

.bluehost-img img {
    width: 70%;
    padding-top: 53px;
    float: right;
}

.inside-text-box.bluehost-textbox ul li {
    font-size: 24px;
    line-height: 32px;
}

.inside-text-box.bluehost-textbox h3 {
    font-size: 30px;
    color: #eb4636;
    font-weight: bold;
}

.inside-text-box.bluehost-textbox {
    background: #f3f3db;
    border: 1px solid #0d66b0;
}

.Tsohost-title {
    width: 60%;
}

section#section1.mainsection02 .Tsohost-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
}

.godaddy-title {
    width: 35%;
}

section#section1.mainsection02 .Tsohost-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 79%;
    height: 4px;
    top: 56px;
    left: -6px;
}

.Tsohost-img {
    position: relative;
    margin-top: 9px;
}

.Tsohost-img:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/tsohost-arrow.png);
    width: 370px;
    height: 240px;
    top: 109px;
    background-repeat: no-repeat;
    left: 63px;
}

.Tsohost-img img {
    width: 70%;
    padding-top: 53px;
    float: right;
}

.inside-text-box.Tsohost-textbox ul li {
    font-size: 24px;
    line-height: 32px;
}

.inside-text-box.Tsohost-textbox h3 {
    font-size: 30px;
    color: #eb4636;
    font-weight: bold;
}

.inside-text-box.Tsohost-textbox {
    background: #fff2f1;
    border: 1px solid #eb4332;
}

section#section1.mainsection02 .wixweb-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
}

section#section1.mainsection02 .wixweb-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 79%;
    height: 4px;
    top: 56px;
    left: -6px;
}

#section1.mainsection02 .section1-inner-content-detail .hosting-providers-mainwrapper .inside-text-box .webhosting-coupons li p {
    margin-left: 0px;
}

#section1.mainsection02 .section1-inner-content-detail .hosting-providers-mainwrapper .inside-text-box .webhosting-coupons li {
    display: flex;
    justify-content: flex-start;
}

#section1.mainsection02 .section1-inner-content-detail .hosting-providers-mainwrapper .inside-text-box .webhosting-coupons li img {
    float: left;
    padding-top: 0px;
    line-height: 22px;
    padding-right: 10px;
    height: fit-content;
    width: fit-content;
    margin-top: 7px;
}

.wixweb-title {
    width: 60%;
}

.wixweb-img {
    position: relative;
    margin-top: 9px;
}

.wixweb-img img {
    width: 96%;
    padding-top: 53px;
    float: none;
    margin: auto;
    display: block;
}

.inside-text-box.wixweb-textbox ul li {
    font-size: 24px;
    line-height: 32px;
}

.inside-text-box.wixweb-textbox h3 {
    font-size: 30px;
    color: #eb4636;
    font-weight: bold;
}

.inside-text-box.wixweb-textbox {
    background: #e7f4ff;
    border: 1px solid #0d66b0;
}

section#section2.mainsection02 .section2-inner-content {
    background: #282828;
    position: relative;
    overflow: inherit;
}

#section2.mainsection02 .section-heading h2:first-child {
    width: 93%;
}

.section2-inner-content:before {
    position: absolute;
    content: "";
    width: 42%;
    height: 500px;
    background: url(../image/section02/section2/right-illustr01.png);
    background-repeat: no-repeat;
    right: 47px;
    top: 81px;
}

.section2-inner-content:after {
    position: absolute;
    content: "";
    width: 5%;
    height: 270px;
    background: url(../image/section02/section2/right-illustr02.png);
    background-repeat: no-repeat;
    right: 0;
    top: 88px;
}

#section2.mainsection02 .section2-inner-content-detail p {
    color: white;
}

#section2.mainsection02 .img-float img {
    width: 29%;
    margin-right: 63px;
    margin-top: -3px;
}

#section2.mainsection02 .section22-inner-content .section2-inner-content-detail .img-float .image-inside {
    display: none;
}

#section2.mainsection02 .section22-inner-content .section2-inner-content-detail .img-float .image-outside {
    display: block;
}

.choosing-webhost .ribbon-img1:before {
    position: absolute;
    content: "1";
    background: url(../image/section02/section2/ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 47px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.choosing-webhost>.text-only {
    margin-top: 136px;
}

.ribbon-heading {
    margin-top: 60px;
    color: white;
    margin-left: 74px;
}

.ribbon-heading h3 {
    font-size: 36px;
    font-family: "Merriweather";
    color: #eb4331;
}

.choosing-webhost>.text-only {
    margin-top: 45px;
}

.choosing-webhost .text-only p {
    margin-bottom: 20px;
}

.choosing-webhost .ribbon-img2:before {
    position: absolute;
    content: "2";
    background: url(../image/section02/section2/ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 47px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.choosing-webhost .ribbon-img3:before {
    position: absolute;
    content: "3";
    background: url(../image/section02/section2/ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 47px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

#section3.mainsection02 .section-heading h2:first-child {
    width: 91%;
}

#section3.mainsection02 .section-heading h2:last-child {
    width: 100%;
}

#section3.mainsection02 .section3-inner-content:before {
    position: absolute;
    content: "";
    width: 83%;
    height: 500px;
    background: url(../image/section02/section3/right-illust.png);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    right: -67px;
    top: 3px;
}

#section3.mainsection02 .img-float img {
    width: 31%;
    margin-right: 42px;
    display: block;
    padding-top: 65px;
}

#section3.mainsection02 .bluearrow-img {
    float: left;
}

#section3.mainsection02 .webhost-provide .heading-text h3 {
    display: inline-block;
    line-height: 40px;
    padding-left: 12px;
    font-size: 36px;
    font-family: "Merriweather";
    color: white;
    padding-top: 1px;
}

#section4.mainsection02 .section4-inner-content {
    background: #D7EDFE !important;
    border: 1px solid #0d66b0;
}

#section3.mainsection02 .section3-inner-content .section3-inner-content-detail .img-float .image-inside {
    display: none;
}

#section3.mainsection02 .section3-inner-content .section3-inner-content-detail .img-float .image-outside {
    display: block;
}

.webhost-provide {
    padding-top: 48px;
}

.webhost-provide .text-only p {
    padding-top: 10px;
}

.webhost-provide .webhost-list {
    padding-bottom: 14px;
}

.section3-inner-content-detail .img-float p:first-child {
    padding-top: 77px;
}

.mainsection02 .section4-inner-content {
    background: #f3f3db;
    padding: 20px 26px;
}

.mainsection02 .section4-inner-content h2 {
    font-size: 48px;
    font-weight: bold;
    color: #eb4332;
    padding-bottom: 24px;
}

.mainsection02 .section4-inner-content p {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}


/* section 03 css */

#intro3 {
    background-image: url(../image/section03/intro03/intro3-bg.jpg);
    background-size: cover;
    background-position: 15% 9%;
    background-repeat: no-repeat;
}

#intro-main3 {
    background: #eb4332;
    margin-top: -10px;
}

section#intro3 h4 {
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    color: #eb4332;
    ;
    padding-bottom: 16px;
    padding-top: 76px;
}

section#intro3 h1 {
    text-align: center;
    font-size: 54px;
    font-family: 'Lato';
    font-weight: bold;
}

.big-border-line {
    border-bottom: 1px solid #000;
    width: 400px;
    margin: auto;
    margin-top: 48px;
    margin-bottom: 30px;
}

#intro3 .laptop-img {
    width: 70%;
    display: block;
    margin: auto;
}

#intro3 .laptop-img img {
    width: 100%;
    margin-top: 25px;
}

#section1.mainsection03 .section-heading h2:last-child {
    width: 92%;
}

.mainsection03 .section1-inner-content {
    background: #f3f3f3;
    padding: 20px 26px;
    overflow: hidden;
    position: relative;
}

.mainsection03 .section1-inner-content:before {
    position: absolute;
    content: "";
    width: 39%;
    height: 10px;
    background: url(../image/section03/section1/right-illustr01.png);
    background-repeat: no-repeat;
    right: 41px;
    top: 91px;
}

#section1.mainsection03 .section1-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 220px;
    background: url(../image/section03/section1/right-illustr02.png);
    background-repeat: no-repeat;
    background-position: 96% 0;
    right: 11px;
    top: 101px;
}

.mainsection03 .section1-inner-content .img-float img {
    margin-right: 40px;
    margin-top: 0;
}

.mainsection03 .section1-inner-content-detail .img-float p {
    width: 100%;
}

.section2-inner-content:before {
    display: none;
}

.section2-inner-content:after {
    display: none;
}

#section2.mainsection03 .section2-inner-content-detail img {
    float: right;
    width: 40%;
    padding: 0px 26px;
    margin-right: -52px;
}

#section4.mainsection03 .section3-inner-content-detail .img-float img {
    float: right;
    margin: 0px 10px;
    margin-right: 25px;
}

#section2.mainsection03 .section2-inner-content p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

section#section2.mainsection03 .section2-inner-content {
    background: #282828;
    position: relative;
    overflow: inherit;
}

#section2.mainsection03 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

#section2.mainsection03 .section-heading h2:last-child {
    width: 75%;
}

#section2.mainsection03 .img-floating h3 {
    font-size: 36px;
    font-family: "Merriweather";
    color: #eb4331;
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-block;
}

.mainsection03 .section2-inner-content p {
    color: white;
}

.mainsection03 .img-float img {
    width: 41%;
    margin-right: -26px;
}

.mainsection03 .section2-inner-content-detail .img-float p {
    width: 56%;
}

.mainsection03 .img-float h3 {
    font-size: 36px;
    font-weight: bold;
    color: #eb4332;
    text-transform: uppercase;
    font-family: "Merriweather";
    padding-bottom: 15px;
    padding-top: 5px;
}

.mainsection03 .inside-box {
    padding: 20px;
    background: #f3f3db;
    overflow: hidden;
    margin-bottom: 24px;
    margin-top: 12px;
    display: inline-block;
}

.mainsection03 .inside-box p {
    color: #282828;
    margin-bottom: 0;
}

.inside-box span.redcol {
    color: #eb4331;
    font-weight: normal;
}

.choosing-webhost .ribbon-img4:before {
    position: absolute;
    content: "4";
    background: url(../image/section02/section2/ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 47px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.choosing-webhost .ribbon-img5:before {
    position: absolute;
    content: "5";
    background: url(../image/section02/section2/ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 47px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.inside-box.redborder {
    border: 1px solid #eb4332;
    background: #fff2f1;
}

span.redcol-italic {
    color: #eb4331;
    font-weight: bold;
    font-style: italic;
}

#section3.mainsection03 .section1-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 320px;
    background: url(../image/section03/section1/right-illustr02.png);
    background-repeat: no-repeat;
    background-position: 96% 0;
    right: 11px;
    top: 101px;
}

#section3.mainsection03 .section1-inner-content .img-float img {
    margin-right: 59px;
    width: 32%;
}

#section3.mainsection03 .main-title {
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Merriweather";
    padding-bottom: 30px;
}

.main-title h2 {
    color: #272b2c;
}

section#section3.mainsection03 .logodesign-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
    padding-left: 0px;
    font-family: "Merriweather"
}

section#section3.mainsection03 .logodesign-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 57%;
    height: 4px;
    top: 56px;
    left: 0px;
}

section#section3.mainsection03 .logodesign-title img {
    float: left;
    padding-right: 16px;
}

.logodesign-img img {
    width: 100%;
    margin-top: 56px;
}

span.logo-blue {
    color: #1e75b8;
    font-weight: normal;
}

#section4.mainsection03 .section-heading h2:last-child {
    width: 93%;
}

#section4.mainsection03 .section3-inner-content-detail .img-float p {
    width: 100%;
}

#section4.mainsection03 .img-float img {
    width: 35%;
    margin: auto;
    display: block;
}

#section4.mainsection03 .section3-inner-content-detail .img-float p:first-child {
    padding-top: 10px;
}

.web-resources-list .ribbon-img1 {
    position: relative;
}

.web-resources-list .ribbon-img1:before {
    position: absolute;
    content: "1";
    background: url(../image/section03/section4/black-ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 22px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.web-resources-list .ribbon-img2:before {
    position: absolute;
    content: "2";
    background: url(../image/section03/section4/black-ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 22px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.web-resources-list .ribbon-img3:before {
    position: absolute;
    content: "3";
    background: url(../image/section03/section4/black-ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 22px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.web-resources-list .ribbon-img4:before {
    position: absolute;
    content: "4";
    background: url(../image/section03/section4/black-ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 22px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

.web-resources-list .ribbon-img5:before {
    position: absolute;
    content: "5";
    background: url(../image/section03/section4/black-ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: 22px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

#section4.mainsection03 .section3-inner-content {
    background: #eb4332;
    padding: 20px 26px;
    overflow: inherit;
    position: relative;
}

#section4.mainsection03 .ribbon-heading {
    margin-top: 59px;
}

.webresources-img img {
    width: 100%;
    padding-top: 26px;
}

.web-resources-list .text-only {
    padding-top: 20px;
}

.web-resources-list .ribbon-heading h3 {
    color: white;
    font-family: "Lato";
}

#section4.mainsection03 .ribbon-heading {
    margin-top: 34px;
}

.webresources-img {
    padding-top: 24px;
}

.web-resources-list strong {
    font-weight: normal;
}

.section2-inner-content {
    background: #f7f7f7;
    padding: 20px 26px;
    overflow: hidden;
    position: relative;
}

#section5.mainsection03 .section2-inner-content {
    background: black;
}

#section5.mainsection03 .section-heading h2:last-child {
    width: 85%;
}

#section5.mainsection03 .img-float img {
    width: 26%;
    margin-right: 64px;
    margin-top: 6px;
}

#section5.mainsection03 .section2-inner-content-detail img {
    float: right;
    width: 290px;
    padding: 26px;
}

#section5.mainsection03 .section2-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

.img-floating p {
    padding-bottom: 24px;
}

#section5.mainsection03 .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

#section6.mainsection03 .section1-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

#section6.mainsection03 .section2-inner-content-detail img {
    float: right;
    width: 28%;
    padding: 26px;
}

#section6.mainsection03 .section1-inner-content:before {
    position: absolute;
    content: "";
    width: 14%;
    height: 10px;
    background: url(../image/section03/section1/right-illustr01.png);
    background-repeat: no-repeat;
    right: 41px;
    top: 89px;
}

#section6.mainsection03 .section1-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 320px;
    background: url(../image/section03/section1/right-illustr02.png);
    background-repeat: no-repeat;
    background-position: 96% 0;
    right: 11px;
    top: 101px;
}

#section6.mainsection03 .img-floating img {
    width: 37%;
    padding: 41px;
}

#section6.mainsection03 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

#section6.mainsection03 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 100%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
}

#section6.mainsection03 .logodesign-title img {
    float: left;
    padding-right: 16px;
}

#section6.mainsection03 .logodesign-title h2 {
    font-size: 40px;
    color: #eb4332;
    position: relative;
    padding-left: 0px;
    font-family: "Merriweather";
}

#section6.mainsection03 .logodesign-title h2:before {
    position: absolute;
    content: "";
    background: url(../image/section02/section1/borderbottom.png);
    width: 57%;
    height: 4px;
    top: 56px;
    left: 0px;
}

.socialplatform-mainwrapper .text-only {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

.mainsection02 .section4-inner-content p {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

#section7.mainsection03 .section6-inner-content {
    background: #d7edff;
    border: 1px solid #0d66b0;
}

section#section7.mainsection03 {
    padding-bottom: 30px;
}

section#intro-main2 .intro-inner-content {
    width: 100%;
    padding: 65px 30px 35px;
}

.section22-inner-content {
    background: #282828;
    position: relative;
    padding: 30px;
    z-index: 1;
}

.section22-inner-content:before {
    position: absolute;
    content: "";
    width: 42%;
    height: 18px;
    background: url(../image/section03/section1/right-illustr01.png);
    background-repeat: no-repeat;
    right: 41px;
    top: 91px;
}

.section22-inner-content:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 248px;
    background: url(../image/section03/section1/right-illustr02.png);
    background-repeat: no-repeat;
    background-position: 96% 0;
    right: -1px;
    top: 101px;
}

#section3.mainsection01 .section3-inner-content-detail .img-float p:first-child {
    padding-top: 0;
}

#section3.mainsection03 .section-heading h2:last-child {
    width: 74%;
}

#section1.mainsection01 .section1-inner-content .section1-inner-content-detail .img-float p {
    width: 100%;
}

#section1.mainsection01 .section1-inner-content .section1-inner-content-detail .img-float img {
    margin-top: 0px;
}

#section1.mainsection01 .soom-tool-detail .tool3 .tool3-detail .tool3-small-desc .text-only {
    width: 100%;
}

#section1.mainsection01 .soom-tool-detail .tool3 .tool3-detail .tool3-small-desc .text-only img {
    float: right;
    width: 45%;
    margin-bottom: 50px;
    margin-left: 50px;
}

#section1.mainsection01 .soom-tool-detail .tool1 .tool1-detail .tool1-features ul li {
    display: flex;
    justify-content: flex-start;
}

#section1.mainsection01 .soom-tool-detail .tool1 .tool1-detail .tool1-features ul li img {
    height: fit-content;
    margin-top: 10px;
}

#section1.mainsection01 .soom-tool-detail .tool1 .tool1-detail .tool1-features ul li p {
    padding: 0px;
}

#section2.mainsection01 .section2-inner-content .section2-inner-content-detail .img-float p {
    width: 100%;
}

.tool3-detail .tool3-small-desc .text-only {
    width: 100%;
}

.tool3-detail .tool3-small-desc .text-only img {
    width: 60%;
    float: right;
    margin-bottom: 40px;
    margin-left: 10px;
}

#section5.mainsection01 .section5-inner-content .section5-inner-content-detail .img-float p {
    width: 100%;
}

#section5.mainsection01 .section5-inner-content .section5-inner-content-detail .img-float img {
    margin-top: 0px;
    margin-left: 10px;
}

#section3.mainsection01 .section3-inner-content .section3-inner-content-detail .img-float p {
    width: 100%;
}

#section3.mainsection01 .section3-inner-content .section3-inner-content-detail .img-float img {
    float: right;
}

#section4.mainsection01 .section4-inner-content .section4-inner-content-detail .front-text {
    display: inline-block;
}


/* section 04 css */

#intro4 {
    background-image: url(../image/section04/intro04/intro4-bg.jpg);
    background-size: cover;
    background-position: 15% 9%;
    background-repeat: no-repeat;
}

#intro-main4 {
    background: #eb4332;
    margin-top: -10px;
}

section#intro4 h4 {
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    color: #eb4332;
    ;
    padding-bottom: 16px;
    padding-top: 76px;
}

section#intro4 h1 {
    text-align: center;
    font-size: 54px;
    font-family: 'Lato';
    font-weight: bold;
}

#intro4 .laptop-img {
    width: 70%;
    display: block;
    margin: auto;
}

#intro4 .laptop-img img {
    width: 100%;
    margin-top: 25px;
}

#section1.mainsection04 .section-heading h2:first-child {
    width: 100%;
    text-align: center;
}

#section1.mainsection04 .section-heading h2:last-child {
    width: 72%;
}

#section1.mainsection04 .section1-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

#section1.mainsection04 .section1-inner-content-detail .img-floating img {
    float: right;
    width: 41%;
    padding: 20px;
}

#section1.mainsection04 .inside-box {
    padding: 20px;
    margin: 20px 0px;
    background: #f3f3db;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #cbcbb6;
}

#section1.mainsection04 .text-only.last-text p {
    padding-bottom: 14px;
}

#section1.mainsection04 .section-listitems .bluearrow-img {
    float: left;
}

#section1.mainsection04 .section-listitems .inneritem-list h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 15px;
    display: inline;
}

#section1.mainsection04 .section-listitems .inneritem-list .text-only {
    padding-top: 16px;
}

#section1.mainsection04 .section-listitems .inneritem-list .text-only p {
    padding-bottom: 20px;
}

#section1.mainsection04 .section1-inner-content-detail .img-floating img {
    float: right;
    width: 46%;
    padding: 26px;
    margin-right: 7px;
}

#section1.mainsection04 .inside-box.team-communication-bluebox {
    background: #d7edff !important;
    border: 1px solid #0d66b0 !important;
}

#section1.mainsection04 .text-only.rightquestion img {
    padding: 20px;
}

.inside-box.startsmall {
    background: #fff2f1 !important;
    border: 1px solid #eb4332 !important;
}

#section1.mainsection04 .inneritem-list {
    padding-bottom: 16px;
}

#section2.mainsection03 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

section#section2.mainsection04 .section2-inner-content {
    background: #282828;
    position: relative;
    overflow: inherit;
}

#section2.mainsection04 .section2-inner-content p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
    color: white;
}

#section2.mainsection04 .section2-inner-content-detail .img-floating img {
    float: right;
    width: 38%;
    padding: 26px;
    margin-right: 0px;
}

#section2.mainsection04 .img-floating h3 {
    font-size: 36px;
    font-family: "Merriweather";
    color: #eb4331;
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-block;
}

#section2.mainsection04 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

#section2.mainsection04 .section-heading h2:last-child {
    width: 60%;
}

.freelancer-mainwrapper .freelanceritem-img img {
    width: 100%;
}

.freelancer-mainwrapper .freelanceritem-title h3 {
    font-size: 36px;
    color: white;
    padding-bottom: 20px;
    color: #eb4331;
}

.freelancer-listitem {
    padding-top: 20px;
}

span.redcol {
    color: #eb4331;
    font-weight: normal;
}

#section3.mainsection04 .section-heading h2:last-child {
    width: 60%;
}

#section3.mainsection04 .section1-inner-content:before {
    content: none;
}

#section3.mainsection04 .section1-inner-content:after {
    content: none;
}

#section3.mainsection04 .section1-inner-content-detail img {
    float: right;
    width: 39%;
    padding: 15px;
}

#section3.mainsection04 .section1-inner-content .section1-inner-content-detail .img-floating .image-top {
    display: none;
}

#section3.mainsection04 .section1-inner-content .section1-inner-content-detail .img-floating .image-between {
    display: block;
}

#section3.mainsection04 .section1-inner-content-detail p {
    float: inherit;
}

.developingsite-list .developingsite-title1 {
    position: relative;
}

.developingsite-list .developingsite-title1:before {
    position: absolute;
    content: "Phase 1";
    background: url(../image/section04/section3/blue-arrow.png);
    width: 27%;
    height: 83px;
    background-repeat: no-repeat;
    left: -68px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 79px;
    color: white;
}

.developingsite-list .developingsite-title2 {
    position: relative;
}

.developingsite-list .developingsite-title2:before {
    position: absolute;
    content: "Phase 2";
    background: url(../image/section04/section3/blue-arrow.png);
    width: 27%;
    height: 83px;
    background-repeat: no-repeat;
    left: -68px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 79px;
    color: white;
}

.developingsite-title h3 {
    font-size: 30px;
    padding-top: 45px;
    padding-left: 155px;
    color: white;
}

#section3.mainsection04 .section1-inner-content {
    background: #eb4c3c;
    padding: 20px 26px;
    overflow: hidden;
    position: relative;
}

#section3.mainsection04 .big-number span:first-child {
    font-size: 141px;
    font-weight: bold;
    color: #ffffff;
    margin-right: 10px;
}

#section3.mainsection04 .section1-inner-content-detail p {
    color: white;
}

#section3.mainsection04 .developingsite-list .text-only.wordpress {
    padding-top: 44px;
}

#section3.mainsection04 .inside-box {
    padding: 20px;
    background: #f3f3db;
    overflow: hidden;
    margin-top: 12px;
    display: inline-block;
    width: 90%;
    margin-bottom: 26px;
}

#section3.mainsection04 .inside-box p {
    color: #282828;
    padding-bottom: 0;
}

#section3.mainsection04 .developingsite-list .img-floating img {
    width: 55% !important;
    margin-top: 33px;
}

#section3.mainsection04 .developingsite-list .img-floating {
    padding-top: 36px;
}

#section3.mainsection04 .developingsite-list .img-floating p {
    padding-top: 12px;
}

.developingsite-list .developingsite-title3 {
    position: relative;
}

.developingsite-list .developingsite-title3:before {
    position: absolute;
    content: "Phase 3";
    background: url(../image/section04/section3/blue-arrow.png);
    width: 27%;
    height: 83px;
    background-repeat: no-repeat;
    left: -68px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 79px;
    color: white;
}

.developingsite-list .developingsite-title4 {
    position: relative;
}

.developingsite-list .developingsite-title4:before {
    position: absolute;
    content: "Phase 4";
    background: url(../image/section04/section3/blue-arrow.png);
    width: 27%;
    height: 83px;
    background-repeat: no-repeat;
    left: -68px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 79px;
    color: white;
}

.woocommerce-theme img {
    width: 100% !important;
    margin-top: 24px;
}

.woocommerce-theme h3 {
    font-size: 36px;
    color: white;
    text-align: center;
    padding-top: 20px;
}

.woocommerce-theme .text-only p {
    padding-bottom: 20px !important;
}

#section4.mainsection04 .section6-inner-content {
    background: #d7edff;
    padding: 20px 26px;
}


/* section5 css */

#intro5 {
    background-image: url(../image/section05/intro05/intro5-bg.jpg);
    background-size: cover;
    background-position: 15% 9%;
    background-repeat: no-repeat;
}

#intro-main5 {
    background: #eb4332;
    margin-top: -10px;
}

section#intro5 h4 {
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    color: #eb4332;
    ;
    padding-bottom: 16px;
    padding-top: 76px;
}

section#intro5 h1 {
    text-align: center;
    font-size: 54px;
    font-family: 'Lato';
    font-weight: bold;
}

#intro5 .laptop-img {
    width: 70%;
    display: block;
    margin: auto;
}

#intro5 .laptop-img img {
    width: 100%;
    margin-top: 25px;
}

#section1.mainsection05 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 100%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
}

#section1.mainsection05 .section1-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

#section1.mainsection05 .img-floating img {
    width: 50%;
    padding: 29px;
}

#section1.mainsection05 .img-floating img {
    width: 50%;
    padding: 29px;
    margin-top: -20px;
}

#section1.mainsection05 .section1-inner-content {
    background: #f3f3f3;
    padding: 20px 26px;
    overflow: inherit;
    position: relative;
}

#section1.mainsection05 .choosing-webhost .ribbon-img1:before {
    top: -13px;
}

#section1.mainsection05 .choosing-webhost .ribbon-img2:before {
    top: -13px;
}

#section1.mainsection05 .choosing-webhost .ribbon-img3:before {
    top: -13px;
}

#section1.mainsection05 .choosing-webhost .ribbon-img4:before {
    top: -13px;
}

#section1.mainsection05 .choosing-webhost .ribbon-img5:before {
    top: -13px;
}

#section3.mainsection05 .section1-inner-content .section1-inner-content-detail .img-floating .image-outside {
    display: block;
}

#section3.mainsection05 .section1-inner-content .section1-inner-content-detail .img-floating .image-inside {
    display: none;
}

#section1.mainsection05 .choosing-webhost>.text-only {
    margin-top: 43px;
    margin-bottom: 40px;
}

#section1.mainsection05 .ribbon-heading {
    margin-top: 0px;
}

#section1.mainsection05 .inside-box.brand-rep {
    border: 1px solid #cbcbb6;
    background: #f3f3db;
    padding: 30px;
    margin-bottom: 20px;
}

#section1.mainsection05 .inside-box.brand-rep p {
    margin-bottom: 0;
    line-height: 1;
}

#section1.mainsection05 .img-floating.content-lead {
    padding-top: 45px;
    padding-bottom: 30px;
}

#section1.mainsection05 .inside-box.betterseo {
    border: 1px solid #0d66b0;
    background: #d7edff;
    padding: 30px;
    margin-bottom: 20px;
}

#section1.mainsection05 .inside-box.betterseo p {
    margin-bottom: 0;
}

#section1.mainsection05 .img-floating.cost-effective img {
    width: 30%;
    padding: 29px;
    margin-top: -83px;
}

#section1.mainsection05 .inside-box.cost-effective {
    border: 1px solid #eb4332;
    background: #fff2f1;
    padding: 30px;
    margin-bottom: 20px;
    margin-top: 54px;
}

#section1.mainsection05 .choosing-webhost>.text-only.cost-effective {
    margin-top: 0;
}

#section1.mainsection05 .ribbon-img6 {
    position: relative;
    width: 277px;
}

#section1.mainsection05 .choosing-webhost .ribbon-img6:before {
    position: absolute;
    content: "6";
    background: url(../image/section02/section2/ribbon.png);
    width: 50%;
    height: 85px;
    background-repeat: no-repeat;
    left: -72px;
    top: -13px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    color: white;
}

#section1.mainsection05 .img-floating.domino-theory {
    margin-top: 43px;
}

#section1.mainsection05 .text-only.domino-theory {
    margin-top: 0 !important;
}

section#section2.mainsection05 .section2-inner-content {
    background: #eb4331;
    position: relative;
    overflow: hidden;
}

section#section2.mainsection05 .big-number span:first-child {
    font-size: 141px;
    font-weight: bold;
    color: #ffffff;
    margin-right: 10px;
}

section#section2.mainsection05 .section-heading h2:first-child {
    width: 100%;
}

section#section2.mainsection05 .section-heading h2:last-child {
    width: 60%;
}

section#section2.mainsection05 .section2-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
    color: white;
}

section#section2.mainsection05 .section2-inner-content-detail img {
    float: right;
    padding: 27px;
    margin-top: -21px;
}

.plagiarism-title h3 {
    font-size: 30px;
    padding-top: 45px;
    padding-left: 123px;
    color: white;
}

.plagiarism-list .plagiarism-title1 {
    position: relative;
}

.plagiarism-list .plagiarism-title2 {
    position: relative;
}

.plagiarism-list .plagiarism-title3 {
    position: relative;
}

.plagiarism-list .plagiarism-title4 {
    position: relative;
}

.plagiarism-list .plagiarism-title5 {
    position: relative;
}

.plagiarism-list .plagiarism-title6 {
    position: relative;
}

.plagiarism-list .plagiarism-title1:before {
    position: absolute;
    content: "1";
    background: url(../image/section05/section2/arrow-blue.png);
    width: 136px;
    height: 83px;
    background-repeat: no-repeat;
    left: -31px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    line-height: 79px;
    color: white;
    padding-left: 52px;
}

.plagiarism-list .plagiarism-title2:before {
    position: absolute;
    content: "2";
    background: url(../image/section05/section2/arrow-blue.png);
    width: 136px;
    height: 83px;
    background-repeat: no-repeat;
    left: -31px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    line-height: 79px;
    color: white;
    padding-left: 52px;
}

.plagiarism-list .plagiarism-title3:before {
    position: absolute;
    content: "3";
    background: url(../image/section05/section2/arrow-blue.png);
    width: 136px;
    height: 83px;
    background-repeat: no-repeat;
    left: -31px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    line-height: 79px;
    color: white;
    padding-left: 52px;
}

.plagiarism-list .plagiarism-title4:before {
    position: absolute;
    content: "4";
    background: url(../image/section05/section2/arrow-blue.png);
    width: 136px;
    height: 83px;
    background-repeat: no-repeat;
    left: -31px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    line-height: 79px;
    color: white;
    padding-left: 52px;
}

.plagiarism-list .plagiarism-title5:before {
    position: absolute;
    content: "5";
    background: url(../image/section05/section2/arrow-blue.png);
    width: 136px;
    height: 83px;
    background-repeat: no-repeat;
    left: -31px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    line-height: 79px;
    color: white;
    padding-left: 52px;
}

.plagiarism-list .plagiarism-title6:before {
    position: absolute;
    content: "6";
    background: url(../image/section05/section2/arrow-blue.png);
    width: 136px;
    height: 83px;
    background-repeat: no-repeat;
    left: -31px;
    top: 20px;
    font-size: 30px;
    font-weight: bold;
    line-height: 79px;
    color: white;
    padding-left: 52px;
}

.text-only.padd-bot {
    padding-top: 44px;
}

.img-floating.padd-bot {
    padding-top: 43px;
}

section#section3.mainsection05 .section1-inner-content {
    background: #282828 !important;
    padding: 20px 26px;
    overflow: hidden;
    position: relative;
}

section#section3.mainsection05 .section1-inner-content {
    color: white
}

section#section3.mainsection05 .section1-inner-content:before {
    content: none !important;
}

#section3.mainsection05 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
    color: #272b2c;
}

#section3.mainsection05 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    width: 55%;
    padding: 10px 21px;
    text-align: center;
    margin-top: 14px;
    background: #f3f3f3;
    color: #272b2c;
}

#section3.mainsection05 .section1-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

#section3.mainsection05 .img-floating img {
    width: 41%;
    padding: 26px;
}

#section3.mainsection05 .inside-box {
    padding: 20px;
    background: #f3f3db;
    overflow: hidden;
    margin-top: 12px;
    display: inline-block;
    width: 58%;
    margin-bottom: 26px;
    border: 1px solid #eb4332;
}

#section3.mainsection05 .inside-box p {
    color: #282828;
}

#section4.mainsection05 .section-heading h2:first-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 77%;
    text-align: center;
}

#section4.mainsection05 .section-heading h2:last-child {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
    text-align: center;
}

#section4.mainsection05 .section1-inner-content-detail p {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

#section4.mainsection05 .section-listitems .bluearrow-img {
    float: left;
}

#section4.mainsection05 .section-listitems .inneritem-list h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 15px;
    display: inline;
}

#section4.mainsection05 .section-listitems .heading-text {
    padding-bottom: 16px;
}

#section4.mainsection05 .inneritem-list {
    padding-bottom: 14px;
}

.inside-box.brand-authentication-box p {
    border: 1px solid #eb4332;
    background: #fff2f1;
    padding: 30px;
    margin-bottom: 20px;
    margin-top: 54px;
}

.img-floating.cost-effective {
    margin-top: 34px;
}

.inside-box.brand-authentication-box span {
    font-size: 30px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    color: #eb4332;
}

#section4.mainsection05 .inneritem-list .text-only p {
    padding-bottom: 24px;
}

#section4.mainsection05 .inside-box.brand-authentication-box p {
    border: 1px solid #eb4332;
    background: #fff2f1;
    padding: 30px;
    margin-bottom: 20px;
    margin-top: 54px;
}

#section4.mainsection05 .inside-box.audience-response {
    border: 1px solid #cbcbb6;
    background: #f3f3db;
    padding: 30px;
    margin-bottom: 20px;
    margin-top: 54px;
}

#section4.mainsection05 .inside-box.audience-response span.bigbold {
    font-weight: bold;
    color: #eb4332;
}

#section4.mainsection05 .text-only.audience-img img {
    padding: 35px;
}


/* ---------------------Chapter 6 styling ---------------------------------*/


/* ------------------------------------------------------------------------ */


/* Section 6 styling */

#intro6 {
    background-image: url(../image/section06/intro06/intro-bg.jpg);
    background-size: cover;
    background-position: 15% 9%;
    background-repeat: no-repeat;
    position: relative;
}

#intro-main3 {
    background: #eb4332;
    margin-top: -10px;
}

section#intro6 h4 {
    text-align: center;
    font-size: 30px;
    font-family: 'Lato';
    color: #eb4332;
    ;
    padding-bottom: 16px;
    padding-top: 76px;
}

section#intro6 h1 {
    text-align: center;
    font-size: 54px;
    font-family: 'Lato';
    font-weight: bold;
}

.big-border-line {
    border-bottom: 1px solid #000;
    width: 400px;
    margin: auto;
    margin-top: 48px;
    margin-bottom: 30px;
}

#intro6 .laptop-img {
    width: 70%;
    display: block;
    margin: auto;
}

#intro6 .laptop-img img {
    width: 100%;
    margin-top: 25px;
}

.rocket {
    position: absolute;
    position: absolute;
    top: 265px;
    left: -110px;
    right: -100px;
    bottom: 0;
}

.rocket img {
    width: 100%;
}


/* chapter 6 part/section 1 */

.chapter6-section01 .sec06-part01 h2 {
    width: 100% !important;
}

.chapter6-section01 .sec06-part01 .first {
    width: 86% !important;
}

.chapter6-section01 .set-padding {
    padding: 25px 0px;
    padding-bottom: 35px;
}

.chapter6-section01 .comming-soon-padding {
    padding: 10px 26px !important;
}

.chapter6-section01 .list-section01 {
    list-style: none;
    padding-bottom: 20px;
}

.chapter6-section01 .list-section01 li {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
}

.chapter6-section01 .list-section01 .tick {
    float: left !important;
    width: 20px !important;
    margin: 6px !important;
    padding: 0px !important;
}

.chapter6-section01 .red-box {
    background: #fff2f1 !important;
    border: 1px solid #eb4332 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chapter6-section01 .blue-arrow {}

.chapter6-section01 .blue-arrow::before {
    position: absolute;
    content: "";
    background: url(../image/section06/section1/blue-arrow.png);
    width: 10%;
    height: 3%;
    background-repeat: no-repeat;
    left: -15px;
}

.chapter6-section01 .padding-top {
    padding-top: 60px !important;
}

.chapter6-section01 .padding-heading {
    padding-left: 60px !important;
    padding-top: 20px;
}

.chapter6-section01 .padding-btm {
    padding-bottom: 10px !important;
}


/* chapter 6 part/section 2 */

.chapter6-section02 {}

.chapter6-section02 .list-section01 {
    margin-bottom: 10px;
}

.chapter6-section02 .list-section01 li {
    font-size: 24px;
    line-height: 34px;
    float: inherit;
    font-weight: 300;
    color: white;
}

.chapter6-section02 .list-section01 .tick {
    float: left !important;
    width: 20px !important;
    margin: 6px !important;
    padding: 0px !important;
}

.chapter6-section02 .headingwidth h2 {
    width: fit-content !important;
}

.chapter6-section02 .float-img img {
    padding-top: 0 !important;
    margin-right: 0px !important;
}

.chapter6-section02 .paddingright p {
    padding-right: 0px !important;
}

.chapter6-section02 .section2-inner-content ::before {
    position: absolute;
    content: "";
    width: 39%;
    height: 10px;
    background: url(../image/section03/section1/right-illustr01.png);
    background-repeat: no-repeat;
    right: 41px;
    top: 91px;
}

.chapter6-section02 .section2-inner-content-detail::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 320px;
    background: url(../image/section03/section1/right-illustr02.png);
    background-repeat: no-repeat;
    background-position: 96% 0;
    right: -10px;
    top: 102px;
}

.chapter6-section02 .col-md-10::before {
    display: none !important;
}

.chapter6-section02 .redborder-round {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.set-margin-top {
    margin-top: 10px !important;
}

.section02-img-width {
    width: 400px !important;
}


/* Chapter 6 section 3 styling */

.section03-bg-color {
    background-color: #eb4332 !important;
}

.section03-heading-no span {
    color: #ffffff !important;
}

.section03-greybox {
    background: #d7edff !important;
    border: 1px solid #0d66b0 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.section03-img-setting img {
    padding: 0px 40px;
    width: 50%;
}

.section03-img-setting p {
    width: 58% !important;
    float: none;
}

.section03-margintop {
    margin-top: 0px !important;
}

.section03-margin-btn-paragraphs {
    margin-top: 10px !important;
}


/* Chapter 6 section 4 styling */

.section04-bg-color {
    background-color: #f7f7f7;
}

.section04-list-margin {
    margin-bottom: 15px !important;
}

.img-setting img {
    padding: 0px 18px !important;
}

.section04-all-Ps p {
    color: #000 !important;
}

.section04-all-Ps li {
    color: #000 !important;
}

.text-normal {
    font-style: normal !important;
}

.section040-text-box {
    background: #f3f3db !important;
    border: 1px solid #cbcbb6 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* Chapter 6 section 5 */

.section05 {
    position: relative;
}

.section05 .headings h2 {
    width: fit-content !important;
}

.section05 .bg-color {
    background-color: #282828 !important;
    overflow: inherit !important;
}

.section05 .setting-img img {
    width: 50% !important;
    padding-top: 15px !important;
}

.section05 .choosing-webhost .section05-ribbon::before {
    position: absolute;
    content: "step one";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .choosing-webhost .section05-ribbon02::before {
    position: absolute;
    content: "step two";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .choosing-webhost .section05-ribbon03::before {
    position: absolute;
    content: "step three";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .choosing-webhost .section05-ribbon04::before {
    position: absolute;
    content: "step four";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .choosing-webhost .section05-ribbon05::before {
    position: absolute;
    content: "step five";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .choosing-webhost .section05-ribbon06::before {
    position: absolute;
    content: "step six";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .choosing-webhost .section05-ribbon07::before {
    position: absolute;
    content: "step seven";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .choosing-webhost .section05-ribbon08::before {
    position: absolute;
    content: "step eight";
    background: url(../image/section06/section5/ribbon.png);
    width: 36%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 47px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.section05 .section05-imgs {
    width: 100%;
    padding: 0px 0px;
    margin: 20px 0px;
}

.section05 .heading h3 {
    color: #ffffff !important;
    text-transform: uppercase !important;
    width: max-content !important;
    font-size: 30px !important;
    margin-left: 125px !important;
}

.section05 .e-commerce {
    text-decoration: none;
    color: #0879b9;
}

.section05 .float-img-left img {
    float: right;
    padding: 20px;
}


/* Chapter 6 section 6 styling */

.section06 {}

.section06 .section06-bg-color {
    background-color: #eb4332 !important;
}

.section06 .heading-color span {
    color: #ffffff !important;
}

#section6.section06 .section1-inner-content:before {
    position: absolute;
    content: "";
    width: 48%;
    height: 10px;
    background: url(../image/section03/section1/right-illustr01.png);
    background-repeat: no-repeat;
    right: 41px;
    top: 89px;
}

#section6.section06 .logodesign-list h2 {
    color: #ffffff !important;
    font-size: 30px !important;
}

#section6.section06 .logodesign-list h2::before {
    display: none;
}

#section6.section06 p {
    color: #ffffff !important;
}

#section6.section06 .img-floating img {
    width: 45%;
    padding-top: 0px !important;
    padding: 41px;
}

#section6.section06 .logodesign-img img {
    margin-top: 15px !important;
}

#section6.section06 .inside-box {
    padding: 20px;
    background: #f3f3db;
    overflow: hidden;
    margin-bottom: 24px;
    margin-top: 12px;
    display: inline-block;
}

#section6.section06 .inside-box p {
    color: #282828 !important;
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
}

#section6.section06 .last-img-right {
    float: right !important;
}


/* Chapter 6 section 7 styling */

.section07 {
    padding-bottom: 0px !important;
}

#section7.section07 .section-heading h2 {
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    margin-bottom: 15px;
}

#section7.section07 .conclusion-parent {
    background: #f3f3db;
    border: 1px solid #cbcbb6;
    padding: 40px;
}

#section7.section07 .conclusion-parent h2 {
    font-size: 48px;
    font-weight: bold;
    color: #eb4332;
    padding-bottom: 24px;
}

#section7.section07 .conclusion-parent p {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

#section7.section07 .conclusion-parent .conclusion h2 {
    font-size: 48px;
    font-weight: bold;
    color: #eb4332;
}

#section7.section07 ul {
    list-style: none;
}

#section7.section07 .floating-right {
    float: left;
}

#section7.section07 .floating-right img {
    float: left;
    margin: 10px;
}

#section7.section07 ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    display: flex;
}

#section7.section07 ul li img {
    float: left;
    margin: 10px;
    height: fit-content;
}

#section7.section07 .floating-right span {
    color: #0089c9;
    font-weight: 400;
}


/* ---------------------Chapter 6 styling end ------------------------------*/


/* ------------------------------------------------------------------------ */


/* ___________________________________________________________________________ */


/* ---------------------Chapter 10 styling ---------------------------------*/


/* ------------------------------------------------------------------------ */


/*  Chapter 10 intro section  */

.chapter10-into {
    background-image: url(../image/section10/intro/intro-bg.jpg) !important;
    height: 770px;
    /* for mobile version */
    /* height: 500px;
  background-position: 50%; */
    /* h4  */
    /* padding-top: 54px; */
}

.chapter10-into h1 {
    color: #ffffff !important;
}

.chapter10-into .big-border-line {
    border-bottom: 1px solid #3d3d3d;
    width: 400px;
    margin: auto;
    margin-top: 29px;
    margin-bottom: 29px;
}

.chapter10-into-btm {
    background-image: url(/image/section10/intro/intro-btm.jpg) !important;
}

.chapter10-into-btm .illustration {
    background-image: none !important;
}


/*  Chapter 10 section 01 */

.chapter10-section01 .section-heading h2 {
    width: fit-content !important;
    margin-top: 0px !important;
    position: absolute !important;
    top: 40px;
}

.chapter10-section01 .section1-inner-content:before {
    top: 7px !important;
}

.chapter10-section01 .section1-inner-content .section1-inner-content-detail {
    display: inline-block;
}

.chapter10-section01 .section1-inner-content h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter10-section01 .section1-inner-content .mar-top {
    position: relative;
}

.chapter10-section01 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter10-section01 .section1-inner-content h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 10%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
}

.chapter10-section01 .section1-inner-content .text-only,
.chapter10-section01 .section1-inner-content .text-only02 {
    display: inline-block;
}

.chapter10-section01 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter10-section01 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    width: 100%;
}

.chapter10-section01 .section1-inner-content .text-only02 img {
    float: right;
}


/* Chapter 10 section 02 */

.chapter10-section02 .bg-color {
    background-color: #282828 !important;
}

.chapter10-section02 .bg-color .big-number span {
    color: #eb4332;
}

.chapter10-section02 .bg-color .section-heading h2 {
    width: fit-content !important;
}

.chapter10-section02 .bg-color .section3-inner-content-detail .img-float img {
    width: 45%;
    padding-top: 60px;
    float: right;
}

.chapter10-section02 .bg-color .section3-inner-content-detail .img-float p {
    padding-top: 0px;
    width: 100%;
}

.chapter10-section02 .bg-color .section3-inner-content-detail ul span {
    color: #eb4332;
    font-weight: bold;
}

.chapter10-section02 .bg-color .section3-inner-content-detail ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter10-section02 .bg-color .section3-inner-content-detail ul img {
    width: 30px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter10-section02 .section3-inner-content:after {
    display: none;
}


/* Chapter 10 section 03 last */

.chapter10-last-bg {
    background-color: #d7edff !important;
    border: 1px solid #0d66b0 !important;
}

.chapter10-last-bg span {
    color: #eb4332 !important;
}

.chapter10-last-bg .conclusion {
    padding: 15px 0px;
}


/* ---------------------Chapter 10 styling end -----------------------------*/


/* ------------------------------------------------------------------------ */


/* _________________________________________________________________________ */


/* ---------------------Chapter 8 styling ----------------------------------*/


/* ------------------------------------------------------------------------ */


/* Chapter 8 intro section */

.chapter8-into {
    background-image: url(../image/section08/intro/intro-bg.png) !important;
    background-position-y: -27px !important;
    height: 765px;
}

.chapter8-into .big-border-line {
    margin-top: 29px;
    margin-bottom: 29px;
}

.chapter8-into-btm {
    background-image: url(/image/section08/intro/intro-btm-bg.png) !important;
}

.chapter8-into-btm .illustration {
    background-image: none !important;
}


/* Chapter 8 section 01 */

.chapter8-section1 .section-heading h2 {
    width: fit-content !important;
}

.chapter8-section1 .section1-inner-content .img-float img {
    margin-top: 0px;
    width: 35%;
}

.chapter8-section1 .section1-inner-content .img-float p {
    width: 100%;
}

.chapter8-section1 .section1-inner-content h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter8-section1 .section1-inner-content-detail {
    display: inline-block;
}

.chapter8-section1 .section1-inner-content .mar-top {
    position: relative;
}

.chapter8-section1 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter8-section1 .section1-inner-content h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 10%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
}

.chapter8-section1 .section1-inner-content .text-only02,
.chapter8-section1 .section1-inner-content .text-only {
    display: inline-block;
}

.chapter8-section1 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter8-section1 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    width: 100%;
}

.chapter8-section1 .section1-inner-content .text-only02 img {
    float: right;
}

.chapter8-section1 .section1-inner-content .textwidth {
    width: 70% !important;
}

.chapter8-section1 .section1-inner-content .textwidth02 {
    width: 65% !important;
}

.chapter8-section1 .section1-inner-content .pagespeed {
    margin-top: 0px;
}

.chapter8-section1 .section1-inner-content .httpheaders {
    margin-top: 0px;
}

.chapter8-section1 .section1-inner-content .checkfor302 {
    margin-top: 0px;
}

.chapter8-section1 .section1-inner-content .xml {
    margin-top: 0px;
}

.text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
}

.text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 8 section 02 */

.chapter8-section02 .bg-color {
    background-color: #282828 !important;
    position: relative;
    overflow: inherit !important;
}

.chapter8-section02 .bg-color .big-number span {
    color: #eb4332;
}

.chapter8-section02 .bg-color .section-heading h2 {
    width: fit-content !important;
    color: #272b2c;
}

.chapter8-section02 .bg-color .section3-inner-content-detail .img-float img {
    width: 45%;
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    float: right;
}

.chapter8-section02 .bg-color .section3-inner-content-detail .img-float p {
    padding-top: 0px;
    width: 100%;
}

.chapter8-section02 .bg-color .section3-inner-content-detail ul span {
    color: #eb4332;
    font-weight: bold;
}

.chapter8-section02 .bg-color .section3-inner-content-detail ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter8-section02 .bg-color .section3-inner-content-detail ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter8-section02 .bg-color .section3-inner-content-detail .text-only .list-container {}

.chapter8-section02 .bg-color .section3-inner-content-detail ul img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter8-section02 .bg-color .section3-inner-content-detail ul p {
    padding-bottom: 0px;
}

.chapter8-section02 .section3-inner-content:after {
    display: none;
}

.chapter8-section02 .section3-inner-content .sub-heading h3 {
    font-size: 36px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    margin: 20px 0px;
    font-weight: 400;
}

.chapter8-section02 .section3-inner-content .heading01 h2,
.chapter8-section02 .section3-inner-content .heading02 h2,
.chapter8-section02 .section3-inner-content .heading03 h2,
.chapter8-section02 .section3-inner-content .heading04 h2,
.chapter8-section02 .section3-inner-content .heading05 h2,
.chapter8-section02 .section3-inner-content .heading06 h2 {
    font-family: 'Merriweather', serif;
    font-size: 35px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 30px 0px;
    margin-left: 80px;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only {
    position: relative;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p {
    width: 100%;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only img {
    float: right;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading01 h2::before {
    position: absolute;
    content: "1";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading02 h2::before {
    position: absolute;
    content: "2";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading03 h2::before {
    position: absolute;
    content: "3";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading04 h2::before {
    position: absolute;
    content: "4";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading05 h2::before {
    position: absolute;
    content: "5";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading06 h2::before {
    position: absolute;
    content: "6";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .sub-heading h3 {
    font-size: 36px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ed4628;
    margin: 20px 0px;
    font-weight: 400;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box span {
    color: #f75158;
    font-weight: 400;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .floating-img {
    float: right;
}

.chapter8-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .text-with-img {
    width: 100%;
}

.fifth-color {
    background-color: #d7edff !important;
    border-color: #0879b9 !important;
}

.forth-color {
    background-color: #fff2f1 !important;
    border-color: #eb4332 !important;
}


/* Chapter 8 section 03  */

.chapter8-section3 {
    position: relative;
}

.chapter8-section3 .section1-inner-content {
    overflow: inherit;
}

.chapter8-section3 .section-heading h2 {
    width: fit-content !important;
}

.chapter8-section3 .section1-inner-content .img-float img {
    margin-top: 0px;
    width: 36%;
    float: right;
}

.chapter8-section3 .section1-inner-content .img-float p {
    width: 100%;
}

.chapter8-section3 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
}

.chapter8-section3 .section1-inner-content .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
}

.chapter8-section3 .section1-inner-content h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter8-section3 .section1-inner-content .mar-top {
    margin-top: 340px;
    position: relative;
}

.chapter8-section3 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter8-section3 .section1-inner-content .reset-mt-30 {
    margin-top: 30px;
}

.chapter8-section3 .section1-inner-content h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 10%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
}

.chapter8-section3 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter8-section3 .section1-inner-content .text-only p span {
    color: #eb4332;
    font-weight: 400;
}

.chapter8-section3 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    width: 100%;
}

.chapter8-section3 .section1-inner-content .text-only02 img {
    float: right;
}

.chapter8-section3 .section1-inner-content .textwidth {
    width: 70% !important;
}

.chapter8-section3 .section1-inner-content .textwidth02 {
    width: 65% !important;
}

.chapter8-section3 .section1-inner-content .pagespeed {
    margin-top: 245px;
}

.chapter8-section3 .section1-inner-content .httpheaders {
    margin-top: 205px;
}

.chapter8-section3 .section1-inner-content .checkfor302 {
    margin-top: 300px;
}

.chapter8-section3 .section1-inner-content .xml {
    margin-top: 260px;
}

.chapter8-section3 .section1-inner-content .margin-zero {
    margin: 0px !important;
    margin-bottom: 20px !important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container {
    position: relative;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading01 h2,
.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading02 h2,
.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading03 h2,
.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading04 h2,
.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading05 h2,
.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading06 h2,
.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading07 h2 {
    font-family: 'Merriweather', serif;
    font-size: 33px;
    color: #000;
    text-transform: uppercase;
    margin: 30px 0px;
    margin-left: 215px;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading01 h2::before {
    position: absolute;
    content: "step one";
    background: url(../image/section08/section03/ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading02 h2::before {
    position: absolute;
    content: "step two";
    background: url(../image/section08/section03/ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading03 h2::before {
    position: absolute;
    content: "step three";
    background: url(../image/section08/section03/ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading04 h2::before {
    position: absolute;
    content: "step four";
    background: url(../image/section08/section03/ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading05 h2::before {
    position: absolute;
    content: "step five";
    background: url(../image/section08/section03/ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading06 h2::before {
    position: absolute;
    content: "step six";
    background: url(../image/section08/section03/ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .heading07 h2::before {
    position: absolute;
    content: "step seven";
    background: url(../image/section08/section03/ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .wordpress-heading {
    color: #eb4331;
    font-size: 36px;
    text-align: left;
    width: 100%;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .text-in-box {
    background-color: #d7edff;
    border: 1px solid #0d66b0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 0px 30px !important;
    float: none !important;
    color: #282828;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .image img {
    width: 100%;
    padding: 10px 0px;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .image02 {
    width: 100%;
    display: inline-block;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .image02 img {
    float: right;
    padding: 10px 0px;
    width: 65%;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .image03 {
    display: inline-block;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .image-right {
    float: right;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .text-left p {
    width: 65%;
    margin-bottom: 0px;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .list-container ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #333;
    display: flex;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .list-container ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .list-container {}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .list-container ul img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter8-section3 .section1-inner-content .ribbon-headings-container .text-only .list-container ul p {
    padding-bottom: 0px;
}


/* Chapter 8 Section 04  */

.chapter8-section4 .bg-color {
    background-color: #eb4332;
}

.chapter8-section4 .section1-inner-content .heading-text .big-number span,
.chapter8-section4 .section1-inner-content p {
    color: #ffffff;
}

.chapter8-section4 .section1-inner-content-detail {
    display: inline-block;
}

.chapter8-section4 .section-heading h2 {
    width: fit-content !important;
}

.chapter8-section4 .section1-inner-content .img-float img {
    margin-top: 0px;
    width: 35%;
}

.chapter8-section4 .section1-inner-content .img-float p {
    width: 100%;
}

.chapter8-section4 .section1-inner-content h3 {
    font-size: 36px;
    color: #ffffff;
    padding-left: 45px;
    display: inline;
}

.chapter8-section4 .section1-inner-content .mar-top {
    position: relative;
}

.chapter8-section4 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter8-section4 .section1-inner-content h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 10%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
}

.chapter8-section4 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter8-section4 .section1-inner-content .text-only02,
.chapter8-section4 .section1-inner-content .text-only {
    display: inline-block;
}

.chapter8-section4 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter8-section4 .section1-inner-content .text-only02 img {
    float: right;
    /* width: 49%; */
    padding: 10px;
}

.chapter8-section4 .section1-inner-content .textwidth {
    width: 70% !important;
}

.chapter8-section4 .section1-inner-content .textwidth02 {
    width: 65% !important;
}

.chapter8-section4 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    margin-bottom: 30px;
}

.chapter8-section4 .section1-inner-content .text-box-color {
    background-color: #fff2f1 !important;
}

.chapter8-section4 .section1-inner-content .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
}

.chapter8-section4 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}

.chapter8-last-bg {
    background-color: #d7edff !important;
    border: 1px solid #0d66b0 !important;
}

.chapter8-last-bg span {
    color: #eb4332 !important;
    font-weight: 400;
}

.chapter8-last-bg .conclusion {
    padding: 15px 0px;
}


/* ---------------------Chapter 8 styling end-------------------------------*/


/* ------------------------------------------------------------------------ */


/* ________________________________________________________________________ */


/* ---------------------Chapter 7 styling ----------------------------------*/


/* ------------------------------------------------------------------------ */

.chapter7-into {
    background-image: url(../image/section07/intro/intro-bg.jpg) !important;
    background-position-y: -27px !important;
    height: 765px;
}

.chapter7-into .centerlize {
    display: flex;
    justify-content: center;
}

.chapter7-into .laptop-text {
    width: 45%;
    padding-top: 250px;
}

.chapter7-into .big-border-line {
    color: #272b2c !important;
}

.chapter7-into .laptop-text p {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.chapter7-into .laptop-text span {
    color: #eb4332;
}

.chapter7-into-btm {
    background-image: url(/image/section07/intro/intro-btm-bg.png) !important;
}

.chapter7-into-btm .illustration {
    background-image: none !important;
}

.scrollbar {
    float: left;
    height: 475px;
    width: 90px;
    overflow-y: scroll;
    margin-bottom: 25px;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #222;
}

#style-2::-webkit-scrollbar {
    width: 6px;
    background-color: #222;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #D62929;
}


/* Chapter 7 Section 1  */

.chapter7-section1 .section-heading h2 {
    width: fit-content !important;
}

.chapter7-section1 .section1-inner-content-detail {
    display: inline-block;
}

.chapter7-section1 .section1-inner-content .img-float img {
    margin-top: 0px;
    width: 35%;
}

.chapter7-section1 .section1-inner-content .img-float p {
    width: 100%;
}

.chapter7-section1 .section1-inner-content h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter7-section1 .section1-inner-content .mar-top {
    margin-top: 0px;
    position: relative;
}

.chapter7-section1 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter7-section1 .section1-inner-content h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 10%;
    height: 190%;
    background-repeat: no-repeat;
    left: -26px;
    top: -8px;
}

.chapter7-section1 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter7-section1 .section1-inner-content .text-only02 {
    display: inline-block;
}

.chapter7-section1 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter7-section1 .section1-inner-content .text-only02 span,
.chapter7-section1 .section1-inner-content .text-only span {
    color: #0089c9;
    font-weight: bold;
}

.chapter7-section1 .section1-inner-content .text-only02 img {
    float: right;
    padding: 0px 10px;
}

.chapter7-section1 .section1-inner-content .textwidth {
    width: 70% !important;
}

.chapter7-section1 .section1-inner-content .textwidth02 {
    width: 65% !important;
}

.chapter7-section1 .section1-inner-content .pagespeed {
    margin-top: 0px;
}

.chapter7-section1 .section1-inner-content .httpheaders {
    margin-top: 0px;
}

.chapter7-section1 .section1-inner-content .checkfor302 {
    margin-top: 0px;
}

.chapter7-section1 .section1-inner-content .xml {
    margin-top: 0px;
}


/* Chapter 7 Section 2  */

.chapter7-section02 .bg-color {
    background-color: #282828 !important;
    position: relative;
    overflow: inherit !important;
}

.chapter7-section02 .bg-color .big-number span {
    color: #eb4332;
}

.chapter7-section02 .bg-color .section-heading h2 {
    width: fit-content !important;
    color: #272b2c;
}

.chapter7-section02 .bg-color .section3-inner-content-detail .img-float img {
    float: right;
    padding: 0px 40px;
    margin: 0px;
    width: 42%;
}

.chapter7-section02 .bg-color .section3-inner-content-detail .img-float p {
    padding-top: 0px;
    width: 100% !important;
}

.chapter7-section02 .bg-color .section3-inner-content-detail ul span {
    color: #eb4332;
    font-weight: bold;
}

.chapter7-section02 .bg-color .section3-inner-content-detail ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter7-section02 .bg-color .section3-inner-content-detail ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter7-section02 .bg-color .section3-inner-content-detail ul img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter7-section02 .bg-color .section3-inner-content-detail ul p {
    padding-bottom: 0px;
}

.chapter7-section02 .section3-inner-content:after {
    display: none;
}

.chapter7-section02 .section3-inner-content .sub-heading h3 {
    font-size: 36px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    margin: 20px 0px;
    font-weight: 400;
}

.chapter7-section02 .section3-inner-content .heading01 h2,
.chapter7-section02 .section3-inner-content .heading02 h2,
.chapter7-section02 .section3-inner-content .heading03 h2,
.chapter7-section02 .section3-inner-content .heading04 h2,
.chapter7-section02 .section3-inner-content .heading05 h2,
.chapter7-section02 .section3-inner-content .heading06 h2 {
    font-family: 'Merriweather', serif;
    font-size: 35px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 30px 0px;
    margin-left: 80px;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only {
    position: relative;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only img {
    width: 100%;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading01 h2::before {
    position: absolute;
    content: "1";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading02 h2::before {
    position: absolute;
    content: "2";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading03 h2::before {
    position: absolute;
    content: "3";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading04 h2::before {
    position: absolute;
    content: "4";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading05 h2::before {
    position: absolute;
    content: "5";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading06 h2::before {
    position: absolute;
    content: "6";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p {
    padding: 30px 0px;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box span {
    color: #f75158;
    font-weight: 400;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .floating-img {
    float: right;
}

.chapter7-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .text-with-img {
    width: 55%;
}


/* Chapter 7 Section 3  */

.chapter7-section3 {
    position: relative;
}

.chapter7-section3 .section1-inner-content {
    background-color: #eb4332;
}

.chapter7-section3 .section1-inner-content .heading-text .big-number span {
    color: #ffffff;
}

.chapter7-section3 .section-heading h2 {
    width: fit-content !important;
}

.chapter7-section3 .section1-inner-content .img-float img {
    float: right;
    margin: 0px;
    width: 48%;
    padding: 0px 5px;
}

.chapter7-section3 .section1-inner-content .img-float p {
    color: #ffffff;
    width: 100%;
}


/* Chapter 7 Section 04  */

.chapter7-section4 .bg-color {
    background-color: #f7f7f7;
}

.chapter7-section4 .section1-inner-content .heading-text .big-number span {
    color: #eb4332;
}

.chapter7-section4 .section1-inner-content .section1-inner-content-detail .desktop-version {
    display: block;
}

.chapter7-section4 .section1-inner-content .section1-inner-content-detail .mobile-version {
    display: none;
}

.chapter7-section4 .section-heading h2 {
    width: fit-content !important;
}

.chapter7-section4 .section1-inner-content .img-float img {
    margin: 0px;
    width: 100%;
}

.chapter7-section4 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
}

.chapter7-section4 .section1-inner-content .mar-top {
    position: relative;
    display: inline-block;
}

.chapter7-section4 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter7-section4 .section1-inner-content .heading01 h3,
.chapter7-section4 .section1-inner-content .heading02 h3,
.chapter7-section4 .section1-inner-content .heading03 h3,
.chapter7-section4 .section1-inner-content .heading04 h3,
.chapter7-section4 .section1-inner-content .heading05 h3,
.chapter7-section4 .section1-inner-content .heading06 h3,
.chapter7-section4 .section1-inner-content .heading07 h3,
.chapter7-section4 .section1-inner-content .heading08 h3,
.chapter7-section4 .section1-inner-content .heading09 h3,
.chapter7-section4 .section1-inner-content .heading10 h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter7-section4 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 40%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading02 h3::before {
    position: absolute;
    content: "2";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 16%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    padding-right: 16px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading03 h3::before {
    position: absolute;
    content: "3";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 11%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    padding-right: 15px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading04 h3::before {
    position: absolute;
    content: "4";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 10%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    padding-right: 22px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading05 h3::before {
    position: absolute;
    content: "5";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 10%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading06 h3::before {
    position: absolute;
    content: "6";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 13%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading07 h3::before {
    position: absolute;
    content: "7";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 15%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading08 h3::before {
    position: absolute;
    content: "8";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 17%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading09 h3::before {
    position: absolute;
    content: "9";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 18%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .heading10 h3::before {
    position: absolute;
    content: "10";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 21%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section4 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter7-section4 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter7-section4 .section1-inner-content .text-only02 img {
    float: right;
    padding: 10px;
}

.chapter7-section4 .section1-inner-content .textwidth {
    width: 70% !important;
}

.chapter7-section4 .section1-inner-content .textwidth02 {
    width: 65% !important;
}

.chapter7-section4 .section1-inner-content .pagespeed {
    margin-top: 245px;
}

.chapter7-section4 .section1-inner-content .second-mt-heading {
    margin-top: 35px;
}

.chapter7-section4 .section1-inner-content .checkfor302 {
    margin-top: 300px;
}

.chapter7-section4 .section1-inner-content .xml {
    margin-top: 260px;
}

.chapter7-section4 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chapter7-section4 .section1-inner-content .img-float .text-box-color {
    background-color: #f3f3db !important;
}

.chapter7-section4 .section1-inner-content .img-float .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
    margin: 0px
}

.chapter7-section4 .section1-inner-content .img-float .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 7 Section 05  */

.chapter7-section5 .bg-color {
    background-color: #ee4826;
}

.chapter7-section5 .section1-inner-content .heading-text .big-number span {
    color: #ffffff;
}

.chapter7-section5 .section-heading h2 {
    width: fit-content !important;
}

.chapter7-section5 .section1-inner-content .img-float img {
    margin: 0px;
    margin: 0px 55px;
    float: right;
}

.chapter7-section5 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
    color: #ffffff;
}

.chapter7-section5 .section1-inner-content .mar-top {
    position: relative;
}

.chapter7-section5 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter7-section5 .section1-inner-content .heading01 h3,
.chapter7-section5 .section1-inner-content .heading02 h3,
.chapter7-section5 .section1-inner-content .heading03 h3,
.chapter7-section5 .section1-inner-content .heading04 h3,
.chapter7-section5 .section1-inner-content .heading05 h3 {
    font-size: 36px;
    color: #ffffff;
    padding-left: 45px;
    display: inline;
}

.chapter7-section5 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section5 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section5 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section5 .section1-inner-content .heading02 h3::before {
    position: absolute;
    content: "2";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section5 .section1-inner-content .heading03 h3::before {
    position: absolute;
    content: "3";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section5 .section1-inner-content .heading04 h3::before {
    position: absolute;
    content: "4";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section5 .section1-inner-content .heading05 h3::before {
    position: absolute;
    content: "5";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section5 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section5 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section5 .section1-inner-content .text-only02 img {
    float: right;
    padding: 10px;
}

.chapter7-section5 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #0d66b0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chapter7-section5 .section1-inner-content .text-box-color {
    background-color: #d7edff !important;
}

.chapter7-section5 .section1-inner-content .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
    margin: 0px
}

.chapter7-section5 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 7 Section 6  */

.chapter7-section06 .bg-color {
    background-color: #282828 !important;
    position: relative;
    overflow: inherit !important;
}

.chapter7-section06 .bg-color .big-number span {
    color: #eb4332;
}

.chapter7-section06 .bg-color .section-heading h2 {
    width: fit-content !important;
    color: #272b2c;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
    margin-bottom: 15px;
}

.chapter7-section06 .bg-color .section3-inner-content-detail .img-float img {
    float: right;
    padding: 0px 40px;
    margin: 0px;
    width: 42%;
}

.chapter7-section06 .bg-color .section3-inner-content-detail .img-float p {
    padding-top: 0px;
    width: 100% !important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul span {
    color: #eb4332;
    font-weight: bold;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul p {
    padding: 0px !important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .red-color {
    color: #eb4332;
    padding-bottom: 0px !important;
    font-weight: 400;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .pad-zero {
    padding: 0px !important;
}

.chapter7-section06 .section3-inner-content:after {
    display: none;
}

.chapter7-section06 .section3-inner-content .sub-heading h3 {
    font-size: 36px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    margin: 20px 0px;
    font-weight: 400;
}

.chapter7-section06 .section3-inner-content .heading01 h2,
.chapter7-section06 .section3-inner-content .heading02 h2,
.chapter7-section06 .section3-inner-content .heading03 h2,
.chapter7-section06 .section3-inner-content .heading04 h2,
.chapter7-section06 .section3-inner-content .heading05 h2,
.chapter7-section06 .section3-inner-content .heading06 h2,
.chapter7-section06 .section3-inner-content .heading07 h2,
.chapter7-section06 .section3-inner-content .heading08 h2,
.chapter7-section06 .section3-inner-content .heading09 h2,
.chapter7-section06 .section3-inner-content .heading10 h2 {
    font-family: 'Merriweather', serif;
    font-size: 35px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 30px 0px;
    margin-left: 80px;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only {
    position: relative;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only img {
    width: 100%;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading01 h2::before {
    position: absolute;
    content: "1";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading02 h2::before {
    position: absolute;
    content: "2";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading03 h2::before {
    position: absolute;
    content: "3";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading04 h2::before {
    position: absolute;
    content: "4";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading05 h2::before {
    position: absolute;
    content: "5";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading06 h2::before {
    position: absolute;
    content: "6";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading07 h2::before {
    position: absolute;
    content: "7";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading08 h2::before {
    position: absolute;
    content: "8";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading09 h2::before {
    position: absolute;
    content: "9";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading10 h2::before {
    position: absolute;
    content: "10";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box {
    background-color: #fff2f1;
    border: 1px solid #83352d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box p {
    color: #282828;
    padding: 30px !important;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box span {
    color: #f75158;
    font-weight: 400;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-box-color02 {
    background-color: #f3f3db;
    border: 1px solid #7f7f74;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-box-color03 {
    background-color: #d7edff;
    border: 1px solid #0d66b0;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p {
    padding: 30px 0px;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .floating-img {
    float: right;
}

.chapter7-section06 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .text-with-img {
    width: 55%;
}


/* Chapter 7 section 7 */

.chapter7-section7 {
    position: relative;
}

.chapter7-section7 .section1-inner-content {
    background-color: #f7f7f7;
}

.chapter7-section7 .section1-inner-content .heading-text .big-number span {
    color: #eb4332;
}

.chapter7-section7 .section-heading h2 {
    width: fit-content !important;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
    margin-bottom: 15px;
}

.chapter7-section7 .section1-inner-content .img-float img {
    float: right;
    margin: 0px;
    width: 48%;
    padding: 0px 5px;
}

.chapter7-section7 .section1-inner-content .img-float p {
    color: #272b2c;
    width: 100%;
}


/* Chapter 7 section 8 */

.chapter7-section8 .bg-color {
    background-color: #ee4826;
}

.chapter7-section8 .section1-inner-content .heading-text .big-number span {
    color: #ffffff;
}

.chapter7-section8 .section-heading h2 {
    width: fit-content !important;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
}

.chapter7-section8 .section1-inner-content .img-float img {
    margin: 0px;
    margin: 0px 30px;
    float: right;
}

.chapter7-section8 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
    color: #ffffff;
    padding-bottom: 30px;
}

.chapter7-section8 .section1-inner-content:before {
    display: none;
}

.chapter7-section8 .section1-inner-content .heading-text {
    display: flex;
    justify-content: left;
    align-items: center;
}

.chapter7-section8 .section1-inner-content .mar-top {
    position: relative;
}

.chapter7-section8 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter7-section8 .section1-inner-content .heading01 h3,
.chapter7-section8 .section1-inner-content .heading02 h3,
.chapter7-section8 .section1-inner-content .heading03 h3,
.chapter7-section8 .section1-inner-content .heading04 h3 {
    font-size: 36px;
    color: #ffffff;
    padding-left: 45px;
    display: inline;
}

.chapter7-section8 .section1-inner-content .heading02 h3,
.chapter7-section8 .section1-inner-content .heading03 h3,
.chapter7-section8 .section1-inner-content .heading04 h3 {
    padding-left: 0px;
}

.chapter7-section8 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section8 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section8 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section8 .section1-inner-content .text-only02 img {
    float: right;
    padding: 10px;
}

.chapter7-section8 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #0d66b0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chapter7-section8 .section1-inner-content .text-box-color {
    background-color: #d7edff !important;
}

.chapter7-section8 .section1-inner-content .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
    margin: 0px
}

.chapter7-section8 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 7 Section 10  */

.chapter7-section10 .bg-color {
    background-color: #f7f7f7 !important;
    position: relative;
    overflow: inherit !important;
}

.chapter7-section10 .bg-color .big-number span {
    color: #eb4332;
}

.chapter7-section10 .bg-color .section-heading h2 {
    width: fit-content !important;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    margin-bottom: 15px;
    font-size: 38px;
}

.chapter7-section10 .bg-color .section-heading {
    margin-left: 15px;
}

.chapter7-section10 .section3-inner-content:before {
    display: none;
}

.chapter7-section10 .bg-color .section3-inner-content-detail .img-float img {
    float: right;
    padding: 0px 40px;
    margin: 0px;
    width: 46%;
}

.chapter7-section10 .bg-color .section3-inner-content-detail .img-float p {
    padding-top: 0px;
    width: 100% !important;
    color: #272b2c;
}

.chapter7-section10 .bg-color .section3-inner-content-detail ul span {
    color: #eb4332;
    font-weight: bold;
}

.chapter7-section10 .bg-color .section3-inner-content-detail ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter7-section10 .bg-color .section3-inner-content-detail ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter7-section10 .bg-color .section3-inner-content-detail ul img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter7-section10 .bg-color .section3-inner-content-detail ul p {
    padding-bottom: 0px;
}

.chapter7-section10 .section3-inner-content:after {
    display: none;
}

.chapter7-section10 .section3-inner-content .sub-heading h3,
.chapter7-section10 .section3-inner-content .sub-heading02 h3,
.chapter7-section10 .section3-inner-content .sub-heading03 h3,
.chapter7-section10 .section3-inner-content .sub-heading04 h3,
.chapter7-section10 .section3-inner-content .sub-heading05 h3 {
    font-size: 40px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #eb4332;
    margin: 20px 0px;
    font-weight: 400;
    margin-left: 25px;
}

.chapter7-section10 .section3-inner-content .sub-heading02 h3,
.chapter7-section10 .section3-inner-content .sub-heading03 h3,
.chapter7-section10 .section3-inner-content .sub-heading04 h3,
.chapter7-section10 .section3-inner-content .sub-heading05 h3 {
    margin-left: 40px;
    margin-top: 40px;
}

.chapter7-section10 .section3-inner-content .sub-heading h3::before {
    position: absolute;
    content: "";
    background: url(../image/section07/section10/one.png);
    width: 6%;
    height: 6%;
    background-repeat: no-repeat;
    left: 0px;
}

.chapter7-section10 .section3-inner-content .sub-heading h3::after {
    position: absolute;
    content: "";
    background: url(../image/section07/section10/underline.png);
    width: 40%;
    height: 1%;
    background-repeat: no-repeat;
    left: 0px;
    top: 170px;
}

.chapter7-section10 .section3-inner-content .sub-heading02 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section07/section10/two.png);
    width: 6%;
    height: 6%;
    background-repeat: no-repeat;
    left: 0px;
}

.chapter7-section10 .section3-inner-content .sub-heading03 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section07/section10/three.png);
    width: 6%;
    height: 6%;
    background-repeat: no-repeat;
    left: 0px;
}

.chapter7-section10 .section3-inner-content .sub-heading04 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section07/section10/four.png);
    width: 6%;
    height: 6%;
    background-repeat: no-repeat;
    left: 0px;
}

.chapter7-section10 .section3-inner-content .sub-heading05 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section07/section10/five.png);
    width: 6%;
    height: 6%;
    background-repeat: no-repeat;
    left: 0px;
}

.chapter7-section10 .section3-inner-content .sub-heading05 h3::after,
.chapter7-section10 .section3-inner-content .sub-heading02 h3::after,
.chapter7-section10 .section3-inner-content .sub-heading03 h3::after,
.chapter7-section10 .section3-inner-content .sub-heading04 h3::after {
    position: absolute;
    content: "";
    background: url(../image/section07/section10/underline.png);
    width: 40%;
    height: 1%;
    background-repeat: no-repeat;
    left: 0px;
    top: 90px;
}

.chapter7-section10 .section3-inner-content .heading01 h2 {
    font-family: 'Merriweather', serif;
    font-size: 45px;
    color: #272b2c;
    text-transform: uppercase;
    margin: 30px 0px;
    font-weight: bold;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only {
    position: relative;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only img {
    width: 100%;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box {
    background-color: #fff2f1;
    border: 1px solid #eb4332;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    width: 100%;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-box-color-02 {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-box-color-03 {
    background-color: #d7edff;
    border: 1px solid #0d66b0;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box p {
    padding: 30px !important;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p {
    padding: 30px 0px;
    color: #272b2c;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box span {
    color: #f75158;
    font-weight: 400;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .floating-img {
    float: right;
}

.chapter7-section10 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .text-with-img {
    width: 55%;
}


/* Chapter 7 Section 11  */

.chapter7-section11 .bg-color {
    background-color: #ee4826;
}

.chapter7-section11 .section1-inner-content .heading-text .big-number span {
    color: #ffffff;
}

.chapter7-section11 .section-heading h2 {
    width: fit-content !important;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    margin-bottom: 15px;
}

.chapter7-section11 .section1-inner-content .img-float img {
    margin: 0px 25px;
    float: right;
    width: 38%;
}

.chapter7-section11 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
    color: #ffffff;
}

.chapter7-section11 .section1-inner-content .mar-top {
    position: relative;
}

.chapter7-section11 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter7-section11 .section1-inner-content .heading01 h3,
.chapter7-section11 .section1-inner-content .heading02 h3,
.chapter7-section11 .section1-inner-content .heading03 h3,
.chapter7-section11 .section1-inner-content .heading04 h3 {
    font-size: 36px;
    color: #ffffff;
    padding-left: 45px;
    display: inline;
}

.chapter7-section11 .section1-inner-content .heading05 h3 {
    padding-left: 0px;
    font-size: 48px;
    color: #ffffff;
    display: inline;
}

.chapter7-section11 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section11 .section1-inner-content .heading02 h3::before {
    position: absolute;
    content: "2";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section11 .section1-inner-content .heading03 h3::before {
    position: absolute;
    content: "3";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section11 .section1-inner-content .heading04 h3::before {
    position: absolute;
    content: "4";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section11 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section11 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section11 .section1-inner-content .text-only02 img {
    float: right;
    padding: 10px;
}

.chapter7-section11 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #0d66b0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chapter7-section11 .section1-inner-content .text-box-color {
    background-color: #d7edff !important;
}

.chapter7-section11 .section1-inner-content .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
    margin: 0px
}

.chapter7-section11 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 7 Section 12  */

.chapter7-section12 .bg-color {
    background-color: #282828;
}

.chapter7-section12 .section1-inner-content .heading-text .big-number span {
    color: #eb4332;
    ;
}

.chapter7-section12 .section-heading h2 {
    width: fit-content !important;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    margin-bottom: 15px;
}

.chapter7-section12 .section1-inner-content .img-float img {
    width: 50%;
    margin: 0px 10px;
    float: right;
}

.chapter7-section12 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
    color: #ffffff;
}

.chapter7-section12 .section1-inner-content .mar-top {
    position: relative;
}

.chapter7-section12 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter7-section12 .section1-inner-content .heading01 h3,
.chapter7-section12 .section1-inner-content .heading02 h3,
.chapter7-section12 .section1-inner-content .heading03 h3,
.chapter7-section12 .section1-inner-content .heading04 h3,
.chapter7-section12 .section1-inner-content .heading05 h3,
.chapter7-section12 .section1-inner-content .heading06 h3,
.chapter7-section12 .section1-inner-content .heading07 h3,
.chapter7-section12 .section1-inner-content .heading08 h3,
.chapter7-section12 .section1-inner-content .heading09 h3,
.chapter7-section12 .section1-inner-content .heading10 h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter7-section12 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading02 h3::before {
    position: absolute;
    content: "2";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading03 h3::before {
    position: absolute;
    content: "3";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading04 h3::before {
    position: absolute;
    content: "4";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading05 h3::before {
    position: absolute;
    content: "5";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading06 h3::before {
    position: absolute;
    content: "6";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading07 h3::before {
    position: absolute;
    content: "7";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading08 h3::before {
    position: absolute;
    content: "8";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading09 h3::before {
    position: absolute;
    content: "9";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .heading10 h3::before {
    position: absolute;
    content: "10";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter7-section12 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section12 .section1-inner-content .text-only span {
    color: #eb4332;
    font-weight: 400;
}

.chapter7-section12 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section12 .section1-inner-content .text-only02 img {
    float: right;
    padding: 10px;
}


/* Chapter 7 Section 9 */

.chapter7-section9 {
    position: relative;
}

.chapter7-section9 .section1-inner-content {
    background-color: #282828;
}

.chapter7-section9 .section1-inner-content .heading-text .big-number span {
    color: #eb4332;
}

.chapter7-section9 .section-heading h2 {
    width: fit-content !important;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    margin-bottom: 15px;
}

.chapter7-section9 .section1-inner-content .img-float img {
    float: right;
    margin: 0px;
    width: 40%;
    padding: 0px 15px;
}

.chapter7-section9 .section1-inner-content .img-float p {
    color: #ffffff;
    width: 100%;
}

.chapter7-section9 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    width: 100%;
}

.chapter7-section9 .section1-inner-content .text-box-color-02 {
    background-color: #fff2f1;
    border: 1px solid #eb4332;
}

.chapter7-section9 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}

.chapter7-section9 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter7-section9 .section1-inner-content .text-only img {
    float: right;
}

.chapter7-section9 .section1-inner-content .text-only .tick-listitems {}

.chapter7-section9 .section1-inner-content .text-only ul {
    margin-left: 10px;
    margin-bottom: 30px;
    display: inline-block;
}

.chapter7-section9 .section1-inner-content .text-only ul li {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.chapter7-section9 .section1-inner-content .text-only ul li p {
    margin: 0px;
}

.chapter7-section9 .section1-inner-content .text-only ul li img {
    float: left;
}

.chapter7-section9 .section1-inner-content .text-only .sub-heading h3 {
    font-family: 'Lato', sans-serif;
    color: #eb4332;
    font-size: 36px;
}


/* Chapter 7 Conclusion */

.chapter7-last-bg {
    background-color: #f3f3db !important;
    border: 1px solid #cbcbb6 !important;
}

.chapter7-last-bg span {
    color: #eb4332 !important;
    font-weight: 400;
}

.chapter7-last-bg .conclusion {
    padding: 15px 0px;
}


/* ---------------------Chapter 7 styling end-------------------------------*/


/* ------------------------------------------------------------------------ */


/* ---------------------Chapter 9 styling ----------------------------------*/


/* ------------------------------------------------------------------------ */

.chapter9-into {
    background-image: url(../image/section09/intro/intro-bg.png) !important;
    background-position-y: -27px !important;
    height: 765px;
}

.chapter9-into .centerlize {
    display: flex;
    justify-content: flex-end;
}

.chapter9-into .laptop-text {
    width: 42%;
    padding-top: 165px;
}

.chapter9-into .big-border-line {
    color: #272b2c !important;
}

.chapter9-into .laptop-text p {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-left: 5px;
}

.chapter9-into .laptop-text span {
    color: #eb4332;
}

.chapter9-into-btm {
    background-color: #eb4332 !important;
}

.chapter9-into-btm .illustration {
    background-image: none !important;
}


/* Chapter 9 Section 1  */

.chapter9-section1 .section-heading h2 {
    width: fit-content !important;
}

.chapter9-section1 .section1-inner-content {
    position: relative;
    overflow: inherit !important;
}

.chapter9-section1 .section1-inner-content .img-float img {
    margin-top: 0px;
    width: 35%;
}

.chapter9-section1 .section1-inner-content .img-float {
    display: inline-block;
}

.chapter9-section1 .section1-inner-content .img-float p {
    width: 100%;
}

.chapter9-section1 .section1-inner-content h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter9-section1 .section1-inner-content .mar-top {
    display: inline-block;
    position: relative;
}

.chapter9-section1 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter9-section1 .section1-inner-content .mar-top h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 21%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -6px;
}

.chapter9-section1 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter9-section1 .section1-inner-content .text-only .list-container {}

.chapter9-section1 .section1-inner-content .text-only .list-container ul {
    display: inline-table;
    margin-left: 10px;
}

.chapter9-section1 .section1-inner-content .text-only .list-container ul li {
    display: flow-root;
}

.chapter9-section1 .section1-inner-content .text-only .list-container ul p {
    margin: 0px;
}

.chapter9-section1 .section1-inner-content .text-only .list-container ul img {
    float: left;
    margin: 8px 0px;
}

.chapter9-section1 .section1-inner-content .ribbon-heading01 {
    display: inline-block;
    position: relative;
}

.chapter9-section1 .section1-inner-content .ribbon-heading-container {
    display: inline-block;
    position: relative;
}

.chapter9-section1 .section1-inner-content .ribbon-heading01 h3,
.chapter9-section1 .section1-inner-content .ribbon-heading02 h3,
.chapter9-section1 .section1-inner-content .ribbon-heading03 h3,
.chapter9-section1 .section1-inner-content .ribbon-heading04 h3,
.chapter9-section1 .section1-inner-content .ribbon-heading05 h3,
.chapter9-section1 .section1-inner-content .ribbon-heading06 h3 {
    font-size: 36px;
    color: #272b2c;
    padding-left: 45px;
    display: inline;
}

.chapter9-section1 .section1-inner-content .ribbon-heading01 h3:before {
    position: absolute;
    content: "1";
    background: url(../image/section09/section1/red-ribbon.png);
    width: 52%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: -10px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section1 .section1-inner-content .ribbon-heading02 h3:before {
    position: absolute;
    content: "2";
    background: url(../image/section09/section1/red-ribbon.png);
    width: 10%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: -10px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section1 .section1-inner-content .ribbon-heading03 h3:before {
    position: absolute;
    content: "3";
    background: url(../image/section09/section1/red-ribbon.png);
    width: 10%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: -10px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section1 .section1-inner-content .ribbon-heading04 h3:before {
    position: absolute;
    content: "4";
    background: url(../image/section09/section1/red-ribbon.png);
    width: 10%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: -10px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section1 .section1-inner-content .ribbon-heading05 h3:before {
    position: absolute;
    content: "5";
    background: url(../image/section09/section1/red-ribbon.png);
    width: 10%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: -10px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section1 .section1-inner-content .ribbon-heading06 h3:before {
    position: absolute;
    content: "6";
    background: url(../image/section09/section1/red-ribbon.png);
    width: 10%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: -10px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section1 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter9-section1 .section1-inner-content .text-only02 span,
.chapter9-section1 .section1-inner-content .text-only span {
    color: #0089c9;
    font-weight: bold;
}

.chapter9-section1 .section1-inner-content .text-only02 img {
    float: right;
    padding: 0px 10px;
}

.chapter9-section1 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    width: 100%;
}

.chapter9-section1 .section1-inner-content .text-in-box p {
    padding: 0px 30px;
}

.chapter9-section1 .section1-inner-content .blue-color {
    background-color: #e7f4ff;
    border: 1px solid #2a79bb;
}

.chapter9-section1 .section1-inner-content .red-color {
    background-color: #fff2f1;
    border: 1px solid #ef6658;
}

.chapter9-section1 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 7 Section 2  */

.chapter9-section02 .bg-color {
    background-color: #282828 !important;
    position: relative;
    overflow: inherit !important;
}

.chapter9-section02 .bg-color .big-number span {
    color: #eb4332;
}

.chapter9-section02 .bg-color .section-heading h2 {
    width: fit-content !important;
    color: #272b2c;
}

.chapter9-section02 .bg-color .section3-inner-content-detail .img-float img {
    float: right;
    padding: 0px 40px;
    margin: 0px;
    width: 42%;
}

.chapter9-section02 .bg-color .section3-inner-content-detail .img-float p {
    padding-top: 0px;
    width: 100% !important;
}

.chapter9-section02 .bg-color .section3-inner-content-detail ul span {
    color: #eb4332;
    font-weight: bold;
    margin-right: 15px;
}

.chapter9-section02 .bg-color .section3-inner-content-detail ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter9-section02 .bg-color .section3-inner-content-detail ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter9-section02 .bg-color .section3-inner-content-detail ul img {
    width: 25px !important;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter9-section02 .bg-color .section3-inner-content-detail ul p {
    padding: 0px !important;
}

.chapter9-section02 .section3-inner-content:after {
    display: none;
}

.chapter9-section02 .section3-inner-content .sub-heading h3 {
    font-size: 36px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    margin: 20px 0px;
    font-weight: 400;
}

.chapter9-section02 .section3-inner-content .heading01 h2,
.chapter9-section02 .section3-inner-content .heading02 h2,
.chapter9-section02 .section3-inner-content .heading03 h2,
.chapter9-section02 .section3-inner-content .heading04 h2,
.chapter9-section02 .section3-inner-content .heading05 h2,
.chapter9-section02 .section3-inner-content .heading06 h2,
.chapter9-section02 .section3-inner-content .heading07 h2,
.chapter9-section02 .section3-inner-content .heading08 h2,
.chapter9-section02 .section3-inner-content .heading09 h2,
.chapter9-section02 .section3-inner-content .heading10 h2 {
    font-family: 'Merriweather', serif;
    font-size: 35px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 30px 0px;
    margin-left: 80px;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only {
    position: relative;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only img {
    width: 100%;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading01 h2::before {
    position: absolute;
    content: "1";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading02 h2::before {
    position: absolute;
    content: "2";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading03 h2::before {
    position: absolute;
    content: "3";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading04 h2::before {
    position: absolute;
    content: "4";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading05 h2::before {
    position: absolute;
    content: "5";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading06 h2::before {
    position: absolute;
    content: "6";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading07 h2::before {
    position: absolute;
    content: "7";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading08 h2::before {
    position: absolute;
    content: "8";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading09 h2::before {
    position: absolute;
    content: "9";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading10 h2::before {
    position: absolute;
    content: "10";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box p {
    color: #282828;
    padding: 30px !important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p {
    padding: 30px 0px;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .blue-color {
    background-color: #e7f4ff;
    border: 1px solid #2a79bb;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .red-color {
    background-color: #fff2f1;
    border: 1px solid #ef6658;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p span,
.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .text-in-box .red-conclusion {
    color: #eb4332;
    font-weight: bold;
    font-size: 36px;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box span {
    color: #f75158;
    font-size: 24px !important;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .floating-img {
    float: right;
}

.chapter9-section02 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .text-with-img {
    width: 55%;
}


/* Chapter 9 Section 3  */

.chapter9-section03 .bg-color {
    background-color: #f7f7f7 !important;
    position: relative;
    overflow: inherit !important;
}

.chapter9-section03 .bg-color .big-number span {
    color: #eb4332;
}

.chapter9-section03 .bg-color .section-heading h2 {
    width: fit-content !important;
    color: #272b2c;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
    margin-bottom: 15px;
}

.image-with-text {
    float: right;
    padding: 0px 40px;
    margin: 0px;
    width: 50% !important;
}

.red-color-text {
    color: #d93725 !important;
    font-size: 24px !important;
}

.chapter9-section03 .bg-color .section3-inner-content-detail .img-float img {
    float: right;
    margin: 0px;
    margin-bottom: 15px;
    width: 100%;
}

.chapter9-section03 .bg-color .section3-inner-content-detail .img-float p {
    padding-top: 0px;
    width: 100% !important;
    color: #282828;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul span {
    color: #eb4332;
    font-weight: bold;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only ul p {
    padding: 0px !important;
    color: #282828;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .red-color {
    color: #eb4332;
    padding-bottom: 0px !important;
    font-weight: 400;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .pad-zero {
    padding: 0px !important;
}

.chapter9-section03 .section3-inner-content:after {
    display: none;
}

.chapter9-section03 .section3-inner-content .sub-heading h3 {
    font-size: 36px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    margin: 20px 0px;
    font-weight: 400;
}

.chapter9-section03 .section3-inner-content .heading01 h2,
.chapter9-section03 .section3-inner-content .heading02 h2,
.chapter9-section03 .section3-inner-content .heading03 h2,
.chapter9-section03 .section3-inner-content .heading04 h2,
.chapter9-section03 .section3-inner-content .heading05 h2,
.chapter9-section03 .section3-inner-content .heading06 h2,
.chapter9-section03 .section3-inner-content .heading07 h2,
.chapter9-section03 .section3-inner-content .heading08 h2,
.chapter9-section03 .section3-inner-content .heading09 h2,
.chapter9-section03 .section3-inner-content .heading10 h2 {
    font-family: 'Merriweather', serif;
    font-size: 30px;
    color: #282828;
    text-transform: uppercase;
    margin: 30px 0px;
    margin-left: 208px;
    font-weight: bold;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only {
    position: relative;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only img {
    width: 100%;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading01 h2::before {
    position: absolute;
    content: "stage 1";
    background: url(../image/section09/section3/red-ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading02 h2::before {
    position: absolute;
    content: "stage 2";
    background: url(../image/section09/section3/red-ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading03 h2::before {
    position: absolute;
    content: "stage 3";
    background: url(../image/section09/section3/red-ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading04 h2::before {
    position: absolute;
    content: "stage 4";
    background: url(../image/section09/section3/red-ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading05 h2::before {
    position: absolute;
    content: "stage 5";
    background: url(../image/section09/section3/red-ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading06 h2::before {
    position: absolute;
    content: "stage 6";
    background: url(../image/section09/section3/red-ribbon.png);
    width: 30%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading07 h2::before {
    position: absolute;
    content: "7";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading08 h2::before {
    position: absolute;
    content: "8";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading09 h2::before {
    position: absolute;
    content: "9";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .heading10 h2::before {
    position: absolute;
    content: "10";
    background: url(../image/section08/section02/ribbon.png);
    width: 16%;
    height: 85px;
    background-repeat: no-repeat;
    left: -56px;
    top: 15px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    font-family: 'Merriweather', serif;
    color: white!important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box,
.chapter9-section03 .section3-inner-content .text-in-box {
    background-color: #fff2f1;
    border: 1px solid #eb4332;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box p,
.chapter9-section03 .section3-inner-content .text-in-box p {
    color: #282828;
    padding: 30px !important;
    margin: 0px !important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-in-box span,
.chapter9-section03 .section3-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
    font-size: 24px !important;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-box-color02,
.chapter9-section03 .section3-inner-content .text-box-color02 {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-box-color03,
.chapter9-section03 .section3-inner-content .text-box-color03 {
    background-color: #d7edff;
    border: 1px solid #0d66b0;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p {
    padding: 30px 0px;
    color: #282828;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only p span {
    color: #eb4331;
    font-weight: bold;
    font-size: 30px;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .floating-img {
    float: right;
}

.chapter9-section03 .section3-inner-content .section3-inner-content-detail .text-only-container .text-only .text-with-img {
    width: 55%;
}


/* Chapter 9 Section 04  */

.chapter9-section4 .bg-color {
    background-color: #e74231;
}

.chapter9-section4 .section1-inner-content .heading-text .big-number span {
    color: #f7f7f7;
}

.chapter9-section4 .section-heading h2 {
    width: fit-content !important;
}

.chapter9-section4 .section1-inner-content .img-float p img {
    padding: 20px;
    width: auto;
}

.chapter9-section4 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
    color: #f7f7f7;
}

.chapter9-section4 .section1-inner-content .mar-top {
    position: relative;
}

.chapter9-section4 .section1-inner-content .top-margn-85 {
    margin-top: 85px;
}

.chapter9-section4 .section1-inner-content .heading01 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 0px;
    padding-left: 10px;
    color: #f7f7f7;
}

.chapter9-section4 .section1-inner-content .text-only .list-container ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    color: #ffffff;
    display: flex;
}

.chapter9-section4 .section1-inner-content .text-only .list-container ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
    width: 100%;
}

.chapter9-section4 .section1-inner-content .text-only .list-container ul img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter9-section4 .section1-inner-content .text-only .list-container ul p {
    padding: 0px !important;
    color: #282828;
}

.chapter9-section4 .section1-inner-content .heading01 h3,
.chapter9-section4 .section1-inner-content .heading02 h3,
.chapter9-section4 .section1-inner-content .heading03 h3,
.chapter9-section4 .section1-inner-content .heading04 h3,
.chapter9-section4 .section1-inner-content .heading05 h3,
.chapter9-section4 .section1-inner-content .heading06 h3,
.chapter9-section4 .section1-inner-content .heading07 h3,
.chapter9-section4 .section1-inner-content .heading08 h3,
.chapter9-section4 .section1-inner-content .heading09 h3,
.chapter9-section4 .section1-inner-content .heading10 h3 {
    font-size: 36px;
    color: #f7f7f7;
    padding-left: 10px;
    display: inline;
}

.chapter9-section4 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section09/section4/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: 5px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section4 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #f7f7f7;
}

.chapter9-section4 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #f7f7f7;
}

.chapter9-section4 .section1-inner-content .text-only img {
    width: 100%;
    margin-bottom: 30px;
}

.chapter9-section4 .section1-inner-content .height-500 {
    height: 500px;
}

.chapter9-section4 .section1-inner-content .height-300 {
    height: 300px;
}

.chapter9-section4 .section1-inner-content .height-340 {
    height: 340px;
}

.chapter9-section4 .section1-inner-content .text-only .margin-btm-0 {
    margin-bottom: 0px !important;
}

.chapter9-section4 .section1-inner-content .text-only .margin-top {
    margin-top: 30px;
}

.chapter9-section4 .section1-inner-content .black-ribbon-container .black-ribbon-heading::before {
    position: absolute;
    content: "Other Resources";
    background: url(../image/section09/section4/black-ribbon.png);
    width: 39%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    text-align: center;
    padding: 9px;
    color: #fff;
    font-weight: bold;
    font-size: 36px;
}

.chapter9-section4 .section1-inner-content .text-only02 img {
    float: right;
    padding: 10px;
}

.chapter9-section4 .section1-inner-content .textwidth {
    width: 70% !important;
}

.chapter9-section4 .section1-inner-content .textwidth02 {
    width: 65% !important;
}

.chapter9-section4 .section1-inner-content .pagespeed {
    margin-top: 245px;
}

.chapter9-section4 .section1-inner-content .second-mt-heading {
    margin-top: 35px;
}

.chapter9-section4 .section1-inner-content .checkfor302 {
    margin-top: 300px;
}

.chapter9-section4 .section1-inner-content .xml {
    margin-top: 260px;
}

.chapter9-section4 .section1-inner-content .text-in-box {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.chapter9-section4 .section1-inner-content .img-float .text-box-color {
    background-color: #f3f3db !important;
}

.chapter9-section4 .section1-inner-content .img-float .text-in-box p,
.chapter9-section4 .section1-inner-content .text-only .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
    margin: 0px
}

.chapter9-section4 .section1-inner-content .img-float .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 9 Section 05  */

.chapter9-section5 .bg-color {
    background-color: #282828;
}

.chapter9-section5 .bg-color02 {
    background-color: #1c1c1c;
}

.chapter9-section5 .bg-color02::before,
.chapter9-section5 .bg-color02::after {
    display: none;
}

.chapter9-section5 .section1-inner-content .heading-text .big-number span {
    color: #eb4332;
}

.chapter9-section5 .section-heading h2 {
    width: fit-content !important;
}

.chapter9-section5 .section1-inner-content .img-float img {
    margin: 0px;
    margin: 0px 20px;
    width: 45%;
    float: right;
}

.chapter9-section5 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
    color: #ffffff;
}

.chapter9-section5 .section1-inner-content .mar-top {
    position: relative;
}

.margin-btm-30 {
    margin-bottom: 30px;
}

.chapter9-section5 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter9-section5 .section1-inner-content .heading01 h3,
.chapter9-section5 .section1-inner-content .heading02 h3,
.chapter9-section5 .section1-inner-content .heading03 h3,
.chapter9-section5 .section1-inner-content .heading04 h3,
.chapter9-section5 .section1-inner-content .heading05 h3,
.chapter9-section5 .section1-inner-content .heading06 h3,
.chapter9-section5 .section1-inner-content .heading07 h3,
.chapter9-section5 .section1-inner-content .heading08 h3,
.chapter9-section5 .section1-inner-content .heading09 h3,
.chapter9-section5 .section1-inner-content .heading10 h3 {
    font-size: 36px;
    color: #eb4331;
    padding-left: 10px;
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    margin: 20px 0px;
}

.chapter9-section5 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter9-section5 .section1-inner-content .text-only p span {
    color: #eb4331;
    font-weight: bold;
}

.chapter9-section5 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #ffffff;
}

.chapter9-section5 .section1-inner-content .text-only02 img {
    float: right;
    padding: 10px;
}

.chapter9-section5 .section1-inner-content .text-only02 {
    display: inline-block;
}

.chapter9-section5 .section1-inner-content .text-only img {
    width: 100%;
}

.chapter9-section5 .section1-inner-content .text-in-box {
    background-color: #fff2f1;
    border: 1px solid #eb4332;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.chapter9-section5 .section1-inner-content .text-box-color {
    background-color: #d7edff !important;
    border: 1px solid #0d66b0;
}

.chapter9-section5 .section1-inner-content .text-box-color02 {
    background-color: #f3f3db;
    border: 1px solid #cbcbb6;
}

.chapter9-section5 .section1-inner-content .text-box-color03 {
    background-color: #d7edff;
    border: 1px solid #0d66b0;
}

.chapter9-section5 .section1-inner-content .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
    margin: 0px
}

.chapter9-section5 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 9 Section 06  */

.chapter9-section6 .bg-color {
    background-color: #f7f7f7;
}

.chapter9-section6 .section1-inner-content .heading-text .big-number span {
    color: #eb4332;
}

.chapter9-section6 .section-heading h2 {
    width: fit-content !important;
    color: #272b2c;
    border: 1px solid black;
    border-radius: 100px;
    padding: 9px 20px;
    background: #f3f3f3;
    width: 100%;
    margin-bottom: 15px;
}

.chapter9-section6 .section1-inner-content .img-float p img {
    margin: 0px 10px;
    width: auto;
}

.chapter9-section6 .section1-inner-content .img-float p {
    width: 100%;
    float: none;
}

.chapter9-section6 .section1-inner-content .mar-top {
    position: relative;
}

.chapter9-section6 .section1-inner-content .reset-top-margn {
    margin-top: 0px;
}

.chapter9-section6 .section1-inner-content .heading01 h3,
.chapter9-section6 .section1-inner-content .heading02 h3,
.chapter9-section6 .section1-inner-content .heading03 h3,
.chapter9-section6 .section1-inner-content .heading04 h3,
.chapter9-section6 .section1-inner-content .heading05 h3,
.chapter9-section6 .section1-inner-content .heading06 h3,
.chapter9-section6 .section1-inner-content .heading07 h3,
.chapter9-section6 .section1-inner-content .heading08 h3,
.chapter9-section6 .section1-inner-content .heading09 h3,
.chapter9-section6 .section1-inner-content .heading10 h3 {
    font-size: 36px;
    color: #eb4332;
    padding-left: 45px;
    display: inline;
}

.chapter9-section6 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "1";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading01 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading02 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading03 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading04 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading05 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading06 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading07 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading08 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading09 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .heading10 h3::before {
    position: absolute;
    content: "";
    background: url(../image/section10/section01/blue-arrow.png);
    width: 7%;
    height: 160%;
    background-repeat: no-repeat;
    left: -26px;
    top: -10px;
    text-align: center;
    padding: 9px;
    color: #fff;
}

.chapter9-section6 .section1-inner-content .text-only p {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter9-section6 .section1-inner-content .text-only02 p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 30px 0px;
    padding: 0px 10px;
}

.chapter9-section6 .section1-inner-content .text-only .list-container ul li p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin: 0px;
    padding: 0px 10px;
}

.chapter9-section6 .section1-inner-content .text-only .list-container ul li img {
    width: 25px !important;
    height: 25px;
    padding: 5px;
    margin-top: 5px;
    margin-right: 5px;
}

.chapter9-section6 .section1-inner-content .text-only .list-container ul li {
    font-size: 24px;
    line-height: 34px;
    float: left;
    font-weight: 300;
    display: flex;
}

.chapter9-section6 .section1-inner-content .text-only .list-container ul {
    list-style: none;
    display: inline-grid;
    padding-bottom: 20px;
}

.chapter9-section6 .section1-inner-content .text-only img {
    float: right;
    padding: 10px;
    width: 100%;
}

.chapter9-section6 .section1-inner-content .text-only p img {
    width: auto !important;
}

.chapter9-section6 .section1-inner-content .text-only span {
    color: #eb4332;
    font-weight: bold;
}

.chapter9-section6 .section1-inner-content .text-in-box {
    background-color: #fff2f1;
    border: 1px solid #eb4332;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}

.chapter9-section6 .section1-inner-content.text-box-color {
    background-color: #f3f3db !important;
}

.chapter9-section6 .section1-inner-content .text-in-box p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    padding: 30px;
    float: none !important;
    color: #282828;
    margin: 0px;
}

.chapter9-section6 .section1-inner-content .text-in-box span {
    color: #f75158;
    font-weight: 400;
}


/* Chapter 9 Conclusion */

.chapter9-last-bg {
    background-color: #d7edff !important;
    border: 1px solid #0d66b0 !important;
}

.chapter9-last-bg span {
    color: #08348c !important;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 5px;
}

.chapter9-last-bg .red-span {
    color: #eb4332 !important;
    font-weight: 400;
    text-decoration: none;
}

.chapter9-last-bg .conclusion {
    padding: 15px 0px;
}

@media all and (-ms-high-contrast:none) {
    .arr-img img {
        width: 100%;
    }
}


/* Locations page layout responsive */

@media screen and (min-width:320px) and (max-width:768px) {
    section.location-features .section-title {
        margin-bottom: 10px;
    }
    .locationservices-head h1 {
        margin-top: 0px !important;
    }
    .locationservices-head h2 {
        font-size: 8rem !important;
    }
    .location-features .circle-inner i {
        font-size: 10rem;
    }
    .circle-caption h3 {
        font-size: 3rem;
        line-height: 3;
    }
    .location-services .services-types .red-btn {
        font-size: 3rem;
        padding: 0;
    }
    .location-features .circle1 {
        margin: 0 auto;
    }
    .location-intro,
    .location-services,
    .location-features,
    .location-reviews,
    .location-estimate,
    .location-links,
    .location-acc {
        padding: 25px 0 25px 0;
    }
    .location-buttons {
        padding: 15px 0 10px 0;
    }
    .links-button {
        padding: 0px 0 25px 0;
    }
    .location-circles {
        padding: 20px;
    }
    .location-rev {
        padding: 20px 0 20px 0;
    }
    .location-acc .dropdown-heading p {
        font-size: 14px !important;
    }
    .location-acc .panel-body p {
        font-size: 12px !important;
    }
    .sub-form-group .red-btn {
        width: 100% !important;
        height: 61px !important;
        padding: 1.3rem 2.5rem 2rem !important;
    }
    /* .page-id-4023 div.wpcf7-response-output {
    border:none;
    margin-top: -66px;
} */
    .sub-form-control {
        font-size: 14px !important;
    }
    .loc-form-box h3 {
        font-size: 16px !important;
    }
    .location form.wpcf7-form {
        margin-top: -25px;
    }
    .loc-form-box {
        padding-left: 15px;
    }
    .location .container {
        top: 50%;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .location-links .btn {
        font-size: inherit;
        padding: 14px 0px;
    }
    .location-services .services-types p {
        font-size: 18px;
    }
    .location-services .services-types h5 {
        font-size: 20px;
    }
    .location-acc .panel {
        margin-right: 30px;
    }
    .locationservices-head h2 {
        line-height: 52px !important;
    }
}

@media screen and (max-width:320px) {
    div.wpcf7-response-output {
        margin: 0em 0.5em 1em;
        border: 0;
    }
    .footer .wpcf7-response-output.wpcf7-validation-errors {
        width: auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    section.location-reviews .review-slider-inner p {
        min-height: 0px;
    }
}

@media screen and (min-width:320px) and (max-width:736px) {
    section.location-services .location-section-text {
        padding-top: 0px;
    }
}

@media screen and (min-width:767px) {
    #menu1 {
        display: none;
    }
}

.quote-form p:after {
    display: none;
}

.google-business-reviews-rating .vicinity {
    display: none;
}

.google-business-reviews-rating .heading,
.google-business-reviews-rating .business-name {
    display: none;
}

.google-business-reviews-rating .rating+.attribution {
    display: none;
}


/* @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.location-services .container {
    display: contents;
}
.location-services .container .row {
    display: table-row;
}
.location-services .container .row .location-service-box {
    display: table-cell;
} 
} */

.google-business-reviews-rating ul.listing {
    list-style: none;
    display: none;
}

.custom-html-widget div h2 {
    display: none;
}

.testimonial_group .testimonial {
    width: 100%;
}

.testimonial_group {
    margin-bottom: 50px;
}

.testimonial_group .testimonial .rr_review_name {
    padding-top: 20px;
}

.testimonial_group .testimonial .rr_review_text {
    padding-top: 5px;
}

.wpcr_block {
    visibility: hidden !important;
    margin-top: -70px !important;
}