@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
    html {
        font-family: 'Open Sans', sans-serif;
        line-height: 1.15;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }
    
    body {
        margin: 0;
    }
    
    article,
    aside,
    footer,
    header,
    nav,
    section {
        display: block;
    }
    
    section {
        margin-bottom: 90px;
    }
    
    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }
    
    figcaption,
    figure,
    main {
        display: block;
    }
    
    figure {
        margin: 1em 0;
    }
    
    hr {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
        overflow: visible;
        border-width: 2px;
    }
    
    pre {
        font-family: monospace, monospace;
        font-size: 1em;
    }
    
    a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
        -webkit-transition: 0.5s ease-out;
        -moz-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }
    
    a:active,
    a:hover {
        outline-width: 0;
    }
    
    abbr[title] {
        border-bottom: 1px #767676 dotted;
        text-decoration: none;
    }
    
    b,
    strong {
        font-weight: 700;
    }
    
    time,
    .time {
        font-weight: 500;
        /*not required */
        letter-spacing: 2px;
    }
    
    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em;
    }
    
    dfn {
        font-style: italic;
    }
    
    mark {
        background-color: #eee;
        color: #222;
    }
    
    small {
        font-size: 80%;
    }
    
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    
    sub {
        bottom: -0.25em;
    }
    
    sup {
        top: -0.5em;
    }
    
    audio,
    video {
        display: inline-block;
    }
    
    audio:not([controls]) {
        display: none;
        height: 0;
    }
    
    img {
        border-style: none;
        max-width: 100%;
    }
    
    svg:not(:root) {
        overflow: hidden;
    }
    
    iframe.map-area {
        opacity: 0.7;
        margin-bottom: -7px;
        border: 0;
        width: 100%;
        height: 100%;
    }
    
    iframe.map-area:hover {
        opacity: 1;
    }
    
    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: 'Open Sans', sans-serif;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
    }
    
    button,
    input {
        overflow: visible;
    }
    
    button,
    select {
        text-transform: none;
    }
    
    button,
    html [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }
    
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }
    
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        /*outline: 1px dotted ButtonText;*/
    }
    
    fieldset {
        border: #bbb solid 1px;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
    }
    
    legend {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal;
    }
    
    progress {
        display: inline-block;
        vertical-align: baseline;
    }
    
    textarea {
        overflow: auto;
    }
    
    [type="checkbox"],
    [type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }
    
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    
    [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
    }
    
    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    
     ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
    }
    
    details,
    menu {
        display: block;
    }
    
    summary {
        display: list-item;
    }
    
    canvas {
        display: inline-block;
    }
    
    template {
        display: none;
    }
    
    [hidden] {
        display: none;
    }
    
    .partition-line {
        position: relative;
    }
    
    .partition-line::before {
        position: absolute;
        content: '';
        background: #edeffa;
    }
    
    .partition-line::before {
        width: 1px;
        height: 90%;
        top: 3%;
        left: 50%;
    }
    
    .zoom-img {
        display: block;
        position: relative;
        overflow: hidden;
    }
    
    .zoom-img img {
        -moz-transition: opacity 1s, transform 1s;
        -webkit-transition: opacity 1s, transform 1s;
        transition: opacity 1s, transform 1s;
        opacity: 1;
        height: 100%
    }
    
    .zoom-img:hover img {
        -moz-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
        opacity: 1
    }
    /*--------------------------------------------------------------
2) Clearings
--------------------------------------------------------------*/
    
    .no-padding {
        padding: 0;
    }
    
    .no-margin {
        margin: 0;
    }
    /*--------------------------------------------------------------
3) Site Backgrounds
--------------------------------------------------------------*/
    
    .bg-white {
        color: #acacac;
    }
    /*
.bg-light {
	color: #666666;
}
*/
    
    .bg-white a,
    .bg-light a {
        color: #303030;
    }
    
    .bg-white a:hover,
    .bg-light a:hover {
        color: #f76d59;
    }
    
    .bg-dark,
    .bg-primary,
    .bg-orangelight a,
    .bg-violetlight a,
    .bg-dark a:hover,
    .bg-primary a:hover {
        color: #bfc5e8;
    }
    
    .bg-dark a,
    .bg-primary a,
    .bg-orangelight,
    .bg-secondary,
    .bg-orangelight,
    .bg-violetlight,
    .bg-secondary a:hover,
    .bg-orangelight a:hover,
    .bg-violetlight a:hover {
        color: #ffffff;
    }
    /*
.bg-dark ::placeholder, .bg-dark :-ms-input-placeholder, .bg-dark ::-ms-input-placeholder,
.bg-primary ::placeholder, .bg-primary :-ms-input-placeholder, .bg-primary ::-ms-input-placeholder,
.bg-secondary ::placeholder, .bg-secondary :-ms-input-placeholder, .bg-secondary ::-ms-input-placeholder,
.bg-orangelight ::placeholder, .bg-orangelight :-ms-input-placeholder, .bg-orangelight ::-ms-input-placeholder,
.bg-violetlight ::placeholder, .bg-violetlight :-ms-input-placeholder, .bg-violetlight ::-ms-input-placeholder,
*/
    
    .bg-dark ::placeholder,
    .bg-primary ::placeholder,
    .bg-secondary ::placeholder,
    .bg-orangelight ::placeholder,
    .bg-violetlight ::placeholder,
    .bg-dark h1,
    .bg-dark h2,
    .bg-dark h3,
    .bg-dark h4,
    .bg-dark h5,
    .bg-dark h6,
    .bg-primary h1,
    .bg-primary h2,
    .bg-primary h3,
    .bg-primary h4,
    .bg-primary h5,
    .bg-primary h6,
    .bg-secondary h1,
    .bg-secondary h2,
    .bg-secondary h3,
    .bg-secondary h4,
    .bg-secondary h5,
    .bg-secondary h6,
    .bg-orangelight h1,
    .bg-orangelight h2,
    .bg-orangelight h3,
    .bg-orangelight h4,
    .bg-orangelight h5,
    .bg-orangelight h6,
    .bg-violetlight h1,
    .bg-violetlight h2,
    .bg-violetlight h3,
    .bg-violetlight h4,
    .bg-violetlight h5,
    .bg-violetlight h6 {
        color: #ffffff;
    }
    
    .bg-dark input,
    .bg-dark textarea,
    .bg-dark select,
    .bg-dark option,
    .bg-dark button,
    .bg-primary input,
    .bg-primary textarea,
    .bg-primary select,
    .bg-primary option,
    .bg-primary button,
    .bg-secondary input,
    .bg-secondary textarea,
    .bg-secondary select,
    .bg-secondary option,
    .bg-secondary button,
    .bg-orangelight input,
    .bg-orangelight textarea,
    .bg-orangelight select,
    .bg-orangelight option,
    .bg-orangelight button,
    .bg-violetlight input,
    .bg-violetlight textarea,
    .bg-violetlight select,
    .bg-violetlight option,
    .bg-violetlight button {
        border-color: #ffffff;
        color: #ffffff;
    }
    
    .bg-dark input:focus,
    .bg-dark textarea:focus,
    .bg-dark select:focus,
    .bg-dark option:focus,
    .bg-dark button:focus,
    .bg-primary input:focus,
    .bg-primary textarea:focus,
    .bg-primary select:focus,
    .bg-primary option:focus,
    .bg-primary button:focus,
    .bg-secondary input:focus,
    .bg-secondary textarea:focus,
    .bg-secondary select:focus,
    .bg-secondary option:focus,
    .bg-secondary button:focus,
    .bg-orangelight input:focus,
    .bg-orangelight textarea:focus,
    .bg-orangelight select:focus,
    .bg-orangelight option:focus,
    .bg-orangelight button:focus,
    .bg-violetlight input:focus,
    .bg-violetlight textarea:focus,
    .bg-violetlight select:focus,
    .bg-violetlight option:focus,
    .bg-violetlight button:focus {
        border-color: transparent;
        color: #f0f3ff;
    }
    
    .bg-dark button,
    .bg-dark input[type="button"],
    .bg-dark input[type="reset"],
    .bg-dark input[type="submit"],
    .bg-primary button,
    .bg-primary input[type="button"],
    .bg-primary input[type="reset"],
    .bg-primary input[type="submit"],
    .bg-secondary button,
    .bg-secondary input[type="button"],
    .bg-secondary input[type="reset"],
    .bg-secondary input[type="submit"],
    .bg-orangelight button,
    .bg-orangelight input[type="button"],
    .bg-orangelight input[type="reset"],
    .bg-orangelight input[type="submit"],
    .bg-violetlight button,
    .bg-violetlight input[type="button"],
    .bg-violetlight input[type="reset"],
    .bg-violetlight input[type="submit"] {
        background-color: #ffffff;
        color: #3f50ac;
    }
    
    .bg-light {
        background-color: #f0f3ff !important;
    }
    
    .bg-dark {
        background-color: #3f50ac !important;
    }
    
    .bg-primary {
        background-color: #7257f9 !important;
    }
    
    .bg-secondary {
        background-color: #fe4d94 !important;
    }
    
    .bg-orangelight {
        background-color: #f76d59;
    }
    
    .bg-violetlight {
        background-color: #4e41e2;
    }
    
    .bg-triangles {
        /*background:url("../images/bg-triangles.png") left top repeat #ff7a89; */
        background-color: #ff7a89;
        background-image: url("../images/bg-triangles.png");
        background-size: 50% 100%;
        color: #ffffff;
    }
    
    .bg-square-pattern {
        background: #5400ff;
        /*url("../images/bg-squares.png") no-repeat; background-size:100% 100%;*/
        position: relative;
        overflow: hidden;
    }
    
    .bg-square-pattern::before {
        width: 16%;
        height: 24%;
        background: #ffcf75;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
    }
    
    .bg-square-pattern::after {
        width: 20%;
        height: 28%;
        background: #ff4b5c;
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
    }
    
    .bg-square-pattern div {
        position: relative;
        z-index: 999;
        margin: 10% 15px;
    }
    
    .bg-square-pattern div::before,
    .bg-square-pattern div::after {
        position: absolute;
        content: '';
        width: 20%;
        height: 20%;
        background: #e3eaff;
        z-index: -1;
    }
    
    .bg-square-pattern div::before {
        top: -6px;
        right: -5px;
    }
    
    .bg-square-pattern div::after {
        bottom: -6px;
        left: -5px;
    }
    
    .bg,
    .bg-top,
    .bg-dots,
    .bg-dots-top,
    .bg-dots-header,
    .bg-circles,
    .bg-shapes,
    .bg-figures,
    .bg-shape-polygon,
    .bg-shape-circle,
    .bg-shape-triangle,
    .bg-gradient,
    .bg-simple-light {
        position: relative;
    }
    
    .bg-triangles {
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        max-width: 1920px;
        top: 0;
        left: 0;
    }
    
    .bg-top::before,
    .bg-right::before,
    .bg-dots::before,
    .bg-dots-top::before,
    .bg-dots-header::before,
    .bg-circles::before,
    .bg-shapes::before,
    .bg-figures::before,
    .bg-shape-polygon::before,
    .bg-shape-circle::before,
    .bg-shape-triangle::before,
    .bg-gradient::before,
    .bg-simple-light::before {
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        max-width: 1920px;
        top: 0;
        left: 0;
    }
    
    .bg-dots::before,
    .bg-dots-top::before,
    .bg-circles::before,
    .bg-figures::before {
        height: 0px;
    }
    
    .bg-shape-polygon::before,
    .bg-shape-circle::before,
    .bg-shape-triangle::before {
        height: 100%;
    }
    
    .bg-gradient::before {
        max-width: 100%;
        height: 560px;
        z-index: -1;
        background: rgba(130, 61, 214, 1);
        background: -moz-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130, 61, 214, 1)), color-stop(100%, rgba(71, 61, 188, 1)));
        background: -webkit-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
        background: -o-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
        background: -ms-linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
        background: linear-gradient( rgba(130, 61, 214, 1) 0%, rgba(71, 61, 188, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#823dd6', endColorstr='#473dbc', GradientType=1);
    }
    
    .bg-simple-light::before {
        max-width: 100%;
        background: #ebf0fb;
        height: 1070px;
    }
    
    .bg-top::before {
        width: 600px;
        height: 245px;
        background: url("../images/bg-top.png") center top no-repeat;
        background-size: contain;
    }
    
    .bg-right::before {
        width: 50%;
        max-width: 650px;
        height: 550px;
        background: url("../images/bg-right.png") right top no-repeat;
        background-size: contain;
        left: inherit;
        right: 0;
        top: 90px;
    }
    
    .bg-section-right {
        position: absolute;
        content: '';
        max-width: 650px;
        max-height: 550px;
        background: url("../images/bg-right.png") right bottom no-repeat;
        background-size: contain;
        right: 0;
        bottom: 15%;
        z-index: 1;
        height: 130%;
        width: 34%;
    }
    
    .bg-dots::before {
        background-size: contain;
    }
    
    .bg-dots-top::before {
        background: url("../images/bg-dots-top.png") center top no-repeat;
        background-size: contain;
    }
    
    .bg-dots-header::before {
        background: url("../images/bg-dots-header.png") center top no-repeat;
        background-size: contain;
    }
    
    .bg-circles::before {
        background: url("../images/bg-circles.png") center top no-repeat;
        background-size: contain;
    }
    
    .bg-figures::before {
        background: url("../images/bg-figures.png") center top no-repeat;
        background-size: contain;
    }
    
    .bg-shapes::before {
        background: url("../images/bg-shapes.png") center top no-repeat;
        background-size: contain;
        height: 1030px;
    }
    
    .bg-shape-polygon::before {
        background: url("../images/bg-shape-polygon.png") repeat;
        background-size: contain;
    }
    
    .bg-shape-circle::before {
        background: url("../images/bg-shape-circle.png") repeat;
        background-size: contain;
    }
    
    .bg-shape-triangle::before {
        background: url("../images/bg-shape-triangle.png") repeat;
        background-size: contain;
    }
    /*--------------------------------------------------------------
4) Typography
--------------------------------------------------------------*/
    
    body,
    button,
    input,
    select,
    optgroup,
    textarea {
        color: #666666;
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 22px;
        line-height: 1.6;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-weight: 800;
        line-height: 1.25;
        text-rendering: optimizeLegibility;
        color: #000;
        position: relative;
    }
    
    h2 {
        color: #000;
    }
    
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        color: #fe4d94;
    }
    
    h4 {
        color: #000;
        font-weight: 600;
    }
    
    h4 span {
        font-weight: 300;
    }
    
    h5 {
        font-weight: 500;
        font-size: 34px;
        color: #000;
    }
    
    h6 {
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 600;
    }
    
    h5,
    h6 {
        margin-top: 0.5rem;
    }
    
    p {
        margin-bottom: 1.5em;
        font-weight: 500;
    }
    
    p a {
        color: #ff7a89;
    }
    
    p a:hover {
        color: #5264ca;
    }
    
    dfn,
    cite,
    em,
    i {
        font-style: italic;
    }
    
    blockquote {
        margin: 0 1.5em;
        font-weight: 600;
    }
    
    address {
        margin: 0 0 1.5em;
    }
    
    pre {
        background: #eee;
        font-family: "Courier 10 Pitch", Courier, monospace;
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 1.6em;
        max-width: 100%;
        overflow: auto;
        padding: 1.6em;
    }
    
    code,
    kbd,
    tt,
    var {
        font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
        font-size: 15px;
    }
    
    abbr,
    acronym {
        border-bottom: 1px dotted #666;
        cursor: help;
    }
    
    mark,
    ins {
        background: #fff9c0;
        text-decoration: none;
    }
    
    .big {
        font-size: 212%;
        line-height: normal;
    }
    /*--------------------------------------------------------------
5) Links
--------------------------------------------------------------*/
    
    a {
        color: #222;
        text-decoration: none;
    }
    
    a:focus,
    a:hover,
    a:active {
        text-decoration: none;
        outline: 0;
    }
    
    a:focus {
        outline: none;
    }
    
    a:hover,
    a:active {
        color: #000;
        outline: 0;
    }
    
    a.btn {
        font-size: inherit;
    }
    
    a.more-link,
    a.more-info,
    a.request-link {
        color: #ffffff;
        text-transform: uppercase;
        padding: 10px 20px;
        margin-right: 20px;
        font-weight: 500;
    }
    
    a.more-info {
        background: #fe4d94;
        color: #ffffff;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    
    a.more-info:hover {
        color: #5264ca;
        background: #ff7a89;
    }
    
    a.more-link {
        font-size: 15px;
        letter-spacing: 3px;
        background: #5264ca;
        -webkit-box-shadow: 5px 5px 0px 0px rgba(255, 172, 172, 1);
        -moz-box-shadow: 5px 5px 0px 0px rgba(255, 172, 172, 1);
        box-shadow: 5px 5px 0px 0px rgba(255, 172, 172, 1);
    }
    
    a.more-link:hover {
        background: #3f50ac;
    }
    
    a.request-link {
        background: #f76d59;
    }
    
    a.request-link:hover {
        background: #0553dd;
    }
    
    a.read-more {
        border: #d8deff solid 2px;
        padding: 8px 50px;
        margin-bottom: 20px;
        font: 12px Montserrat, 'Open Sans', sans-serif;
        font-weight: 600;
        color: #000;
        position: relative;
        text-transform: uppercase;
        border-radius: 30px;
        display: inline-block;
    }
    
    a.read-more svg {
        position: absolute;
        right: 15px;
        top: 10px;
    }
    
    a.read-more:hover {
        border: #7257f9 solid 2px;
    }
    /*--------------------------------------------------------------
6) Lists
--------------------------------------------------------------*/
    
    ul,
    ol {
        margin: 0 0 1.5em;
        padding: 0;
    }
    
    ul {
        list-style: disc;
    }
    
    ol {
        list-style: decimal;
    }
    
    li>ul,
    li>ol {
        margin-bottom: 0;
        margin-left: 1.5em;
    }
    
    dt {
        font-weight: 700;
    }
    
    dd {
        margin: 0 1.5em 1.5em;
    }
    /*--------------------------------------------------------------
7) Tables
--------------------------------------------------------------*/
    
    table {
        border-collapse: collapse;
        margin: 0 0 1.5em;
        width: 100%;
    }
    
    thead th {
        border-bottom: 2px solid #bbb;
        padding-bottom: 0.5em;
    }
    
    th {
        padding: 0.4em;
        text-align: left;
    }
    
    tr {
        border-bottom: 1px solid #eee;
    }
    
    td {
        padding: 0.4em;
    }
    
    th:first-child,
    td:first-child {
        padding-left: 0;
    }
    
    th:last-child,
    td:last-child {
        padding-right: 0;
    }
    /*--------------------------------------------------------------
8) Forms
--------------------------------------------------------------*/
    
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        border: solid 1px;
        border-color: #3f50ac;
        background: #5264ca;
        color: #ffffff;
        padding: 1em 2em;
        margin: 10px 0;
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-size: 24px;
        line-height: 1;
        font-weight: 600;
        text-align: center;
        max-width: max-content;
    }
    
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        border-color: #5264ca;
        background: #fe4d94;
        color: #ffffff;
    }
    
    button:active,
    button:focus,
    input[type="button"]:active,
    input[type="button"]:focus,
    input[type="reset"]:active,
    input[type="reset"]:focus,
    input[type="submit"]:active,
    input[type="submit"]:focus,
    .widget-area .widget .social li a:hover {
        border-color: #fefefe;
        color: #ffffff;
        outline: none;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    textarea,
    select,
    option {
        color: #666;
        background: transparent;
        border: #b7b7b7 solid 1px;
        padding: 8px 10px;
        margin-bottom: 20px;
        font-size: 24px;
        min-height: 40px;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    input[type="range"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="time"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="color"]:focus,
    textarea:focus,
    select:focus {
        color: #111;
        border-color: #b7b7b7;
        outline: none;
    }
    
    textarea {
        width: 100%;
    }
    
     ::placeholder {
        /* Firefox, Chrome, Opera */
        color: #949494;
    }
    
     ::-webkit-input-placeholder {
        color: #949494;
    }
    
     :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #949494;
    }
    
     ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #949494;
    }
    
    form label {
        margin-bottom: 0;
        padding-top: 8px;
    }
    
    form .required {
        color: red;
        display: inline-block;
    }
    
    .btn,
    a.btn {
        background: #5264ca;
        color: #ffffff;
        border-radius: 0;
        padding: 8px 15px;
    }
    
    .form-style-one input,
    .form-style-one textarea {
        width: 100%;
        border-color: #7257f9;
    }
    
    .form-style-one button,
    .form-style-one input[type="button"],
    .form-style-one input[type="reset"],
    .form-style-one input[type="submit"] {
        text-transform: uppercase;
        color: #fff;
    }
    
    .form-style-two input,
    .form-style-two textarea,
    .form-style-two select {
        border-top: none;
        border-left: none;
        border-right: none;
        color: #fff;
    }
    
    .form-style-two input:focus,
    .form-style-two textarea:focus {
        border-bottom: 1px solid #fff;
        color: #fff;
    }
    
    .form-style-two button,
    .form-style-two input[type="button"],
    .form-style-two input[type="reset"],
    .form-style-two input[type="submit"] {
        border: none;
    }
    /*--------------------------------------------------------------
9) Navigation
--------------------------------------------------------------*/
    
    .navbar {
        padding: 31px 57px 0;
        /* 0 15px; affects other pages */
    }
    
    .navbar-nav {
        margin: 15px 0;
    }
    
    .nav-item {
        padding: 0 8px;
    }
    
    .dropdown-menu {
        padding: 0;
        border-radius: 0;
        border: #f6f6f6 solid 1px;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(102, 102, 102, 0.5);
        -moz-box-shadow: 3px 3px 3px 0px rgba(102, 102, 102, 0.5);
        box-shadow: 3px 3px 3px 0px rgba(102, 102, 102, 0.5);
        padding-bottom: 12px;
        border: none;
        /*border-bottom: 10px solid #ffacac;*/
        background: #ffffff url('../images/bg-dropdown.png') no-repeat bottom center;
    }
    
    .main-nav .dropdown-menu a {
        padding: 10px 15px;
        text-align: center;
        font-size: 90%;
    }
    
    .dropdown-item.active,
    .dropdown-item:active {
        background: none;
    }
    
    .navbar-toggler {
        background: #fe4d94;
        border: #3e4fab solid 1px;
        color: #ffffff;
    }
    
    .navbar-toggler:hover,
    .navbar-toggler:active,
    .navbar-toggler:focus {
        background: #ffffff;
        border: #3e4fab solid 1px;
        color: #fe4d94;
    }
    
    .navbar-toggler-icon {
        padding-top: 5px;
    }
    /* 9.1) Header Menu ---*/
    
    #mainNavbar {
        flex-flow: row-reverse;
    }
    
    .main-nav .nav-item:last-child,
    .main-nav .nav-item:last-child a {
        padding-right: 0;
    }
    
    .main-nav a {
        color: #3f50ac;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
    }
    
    .main-nav a:hover,
    .main-nav a.focus,
    .main-nav a.active {
        color: #fe4d94;
    }
    
    .main-nav .nav-item a.active {
        position: relative;
    }
    
    .navbar-nav .dropdown-menu {
        z-index: 99999;
    }
    /*nav-style-one*/
    
    .nav-style-one .nav-link {
        color: #FFF;
    }
    
    .nav-style-one .nav-link:hover,
    .nav-style-one .nav-link:focus,
    .nav-style-one .nav-link.active {
        color: #FFF;
        border-bottom: 2px solid #93b2e5;
    }
    
    .nav-style-one .dropdown-menu {
        /*border-bottom:10px solid #93b2e5;*/
        background: #ffffff url('../images/bg-dropdown.png') no-repeat bottom center;
    }
    /*nav-style-two*/
    
    .nav-style-two a:hover,
    .nav-style-two a.focus,
    .nav-style-two a.active,
    .nav-style-two .nav-link:hover,
    .nav-style-two .nav-link:focus,
    .nav-style-two .nav-link.active {
        color: #f76d59;
    }
    
    .nav-style-two .nav-link:hover,
    .nav-style-two .nav-link:focus,
    .nav-style-two .nav-link.active {
        background: #FFF;
        border-radius: 20px;
    }
    /*.nav-style-two .dropdown-menu{
	border-bottom:10px solid #f76d59;
}*/
    /* 9.2) Footer Menu ---*/
    
    .footer-nav .nav-link {
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
    }
    /* 9.3) Social Menu ---*/
    
    .social-nav {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    
    .social-nav .nav-link {
        font-weight: 400;
        font-size: 50px;
        padding: 0 8px;
        color: #bfc5e8;
        background: none;
    }
    
    .social-nav .nav-link:hover {
        color: #5264ca;
        background: none;
    }
    
    .sidenavbar .social-nav .nav-link {
        font-size: 24px;
        color: #333;
        border: 1px solid;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        text-align: center;
        padding: 10px;
    }
    
    .sidenavbar .social-nav .nav-link:hover {
        color: #ffffff;
    }
    
    .site-header .social-nav {
        justify-content: flex-end;
    }
    
    .site-header .social-nav li,
    .right-middle-fixed .social-nav li {
        list-style: none;
        text-transform: uppercase;
        padding: 0px 15px;
    }
    
    .right-middle-fixed .social-nav li {
        font-size: 20px;
        font-weight: 400;
    }
    
    .site-header .social-nav li {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        margin-top: 15px;
        margin-left: 30px;
        position: relative;
    }
    
    .site-header .social-nav li::before {
        position: absolute;
        top: -1px;
        left: -20px;
        content: '\25A0';
        color: #fe4d94;
    }
    
    .site-header .social-nav li:first-child::before {
        display: none;
    }
    
    .site-header .social-nav a {
        color: #523fe7;
        display: block;
    }
    
    .site-header .social-nav a:hover {
        color: #fe4d94;
    }
    
    .right-middle-fixed .social-nav {
        flex-direction: column;
    }
    
    .right-middle-fixed .social-nav li {
        margin: 0;
        font-size: 14px;
    }
    
    .right-middle-fixed .social-nav a {
        color: #fff;
        background-color: #0553dd;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        text-align: center;
        padding: 0;
        display: inline-block;
        line-height: 31px;
        box-shadow: 0px 0px 0px 5px #e4e3e3;
        margin-bottom: 15px;
        transition: all ease-in-out .5s;
    }
    
    .right-middle-fixed .social-nav li:nth-child(2) a {
        background-color: #ea172b;
    }
    
    .right-middle-fixed .social-nav li:nth-child(3) a {
        background-color: #05d3dd;
    }
    
    .right-middle-fixed .social-nav li:nth-child(4) a {
        background-color: #e8076f;
    }
    
    .right-middle-fixed .social-nav li:nth-child(5) a {
        background-color: #086e9e;
    }
    
    .right-middle-fixed .social-nav li a:hover {
        background-color: #333;
        color: #fff;
    }
    
    .right-middle-fixed {
        position: absolute;
        top: 15rem;
        right: 0;
        margin: 0;
        z-index: 9999999;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .social-nav li:first-child,
    .social-nav li:first-child a {}
    
    .social-nav li:last-child,
    .social-nav li:last-child a {}
    
    .request-back {
        position: fixed;
        transform: rotate(-90deg);
        left: -82px;
        background-color: #000000;
        color: #fff;
        padding: 5px 14px;
        top: 45%;
        cursor: pointer;
        -webkit-animation: blink 1s infinite;
        /* Safari 4+ */
        -moz-animation: blink 1s infinite;
        /* Fx 5+ */
        -o-animation: blink 1s infinite;
        /* Opera 12+ */
        animation: blink 1s infinite;
        /* IE 10+, Fx 2
		9+ */
        z-index: 9;
    }
    
    @-webkit-keyframes blink {
        0%,
        49% {
            background-color: #f1c72e;
        }
        50%,
        100% {
            background-color: #000;
        }
    }
    /*--------------------------------------------------------------
10) Site Header Layout
--------------------------------------------------------------*/
    
    .site-header {
        background-color: transparent;
        position: relative;
    }
    
    .site-title {
        clear: none;
        margin: 0;
        padding: 0;
    }
    
    .site-title a {
        font-size: 24px;
        font-weight: 600;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.08em;
        text-transform: capitalize;
        color: #fe4d94;
    }
    
    .site-title a:hover {
        text-decoration: none;
    }
    
    .site-description {
        color: #5264ca;
        font-size: 13px;
        margin-bottom: 0;
    }
    
    .site-branding {
        position: relative;
        z-index: 99999;
    }
    /* Page Header Layout */
    
    .page-header {
        text-transform: uppercase;
    }
    
    .page-header.bg-dark {
        opacity: 0.99;
    }
    
    .page-header .container {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    
    .page-title {
        font-weight: 600;
        font-size: 44px;
        text-align: center;
        padding: 30px 10px;
        margin: 0;
        color: #3f50ac;
    }
    
    .breadcrumb {
        background-color: transparent;
        justify-content: center;
        padding: 20px;
        margin: 0;
        font-size: 14px;
    }
    
    .breadcrumb-item a,
    .breadcrumb-item.active,
    .breadcrumb-item+.breadcrumb-item::before {
        color: #bfc5e8;
    }
    
    .breadcrumb-item a,
    .breadcrumb-item.active {}
    
    .wrapper .sub-title {
        margin-bottom: 20px;
        color: #5264ca;
        font-weight: 600;
        text-transform: capitalize;
    }
    
    header .map-area {
        height: 250px;
    }
    /*--------------------------------------------------------------
11) Site Content Area 
--------------------------------------------------------------*/
    
    .site-main {
        position: relative;
        z-index: 9;
    }
    /* 11.1) Artical Section --*/
    
    article {
        margin-bottom: 2em;
        font-family: 'Varela Round', 'Open Sans', sans-serif;
        font-size: 14px;
        color: #444;
        line-height: 1.8;
    }
    
    article figure {
        margin: 0 0 2em 0;
        padding: 0;
        position: relative;
    }
    
    article figure img {
        width: 100%;
    }
    
    article .date {
        width: 55px;
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 600;
        background: #fff;
        color: #000;
        padding: 5px 10px;
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 2;
        text-align: center;
    }
    
    article .date span {
        display: block;
        padding-top: 5px;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 12px;
        border-top: 1px solid #eee;
    }
    
    .side-spacer {
        margin: 0 10%;
    }
    
    .entry-header {
        margin-bottom: 10px;
    }
    
    .page-title.side-spacer {
        margin: 0 20%;
    }
    
    .entry-title {
        margin-bottom: 0.25em;
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 30px;
        color: #ffffff;
    }
    
    .entry-title a {
        color: #000000;
        text-decoration: none;
        margin-left: -2px;
    }
    
    .entry-title a:hover {
        color: #222b5e;
    }
    
    .entry-footer {}
    
    .entry-meta svg {
        color: #ffa800;
        margin-right: 3px;
    }
    
    .entry-meta {
        color: #767676;
        margin-bottom: 20px;
    }
    
    .entry-meta span {
        margin-right: 8px;
        margin-bottom: 5px;
    }
    
    .entry-meta a {
        color: #000000;
    }
    
    .entry-meta a:hover {
        color: #3f50ac;
    }
    /* Single Detail Page */
    
    .single .page-title {
        text-transform: capitalize;
    }
    /* 11.2) Post Navigation CSS --*/
    
    .post-navigation {
        padding: 40px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .post-navigation .previous,
    .post-navigation .next {
        width: 48%;
        padding: 10px 0;
    }
    
    .post-navigation .next {
        text-align: right;
    }
    
    .post-navigation .next a,
    .post-navigation .previous a {
        display: block;
        text-align: center;
        background: #e5e5e5;
        color: #000;
        padding: 12px 20px;
        font-weight: 600;
    }
    
    .post-navigation .next a:hover,
    .post-navigation .previous a:hover {
        color: #fff;
        background: #6585fd;
    }
    /* 11.3) Comment Section --*/
    
    .comment-respond {
        padding-top: 50px;
        width: 100%;
        display: table;
    }
    
    .comment-respond label {
        display: block;
        padding-top: 0;
    }
    
    .comment-form {
        width: 80%;
    }
    
    .comment-respond input,
    .comment-respond textarea {
        width: 100%;
    }
    
    .comment-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .comments-title,
    .comment-reply-title {
        border-bottom: 1px solid #eee;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: 500;
        color: #5264ca;
    }
    
    .comment-list li {
        border-bottom: 1px solid #eee;
        padding-top: 20px;
        padding-bottom: 20px;
        display: table;
        width: 100%;
        margin: 0;
        position: relative;
    }
    
    .comment-list li:last-child {
        border: none;
    }
    
    .comment-body {
        display: flex;
        margin-bottom: 0;
        color: #033333;
    }
    
    .comment-list li img {
        border-radius: 50%;
        width: 100px;
        height: auto;
    }
    
    .comment-list li .comment-content {
        margin-left: 3%;
        width: 100%;
    }
    
    .comment-list li .comment-content .time {
        padding-bottom: 10px;
        display: block;
        color: #a3adad;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 14px;
    }
    
    .comment-list li a {
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        text-transform: capitalize;
    }
    
    .comment-list li a span {
        color: #666;
        font-weight: normal;
        padding-left: 25px;
        font-size: 14px;
    }
    
    .comment-list li .reply {
        position: absolute;
        right: 0;
        top: 20px;
        font-size: 12px;
    }
    
    .comment-list li .reply {
        font-weight: normal;
        /*border: 1px solid #ccc;*/
        padding: 5px 10px;
        color: #5264ca;
    }
    /*
.comment-list li .reply:hover{
	border: 1px solid #000;
}
*/
    
    .comment-list li .reply a {
        color: #a3adad;
        font-size: 10px;
        font-weight: normal;
        text-transform: uppercase;
    }
    
    .comment-list li .reply:hover a {
        color: #000;
    }
    
    .comment-list li ul li {
        border-top: 1px solid #eee;
        border-bottom: none;
    }
    
    #commentform p {
        margin-bottom: 10px;
    }
    /*--------------------------------------------------------------
12) Site Widgets 
--------------------------------------------------------------*/
    
    .widget {
        font-family: 'Varela Round', 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 30px;
    }
    
    .widget svg {
        color: #232323;
    }
    
    .widget .widget-title {
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
        position: relative;
        padding: 8px 0 5px 20px;
        background: none;
        color: #000;
        position: relative;
    }
    
    .widget .widget-title::before,
    .widget .widget-title::after {
        position: absolute;
        content: '';
        top: 0;
        height: 100%;
        background: #5264ca;
    }
    
    .widget .widget-title::before {
        left: 0;
        width: 6px;
    }
    
    .widget .widget-title::after {
        left: 8px;
        width: 2px;
    }
    
    .widget ul {
        margin: 0 0 5px 0;
        padding: 0;
        list-style: none;
    }
    
    .widget ul li {
        margin: 0;
        padding: 0 0 15px;
    }
    
    .widget ul li a {
        color: #949494;
    }
    
    .widget ul li a:hover {
        color: #222b5e;
    }
    
    .widget ul li span {
        color: #666;
    }
    
    .widget ul li .post-thumb {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 36%;
        margin-right: 3%;
    }
    
    .widget ul li .post-info {
        display: flex;
        flex-direction: column;
    }
    
    aside.widget label,
    aside.widget input,
    aside.widget select,
    aside.widget button {
        font-family: 'Varela Round', 'Open Sans', sans-serif;
        font-size: 16px;
    }
    
    aside.widget label,
    aside.widget input,
    aside.widget select {
        width: 100%;
        max-width: 450px;
    }
    
    .widget_search form {
        display: flex;
        border: 1px solid #d4d4d4;
        padding: 3px 20px;
        margin-bottom: 20px;
        border-radius: 30px;
    }
    
    .widget_search input[type='text'] {
        width: 100%;
        margin: 0;
        border: none;
        outline: none;
    }
    
    .widget_search button,
    .widget_search input[type='button'],
    .widget_search input[type='submit'] {
        border: none;
        background: none;
        cursor: pointer;
        color: #666;
        outline: none;
        padding: 10px;
        margin: 0px;
        width: auto;
        font-size: 18px;
    }
    
    .widget_newsletter form {
        display: flex;
        border: 1px solid #e1e1e1;
        background: #fff;
        justify-content: space-between;
        align-items: center;
    }
    
    .widget_newsletter input[type='text'] {
        margin: 0;
        border: none;
        outline: none;
    }
    
    .widget_newsletter button,
    .widget_newsletter input[type='button'],
    .widget_newsletter input[type='submit'] {
        font-size: 20px;
        width: 40px;
        padding: 10px;
        margin: 0;
        border: none;
        background: none;
        color: #666;
        outline: none;
    }
    
    .widget_lattest ul li {
        display: flex;
    }
    
    .widget_lattest ul li a {
        color: #000000;
    }
    
    .widget_lattest ul li span {
        color: #949494;
    }
    /*--------------------------------------------------------------
13) Site Footer Layout
--------------------------------------------------------------*/
    
    footer {
        background: transparent;
        padding: 41px 0 0;
        z-index: 99999;
    }
    
    footer .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    footer a {
        font-weight: 400;
        color: #bfc5e8;
    }
    
    footer a:hover {
        color: #FFFFFF;
    }
    
    .site-info {
        font-weight: 500;
        padding: 15px 0;
    }
    
    .site-info span {
        letter-spacing: 3px;
        font-size: 16px;
    }
    
    footer .map-area {
        height: 250px;
    }
    
    footer .navbar {
        padding-left: 0;
        padding-right: 0;
    }
    
    footer .footer-style {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-transform: uppercase;
        font-size: 16px;
    }
    
    .footer-style .social-nav .nav-link {
        font-size: 32px;
        padding: 0;
    }
    
    .bg-secondary .social-nav .nav-link {
        color: #ffffff;
    }
    
    .bg-secondary .social-nav .nav-link:hover {
        color: #ffdeeb;
    }
    /*--------------------------------------------------------------
14) Section Styles
--------------------------------------------------------------*/
    /* 14.1) Section Content Styles */
    
    .section-detail,
    .section-image,
    .section-icon {
        margin-bottom: 30px;
    }
    
    .icon-detail {
        padding-bottom: 20px;
    }
    
    .section-image img {
        position: relative;
    }
    /* Section Style - 1 */
    
    .section-style-one {
        font-family: 'Open Sans', 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 1.8;
        color: #272727;
        padding-bottom: 15px;
    }
    
    .section-style-one .row {
        align-items: center;
    }
    
    .section-style-one h4 {
        color: #252069;
        font-size: 30px;
    }
    
    .section-style-one h6 {
        color: #3c31b8;
        font-size: 32px;
    }
    /* Section Style - 2 */
    
    .section-style-two {
        font-family: 'Open Sans', 'Open Sans', sans-serif;
        font-size: 26px;
        line-height: 1.6;
        align-items: center;
    }
    
    .section-style-two p {
        margin-bottom: 2rem;
    }
    /* Section Style - 3 */
    
    .section-style-three {
        line-height: 2;
        font-size: 22px;
    }
    /* Section Style - 4 */
    
    .section-style-four h3,
    .section-style-four h4 {
        font-weight: 600;
        text-transform: capitalize;
        color: #ffffff;
        padding-top: 0.5rem;
    }
    
    .section-style-four h3 {
        font-size: 26px;
    }
    
    .section-style-four h4 {
        font-size: 22px;
    }
    
    .section-style-four p {
        font-size: 14px;
        font-weight: 500;
        color: #a9abba;
    }
    /* Section Style - 5 */
    
    .section-style-five {
        font-size: 14px;
    }
    
    .section-style-five .section-title {
        padding: 30px 0px;
        margin: 0;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 46px;
        line-height: 1.5;
    }
    /* 14.2) Content Section Heading Styles */
    
    .heading-bar {
        text-align: center;
        padding-bottom: 20px;
    }
    
    .head {
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .title {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .desc {
        font-weight: 600;
        font-size: 28px;
        color: #929292;
    }
    /* (1) - Section Heading Style */
    
    .heading-style-one {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 10px;
        font-weight: 500;
    }
    
    .heading-style-one .heading-bar {
        /* min-width: 300px; */
        text-align: left;
    }
    
    .heading-style-one .filter-btn-bar {
        text-align: right;
    }
    
    .heading-style-one h2 {
        font-size: 44px;
        font-weight: 600;
    }
    
    .heading-style-one h3 {
        position: relative;
        color: #8292e9;
        text-transform: capitalize;
        padding-right: 60px;
        display: inline-block;
        font-size: 32px;
        font-weight: 600;
    }
    
    .heading-style-one h3::after {
        position: absolute;
        content: '';
        bottom: 5px;
        right: 0;
        width: 44px;
        height: 6px;
        background: #ffacac;
    }
    /* (2) - Section Heading Style */
    
    .heading-style-two {
        margin-bottom: 20px;
    }
    
    .heading-style-two h2 {
        font-size: 50px;
    }
    
    .heading-style-two h3 {
        text-transform: capitalize;
        font-weight: 600;
        font-size: 38px;
    }
    /* (3) - Section Heading Style */
    
    .heading-style-three {
        padding-bottom: 20px;
    }
    
    .heading-style-three h2 {
        text-transform: uppercase;
        font-size: 54px;
        font-weight: 700;
        color: #3c31b8;
    }
    
    .heading-style-three h3 {
        text-transform: capitalize;
        font-size: 36px;
        font-weight: 300;
        color: #8293cd;
    }
    /* (4) - Section Heading Style */
    
    .heading-style-four h2,
    .heading-style-four h3 {
        font-weight: 600;
        margin-bottom: 3rem;
        text-transform: capitalize;
    }
    
    .heading-style-four h2 {
        font-size: 50px;
        line-height: 1.4;
    }
    
    .heading-style-four h3 {
        font-size: 40px;
        color: #3f50ac;
        padding-bottom: 10px;
    }
    
    .heading-style-four .desc {
        font-weight: normal;
        color: #575f70;
    }
    
    .heading-style-four .heading-bar {
        margin: 0 auto;
        width: 90%;
    }
    
    .heading-style-four .heading-bar h2 {
        margin-bottom: 20px;
    }
    /* (5) - Section Heading Style */
    
    .heading-style-five {
        margin-bottom: 0.5rem;
        font-size: 14px;
        font-weight: 500;
        color: #a9abba;
    }
    
    .heading-style-five h2 {
        color: #ffffff;
        font-size: 62px;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 0;
    }
    
    .heading-style-five h2 span {
        color: #fa4d93;
        font-weight: 800;
    }
    
    .heading-style-five .desc {
        margin-bottom: 20px;
        /*30px;*/
        font-size: 22px;
        font-weight: 600;
        color: #a9abba;
    }
    /* 14.3) Smart Object Styles */
    
    .add-grass-lt,
    .add-grass-rt {
        position: relative;
    }
    
    .add-grass-lt::before,
    .add-grass-rt::after {
        position: absolute;
        content: '';
        bottom: 0;
    }
    
    .add-grass-lt::before {
        left: -3%;
        /* -30px; */
        width: 7%;
        max-width: 120px;
        height: 170px;
        background: url('../images/grass-1.png') no-repeat bottom left;
        background-size: contain;
    }
    
    .add-grass-rt::after {
        right: -5%;
        bottom: -15px;
        width: 15%;
        max-width: 190px;
        height: 220px;
        background: url('../images/grass-2.png') no-repeat bottom right;
        background-size: contain;
    }
    
    #page img.smart-object {
        position: absolute;
        z-index: 99;
        padding: 0;
        margin: 0;
    }
    
    #page img.smart-object.obj-lt {
        bottom: 0;
        left: -3%;
        /*-30px;*/
        bottom: -1.4%;
        /*-8px;*/
    }
    
    #page img.smart-object.obj-rt {
        bottom: 7px;
        right: -5px;
        height: 70%;
        bottom: -7%;
        /* -42px;*/
    }
    
    #page img.smart-object.obj-md {
        height: 46%;
        width: auto;
        bottom: 20%;
        left: 24%;
    }
    
    #page .client-block img.smart-object {
        bottom: 0;
        left: 0;
        height: 110%;
        max-width: 120%;
    }
    
    #page .service-block img.smart-object {
        padding: 0;
        left: -45px;
        bottom: 30px;
        height: 80%;
        max-height: 540px;
    }
    
    .circles,
    .circle-left,
    .triangle-left,
    .triangle-right {
        position: relative;
    }
    
    .circles::before,
    .circle-left::before,
    .triangle-left::before,
    .triangle-right::after {
        position: absolute;
        content: '';
    }
    
    .circles::before {
        right: -15px;
        width: 90%;
        max-width: 550px;
        height: 100%;
        max-height: 500px;
        background: url('../images/circles.png') no-repeat;
        background-size: contain;
    }
    
    .circle-left::before,
    .triangle-left::before,
    .triangle-right::after {
        top: 20px;
    }
    
    .triangle-left::before,
    .triangle-right::after {
        width: 70px;
        height: 70px;
    }
    
    .circle-left::before {
        background: url("../images/circle-left.png") no-repeat;
        background-size: cover;
        width: 50px;
        height: 50px;
        left: 20%;
        top: -70px;
    }
    
    .triangle-left::before {
        background: url("../images/triangle-left.png") no-repeat;
        background-size: cover;
        left: 4%;
    }
    
    .triangle-right::after {
        background: url("../images/triangle-right.png") no-repeat;
        background-size: cover;
        right: 0;
    }
    /*--------------------------------------------------------------
15) Section Layout
--------------------------------------------------------------*/
    /* 15.1) FAQ Section ---*/
    
    .faq .row {
        justify-content: center;
    }
    
    .card {
        border-radius: 0;
        border-width: 2px;
        border-color: #5264ca;
        border-bottom-color: transparent;
    }
    
    .card:last-child {
        border-bottom-color: #5264ca;
    }
    
    .card-header {
        background: none;
        border: none;
        padding: 0;
    }
    
    .card-header::before {
        position: absolute;
        content: '';
        top: 30px;
        right: 20px;
        width: 10px;
        height: 10px;
        border: solid #5264ca;
        border-width: 0 3px 3px 0;
    }
    
    .card-header::before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    
    .card-header.active::before {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
    
    .card-header h3 {
        margin: 0;
    }
    
    .card-header h3 a {
        color: #5264ca;
        display: block;
        padding: 20px 8%;
        cursor: pointer;
        margin-bottom: 0;
        line-height: 2rem;
        font-weight: 600;
        font-size: 24px;
        color: #5264ca;
    }
    
    .card-header.active h3 a {
        color: #000066;
    }
    
    .card-header h3 span {
        padding-right: 20px;
    }
    
    .card-body {
        padding: 1.25rem 7%;
    }
    /* 15.2) Contact Section ---*/
    
    .contact {
        font-size: 24px;
    }
    
    .contact .nav-item {
        padding: 0 15px 0 0;
    }
    
    .contact h4,
    .contact-detail h3 {
        font-family: 'Open Sans', 'Open Sans', sans-serif;
        font-weight: 700;
        margin-bottom: 20px;
    }
    
    .contact-detail h2,
    .contact-detail h3 {
        color: #272727;
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 30px;
    }
    
    .contact-detail li {
        list-style: none;
        margin-bottom: 15px;
        padding-left: 40px;
        position: relative;
        line-height: normal;
    }
    
    .contact-detail li a:hover {
        color: #7257f9;
    }
    
    .contact-detail li svg {
        color: #7257f9;
        position: absolute;
        left: 0;
        top: 8px;
        font-size: 30px;
    }
    
    .contact form {
        display: flex;
        flex-direction: column;
    }
    /* 15.3) Clients Section Layout ---*/
    
    .client {
        display: flex;
        align-items: center;
    }
    
    .client-detail {
        margin: 5px 15px;
    }
    
    .client-detail h6 {
        color: #ff3a5d;
        font-size: 26px;
        font-weight: 500;
    }
    
    .client-detail span {
        display: block;
        color: #272727;
        text-transform: capitalize;
        font-weight: 300;
        font-size: 90%;
    }
    
    .client-pic {
        border-radius: 50%;
        width: 90px;
        height: 90px;
        background: #7689f4;
    }
    
    .client-pic img {
        border-radius: 50%;
    }
    
    .client-logo {
        border: 1px solid #e2e2e2;
        height: 110px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .client-box {
        border: 1px solid #e2e2e2;
        padding: 20px 5% 40px 5%;
        position: relative;
        font-weight: 500;
        font-size: 22px;
    }
    
    .client-box .client-pic {
        position: absolute;
        bottom: -40px;
        left: 5%;
        background: #f5f6fb;
        width: 100px;
        height: 100px;
    }
    
    .client-block {
        margin-bottom: 30px;
    }
    
    .client-block .client-detail {
        padding-left: 140px;
        margin: 10px 0 40px 0;
        text-transform: capitalize;
        font-size: 20px;
        color: #3f50ac;
        font-weight: 500;
    }
    
    .client-block h4 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    
    .client-block h6 {
        color: #000066;
    }
    
    .client-block .client-detail span {
        color: #272727;
        font-size: 14px;
        display: inline-block;
    }
    
    .rating-stars {
        /*font-size: 14px; */
        color: #ffba00;
        padding: 5px 0 15px;
    }
    
    .rating-stars svg {
        margin-right: 5px;
    }
    /* 15.4) Process Section ---*/
    
    .process-step {
        text-align: center;
        font-weight: 500;
    }
    
    .process-title {
        padding: 10px 0;
    }
    
    .work-process .process-step {
        padding: 30px 6%;
    }
    
    .process-style-one .row {
        justify-content: center;
        align-items: center;
        font-size: 15px;
    }
    
    .process-style-one .process-center {
        position: relative;
    }
    
    .process-style-one .process-center::before,
    .process-style-one .process-center::after {
        position: absolute;
        content: '';
        background: #596bcb;
    }
    
    .process-style-one .process-center::before {
        width: 100%;
        height: 2px;
        top: 49%;
        left: 0;
    }
    
    .process-style-one .process-center::after {
        width: 2px;
        height: 100%;
        left: 49%;
        top: 0;
    }
    
    .process-style-one .process-center img {
        border: 15px solid #8292e9;
        border-radius: 50%;
        width: 100%;
        position: relative;
        z-index: 1;
    }
    
    .process-style-two {
        font-size: 15px;
    }
    
    .process-style-two .process-step {
        padding: 1%;
    }
    
    .process-style-two .process-center img {
        height: 140%;
        max-width: initial;
        top: -20%;
        left: -42%;
        position: relative;
    }
    
    .arrow {
        position: absolute;
        background: #4e60c4;
    }
    
    .arrow.left2right,
    .arrow.right2left {
        width: 80%;
        height: 2px;
        top: 50%;
        left: 10%;
    }
    
    .arrow.top2bottom,
    .arrow.bottom2top {
        width: 2px;
        height: 80%;
        left: 50%;
        top: 10%;
    }
    
    .arrow.left2right::before,
    .arrow.left2right::after,
    .arrow.right2left::before,
    .arrow.right2left::after,
    .arrow.top2bottom::before,
    .arrow.top2bottom::after,
    .arrow.bottom2top::before,
    .arrow.bottom2top::after {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        border: solid #4e60c4;
        border-width: 0 4px 4px 0;
        display: inline-block;
    }
    
    .arrow.left2right::before,
    .arrow.left2right::after {
        top: -7.5px;
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
    }
    
    .arrow.right2left::before,
    .arrow.right2left::after {
        top: -6.5px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    
    .arrow.top2bottom::before,
    .arrow.top2bottom::after {
        right: -6.5px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    
    .arrow.bottom2top::before,
    .arrow.bottom2top::after {
        right: -7px;
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }
    
    .arrow.left2right::before {
        left: -15px;
    }
    
    .arrow.left2right::after {
        right: 1px;
    }
    
    .arrow.right2left::before {
        left: 1px;
    }
    
    .arrow.right2left::after {
        right: -15px;
    }
    
    .arrow.top2bottom::before {
        top: -15px;
    }
    
    .arrow.top2bottom::after {
        bottom: 1px;
    }
    
    .arrow.bottom2top::after {
        bottom: -15px;
    }
    
    .arrow.bottom2top::before {
        top: 1px;
    }
    /* 15.5) Skills Section Layout */
    
    .knowledge {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 15px 0;
    }
    
    .knowledge .k-detail {
        display: flex;
        align-items: flex-start;
    }
    
    .knowledge span {
        line-height: normal;
        text-align: center;
        font-weight: 500;
    }
    
    .knowledge h4 {
        color: #141934;
        font-size: 26px;
    }
    
    .knowledge h4 span {
        font-size: 70%;
        display: block;
        text-align: left;
    }
    
    .knowledge .count {
        color: #ffffff;
        background: #3f50ac;
        margin-right: 10px;
        padding: 4px 12px;
        border-radius: 30px;
        min-width: 36px;
        font-weight: 600;
    }
    
    .knowledge .year {
        color: #ffffff;
        background: #fe4d94;
        border-radius: 3px;
        padding: 10px 8px;
        max-width: 138px;
        width: 138px;
    }
    
    .skill-detail {
        display: flex;
        justify-content: space-between;
        margin-right: 10%;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .skill-detail h6 {
        color: #231e65;
        margin-top: 16px;
        font-size: 24px;
        font-weight: 500;
    }
    
    .education {
        position: relative;
    }
    
    .education .detail {
        padding-left: 10%;
        padding-bottom: 24px;
        position: relative;
    }
    
    .education .detail::before {
        position: absolute;
        top: -36px;
        left: -4px;
        content: '\2022';
        /* '\0007' , '\22c5' , '\2022' */
        font-size: 60px;
        color: #fe4d94;
    }
    
    .education:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 6px;
        bottom: 0;
        left: 4px;
        border-left: 1px dotted #ffea9b;
        margin-bottom: 24px;
    }
    
    .education h6 {
        color: #ffffff;
        margin: 0;
        font-weight: 500;
    }
    
    .education h6 span {
        font-size: 14px;
        display: block;
        text-transform: capitalize;
    }
    
    .progress {
        margin-bottom: 30px;
        margin-right: 10%;
        height: 16px;
        background-color: #a7b7f6;
    }
    
    .progress,
    .progress-bar-striped {
        border-radius: 10px;
    }
    
    .skill-style-two .skill-detail {
        margin-top: 8px;
        margin-bottom: 5px;
    }
    
    .skill-style-two .skill-detail h5,
    .skill-style-two .skill-detail h6 {
        font-size: 14px;
        margin: 5px 0;
    }
    
    .skill-style-two .skill-detail h5 {
        color: #ffaecf;
    }
    
    .skill-style-two .skill-detail h6 {
        color: #d5dffe;
    }
    
    .skill-style-two .progress {
        height: 8px;
        background-color: #ffea9b;
        margin-bottom: 30px;
    }
    
    .skill-style-two .progress-bar {
        background-color: #f6a9b2;
    }
    
    .service {
        padding-top: 10px;
        /*35px*/
        padding-bottom: 10px;
    }
    
    .service h4 {
        margin-bottom: 5px;
    }
    
    .service-block {
        text-align: center;
        font-size: 22px;
        line-height: 1.8;
        position: relative;
    }
    
    .service-block h3 {
        font-size: 34px;
        font-weight: 600;
        margin: 30px 0;
    }
    
    .service-block h4 {
        font-size: 34px;
        color: #141934;
        margin-bottom: 30px;
    }
    
    .service-block img {
        padding: 10%;
    }
    
    .service-block .squire-round-block {
        padding: 12% 6%;
    }
    
    .squire-round-block::before {
        background-repeat: no-repeat;
        height: 245px;
    }
    
    #about .service-block {
        padding: 3%;
    }
    /* 15.6) Portfolio Section Layout */
    
    .portfolio-list .element-item {
        margin-bottom: 26px;
    }
    
    .portfolio-list .element-item .item-content {
        background: #cee7fd;
    }
    
    .portfolio-list .element-item img {
        width: 100%;
    }
    
    .portfolio-title {
        text-transform: uppercase;
    }
    
    .portfolio-hoverEffect .item-content {
        position: relative;
    }
    
    .portfolio-hoverEffect .portfolio-title,
    .portfolio-hoverEffect .item-content::before {
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0, 0.7);
        position: absolute;
        text-align: center;
    }
    
    .portfolio-hoverEffect .element-item:hover .item-content::before {
        content: '';
    }
    
    .portfolio-hoverEffect .portfolio-title {
        color: #ffffff;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 5%;
    }
    
    .portfolio-hoverEffect .element-item:hover .portfolio-title {
        display: flex;
    }
    /* filter-btn-bar */
    
    .filter-btn-bar {
        text-align: center;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
    }
    
    .filter-btn {
        background: transparent;
        border: none;
        padding: 0 15px 15px 15px;
        color: #929292;
        text-transform: capitalize;
    }
    
    .filter-btn:first-child {
        padding-left: 0;
    }
    
    .filter-btn:last-child {
        padding-right: 0;
    }
    
    .filter-btn:hover,
    .filter-btn:focus,
    .filter-btn.active {
        background: transparent;
        color: #5264ca;
    }
    
    .filter-style-one .filter-btn,
    .filter-style-two .filter-btn {
        padding: 10px 0;
        margin: 0 10px 20px 10px;
        font-weight: 600;
    }
    
    .filter-style-one .filter-btn:hover,
    .filter-style-one .filter-btn:focus,
    .filter-style-one .filter-btn.active {
        color: #ff8692;
        border-bottom: 3px solid #7762ef;
    }
    
    .filter-style-two .filter-btn:hover,
    .filter-style-two .filter-btn:focus,
    .filter-style-two .filter-btn.active {
        color: #5264ca;
        border-bottom: 3px solid #ff8692;
    }
    /* 15.7) Blog List Section ---*/
    
    .blog-list article {
        font-family: 'Montserrat', 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        color: #ffffff;
        position: relative
    }
    
    .blog-list .time {
        font-size: 10px;
        font-weight: 500;
    }
    
    .blog-list a {
        color: #ffffff;
    }
    
    .blog-list a:hover {
        color: #ff7a89;
    }
    
    .blog-list a.more-info {
        font-size: 12px;
        letter-spacing: 3px;
    }
    
    .blog-list a:hover.more-info {
        color: #fff;
        background: #b7c2ff;
    }
    
    .blog-list .more-link {
        color: #ffffff;
        background: #ff7a89;
        position: absolute;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        box-shadow: none;
        line-height: normal;
        padding: 8px 10px;
        margin: 0;
    }
    
    .blog-list .more-link:hover {
        color: #ff7a89;
        background: #ffffff;
    }
    
    .blog-list figure {
        margin-bottom: 0;
    }
    
    .blog-list .entry-title {
        font-size: 28px;
        font-weight: 400;
        margin: 15px 0;
    }
    
    .blog-list .entry-content {
        padding: 50px 30px 60px 30px;
        padding: 7% 4%;
        font-weight: 300;
    }
    
    .blog-list .entry-content p {
        font-size: 18px;
        font-weight: 300;
    }
    
    .blog-list article:nth-child(1n) {
        background: #5b6ccd;
    }
    
    .blog-list article:nth-child(2n) {
        background: #8898ea;
    }
    
    .blog-list article:nth-child(3n) {
        background: #5264ca;
    }
    
    .blog-list .article-vert {
        height: calc(100% - 2em);
        height: -moz-calc(100% - 2em);
        height: -webkit-calc(100% - 2em);
    }
    
    .blog-list .article-vert figure {
        height: calc(50% - 1em);
        height: -moz-calc(50% - 1em);
        height: -webkit-calc(50% - 1em);
    }
    
    .blog-list .article-vert .entry-content {
        height: calc(50% + 1em);
        height: -moz-calc(50% + 1em);
        height: -webkit-calc(50% + 1em);
    }
    
    .blog-list .article-vert figure img {
        width: 100%;
    }
    /* 15.8) Statistics Section ---*/
    
    .stat-style-one {
        text-align: center;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 30px 10px 100px;
        height: 190px;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
    }
    
    .stat-style-one img {
        position: absolute;
        left: 80px;
    }
    
    .stat-style-two {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        margin: 30px 0;
        min-height: 200px;
        justify-content: space-evenly;
        color: #fff;
    }
    
    .stat-style-two span {
        margin-top: 30px;
    }
    
    .stat-style-three {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        text-transform: capitalize;
        font-size: 28px;
        font-weight: 300;
        margin-top: 20px;
        margin-bottom: 5px;
        color: #fff;
    }
    
    .stat-style-three .big {
        font-weight: 700;
    }
    /* 15.9 Fun-facts Section */
    
    .fun-facts {
        background: #ff3a5d url(../images/bg-balls.png) center;
        background-size: 100%;
        color: #ffffff;
        padding: 60px 0;
    }
    
    .fun-facts h2,
    .fun-facts h3 {
        color: #ffffff;
    }
    /*future*/
    
    .future .row {
        justify-content: center;
        text-align: center;
        line-height: 40px;
        padding-top: 70px;
        padding-bottom: 40px;
    }
    
    .player-box {
        position: relative;
        cursor: pointer;
    }
    
    .player-box::before {
        position: absolute;
        content: '';
        background: url('../images/play.png') no-repeat;
        background-size: contain;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 70px;
        height: 70px;
    }
    /* 15.10) Team Section ---*/
    
    .team h4 {
        font-size: 30px;
        font-weight: 700;
        color: #2d3357;
    }
    
    .team h5 {
        font-size: 22px;
        color: #2d3357;
        font-weight: 600;
        margin-bottom: 30px;
    }
    
    .team p {
        font-size: 22px;
        font-weight: 500;
    }
    
    .about-block {
        text-align: center;
        font-size: 20px;
        padding: 0 3.2%;
    }
    
    .about-block img {
        width: 90%;
    }
    /*--------------------------------------------------------------
16) Site Theme Layout
--------------------------------------------------------------*/
    
    html {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    *,
    *:before,
    *:after {
        /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }
    
    body {
        background: #ffffff;
        /* Fallback for when there is no custom background color defined. */
    }
    
    .container-box {
        width: 100%;
        margin: 0 auto;
        padding-top: 1px;
        padding-bottom: 1px;
        /*padding:1px 5px;*/
        padding: 0px 5px;
        position: relative;
    }
    
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .owl-nav span {
        -webkit-text-decoration-skip: objects;
        -webkit-transition: 0.5s ease-out;
        -moz-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }
    
    .wrapper {
        /*
	display: flex;
    width: 100%;
    align-items: stretch;
	*/
    }
    
    #page {
        position: relative;
        z-index: 999;
        max-width: 1920px;
        margin: 0 auto;
        height: 100vh;
    }
    
    .section-spacer {
        margin-bottom: 80px;
    }
    /* Scorllbar Style */
    
     ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
        background-color: #59595a;
    }
    
     ::-webkit-scrollbar {
        width: 6px;
        height: 0;
        background-color: #181d3a;
    }
    
     ::-webkit-scrollbar-thumb {
        background-color: #d8d5d6;
        border: 1px solid #000000;
    }
    /*--------------------------------------------------------
17) Comments Layout
--------------------------------------------------------------*/
    /*--------------------------------------------------------------
18) Pagination Layout
--------------------------------------------------------------*/
    
    .pagination .page-item {
        padding: 5px;
    }
    
    .pagination .page-link {
        background: #4d70ff;
        color: #fff;
        border: none;
        padding: 10px 15px;
        font-weight: 600;
        font-size: 16px;
    }
    
    .pagination .page-link:hover,
    .pagination .page-link.active {
        background: #ff4a8f;
    }
    
    .pagination .page-item.disabled .page-link {
        background: #a6b7ff;
        color: #fff;
    }
    
    .page-item:first-child .page-link,
    .page-item:last-child .page-link {
        border-radius: 0;
    }
    
    .fancybox-button[disabled],
    .fancybox-button[disabled]:hover {
        color: #ffacac;
    }
    /*--------------------------------------------------------------
19) Media Queries
--------------------------------------------------------------*/
    
    @media (min-width:576px) {
        .container-box {
            max-width: 570px;
            min-width: 550px;
        }
    }
    
    @media (min-width:768px) {
        .container-box {
            max-width: 760px;
            min-width: 730px;
        }
    }
    
    @media (min-width:992px) {
        .container-box {
            max-width: 990px;
            min-width: 970px;
        }
    }
    
    @media (min-width:1200px) {
        .container-box {
            max-width: 1198px;
            min-width: 1150px;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }
    }
    
    @media (min-width:1440px) {
        .container {
            max-width: 1200px;
        }
        .container-box {
            max-width: 1430px;
            min-width: 1230px;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
    
    @media (min-width:1680px) {
        .container {
            max-width: 1440px;
        }
        .container-box {
            max-width: 1670px;
            min-width: 1470px;
        }
    }
    
    @media (min-width:1920px) {
        .container {
            max-width: 1440px;
        }
        .container-box {
            max-width: 1720px;
            min-width: 1470px;
        }
    }
    
    @media only screen and (max-width: 1919px) {
        .section-spacer {
            margin-bottom: 110px;
        }
        section {
            margin-bottom: 80px;
        }
        .blog-list .entry-content p {
            font-size: 17px;
        }
        .stat-style-one img {
            left: 70px;
        }
    }
    
    @media only screen and (max-width: 1679px) {
        .section-spacer {
            margin-bottom: 100px;
        }
        section {
            margin-bottom: 70px;
        }
        a.more-link {
            font-size: 14px;
        }
        h6 {
            font-size: 24px;
        }
        .heading-style-three h2 {
            font-size: 52px;
        }
        .heading-style-three h3 {
            font-size: 32px;
        }
        .heading-style-two h2,
        .heading-style-four h2 {
            font-size: 46px;
        }
        .heading-style-two h3 {
            font-size: 36px;
        }
        .heading-style-four h3 {
            font-size: 38px;
        }
        .heading-style-five h2 {
            font-size: 58px;
        }
        .section-style-one h4 {
            font-size: 28px;
        }
        .section-style-five .section-title {
            font-size: 42px;
        }
        .entry-title {
            font-size: 28px;
        }
        .desc {
            font-size: 26px;
        }
        .work-process .process-step {
            padding: 25px 5%;
        }
        .about-block {
            font-size: 18px;
            padding: 0 3.1%;
        }
        .stat-style-three {
            font-size: 26px;
        }
        .contact {
            font-size: 22px;
        }
        .process-style-two .process-center img {
            height: 124%;
            top: -14%;
        }
    }
    
    @media only screen and (max-width: 1439px) {
        .section-spacer {
            margin-bottom: 90px;
        }
        section {
            margin-bottom: 60px;
        }
        body,
        button,
        input,
        select,
        optgroup,
        textarea {
            font-size: 20px;
            line-height: 1.5;
        }
        input[type="text"],
        input[type="email"],
        input[type="url"],
        input[type="password"],
        input[type="search"],
        input[type="number"],
        input[type="tel"],
        input[type="range"],
        input[type="date"],
        input[type="month"],
        input[type="week"],
        input[type="time"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="color"],
        textarea,
        select,
        option,
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            font-size: 22px;
        }
        a.more-link {
            font-size: 13px;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            line-height: 1.2;
        }
        h5 {
            font-size: 32px;
        }
        h6,
        .skill-detail h6 {
            font-size: 22px;
        }
        .main-nav a {
            font-size: 14px;
        }
        .social-nav .nav-link {
            font-size: 46px;
        }
        .heading-style-one h2 {
            font-size: 38px;
        }
        .heading-style-one h3,
        .heading-style-three h3 {
            font-size: 30px;
        }
        .heading-style-three h2 {
            font-size: 48px;
        }
        .heading-style-two h2,
        .heading-style-four h2 {
            font-size: 42px;
        }
        .heading-style-two h3,
        .heading-style-four h3 {
            font-size: 34px;
        }
        .heading-style-four h2,
        .heading-style-four h3 {
            margin-bottom: 2.5rem;
        }
        .heading-style-five h2 {
            font-size: 54px;
        }
        .section-style-five .section-title {
            font-size: 38px;
        }
        .entry-title {
            font-size: 26px;
        }
        .desc {
            font-size: 22px;
        }
        .section-style-one {
            font-size: 18px;
        }
        .section-style-one h4 {
            font-size: 24px;
        }
        .section-style-one h6 {
            font-size: 28px;
        }
        .section-style-two {
            font-size: 24px;
        }
        .section-style-three {
            font-size: 20px;
        }
        .section-style-four h3 {
            font-size: 22px;
        }
        .section-style-four h4 {
            font-size: 16px;
        }
        .section-style-four p {
            font-size: 13px;
        }
        .section-icon,
        .icon-detail {
            padding-right: 0;
        }
        .icon-detail {
            padding-bottom: 15px;
        }
        .filter-btn {
            padding: 0 12px 12px 12px;
        }
        .work-process .process-step {
            padding: 4%;
        }
        .skill-detail,
        .progress {
            margin-right: 8%;
        }
        .skill-detail {
            margin-bottom: 12px;
        }
        .process-style-one .row {
            font-size: 14px;
        }
        .process-style-one .process-center img {
            border-width: 12px;
        }
        .stat-style-three {
            font-size: 24px;
        }
        .blog-list article {
            font-size: 16px;
        }
        .blog-list .entry-title {
            font-size: 26px;
        }
        .blog-list .entry-content p {
            font-size: 16px;
        }
        .stat-style-one img {
            left: 60px;
        }
        .about-block {
            font-size: 16px;
            padding: 0 3%;
        }
        .service-block {
            font-size: 20px;
        }
        .service-block h3,
        .service-block h4 {
            font-size: 32px;
        }
        .knowledge h4 {
            font-size: 24px;
        }
        .client-box {
            font-size: 20px;
            padding-bottom: 30px;
        }
        .client-box .client-pic {
            width: 90px;
            height: 90px;
        }
        .client-block .client-detail {
            padding-left: 130px;
        }
        .client-detail h6 {
            font-size: 24px;
        }
        .team h4 {
            font-size: 28px;
        }
        .team h5,
        .team p {
            font-size: 20px;
        }
        .contact {
            font-size: 20px;
        }
        .contact-detail li svg {
            top: 4px;
            font-size: 24px;
        }
        .future .row {
            padding-top: 60px;
            padding-bottom: 30px;
        }
        .knowledge .count {
            min-width: 34px;
        }
        .knowledge .year {
            padding: 8px 5px;
            max-width: 120px;
            width: 120px;
        }
        footer .footer-style,
        .site-info span {
            font-size: 15px;
        }
        .footer-style .social-nav .nav-link {
            font-size: 30px;
        }
        .bg-simple-light::before {
            height: 900px;
        }
    }
    
    @media only screen and (max-width: 1365px) {
        body,
        button,
        input,
        select,
        optgroup,
        textarea {
            font-size: 17px;
        }
        .bg-simple-light::before {
            height: 850px;
        }
        .section-style-two {
            font-size: 22px;
        }
        .heading-style-two h2,
        .heading-style-four h2 {
            font-size: 38px;
        }
        .heading-style-two h3 {
            font-size: 30px;
        }
        .heading-style-four h3 {
            font-size: 32px;
        }
        .heading-style-four h2,
        .heading-style-four h3 {
            margin-bottom: 2rem;
        }
        .heading-style-five h2 {
            font-size: 50px;
        }
        .entry-title {
            font-size: 24px;
        }
        .section-style-three {
            line-height: 1.5;
            font-size: 18px;
        }
        .section-style-four h3 {
            font-size: 20px;
        }
        .section-style-four p {
            font-size: 12px;
        }
        .section-style-five .section-title {
            font-size: 34px;
        }
        .service-block {
            font-size: 18px;
        }
        #about .service-block {
            padding: 15px;
        }
        .service-block h3,
        .service-block h4 {
            font-size: 28px;
        }
        .service-block .squire-round-block {
            padding: 9% 4%;
        }
        .future .row {
            padding-top: 50px;
            padding-bottom: 20px;
        }
        .client-box .client-pic {
            width: 80px;
            height: 80px;
        }
        .client-block .client-detail {
            padding-left: 120px;
        }
        .client-box,
        .client-block .client-detail {
            font-size: 18px;
        }
        .client-box {
            padding-bottom: 20px;
        }
        .team h4 {
            font-size: 26px;
        }
        .team h5,
        .team p {
            font-size: 18px;
        }
        .knowledge .count {
            min-width: 32px;
        }
        .knowledge h4 {
            font-size: 22px;
        }
        .knowledge .year {
            padding: 5px 3px;
            max-width: 110px;
            width: 110px;
        }
        .icon-detail {
            padding-bottom: 10px;
        }
    }
    
    @media only screen and (max-width: 1279px) {
        .section-spacer {
            margin-bottom: 80px;
        }
        section {
            margin-bottom: 50px;
        }
        body,
        button,
        input,
        select,
        optgroup,
        textarea {
            font-size: 16px;
        }
        input[type="text"],
        input[type="email"],
        input[type="url"],
        input[type="password"],
        input[type="search"],
        input[type="number"],
        input[type="tel"],
        input[type="range"],
        input[type="date"],
        input[type="month"],
        input[type="week"],
        input[type="time"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="color"],
        textarea,
        select,
        option,
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            font-size: 20px;
        }
        .filter-btn {
            padding: 0 10px 10px 10px;
        }
        a.more-link {
            font-size: 12px;
        }
        h5 {
            font-size: 30px;
        }
        h6,
        .skill-detail h6 {
            font-size: 20px;
        }
        .card-header h3 a {
            padding: 20px 5%;
        }
        .right-middle-fixed .social-nav li,
        .main-nav a {
            font-size: 13px;
        }
        .social-nav .nav-link {
            font-size: 42px;
        }
        .site-header .social-nav li {
            margin-left: 15px;
            padding-left: 0;
            letter-spacing: 1px;
        }
        .heading-style-one h2 {
            font-size: 34px;
        }
        .heading-style-one h3,
        .heading-style-three h3 {
            font-size: 28px;
        }
        .heading-style-three h2 {
            font-size: 44px;
        }
        .heading-style-two h2,
        .heading-style-four h2 {
            font-size: 34px;
        }
        .heading-style-two h3,
        .heading-style-four h3 {
            font-size: 28px;
        }
        .heading-style-four h2,
        .heading-style-four h3 {
            margin-bottom: 1.875rem;
        }
        .heading-style-five h2 {
            font-size: 36px;
        }
        .desc {
            font-size: 21px;
        }
        .section-style-one {
            font-size: 16px;
            line-height: 1.5;
        }
        .section-style-one h4 {
            font-size: 22px;
        }
        .section-style-one h6 {
            font-size: 24px;
        }
        .section-style-two {
            font-size: 20px;
        }
        .section-style-three {
            font-size: 20px;
        }
        .no-gutters .icon-detail {
            padding-bottom: 5px;
            padding-left: 5px;
        }
        .knowledge .count {
            min-width: 30px;
            padding: 5px 10px;
        }
        .knowledge h4 {
            font-size: 20px;
        }
        .work-process .process-step {
            padding: 3%;
        }
        .process-style-one .process-center img {
            border-width: 10px;
        }
        .process-style-two .process-center img {
            height: auto;
            top: 0;
            left: -40%;
        }
        .skill-detail,
        .progress {
            margin-right: 5%;
        }
        .skill-detail {
            margin-top: 25px;
            margin-bottom: 10px;
        }
        .progress {
            height: 14px;
        }
        .blog-list .entry-title {
            font-size: 24px;
        }
        .blog-list .entry-content p {
            font-size: 14px;
        }
        .stat-style-one img {
            left: 50px;
        }
        .stat-style-three {
            font-size: 22px;
        }
        .about-block {
            font-size: 14px;
            padding: 0 4.3%;
        }
        .service-block {
            font-size: 16px;
        }
        .service-block h3,
        .service-block h4 {
            font-size: 24px;
        }
        .client-box,
        .client-block .client-detail {
            font-size: 16px;
        }
        .client-box {
            padding-bottom: 15px;
        }
        .client-pic {
            width: 80px;
            height: 80px;
        }
        .client-box .client-pic {
            width: 70px;
            height: 70px;
        }
        .client-block .client-detail {
            padding-left: 110px;
        }
        .client-detail h6 {
            font-size: 22px;
        }
        .team h4 {
            font-size: 24px;
        }
        .team h5,
        .team p {
            font-size: 16px;
        }
        .team h5 {
            margin-bottom: 20px;
        }
        .contact {
            font-size: 18px;
        }
        .contact-detail li {
            padding-left: 30px;
        }
        .contact-detail li svg {
            font-size: 20px;
        }
        footer .footer-style,
        .site-info span {
            font-size: 14px;
        }
        .footer-style .social-nav .nav-link {
            font-size: 28px;
        }
    }
    
    @media only screen and (max-width: 1080px) {
        .page-title.side-spacer {
            margin: 0 10%;
        }
        input[type="text"],
        input[type="email"],
        input[type="url"],
        input[type="password"],
        input[type="search"],
        input[type="number"],
        input[type="tel"],
        input[type="range"],
        input[type="date"],
        input[type="month"],
        input[type="week"],
        input[type="time"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="color"],
        textarea,
        select,
        option,
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            font-size: 18px;
        }
        h5 {
            font-size: 28px;
        }
        .right-middle-fixed .social-nav li,
        .main-nav a {
            font-size: 12px;
        }
        .social-nav .nav-link {
            font-size: 40px;
        }
        .heading-style-one h3,
        .heading-style-three h3 {
            font-size: 26px;
        }
        .heading-style-three h2 {
            font-size: 40px;
        }
        .heading-style-five h2 {
            font-size: 34px;
        }
        .section-style-two {
            font-size: 18px;
        }
        .section-style-three {
            font-size: 14px;
        }
        .blog-list .entry-content {
            padding-top: 10px;
            padding-bottom: 50px;
        }
        .progress {
            height: 12px;
        }
        .client-box,
        .client-block .client-detail {
            font-size: 14px;
        }
        .contact {
            font-size: 16px;
        }
        .team h4 {
            font-size: 22px;
        }
        .footer-style .social-nav .nav-link {
            font-size: 26px;
        }
    }
    
    @media only screen and (max-width: 1023px) {
        .section-spacer {
            margin-bottom: 70px;
        }
        section {
            margin-bottom: 40px;
        }
        input[type="text"],
        input[type="email"],
        input[type="url"],
        input[type="password"],
        input[type="search"],
        input[type="number"],
        input[type="tel"],
        input[type="range"],
        input[type="date"],
        input[type="month"],
        input[type="week"],
        input[type="time"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="color"],
        textarea,
        select,
        option,
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            font-size: 16px;
        }
        .social-nav .nav-link {
            font-size: 38px;
        }
        .right-middle-fixed .social-nav li {
            font-size: 10px;
        }
        h5 {
            font-size: 26px;
        }
        .card-header h3 a {
            padding: 20px 4%;
        }
        .heading-style-three h2 {
            font-size: 38px;
        }
        .heading-style-three h3 {
            font-size: 24px;
        }
        .heading-style-four h2 {
            font-size: 34px;
            line-height: 44px;
        }
        .heading-style-five h2 {
            font-size: 32px;
        }
        .heading-style-five .desc {
            margin-bottom: 20px;
        }
        .entry-title {
            font-size: 22px;
        }
        .desc {
            font-size: 20px;
        }
        .section-style-one h4 {
            font-size: 20px;
        }
        .section-style-one h6 {
            font-size: 24px;
        }
        .section-style-two {
            font-size: 16px;
            line-height: 30px;
        }
        a.read-more {
            padding: 8px 40px;
        }
        .client-detail h6 {
            font-size: 20px;
        }
        .stat-style-one img {
            left: 40px;
        }
        .stat-style-three {
            font-size: 20px;
        }
        .service-block h3,
        .service-block h4 {
            font-size: 22px;
        }
        .team h4 {
            font-size: 20px;
        }
        .team h5,
        .team p {
            font-size: 15px;
        }
        .footer-style .social-nav .nav-link {
            font-size: 24px;
        }
    }
    
    @media only screen and (max-width: 991px) {
        .section-spacer {
            margin-bottom: 60px;
        }
        section {
            margin-bottom: 30px;
        }
        .page-title.side-spacer {
            margin: 0 5%;
        }
        .breadcrumb {
            padding: 15px;
        }
        .navbar-nav {
            margin: 10px 0;
        }
        .nav-item {
            padding: 0 5px;
        }
        .social-nav .nav-link {
            font-size: 36px;
        }
        .site-info {
            padding: 10px 0;
        }
        .right-middle-fixed .social-nav li {
            margin: 30px -25px;
        }
        .filter-btn {
            padding: 0 6px 10px 6px;
        }
        .filter-style-one .filter-btn,
        .filter-style-two .filter-btn {
            margin: 0 8px 15px 8px;
            padding: 8px 0;
            font-size: 14px;
        }
        .heading-style-one .filter-btn {
            padding-bottom: 0;
            margin-top: 0;
        }
        .card-header::before {
            top: 25px;
            right: 15px;
        }
        .card-header h3 a {
            padding: 15px 45px 15px 85px;
        }
        .card-header h3 span {
            padding-right: 10px;
            position: absolute;
            left: 15px;
            top: 15px;
        }
        .page-title,
        .title {
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .page-title {
            font-size: 40px;
        }
        .entry-title {
            font-size: 20px;
        }
        h5,
        h6 {
            margin-top: 0.75rem;
        }
        h5 {
            font-size: 22px;
        }
        h6,
        .skill-detail h6 {
            font-size: 18px;
        }
        .desc {
            font-size: 18px;
        }
        .heading-style-one h3 {
            font-size: 24px;
        }
        .heading-style-four h2,
        .heading-style-four h3 {
            margin-bottom: 1.5rem;
        }
        .heading-style-three h2 {
            font-size: 34px;
        }
        .heading-style-three h3 {
            font-size: 22px;
        }
        .heading-style-one h2,
        .heading-style-five h2,
        .section-style-five .section-title,
        .portfolio-hoverEffect .portfolio-title {
            font-size: 30px;
        }
        .section-style-one h4 {
            font-size: 18px;
        }
        .section-style-two {
            line-height: 24px;
        }
        .section-style-two p {
            margin-bottom: 1.5rem;
        }
        .section-style-five .section-title {
            line-height: 1.25;
        }
        .heading-style-five .desc {
            margin-bottom: 20px;
        }
        .stat-style-two img {
            max-width: 70px;
        }
        .process-style-one .process-center img {
            border-width: 6px;
        }
        .process-style-two .process-center img {
            left: -130%;
        }
        .process-step span {
            font-size: 14px;
        }
        .arrow.left2right,
        .arrow.right2left {
            height: 1px;
        }
        .arrow.top2bottom,
        .arrow.bottom2top {
            width: 1px;
        }
        .arrow.left2right::before,
        .arrow.left2right::after,
        .arrow.right2left::before,
        .arrow.right2left::after,
        .arrow.top2bottom::before,
        .arrow.top2bottom::after,
        .arrow.bottom2top::before,
        .arrow.bottom2top::after {
            border-width: 0 2px 2px 0;
        }
        .skill-detail,
        .progress {
            margin-right: 8%;
        }
        .skill-detail {
            margin-top: 20px;
            margin-bottom: 8px;
        }
        .knowledge {
            flex-direction: column;
        }
        .knowledge .year {
            margin-left: 40px;
        }
        .knowledge h4 {
            font-size: 18px;
        }
        .progress {
            height: 10px;
        }
        .service-block h3,
        .service-block h4 {
            font-size: 18px;
        }
        .stat-style-two,
        .client-block .client-detail {
            font-size: 16px;
        }
        .client-block .client-detail span {
            font-size: 12px;
        }
        .team h5,
        .team p {
            font-size: 14px;
        }
        .blog-list article {
            font-size: 13px;
        }
        .blog-list .entry-title {
            font-size: 18px;
            margin: 0px;
        }
        .blog-list .entry-content {}
        .blog-list .entry-content p {
            margin-bottom: 10px;
        }
        .comment-form {
            width: 90%;
        }
        .widget_lattest ul li {
            flex-direction: column;
        }
        .widget ul li .post-thumb {
            max-width: 96%;
            margin-bottom: 5px;
        }
        a.read-more {
            padding: 8px 40px 8px 25px;
        }
        .bg-gradient::before {
            height: 480px;
        }
        .bg-simple-light::before {
            height: 650px;
        }
        .circle-left::before,
        .triangle-left::before,
        .triangle-right::after,
        .player-box::before {
            width: 50px;
            height: 50px;
        }
        .stat-style-one img {
            left: 30px;
        }
        .stat-style-three {
            font-size: 18px;
        }
        #intructions .col-lg-1 {
            display: none;
        }
        footer .footer-style,
        .site-info span {
            font-size: 12px;
        }
        .footer-style .social-nav .nav-link {
            font-size: 22px;
        }
        #full-right .footer-style {
            margin: 0 auto;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-spacer {
            margin-bottom: 65px;
        }
        section {
            margin-bottom: 35px;
        }
        .breadcrumb {
            font-size: 12px;
        }
        .navbar,
        .breadcrumb {
            padding: 10px;
        }
        .navbar-nav {
            margin: 8px 0;
        }
        .social-nav .nav-link {
            padding: 0 5px;
        }
        .stat-style-two,
        .filter-btn {
            font-size: 14px;
        }
        .filter-style-one .filter-btn,
        .filter-style-two .filter-btn {
            margin: 0 5px 10px 5px;
            padding: 5px 0;
            font-size: 12px;
        }
        .page-title,
        .title {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .page-title {
            font-size: 36px;
        }
        .h2,
        h2 {
            font-size: 30px;
        }
        .h3,
        h3 {
            font-size: 24px;
        }
        h5 {
            font-size: 20px;
        }
        .heading-style-four h2,
        .heading-style-four h3,
        .section-style-two p {
            margin-bottom: 1rem;
        }
        .heading-style-one h2,
        .section-style-five .section-title,
        .portfolio-hoverEffect .portfolio-title {
            font-size: 26px;
        }
        .heading-style-one h3 {
            font-size: 20px;
            padding-right: 40px;
        }
        .heading-style-one h3::after {
            width: 30px;
            height: 4px;
        }
        .heading-style-two h2,
        .heading-style-three h2,
        .heading-style-four h2 {
            font-size: 30px;
        }
        .heading-style-two h3 {
            font-size: 24px;
        }
        .heading-style-three h3 {
            font-size: 20px;
        }
        .desc {
            font-size: 16px;
        }
        .heading-style-one {
            flex-direction: column;
            align-items: flex-start;
        }
        .section-style-one h4 {
            font-size: 16px;
        }
        .section-style-two {
            font-size: 14px;
            line-height: 20px;
        }
        .section-style-five {
            font-size: 14px;
        }
        .right-middle-fixed .social-nav li {
            margin: 25px -30px;
            padding: 5px 15px;
        }
        .about-block {
            margin-bottom: 40px;
        }
        .service-block h3,
        .service-block h4 {
            margin: 15px 0;
            font-size: 28px;
        }
        .service-block h3 br,
        .service-block h4 br {
            display: none;
        }
        .service-block img {
            padding: 1.5rem 0 0.5rem 0;
        }
        .service-block .squire-round-block {
            padding: 1px 10%;
        }
        .knowledge {
            flex-direction: row;
        }
        .knowledge .year {
            margin-left: 0;
        }
        .knowledge h4 {
            font-size: 17px;
        }
        .stat-style-one {
            padding: 15px 15px 10px 30px;
        }
        .stat-style-one img {
            position: relative;
            left: inherit;
            margin-bottom: 15px;
        }
        .stat-style-three img {
            max-width: 70px;
        }
        .stat-style-two img {
            max-width: 50px;
        }
        .process-style-one .process-center {
            padding: 2%;
        }
        .process-style-one .process-center img {
            border-width: 3px;
        }
        .process-style-two .process-center img {
            left: -40%;
            height: 80%;
        }
        .section-style-one h4,
        .process-title {
            font-size: 16px;
        }
        .process-title {
            padding: 5px 0;
        }
        .process-step span {
            font-size: 12px;
        }
        .skill-detail,
        .progress {
            margin-right: 0;
        }
        .blog-list .article-vert figure,
        .blog-list .article-vert .entry-content {
            height: auto;
        }
        .blog-list .article-hori figure {
            padding-right: 0;
        }
        .widget_lattest ul li {
            flex-direction: row;
        }
        .widget ul li .post-thumb {
            max-width: 36%;
        }
        footer .footer-style {
            font-size: 10px;
        }
        .footer-nav .nav-link {
            font-size: 14px;
        }
        .footer-style .social-nav .nav-link {
            font-size: 20px;
        }
        #page .service-block img.smart-object {
            left: -4%;
            bottom: 36%;
            height: 30%;
        }
        .stat-style-one img,
        .stat-style-two img,
        .intructions .player-box::before {
            width: 60px;
            height: 60px;
        }
        .bg-gradient::before {
            height: 410px;
        }
        .bg-simple-light::before {
            height: 700px;
        }
        .bg-triangles {
            background-size: 100% 100%;
        }
        .circle-left::before,
        .triangle-left::before,
        .triangle-right::after,
        .clients .player-box::before {
            width: 30px;
            height: 30px;
        }
        .triangle-left::before {
            top: 0px;
        }
        .triangle-right::after {
            top: 65px;
        }
        .partition-line {
            width: 100%;
            padding: 20px 0;
        }
        .partition-line::before {
            width: 100%;
            height: 1px;
            top: 50%;
            left: 0;
        }
        .circles::before {
            right: 3%;
            top: -15px;
            max-width: 80%;
        }
        .section-image.circles img {
            max-width: 200px;
        }
        footer .footer-style,
        .site-info span {
            font-size: 10px;
        }
        .footer-style .social-nav .nav-link {
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width: 575px) {
        .section-spacer {
            margin-bottom: 60px;
        }
        section {
            margin-bottom: 30px;
        }
        .breadcrumb,
        .site-info {
            padding: 5px 0;
        }
        .navbar-nav {
            margin: 5px 0;
        }
        .social-nav .nav-link {
            font-size: 32px;
        }
        .filter-btn {
            padding: 5px;
            margin: 5px 0;
        }
        .section-image {
            padding: 0 15px;
        }
        .page-title,
        .title {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .page-title {
            font-size: 32px;
        }
        .h2,
        h2 {
            font-size: 28px;
        }
        .h3,
        h3 {
            font-size: 22px;
        }
        .heading-style-four h2,
        .heading-style-four h3,
        .section-style-two p {
            margin-bottom: 0.8rem;
        }
        .heading-style-two h2,
        .heading-style-three h2,
        .heading-style-four h2 {
            font-size: 28px;
        }
        .skill-detail h5,
        .heading-style-three h3 {
            font-size: 18px;
        }
        .heading-style-two h3,
        .section-style-five .section-title {
            font-size: 22px;
        }
        .client-block h4 {
            margin: 5px 0 10px 0;
        }
        .skill-detail h6 {
            font-size: 14px;
        }
        .process-style-one .process-center img {
            border-width: 1px;
        }
        .process-style-two .process-center img {
            height: auto;
            width: auto;
            max-width: 300%;
            left: -100%;
        }
        .process-title {
            font-size: 14px;
            padding: 0;
        }
        .process-step span {
            font-size: 10px;
        }
        .stat-style-one,
        .stat-style-two {
            flex-direction: row;
            justify-content: space-around;
            min-height: inherit;
            height: inherit;
        }
        .stat-style-one img {
            margin-bottom: 0;
        }
        .section-image img,
        .contact img {
            width: 90%;
            margin: 0 auto;
            display: block;
        }
        .portfolio-list .element-item {
            margin-bottom: 15px;
        }
        .stat-style-one img,
        .stat-style-two img,
        .process-step img,
        #page .player-box::before {
            width: 50px;
            height: 50px;
        }
        #page .client-block img.smart-object {
            max-width: 100%;
            bottom: 50%
        }
        #page .service-block img.smart-object {
            left: 0;
        }
        #page img.smart-object.obj-rt {
            height: 50%;
            bottom: -5%;
        }
        .service-block .squire-round-block {
            padding: 1px 50px;
        }
        .stat-style-two,
        .blog-list .entry-content p {
            font-size: 12px;
        }
        footer .footer-style {
            flex-direction: column;
        }
        a.read-more {
            padding: 8px 35px 8px 15px;
        }
        .bg-section-right {
            width: 100% !important;
        }
        .bg-gradient::before {
            height: 370px;
        }
        .squire-round-block::before,
        #page img.smart-object.obj-lt {
            left: -5px;
        }
        .add-grass-rt::after {
            right: -5px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .side-spacer {
            margin: 0 5%;
        }
        .section-spacer {
            margin-bottom: 55px;
        }
        section {
            margin-bottom: 25px;
        }
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            padding: 0.75rem 1.5rem;
        }
        .navbar-nav .nav-link {
            padding: 0.25rem 0;
        }
        .social-nav .nav-link {
            font-size: 28px;
            padding: 0 3px;
        }
        .site-header .social-nav {
            flex-direction: column;
        }
        .site-header .social-nav li:first-child::before {
            display: block;
        }
        .h2,
        h2 {
            font-size: 26px;
        }
        .h3,
        h3 {
            font-size: 20px;
        }
        .page-title,
        .title {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .page-title {
            font-size: 28px;
        }
        .heading-style-four h2,
        .heading-style-four h3,
        .section-style-two p {
            margin-bottom: 0.5rem;
        }
        .heading-style-two h2,
        .heading-style-three h2,
        .heading-style-four h2,
        .heading-style-four h3 {
            font-size: 26px;
        }
        .heading-style-two h3 {
            font-size: 20px;
        }
        .heading-style-three h3,
        .stat-style-three,
        .skill-detail h5,
        .knowledge h4 {
            font-size: 16px;
        }
        .knowledge .count {
            font-size: 14px;
            padding: 5px;
        }
        .knowledge .year {
            width: 90px;
            font-size: 14px;
        }
        .card-header h3 a {
            padding: 15px 40px 15px 15px;
        }
        .card-header h3 span {
            position: relative;
            left: inherit;
            top: inherit;
        }
        .process-step span {
            display: none;
        }
        .bg-gradient::before {
            height: 330px;
        }
        .blog-list .entry-title {
            font-size: 16px;
        }
        .blog-list .entry-content p {
            font-size: 10px;
        }
        .comment-form {
            width: 100%;
        }
        .contact {
            font-size: 14px;
        }
        a.read-more {
            padding: 8px 30px;
        }
        .post-navigation .next a,
        .post-navigation .previous a {
            padding: 8px;
        }
    }
    
    @media only screen and (max-width: 419px) {
        .side-spacer {
            margin: 0 15px;
        }
        .section-spacer {
            margin-bottom: 50px;
        }
        section {
            margin-bottom: 20px;
        }
        .social-nav .nav-link {
            font-size: 24px;
        }
        .page-title {
            font-size: 24px;
        }
        .heading-style-two h2,
        .heading-style-three h2,
        .heading-style-four h2,
        .portfolio-hoverEffect .portfolio-title {
            font-size: 24px;
        }
        .heading-style-four h2 {
            line-height: 32px;
        }
        .service-block h3,
        .service-block h4 {
            font-size: 20px;
        }
        .client-block h4 {
            font-size: 16px;
        }
        .section-style-one h4 {
            font-size: 14px;
        }
        .process-title,
        .knowledge h4 span {
            font-size: 12px;
        }
        .section-detail,
        .section-image,
        .section-icon {
            margin-bottom: 20px;
        }
        .stat-style-one,
        .stat-style-two {
            flex-direction: row;
            justify-content: space-around;
            min-height: inherit;
            height: inherit;
            font-size: 10px;
        }
        .stat-style-three .big {
            font-size: 150%;
        }
        .blog-list .entry-content p {
            display: none;
        }
        .post-navigation .previous,
        .post-navigation .next {
            width: 100%;
        }
        .bg-gradient::before {
            height: 300px;
        }
    }
    
    @media only screen and (max-width: 379px) {
        .section-spacer {
            margin-bottom: 45px;
        }
        section {
            margin-bottom: 15px;
        }
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            padding: 0.5rem 1rem;
        }
        .social-nav .nav-link {
            font-size: 20px;
        }
        .bg-gradient::before {
            height: 290px;
        }
        .page-title,
        .heading-style-two h2,
        .heading-style-three h2,
        .heading-style-four h2,
        .portfolio-hoverEffect .portfolio-title {
            font-size: 22px;
        }
        .heading-style-three h3,
        .stat-style-three {
            font-size: 14px;
        }
        .section-detail,
        .section-image,
        .section-icon {
            margin-bottom: 15px;
        }
        .stat-style-three img {
            max-width: 50px;
        }
        .client-block {
            text-align: center;
        }
        .col-4,
        .col-8,
        .blog-list .entry-thumbnail,
        .blog-list .entry-content {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .stat-style-one img,
        .stat-style-two img,
        .process-step img,
        #page .player-box::before {
            width: 40px;
            height: 40px;
        }
        #page .client-block img.smart-object {
            max-height: 150px;
            height: auto;
            width: auto;
            bottom: inherit;
            left: inherit;
            position: relative;
        }
        #page img.smart-object.obj-lt {
            width: 60%;
        }
        #page img.smart-object.obj-rt {
            width: auto;
            height: auto;
        }
        .knowledge {
            flex-direction: column;
        }
        .knowledge .year {
            margin-left: 40px;
        }
        footer .site-info,
        .footer-nav .nav-link {
            text-align: center;
            font-size: 12px;
        }
    }
    
    @media only screen and (max-width: 319px) {
        .section-spacer {
            margin-bottom: 40px;
        }
        section {
            margin-bottom: 10px;
        }
        .col-1,
        .col-2,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-10,
        .col-11,
        .col-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .col-3,
        .col-9 {
            width: auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            max-width: inherit;
        }
        .col-2.process-step {
            flex: 0 0 10%;
        }
        .col-5.process-step {
            flex: 0 0 45%;
        }
        .section-icon img {
            width: 50px;
        }
        .stat-style-one img,
        .stat-style-two img,
        .process-step img,
        #page .player-box::before {
            width: 30px;
            height: 30px;
        }
        .page-title,
        .heading-style-two h2 {
            font-size: 20px;
        }
        .comment-list li img {
            width: 50px;
        }
        .comment-body,
        .widget_lattest ul li {
            flex-direction: column;
        }
        .widget ul li .post-thumb {
            max-width: 90%;
        }
        .bg-gradient::before {
            height: 280px;
        }
    }
    
    .ball {
        position: absolute;
        top: 0;
        border-radius: 100%;
        opacity: 0.7;
        z-index: 999;
    }
    
    .right-nav {
        text-align: right;
        position: absolute;
        right: 126px;
    }
    
    .right-nav a {
        margin-right: 0px;
        display: inline-block;
        border-right: 1px solid #CCC;
        font-size: 15px;
        padding: 0px 21px;
    }
    
    .right-nav a .svg-inline--fa {
        width: 30px;
        height: 30px;
        border: 1px solid #ccc;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
        padding: 6px;
        color: #ce0632;
        position: relative;
        top: 6px;
    }
    
    .watsapp {
        width: 65px;
        display: inline-block;
        border: none;
        padding: 0px;
        margin-left: 0;
        position: absolute;
        right: 33px;
        top: 25px;
        z-index: 99;
    }
    
    .bg-top-right {
        position: absolute;
        top: -33px;
        left: -39px;
        opacity: .3;
    }
    
    .services-section h1 {
        text-align: center;
        font-weight: 600;
        color: #030303;
        font-size: 30px;
        display: table;
        margin: auto;
        margin-bottom: 22px;
        margin-top: 35px;
        position: relative;
        padding: 10px 12px;
        background-color: #ffffff;
        border: 1px solid;
    }
    
    .services-section h1::before {
        content: "";
        position: absolute;
        background: #ce0632;
        left: -7px;
        width: 20px;
        height: 20px;
        top: -7px;
        z-index: -1;
    }
    
    .services-section h1::after {
        content: "";
        position: absolute;
        background: #ce0632;
        right: -7px;
        width: 20px;
        height: 20px;
        bottom: -7px;
        z-index: -1;
    }
    
    .circle-bg {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
    
    .services-section h1 .s1 {
        color: #ffffff;
        background: #CE0632;
        padding: 0 10px;
    }
    
    .services-section h1 .s2 {
        color: #008AD1;
    }
    
    .service-blocks {
        position: relative;
        padding: 23px 14px;
        box-shadow: 0px 0px 10px #ccc;
        margin-top: 47px;
        margin-bottom: 54px;
        background-color: #fff;
        z-index: 1;
        min-height: 385px;
    }
    
    .serevice-icon {
        display: table;
        margin: auto;
        background-color: #ce0632;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        padding: 11px;
        box-shadow: 0px 0px 0px 6px #dcdbdb;
        margin-top: -46px;
        margin-bottom: 22px;
    }
    
    .sbg2 {
        background-color: #000000;
    }
    
    .sbg3 {
        background-color: #f9c014;
    }
    
    .sbg4 {
        background-color: #0f1e71;
    }
    
    .service-desc {
        text-align: center;
    }
    
    .service-desc h2 {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 14px;
    }
    
    .service-desc p {
        font-size: 14px;
        margin: 0;
        line-height: 23px;
    }
    
    .service-desc ol {
        list-style: none;
        margin: 0;
    }
    
    .service-desc ol li {
        position: relative;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 7px;
        padding-bottom: 7px;
    }
    
    .service-desc ol li:last-child {
        margin: 0px;
        padding: 0px;
        border: none;
    }
    
    .about-section {
        text-align: center;
        padding: 55px 0;
        background-color: #b80029;
        background-image: url(../images/about-bg.jpg);
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .about-section h1 {
        font-weight: 600;
        color: #fff;
        font-size: 41px;
        display: table;
        margin: auto;
        margin-top: 24px;
        text-transform: uppercase;
        margin-bottom: 28px;
        padding: 0 80px;
    }
    
    .about-section h1::before {
        content: "";
        position: absolute;
        border-bottom: 3px solid #eee;
        left: 0px;
        width: 55px;
        height: 2px;
        top: 25px;
    }
    
    .about-section h1::after {
        content: "";
        position: absolute;
        border-bottom: 3px solid #eee;
        right: 0px;
        width: 55px;
        height: 2px;
        top: 25px;
    }
    
    .about-section h3 {
        color: #ce0632;
        font-weight: 500;
        font-size: 26px;
        display: table;
        margin: auto;
        border: 5px solid #ccc;
        padding: 8px 26px;
        margin-bottom: 16px;
        border-radius: 30px;
        background-color: white;
    }
    
    .about-section p {
        color: #eee;
        font-size: 15px;
        line-height: 27px;
        padding: 0 47px;
        margin-bottom: 15px;
    }
    
    .about-section p.lastabtdec {
        display: table;
        margin: auto;
        border-left: 3px solid;
        border-right: 3px solid;
        padding: 8px 11px;
        font-size: 19px;
        margin-top: 23px;
        background-color: #aa082d;
    }
    
    .clients-section {
        position: relative;
        padding: 0px 0px 0;
    }
    
    .clients-section::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../images/footer2.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        top: 0;
    }
    
    .clients-section h1 {
        font-weight: 600;
        color: #000;
        font-size: 30px;
        margin-top: 0;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 38px;
    }
    
    .clients-section h1 span {
        color: #CE0632;
    }
    
    .clients-section h1 span.our {
        color: initial;
        border: 1px solid #333;
        color: #010101;
        padding: 0 15px;
        margin-right: 22px;
        position: relative;
    }
    
    .clients-section h1 span.our .svg-inline--fa {
        position: absolute;
        background-color: #fff;
        padding: 4px;
        font-size: 25px;
        top: 8px;
        color: #000;
        border: 1px solid;
    }
    
    .clients-section h1 span.our::before {
        content: "";
        position: absolute;
    }
    
    .clients-row .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 27%;
        max-width: 12.5%;
        padding: 0 2px;
    }
    
    .clients-image {
        box-shadow: 0px 0px 10px #ccc;
        margin-bottom: 4px;
        background-color: #fff;
        padding: 13px 0;
    }
    
    .clients-image img {
        filter: grayscale(100%);
        transition: linear .4s;
    }
    
    .clients-image img:hover {
        filter: grayscale(0%);
    }
    
    .m-left {
        margin-left: 71px;
    }
    
    .visit-website {
        display: table;
        margin: auto;
        background: linear-gradient(to right, black, #b80029);
        box-shadow: 0px 0px 0px 8px #e6e5e5;
        color: #ffffff;
        padding: 6px 20px;
        margin-top: 40px;
        margin-bottom: 29px;
        border-radius: 30px;
    }
    
    .visit-website a {
        color: #efeeec;
        margin-left: 13px;
    }
    
    .copy-right {
        text-align: center;
        padding: 16px 0 9px;
    }
    
    .copy-right p {
        margin: 0px;
        font-size: 15px;
    }
    
    .copy-right p a {
        color: #B90029;
    }
    
    .bootom-social {
        list-style: none;
        padding: 0px;
        text-align: center;
        display: table;
        margin: auto;
        margin-bottom: 13px;
    }
    
    .bootom-social li {
        display: inline-block;
    }
    
    .bootom-social li a {
        display: block;
        width: 36px;
        height: 36px;
        color: #000;
        border: 1px solid #9e9c9c;
        border-radius: 50%;
        font-size: 17px;
        line-height: 33px;
        box-shadow: 0px 0px 0px 5px #dcdada;
        margin: 0 8px;
        background-color: #fff;
        transition: all ease-in-out .5s;
    }
    
    .bootom-social li a:hover {
        background-color: #000;
        color: #fff;
        transform: rotate(360deg);
    }
    
    .rfc-header {
        display: block;
        text-align: center;
    }
    
    .rfc-header h4 {
        text-transform: uppercase;
    }
    
    .rfc-close {
        position: absolute;
        right: 0px;
        z-index: 5;
    }
    
    .request-right {
        position: fixed;
        left: -341px;
        transition: all ease-in-out .6s;
        opacity: 0;
        z-index: 99999;
        padding: 35px 26px 20px;
        top: 25%;
        background-color: #1b1919;
        text-align: center;
    }
    
    .requst-f-show .request-right {
        left: 0px;
        opacity: 1;
    }
    
    .request-right h3 {
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        font-size: 25px;
        margin-bottom: 18px;
    }
    
    .request-form .form-control {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #eee;
        border-radius: 0px;
        color: #fff;
    }
    
    .request-form .form-control:focus,
    .request-form .form-control:active {
        border: none;
        box-shadow: 0px;
    }
    
    .request-form .form-control::placeholder {
        color: #eee;
    }
    
    .request-form .btn {
        border: transparent;
        background-color: #efd51e;
        color: #000;
    }
    
    span.requst-close {
        display: inline-block;
        background-color: #f5dd35;
        padding: 0 9px;
        position: absolute;
        top: -12px;
        right: -11px;
        cursor: pointer;
    }
    
    .request-overlay {
        position: fixed;
        background-color: rgb(0 0 0 / 72%);
        width: 0%;
        height: 100%;
        opacity: 0;
        z-index: 99999;
        transition: all ease-in-out .4s;
        top: 0;
    }
    
    .requst-f-show .request-overlay {
        opacity: 1;
        width: 100%;
    }