style.css - balmet.com - Unnamed repository; edit this file 'description' to name the repository.

style.css (117471B)
      1 
      2 /* Welbim HTML Template  */
      3 
      4 /*** 
      5 
      6 ====================================================================
      7         Fonts
      8 ====================================================================
      9 
     10 ***/
     11 
     12 
     13 
     14 /*** 
     15 
     16 ====================================================================
     17     Reset
     18 ====================================================================
     19 
     20 ***/
     21 
     22 * {
     23     margin     : 0px;
     24     padding    : 0px;
     25     border     : none;
     26     outline    : none;
     27     font-size  : 100%;
     28     line-height: inherit;
     29 }
     30 
     31 /*** 
     32 
     33 ====================================================================
     34     Global Settings
     35 ====================================================================
     36 
     37 ***/
     38 
     39 
     40 
     41 body {
     42     font-size             : 16px;
     43     color                 : #797672;
     44     line-height           : 1.7em;
     45     font-weight           : 400;
     46     -webkit-font-smoothing: antialiased;
     47     background            : rgb(255, 255, 255);
     48     font-family           : "Poppins", sans-serif;
     49 }
     50 
     51 .page-wrapper {
     52     position : relative;
     53     width    : 100%;
     54     min-width: 300px;
     55     z-index  : 9;
     56     margin   : 0px auto;
     57     overflow : hidden;
     58 }
     59 
     60 a {
     61     text-decoration: none;
     62     cursor         : pointer;
     63 }
     64 
     65 a:hover,
     66 a:focus,
     67 a:visited {
     68     text-decoration: none !important;
     69     outline        : none;
     70 }
     71 
     72 h1, h2, h3, h4, h5, h6 {
     73     position   : relative;
     74     font-weight: normal;
     75     line-height: 1.25em;
     76     margin     : 0px;
     77     background : none;
     78     color      : #181614;
     79 }
     80 
     81 textarea {
     82     overflow: hidden;
     83 }
     84 
     85 button {
     86     outline: none !important;
     87     cursor : pointer;
     88 }
     89 
     90 .text {
     91     font-size  : 16px;
     92     line-height: 26px;
     93     font-weight: 400;
     94     color      : #797672;
     95     margin     : 0px 0px 15px;
     96     line-height: 32px;
     97     font-weight: 500;
     98 }
     99 
    100 ::-webkit-input-placeholder {
    101     color: inherit;
    102 }
    103 
    104 ::-moz-input-placeholder {
    105     color: inherit;
    106 }
    107 
    108 ::-ms-input-placeholder {
    109     color: inherit;
    110 }
    111 
    112 
    113 .btn-light:not(:disabled):not(.disabled).active:focus, 
    114 .btn-light:not(:disabled):not(.disabled):active:focus, 
    115 .show>.btn-light.dropdown-toggle:focus {
    116     box-shadow: none;
    117     outline   : none;
    118 }
    119 
    120 .btn-light:not(:disabled):not(.disabled).active, 
    121 .btn-light:not(:disabled):not(.disabled):active, 
    122 .show>.btn-light.dropdown-toggle {
    123     background-color: inherit;
    124     border-color    : inherit;
    125     color           : inherit;
    126     border-radius   : 0;
    127 }
    128 
    129 .bootstrap-select .dropdown-menu li a span.text {
    130     margin-bottom: 0;
    131 }
    132 
    133 .bootstrap-select .dropdown-menu li.active a span.text {
    134     color: #fff;
    135 }
    136 
    137 .bootstrap-select .dropdown-toggle .filter-option:after {
    138     font-family: 'Font Awesome 5 Pro';
    139     content    : "\f107";
    140     position   : absolute;
    141     right      : 15px;
    142     top        : 7px;
    143     display    : block;
    144     line-height: 30px;
    145     font-size  : 17px;
    146     text-align : center;
    147     z-index    : 5;
    148     font-weight: 400;
    149     color      : #fff;
    150 }
    151 
    152 .page-wrapper {
    153     position : relative;
    154     margin   : 0 auto;
    155     width    : 100%;
    156     min-width: 300px;
    157     z-index  : 9;
    158     overflow : hidden;
    159 }
    160 
    161 .auto-container {
    162     position : static;
    163     max-width: 1200px;
    164     padding  : 0px 15px;
    165     margin   : 0 auto;
    166 }
    167 
    168 ul,
    169 li {
    170     list-style: none;
    171     padding   : 0px;
    172     margin    : 0px;
    173 }
    174 
    175 figure {
    176     margin-bottom: 0;
    177 }
    178 
    179 .theme-btn {
    180     display           : inline-block;
    181     -webkit-transition: all 0.3s ease;
    182     -o-transition     : all 0.3s ease;
    183     transition        : all 0.3s ease;
    184 }
    185 
    186 .centered {
    187     text-align: center !important;
    188 }
    189 
    190 .gray-bg {
    191     background-color: #f4f4f4 !important;
    192 }
    193 
    194 .light-bg {
    195     background-color: #fff !important;
    196 }
    197 
    198 img {
    199     display  : inline-block;
    200     max-width: 100%;
    201     height   : auto;
    202 }
    203 
    204 .dropdown-toggle::after {
    205     display: none;
    206 }
    207 
    208 .fa {
    209     line-height: inherit;
    210 }
    211 
    212 .preloader {
    213     position           : fixed;
    214     left               : 0px;
    215     top                : 0px;
    216     width              : 100%;
    217     height             : 100%;
    218     z-index            : 999;
    219     background-position: center center;
    220     background-repeat  : no-repeat;
    221     background-image   : url(../images/icons/preloader.svg);
    222 }
    223 
    224 .preloader-close {
    225     position   : fixed;
    226     z-index    : 999999;
    227     color      : #fff;
    228     padding    : 10px 20px;
    229     cursor     : pointer;
    230     right      : 0;
    231     bottom     : 0;
    232     font-weight: 600;
    233 }
    234 
    235 .loader-wrap {
    236     position: fixed;
    237     left    : 0px;
    238     top     : 0px;
    239     width   : 100%;
    240     height  : 100%;
    241     z-index : 999999;
    242 }
    243 
    244 .loader-wrap .layer-one {
    245     position: absolute;
    246     left    : 0%;
    247     top     : 0;
    248     width   : 33.3333%;
    249     height  : 100%;
    250     overflow: hidden;
    251 }
    252 
    253 .loader-wrap .layer-two {
    254     position: absolute;
    255     left    : 33.3333%;
    256     top     : 0;
    257     width   : 33.3333%;
    258     height  : 100%;
    259     overflow: hidden;
    260 }
    261 
    262 .loader-wrap .layer-three {
    263     position: absolute;
    264     left    : 66.6666%;
    265     top     : 0;
    266     width   : 33.3333%;
    267     height  : 100%;
    268     overflow: hidden;
    269 }
    270 
    271 .loader-wrap .layer .overlay {
    272     position  : absolute;
    273     left      : 0;
    274     top       : 0;
    275     width     : 100%;
    276     height    : 100%;
    277     background: #0a273d;
    278 }
    279 
    280 .owl-nav,
    281 .owl-dots {
    282     display: none;
    283 }
    284 
    285 /* Btn style */
    286 
    287 .theme-btn {
    288     display           : inline-block;
    289     transition        : all .5s ease;
    290     -moz-transition   : all .5s ease;
    291     -webkit-transition: all .5s ease;
    292     -ms-transition    : all .5s ease;
    293     -o-transition     : all .5s ease;
    294 }
    295 
    296 .mb-5 {
    297     margin-bottom: 5px !important;
    298 }
    299 
    300 .mb-10 {
    301     margin-bottom: 10px !important;
    302 }
    303 
    304 .mb-20 {
    305     margin-bottom: 20px !important;
    306 }
    307 
    308 .mb-30 {
    309     margin-bottom: 30px !important;
    310 }
    311 
    312 .mb-35 {
    313     margin-bottom: 35px !important;
    314 }
    315 
    316 .mb-30 {
    317     margin-bottom: 30px !important;
    318 }
    319 
    320 .mt-30 {
    321     margin-top: 30px !important;
    322 }
    323 
    324 .mt-40 {
    325     margin-top: 40px !important;
    326 }
    327 
    328 .mt-50 {
    329     margin-top: 50px !important;
    330 }
    331 
    332 .mt-70 {
    333     margin-top: 70px !important;
    334 }
    335 
    336 .mb-40 {
    337     margin-bottom: 40px !important;
    338 }
    339 
    340 .mb-50 {
    341     margin-bottom: 50px !important;
    342 }
    343 
    344 .mb-70 {
    345     margin-bottom: 70px !important;
    346 }
    347 
    348 .pb-20 {
    349     padding-bottom: 20px !important;
    350 }
    351 
    352 .pb-30 {
    353     padding-bottom: 30px !important;
    354 }
    355 
    356 .pb-50 {
    357     padding-bottom: 50px !important;
    358 }
    359 
    360 
    361 /*** 
    362 
    363 ====================================================================
    364     Scroll To Top style
    365 ====================================================================
    366 
    367 ***/
    368 
    369 .scroll-to-top {
    370     position          : fixed;
    371     right             : 40px;
    372     bottom            : 40px;
    373     width             : 65px;
    374     height            : 65px;
    375     font-size         : 18px;
    376     line-height       : 61px;
    377     text-align        : center;
    378     z-index           : 100;
    379     cursor            : pointer;
    380     border-radius     : 50%;
    381     margin-left       : -26px;
    382     display           : none;
    383     -webkit-transition: all 300ms ease;
    384     -o-transition     : all 300ms ease;
    385     transition        : all 300ms ease;
    386     -webkit-transform : rotate(-90deg);
    387     -ms-transform     : rotate(-90deg);
    388     transform         : rotate(-90deg);
    389 }
    390 
    391 .scroll-to-top.style-two {
    392     background-color: #2d3247;
    393 }
    394 
    395 .scroll-to-top:hover {
    396     color: #ffffff;
    397 }
    398 
    399 /*Btn Style One*/
    400 
    401 .btn-style-one {
    402     position      : relative;
    403     display       : inline-block;
    404     font-size     : 15px;
    405     line-height   : 24px;
    406     color         : #fff;
    407     padding       : 23px 60px;
    408     font-weight   : 700;
    409     border-radius : 0;
    410     overflow      : hidden;
    411     text-transform: uppercase;
    412     font-family   : "Poppins", sans-serif;
    413 }
    414 
    415 .btn-style-one i {
    416     margin-right: 8px;
    417     display     : inline-block;
    418     transform   : rotate(135deg);
    419     position    : relative;
    420     bottom      : 1px;
    421 }
    422 
    423 
    424 .btn-style-one:hover {
    425     color: #fff;
    426 }
    427 
    428 .btn-style-one:before {
    429     position        : absolute;
    430     left            : 0;
    431     top             : 0;
    432     height          : 100%;
    433     width           : 0%;
    434     content         : "";
    435     background-color: #2b2c2e;
    436     transition      : .5s;
    437 }
    438 
    439 .btn-style-one:hover:before {
    440     width: 100%;
    441 }
    442 
    443 .btn-style-one span {
    444     position: relative;
    445 }
    446 
    447 /* Bnt style Two */
    448 .btn-style-one.style-two {
    449     background: transparent;
    450     border    : 2px solid #fff;
    451     padding   : 14.5px 45px;
    452 }
    453 
    454 .btn-style-one.style-two:hover i {
    455     color: #fff;
    456 }
    457 
    458 /* Header Style */
    459 
    460 .main-header {
    461     position  : relative;
    462     display   : block;
    463     width     : 100%;
    464     z-index   : 9999;
    465     top       : 0px;
    466     left      : 0px;
    467     background: none;
    468     clear     : both;
    469 }
    470 
    471 .main-header.header-style-one {
    472     position: absolute;
    473 }
    474 
    475 /* Header Top */
    476 .header-top {
    477     position        : relative;
    478     background-color: #181614;
    479     padding         : 5.5px 0;
    480 }
    481 
    482 .header-top .inner-container {
    483     position       : relative;
    484     display        : flex;
    485     flex-wrap      : wrap;
    486     align-items    : center;
    487     justify-content: space-between;
    488 }
    489 
    490 .header-top .left-column {
    491     position   : relative;
    492     display    : flex;
    493     align-items: center;
    494     flex-wrap  : wrap;
    495 }
    496 
    497 .header-top ul.contact-info {
    498     position   : relative;
    499     display    : flex;
    500     flex-wrap  : wrap;
    501     align-items: center;
    502 }
    503 
    504 .header-top ul.contact-info li {
    505     margin-right: 25px;
    506     color       : #a6a19c;
    507     font-size   : 13px;
    508     font-weight : 600;
    509 }
    510 
    511 .header-top ul.contact-info a {
    512     color: #a6a19c;
    513 }
    514 
    515 .header-top ul.contact-info li i {
    516     margin-right: 7px;
    517 }
    518 
    519 .header-top .social-icon {
    520     position   : relative;
    521     display    : flex;
    522     flex-wrap  : wrap;
    523     align-items: center;
    524 }
    525 
    526 .header-top .social-icon li {
    527     margin-right: 20px;
    528     font-size   : 14px;
    529 }
    530 
    531 .header-top .social-icon li a {
    532     color     : #9a9693;
    533     transition: .5s;
    534 }
    535 
    536 /* Header Upper */
    537 
    538 .main-header .header-upper {
    539     position     : relative;
    540     border-bottom: 1px solid rgb(255 255 255 / 7%);
    541     border-top   : 1px solid rgb(255 255 255 / 7%);
    542 }
    543 
    544 .main-header .header-upper .inner-container {
    545     position       : relative;
    546     min-height     : 80px;
    547     display        : flex;
    548     flex-wrap      : wrap;
    549     align-items    : center;
    550     justify-content: space-between;
    551 }
    552 
    553 .main-header .header-upper .logo-box {
    554     z-index: 10;
    555 }
    556 
    557 .main-header .header-upper .logo-box .logo {
    558     position: relative;
    559     display : block;
    560     padding : 23px 0px;
    561 }
    562 
    563 .main-header .header-upper .right-column {
    564     position   : relative;
    565     display    : flex;
    566     flex-wrap  : wrap;
    567     align-items: center;
    568 }
    569 
    570 
    571 .main-header .header-upper .search-btn {
    572     margin-left : 35px;
    573     padding-left: 20px;
    574     line-height : 20px;
    575     border-left : 1px solid #919191;
    576     margin-right: 20px;
    577 }
    578 
    579 .main-header .header-upper .link-btn a {
    580     vertical-align: middle;
    581 }
    582 
    583 .main-header .header-upper .search-toggler {
    584     color: #000;
    585     background: transparent;
    586     font-size: 20px;
    587 }
    588 
    589 .main-header .nav-outer {
    590     position: relative;
    591     z-index: 1;
    592     display: flex;
    593     flex-wrap: wrap;
    594     align-items: center;
    595 }
    596 
    597 .navbar-right-info .mobile-nav-toggler {
    598     position: relative;
    599     width: 50px;
    600     height: 50px;
    601     line-height: 44px;
    602     text-align: center;
    603     color: rgb(255, 255, 255);
    604     font-size: 20px;
    605     margin-left: 30px;
    606     cursor: pointer;
    607     border-radius: 50%;
    608 }
    609 
    610 .main-header .nav-outer .main-menu {
    611     position: relative;
    612 }
    613 
    614 .main-menu .inner-container {
    615     box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.12);
    616     margin-bottom: -25px;
    617     background: #fff;
    618 }
    619 
    620 .main-menu .navbar-collapse {
    621     padding: 0px;
    622     display: block !important;
    623 }
    624 
    625 .main-menu .navigation {
    626     position: relative;
    627     margin: 0px;
    628     margin-left: 50px;
    629     display: flex;
    630     flex-wrap: wrap;
    631     align-items: center;
    632 }
    633 
    634 .main-menu .navigation>li {
    635     position: relative;
    636     padding: 28.5px 0px;
    637     margin-right: 25px;
    638     -webkit-transition: all 300ms ease;
    639     -o-transition: all 300ms ease;
    640     transition: all 300ms ease;
    641 }
    642 
    643 
    644 .main-menu .navigation>li.current:before {
    645     opacity: 1;
    646 }
    647 
    648 .main-menu .navigation>li>a:before {
    649     position: absolute;
    650     content: "";
    651     left: 0;
    652     top: 0;
    653     right: 0;
    654     bottom: 0;
    655     display: block;
    656     opacity: 0;
    657 }
    658 
    659 
    660 .main-menu .navigation>li:last-child {
    661     margin-right: 0px;
    662 }
    663 
    664 .main-menu .navigation>li>a {
    665     position: relative;
    666     display: block;
    667     text-align: center;
    668     font-size: 16px;
    669     font-weight: 700;
    670     line-height: 30px;
    671     text-transform: capitalize;
    672     color: #fff;
    673     padding: 4px 15px;
    674     opacity: 1;
    675     -webkit-transition: all 300ms ease;
    676     -o-transition: all 300ms ease;
    677     transition: all 300ms ease;
    678     font-family: "Poppins", sans-serif;
    679 }
    680 
    681 .main-menu .navigation>li>ul {
    682     position: absolute;
    683     left: 0px;
    684     top: 100%;
    685     width: -webkit-max-content;
    686     width: -moz-max-content;
    687     width: max-content;
    688     min-width: 200px;
    689     z-index: 100;
    690     display: none;
    691     opacity: 0;
    692     visibility: hidden;
    693     background-color: #fff;
    694     -webkit-transform: translateY(30px);
    695     -ms-transform: translateY(30px);
    696     transform: translateY(30px);
    697     transition: .5s;
    698     -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    699     -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    700     -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    701     box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    702 }
    703 
    704 .main-menu .navigation>li>ul.from-right {
    705     left: auto;
    706     right: 0px;
    707 }
    708 
    709 .main-menu .navigation>li>ul>li {
    710     position: relative;
    711     width: 100%;
    712     padding: 0 20px;
    713 }
    714 
    715 .main-menu .navigation>li>ul>li:last-child {
    716     border-bottom: none;
    717 }
    718 
    719 .main-menu .navigation>li>ul>li:before {
    720     position: absolute;
    721     content: '';
    722     right: 0px;
    723     top: 0px;
    724     width: 0%;
    725     height: 100%;
    726     display: block;
    727     -webkit-transition: all 300ms ease;
    728     transition: all 300ms ease;
    729     -moz-transition: all 300ms ease;
    730     -webkit-transition: all 500ms ease;
    731     -ms-transition: all 300ms ease;
    732     -o-transition: all 300ms ease;
    733 }
    734 
    735 .main-menu .navigation>li>ul>li>a {
    736     position: relative;
    737     display: block;
    738     padding: 14px 0px;
    739     border-bottom: 1px solid #e9e5df;
    740     line-height: 24px;
    741     font-weight: 700;
    742     font-size: 15px;
    743     text-transform: capitalize;
    744     color: #2a2a2a;
    745     text-align: left;
    746     transition: all 500ms ease;
    747     -moz-transition: all 500ms ease;
    748     -webkit-transition: all 500ms ease;
    749     -ms-transition: all 500ms ease;
    750     -o-transition: all 500ms ease;
    751     font-family: "Poppins", sans-serif;
    752 }
    753 
    754 .main-menu .navigation>li>ul>li:last-child>a {
    755     border-bottom: 0px;
    756 }
    757 
    758 .main-menu .navigation>li>ul>li.menu-item-has-children>a:after {
    759     position: absolute;
    760     content: "\f105";
    761     right: 0;
    762     top: 11px;
    763     display: block;
    764     line-height: 24px;
    765     font-size: 17px;
    766     font-family: 'Font Awesome 5 Pro';
    767     font-weight: 400;
    768 }
    769 
    770 .main-menu .navigation>li>ul>li>ul {
    771     position: absolute;
    772     left: 100%;
    773     top: 0;
    774     width: -webkit-max-content;
    775     width: -moz-max-content;
    776     width: max-content;
    777     min-width: 200px;
    778     z-index: 100;
    779     display: none;
    780     background-color: #fff;
    781     transition: .5s;
    782     -webkit-transform: translateY(30px);
    783     -ms-transform: translateY(30px);
    784     transform: translateY(30px);
    785     -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    786     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    787 }
    788 
    789 .main-menu .navigation>li>ul>li>ul.from-right {
    790     left: auto;
    791     right: 0px;
    792 }
    793 
    794 .main-menu .navigation>li>ul>li>ul>li {
    795     position: relative;
    796     width: 100%;
    797     padding: 0 20px;
    798 }
    799 
    800 .main-menu .navigation>li>ul>li>ul>li:last-child {
    801     border-bottom: none;
    802 }
    803 
    804 .main-menu .navigation>li>ul>li>ul>li:before {
    805     position: absolute;
    806     content: '';
    807     left: 0px;
    808     top: 0px;
    809     width: 0%;
    810     height: 100%;
    811     display: block;
    812     transition: all 500ms ease;
    813     -moz-transition: all 500ms ease;
    814     -webkit-transition: all 500ms ease;
    815     -ms-transition: all 500ms ease;
    816     -o-transition: all 500ms ease;
    817 }
    818 
    819 .main-menu .navigation>li>ul>li>ul>li:last-child {
    820     border-bottom: none;
    821 }
    822 
    823 .main-menu .navigation>li>ul>li>ul>li>a {
    824     position: relative;
    825     display: block;
    826     padding: 14px 0;
    827     line-height: 24px;
    828     font-weight: 700;
    829     border-bottom: 1px solid #e9e5df;
    830     font-size: 15px;
    831     text-transform: capitalize;
    832     color: #2a2a2a;
    833     text-align: left;
    834     transition: all 500ms ease;
    835     -moz-transition: all 500ms ease;
    836     -webkit-transition: all 500ms ease;
    837     -ms-transition: all 500ms ease;
    838     -o-transition: all 500ms ease;
    839     font-family: "Poppins", sans-serif;
    840 }
    841 
    842 .main-menu .navigation>li>ul>li>ul>li:last-child>a {
    843     border-bottom: 0;
    844 }
    845 
    846 .main-menu .navigation>li>ul>li>ul>li.menu-item-has-children>a:after {
    847     font-family: 'Font Awesome 5 Pro';
    848     content: "\f105";
    849     position: absolute;
    850     right: 30px;
    851     top: 12px;
    852     display: block;
    853     line-height: 24px;
    854     font-size: 16px;
    855     font-weight: 400;
    856     z-index: 5;
    857 }
    858 
    859 .main-menu .navigation>li.menu-item-has-children:hover>ul {
    860     visibility: visible;
    861     opacity: 1;
    862     -webkit-transform: translateY(0);
    863     -ms-transform: translateY(0);
    864     transform: translateY(0);
    865     -webkit-transition: all 300ms ease;
    866     transition: all 300ms ease;
    867     -moz-transition: all 300ms ease;
    868     -webkit-transition: all 500ms ease;
    869     -ms-transition: all 300ms ease;
    870     -o-transition: all 300ms ease;
    871 }
    872 
    873 .main-menu .navigation li>ul>li.menu-item-has-children:hover>ul {
    874     visibility: visible;
    875     opacity: 1;
    876     -webkit-transform: translateY(0);
    877     -ms-transform: translateY(0);
    878     transform: translateY(0);
    879     -webkit-transition: all 300ms ease;
    880     transition: all 300ms ease;
    881     -moz-transition: all 300ms ease;
    882     -webkit-transition: all 500ms ease;
    883     -ms-transition: all 300ms ease;
    884     -o-transition: all 300ms ease;
    885 }
    886 
    887 .main-menu .navigation li.menu-item-has-children .dropdown-btn {
    888     position: absolute;
    889     right: 10px;
    890     top: 8px;
    891     width: 34px;
    892     height: 30px;
    893     border: 1px solid #ffffff;
    894     text-align: center;
    895     font-size: 16px;
    896     line-height: 26px;
    897     color: #ffffff;
    898     cursor: pointer;
    899     z-index: 5;
    900     display: none;
    901 }
    902 
    903 
    904 /*** 
    905 
    906 ====================================================================
    907     Search Popup
    908 ====================================================================
    909 
    910 ***/
    911 
    912 .search-popup {
    913     position: fixed;
    914     left: 0;
    915     top: 0px;
    916     width: 100%;
    917     height: 100%;
    918     z-index: 99999;
    919     visibility: hidden;
    920     opacity: 0;
    921     overflow: auto;
    922     background: rgba(0, 0, 0, 0.90);
    923     -webkit-transform: translateY(101%);
    924     -ms-transform: translateY(101%);
    925     transform: translateY(101%);
    926     transition: all 700ms ease;
    927     -moz-transition: all 700ms ease;
    928     -webkit-transition: all 700ms ease;
    929     -ms-transition: all 700ms ease;
    930     -o-transition: all 700ms ease;
    931 }
    932 
    933 .search-popup.popup-visible {
    934     -webkit-transform: translateY(0%);
    935     -ms-transform: translateY(0%);
    936     transform: translateY(0%);
    937     visibility: visible;
    938     opacity: 1;
    939 }
    940 
    941 .search-popup .overlay-layer {
    942     position: absolute;
    943     left: 0px;
    944     top: 0px;
    945     right: 0px;
    946     bottom: 0px;
    947     display: block;
    948 }
    949 
    950 .search-popup .close-search {
    951     position: absolute;
    952     right: 25px;
    953     top: 25px;
    954     font-size: 22px;
    955     color: #ffffff;
    956     cursor: pointer;
    957     z-index: 5;
    958 }
    959 
    960 .search-popup .close-search:hover {
    961     opacity: 0.70;
    962 }
    963 
    964 .search-popup .search-form {
    965     position: relative;
    966     padding: 0px 15px 0px;
    967     max-width: 1024px;
    968     margin: 0 auto;
    969     margin-top: 150px;
    970     margin-bottom: 100px;
    971     transition: all 900ms ease;
    972     -moz-transition: all 900ms ease;
    973     -webkit-transition: all 900ms ease;
    974     -ms-transition: all 900ms ease;
    975     -o-transition: all 900ms ease;
    976 }
    977 
    978 .search-popup .search-form fieldset {
    979     position: relative;
    980     border: 7px solid rgba(255, 255, 255, 0.50);
    981     border-radius: 12px;
    982 }
    983 
    984 .search-popup .search-form fieldset input[type="search"] {
    985     position: relative;
    986     height: 70px;
    987     padding: 20px 220px 20px 30px;
    988     background: #ffffff;
    989     line-height: 30px;
    990     font-size: 24px;
    991     color: #233145;
    992     border-radius: 7px;
    993 }
    994 
    995 .search-popup .search-form fieldset input[type="submit"] {
    996     position: absolute;
    997     display: block;
    998     right: 0px;
    999     top: 0px;
   1000     text-align: center;
   1001     width: 220px;
   1002     height: 70px;
   1003     padding: 20px 10px 20px 10px;
   1004     color: #ffffff !important;
   1005     line-height: 30px;
   1006     font-size: 20px;
   1007     cursor: pointer;
   1008     text-transform: uppercase;
   1009     border-radius: 0px 7px 7px 0px;
   1010 }
   1011 
   1012 .search-popup h3 {
   1013     text-transform: uppercase;
   1014     font-size: 20px;
   1015     font-weight: 600;
   1016     color: #ffffff;
   1017     margin-bottom: 20px;
   1018     letter-spacing: 1px;
   1019     text-align: center;
   1020     display: none;
   1021 }
   1022 
   1023 .search-popup .recent-searches {
   1024     font-size: 16px;
   1025     color: #ffffff;
   1026     text-align: center;
   1027     display: none;
   1028 }
   1029 
   1030 .search-popup .recent-searches li {
   1031     display: inline-block;
   1032     margin: 0px 10px 10px 0px;
   1033 }
   1034 
   1035 .search-popup .recent-searches li a {
   1036     display: block;
   1037     line-height: 24px;
   1038     border: 1px solid #ffffff;
   1039     padding: 7px 15px;
   1040     color: #ffffff;
   1041     border-radius: 3px;
   1042     -webkit-transition: all 0.5s ease;
   1043     -o-transition: all 0.5s ease;
   1044     transition: all 0.5s ease;
   1045 }
   1046 
   1047 .search-popup .search-form fieldset input[type="search"]:focus {
   1048     border-color: #ddd;
   1049     -webkit-box-shadow: none;
   1050             box-shadow: none;
   1051 }
   1052 
   1053 /*** 
   1054 
   1055 ====================================================================
   1056                 Sticky Header
   1057 ====================================================================
   1058 
   1059 ***/
   1060 
   1061 .sticky-header {
   1062     position: fixed;
   1063     visibility: hidden;
   1064     opacity: 0;
   1065     left: 0px;
   1066     top: 0px;
   1067     width: 100%;
   1068     padding: 0px 0px;
   1069     z-index: -1;
   1070     background: #ffffff;
   1071     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
   1072     -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
   1073     -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
   1074     box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
   1075     -webkit-transition: top 300ms ease;
   1076     -o-transition: top 300ms ease;
   1077     transition: top 300ms ease;
   1078 }
   1079 
   1080 .fixed-header .sticky-header {
   1081     opacity: 1;
   1082     z-index: 99901;
   1083     visibility: visible;
   1084 }
   1085 
   1086 .main-header .sticky-header .header-upper {
   1087     background: #2b2c2e;
   1088 }
   1089 
   1090 .header-style-two .sticky-header .main-menu .navigation>li.current>a,
   1091 .header-style-two .sticky-header .main-menu .navigation>li>a {
   1092     color: #fff;
   1093 }
   1094 
   1095 /*** 
   1096 
   1097 ====================================================================
   1098             Mobile Menu
   1099 ====================================================================
   1100 
   1101 ***/
   1102 
   1103 .nav-outer .mobile-nav-toggler {
   1104     position: relative;
   1105     width: 50px;
   1106     height: 50px;
   1107     line-height: 44px;
   1108     text-align: center;
   1109     color: rgb(255, 255, 255);
   1110     font-size: 20px;
   1111     cursor: pointer;
   1112     border-radius: 50%;
   1113     float: right;
   1114     margin: 13px 0;
   1115     margin-left: 15px;
   1116     display: none;
   1117 }
   1118 
   1119 .mobile-menu {
   1120     position: fixed;
   1121     right: 0;
   1122     top: 0;
   1123     width: 300px;
   1124     padding-right: 30px;
   1125     max-width: 100%;
   1126     height: 100%;
   1127     opacity: 0;
   1128     visibility: hidden;
   1129     z-index: 999999;
   1130 }
   1131 
   1132 .mobile-menu .mCSB_scrollTools {
   1133     right: -6px;
   1134 }
   1135 
   1136 .mobile-menu .mCSB_inside>.mCSB_container {
   1137     margin-right: 5px;
   1138 }
   1139 
   1140 .mobile-menu .navbar-collapse {
   1141     display: block !important;
   1142 }
   1143 
   1144 .mobile-menu .nav-logo {
   1145     position: relative;
   1146     padding: 30px 25px;
   1147     text-align: left;
   1148     margin-bottom: 100px;
   1149     margin-top: 25px;
   1150 }
   1151 
   1152 .mobile-menu-visible {
   1153     overflow: hidden;
   1154 }
   1155 
   1156 .mobile-menu-visible .mobile-menu {
   1157     opacity: 1;
   1158     visibility: visible;
   1159 }
   1160 
   1161 .mobile-menu .menu-backdrop {
   1162     position: fixed;
   1163     right: 0;
   1164     top: 0;
   1165     width: 100%;
   1166     height: 100%;
   1167     z-index: 1;
   1168     -webkit-transform: translateX(101%);
   1169     -ms-transform: translateX(101%);
   1170     transform: translateX(101%);
   1171     transition: all 900ms ease;
   1172     -moz-transition: all 900ms ease;
   1173     -webkit-transition: all 900ms ease;
   1174     -ms-transition: all 900ms ease;
   1175     -o-transition: all 900ms ease;
   1176     background-color: #000;
   1177 }
   1178 
   1179 .mobile-menu-visible .mobile-menu .menu-backdrop {
   1180     opacity: 0.30;
   1181     visibility: visible;
   1182     -webkit-transition: all 0.7s ease;
   1183     -o-transition: all 0.7s ease;
   1184     transition: all 0.7s ease;
   1185     -webkit-transform: translateX(0%);
   1186     -ms-transform: translateX(0%);
   1187     transform: translateX(0%);
   1188 }
   1189 
   1190 .mobile-menu .menu-box {
   1191     position: absolute;
   1192     left: 0px;
   1193     top: 0px;
   1194     width: 100%;
   1195     height: 100%;
   1196     max-height: 100%;
   1197     overflow-y: auto;
   1198     background: #202020;
   1199     padding: 0px 0px;
   1200     z-index: 5;
   1201     opacity: 0;
   1202     visibility: hidden;
   1203     border-radius: 0px;
   1204     -webkit-transform: translateX(101%);
   1205     -ms-transform: translateX(101%);
   1206     transform: translateX(101%);
   1207 }
   1208 
   1209 .mobile-menu-visible .mobile-menu .menu-box {
   1210     opacity: 1;
   1211     visibility: visible;
   1212     -webkit-transition: all 0.7s ease;
   1213     -o-transition: all 0.7s ease;
   1214     transition: all 0.7s ease;
   1215     -webkit-transform: translateX(0%);
   1216     -ms-transform: translateX(0%);
   1217     transform: translateX(0%);
   1218 }
   1219 
   1220 .mobile-menu .close-btn {
   1221     position: absolute;
   1222     right: 20px;
   1223     top: 15px;
   1224     line-height: 30px;
   1225     width: 24px;
   1226     text-align: center;
   1227     font-size: 30px;
   1228     color: #ffffff;
   1229     cursor: pointer;
   1230     z-index: 10;
   1231     -webkit-transition: all 0.9s ease;
   1232     -o-transition: all 0.9s ease;
   1233     transition: all 0.9s ease;
   1234 }
   1235 
   1236 .mobile-menu .navigation {
   1237     position: relative;
   1238     display: block;
   1239     width: 100%;
   1240     float: none;
   1241 }
   1242 
   1243 .mobile-menu .navigation li {
   1244     position: relative;
   1245     display: block;
   1246     border-top: 1px solid rgba(255, 255, 255, 0.10);
   1247 }
   1248 
   1249 .mobile-menu .navigation:last-child {
   1250     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
   1251 }
   1252 
   1253 .mobile-menu .navigation li>ul>li:first-child {
   1254     border-top: 1px solid rgba(255, 255, 255, 0.10);
   1255 }
   1256 
   1257 .mobile-menu .navigation li>a {
   1258     position: relative;
   1259     display: block;
   1260     line-height: 24px;
   1261     padding: 10px 25px;
   1262     font-size: 15px;
   1263     font-weight: 500;
   1264     color: #ffffff;
   1265     text-transform: uppercase;
   1266     -webkit-transition: all 500ms ease;
   1267     -o-transition: all 500ms ease;
   1268     transition: all 500ms ease;
   1269 }
   1270 
   1271 .mobile-menu .navigation li ul li>a {
   1272     font-size: 15px;
   1273     margin-left: 20px;
   1274     text-transform: capitalize;
   1275 }
   1276 
   1277 .mobile-menu .navigation li>a:before {
   1278     content: '';
   1279     position: absolute;
   1280     left: 0;
   1281     top: 0;
   1282     height: 0;
   1283     -webkit-transition: all 500ms ease;
   1284     -o-transition: all 500ms ease;
   1285     transition: all 500ms ease;
   1286 }
   1287 
   1288 .mobile-menu .navigation li.current>a:before {
   1289     height: 100%;
   1290 }
   1291 
   1292 .mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
   1293     position: absolute;
   1294     right: 6px;
   1295     top: 6px;
   1296     width: 32px;
   1297     height: 32px;
   1298     text-align: center;
   1299     font-size: 16px;
   1300     line-height: 32px;
   1301     color: #ffffff;
   1302     background: rgba(255, 255, 255, 0.10);
   1303     cursor: pointer;
   1304     border-radius: 2px;
   1305     -webkit-transition: all 500ms ease;
   1306     -o-transition: all 500ms ease;
   1307     transition: all 500ms ease;
   1308     z-index: 5;
   1309 }
   1310 
   1311 .mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open {
   1312     -webkit-transform: rotate(90deg);
   1313     -ms-transform: rotate(90deg);
   1314     transform: rotate(90deg);
   1315 }
   1316 
   1317 .mobile-menu .navigation li>ul,
   1318 .mobile-menu .navigation li>ul>li>ul {
   1319     display: none;
   1320 }
   1321 
   1322 .mobile-menu .social-links {
   1323     position: relative;
   1324     text-align: center;
   1325     padding: 30px 25px;
   1326 }
   1327 
   1328 .mobile-menu .social-links li {
   1329     position: relative;
   1330     display: inline-block;
   1331     margin: 0px 10px 10px;
   1332 }
   1333 
   1334 .mobile-menu .social-links li a {
   1335     position: relative;
   1336     line-height: 32px;
   1337     font-size: 16px;
   1338     color: #ffffff;
   1339     -webkit-transition: all 500ms ease;
   1340     -o-transition: all 500ms ease;
   1341     transition: all 500ms ease;
   1342 }
   1343 
   1344 
   1345 .nav-overlay {
   1346     position: fixed;
   1347     top: 0;
   1348     left: 0;
   1349     bottom: 0;
   1350     z-index: 99999;
   1351     width: 100%;
   1352     display: none;
   1353     background: rgba(20, 20, 20, 0.70);
   1354     overflow: hidden;
   1355     cursor: none;
   1356 }
   1357 
   1358 /* Cursor Style */
   1359 
   1360 .cursor {
   1361     position: absolute;
   1362     background-color: #fff;
   1363     width: 6px;
   1364     height: 6px;
   1365     border-radius: 100%;
   1366     z-index: 1;
   1367     -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   1368     transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   1369     -o-transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
   1370     transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
   1371     transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   1372     -webkit-user-select: none;
   1373     -moz-user-select: none;
   1374     -ms-user-select: none;
   1375     user-select: none;
   1376     pointer-events: none;
   1377     z-index: 10000;
   1378     -webkit-transform: scale(1);
   1379     -ms-transform: scale(1);
   1380     transform: scale(1);
   1381     visibility: hidden;
   1382 }
   1383 
   1384 .cursor {
   1385     visibility: visible;
   1386 }
   1387 
   1388 .cursor.active {
   1389     opacity: 0.5;
   1390     -webkit-transform: scale(0);
   1391     -ms-transform: scale(0);
   1392     transform: scale(0);
   1393 }
   1394 
   1395 .cursor.hovered {
   1396     opacity: 0.08;
   1397 }
   1398 
   1399 .cursor-follower {
   1400     position: absolute;
   1401     background-color: rgba(255, 255, 255, 0.3);
   1402     width: 50px;
   1403     height: 50px;
   1404     border-radius: 100%;
   1405     z-index: 1;
   1406     -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   1407     transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   1408     -o-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
   1409     transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
   1410     transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   1411     -webkit-user-select: none;
   1412     -moz-user-select: none;
   1413     -ms-user-select: none;
   1414     user-select: none;
   1415     pointer-events: none;
   1416     z-index: 10000;
   1417     visibility: hidden;
   1418 }
   1419 
   1420 .cursor-follower {
   1421     visibility: visible;
   1422 }
   1423 
   1424 .cursor-follower.active {
   1425     opacity: 0.7;
   1426     -webkit-transform: scale(1);
   1427     -ms-transform: scale(1);
   1428     transform: scale(1);
   1429 }
   1430 
   1431 .cursor-follower.hovered {
   1432     opacity: 0.08;
   1433 }
   1434 
   1435 .cursor-follower.close-cursor:before {
   1436     position: absolute;
   1437     content: '';
   1438     height: 25px;
   1439     width: 2px;
   1440     background: #fff;
   1441     left: 48%;
   1442     top: 12px;
   1443     -webkit-transform: rotate(-45deg);
   1444     -ms-transform: rotate(-45deg);
   1445     transform: rotate(-45deg);
   1446     display: inline-block;
   1447 }
   1448 
   1449 .cursor-follower.close-cursor:after {
   1450     position: absolute;
   1451     content: '';
   1452     height: 25px;
   1453     width: 2px;
   1454     background: #fff;
   1455     right: 48%;
   1456     top: 12px;
   1457     -webkit-transform: rotate(45deg);
   1458     -ms-transform: rotate(45deg);
   1459     transform: rotate(45deg);
   1460 }
   1461 
   1462 
   1463 /*** 
   1464 
   1465 ====================================================================
   1466         Banner Section
   1467 ====================================================================
   1468 
   1469 ***/
   1470 
   1471 .banner-section {
   1472     position: relative;
   1473 }
   1474 
   1475 .banner-section .background-text {
   1476     position: absolute;
   1477     right: -280px;
   1478     bottom: 190px;
   1479     z-index: 99;
   1480     text-transform: uppercase;
   1481     font-size: 240px;
   1482     font-family: "Poppins", sans-serif;
   1483     font-weight: 700;
   1484     letter-spacing: -5px;
   1485     line-height: 200px;
   1486     color: rgb(255 255 255 / 0.1);
   1487     transform: rotate(-30deg);
   1488 }
   1489 
   1490 .banner-section .background-text .text-2 {
   1491     position: absolute;
   1492     top: -5px;
   1493     left: 15px;
   1494     -webkit-text-stroke-width: 1px;
   1495     -webkit-text-stroke-color: rgb(255 255 255 / 0.2);
   1496     color: transparent;
   1497 }
   1498 
   1499 .three-item-carousel,
   1500 .banner-slider {
   1501     position: relative;
   1502     height: 100% !important;
   1503     z-index: 9;
   1504 }
   1505 
   1506 .banner-section .swiper-slide {
   1507     position: relative;
   1508     left: 0;
   1509     top: 0;
   1510     height: 100%;
   1511     width: 100%;
   1512     background-repeat: no-repeat;
   1513     background-position: center;
   1514     background-size: cover;
   1515 }
   1516 
   1517 .banner-section .swiper-slide:before {
   1518     position: absolute;
   1519     left: 0;
   1520     top: 0;
   1521     height: 100%;
   1522     width: 100%;
   1523     background-color: #000000;
   1524     opacity: 0.0;
   1525     content: "";
   1526 }
   1527 
   1528 .banner-section .content-outer {
   1529     position: relative;
   1530     top: 0;
   1531     left: 0;
   1532     right: 0;
   1533     margin: 0 auto;
   1534     height: 100%;
   1535     width: 100%;
   1536     display: table;
   1537     vertical-align: middle;
   1538 }
   1539 
   1540 .banner-section .content-box {
   1541     position: relative;
   1542     padding: 135px 15px 0;
   1543     min-height: 997px;
   1544     max-width: 1200px;
   1545     margin: 0 auto;
   1546     display: flex;
   1547     flex-wrap: wrap;
   1548     align-items: center;
   1549     justify-content: center;
   1550 }
   1551 
   1552 .banner-section .content-box .inner {
   1553     position: relative;
   1554     opacity: 0;
   1555     -webkit-transform: translateX(100px);
   1556     -ms-transform: translateX(100px);
   1557     transform: translateX(100px);
   1558     padding: 0 15px;
   1559 }
   1560 
   1561 .banner-section .swiper-slide-active .content-box .inner {
   1562     opacity: 1;
   1563     -webkit-transition: all 500ms ease;
   1564     -o-transition: all 500ms ease;
   1565     transition: all 500ms ease;
   1566     -webkit-transform: translateX(0px);
   1567     -ms-transform: translateX(0px);
   1568     transform: translateX(0px);
   1569 }
   1570 
   1571 .banner-section .content-box h1 {
   1572     position: relative;
   1573     font-size: 100px;
   1574     font-weight: 900;
   1575     line-height: 100px;
   1576     color: #ffffff;
   1577     text-transform: uppercase;
   1578     opacity: 0;
   1579     visibility: hidden;
   1580     -webkit-transition: all 500ms ease;
   1581     -o-transition: all 500ms ease;
   1582     transition: all 500ms ease;
   1583     -webkit-transform: translateY(-20px);
   1584     -ms-transform: translateY(-20px);
   1585     transform: translateY(-20px);
   1586     margin-bottom: 42px;
   1587     letter-spacing: -1px;
   1588 }
   1589 
   1590 .banner-section .swiper-slide-active .content-box h1 {
   1591     opacity: 1;
   1592     visibility: visible;
   1593     -webkit-transition-delay: 800ms;
   1594     -o-transition-delay: 800ms;
   1595     transition-delay: 800ms;
   1596     -webkit-transform: translateY(0px);
   1597     -ms-transform: translateY(0px);
   1598     transform: translateY(0px);
   1599 }
   1600 
   1601 .banner-section .content-box h4 {
   1602     position: relative;
   1603     display: block;
   1604     font-size: 30px;
   1605     line-height: 1.2em;
   1606     color: #ffffff;
   1607     font-weight: 700;
   1608     text-transform: uppercase;
   1609     margin-bottom: 30px;
   1610     opacity: 0;
   1611     visibility: hidden;
   1612     -webkit-transition: all 500ms ease;
   1613     -o-transition: all 500ms ease;
   1614     transition: all 500ms ease;
   1615     -webkit-transform: translateY(20px);
   1616     -ms-transform: translateY(20px);
   1617     transform: translateY(20px);
   1618 }
   1619 
   1620 .banner-section .swiper-slide-active h4 {
   1621     opacity: 1;
   1622     visibility: visible;
   1623     -webkit-transition-delay: 1200ms;
   1624     -o-transition-delay: 1200ms;
   1625     transition-delay: 1200ms;
   1626     -webkit-transform: translateY(0px);
   1627     -ms-transform: translateY(0px);
   1628     transform: translateY(0px);
   1629 }
   1630 
   1631 .banner-section .content-box .text {
   1632     position: relative;
   1633     font-size: 24px;
   1634     font-weight: 500;
   1635     line-height: 34px;
   1636     color: #ffffff;
   1637     opacity: 0;
   1638     visibility: hidden;
   1639     -webkit-transition: all 500ms ease;
   1640     -o-transition: all 500ms ease;
   1641     transition: all 500ms ease;
   1642     -webkit-transform: translateX(-50px);
   1643     -ms-transform: translateX(-50px);
   1644     transform: translateX(-50px);
   1645 }
   1646 
   1647 .banner-section .swiper-slide-active .text {
   1648     opacity: 1;
   1649     visibility: visible;
   1650     -webkit-transition-delay: 1600ms;
   1651     -o-transition-delay: 1600ms;
   1652     transition-delay: 1600ms;
   1653     -webkit-transform: translateX(0px);
   1654     -ms-transform: translateX(0px);
   1655     transform: translateX(0px);
   1656 }
   1657 
   1658 .banner-section .link-box {
   1659     -webkit-transform: scaleY(0);
   1660     -ms-transform: scaleY(0);
   1661     transform: scaleY(0);
   1662     -webkit-transition: all 500ms ease;
   1663     -o-transition: all 500ms ease;
   1664     transition: all 500ms ease;
   1665     -webkit-transition-delay: 2000ms;
   1666     -o-transition-delay: 2000ms;
   1667     transition-delay: 2000ms;
   1668     -webkit-transform-origin: bottom;
   1669     -ms-transform-origin: bottom;
   1670     transform-origin: bottom;
   1671     margin: 0 -10px;
   1672 }
   1673 
   1674 .banner-section .swiper-slide-active .link-box {
   1675     -webkit-transform: scale(1);
   1676     -ms-transform: scale(1);
   1677     transform: scale(1);
   1678 }
   1679 
   1680 .banner-section .link-box a {
   1681     -webkit-transition: .5s ease;
   1682     -o-transition: .5s ease;
   1683     transition: .5s ease;
   1684     margin: 0 10px 10px;
   1685 }
   1686 
   1687 .banner-section .banner-slider-nav {
   1688     position: absolute;
   1689     top: 0;
   1690     left: 0;
   1691     right: 0;
   1692     bottom: 0;
   1693     display: flex;
   1694     flex-wrap: wrap;
   1695     align-items: center;
   1696     justify-content: space-between;
   1697 }
   1698 
   1699 .banner-section .banner-slider-button-next {
   1700     position: relative;
   1701     width: 85px;
   1702     height: 85px;
   1703     line-height: 85px;
   1704     text-align: center;
   1705     color: #181614;
   1706     cursor: pointer;
   1707     z-index: 9;
   1708     margin-right: 50px;
   1709     font-size: 25px;
   1710     background-color: #fff;
   1711     transition: .5s;
   1712     transform: rotate(180deg);
   1713 }
   1714 
   1715 .banner-section .banner-slider-button-next:hover {
   1716     color: #fff;
   1717 }
   1718 
   1719 .banner-section .banner-slider-button-prev {
   1720     position: relative;
   1721     width: 85px;
   1722     height: 85px;
   1723     line-height: 85px;
   1724     text-align: center;
   1725     color: #181614;
   1726     cursor: pointer;
   1727     z-index: 9;
   1728     margin-left: 50px;
   1729     font-size: 25px;
   1730     background-color: #ffffff;
   1731     transition: .5s;
   1732 }
   1733 
   1734 .banner-section .banner-slider-button-prev:hover {
   1735     color: #fff;
   1736 }
   1737 
   1738 /* Style Two */
   1739 .banner-section .banner-slider-nav.style-two {
   1740     left: 0;
   1741     right: auto;
   1742     top: auto;
   1743 }
   1744 
   1745 .banner-section .banner-slider-nav.style-two .banner-slider-button-prev {
   1746     width: 106px;
   1747     height: 53px;
   1748     border-radius: 0;
   1749     margin: 0;
   1750     line-height: 53px;
   1751     background: #293e9c;
   1752     font-size: 16px;
   1753     font-family: "Poppins", sans-serif;
   1754     font-weight: 700;
   1755     text-transform: uppercase;
   1756 }
   1757 
   1758 .banner-section .banner-slider-nav.style-two .banner-slider-button-next {
   1759     height: 53px;
   1760     width: 106px;
   1761     border-radius: 0;
   1762     margin: 0;
   1763     line-height: 53px;
   1764     font-size: 16px;
   1765     font-family: "Poppins", sans-serif;
   1766     font-weight: 700;
   1767     text-transform: uppercase;
   1768 }
   1769 
   1770 .banner-section .banner-slider-nav.style-two .banner-slider-button-next i {
   1771     margin-left: 10px;
   1772     position: relative;
   1773     top: 1px;
   1774 }
   1775 
   1776 .banner-section .banner-slider-nav.style-two .banner-slider-button-prev i {
   1777     margin-right: 10px;
   1778     top: 1px;
   1779     position: relative;
   1780 }
   1781 
   1782 
   1783 /*Post Share Icon*/
   1784 .post-share-icon {
   1785     font-size: 14px;
   1786     color: #999999;
   1787     position: relative;
   1788     transition: .5s;
   1789     cursor: pointer;
   1790 }
   1791 
   1792 .post-share-icon ul.social-links {
   1793     position: absolute;
   1794     top: 0;
   1795     right: 100%;
   1796     display: flex;
   1797     opacity: 0;
   1798     transition: .5s;
   1799     visibility: hidden;
   1800 }
   1801 
   1802 .post-share-icon ul.social-links li {
   1803     margin-right: 15px;
   1804 }
   1805 
   1806 .post-share-icon ul.social-links li a {
   1807     color: #999;
   1808     transition: .5s;
   1809 }
   1810 
   1811 .post-share-icon:hover ul.social-links {
   1812     opacity: 1;
   1813     visibility: visible;
   1814 }
   1815 
   1816 
   1817 
   1818 /* Sec Title */
   1819 .sec-title {
   1820     position: relative;
   1821     margin-bottom: 55px;
   1822 }
   1823 
   1824 .sec-title .sub-title {
   1825     position: relative;
   1826     font-size: 16px;
   1827     font-weight: 700;
   1828     margin-bottom: 10px;
   1829     display: inline-block;
   1830     padding: 2.5px 17px;
   1831 }
   1832 
   1833 .sec-title h2 {
   1834     position: relative;
   1835     font-size: 60px;
   1836     font-weight: 900;
   1837     text-transform: uppercase;
   1838     line-height: 70px;
   1839     letter-spacing: -1px;
   1840 }
   1841 
   1842 .sec-title .text {
   1843     position: relative;
   1844     margin-top: 25px;
   1845     margin-bottom: 0;
   1846 }
   1847 
   1848 .sec-title.light h2 {
   1849     color: #ffffff;
   1850 }
   1851 
   1852 /* Main Footer */
   1853 .main-footer {
   1854     position: relative;
   1855     padding: 100px 0 50px;
   1856     background-size: cover;
   1857 }
   1858 
   1859 .widget {
   1860     margin-bottom: 50px;
   1861 }
   1862 
   1863 .widget .widget_title {
   1864     position: relative;
   1865     font-size: 20px;
   1866     font-weight: 700;
   1867     color: #fff;
   1868     text-transform: uppercase;
   1869     margin-bottom: 30px;
   1870 }
   1871 
   1872 .about-widget {
   1873     position: relative;
   1874 }
   1875 
   1876 .about-widget .logo {
   1877     position: relative;
   1878     margin-bottom: 26px;
   1879 }
   1880 
   1881 .about-widget .text {
   1882     position: relative;
   1883     color: #9a9693;
   1884     font-size: 15px;
   1885     font-weight: 500;
   1886     margin-bottom: 28px;
   1887 }
   1888 
   1889 .links-widget .list li a {
   1890     position: relative;
   1891     color: #9a9693;
   1892     font-size: 15px;
   1893     font-weight: 500;
   1894     margin-bottom: 12px;
   1895     padding-left: 13px;
   1896     display: inline-block;
   1897     transition: .5s;
   1898 }
   1899 
   1900 .links-widget .list li a:before {
   1901     font-family: 'Font Awesome 5 Pro';
   1902     content: "\f0dd";
   1903     position: absolute;
   1904     left: -4px;
   1905     top: -3px;
   1906     line-height: 30px;
   1907     font-size: 15px;
   1908     font-weight: 900;
   1909     display: inline-block;
   1910     transform: rotate(-90deg);
   1911 }
   1912 
   1913 .news-widget {
   1914     position: relative;
   1915 }
   1916 
   1917 .news-widget .post {
   1918     position: relative;
   1919     display: flex;
   1920     flex-wrap: wrap;
   1921     margin-bottom: 35px;
   1922 }
   1923 
   1924 .news-widget .image {
   1925     position: relative;
   1926     margin-right: 20px;
   1927 }
   1928 
   1929 .news-widget .image:before {
   1930     position: absolute;
   1931     content: '';
   1932     left: 0;
   1933     right: 0;
   1934     top: 0;
   1935     bottom: 0;
   1936     border: 4px solid #fff;
   1937     transition: .5s;
   1938 }
   1939 
   1940 .news-widget .date {
   1941     position: relative;
   1942     font-size: 12px;
   1943     font-weight: 500;
   1944     margin-bottom: 10px;
   1945     text-transform: uppercase;
   1946 }
   1947 
   1948 .news-widget h4 {
   1949     font-size: 15px;
   1950     font-weight: 500;
   1951 }
   1952 
   1953 .news-widget h4 a {
   1954     color: #fff;
   1955 }
   1956 
   1957 
   1958 .contact-widget {
   1959     position: relative;
   1960 }
   1961 
   1962 .contact-widget .icon-box {
   1963     position: relative;
   1964     display: flex;
   1965     flex-wrap: wrap;
   1966     margin-bottom: 15px;
   1967     border-bottom: 1px solid #302f2d;
   1968 }
   1969 
   1970 .contact-widget .icon {
   1971     width: 33px;
   1972     font-size: 15px;
   1973     margin-top: 0;
   1974 }
   1975 
   1976 .contact-widget .text {
   1977     color: #9a9693;
   1978     width: calc(100% - 33px);
   1979     font-size: 15px;
   1980 }
   1981 
   1982 .contact-widget .text a {
   1983     color: #9a9693;
   1984 }
   1985 
   1986 .contact-widget .text strong {
   1987     color: #fff;
   1988     font-weight: 700;
   1989     font-family: "Poppins", sans-serif;
   1990     display: block;
   1991 }
   1992 
   1993 @media only screen and (min-width:992px) {
   1994     .links-widget {
   1995         position: relative;
   1996         left: 70px;
   1997     }
   1998     .news-widget {
   1999         margin-left: -30px;
   2000     }
   2001 }
   2002 
   2003 .footer-bottom {
   2004     position: relative;
   2005     padding: 32px 0 30px;
   2006     background-color: #12100f;
   2007     border-top: 1px solid #302e2c;
   2008 }
   2009 
   2010 .footer-bottom .social-icon {
   2011     position: relative;
   2012     display: flex;
   2013     flex-wrap: wrap;
   2014     align-items: center;
   2015     justify-content: center;
   2016     margin-bottom: 20px;
   2017 }
   2018 
   2019 .footer-bottom .social-icon li {
   2020     position: relative;
   2021     margin: 0 5px;
   2022 }
   2023 
   2024 .footer-bottom .social-icon li a {
   2025     color: #181614;
   2026     font-size: 12px;
   2027     width: 36px;
   2028     height: 36px;
   2029     display: inline-block;
   2030     text-align: center;
   2031     line-height: 38px;
   2032     background: #fff;
   2033     border-radius: 50%;
   2034     transition: .5s;
   2035 }
   2036 
   2037 .footer-bottom .social-icon li a:hover {
   2038     color: #fff;
   2039 }
   2040 
   2041 .footer-bottom .copyright-text {
   2042     position: relative;
   2043     font-size: 15px;
   2044     font-weight: 500;
   2045     color: #9a9693;
   2046     text-align: center;
   2047 }
   2048 
   2049 /* Welcome section */
   2050 
   2051 .welcome-section {
   2052     position: relative;
   2053     padding: 120px 0 90px;
   2054 }
   2055 
   2056 .welcome-section .background-image {
   2057     position: absolute;
   2058     right: 0;
   2059     bottom: 0;
   2060 }
   2061 
   2062 .welcome-section .image-wrapper {
   2063     position: relative;
   2064 }
   2065 
   2066 .welcome-section .image-one {
   2067     position: relative;
   2068     margin-top: -120px;
   2069 }
   2070 
   2071 .welcome-section .image-one:before {
   2072     position: absolute;
   2073     content: '';
   2074     left: -70px;
   2075     top: 0;
   2076     width: 40px;
   2077     bottom: 0;
   2078 }
   2079 
   2080 .welcome-section .image-two {
   2081     position: relative;
   2082     margin-top: -200px;
   2083     margin-left: -150px;
   2084 }
   2085 
   2086 .welcome-section .text {
   2087     margin-bottom: 30px;
   2088     font-size: 18px;
   2089     font-weight: 500;
   2090     line-height: 36px;
   2091 }
   2092 
   2093 
   2094 .welcome-section .list li {
   2095     position: relative;
   2096     font-size: 18px;
   2097     font-weight: 500;
   2098     margin-bottom: 17px;
   2099     padding-left: 28px;
   2100     transition: .5s;
   2101 }
   2102 
   2103 .welcome-section .list li:before {
   2104     font-family: 'Font Awesome 5 Pro';
   2105     content: "\f00c";
   2106     position: absolute;
   2107     left: -4px;
   2108     top: -3px;
   2109     line-height: 30px;
   2110     font-size: 16px;
   2111     font-weight: 900;
   2112     display: inline-block;
   2113 }
   2114 
   2115 .welcome-section .icon-box {
   2116     position: relative;
   2117     display: flex;
   2118     flex-wrap: wrap;
   2119     align-items: center;
   2120     margin-bottom: 32px;
   2121 }
   2122 
   2123 .welcome-section .icon-box .icon {
   2124     position: relative;
   2125     font-size: 60px;
   2126     margin-right: 23px;
   2127     line-height: 50px;
   2128 }
   2129 
   2130 .welcome-section .icon-box h4 {
   2131     position: relative;
   2132     font-size: 20px;
   2133     font-weight: 600;
   2134     line-height: 30px;
   2135 }
   2136 
   2137 .welcome-section .note {
   2138     position: relative;
   2139     padding: 25px;
   2140     font-size: 24px;
   2141     font-weight: 700;
   2142     text-align: center;
   2143     margin-bottom: 30px;
   2144     margin-top: 30px;
   2145     color: #181614;
   2146 }
   2147 
   2148 /* CTA section */
   2149 
   2150 .cta-section {
   2151     position: relative;
   2152     padding: 120px 0 90px;
   2153 }
   2154 
   2155 .cta-section .wrapper-box {
   2156     position: relative;
   2157     display: flex;
   2158     flex-wrap: wrap;
   2159     align-items: center;
   2160     justify-content: space-between;
   2161 }
   2162 
   2163 .cta-section h3 {
   2164     font-size: 50px;
   2165     font-weight: 900;
   2166     color: #ffffff;
   2167     text-transform: uppercase;
   2168     margin-bottom: 30px;
   2169 }
   2170 
   2171 .cta-section .link {
   2172     margin-bottom: 30px;
   2173 }
   2174 
   2175 .cta-section .link .theme-btn {
   2176     background-color: #fff;
   2177     color: #181614;
   2178 }
   2179 
   2180 /* Services Section */
   2181 
   2182 .services-section {
   2183     position: relative;
   2184     padding: 120px 0 90px;
   2185     z-index: 1;
   2186 }
   2187 
   2188 .services-section .sec-bg {
   2189     position: absolute;
   2190     top: 0;
   2191     left: 0;
   2192     width: 100%;
   2193     height: 616px;
   2194     background-size: cover;
   2195 }
   2196 
   2197 .service-block {
   2198     position: relative;
   2199 }
   2200 
   2201 .service-block .inner-box {
   2202     position: relative;
   2203     margin-bottom: 30px;
   2204     box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
   2205 }
   2206 
   2207 .service-block .image {
   2208     position: relative;
   2209     overflow: hidden;
   2210 }
   2211 
   2212 .service-block .image img {
   2213     width: 100%;
   2214 }
   2215 
   2216 .service-block .image:before {
   2217     position: absolute;
   2218     top: 50%;
   2219     left: 50%;
   2220     display: block;
   2221     content: '';
   2222     width: 0;
   2223     height: 0;
   2224     background: rgba(255, 255, 255, .2);
   2225     border-radius: 50%;
   2226     -webkit-transform: translate(-50%, -50%);
   2227     transform: translate(-50%, -50%);
   2228     opacity: 0;
   2229     z-index: 10;
   2230 }
   2231 
   2232 .service-block .inner-box:hover .image:before {
   2233     -webkit-animation: circle .75s;
   2234     animation: circle .75s;
   2235 }
   2236 
   2237 @-webkit-keyframes circle {
   2238     0% {
   2239         opacity: 1;
   2240     }
   2241     40% {
   2242         opacity: 1;
   2243     }
   2244     100% {
   2245         width: 200%;
   2246         height: 200%;
   2247         opacity: 0;
   2248     }
   2249 }
   2250 @keyframes circle {
   2251     0% {
   2252         opacity: 1;
   2253     }
   2254     40% {
   2255         opacity: 1;
   2256     }
   2257     100% {
   2258         width: 200%;
   2259         height: 200%;
   2260         opacity: 0;
   2261     }
   2262 }
   2263 
   2264 .service-block .content {
   2265     position: relative;
   2266     text-align: center;
   2267     padding: 40px 20px 20px;
   2268     background: #fff;
   2269 }
   2270 
   2271 .service-block .content h3 {
   2272     font-size: 24px;
   2273     font-weight: 700;
   2274     text-transform: uppercase;
   2275     margin-bottom: 10px;
   2276 }
   2277 
   2278 .service-block .content h3 a {
   2279     color: #181614;
   2280     transition: .5s;
   2281 }
   2282 
   2283 .service-block .content .text {
   2284     margin-bottom: 30px;
   2285 }
   2286 
   2287 .service-block .content .theme-btn {
   2288     background-color: #f9f8f7;
   2289     color: #797672;
   2290     width: 100%;
   2291     padding: 15px 60px;
   2292     vertical-align: middle;
   2293 }
   2294 
   2295 .service-block .content .theme-btn:hover {
   2296     color: #fff;
   2297 }
   2298 
   2299 /* Testimonials Section */
   2300 
   2301 .testimonials-section {
   2302     position: relative;
   2303     margin-top: -310px;
   2304     padding: 400px 0 120px;
   2305 }
   2306 
   2307 .testimonials-section .author-thumb{
   2308 	position: relative;
   2309 	cursor: pointer;
   2310 	padding: 10px;
   2311 	height: 100px;
   2312 	width: 100px;
   2313 	transition: .5s ease;
   2314 	border-radius: 50%;
   2315 	overflow: hidden;
   2316 }
   2317 
   2318 .testimonials-section .author-thumb img {
   2319     border-radius: 50%;
   2320 }
   2321 
   2322 .testimonials-section .author-thumb:before {
   2323 	position: absolute;
   2324 	content: '';
   2325 	border: 10px solid transparent;
   2326 	height: 100px;
   2327 	width: 100px;
   2328 	left: 0px;
   2329 	top: 0px;
   2330 	transition: .9s ease;
   2331 	border-radius: 50%;
   2332 }
   2333 
   2334 .testimonials-section .testimonial-thumbs {
   2335 	max-width: 305px;
   2336     cursor: pointer;
   2337     margin-left: 0;
   2338     margin-bottom: 40px;
   2339     padding-right: 15px;
   2340 }
   2341 
   2342 .testimonial-block .text {
   2343     font-size: 20px;
   2344     font-weight: 500;
   2345     font-style: italic;
   2346     line-height: 40px;
   2347     margin-bottom: 30px;
   2348     color: #181614;
   2349     max-width: 700px;
   2350 }
   2351 
   2352 .testimonial-block .author-title {
   2353     font-size: 20px;
   2354     font-weight: 700;
   2355     text-transform: uppercase;
   2356     color: #000;
   2357 }
   2358 
   2359 .testimonial-block .author-title span {
   2360     font-size: 16px;
   2361     font-weight: 500;
   2362 }
   2363 
   2364 .testimonials-section .icon-box {
   2365     position: relative;
   2366     background-color: #fff;
   2367     margin-bottom: 20px;
   2368     display: flex;
   2369     flex-wrap: wrap;
   2370     align-items: center;
   2371 }
   2372 
   2373 .testimonials-section .icon-box .icon {
   2374     font-size: 40px;
   2375     color: #fff;
   2376     height: 65px;
   2377     width: 105px;
   2378     line-height: 65px;
   2379     padding: 0 10px;
   2380     text-align: right;
   2381     margin-right: 20px;
   2382 }
   2383 
   2384 .testimonials-section .icon-box h4 {
   2385     position: relative;
   2386     font-size: 20px;
   2387     font-weight: 600;
   2388     line-height: 30px;
   2389 }
   2390 
   2391 /* Team section */
   2392 
   2393 .team-section {
   2394     position: relative;
   2395     padding: 120px 0 90px;
   2396 }
   2397 
   2398 .team-block .inner-box {
   2399     position: relative;
   2400     margin-bottom: 30px;
   2401 }
   2402 
   2403 .team-block .image {
   2404     position: relative;
   2405     overflow: hidden;
   2406 }
   2407 
   2408 .team-block .image:before {
   2409     position: absolute;
   2410     top: 50%;
   2411     left: 50%;
   2412     display: block;
   2413     content: '';
   2414     width: 0;
   2415     height: 0;
   2416     background: rgba(255, 255, 255, .2);
   2417     border-radius: 50%;
   2418     -webkit-transform: translate(-50%, -50%);
   2419     transform: translate(-50%, -50%);
   2420     opacity: 0;
   2421     z-index: 10;
   2422 }
   2423 
   2424 .team-block .inner-box:hover .image:before {
   2425     -webkit-animation: circle .75s;
   2426     animation: circle .75s;
   2427 }
   2428 
   2429 .team-block .image img {
   2430     width: 100%;
   2431 }
   2432 
   2433 .team-block .content {
   2434     position: relative;
   2435     padding: 37px 20px;
   2436     text-align: center;
   2437     background: #fff;
   2438     margin: 0 30px;
   2439     margin-top: -85px;
   2440     border-bottom: 1px solid #edebe8;
   2441     transition: .5s;
   2442     z-index: 99;
   2443 }
   2444 
   2445 .team-block .content:before {
   2446     position: absolute;
   2447     content: '';
   2448     left: 0;
   2449     top: 0;
   2450     right: 0;
   2451     height: 0%;
   2452     transition: .5s;
   2453 }
   2454 
   2455 .team-block .inner-box:hover .content:before {
   2456     height: 100%;
   2457 }
   2458 
   2459 .team-block h4 {
   2460     font-size: 20px;
   2461     font-weight: 700;
   2462     margin-bottom: 5px;
   2463     transition: .5s;
   2464     text-transform: uppercase;
   2465 }
   2466 
   2467 .team-block .inner-box:hover h4 {
   2468     color: #fff;
   2469 }
   2470 
   2471 .team-block .designation {
   2472     position: relative;
   2473     font-size: 16px;
   2474     font-weight: 500;
   2475     margin-bottom: 10px;
   2476     transition: .5s;
   2477 }
   2478 
   2479 .team-block .inner-box:hover .designation {
   2480     color: #fff;
   2481 }
   2482 
   2483 .team-block .social-icon {
   2484     position: relative;
   2485     display: flex;
   2486     flex-wrap: wrap;
   2487     align-items: center;
   2488     justify-content: center;
   2489 }
   2490 
   2491 .team-block .social-icon li {
   2492     position: relative;
   2493     margin: 0 5px;
   2494 }
   2495 
   2496 .team-block .social-icon li a {
   2497     color: #797672;
   2498     font-size: 12px;
   2499     width: 36px;
   2500     height: 36px;
   2501     display: inline-block;
   2502     text-align: center;
   2503     line-height: 38px;
   2504     background: #edebe8;
   2505     border-radius: 50%;
   2506     transition: .5s;
   2507 }
   2508 
   2509 .team-block .social-icon li a:hover {
   2510     background: #fff;
   2511 }
   2512 
   2513 /* Facts section */
   2514 
   2515 .facts-section {
   2516     position: relative;
   2517     padding: 120px 0 90px;
   2518     background-size: cover;
   2519     background-position: right center;
   2520 }
   2521 
   2522 .facts-section .text {
   2523     font-size: 18px;
   2524     color: #9a9693;
   2525     margin-bottom: 50px;
   2526 }
   2527 
   2528 .facts-section .wrapper-box {
   2529     position: relative;
   2530 }
   2531 
   2532 @media only screen and (min-width:1200px) {
   2533     .facts-section .wrapper-box {
   2534         margin-left: 70px;
   2535     }
   2536 }
   2537 
   2538 .facts-section .content {
   2539     position: relative;
   2540     padding: 40px 20px 35px;
   2541     text-align: center;
   2542     transition: .5s;
   2543     margin-bottom: 30px;
   2544 }
   2545 
   2546 .facts-section .content:before {
   2547     position: absolute;
   2548     content: '';
   2549     left: 0;
   2550     top: 0;
   2551     right: 0;
   2552     height: 0%;
   2553     transition: .5s;
   2554 }
   2555 
   2556 .facts-section .inner:hover .content:before {
   2557     height: 100%;
   2558 }
   2559 
   2560 .facts-section .content .count-box {
   2561     position: relative;
   2562     font-size: 50px;
   2563     font-weight: 700;
   2564     color: #fff;
   2565     transition: .5s;
   2566     margin-bottom: 13px;
   2567     line-height: 50px;
   2568 }
   2569 
   2570 .facts-section .inner:hover .content .count-box {
   2571     color: #fff;
   2572 }
   2573 
   2574 .facts-section .content .fact-text {
   2575     position: relative;
   2576     font-size: 16px;
   2577     font-weight: 500;
   2578     color: #9a9693;
   2579     transition: .5s;
   2580 }
   2581 
   2582 .facts-section .inner:hover .content .fact-text {
   2583     color: #fff;
   2584 }
   2585 
   2586 /* News section */
   2587 
   2588 .news-section {
   2589     position: relative;
   2590     padding: 120px 0 90px;
   2591     background-color: #f9f8f7;
   2592     border-bottom: 1px solid #edebe8;
   2593 }
   2594 
   2595 .news-block {
   2596     position: relative;
   2597 }
   2598 
   2599 .news-block .inner-box {
   2600     position: relative;
   2601     margin-bottom: 30px;
   2602 }
   2603 
   2604 .news-block .image {
   2605     position: relative;
   2606     overflow: hidden;
   2607 }
   2608 
   2609 .news-block .content {
   2610     position: absolute;
   2611     left: 0;
   2612     bottom: 0;
   2613     padding: 50px 60px;
   2614     right: 0;
   2615 }
   2616 
   2617 .news-block .post-meta {
   2618     position: relative;
   2619     font-size: 14px;
   2620     font-weight: 700;
   2621     color: #fff;
   2622     text-transform: uppercase;
   2623     margin-bottom: 15px;
   2624 }
   2625 
   2626 .news-block h4 {
   2627     position: relative;
   2628     font-size: 50px;
   2629     font-weight: 700;
   2630     color: #fff;
   2631     text-transform: uppercase;
   2632 }
   2633 
   2634 .news-block.style-two h4 {
   2635     font-size: 36px;
   2636 }
   2637 
   2638 .news-block h4 a {
   2639     color: #fff;
   2640     transition: .5s;
   2641 }
   2642 
   2643 /* Clients logo section */
   2644 
   2645 .clients-logo-section {
   2646     position: relative;
   2647     padding: 120px 0;
   2648 }
   2649 
   2650 .clients-logo-section .slide-item img {
   2651     width: auto;
   2652     opacity: 0.5;
   2653     transition: .5s;
   2654     cursor: pointer;
   2655     margin: 0 auto;
   2656 }
   2657 
   2658 .clients-logo-section .slide-item .image:hover img {
   2659     opacity: 1;
   2660 }
   2661 
   2662 /* Newsletter section */
   2663 
   2664 .newsletter-section {
   2665     position: relative;
   2666     padding: 0 0 100px;
   2667     background-size: cover;
   2668 }
   2669 
   2670 .newsletter-section:before {
   2671     position: absolute;
   2672     content: '';
   2673     left: 0;
   2674     top: 0;
   2675     right: 0;
   2676     bottom: 0;
   2677     background-color: rgba(206, 147, 51, 0.92);
   2678 }
   2679 
   2680 .newsletter-section .wrapper-box {
   2681     position: relative;
   2682     padding: 60px 60px 40px;
   2683     background-color: #fff;
   2684 }
   2685 
   2686 .newsletter-section h3 {
   2687     position: relative;
   2688     font-size: 30px;
   2689     font-weight: 700;
   2690     text-transform: uppercase;
   2691     margin-bottom: 20px;
   2692 }
   2693 
   2694 .newsletter-section .icon-box {
   2695     position: relative;
   2696     padding-left: 95px;
   2697 }
   2698 
   2699 .newsletter-section .icon {
   2700     position: absolute;
   2701     left: 0;
   2702     top: 30px;
   2703     font-size: 70px;
   2704 }
   2705 
   2706 .newsletter-section .text {
   2707     font-size: 18px;
   2708     font-style: italic;
   2709 }
   2710 
   2711 
   2712 .newsletter-section input {
   2713     position: relative;
   2714     width: 100%;
   2715     height: 70px;
   2716     background: #f9f8f7;
   2717     padding: 0 20px;
   2718     margin-bottom: 20px;
   2719     color: #797672;
   2720     font-size: 16px;
   2721     font-weight: 500;
   2722     text-align: center;
   2723 }
   2724 
   2725 .newsletter-section .theme-btn {
   2726     width: 100%;
   2727 }
   2728 
   2729 .newsletter-section .newsletter-form {
   2730     position: relative;
   2731 }
   2732 
   2733 .newsletter-section .form-group {
   2734     margin-bottom: 0;
   2735 }
   2736 
   2737 /* Header style two */
   2738 
   2739 .header-style-two .main-menu .navigation>li>a {
   2740     color: #797672;
   2741     font-weight: 500;
   2742 }
   2743 
   2744 .header-style-two .main-menu .navigation>li.current>a {
   2745     color: #181614;
   2746     font-weight: 600;
   2747 }
   2748 
   2749 .header-style-two .auto-container {
   2750     max-width: 100%;
   2751     padding: 0 61px;
   2752 }
   2753 
   2754 .header-style-two .header-top {
   2755     padding-right: 260px;
   2756 }
   2757 
   2758 .main-header.header-style-two .header-upper .link-box .theme-btn {
   2759     font-size: 18px;
   2760     padding: 55px 60px;
   2761     vertical-align: middle;
   2762 }
   2763 
   2764 .main-header.header-style-two .header-upper .link-box {
   2765     margin: -39px -61px 0 0;
   2766 }
   2767 
   2768 .main-header.header-style-two .header-upper {
   2769     border: none;
   2770 }
   2771 
   2772 /* Banner style two */
   2773 
   2774 .banner-section.style-two .content-box {
   2775     justify-content: flex-start;
   2776 }
   2777 
   2778 .banner-section.style-two .content-box .inner:before {
   2779     position: absolute;
   2780     content: '';
   2781     left: 0;
   2782     top: 18px;
   2783     width: 10px;
   2784     height: 276px;
   2785 }
   2786 
   2787 .banner-section.style-two .content-box .inner {
   2788     padding-left: 40px;
   2789 }
   2790 
   2791 /* Welcome section two */
   2792 
   2793 .welcome-section-two {
   2794     position: relative;
   2795     padding: 120px 0 90px;
   2796 }
   2797 
   2798 .welcome-section-two .side-image {
   2799     position: absolute;
   2800     left: 0;
   2801     top: 0;
   2802     width: 30%;
   2803     bottom: 0;    
   2804     background-size: cover;
   2805 }
   2806 
   2807 
   2808 .welcome-section-two .side-image:before {
   2809     position: absolute;
   2810     content: '';
   2811     left: 0;
   2812     top: 0;
   2813     right: 0;
   2814     bottom: 0;
   2815     background-color: rgba(206, 147, 51, 0.9);
   2816 }
   2817 
   2818 .welcome-section-two .image-one {
   2819     position: relative;
   2820     margin-right: 70px;
   2821     margin-left: -92px;
   2822     margin-bottom: 30px;
   2823 }
   2824 
   2825 .welcome-section-two .bottom-content {
   2826     position: relative;
   2827     padding-right: 270px;
   2828 }
   2829 
   2830 .welcome-section-two .experience-years {
   2831     position: absolute;
   2832     top: 0;
   2833     right: 0;
   2834     background-color: #f9f8f7;
   2835     padding: 48px 0;
   2836     text-align: center;
   2837     width: 100%;
   2838     max-width: 230px;
   2839 }
   2840 
   2841 .welcome-section-two .experience-years .icon {
   2842     font-size: 60px;
   2843     line-height: 60px;
   2844     margin-bottom: 5px;
   2845 }
   2846 
   2847 .welcome-section-two .experience-years h4 {
   2848     font-size: 20px;
   2849     font-weight: 900;
   2850     text-transform: uppercase;
   2851     color: #181614;
   2852     line-height: 32px;
   2853 }
   2854 
   2855 
   2856 /*=======progress bar========*/
   2857 
   2858 .progress-levels {
   2859     position: relative;
   2860     margin-bottom: 30px;
   2861 }
   2862 
   2863 .progress-levels h5 {
   2864     font-size: 16px;
   2865     font-weight: 700;
   2866     margin-bottom: 10px;
   2867     text-transform: uppercase;
   2868 }
   2869 
   2870 .default-section .progress-levels {
   2871     padding-top: 7px;
   2872 }
   2873 
   2874 .progress-levels .progress-box {
   2875     position: relative;
   2876     overflow: hidden;
   2877 }
   2878 
   2879 .progress-levels .progress-box:last-child {
   2880     margin-bottom: 0px;
   2881 }
   2882 
   2883 .progress-levels .progress-box .bar {
   2884     position: relative;
   2885     height: 5px;
   2886     background: #eee;
   2887 }
   2888 
   2889 .progress-levels .progress-box .bar .bar-innner {
   2890     position: relative;
   2891     left: 0px;
   2892     top: 0px;
   2893     width: 100%;
   2894     height: 5px;
   2895 }
   2896 
   2897 .progress-levels .progress-box .bar .bar-fill {
   2898     left: -100%;
   2899     top: 0px;
   2900     width: 0px;
   2901     height: 5px;
   2902     -webkit-transition: all 2000ms ease 300ms;
   2903     -o-transition: all 2000ms ease 300ms;
   2904     transition: all 2000ms ease 300ms;
   2905 }
   2906 
   2907 .progress-levels .progress-box.html .bar .bar-fill {
   2908     background: #ef6267;
   2909 }
   2910 
   2911 .progress-levels .progress-box.wp .bar .bar-fill {
   2912     background: #ff9924;
   2913 }
   2914 
   2915 .progress-levels .progress-box.php .bar .bar-fill {
   2916     background: #14dbba;
   2917 }
   2918 
   2919 .progress-levels .progress-box.animated .bar .bar-fill {
   2920     left: 0px;
   2921 }
   2922 
   2923 .progress-levels .progress-box .percent {
   2924     position: absolute;
   2925     right: 0;
   2926     top: -30px;
   2927     letter-spacing: 0px;
   2928     font-size: 14px;
   2929     font-weight: 600;
   2930     color: #797672;
   2931     opacity: 0;
   2932     -webkit-transition: all 2000ms ease 700ms;
   2933     -o-transition: all 2000ms ease 700ms;
   2934     transition: all 2000ms ease 700ms;
   2935 }
   2936 
   2937 .progress-levels .progress-box.animated .percent {
   2938     opacity: 1;
   2939 }
   2940 
   2941 .welcome-section-two .list {
   2942     margin-bottom: 30px;
   2943 }
   2944 
   2945 .welcome-section-two .list li {
   2946     position: relative;
   2947     font-size: 18px;
   2948     font-weight: 500;
   2949     margin-bottom: 17px;
   2950     padding-left: 28px;
   2951     transition: .5s;
   2952 }
   2953 
   2954 .welcome-section-two .list li:before {
   2955     font-family: 'Font Awesome 5 Pro';
   2956     content: "\f00c";
   2957     position: absolute;
   2958     left: 0px;
   2959     top: -3px;
   2960     line-height: 30px;
   2961     font-size: 16px;
   2962     font-weight: 900;
   2963     display: inline-block;
   2964 }
   2965 
   2966 /* Services section style two */
   2967 
   2968 .services-section.style-two:before {
   2969     position: absolute;
   2970     content: '';
   2971     left: 0;
   2972     top: 0;
   2973     right: 0;
   2974     background: #f9f8f7;
   2975     height: 616px;
   2976 }
   2977 
   2978 .services-section .service-block .image .border-shape {
   2979     position: absolute;
   2980     left: 0;
   2981     right: 0;
   2982     bottom: 0;
   2983     height: 4px;
   2984     display: inline-block;
   2985 }
   2986 
   2987 .services-section .service-block .image .border-shape:before {
   2988     position: absolute;
   2989     content: '';
   2990     left: 20px;
   2991     bottom: 0;
   2992     right: 20px;
   2993     height: 4px;
   2994     background: #fff;
   2995 }
   2996 
   2997 .services-section .service-block .image .border-shape:after {
   2998     position: absolute;
   2999     content: '';
   3000     left: 20px;
   3001     bottom: 0;
   3002     right: 20px;
   3003     height: 4px;
   3004     transition: .5s;
   3005     transform: scaleX(0);
   3006 }
   3007 
   3008 .services-section .service-block .inner-box:hover .image .border-shape:after {
   3009     transform: scale(1);
   3010 }
   3011 
   3012 /* Video section */
   3013 
   3014 .video-section {
   3015     position: relative;
   3016     padding: 120px 0 90px;
   3017     background-size: cover;
   3018 }
   3019 
   3020 .video-section h2 {
   3021     position: relative;
   3022     font-size: 70px;
   3023     font-weight: 900;
   3024     text-transform: uppercase;
   3025     color: #fff;
   3026     margin-bottom: 40px;
   3027 }
   3028 
   3029 .video-section .icon-box {
   3030     position: relative;
   3031     background-size: cover;
   3032     padding: 52px 50px;
   3033     margin-bottom: 30px;
   3034     margin-top: 10px;
   3035 }
   3036 
   3037 .video-section .icon-box:before {
   3038     position: absolute;
   3039     content: '';
   3040     left: 0;
   3041     top: 0;
   3042     right: 0;
   3043     bottom: 0;
   3044     background-color: rgba(206, 147, 51, 0.9);
   3045 }
   3046 
   3047 .video-section .icon-box .icon {
   3048     position: relative;
   3049     font-size: 40px;
   3050     line-height: 40px;
   3051     color: #fff;
   3052     margin-bottom: 20px;
   3053 }
   3054 
   3055 .video-section .icon-box h4 {
   3056     position: relative;
   3057     font-size: 30px;
   3058     font-weight: 800;
   3059     text-transform: uppercase;
   3060     color: #fff;
   3061 }
   3062 
   3063 .video-section .video-btn {
   3064     margin-bottom: 50px;
   3065     margin-left: 20px;
   3066 }
   3067 
   3068 .video-section .video-btn span {
   3069     position: relative;
   3070     width: 110px;
   3071     height: 110px;
   3072     text-align: center;
   3073     line-height: 110px;
   3074     border-radius: 50%;
   3075 }
   3076 
   3077 .video-section .video-btn a {
   3078 	height: 110px;
   3079 	width: 110px;
   3080 	border-radius: 50%;
   3081 	color: #fff;
   3082 	text-align: center;
   3083 	line-height: 110px;
   3084 	font-size: 30px;
   3085 	display: inline-block;
   3086 	position: relative;
   3087 }
   3088 
   3089 .video-section .video-btn .ripple:before {
   3090     position: absolute;
   3091     left: -20px;
   3092     top: -20px;
   3093     right: -20px;
   3094     bottom: -20px;
   3095     content: '';
   3096     background-color: rgba(255, 255, 255, 0.20);
   3097     border-radius: 50%;
   3098 }
   3099 
   3100 .video-section .video-btn .ripple:after {
   3101 	position: absolute;
   3102 	left: 0;
   3103 	top: 0;
   3104 	border-radius: 50%;
   3105 	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
   3106 	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
   3107 	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
   3108 	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
   3109 	-webkit-animation: ripple 3s infinite;
   3110 	animation: ripple 3s infinite;
   3111 }
   3112 
   3113 .video-section .video-btn .ripple:after {
   3114 	-webkit-animation-delay: .6s;
   3115 	animation-delay: .6s;
   3116 	content: "";
   3117 	position: absolute;
   3118 	right: 0;
   3119 	bottom: 0;
   3120 }
   3121 
   3122 @-webkit-keyframes ripple {
   3123 	70% {
   3124 		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
   3125 		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
   3126 	}
   3127 	100% {
   3128 		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
   3129 		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
   3130 	}
   3131 }
   3132 
   3133 @keyframes ripple {
   3134 	70% {
   3135 		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
   3136 		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
   3137 	}
   3138 	100% {
   3139 		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
   3140 		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
   3141 	}
   3142 }
   3143 
   3144 /* Projects section */
   3145 
   3146 .projects-section {
   3147     position: relative;
   3148     padding: 120px 0 90px;
   3149 }
   3150 
   3151 .projects-section:before {
   3152     position: absolute;
   3153     content: '';
   3154     left: 0;
   3155     top: 0;
   3156     right: 0;
   3157     height: 350px;
   3158 }
   3159 
   3160 .projects-section .auto-container {
   3161     max-width: 100%;
   3162     padding: 0 162px;
   3163 }
   3164 
   3165 .projects-section .sec-title .sub-title {
   3166     color: #fff;
   3167     border-color: #fff;
   3168 }
   3169 
   3170 .project-block {
   3171     position: relative;
   3172 }
   3173 
   3174 .project-block .inner-box {
   3175     position: relative;
   3176     margin-bottom: 30px;
   3177 }
   3178 
   3179 .project-block .inner-box .image img {
   3180     width: 100%;
   3181 }
   3182 
   3183 .project-block h4 {
   3184     position: absolute;
   3185     left: 20px;
   3186     bottom: 20px;
   3187     right: 20px;
   3188     text-align: center;
   3189     font-size: 30px;
   3190     font-weight: 900;
   3191     text-transform: uppercase;
   3192     padding: 45px 20px;
   3193 }
   3194 
   3195 .project-block h4 a {
   3196     position: relative;
   3197     color: #fff;
   3198     transition: .5s;
   3199 }
   3200 
   3201 .project-block .inner-box:hover h4 a {
   3202     color: #181614;
   3203 }
   3204 
   3205 .project-block h4:before {
   3206     position: absolute;
   3207     content: '';
   3208     left: 0;
   3209     right: 0;
   3210     top: 0;
   3211     bottom: 0;
   3212     background-color: #fff;
   3213     transform: scaleY(0);
   3214     transform-origin: top;
   3215     transition: .5s;
   3216 }
   3217 
   3218 .project-block .inner-box:hover h4:before {
   3219     transform: scaleY(1);
   3220 }
   3221 
   3222 /* Testimonials section two */
   3223 
   3224 .testimonials-section-two {
   3225     position: relative;
   3226     padding: 120px 0 90px;
   3227     background-repeat: no-repeat;
   3228     background-position: center;
   3229     z-index: 9;
   3230 }
   3231 
   3232 .testimonial-block-two {
   3233     position: relative;
   3234     padding: 0 15px;
   3235 }
   3236 
   3237 .testimonial-block-two .inner-box {
   3238     position: relative;
   3239     margin-bottom: 70px;
   3240     background: #fff;
   3241     padding: 60px;
   3242     box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.07);
   3243 }
   3244 
   3245 .testimonial-block-two .inner-box:before {
   3246     position: absolute;
   3247     content: '';
   3248     left: 0;
   3249     top: 0;
   3250     bottom: 0;
   3251     right: 0;
   3252     border: 5px solid #fff;
   3253     transition: .5s;
   3254     transform: scale(1.04);
   3255     opacity: 0;
   3256 }
   3257 
   3258 .testimonial-block-two .inner-box:hover:before {
   3259     border-color: #cc9133;
   3260     transform: scale(1);
   3261     opacity: 1;
   3262 }
   3263 
   3264 .testimonial-block-two .text {
   3265     font-size: 18px;
   3266     font-weight: 600;
   3267     font-style: italic;
   3268     color: #797672;
   3269     margin-bottom: 35px;
   3270     line-height: 38px;
   3271 }
   3272 
   3273 .testimonial-block-two h4 {
   3274     position: relative;
   3275     font-size: 18px;
   3276     font-weight: 700;
   3277     text-transform: uppercase;
   3278     letter-spacing: -1px;
   3279     margin-bottom: 15px;
   3280 }
   3281 
   3282 .testimonial-block-two h4 span {
   3283     position: relative;
   3284     font-size: 14px;
   3285     font-weight: 600;
   3286     color: #797672;
   3287     text-transform: capitalize;
   3288     margin-left: 20px;
   3289 }
   3290 
   3291 .testimonial-block-two h4 span:before {
   3292     position: absolute;
   3293     content: '/';
   3294     left: -14px;
   3295     bottom: 0;
   3296     font-size: 16px;
   3297     color: #cc9133;
   3298 }
   3299 
   3300 .testimonial-block-two .author-thumb {
   3301     position: absolute;
   3302     left: 60px;
   3303     bottom: -40px;
   3304 }
   3305 
   3306 .testimonial-block-two .author-thumb:before {
   3307     position: absolute;
   3308     content: '';
   3309     left: 0;
   3310     top: 0;
   3311     bottom: 0;
   3312     right: 0;
   3313     border: 5px solid #cc9133;
   3314     border-radius: 50%;
   3315 }
   3316 
   3317 .testimonial-block-two .author-thumb img {
   3318     width: auto;
   3319     border-radius: 50%; 
   3320 }
   3321 
   3322 /* faq section */
   3323 
   3324 .faq-section {
   3325     position: relative;
   3326     padding-top: 240px;
   3327     background: #f9f8f7;
   3328     margin-top: -240px;
   3329     overflow: hidden;
   3330 }
   3331 
   3332 .faq-section .side-image {
   3333     position: absolute;
   3334     right: 0;
   3335     bottom: 0;
   3336 }
   3337 
   3338 .faq-section .auto-container {
   3339     max-width: 100%;
   3340     padding: 0;
   3341 }
   3342 
   3343 .faq-section .column {
   3344     position: relative;
   3345     background-size: cover;
   3346 }
   3347 
   3348 .faq-section .column .image {
   3349     position: relative;
   3350     display: none;
   3351 }
   3352 
   3353 .faq-section .inner-container {
   3354     position: relative;
   3355     max-width: 770px;
   3356     padding-left: 85px;
   3357 }
   3358 
   3359 
   3360 /* Accordion box */
   3361 
   3362 .accordion-box {
   3363     position: relative;
   3364     margin-bottom: 120px;
   3365 }
   3366 
   3367 .accordion-box .block {
   3368     position: relative;
   3369     padding-top: 0px;
   3370     margin-bottom: 30px;
   3371     padding: 25px;
   3372     border-bottom: 1px solid #eee;
   3373     background: #fff;
   3374 }
   3375 
   3376 .accordion-box .block:last-child {
   3377     margin-bottom: 0px;
   3378 }
   3379 
   3380 .accordion-box .block .acc-btn {
   3381     position: relative;
   3382     font-size: 18px;
   3383     cursor: pointer;
   3384     line-height: 1.2em;
   3385     font-weight: 600;
   3386     padding-right: 58px;
   3387     transition: all 500ms ease;
   3388     -ms-transition: all 500ms ease;
   3389     -o-transition: all 500ms ease;
   3390     -moz-transition: all 500ms ease;
   3391     -webkit-transition: all 500ms ease;
   3392     color: #181614;
   3393     padding-left: 32px;
   3394 }
   3395 
   3396 .accordion-box .block .icon-outer {
   3397     position: absolute;
   3398     left: 0;
   3399     top: 0;
   3400     font-size: 14px;
   3401     transition: all 500ms ease;
   3402     -moz-transition: all 500ms ease;
   3403     -webkit-transition: all 500ms ease;
   3404     -ms-transition: all 500ms ease;
   3405     -o-transition: all 500ms ease;
   3406     text-align: center;
   3407     display: inline-block;
   3408 }
   3409 
   3410 .accordion-box .block .icon-outer .icon {
   3411     position: absolute;
   3412     top: 50%;
   3413     left: 50%;
   3414     font-size: 18px;
   3415     font-weight: normal;
   3416     line-height: 1em;
   3417     transition: all 0.3s ease;
   3418     -moz-transition: all 0.3s ease;
   3419     -webkit-transition: all 0.3s ease;
   3420     -ms-transition: all 0.3s ease;
   3421     -o-transition: all 0.3s ease;
   3422     transform: translate(-50%, -50%);
   3423 }
   3424 
   3425 .accordion-box .block .active .icon-outer span:before {
   3426     content: "\f068";
   3427 }
   3428 
   3429 .accordion-box .block .acc-content {
   3430     position: relative;
   3431     display: none;
   3432     border-top: 0;
   3433 }
   3434 
   3435 .accordion-box .block .acc-content .content-text {
   3436     padding-bottom: 6px;
   3437 }
   3438 
   3439 .accordion-box .block .acc-content.current {
   3440     display: block;
   3441 }
   3442 
   3443 .accordion-box .block .content {
   3444     position: relative;
   3445     font-size: 14px;
   3446     padding-left: 32px;
   3447     margin-top: 15px;
   3448 }
   3449 
   3450 .accordion-box .block .content .text {
   3451     color: #7e7b7a;
   3452     margin-bottom: 0;
   3453     font-size: 16px;
   3454 }
   3455 
   3456 .accordion-box .block .acc-btn strong {
   3457     font-size: 24px;
   3458     color: #c2c0bb;
   3459     width: 76px;
   3460     text-align: center;
   3461     border-right: 1px solid #e9e5df;
   3462     margin-right: 30px;
   3463     display: inline-block;
   3464     line-height: 75px;
   3465 }
   3466 
   3467 /* News section two */
   3468 
   3469 .news-section-two {
   3470     position: relative;
   3471     padding: 120px 0 90px;
   3472     border-bottom: 1px solid #edebe8;
   3473 }
   3474 
   3475 .news-section-two .sec-bg {
   3476     position: absolute;
   3477     top: 0;
   3478     left: 0;
   3479     right: 0;
   3480     height: 575px;
   3481     background-size: cover;
   3482 }
   3483 
   3484 .news-block-two {
   3485     position: relative;
   3486 }
   3487 
   3488 .news-block-two .inner-box {
   3489     position: relative;
   3490     margin-bottom: 30px;
   3491 }
   3492 
   3493 .news-block-two .image {
   3494     position: relative;
   3495     overflow: hidden;
   3496 }
   3497 
   3498 .news-block-two .image img {
   3499     position: relative;
   3500     width: 100%;
   3501     transition: .5s;
   3502 }
   3503 
   3504 .news-block-two .inner-box:hover .image img {
   3505     transform: scale(1.07);
   3506 }
   3507 
   3508 .news-block-two .date {
   3509     position: absolute;
   3510     right: 0;
   3511     bottom: 0;
   3512     font-size: 12px;
   3513     font-weight: 700;
   3514     color: #fff;
   3515     text-transform: uppercase;
   3516     padding: 5px 20px;
   3517 }
   3518 
   3519 .news-block-two .content {
   3520     position: relative;
   3521     background-color: #fff;
   3522     padding: 40px 40px 35px;
   3523     box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
   3524 }
   3525 
   3526 .news-block-two .post-meta {
   3527     position: relative;
   3528     margin-bottom: 20px;
   3529 }
   3530 
   3531 .news-block-two .post-meta a {
   3532     position: relative;
   3533     font-size: 14px;
   3534     font-weight: 500;
   3535     color: #797672;
   3536     margin-right: 10px;
   3537     transition: .5s;
   3538     display: inline-block;
   3539 }
   3540 
   3541 .news-block-two .post-meta a i {
   3542     margin-right: 7px;
   3543 }
   3544 
   3545 .news-block-two h4 {
   3546     position: relative;
   3547     font-size: 24px;
   3548     font-weight: 700;
   3549     text-transform: uppercase;
   3550     margin-bottom: 20px;
   3551 }
   3552 
   3553 .news-block-two h4 a {
   3554     color: #181614;
   3555     transition: .5s;
   3556 }
   3557 
   3558 
   3559 .news-block-two .text {
   3560     position: relative;
   3561     margin-bottom: 0;
   3562 }
   3563 
   3564 /* page title */
   3565 
   3566 .page-title {
   3567     position: relative;
   3568     padding: 240px 0 130px;
   3569     background-size: cover;
   3570 }
   3571 
   3572 .page-title .content-box {
   3573     text-align: center;
   3574 }
   3575 
   3576 .page-title h1 {
   3577     position: relative;
   3578     font-size: 70px;
   3579     font-weight: 900;
   3580     color: #fff;
   3581     text-transform: uppercase;
   3582     margin-bottom: 20px;
   3583 }
   3584 
   3585 .page-title .bread-crumb {
   3586     position: relative;
   3587     display: inline-block;
   3588     padding: 4px 18px;
   3589 }
   3590 
   3591 .page-title .bread-crumb li {
   3592     position: relative;
   3593     font-size: 14px;
   3594     font-weight: 700;
   3595     color: #fff;
   3596     margin-right: 35px;
   3597     text-transform: uppercase;
   3598     display: inline-block;
   3599 }
   3600 
   3601 .page-title .bread-crumb li:last-child {
   3602     margin-right: 0;
   3603 }
   3604 
   3605 .page-title .bread-crumb li:before {
   3606     position: absolute;
   3607     content: '-';
   3608     right: -25px;
   3609     top: 0;
   3610 }
   3611 
   3612 .page-title .bread-crumb li:last-child:before {
   3613     display: none;
   3614 }
   3615 
   3616 .page-title .bread-crumb li a {
   3617     color: #fff;
   3618 }
   3619 
   3620 
   3621 /* Welcome section three */
   3622 
   3623 .welcome-section-three {
   3624     position: relative;
   3625     padding: 120px 0 90px;
   3626     border-bottom: 1px solid #edebe8;
   3627 }
   3628 
   3629 .welcome-section-three .image-one {
   3630     position: relative;
   3631     margin-bottom: 30px;
   3632     display: inline-block;
   3633 }
   3634 
   3635 .welcome-section-three .bottom-content {
   3636     position: relative;
   3637 }
   3638 
   3639 .welcome-section-three .experience-years {
   3640     position: absolute;
   3641     bottom: 0;
   3642     right: 40px;
   3643     padding: 50px 0;
   3644     text-align: center;
   3645     width: 100%;
   3646     max-width: 230px;
   3647 }
   3648 
   3649 .welcome-section-three .experience-years .icon {
   3650     font-size: 60px;
   3651     line-height: 60px;
   3652     color: #ffffff;
   3653     margin-bottom: 5px;
   3654 }
   3655 
   3656 .welcome-section-three .experience-years h4 {
   3657     font-size: 20px;
   3658     font-weight: 900;
   3659     text-transform: uppercase;
   3660     color: #ffffff;
   3661     line-height: 32px;
   3662 }
   3663 
   3664 .welcome-section-three .list {
   3665     margin-bottom: 25px;
   3666 }
   3667 
   3668 .welcome-section-three .list li {
   3669     position: relative;
   3670     font-size: 18px;
   3671     font-weight: 500;
   3672     margin-bottom: 17px;
   3673     padding-left: 28px;
   3674     display: inline-block;
   3675     transition: .5s;
   3676 }
   3677 
   3678 .welcome-section-three .list li:before {
   3679     font-family: 'Font Awesome 5 Pro';
   3680     content: "\f00c";
   3681     position: absolute;
   3682     left: -4px;
   3683     top: -3px;
   3684     line-height: 30px;
   3685     font-size: 16px;
   3686     font-weight: 900;
   3687     display: inline-block;
   3688 }
   3689 
   3690 /* testimonial section style two */
   3691 
   3692 .testimonials-section-two.style-two {
   3693     background-color: #f9f8f7;
   3694 }
   3695 
   3696 
   3697 /* Projects section style two */
   3698 
   3699 .projects-section.style-two:before {
   3700     display: none;
   3701 }
   3702 
   3703 .projects-section.style-two .auto-container {
   3704     max-width: 1200px;
   3705     padding: 0 15px;
   3706 }
   3707 
   3708 /* Contact section */
   3709 
   3710 .contact-section {
   3711     position: relative;
   3712     padding: 120px 0 90px;
   3713 }
   3714 
   3715 .gm-style .place-card div {
   3716     display: none;
   3717 }
   3718 
   3719 .contact-section .sec-title h2 {
   3720     font-size: 50px;
   3721     line-height: 60px;
   3722 }
   3723 
   3724 .contact-info {
   3725     position: relative;
   3726 }
   3727 
   3728 .contact-info .icon-box {
   3729     position: relative;
   3730     display: flex;
   3731     flex-wrap: wrap;
   3732     align-items: center;
   3733     margin-bottom: 30px;
   3734     padding-bottom: 20px;
   3735     border-bottom: 1px solid #eeecea;
   3736 }
   3737 
   3738 .contact-info .icon-box:last-child {
   3739     padding-bottom: 0;
   3740     border-bottom: 0;
   3741 }
   3742 
   3743 .contact-info .icon {
   3744     position: relative;
   3745     width: 65px;
   3746     height: 65px;
   3747     line-height: 65px;
   3748     text-align: center;
   3749     color: #fff;
   3750     border-radius: 50%;
   3751     margin-right: 20px;
   3752     margin-bottom: 10px;
   3753 }
   3754 
   3755 .contact-info .content {
   3756     margin-bottom: 10px;
   3757     width: calc(100% - 85px);
   3758 }
   3759 
   3760 .contact-info h5 {
   3761     position: relative;
   3762     font-size: 16px;
   3763     text-transform: uppercase;
   3764     color: #222;
   3765     font-weight: 700;
   3766     margin-bottom: 5px;
   3767 }
   3768 
   3769 .contact-info .text {
   3770     font-size: 20px;
   3771     margin-bottom: 0;
   3772     font-weight: 500;
   3773 }
   3774 
   3775 .contact-info .text a {
   3776     color: #797672;
   3777 }
   3778 
   3779 
   3780 
   3781 /*Contact Form section*/
   3782 
   3783 .contact-form-section {
   3784     position: relative;
   3785     padding-bottom: 90px;
   3786 }
   3787 
   3788 .contact-form{
   3789     position:relative;
   3790     max-width: 770px;
   3791     margin: 0 auto;
   3792 }
   3793 
   3794 .contact-form .form-group{
   3795     position:relative;
   3796     margin-bottom: 20px;
   3797     padding: 0 10px;
   3798 }
   3799 
   3800 .contact-form input[type="text"],
   3801 .contact-form input[type="email"],
   3802 .contact-form input[type="password"],
   3803 .contact-form select,
   3804 .contact-form textarea{
   3805     display:block;
   3806     width:100%;
   3807     line-height:28px;
   3808     height: 70px;
   3809     font-size: 15px;
   3810     font-weight: 500;
   3811     padding: 10px 22px;
   3812     background: #f9f8f7;
   3813     color:#7e7b7a;
   3814     border: 1px solid #f9f8f7;
   3815     transition:all 500ms ease;
   3816     -webkit-transition:all 500ms ease;
   3817     -ms-transition:all 500ms ease;
   3818     -o-transition:all 500ms ease;
   3819 }
   3820 
   3821 .contact-form textarea{
   3822     height: 170px;
   3823     resize:none;
   3824     font-size:16px;
   3825     background: #f9f8f7;
   3826     border-color: #f9f8f7;
   3827 }
   3828 
   3829 .contact-form input.error,
   3830 .contact-form select.error,
   3831 .contact-form textarea.error{
   3832     border-color:#ff0000 !important;    
   3833 }
   3834 
   3835 .contact-form label.error{
   3836     display:block;
   3837     line-height:24px;
   3838     padding:5px 0px 0px;
   3839     margin:0px;
   3840     text-transform:uppercase;
   3841     font-size:11px;
   3842     color:#ff0000;
   3843     font-weight:500;    
   3844 }
   3845 
   3846 .contact-form .row-20 {
   3847     margin: 0 -10px;
   3848 }
   3849 
   3850 /* Sidebar Page container */
   3851 
   3852 .sidebar-page-container {
   3853     position: relative;
   3854     padding: 120px 0 90px;
   3855 }
   3856 
   3857 .news-block-three {
   3858     position: relative;
   3859 }
   3860 
   3861 .news-block-three .inner-box {
   3862     position: relative;
   3863     margin-bottom: 30px;
   3864 }
   3865 
   3866 .news-block-three .image {
   3867     position: relative;
   3868     overflow: hidden;
   3869     margin-bottom: 30px;
   3870 }
   3871 
   3872 .news-block-three .image img {
   3873     position: relative;
   3874     transition: .5s;
   3875 }
   3876 
   3877 .news-block-three .inner-box:hover .image img {
   3878     transform: scale(1.07);
   3879 }
   3880 
   3881 .news-block-three .date {
   3882     position: absolute;
   3883     right: 0;
   3884     bottom: 0;
   3885     font-size: 12px;
   3886     font-weight: 700;
   3887     color: #fff;
   3888     text-transform: uppercase;
   3889     padding: 5px 20px;
   3890 }
   3891 
   3892 .news-block-three .content {
   3893     position: relative;
   3894     background-color: #fff;
   3895     padding: 0px 0 10px;
   3896 }
   3897 
   3898 .news-block-three .post-meta {
   3899     position: relative;
   3900     margin-bottom: 10px;
   3901 }
   3902 
   3903 .news-block-three .post-meta a {
   3904     position: relative;
   3905     font-size: 14px;
   3906     font-weight: 500;
   3907     color: #797672;
   3908     margin-right: 10px;
   3909     transition: .5s;
   3910 }
   3911 
   3912 .news-block-three .post-meta a i {
   3913     margin-right: 7px;
   3914 }
   3915 
   3916 .news-block-three h4 {
   3917     position: relative;
   3918     font-size: 34px;
   3919     font-weight: 700;
   3920     text-transform: uppercase;
   3921     margin-bottom: 20px;
   3922 }
   3923 
   3924 .news-block-three h4 a {
   3925     color: #181614;
   3926     transition: .5s;
   3927 }
   3928 
   3929 .news-block-three .text {
   3930     position: relative;
   3931     margin-bottom: 0;
   3932     font-size: 18px;
   3933     font-weight: 500;
   3934     overflow: hidden;
   3935 }
   3936 
   3937 
   3938 /*** 
   3939 
   3940 ====================================================================
   3941     Styled Pagination
   3942 ====================================================================
   3943 
   3944 ***/
   3945 
   3946 .styled-pagination{
   3947     position:relative;
   3948     margin-bottom: 30px;
   3949 }
   3950 
   3951 .styled-pagination li{
   3952     position:relative;
   3953     display:inline-block;
   3954     margin:0px 6px 0px 0px;
   3955 }
   3956 
   3957 .styled-pagination span,
   3958 .styled-pagination a{
   3959     position:relative;
   3960     display:inline-block;
   3961     line-height: 78px;
   3962     width: 78px;
   3963     height: 78px;
   3964     font-size: 18px;
   3965     color: #181614;
   3966     font-weight:700;
   3967     text-align:center;
   3968     background: #f9f8f7;
   3969     text-transform:capitalize;
   3970     transition:all 500ms ease;
   3971     -webkit-transition:all 500ms ease;
   3972     -ms-transition:all 500ms ease;
   3973     -o-transition:all 500ms ease;
   3974     -moz-transition:all 500ms ease;
   3975 }
   3976 
   3977 .styled-pagination span:hover,
   3978 .styled-pagination span.current,
   3979 .styled-pagination a:hover,
   3980 .styled-pagination a.current{
   3981     color:#ffffff;
   3982 }
   3983 
   3984 .styled-pagination li.prev a:hover,
   3985 .styled-pagination li.next a:hover {
   3986     background-color: #181614;
   3987 }
   3988 
   3989 
   3990 /*Search Box Widget*/
   3991 
   3992 .sidebar .search-box .form-group{
   3993     position:relative;
   3994     margin:0px; 
   3995 }
   3996 
   3997 .blog-sidebar .widget.widget_search {
   3998     padding: 25px;
   3999 }
   4000 
   4001 .sidebar .search-box .form-group input[type="text"],
   4002 .sidebar .search-box .form-group input[type="search"]{
   4003     position:relative;
   4004     line-height:30px;
   4005     padding:10px 50px 10px 20px;
   4006     display:block;
   4007     font-size:16px;
   4008     width:100%;
   4009     height: 70px;
   4010     color: #797672;
   4011     font-weight: 600;
   4012     transition:all 500ms ease;
   4013     -moz-transition:all 500ms ease;
   4014     -webkit-transition:all 500ms ease;
   4015     -ms-transition:all 500ms ease;
   4016     -o-transition:all 500ms ease;
   4017 }
   4018 
   4019 .sidebar .search-box .form-group button{
   4020     position:absolute;
   4021     right:0px;
   4022     top:0px;
   4023     height: 70px;
   4024     width: 70px;
   4025     display:block;
   4026     font-size: 26px;
   4027     line-height:100%;
   4028     font-weight:normal;
   4029     background:none;
   4030 }
   4031 
   4032 
   4033 /*Blog Category*/
   4034 
   4035 .category-widget .cat-list{
   4036     position:relative;
   4037 }
   4038 
   4039 .category-widget .cat-list li{
   4040     position:relative;
   4041 }
   4042 
   4043 .widget_archive ul li a,
   4044 .widget_categories ul li a,
   4045 .category-widget .cat-list li a{
   4046     position:relative;
   4047     color:#1e1e29;
   4048     font-size: 16px;
   4049     font-weight: 600;
   4050     display:block;
   4051     transition:all 500ms ease;
   4052     -moz-transition:all 500ms ease;
   4053     -webkit-transition:all 500ms ease;
   4054     -ms-transition:all 500ms ease;
   4055     -o-transition:all 500ms ease;
   4056 }
   4057 
   4058 .category-widget .cat-list li:last-child a{
   4059     border-bottom:0px;
   4060     padding-bottom: 0;
   4061     margin-bottom: 0;
   4062 }
   4063 
   4064 /*news Widget*/
   4065 
   4066 .news-widget-two .post{
   4067     position:relative;
   4068     font-size:14px;
   4069     color:#666666;
   4070     padding: 0 0 18px;
   4071     padding-left: 90px;
   4072     min-height:85px;
   4073     margin-bottom: 30px;
   4074     border-bottom:1px solid #e1e1e1;
   4075 }
   4076 
   4077 .news-widget-two .post:last-child{
   4078     margin-bottom:0px;
   4079     border-bottom: 0;
   4080     padding-bottom: 0;
   4081 }
   4082 
   4083 .news-widget-two .post .post-thumb{
   4084      position:absolute;
   4085      left:0px;
   4086      top: 4px;
   4087      width:70px;
   4088 }
   4089 
   4090 .news-widget-two .post .post-thumb img{
   4091     display:block;
   4092     width:100%;
   4093     transition:all 0.3s ease;
   4094     -moz-transition:all 0.3s ease;
   4095     -webkit-transition:all 0.3s ease;
   4096     -ms-transition:all 0.3s ease;
   4097     -o-transition:all 0.3s ease;
   4098 }
   4099 
   4100 .news-widget-two .post .text{
   4101     position:relative;
   4102     margin-top: -4px;
   4103     font-size: 16px;
   4104     margin:0px 0px 0px;
   4105     font-weight: 700;
   4106     color:#242424;
   4107     line-height:1.6em;
   4108     text-transform:capitalize;
   4109 }
   4110 
   4111 .news-widget-two .post .text a{
   4112     color: #2d2727;
   4113     display: inline-block;
   4114     line-height: 26px;
   4115     transition:all 0.3s ease;
   4116     -moz-transition:all 0.3s ease;
   4117     -webkit-transition:all 0.3s ease;
   4118     -ms-transition:all 0.3s ease;
   4119     -o-transition:all 0.3s ease;
   4120     text-transform: uppercase;
   4121 }
   4122 
   4123 .news-widget-two .comment{
   4124     font-size: 12px;
   4125     font-weight: 700;
   4126     text-transform: uppercase;
   4127 }
   4128 
   4129 /*Popular Tags*/
   4130 
   4131 .tagcloud a,
   4132 .tag-widget a{
   4133     position:relative;
   4134     display:inline-block;
   4135     line-height:24px;
   4136     padding: 7px 17px;
   4137     min-width: 100px;
   4138     margin:0px 6px 10px 0px;
   4139     color: #706767;
   4140     text-align:center;
   4141     font-size: 12px;
   4142     background:none;
   4143     font-weight: 700;
   4144     background: #fff;
   4145     text-transform: uppercase;
   4146     transition:all 300ms ease;
   4147     -webkit-transition:all 300ms ease;
   4148     -ms-transition:all 300ms ease;
   4149     -o-transition:all 300ms ease;
   4150     -moz-transition:all 300ms ease;
   4151 }
   4152 
   4153 .tagcloud a:hover,
   4154 .tag-widget a:hover{
   4155     color: #fff;
   4156 }
   4157 
   4158 .blog-sidebar .widget {
   4159     padding: 50px;
   4160     background: #f9f8f7;
   4161 }
   4162 
   4163 .blog-sidebar .widget .widget_title {
   4164     position: relative;
   4165     font-size: 18px;
   4166     font-weight: 700;
   4167     display: inline-block;
   4168     padding: 5.5px 17px;
   4169     color: #181614;
   4170     text-transform: capitalize;
   4171 }
   4172 
   4173 .blog-sidebar .widget_search .widget_title {
   4174     color: #fff;
   4175     border: 3px solid #ffffff;
   4176 }
   4177 
   4178 /* author box */
   4179 
   4180 .sidebar-page-container .author-box {
   4181     position: relative;
   4182     padding: 60px 60px 40px;
   4183     padding-left: 260px;
   4184     margin-bottom: 75px;
   4185     background: #f9f8f7;
   4186     min-height: 282px;
   4187 }
   4188 
   4189 .sidebar-page-container .author-box .image {
   4190     position: absolute;
   4191     left: 60px;
   4192     top: 60px;
   4193     width: 170px;
   4194 }
   4195 
   4196 .sidebar-page-container .author-box h4 {
   4197     font-size: 20px;
   4198     font-weight: 700;
   4199     margin-bottom: 15px;
   4200 }
   4201 
   4202 .sidebar-page-container .author-box h5 {
   4203     font-family: inherit;
   4204     margin-bottom: 10px;
   4205 }
   4206 
   4207 .sidebar-page-container .author-box h5 a {
   4208     position: relative;
   4209     font-size: 18px;
   4210     font-weight: 500;
   4211 }
   4212 
   4213 .sidebar-page-container .author-box .text {
   4214     position: relative;
   4215     font-size: 18px;
   4216     margin-bottom: 20px;
   4217     color: #7e7b7a;
   4218 }
   4219 
   4220 /* Comments area */
   4221 .comments-area {
   4222     position: relative;
   4223     margin-top: 30px;
   4224     margin-bottom: 70px;
   4225 }
   4226 
   4227 .sidebar-page-container  .group-title {
   4228     position: relative;
   4229 }
   4230 
   4231 .sidebar-page-container  .group-title h3 {
   4232     position: relative;
   4233     font-size: 30px;
   4234     font-weight: 700;
   4235     margin-bottom: 35px;
   4236     text-transform: uppercase;
   4237 }
   4238 
   4239 .comments-area .comment-box {
   4240     position: relative;
   4241     margin-bottom: 40px;
   4242     -webkit-transition: all 300ms ease;
   4243     -o-transition: all 300ms ease;
   4244     transition: all 300ms ease;
   4245 }
   4246 
   4247 .comments-area .comment-box.reply-comment {
   4248     margin-left: 65px;
   4249 }
   4250 
   4251 .comments-area .comment {
   4252     position: relative;
   4253     font-size: 14px;
   4254     padding: 0px 0px 30px 170px;
   4255     border-bottom: 1px solid #eae1da;
   4256 }
   4257 
   4258 .comments-area .comment .comment-inner {
   4259     position: relative;
   4260 }
   4261 
   4262 .comments-area .comment-box.reply-comment .comment-inner {
   4263     background-color: #fff;
   4264 }
   4265 
   4266 .comments-area .comment .comment-inner .text {
   4267     position: relative;
   4268     font-size: 18px;
   4269     line-height: 1.5em;
   4270     margin-bottom: 15px;
   4271 }
   4272 
   4273 .comments-area .comment-box .author-thumb {
   4274     position: absolute;
   4275     left: 0px;
   4276     top: 0px;
   4277     overflow: hidden;
   4278     margin-bottom: 20px;
   4279     border-radius: 200px;
   4280 }
   4281 
   4282 .comments-area .comment-box .author-thumb img {
   4283     width: 142px;
   4284     display: block;
   4285 }
   4286 
   4287 .comments-area .comment-info {
   4288     position: relative;
   4289     line-height: 24px;
   4290     font-size: 20px;
   4291     font-weight: 700;
   4292     margin-bottom: 30px;
   4293     font-family: "Poppins", sans-serif;
   4294     color: #181614;
   4295     text-transform: uppercase;
   4296 }
   4297 
   4298 .comments-area .comment-info a {
   4299     position: relative;
   4300     color: #1e1e29;
   4301 }
   4302 
   4303 .comments-area .date {
   4304     font-size: 16px;
   4305     font-weight: 600;
   4306     text-transform: uppercase;
   4307     background: transparent !important;
   4308     padding: 0;
   4309     position: relative;
   4310     margin-left: 5px;
   4311 }
   4312 
   4313 .comments-area .comment-box .reply-comment-btn {
   4314     position: absolute;
   4315     right: 0;
   4316     top: 0;
   4317     color: #fff;
   4318     padding: 5px 20px;
   4319     font-size: 12px;
   4320     font-weight: 700;
   4321     -webkit-transition: .5s ease;
   4322     -o-transition: .5s ease;
   4323     transition: .5s ease;
   4324     text-transform: uppercase;
   4325 }
   4326 
   4327 .comments-area .comment-box .reply-comment-btn:hover {
   4328     background-color: #333;
   4329 }
   4330 
   4331 /* Comment Form */
   4332 
   4333 .comment-form {
   4334     position: relative;
   4335     margin-bottom: 30px;
   4336 }
   4337 
   4338 .comment-form .form-group {
   4339     position: relative;
   4340     margin-bottom: 30px;
   4341 }
   4342 
   4343 .comment-form .form-group:last-child {
   4344     margin-bottom: 0px;
   4345 }
   4346 
   4347 .comment-form .form-group input[type="text"],
   4348 .comment-form .form-group input[type="password"],
   4349 .comment-form .form-group input[type="tel"],
   4350 .comment-form .form-group input[type="email"],
   4351 .comment-form .form-group textarea,
   4352 .comment-form .form-group select {
   4353     position: relative;
   4354     display: block;
   4355     width: 100%;
   4356     line-height: 28px;
   4357     padding: 15px 20px;
   4358     height: 58px;
   4359     color: #7e7b7a;
   4360     font-size: 18px;
   4361     background: #f9f8f7;
   4362     border: 1px solid transparent;
   4363     border-radius: 0;
   4364     -webkit-transition: all 300ms ease;
   4365     -o-transition: all 300ms ease;
   4366     transition: all 300ms ease;
   4367 }
   4368 
   4369 .comment-form .form-group textarea {
   4370     height: 230px;
   4371 }
   4372 
   4373 .comment-form button {
   4374     position: relative;
   4375     display: block;
   4376     margin-top: 10px;
   4377 }
   4378 
   4379 .comment-form .note {
   4380     position: relative;
   4381     font-size: 18px;
   4382     font-weight: 500;
   4383     margin-top: 0;
   4384     margin-bottom: 20px;
   4385 }
   4386 
   4387 .comment-form .note input {
   4388     margin-right: 7px;
   4389 }
   4390 
   4391 .sidebar-page-container .comment-form .text {
   4392     margin-bottom: 40px;
   4393 }
   4394 
   4395 .sidebar-page-container .comment-form .row-10 {
   4396     margin: 0 -10px;
   4397 }
   4398 
   4399 .sidebar-page-container .comment-form .form-group {
   4400     padding: 0 10px;
   4401     margin-bottom: 20px;
   4402 }
   4403 
   4404 .post-tag {
   4405     position: relative;
   4406     display: flex;
   4407     flex-wrap: wrap;
   4408     align-items: center;
   4409     justify-content: space-between;
   4410     border-top: 1px solid #eee;
   4411     padding-top: 25px;
   4412     margin-top: 15px;
   4413     margin-bottom: 20px;
   4414 }
   4415 
   4416 .post-tag ul.tag {
   4417     display: inline-block;
   4418 }
   4419 
   4420 
   4421 .post-tag ul.tag li {
   4422     display: flex;
   4423     flex-wrap: wrap;
   4424     gap: 5px;
   4425 }
   4426 
   4427 .post-tag span.tag-title {
   4428     font-size: 20px;
   4429     font-weight: 700;
   4430     color: #181614;
   4431     text-transform: uppercase;
   4432     margin-right: 10px;
   4433 }
   4434 
   4435 .post-tag ul.tag li a {
   4436     font-size: 12px;
   4437     font-weight: 700;
   4438     text-transform: uppercase;
   4439     color: #797672;
   4440     background: #f9f8f7;
   4441     padding: 11px 20px;
   4442     transition: .5s;
   4443 }
   4444 
   4445 .post-tag .social-icon {
   4446     position: relative;
   4447     display: flex;
   4448     flex-wrap: wrap;
   4449     align-items: center;
   4450     justify-content: center;
   4451     margin-bottom: 20px;
   4452 }
   4453 
   4454 .post-tag .social-icon li {
   4455     position: relative;
   4456     margin: 0 5px 10px;
   4457 }
   4458 
   4459 .post-tag .social-icon li a {
   4460     color: #181614;
   4461     font-size: 12px;
   4462     width: 36px;
   4463     height: 36px;
   4464     display: inline-block;
   4465     text-align: center;
   4466     line-height: 38px;
   4467     background: #f9f8f7;
   4468     border-radius: 50%;
   4469     transition: .5s;
   4470 }
   4471 
   4472 .post-tag .social-icon li a:hover {
   4473     color: #fff;
   4474 }
   4475 
   4476 /* Related Projects */
   4477 .related-projects {
   4478     position: relative;
   4479     padding: 120px 0 90px;
   4480 }
   4481 
   4482 /* Project details */
   4483 
   4484 .project-details {
   4485     position: relative;
   4486     padding: 120px 0 90px;
   4487 }
   4488 
   4489 .project-details .project-info {
   4490     position: relative;
   4491 }
   4492 
   4493 .project-details .project-info .column {
   4494     position: relative;
   4495     margin-bottom: 10px;
   4496     background: #f9f8f7;
   4497     padding: 36px 50px;
   4498 }
   4499 
   4500 .project-details .project-info h5 {
   4501     position: relative;
   4502     font-size: 18px;
   4503     font-weight: 700;
   4504     text-transform: uppercase;
   4505     margin-bottom: 10px;
   4506 }
   4507 
   4508 .project-details .project-info p {
   4509     position: relative;
   4510     font-size: 18px;
   4511     font-weight: 500;
   4512     margin-bottom: 0;
   4513 }
   4514 
   4515 .project-details h2 {
   4516     font-size: 50px;
   4517     font-weight: 900;
   4518     text-transform: uppercase;
   4519     margin-bottom: 30px;
   4520 }
   4521 
   4522 .project-details .text {
   4523     position: relative;
   4524     font-size: 18px;
   4525     font-weight: 500;
   4526     margin-bottom: 30px;
   4527 }
   4528 
   4529 .project-details h3 {
   4530     font-size: 34px;
   4531     font-weight: 900;
   4532     text-transform: uppercase;
   4533     margin-bottom: 30px;
   4534 }
   4535 
   4536 .project-details .list {
   4537     position: relative;
   4538     margin-bottom: 30px;
   4539 }
   4540 
   4541 .project-details .list li {
   4542     position: relative;
   4543     color: #797672;
   4544     font-size: 18px;
   4545     font-weight: 500;
   4546     margin-bottom: 12px;
   4547     padding-left: 27px;
   4548     transition: .5s;
   4549 }
   4550 
   4551 .project-details .list li:before {
   4552     font-family: 'Font Awesome 5 Pro';
   4553     content: "\f00c";
   4554     position: absolute;
   4555     left: 0;
   4556     top: -1px;
   4557     line-height: 30px;
   4558     font-size: 15px;
   4559     font-weight: 900;
   4560     display: inline-block;
   4561 }
   4562 
   4563 /* Services details */
   4564 
   4565 .service-details {
   4566     position: relative;
   4567     padding: 120px 0 90px;
   4568 }
   4569 
   4570 .service-details .image {
   4571     position: relative;
   4572     margin-bottom: 30px;
   4573 }
   4574 
   4575 .service-details h2 {
   4576     font-size: 34px;
   4577     font-weight: 900;
   4578     text-transform: uppercase;
   4579     margin-bottom: 30px;
   4580 }
   4581 
   4582 .service-details .text {
   4583     position: relative;
   4584     margin-bottom: 30px;
   4585 }
   4586 
   4587 .service-details .accordion-box {
   4588     margin-bottom: 30px;
   4589     border-top: 1px solid #eee;
   4590     padding-top: 38px;
   4591 }
   4592 
   4593 .service-details h3 {
   4594     font-size: 30px;
   4595     font-weight: 900;
   4596     text-transform: uppercase;
   4597     margin-bottom: 30px;
   4598 }
   4599 
   4600 .service-details .service-benifit {
   4601     margin-bottom: 30px;
   4602 }
   4603 
   4604 .service-details .service-benifit .icon-box {
   4605     position: relative;
   4606     display: flex;
   4607     flex-wrap: wrap;
   4608     align-items: center;
   4609     margin-bottom: 32px;
   4610 }
   4611 
   4612 .service-details .service-benifit .icon-box .icon {
   4613     position: relative;
   4614     font-size: 65px;
   4615     margin-right: 20px;
   4616     line-height: 50px;
   4617 }
   4618 
   4619 .service-details .service-benifit .icon-box h4 {
   4620     position: relative;
   4621     font-size: 20px;
   4622     font-weight: 600;
   4623     line-height: 30px;
   4624 }
   4625 
   4626 .category-widget-two {
   4627     position: relative;
   4628     margin-bottom: 30px;
   4629 }
   4630 
   4631 .category-widget-two li a {
   4632     background: #f9f8f7;
   4633     color: #181614;
   4634     display: block;
   4635     padding: 26.5px 40px;
   4636     font-size: 19px;
   4637     font-weight: 700;
   4638     text-transform: uppercase;
   4639     transition: .5s;
   4640 }
   4641 
   4642 .category-widget-two li {
   4643     margin-bottom: 2px;
   4644 }
   4645 
   4646 .category-widget-two li a:hover,
   4647 .category-widget-two li.active a {
   4648     color: #fff;
   4649 }
   4650 
   4651 .consult-widget {
   4652     position: relative;
   4653     text-align: center;
   4654     padding-top: 60px;
   4655 }
   4656 
   4657 .consult-widget .icon {
   4658     width: 125px;
   4659     height: 125px;
   4660     line-height: 125px;
   4661     margin: 0 auto 30px;
   4662     background: #181614;
   4663     font-size: 60px;
   4664     border-radius: 50%;
   4665 }
   4666 
   4667 .consult-widget .text {
   4668     font-size: 30px;
   4669     font-weight: 900;
   4670     color: #fff;
   4671     text-transform: uppercase;
   4672     line-height: 40px;
   4673     margin: 0 15px;
   4674     margin-bottom: 50px;
   4675 }
   4676 
   4677 .consult-widget .phone {
   4678     position: relative;
   4679     background: #181614;
   4680     font-size: 30px;
   4681     font-weight: 500;
   4682     padding: 30px 0;
   4683 }
   4684 
   4685 .consult-widget .phone:before {
   4686     position: absolute;
   4687     content: '';
   4688     top: -48px;
   4689     left: 50%;
   4690     width: 40px;
   4691     height: 50px;
   4692     background: #181614;
   4693     margin-left: -20px;
   4694     clip-path: polygon(52% 77%, 0% 100%, 100% 100%);
   4695 }
   4696 
   4697 .consult-widget .phone a {
   4698     color: #fff;
   4699     transition: .5s;
   4700 }
   4701 
   4702 
   4703 .nothing-found-search{
   4704     max-width: 500px;
   4705 }
   4706 .nothing-found-search input {
   4707     background: #f3f3f3;
   4708 }
   4709 
   4710 /* ---------------------------------------------------------- Unit Test */
   4711 
   4712 select {
   4713     position: relative;
   4714     width: 100%;
   4715     background: #f9fafc;
   4716     padding: 0 15px;
   4717     color: #2d2727;
   4718     appearance: none;
   4719     -webkit-appearance: none;
   4720     -moz-appearance: none;
   4721     background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
   4722     background-repeat: no-repeat;
   4723     background-position-x: 97%;
   4724     background-position-y: 50%;
   4725     border: 1px solid #dddddd;
   4726     height: 55px;
   4727 }
   4728 
   4729 .screen-reader-text {
   4730     border: 0;
   4731     clip: rect(1px, 1px, 1px, 1px);
   4732     -webkit-clip-path: inset(50%);
   4733     clip-path: inset(50%);
   4734     height: 1px;
   4735     margin: -1px;
   4736     overflow: hidden;
   4737     padding: 0;
   4738     position: absolute !important;
   4739     width: 1px;
   4740     word-wrap: normal !important;
   4741 }
   4742 
   4743 figcaption {
   4744     margin-top: 10px;
   4745     padding-bottom: 15px;
   4746     font-size: 14px;
   4747 }
   4748 
   4749  abbr[title] {
   4750     border-bottom: 1px dotted;
   4751 }
   4752 
   4753 acronym {
   4754     border-bottom: 1px dotted;
   4755 }
   4756 
   4757 .bypostauthor,
   4758 .gallery-caption,
   4759 .wp-caption-text {
   4760     opacity: 1;
   4761 }
   4762 
   4763 table,
   4764 td,
   4765 th {
   4766     border: 1px solid #f0f0f0;
   4767     border: 1px solid rgba(51, 51, 51, 0.1) !important;
   4768     font-size: 15px;
   4769 }
   4770 
   4771 td,
   4772 th {
   4773     padding: 5px;
   4774     font-size: 15px;
   4775     text-align: center;
   4776 }
   4777 
   4778 .gallery-item {
   4779     display: inline-block;
   4780     padding: 1.79104477%;
   4781     text-align: center;
   4782     vertical-align: top;
   4783 }
   4784 
   4785 .gallery-columns-1 .gallery-item {
   4786     max-width: 100%;
   4787     width: 100%;
   4788 }
   4789 
   4790 @media screen and (min-width: 30em) {
   4791     .gallery-columns-1 .gallery-item {
   4792         max-width: 100%;
   4793     }
   4794 }
   4795 
   4796 .gallery-columns-2 .gallery-item {
   4797     max-width: 100%;
   4798     width: 50%;
   4799 }
   4800 
   4801 @media screen and (min-width: 30em) {
   4802     .gallery-columns-2 .gallery-item {
   4803         max-width: 50%;
   4804     }
   4805 }
   4806 
   4807 .gallery-columns-3 .gallery-item {
   4808     max-width: 100%;
   4809     width: 33.33%;
   4810 }
   4811 
   4812 @media screen and (min-width: 30em) {
   4813     .gallery-columns-3 .gallery-item {
   4814         max-width: 33.33%;
   4815     }
   4816 }
   4817 
   4818 .gallery-columns-4>.gallery-item {
   4819     max-width: 100%;
   4820     width: 25%;
   4821 }
   4822 
   4823 @media screen and (min-width: 30em) {
   4824     .gallery-columns-4 .gallery-item {
   4825         max-width: 25%;
   4826     }
   4827 }
   4828 
   4829 .gallery-columns-5 .gallery-item {
   4830     max-width: 100%;
   4831     width: 20%;
   4832 }
   4833 
   4834 @media screen and (min-width: 48em) {
   4835     .gallery-columns-5 .gallery-item {
   4836         max-width: 20%;
   4837     }
   4838 }
   4839 
   4840 .gallery-columns-6 .gallery-item {
   4841     max-width: 100%;
   4842     width: 16.66%;
   4843 }
   4844 
   4845 @media screen and (min-width: 48em) {
   4846     .gallery-columns-6 .gallery-item {
   4847         max-width: 16.66%;
   4848     }
   4849 }
   4850 
   4851 .gallery-columns-7 .gallery-item {
   4852     max-width: 100%;
   4853     width: 14.28%;
   4854 }
   4855 
   4856 @media screen and (min-width: 48em) {
   4857     .gallery-columns-7 .gallery-item {
   4858         max-width: 14.28%;
   4859     }
   4860 }
   4861 
   4862 .gallery-columns-8 .gallery-item {
   4863     max-width: 100%;
   4864     width: 12.5%;
   4865 }
   4866 
   4867 @media screen and (min-width: 48em) {
   4868     .gallery-columns-8 .gallery-item {
   4869         max-width: 12.5%;
   4870     }
   4871 }
   4872 
   4873 .gallery-columns-9 .gallery-item {
   4874     max-width: 100%;
   4875     width: 11.11%;
   4876 }
   4877 
   4878 @media screen and (min-width: 48em) {
   4879     .gallery-columns-9 .gallery-item {
   4880         max-width: 11.11%;
   4881     }
   4882 }
   4883 
   4884 pre {
   4885     display: block;
   4886     padding: 9.5px;
   4887     margin: 0 0 10px;
   4888     font-size: 13px;
   4889     line-height: 1.42857143;
   4890     color: #333;
   4891     white-space: pre-wrap;
   4892     word-wrap: break-word;
   4893     background-color: #fff;
   4894     border-radius: 4px;
   4895     overflow: auto;
   4896     margin-top: 10px;
   4897     border: 1px solid #2b3c6b;
   4898 }
   4899 
   4900 .inner-box > .content > h4 {
   4901     word-wrap: break-word;
   4902 }
   4903 
   4904 .wp-caption-text {
   4905     text-align: center;
   4906     margin-top: 5px;
   4907     margin-bottom: 15px;
   4908     font-size: 15px;
   4909 }
   4910 
   4911 .wp-block-image .aligncenter>figcaption,
   4912 .wp-block-image .alignleft>figcaption,
   4913 .wp-block-image .alignright>figcaption,
   4914 .wp-block-image.is-resized>figcaption {
   4915     text-align: center;
   4916 }
   4917 
   4918 .wp-block-image {
   4919     max-width: 100%;
   4920 }
   4921 
   4922 .wp-block-image figcaption {
   4923     display: block;
   4924 }
   4925 
   4926 .wp-block-image {
   4927     margin-bottom: 1em;
   4928 }
   4929 
   4930 .wp-block-cover-text {
   4931     font-size: 24px;
   4932 }
   4933 
   4934 .wp-block-cover-text a {
   4935     color: #ffffff;
   4936 }
   4937 
   4938 .alignleft {
   4939     float: left;
   4940     margin-right: 25px;
   4941     margin-bottom: 15px;
   4942 }
   4943 
   4944 .wp-block-button.alignright {
   4945     text-align: right;
   4946 }
   4947 
   4948 .wp-block-quote.is-large,
   4949 .wp-block-quote.is-style-large {
   4950     padding: 41px 40px !important;
   4951 }
   4952 
   4953 .alignright {
   4954     display: inline;
   4955     float: right;
   4956     margin-left: 1.5em;
   4957     clear: both;
   4958 }
   4959 
   4960 .blocks-gallery-item {
   4961     list-style: outside none;
   4962     padding-left: 0 !important;
   4963 }
   4964 
   4965 iframe {
   4966     width: 100%;
   4967 }
   4968 
   4969 .wp-caption {
   4970     margin-bottom: 1.5em;
   4971     max-width: 100%;
   4972 }
   4973 
   4974 .wp-block-cover-text {
   4975     margin-bottom: 0 !important;
   4976 }
   4977 
   4978 .aligncenter {
   4979     text-align: center;
   4980     clear: both;
   4981     margin-left: auto;
   4982     margin-right: auto;
   4983     display: block;
   4984 }
   4985 
   4986 .blocks-gallery-item:before {
   4987     content: none !important;
   4988 }
   4989 
   4990 .widget_recent_entries ul li {
   4991     margin-bottom: 8px;
   4992 }
   4993 
   4994 .widget_recent_entries ul li:last-child {
   4995     margin-bottom: 0;
   4996 }
   4997 
   4998 .widget_archive ul li a,
   4999 .widget_categories ul li a,
   5000 .widget_meta ul li a,
   5001 .widget_nav_menu ul li a,
   5002 .widget_pages ul li a {
   5003     position: relative;
   5004     display: block;
   5005     color: #252930;
   5006 }
   5007 
   5008 .widget_meta ul li a:after,
   5009 .widget_nav_menu ul li a:after,
   5010 .widget_pages ul li a:after {
   5011     content: "";
   5012     position: absolute;
   5013     left: -15px;
   5014     top: 10px;
   5015     width: 6px;
   5016     height: 6px;
   5017     border-radius: 50%;
   5018     background: #ce9233;
   5019 }
   5020 
   5021 .widget_meta li a,
   5022 .widget_nav_menu li a,
   5023 .widget_pages li a{
   5024     padding-bottom: 15px;
   5025 }
   5026 
   5027 .widget_meta ul,
   5028 .widget_nav_menu ul,
   5029 .widget_pages ul{
   5030     padding-left: 17px;
   5031 }
   5032 
   5033 .widget_meta ul li ul,
   5034 .widget_nav_menu ul li ul,
   5035 .widget_pages ul li ul {
   5036     padding-left: 17px;
   5037 }
   5038 
   5039 .widget_archive li ,
   5040 .widget_categories li
   5041 {
   5042     color: #252930;
   5043 }
   5044 
   5045 .widget_archive ul li,
   5046 .widget_categories ul li {
   5047     width: 100%;
   5048     position: relative;
   5049     display: flex;
   5050     align-items: center;
   5051     flex-wrap: wrap;
   5052     justify-content: space-between;
   5053     font-size: 16px;
   5054     margin-bottom: 15px;
   5055 }
   5056 
   5057 .widget_archive ul li:last-child a,
   5058 .widget_categories ul li:last-child a {
   5059     padding-bottom: 0;
   5060 }
   5061 
   5062 .widget_archive ul li:last-child,
   5063 .widget_categories ul li:last-child {
   5064     margin-bottom: 0;
   5065 }
   5066 
   5067 .widget_archive ul li ul,
   5068 .widget_categories ul li ul {
   5069     width: 100%;
   5070     padding-left: 20px;
   5071     margin-top:15px;
   5072 }
   5073 
   5074 .widget_archive ul li ul li,
   5075 .widget_categories ul li ul li {
   5076     padding: 0;
   5077     position: relative;
   5078 }
   5079 
   5080 .widget_archive ul li ul li:before,
   5081 .widget_categories ul li ul li:before {
   5082     left: -10px;
   5083     top: 8px;
   5084 }
   5085 
   5086 .widget_archive ul li ul li a{
   5087     padding: 5px 0px;
   5088 }
   5089 
   5090 .widget_archive ul li ul li ul,
   5091 .widget_categories ul li ul li ul {
   5092     padding-left: 25px;
   5093 }
   5094 
   5095 .widget_recent_comments ul li {
   5096     display: flex !important;
   5097     align-items: center;
   5098     flex-wrap: wrap;
   5099 }
   5100 
   5101 .widget_recent_comments ul li .comment-author-link {
   5102     font-weight: 600;
   5103     margin-right: 5px;
   5104 }
   5105 
   5106 .widget_recent_comments ul li:not(:last-child) {
   5107     padding-bottom:15px;
   5108     margin-bottom:15px;
   5109     border-bottom: 1px solid #e7e7e7;
   5110 }
   5111 
   5112 .widget_rss ul li {
   5113     font-size: 17px;
   5114     padding-bottom: 15px;
   5115     margin-bottom: 15px;
   5116     border-bottom: 1px solid #e5e5e5;
   5117 }
   5118 
   5119 .widget_rss ul li:last-child {
   5120     padding-bottom: 0px;
   5121     margin-bottom: 0px;
   5122     border-bottom: 0px solid #e5e5e5;
   5123 }
   5124 
   5125 .widget_rss ul li .rsswidget {
   5126     margin-bottom: 10px;
   5127     display: block;
   5128     font-weight: 600;
   5129 }
   5130 
   5131 .widget_rss ul li cite {
   5132     margin-top: 10px;
   5133     display: block;
   5134     font-weight: 600;
   5135 }
   5136 
   5137 .widget_tag_cloud a {
   5138     position: relative;
   5139     display: inline-block;
   5140     font-size: 15px !important;
   5141     line-height: 26px;
   5142     color: #717577;
   5143     font-weight: 500;
   5144     margin-right: 5px;
   5145     margin-bottom: 10px;
   5146     text-transform: capitalize;
   5147 }
   5148 
   5149 .widget_text .textwidget form {
   5150     margin-top: 10px;
   5151 }
   5152 
   5153 .sidebar .calendar_wrap table {
   5154     margin-bottom: 10px;
   5155     width: 100%;
   5156 }
   5157 
   5158 table #today a {
   5159     color: #fff;
   5160 }
   5161 
   5162 table #today {
   5163     background: #ce9233;
   5164     color: #fff;
   5165 }
   5166 
   5167 .sidebar .calendar_wrap table caption {
   5168     padding: 0;
   5169     padding-top: 5px;
   5170 }
   5171 
   5172 .sidebar .sidebar-widget .widget-title:before {
   5173     left: -44px;
   5174 }
   5175 
   5176 .pagination-wrapper .pagination .nav-links {
   5177     position: relative;
   5178     display: block;
   5179 }
   5180 
   5181 .pagination-wrapper .pagination .nav-links .page-numbers {
   5182     position: relative;
   5183     display: inline-block;
   5184     font-size: 18px;
   5185     height: 70px;
   5186     width: 70px;
   5187     line-height: 70px;
   5188     text-align: center;
   5189     color: #717577;
   5190     font-weight: 500;
   5191     background: #f8f7f3;
   5192     border-radius: 50%;
   5193     z-index: 1;
   5194     transition: all 500ms ease;
   5195 }
   5196 
   5197 .pagination-wrapper .pagination .nav-links .page-numbers:hover {
   5198     background: #f6db7d;
   5199 }
   5200 
   5201 .pagination-wrapper .pagination .nav-links .current {
   5202     background: #f6db7d;
   5203 }
   5204 
   5205 .pagination-wrapper .pagination .nav-links .next {
   5206     color: #fff;
   5207 }
   5208 
   5209 .pagination-wrapper .pagination .nav-links .prev {
   5210     color: #fff;
   5211 }
   5212 
   5213 .page-links {
   5214     clear: both;
   5215     margin-top: 40px;
   5216 }
   5217 
   5218 .page-links>* {
   5219     color:#181614;
   5220     background: #f9f8f7;
   5221     position: relative;
   5222     display: inline-block;
   5223     font-size: 18px;
   5224     height: 50px;
   5225     width: 50px;
   5226     line-height: 50px;
   5227     text-align: center;
   5228     font-weight: 500;
   5229     transition: all 500ms ease;
   5230 }
   5231 
   5232 .page-links .current,
   5233 .page-links a:hover  {
   5234     background: #ce9233;
   5235     color: #fff;
   5236 }
   5237 
   5238 .wp-block-button {
   5239     margin-bottom: 10px;
   5240 }
   5241 
   5242 a.wp-block-button__link {
   5243     color: #fff;
   5244 }
   5245 
   5246 blockquote {
   5247     font-size: 16px;
   5248     background-color: #f7f8f9;
   5249     position: relative;
   5250     padding: 35px 70px 35px 45px;
   5251     border-left: 4px solid #20445a;
   5252 }
   5253 
   5254 blockquote p {
   5255     margin-bottom: 0 !important;
   5256 }
   5257 
   5258 p.wp-block-cover-text {
   5259     color: #fff !important;
   5260 }
   5261 
   5262 ul.blocks-gallery-grid {
   5263     padding: 0 !important;
   5264 }
   5265 
   5266 .post-password-form input {
   5267     display: block;
   5268     border: 1px solid #e2e2e2;
   5269     height: 50px;
   5270     padding: 0 20px;
   5271 }
   5272 
   5273 .post-password-form label {
   5274     font-weight: 600;
   5275     color: #333;
   5276 }
   5277 
   5278 .post-password-form input[type=submit] {
   5279     width: 100px;
   5280     height: 50px;
   5281     font-weight: 600;
   5282     letter-spacing: 1px;
   5283     border: none;
   5284     cursor: pointer;
   5285     -webkit-transition: .3s ease-in;
   5286     -o-transition: .3s ease-in;
   5287     transition: .3s ease-in;
   5288     background-color: var(--primary);
   5289     color: #fff;
   5290     border: 1px solid transparent;
   5291 }
   5292 
   5293 .post-password-form input[type=submit]:hover {
   5294     color: #000000;
   5295     background: #fff;
   5296     border-color: var(--primary);
   5297 }
   5298 
   5299 .post-password-form input[type=password] {
   5300     max-width: 350px;
   5301     min-width: 350px;
   5302 }
   5303 
   5304 a#cancel-comment-reply-link {
   5305     font-weight: 500;
   5306     margin-left: 10px;
   5307 }
   5308 
   5309 .gallery-item {
   5310     display: inline-block;
   5311     padding: 1.79104477%;
   5312     text-align: center;
   5313     vertical-align: top;
   5314 }
   5315 
   5316 .gallery-columns-1 .gallery-item {
   5317     max-width: 100%;
   5318     width: 100%;
   5319 }
   5320 
   5321 .gallery-columns-2 .gallery-item {
   5322     max-width: 100%;
   5323     width: 50%;
   5324 }
   5325 
   5326 figcaption.blocks-gallery-caption {
   5327     padding-bottom: 25px;
   5328 }
   5329 
   5330 .wp-block-button.is-style-squared a.wp-block-button__link {
   5331     border-radius: 0;
   5332 }
   5333 
   5334 .wp-block-cover {
   5335     margin-top: 10px;
   5336     margin-bottom: 10px;
   5337 }
   5338 
   5339 img.size-full.wp-image-904.alignleft {
   5340     margin-top: 10px;
   5341 }
   5342 
   5343 th,
   5344 td {
   5345     padding: 7px;
   5346     font-size: 15px;
   5347 }
   5348 
   5349 table,
   5350 th,
   5351 td {
   5352     border: 1px solid #24a77e;
   5353     border: 1px solid 1px solid rgba(255, 123, 123, 0.14) !important;
   5354     font-size: 15px;
   5355     color: #222;
   5356     text-align: center;
   5357 }
   5358 
   5359 .comments-area .default-form {
   5360     margin-bottom: 60px;
   5361 }
   5362 
   5363 .comments-form-area .comment-reply-title,
   5364 .comment-respond .comment-reply-title {
   5365     font-size: 20px;
   5366     margin-bottom: 15px;
   5367     line-height: 24px;
   5368     font-weight: 600;
   5369 }
   5370 
   5371 .comments-form-area .comment-reply-title small,
   5372 .comment-respond .comment-reply-title small {
   5373     margin-left: 5px;
   5374     font-size: 15px;
   5375 }
   5376 
   5377 .comment-reply-title small a {
   5378     padding: 5px 10px;
   5379     float: right;
   5380     font-size: 12px;
   5381     line-height: 26px;
   5382     font-weight: 500;
   5383     text-transform: uppercase;
   5384     color: #fff;
   5385     padding: 7px 20px 5px 20px;
   5386     letter-spacing: 1px;
   5387 }
   5388 
   5389 .comment-box .children {
   5390     margin-top: 55px;
   5391     margin-left: 40px;
   5392 }
   5393 
   5394 .blog-info {
   5395     display: flex;
   5396     align-items: center;
   5397     gap: 20px;
   5398 }
   5399 
   5400 .blog-page .blog-details .comment-area .all-comments .yes-ping article .comment-details {
   5401     padding-left: 0px;
   5402 }
   5403 
   5404 .sticky_post_icon {
   5405     position: absolute;
   5406     right: 0;
   5407     top: 0;
   5408     background: #ce9233;
   5409     width: 50px;
   5410     height: 50px;
   5411     text-align: right;
   5412     line-height: 45px;
   5413     color: #fff;
   5414     font-size: 20px;
   5415     border-radius: 0px 0px 0px 50px;
   5416     padding-right: 12px;
   5417 }
   5418 
   5419 .logged-in-as {
   5420     margin-bottom: 10px;
   5421 }
   5422 
   5423 .blog-details-content .page-content {
   5424     overflow: hidden;
   5425 }
   5426 
   5427 .blog-details-content .comments-form {
   5428     margin-top: 40px;
   5429 }
   5430 
   5431 table, th, td {
   5432     margin-top: 15px;
   5433     margin-bottom: 15px;
   5434 }
   5435 
   5436 /* ---------------------------------------------------------- Base Theme Css */
   5437 
   5438 .base-theme .main-menu .navigation {
   5439     margin-left: 0px;
   5440 }
   5441 
   5442 .base-theme .main-header .header-upper{
   5443 	background:#292929;
   5444 }
   5445 
   5446 .base-theme .breadcrumb-not-active{
   5447 	background:#3c3c3c;
   5448 }
   5449 
   5450 .base-theme .blog-standard-content .news-block-three .content {
   5451     position: relative;
   5452     background-color: #fff;
   5453     padding: 30px;
   5454     box-shadow: 0px 10px 30px rgb(0 0 0 / 3%);
   5455 }
   5456 
   5457 .base-theme .blog-standard-content .page-content h2 {
   5458     margin-top: 20px;
   5459     margin-bottom: 10px;
   5460 }
   5461 
   5462 .base-theme .comment-respond h3 {
   5463     margin-bottom: 0px;
   5464 }
   5465 
   5466 .base-theme .page-content h3,
   5467 .base-theme .page-content h4,
   5468 .base-theme .page-content h5,
   5469 .base-theme .page-content h6 {
   5470     margin-top: 10px;
   5471     margin-bottom: 5px;
   5472 }
   5473 
   5474 .base-theme .page-content ul,
   5475 .base-theme .page-content ol {
   5476     padding-left: 25px;
   5477 }
   5478 .base-theme .page-content ul,
   5479 .base-theme .page-content ul li{
   5480     list-style: inherit;
   5481 }
   5482 .base-theme .page-content ol,
   5483 .base-theme .page-content ol li{
   5484     list-style: decimal;
   5485 }
   5486 .base-theme .page-content ul{
   5487     padding-left: 25px;
   5488 }
   5489 .base-theme .inner-box ul:not(.tag){
   5490     list-style: unset;
   5491     padding-left: 25px;
   5492 }
   5493 .base-theme .inner-box ol {
   5494     list-style: decimal;
   5495     padding-left: 25px;
   5496 }
   5497 
   5498 .base-theme .inner-box li:not(.tag > li) {
   5499     list-style: unset;
   5500 }
   5501 
   5502 .wp-block-tag-cloud a {
   5503     position: relative;
   5504     display: inline-block;
   5505     font-size: 15px !important;
   5506     line-height: 26px;
   5507     color: #25283a;
   5508     border: 1px solid #dbdbdb;
   5509     padding: 7px 21.5px;
   5510     margin-bottom: 5px;
   5511 }
   5512 
   5513 .wp-block-group__inner-container {
   5514     padding: 20px;
   5515     margin-bottom: 15px;
   5516 }
   5517 
   5518 .base-theme .text h1 ,
   5519 .base-theme .text h2 ,
   5520 .base-theme .text h3 ,
   5521 .base-theme .text h4 ,
   5522 .base-theme .text h5 ,
   5523 .base-theme .text h6
   5524 {
   5525     margin-bottom: 10px;
   5526 }
   5527 .base-theme .text h2  {
   5528     margin-top: 15px;
   5529 }
   5530 .base-theme .text form {
   5531     margin-bottom: 15px;
   5532 }
   5533 
   5534 .base-theme [type=reset]:not(:disabled),
   5535 .base-theme [type=submit]:not(:disabled){
   5536     color: white;
   5537     background: #ce9233;
   5538     border: none;
   5539 }
   5540 
   5541 .base-theme .post-password-form input[type=submit]{
   5542     background: #ce9233;
   5543     border: none;
   5544 }
   5545 
   5546 
   5547 /* ---------------------------------------------------------- Current Menu Issue */
   5548 
   5549 .main-menu .navigation>li>a:before{
   5550 	opacity:0;
   5551 }
   5552 
   5553 .main-menu .navigation>li.current_page_item>a:before,
   5554 .main-menu .navigation>li.current-menu-item>a:before,
   5555 .main-menu .navigation>li.current_page_ancestor>a:before
   5556 {
   5557 	opacity:1;
   5558 }
   5559 
   5560 .comment-box .comment {
   5561     min-height: 180px;
   5562 }
   5563 
   5564 
   5565 /* ---------------------------------------------------------- Footer Section */
   5566 
   5567 .base-theme .main-footer {
   5568     padding: unset;
   5569 }
   5570 
   5571 .base-theme .sidebar-page-container {
   5572     padding: 120px 0 120px;
   5573 }
   5574 
   5575 /* ---------------------------------------------------------- Additional Css */
   5576 
   5577 .news-block-three .post-meta {
   5578     text-transform: capitalize;
   5579 }
   5580 
   5581 .page-title .bread-crumb > span + li:after {
   5582 	position:absolute;
   5583 	left:0px;
   5584 	content:"/";
   5585 }
   5586 
   5587 .page-title .bread-crumb > li + span {
   5588     font-size: 14px;
   5589     font-weight: 700;
   5590     text-transform: uppercase;
   5591 }
   5592 
   5593 .page-title .bread-crumb > span + li {
   5594     padding-left:10px;
   5595 	margin-left:10px;
   5596 }
   5597 
   5598 .page-title .bread-crumb > span a{
   5599 	color:#fff;
   5600 }
   5601 
   5602 .comment-box > .comment-box {
   5603     margin-top: 40px;
   5604     margin-left: 20px;
   5605 }
   5606 
   5607 .comments-area .comment-box .author-thumb img {
   5608     border-radius: 200px;
   5609 }
   5610 
   5611 .base-theme .comments-area .comment ul, .base-theme .comments-area .comment li {
   5612     list-style: disc;
   5613 }
   5614 
   5615 
   5616 .base-theme .comments-area .comment table {
   5617     max-width: 100%;
   5618 }
   5619 
   5620 .base-theme .comments-area .comment select {
   5621     max-width: 300px;
   5622     margin-bottom: 20px;
   5623 }
   5624 
   5625 .base-theme .comments-area .comment ul,
   5626 .base-theme .comments-area .comment li {
   5627     list-style: disc;
   5628 }
   5629 
   5630 .base-theme .comments-area .comment ul {
   5631     padding-left: 25px;
   5632 }
   5633 
   5634 .base-theme .comments-area .comment ol {
   5635     padding-left: 25px;
   5636 }
   5637 
   5638 .base-theme .comments-area .comment ol li {
   5639     list-style: unset;
   5640 }
   5641 
   5642 .base-theme .comments-area .comment p {
   5643     margin: 0 0 15px;
   5644     line-height: 1.5em;
   5645 }
   5646 
   5647 .base-theme .comments-area .comment .wp-block-cover-text {
   5648     font-size: 24px;
   5649 }
   5650 
   5651 .base-theme .comments-area .comment .wp-block-cover,
   5652 .base-theme .comments-area .comment .wp-block-cover-image {
   5653     margin-bottom: 10px;
   5654     margin-top: 10px;
   5655 }
   5656 
   5657 .base-theme .comments-area .comment .blocks-gallery-grid {
   5658     padding-left: 0;
   5659     margin-top: 10px;
   5660 }
   5661 
   5662 .base-theme .comments-area .comment .wp-block-archives li {
   5663     margin-bottom: 10px;
   5664 }
   5665 
   5666 .base-theme .comments-area .comment .wp-block-calendar .wp-calendar-table {
   5667     margin-bottom: 0;
   5668 }
   5669 
   5670 .base-theme .comments-area .comment .wp-block-calendar .wp-calendar-table caption {
   5671     padding-bottom: 0;
   5672 }
   5673 
   5674 .base-theme .comments-area .comment .wp-block-calendar .wp-calendar-nav {
   5675     text-align: left;
   5676     margin-bottom: 10px;
   5677 }
   5678 
   5679 .comment-box.yes-ping .comment {
   5680     padding-left: 0px;
   5681 }
   5682 
   5683 /* 404 Page */
   5684 
   5685 .error-section {
   5686     text-align:center;
   5687     padding:120px 0px;
   5688 }
   5689 
   5690 .error-section h1{
   5691     font-size:120px;
   5692     font-weight:700;
   5693 }
   5694 
   5695 .error-section h2{
   5696     font-size:24px;
   5697     padding-bottom:40px;
   5698 }
   5699 
   5700 .error-section a{
   5701     border:3px solid;
   5702     padding:10px 20px;
   5703     box-shadow:0px 10px 30px -10px rgb(0,0,0,0.2) 
   5704 }
   5705 .admin-bar .main-header.header-style-one {
   5706     top:32px
   5707 }
   5708 .news-block-three h3+h4 {
   5709     font-size: 20px;
   5710     font-weight: normal;
   5711     text-transform: capitalize;
   5712 }
   5713 .base-theme .main-header.header-style-one {
   5714     position: static;
   5715 }
   5716 .base-theme .page-title {
   5717     padding: 130px 0 130px;
   5718 }
   5719 .news-block .image:before {
   5720     position: absolute;
   5721     content: "";
   5722     left: 0;
   5723     top: 0;
   5724     width: 100%;
   5725     height: 100%;
   5726     background: linear-gradient(#0000, #000 80%);
   5727 }
   5728 
   5729 /* Update Css */
   5730 
   5731 .logo img {
   5732     max-width: 174px;
   5733 }
   5734 
   5735 @media only screen and (max-width: 1200px) {
   5736     .welcome-section .image-two img {
   5737         width: 100%;
   5738     }
   5739     .welcome-section-three .list {
   5740         margin-bottom: 6px;
   5741     }
   5742     
   5743     .progress-levels .progress-box {
   5744         margin-bottom: 9px;
   5745     }
   5746 }
   5747 
   5748 @media only screen and (max-width: 1500px) {
   5749     .welcome-section .image-two {
   5750         margin-left: 0;
   5751     }
   5752 }
   5753 
   5754 .facts-section .text,
   5755 .facts-section .content .fact-text {
   5756     color: #fff;
   5757 }
   5758 
   5759 .testimonials-section .icon-box .icon {
   5760     text-align: center;
   5761     width: 80px;
   5762     height: 80px;
   5763     line-height: 80px;
   5764     padding: 30px 0;
   5765 }
   5766 
   5767 .faq-section .side-image {
   5768     opacity: .4;
   5769 }
   5770 
   5771 .welcome-section .list li:before {
   5772     font-size: 12px;
   5773     width: 30px;
   5774     height: 30px;
   5775     background: #eee;
   5776     border-radius: 50%;
   5777     text-align: center;
   5778     top: 0;
   5779 }
   5780 
   5781 .welcome-section .list li {
   5782     padding-left: 40px;
   5783     margin-bottom: 22px;
   5784 }
   5785 
   5786 .welcome-section .icon-box {
   5787     background: #fff;
   5788     box-shadow: 0 0 30px rgb(0 0 0 / 10%);
   5789     padding: 10px 20px;
   5790 }
   5791 
   5792 .welcome-section .icon-box h4 {
   5793     font-size: 16px;
   5794     line-height: 24px;
   5795 }
   5796 
   5797 .welcome-section .icon-box .icon {
   5798     font-size: 40px;
   5799     margin-right: 20px;
   5800 }
   5801 
   5802 /* More Update */
   5803 
   5804 .progress-levels .progress-box {
   5805     margin-bottom:25px;
   5806 }
   5807 
   5808 .welcome-section-two .auto-container .content-side .text {
   5809     margin-bottom: 35px;
   5810 }
   5811 
   5812 .testimonials-section .icon-box .icon {
   5813     display: flex;
   5814     justify-content: center;
   5815     align-items: center;
   5816     min-height: 120px;
   5817 }
   5818 
   5819 .testimonials-ico-sec {
   5820     margin: auto;
   5821 }
   5822 
   5823 .accordion-box .block .acc-btn.active {
   5824     color: #ce9233;   
   5825 }
   5826 
   5827 .style_2.accordion-box .block {
   5828     position: relative;
   5829     margin-bottom: 0px;
   5830 }
   5831 
   5832 .service-details .style_2.accordion-box {
   5833     padding-top: unset;
   5834 }
   5835 
   5836 @media only screen and (max-width: 575px){
   5837     
   5838 	.testimonials-section .icon-box {
   5839 		padding: 30px;
   5840 	}
   5841 }
   5842 
   5843 .nav-links {
   5844     display: flex;
   5845     gap: 10px;
   5846     flex-wrap: wrap;
   5847 }
   5848 
   5849 .base-theme .news-block-three .inner-box .image {
   5850     margin-bottom: unset;
   5851 }
   5852 
   5853 .base-theme .blog-single-post .inner-box h4 {
   5854     font-size: 42px;
   5855     font-weight: 800;
   5856 }
	balmet.com Unnamed repository; edit this file 'description' to name the repository.
	Log \| Files \| Refs