Make WordPress Themes

Changeset 318976


Ignore:
Timestamp:
03/21/2026 11:08:15 AM (7 months ago)
Author:
themedropbox
Message:

New version of Corporate Solutions - 5.0

Location:
corporate-solutions/5.0
Files:
9 edited
1 copied

Legend:

Unmodified
Added
Removed
  • corporate-solutions/5.0/functions.php

    r305947 r318976  
    137137        wp_enqueue_style( 'corporate-solutions-style', get_template_directory_uri() . '/style.css', array(), CORPORATE_SOLUTIONS_VERSION );
    138138
    139         // Animate CSS
    140         wp_enqueue_style( 'animate-style', get_template_directory_uri() . '/resource/css/animate.css' );
     139        if (get_theme_mod('corporate_solutions_enable_animation', true) == true){
     140                // Animate CSS
     141                wp_enqueue_style( 'animate-style', get_template_directory_uri() . '/resource/css/animate.css' );
     142                // Wow script.
     143                wp_enqueue_script( 'wow-jquery', get_template_directory_uri() . '/resource/js/wow.js', array('jquery'),'' ,true );
     144        }
    141145
    142146        // Navigation script.
    … …  
    145149        // Slick script.
    146150        wp_enqueue_script( 'slick-script', get_template_directory_uri() . '/resource/js/slick' . $min . '.js', array( 'jquery' ), '1.8.1', true );
    147 
    148         // Wow script.
    149         wp_enqueue_script( 'wow-jquery', get_template_directory_uri() . '/resource/js/wow.js', array('jquery'),'' ,true );
    150151
    151152        // Custom script.
  • corporate-solutions/5.0/languages/corporate-solutions.pot

    r315237 r318976  
    33msgid ""
    44msgstr ""
    5 "Project-Id-Version: Corporate Solutions 4.9\n"
     5"Project-Id-Version: Corporate Solutions 5.0\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/corporate-solutions\n"
    77"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    … …  
    1010"Content-Type: text/plain; charset=UTF-8\n"
    1111"Content-Transfer-Encoding: 8bit\n"
    12 "POT-Creation-Date: 2026-02-23T10:26:43+05:30\n"
     12"POT-Creation-Date: 2026-03-18T15:59:48+05:30\n"
    1313"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    14 "X-Generator: WP-CLI 2.11.0\n"
     14"X-Generator: WP-CLI 2.12.0\n"
    1515"X-Domain: corporate-solutions\n"
    1616
    … …  
    4343#. translators: 1: title.
    4444#: comments.php:26
     45#, php-format
    4546msgid "One thought on &ldquo;%1$s&rdquo;"
    4647msgstr ""
    … …  
    4849#. translators: 1: comment count number, 2: title.
    4950#: comments.php:32
     51#, php-format
    5052msgctxt "comments title"
    5153msgid "%1$s thought on &ldquo;%2$s&rdquo;"
    … …  
    8385msgstr ""
    8486
    85 #: functions.php:240
     87#: functions.php:241
    8688msgid "https://asterthemes.com/products/corporate-wordpress-theme"
    8789msgstr ""
    8890
    89 #: functions.php:243
     91#: functions.php:244
    9092msgid "https://asterthemes.com/products/corporate-solutions"
    9193msgstr ""
    9294
    93 #: functions.php:246
     95#: functions.php:247
    9496msgid "https://wordpress.org/support/theme/corporate-solutions/"
    9597msgstr ""
    9698
    97 #: functions.php:249
     99#: functions.php:250
    98100msgid "https://wordpress.org/support/theme/corporate-solutions/reviews/"
    99101msgstr ""
    100102
    101 #: functions.php:252
     103#: functions.php:253
    102104msgid "https://demo.asterthemes.com/corporate-solutions/"
    103105msgstr ""
    104106
    105 #: functions.php:255
     107#: functions.php:256
    106108msgid "https://demo.asterthemes.com/docs/corporate-solutions-free/"
    107109msgstr ""
    108110
    109 #: functions.php:258
     111#: functions.php:259
    110112msgid "https://demo.asterthemes.com/docs/corporate-solutions-pro/"
    111113msgstr ""
    112114
    113 #: functions.php:261
     115#: functions.php:262
    114116msgid "https://asterthemes.com/products/wp-theme-bundle"
    115117msgstr ""
    … …  
    151153#. translators: 1: link to WP admin new post page.
    152154#: template-parts/content-none.php:25
     155#, php-format
    153156msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>."
    154157msgstr ""
    … …  
    170173#: template-parts/content-page.php:41
    171174#: theme-library/function-files/template-tags.php:272
     175#, php-format
    172176msgid "Edit <span class=\"screen-reader-text\">%s</span>"
    173177msgstr ""
    … …  
    175179#. translators: %s: Name of current post. Only visible to screen readers
    176180#: template-parts/content-single.php:42
     181#, php-format
    177182msgid "Continue reading<span class=\"screen-reader-text\"> \"%s\"</span>"
    178183msgstr ""
    … …  
    196201#: theme-library/customizer/colors.php:23
    197202msgid "Primary Color"
     203msgstr ""
     204
     205#: theme-library/customizer/colors.php:44
     206msgid "Secondary Color"
    198207msgstr ""
    199208
    … …  
    244253#. translators: %d: Post Count.
    245254#: theme-library/customizer/front-page-options/banner.php:104
     255#, php-format
    246256msgid "Select Post %d"
    247257msgstr ""
    … …  
    253263#. translators: %d: Page Count.
    254264#: theme-library/customizer/front-page-options/banner.php:126
     265#, php-format
    255266msgid "Select Page %d"
    256267msgstr ""
    … …  
    258269#. translators: %d: Button Label Count.
    259270#: theme-library/customizer/front-page-options/banner.php:148
     271#, php-format
    260272msgid "Button Label %d"
    261273msgstr ""
    … …  
    263275#. translators: %d: Button Link Count.
    264276#: theme-library/customizer/front-page-options/banner.php:169
     277#, php-format
    265278msgid "Button Link %d"
     279msgstr ""
     280
     281#: theme-library/customizer/front-page-options/banner.php:187
     282msgid "Banner Button Label Color"
     283msgstr ""
     284
     285#: theme-library/customizer/front-page-options/banner.php:202
     286msgid "Banner Button Background Color"
    266287msgstr ""
    267288
    … …  
    10791100msgstr ""
    10801101
     1102#: theme-library/customizer/theme-options/theme-options.php:568
     1103msgid "Enable / Disable Animation"
     1104msgstr ""
     1105
     1106#: theme-library/customizer/theme-options/theme-options.php:580
     1107msgid "Enable Animation"
     1108msgstr ""
     1109
    10811110#: theme-library/customizer/theme-options/typography-setting.php:14
    10821111msgid "Typography Settings"
    … …  
    11391168#. Translators: %s is the search query.
    11401169#: theme-library/function-files/class-breadcrumb-trail.php:254
     1170#, php-format
    11411171msgid "Search results for: %s"
    11421172msgstr ""
    … …  
    11441174#. Translators: %s is the page number.
    11451175#: theme-library/function-files/class-breadcrumb-trail.php:256
     1176#, php-format
    11461177msgid "Page %s"
    11471178msgstr ""
    … …  
    11491180#. Translators: %s is the page number.
    11501181#: theme-library/function-files/class-breadcrumb-trail.php:258
     1182#, php-format
    11511183msgid "Comment Page %s"
    11521184msgstr ""
    … …  
    11541186#. Translators: Minute archive title. %s is the minute time format.
    11551187#: theme-library/function-files/class-breadcrumb-trail.php:260
     1188#, php-format
    11561189msgid "Minute %s"
    11571190msgstr ""
    … …  
    11591192#. Translators: Weekly archive title. %s is the week date format.
    11601193#: theme-library/function-files/class-breadcrumb-trail.php:262
     1194#, php-format
    11611195msgid "Week %s"
    11621196msgstr ""
    … …  
    12041238msgstr ""
    12051239
    1206 #: theme-library/function-files/customizer-settings-functions.php:112
     1240#: theme-library/function-files/customizer-settings-functions.php:113
    12071241msgid "Page Not Found"
    12081242msgstr ""
    12091243
    1210 #: theme-library/function-files/customizer-settings-functions.php:114
     1244#: theme-library/function-files/customizer-settings-functions.php:115
    12111245msgid "Search Results for: "
    12121246msgstr ""
    12131247
    1214 #: theme-library/function-files/customizer-settings-functions.php:116
     1248#: theme-library/function-files/customizer-settings-functions.php:117
    12151249msgid "Blogs"
    12161250msgstr ""
    12171251
    1218 #: theme-library/function-files/customizer-settings-functions.php:118
     1252#: theme-library/function-files/customizer-settings-functions.php:119
    12191253msgid "Shop"
    12201254msgstr ""
    … …  
    12331267#. translators: %s: WordPress.org URL
    12341268#: theme-library/function-files/template-functions.php:322
     1269#, php-format
    12351270msgid " | Powered by %s"
    12361271msgstr ""
    … …  
    12991334#. translators: %s: details.
    13001335#: theme-library/function-files/template-functions.php:519
     1336#, php-format
    13011337msgid "Comment on %s"
    13021338msgstr ""
    … …  
    13091345#: theme-library/function-files/template-tags.php:126
    13101346#: theme-library/function-files/template-tags.php:150
     1347#, php-format
    13111348msgid "%s Comment"
    13121349msgid_plural "%s Comments"
    … …  
    13171354#: theme-library/function-files/template-tags.php:176
    13181355#: theme-library/function-files/template-tags.php:197
     1356#, php-format
    13191357msgid "Posted at %s"
    13201358msgstr ""
    … …  
    13281366#. translators: 1: list of tags.
    13291367#: theme-library/function-files/template-tags.php:263
     1368#, php-format
    13301369msgid "Tagged %1$s"
    13311370msgstr ""
  • corporate-solutions/5.0/readme.txt

    r315237 r318976  
    55Requires at least: 5.0
    66Tested up to: 6.9
    7 Stable tag: 4.9
     7Stable tag: 5.0
    88Requires PHP: 7.2
    99License: GNU General Public License v3 or later
    … …  
    263263* Updated pot file.
    264264
     265= 5.0 =
     266* Added on/off setting of animation in customizer.
     267* Added slider button background color option.
     268* Added slider button lable color option.
     269* Updated rtl file.
     270* Updated pot file.
     271
    265272== Images Screenshot ==
    266273
  • corporate-solutions/5.0/sections/banner.php

    r254271 r318976  
    6565                                                                        <div class="asterthemes-wrapper">
    6666                                                                                <div class="banner-catption-wrapper">
    67                                                                                         <h1 class="banner-caption-title">
     67                                                                                        <h1 class="banner-caption-title wow bounceInUp delay-1000" data-wow-duration="2s">
    6868                                                                                                <?php the_title(); ?>
    6969                                                                                        </h1>
    7070                                                                                        <?php if ( ! empty( $corporate_solutions_button_label ) ) { ?>
    71                                                                                                 <div class="banner-slider-btn">
     71                                                                                                <div class="banner-slider-btn wow bounceInUp delay-1000" data-wow-duration="2s">
    7272                                                                                                        <a href="<?php echo esc_url( $corporate_solutions_button_link ); ?>" class="asterthemes-button"><?php echo esc_html( $corporate_solutions_button_label ); ?></a>
    7373                                                                                                </div>
  • corporate-solutions/5.0/style-rtl.css

    r315237 r318976  
    11.asterthemes-wrapper {
    2     padding: 0 20px;
    3     max-width: 1320px;
    4     margin: 0 auto;
    5   }
    6  
    7   body.asterthemes-boxed-layout .asterthemes-site-wrapper {
    8     max-width: 1320px;
    9     margin: 0 auto;
    10     background-color: var(--background-color-white);
    11     box-shadow: 0px 0px 10px -7px #202020;
    12   }
    13  
    14   @media screen and (min-width:1700px) and (max-width:1900px) {
    15     .asterthemes-wrapper,
    16     body.asterthemes-boxed-layout .asterthemes-site-wrapper {
    17       max-width: 1520px;
     2        padding: 0 20px;
     3        max-width: 1320px;
     4        margin: 0 auto;
     5}
     6
     7body.asterthemes-boxed-layout .asterthemes-site-wrapper {
     8        max-width: 1320px;
     9        margin: 0 auto;
     10        background-color: var(--background-color-white);
     11        box-shadow: 0px 0px 10px -7px #202020;
     12}
     13@media screen and (min-width:1700px) and (max-width:1900px){
     14    .asterthemes-wrapper , body.asterthemes-boxed-layout .asterthemes-site-wrapper{
     15        max-width: 1520px;
    1816    }
    19   }
    20  
    21   @media screen and (min-width:1901px) {
    22     .asterthemes-wrapper,
    23     body.asterthemes-boxed-layout .asterthemes-site-wrapper {
    24       max-width: 1620px;
     17}
     18@media screen and (min-width:1901px) {
     19    .asterthemes-wrapper , body.asterthemes-boxed-layout .asterthemes-site-wrapper{
     20        max-width: 1620px;
    2521    }
    26   }
    27  
    28   .asce-col-1 {
    29     width: 100%;
    30   }
    31  
    32   .asce-col-2 {
    33     width: 50%;
    34   }
    35  
    36   .asce-col-2-5 {
    37     width: 66.67%;
    38   }
    39  
    40   .asce-col-3 {
    41     width: 33.33%;
    42   }
    43  
    44   .asce-col-4 {
    45     width: 25%;
    46   }
    47  
    48   .asce-col-80 {
    49     width: 80%;
    50   }
    51  
    52   .asce-col-75 {
    53     width: 75%;
    54   }
    55  
    56   .asce-col-70 {
    57     width: 70%;
    58   }
    59  
    60   .asce-col-60 {
    61     width: 60%;
    62   }
    63  
    64   .asce-col-55 {
    65     width: 55%;
    66   }
    67  
    68   .asce-col-40 {
    69     width: 40%;
    70   }
    71  
    72   .asce-col-30 {
    73     width: 30%;
    74   }
    75  
    76   .asce-col-20 {
    77     width: 20%;
    78   }
    79  
    80   .asce-col-15 {
    81     width: 15%;
    82   }
    83  
    84   .main-widget-section-wrap {
    85     display: flex;
    86     flex-wrap: wrap;
    87     align-items: flex-start;
    88     gap: 30px;
    89   }
    90  
    91   .main-widget-section-wrap .primary-widgets-section {
    92     width: 100%;
    93   }
    94  
    95   @media (min-width: 768px) {
    96     .main-widget-section-wrap .primary-widgets-section {
    97       width: calc(70% - 15px);
    98     }
    99   }
    100  
    101   .main-widget-section-wrap .secondary-widgets-section {
    102     width: 100%;
    103   }
    104  
    105   @media (min-width: 768px) {
    106     .main-widget-section-wrap .secondary-widgets-section {
    107       width: calc(30% - 15px);
    108       position: sticky;
    109       top: 40px;
    110     }
    111   }
    112  
    113   @media (min-width: 768px) {
    114     .main-widget-section-wrap.frontpage-left-sidebar {
    115       flex-direction: row-reverse;
    116     }
    117   }
    118  
    119   .main-widget-section-wrap.no-frontpage-sidebar .primary-widgets-section {
    120     width: 100%;
    121   }
    122  
    123  
    124   /*--------------------------------------------------------------
    125   # Generic
    126   --------------------------------------------------------------*/
    127  
    128  
    129   /* Normalize
    130   --------------------------------------------- */
    131  
    132  
    133   /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    134  
    135  
    136   /* Document
    137        ========================================================================== */
    138  
    139  
    140   /**
    141    * 1. Correct the line height in all browsers.
    142    * 2. Prevent adjustments of font size after orientation changes in iOS.
    143    */
    144  
    145   html {
    146     line-height: 1.15;
    147     -webkit-text-size-adjust: 100%;
    148   }
    149  
    150  
    151   /* Sections
    152        ========================================================================== */
    153  
    154  
    155   /**
    156    * Remove the margin in all browsers.
    157    */
    158  
    159   body {
    160     margin: 0;
    161     font-family: 'Mulish', sans-serif;
    162   }
    163  
    164  
    165   /**
    166    * Render the `main` element consistently in IE.
    167    */
    168  
    169   main {
    170     display: block;
    171   }
    172  
    173  
    174   /**
    175    * Correct the font size and margin on `h1` elements within `section` and
    176    * `article` contexts in Chrome, Firefox, and Safari.
    177    */
    178  
    179   h1 {
    180     font-size: 2em;
    181     margin: 0.67em 0;
    182   }
    183  
    184  
    185   /* Grouping content
    186        ========================================================================== */
    187  
    188  
    189   /**
    190    * 1. Add the correct box sizing in Firefox.
    191    * 2. Show the overflow in Edge and IE.
    192    */
    193  
    194   hr {
    195     box-sizing: content-box;
    196     height: 0;
    197     overflow: visible;
    198   }
    199  
    200  
    201   /**
    202    * 1. Correct the inheritance and scaling of font size in all browsers.
    203    * 2. Correct the odd `em` font sizing in all browsers.
    204    */
    205  
    206   pre {
    207     font-family: 'Mulish', sans-serif;
    208     font-size: 1em;
    209   }
    210  
    211  
    212   /* Text-level semantics
    213        ========================================================================== */
    214  
    215  
    216   /**
    217    * Remove the gray background on active links in IE 10.
    218    */
    219  
    220   a {
    221     background-color: transparent;
    222   }
    223  
    224  
    225   /**
    226    * 1. Remove the bottom border in Chrome 57-
    227    * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
    228    */
    229  
    230   abbr[title] {
    231     border-bottom: none;
    232     text-decoration: underline;
    233     text-decoration: underline dotted;
    234   }
    235  
    236  
    237   /**
    238    * Add the correct font weight in Chrome, Edge, and Safari.
    239    */
    240  
    241   b,
    242   strong {
    243     font-weight: bolder;
    244   }
    245  
    246  
    247   /**
    248    * 1. Correct the inheritance and scaling of font size in all browsers.
    249    * 2. Correct the odd `em` font sizing in all browsers.
    250    */
    251  
    252   code,
    253   kbd,
    254   samp {
    255     font-family: 'Mulish', sans-serif;
    256     font-size: 1em;
    257   }
    258  
    259  
    260   /**
    261    * Add the correct font size in all browsers.
    262    */
    263  
    264   small {
    265     font-size: 80%;
    266   }
    267  
    268  
    269   /**
    270    * Prevent `sub` and `sup` elements from affecting the line height in
    271    * all browsers.
    272    */
    273  
    274   sub,
    275   sup {
    276     font-size: 75%;
    277     line-height: 0;
    278     position: relative;
    279     vertical-align: baseline;
    280   }
    281  
    282   sub {
    283     bottom: -0.25em;
    284   }
    285  
    286   sup {
    287     top: -0.5em;
    288   }
    289  
    290  
    291   /* Embedded content
    292        ========================================================================== */
    293  
    294  
    295   /**
    296    * Remove the border on images inside links in IE 10.
    297    */
    298  
    299   img {
    300     border-style: none;
    301   }
    302  
    303  
    304   /* Forms
    305        ========================================================================== */
    306  
    307  
    308   /**
    309    * 1. Change the font styles in all browsers.
    310    * 2. Remove the margin in Firefox and Safari.
    311    */
    312  
    313   button,
    314   input,
    315   optgroup,
    316   select,
    317   textarea {
    318     font-family: 'Mulish', sans-serif;
    319     font-size: 100%;
    320     line-height: 1.15;
    321     margin: 0;
    322   }
    323  
    324  
    325   /**
    326    * Show the overflow in IE.
    327    * 1. Show the overflow in Edge.
    328    */
    329  
    330   button,
    331   input {
    332     overflow: visible;
    333   }
    334  
    335  
    336   /**
    337    * Remove the inheritance of text transform in Edge, Firefox, and IE.
    338    * 1. Remove the inheritance of text transform in Firefox.
    339    */
    340  
    341   button,
    342   select {
    343     text-transform: none;
    344   }
    345  
    346  
    347   /**
    348    * Correct the inability to style clickable types in iOS and Safari.
    349    */
    350  
    351   button,
    352   [type="button"],
    353   [type="reset"],
    354   [type="submit"] {
    355     -webkit-appearance: button;
    356   }
    357  
    358  
    359   /**
    360    * Remove the inner border and padding in Firefox.
    361    */
    362  
    363   button::-moz-focus-inner,
    364   [type="button"]::-moz-focus-inner,
    365   [type="reset"]::-moz-focus-inner,
    366   [type="submit"]::-moz-focus-inner {
    367     border-style: none;
    368     padding: 0;
    369   }
    370  
    371  
    372   /**
    373    * Restore the focus styles unset by the previous rule.
    374    */
    375  
    376   button:-moz-focusring,
    377   [type="button"]:-moz-focusring,
    378   [type="reset"]:-moz-focusring,
    379   [type="submit"]:-moz-focusring {
    380     outline: 1px dotted ButtonText;
    381   }
    382  
    383  
    384   /**
    385    * Correct the padding in Firefox.
    386    */
    387  
    388   fieldset {
    389     padding: 0.35em 0.75em 0.625em;
    390   }
    391  
    392  
    393   /**
    394    * 1. Correct the text wrapping in Edge and IE.
    395    * 2. Correct the color inheritance from `fieldset` elements in IE.
    396    * 3. Remove the padding so developers are not caught out when they zero out
    397    *            `fieldset` elements in all browsers.
    398    */
    399  
    400   legend {
    401     box-sizing: border-box;
    402     color: inherit;
    403     display: table;
    404     max-width: 100%;
    405     padding: 0;
    406     white-space: normal;
    407   }
    408  
    409  
    410   /**
    411    * Add the correct vertical alignment in Chrome, Firefox, and Opera.
    412    */
    413  
    414   progress {
    415     vertical-align: baseline;
    416   }
    417  
    418  
    419   /**
    420    * Remove the default vertical scrollbar in IE 10+.
    421    */
    422  
    423   textarea {
    424     overflow: auto;
    425   }
    426  
    427  
    428   /**
    429    * 1. Add the correct box sizing in IE 10.
    430    * 2. Remove the padding in IE 10.
    431    */
    432  
    433   [type="checkbox"],
    434   [type="radio"] {
    435     box-sizing: border-box;
    436     padding: 0;
    437   }
    438  
    439  
    440   /**
    441    * Correct the cursor style of increment and decrement buttons in Chrome.
    442    */
    443  
    444   [type="number"]::-webkit-inner-spin-button,
    445   [type="number"]::-webkit-outer-spin-button {
    446     height: auto;
    447   }
    448  
    449  
    450   /**
    451    * 1. Correct the odd appearance in Chrome and Safari.
    452    * 2. Correct the outline style in Safari.
    453    */
    454  
    455   [type="search"] {
    456     -webkit-appearance: textfield;
    457     outline-offset: -2px;
    458   }
    459  
    460  
    461   /**
    462    * Remove the inner padding in Chrome and Safari on macOS.
    463    */
    464  
    465   [type="search"]::-webkit-search-decoration {
    466     -webkit-appearance: none;
    467   }
    468  
    469  
    470   /**
    471    * 1. Correct the inability to style clickable types in iOS and Safari.
    472    * 2. Change font properties to `inherit` in Safari.
    473    */
    474  
    475   ::-webkit-file-upload-button {
    476     -webkit-appearance: button;
    477     font: inherit;
    478   }
    479  
    480  
    481   /* Interactive
    482        ========================================================================== */
    483  
    484  
    485   /*
    486    * Add the correct display in Edge, IE 10+, and Firefox.
    487    */
    488  
    489   details {
    490     display: block;
    491   }
    492  
    493  
    494   /*
    495    * Add the correct display in all browsers.
    496    */
    497  
    498   summary {
    499     display: list-item;
    500   }
    501  
    502  
    503   /* Misc
    504        ========================================================================== */
    505  
    506  
    507   /**
    508    * Add the correct display in IE 10+.
    509    */
    510  
    511   template {
    512     display: none;
    513   }
    514  
    515  
    516   /**
    517    * Add the correct display in IE 10.
    518    */
    519  
    520   [hidden] {
    521     display: none;
    522   }
    523  
    524  
    525   /* Box sizing
    526   --------------------------------------------- */
    527  
    528  
    529   /* Inherit box-sizing to more easily change it's value on a component level.
    530   @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    531  
    532   *,
    533   *::before,
    534   *::after {
    535     box-sizing: inherit;
    536   }
    537  
    538   html {
    539     box-sizing: border-box;
    540   }
    541  
    542  
    543   /*--------------------------------------------------------------
    544   # Base
    545   --------------------------------------------------------------*/
    546  
    547  
    548   /* Typography
    549   --------------------------------------------- */
    550  
    551   body,
    552   button,
    553   input,
    554   select,
    555   optgroup,
    556   textarea {
    557     color: #404040;
    558     font-family: 'Mulish', sans-serif;
    559     font-size: 1rem;
    560     line-height: 1.5;
    561   }
    562  
    563   h1,
    564   h2,
    565   h3,
    566   h4,
    567   h5,
    568   h6 {
    569     font-family: 'Mulish', sans-serif;
    570     clear: both;
    571     word-wrap: break-word;
    572     font-family: var(--font-heading);
    573   }
    574  
    575   h1,
    576   .h1 {
    577     font-size: 4.4rem;
    578   }
    579  
    580   h2,
    581   .h2 {
    582     font-size: 3.4rem;
    583   }
    584  
    585   @media (max-width: 992px) {
    586     h2,
    587     .h2 {
    588       font-size: 2.8rem;
    589     }
    590   }
    591  
    592   @media (max-width: 767.98px) {
    593     h2,
    594     .h2 {
    595       font-size: 2.3rem;
    596     }
    597   }
    598  
    599   h3,
    600   .h3 {
    601     font-size: 1.9rem;
    602   }
    603  
    604   h4,
    605   .h4 {
    606     font-size: 1.5rem;
    607   }
    608  
    609   h1,
    610   h2,
    611   h3,
    612   h4,
    613   h5,
    614   h6 {
    615     display: block;
    616     font-weight: 600;
    617     font-family: var(--font-heading);
    618   }
    619  
    620   h1 {
    621     font-size: 2em;
    622     margin: .67em 0;
    623   }
    624  
    625   h2,
    626   h3 {
    627     font-size: 1.3em;
    628     margin: 1em 0;
    629   }
    630  
    631   .update-core-php h2 {
    632     margin-top: 4em;
    633   }
    634  
    635   .update-php h2,
    636   .update-messages h2,
    637   h4 {
    638     font-size: 1em;
    639     margin: 1.33em 0;
    640   }
    641  
    642   h5 {
    643     font-size: 0.83em;
    644     margin: 1.67em 0;
    645   }
    646  
    647   h6 {
    648     font-size: 0.67em;
    649     margin: 2.33em 0;
    650   }
    651  
    652   h1.page-title {
    653     font-size: 4.4rem;
    654     margin: 0.5rem 0 1.5rem;
    655   }
    656  
    657   @media (max-width: 480px) {
    658     h1.page-title {
    659       font-size: 2.4rem;
    660     }
    661   }
    662  
    663   .woocommerce-products-header__title {
    664     margin-top: 0;
    665     margin-bottom: 20px;
    666     line-height: 1;
    667   }
    668  
    669   body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
     22}
     23.asce-col-1 {
     24        width: 100%;
     25}
     26
     27.asce-col-2 {
     28        width: 50%;
     29}
     30
     31.asce-col-2-5 {
     32        width: 66.67%;
     33}
     34
     35.asce-col-3 {
     36        width: 33.33%;
     37}
     38
     39.asce-col-4 {
     40        width: 25%;
     41}
     42
     43.asce-col-80 {
     44        width: 80%;
     45}
     46
     47.asce-col-75 {
     48        width: 75%;
     49}
     50
     51.asce-col-70 {
     52        width: 70%;
     53}
     54
     55.asce-col-60 {
     56        width: 60%;
     57}
     58
     59.asce-col-55 {
     60        width: 55%;
     61}
     62
     63.asce-col-40 {
     64        width: 40%;
     65}
     66
     67.asce-col-30 {
     68        width: 30%;
     69}
     70
     71.asce-col-20 {
     72        width: 20%;
     73}
     74
     75.asce-col-15 {
     76        width: 15%;
     77}
     78
     79.main-widget-section-wrap {
     80        display: flex;
     81        flex-wrap: wrap;
     82        align-items: flex-start;
     83        gap: 30px;
     84}
     85
     86.main-widget-section-wrap .primary-widgets-section {
     87        width: 100%;
     88}
     89
     90@media (min-width: 768px) {
     91        .main-widget-section-wrap .primary-widgets-section {
     92                width: calc(70% - 15px);
     93        }
     94}
     95
     96.main-widget-section-wrap .secondary-widgets-section {
     97        width: 100%;
     98}
     99
     100@media (min-width: 768px) {
     101        .main-widget-section-wrap .secondary-widgets-section {
     102                width: calc(30% - 15px);
     103                position: sticky;
     104                top: 40px;
     105        }
     106}
     107
     108@media (min-width: 768px) {
     109        .main-widget-section-wrap.frontpage-left-sidebar {
     110                flex-direction: row-reverse;
     111        }
     112}
     113
     114.main-widget-section-wrap.no-frontpage-sidebar .primary-widgets-section {
     115        width: 100%;
     116}
     117
     118/*--------------------------------------------------------------
     119# Generic
     120--------------------------------------------------------------*/
     121/* Normalize
     122--------------------------------------------- */
     123/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
     124/* Document
     125         ========================================================================== */
     126/**
     127 * 1. Correct the line height in all browsers.
     128 * 2. Prevent adjustments of font size after orientation changes in iOS.
     129 */
     130html {
     131        line-height: 1.15;
     132        -webkit-text-size-adjust: 100%;
     133}
     134
     135/* Sections
     136         ========================================================================== */
     137/**
     138 * Remove the margin in all browsers.
     139 */
     140body {
     141        margin: 0;
     142        font-family: 'Mulish', sans-serif;
     143}
     144
     145/**
     146 * Render the `main` element consistently in IE.
     147 */
     148main {
     149        display: block;
     150}
     151
     152/**
     153 * Correct the font size and margin on `h1` elements within `section` and
     154 * `article` contexts in Chrome, Firefox, and Safari.
     155 */
     156h1 {
     157        font-size: 2em;
     158        margin: 0.67em 0;
     159}
     160
     161/* Grouping content
     162         ========================================================================== */
     163/**
     164 * 1. Add the correct box sizing in Firefox.
     165 * 2. Show the overflow in Edge and IE.
     166 */
     167hr {
     168        box-sizing: content-box;
     169        height: 0;
     170        overflow: visible;
     171}
     172
     173/**
     174 * 1. Correct the inheritance and scaling of font size in all browsers.
     175 * 2. Correct the odd `em` font sizing in all browsers.
     176 */
     177pre {
     178        font-family: 'Mulish', sans-serif;
     179        font-size: 1em;
     180}
     181
     182/* Text-level semantics
     183         ========================================================================== */
     184/**
     185 * Remove the gray background on active links in IE 10.
     186 */
     187a {
     188        background-color: transparent;
     189}
     190
     191/**
     192 * 1. Remove the bottom border in Chrome 57-
     193 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     194 */
     195abbr[title] {
     196        border-bottom: none;
     197        text-decoration: underline;
     198        text-decoration: underline dotted;
     199}
     200
     201/**
     202 * Add the correct font weight in Chrome, Edge, and Safari.
     203 */
     204b,
     205strong {
     206        font-weight: bolder;
     207}
     208
     209/**
     210 * 1. Correct the inheritance and scaling of font size in all browsers.
     211 * 2. Correct the odd `em` font sizing in all browsers.
     212 */
     213code,
     214kbd,
     215samp {
     216        font-family: 'Mulish', sans-serif;
     217        font-size: 1em;
     218}
     219
     220/**
     221 * Add the correct font size in all browsers.
     222 */
     223small {
     224        font-size: 80%;
     225}
     226
     227/**
     228 * Prevent `sub` and `sup` elements from affecting the line height in
     229 * all browsers.
     230 */
     231sub,
     232sup {
     233        font-size: 75%;
     234        line-height: 0;
     235        position: relative;
     236        vertical-align: baseline;
     237}
     238
     239sub {
     240        bottom: -0.25em;
     241}
     242
     243sup {
     244        top: -0.5em;
     245}
     246
     247/* Embedded content
     248         ========================================================================== */
     249/**
     250 * Remove the border on images inside links in IE 10.
     251 */
     252img {
     253        border-style: none;
     254}
     255
     256/* Forms
     257         ========================================================================== */
     258/**
     259 * 1. Change the font styles in all browsers.
     260 * 2. Remove the margin in Firefox and Safari.
     261 */
     262button,
     263input,
     264optgroup,
     265select,
     266textarea {
     267        font-family: 'Mulish', sans-serif;
     268        font-size: 100%;
     269        line-height: 1.15;
     270        margin: 0;
     271}
     272
     273/**
     274 * Show the overflow in IE.
     275 * 1. Show the overflow in Edge.
     276 */
     277button,
     278input {
     279        overflow: visible;
     280}
     281
     282/**
     283 * Remove the inheritance of text transform in Edge, Firefox, and IE.
     284 * 1. Remove the inheritance of text transform in Firefox.
     285 */
     286button,
     287select {
     288        text-transform: none;
     289}
     290
     291/**
     292 * Correct the inability to style clickable types in iOS and Safari.
     293 */
     294button,
     295[type="button"],
     296[type="reset"],
     297[type="submit"] {
     298        -webkit-appearance: button;
     299}
     300
     301/**
     302 * Remove the inner border and padding in Firefox.
     303 */
     304button::-moz-focus-inner,
     305[type="button"]::-moz-focus-inner,
     306[type="reset"]::-moz-focus-inner,
     307[type="submit"]::-moz-focus-inner {
     308        border-style: none;
     309        padding: 0;
     310}
     311
     312/**
     313 * Restore the focus styles unset by the previous rule.
     314 */
     315button:-moz-focusring,
     316[type="button"]:-moz-focusring,
     317[type="reset"]:-moz-focusring,
     318[type="submit"]:-moz-focusring {
     319        outline: 1px dotted ButtonText;
     320}
     321
     322/**
     323 * Correct the padding in Firefox.
     324 */
     325fieldset {
     326        padding: 0.35em 0.75em 0.625em;
     327}
     328
     329/**
     330 * 1. Correct the text wrapping in Edge and IE.
     331 * 2. Correct the color inheritance from `fieldset` elements in IE.
     332 * 3. Remove the padding so developers are not caught out when they zero out
     333 *              `fieldset` elements in all browsers.
     334 */
     335legend {
     336        box-sizing: border-box;
     337        color: inherit;
     338        display: table;
     339        max-width: 100%;
     340        padding: 0;
     341        white-space: normal;
     342}
     343
     344/**
     345 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     346 */
     347progress {
     348        vertical-align: baseline;
     349}
     350
     351/**
     352 * Remove the default vertical scrollbar in IE 10+.
     353 */
     354textarea {
     355        overflow: auto;
     356}
     357
     358/**
     359 * 1. Add the correct box sizing in IE 10.
     360 * 2. Remove the padding in IE 10.
     361 */
     362[type="checkbox"],
     363[type="radio"] {
     364        box-sizing: border-box;
     365        padding: 0;
     366}
     367
     368/**
     369 * Correct the cursor style of increment and decrement buttons in Chrome.
     370 */
     371[type="number"]::-webkit-inner-spin-button,
     372[type="number"]::-webkit-outer-spin-button {
     373        height: auto;
     374}
     375
     376/**
     377 * 1. Correct the odd appearance in Chrome and Safari.
     378 * 2. Correct the outline style in Safari.
     379 */
     380[type="search"] {
     381        -webkit-appearance: textfield;
     382        outline-offset: -2px;
     383}
     384
     385/**
     386 * Remove the inner padding in Chrome and Safari on macOS.
     387 */
     388[type="search"]::-webkit-search-decoration {
     389        -webkit-appearance: none;
     390}
     391
     392/**
     393 * 1. Correct the inability to style clickable types in iOS and Safari.
     394 * 2. Change font properties to `inherit` in Safari.
     395 */
     396::-webkit-file-upload-button {
     397        -webkit-appearance: button;
     398        font: inherit;
     399}
     400
     401/* Interactive
     402         ========================================================================== */
     403/*
     404 * Add the correct display in Edge, IE 10+, and Firefox.
     405 */
     406details {
     407        display: block;
     408}
     409
     410/*
     411 * Add the correct display in all browsers.
     412 */
     413summary {
     414        display: list-item;
     415}
     416
     417/* Misc
     418         ========================================================================== */
     419/**
     420 * Add the correct display in IE 10+.
     421 */
     422template {
     423        display: none;
     424}
     425
     426/**
     427 * Add the correct display in IE 10.
     428 */
     429[hidden] {
     430        display: none;
     431}
     432
     433/* Box sizing
     434--------------------------------------------- */
     435/* Inherit box-sizing to more easily change it's value on a component level.
     436@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
     437*,
     438*::before,
     439*::after {
     440        box-sizing: inherit;
     441}
     442
     443html {
     444        box-sizing: border-box;
     445}
     446
     447/*--------------------------------------------------------------
     448# Base
     449--------------------------------------------------------------*/
     450/* Typography
     451--------------------------------------------- */
     452body,
     453button,
     454input,
     455select,
     456optgroup,
     457textarea {
     458        color: #404040;
     459        font-family: 'Mulish', sans-serif;
     460        font-size: 1rem;
     461        line-height: 1.5;
     462}
     463
     464h1,
     465h2,
     466h3,
     467h4,
     468h5,
     469h6 {
     470        font-family: 'Mulish', sans-serif;
     471        clear: both;
     472        word-wrap: break-word;
     473        font-family: var(--font-heading);
     474}
     475
     476h1,
     477.h1 {
     478        font-size: 4.4rem;
     479}
     480
     481h2,
     482.h2 {
     483        font-size: 3.4rem;
     484}
     485
     486@media (max-width: 992px) {
     487        h2,
     488        .h2 {
     489                font-size: 2.8rem;
     490        }
     491}
     492
     493@media (max-width: 767.98px) {
     494        h2,
     495        .h2 {
     496                font-size: 2.3rem;
     497        }
     498}
     499
     500h3,
     501.h3 {
     502        font-size: 1.9rem;
     503}
     504
     505h4,
     506.h4 {
     507        font-size: 1.5rem;
     508}
     509
     510h1,
     511h2,
     512h3,
     513h4,
     514h5,
     515h6 {
     516        display: block;
     517        font-weight: 600;
     518        font-family: var(--font-heading);
     519}
     520
     521h1 {
     522        font-size: 2em;
     523        margin: .67em 0;
     524}
     525
     526h2,
     527h3 {
     528        font-size: 1.3em;
     529        margin: 1em 0;
     530}
     531
     532.update-core-php h2 {
     533        margin-top: 4em;
     534}
     535
     536.update-php h2,
     537.update-messages h2,
     538h4 {
     539        font-size: 1em;
     540        margin: 1.33em 0;
     541}
     542
     543h5 {
     544        font-size: 0.83em;
     545        margin: 1.67em 0;
     546}
     547
     548h6 {
     549        font-size: 0.67em;
     550        margin: 2.33em 0;
     551}
     552
     553h1.page-title {
     554        font-size: 4.4rem;
     555        margin: 0.5rem 0 1.5rem;
     556}
     557
     558@media (max-width: 480px) {
     559        h1.page-title {
     560                font-size: 2.4rem;
     561        }
     562}
     563.add_to_cart_button {
     564        border-radius: 3px !important;
     565        font-weight: 700 !important;
     566        padding: 12px 15px !important;
     567    color: #fff !important;
     568    margin: 3px !important;
     569    font-size: 18px !important;
     570    line-height: 15px !important;
     571    background: var(--primary-color) !important;
     572}
     573.add_to_cart_button:hover{
     574        background: #111111 !important;
     575        color: #fff !important;
     576}
     577.wc-block-grid__product-onsale {
     578        top: 0px !important;
     579        left: auto !important;
     580        right: 0px !important;
     581        margin: 0 !important;
     582        line-height: 1 !important;
     583        background: #000 !important;
     584        border-radius: 25px !important;
     585        padding: 9px 10px !important;
     586        border-radius: 0px !important;
     587        height: 33px !important;
     588        min-height: 0 !important;
     589        text-transform: uppercase !important;
     590        color: #fff !important;
     591        font-size: 13.5px !important;
     592}
     593.wc-block-components-button__text{
     594        color:#fff;
     595}
     596.wc-block-components-button{
     597        text-decoration: none !important;
     598}
     599.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
     600  text-decoration: none;
     601}
     602.woocommerce-products-header__title {
     603        margin-top: 0;
     604        margin-bottom: 20px;
     605        line-height: 1;
     606}
     607body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    670608    min-height: 3em;
    671609    border: 1px solid #fff;
    672     margin-top: 1em;
    673   }
    674  
    675   .page-header h1 {
    676     font-size: var(--font-size-xl);
    677     margin-top: 0;
    678     line-height: 1.2;
    679   }
    680  
    681   .section-header-subtitle {
    682     text-align: center;
    683     margin-bottom: 50px;
    684   }
    685  
    686   .section-header-subtitle .section-title {
    687     font-size: var(--font-size-xl);
    688     margin-top: 0;
    689     margin-bottom: 0;
    690     line-height: 1.2;
    691   }
    692  
    693   .section-header-subtitle .section-subtitle {
    694     font-size: var(--font-size-base);
    695     font-family: var(--font-main);
    696     margin-top: 0;
    697     margin-bottom: 0;
    698   }
    699  
    700   p {
    701     margin-bottom: 1.5em;
    702   }
    703  
    704   dfn,
    705   cite,
    706   em,
    707   i {
    708     font-style: italic;
    709   }
    710  
    711   blockquote {
    712     margin: 0 1.5em;
    713   }
    714  
    715   address {
    716     margin: 0 0 1.5em;
    717   }
    718  
    719   pre {
    720     background: #000;
    721     font-family: "Courier 10 Pitch", courier, monospace;
    722     line-height: 1.6;
    723     margin-bottom: 1.6em;
    724     max-width: 100%;
    725     overflow: auto;
    726     padding: 1.6em;
    727   }
    728  
    729   code,
    730   kbd,
    731   tt,
    732   var {
    733     font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    734   }
    735  
    736   abbr,
    737   acronym {
    738     border-bottom: 1px dotted #666;
    739     cursor: help;
    740   }
    741  
    742  
    743   /*mark,
    744   ins {
    745       background: #fff9c0;
    746       text-decoration: none;
    747   }*/
    748  
    749   big {
    750     font-size: 125%;
    751   }
    752  
    753   .entry-content a,
    754   .textwidget p a,
    755   .comment-content a {
     610}
     611.page-header h1 {
     612        font-size: var(--font-size-xl);
     613        margin-top: 0;
     614        line-height: 1.2;
     615}
     616
     617.section-header-subtitle {
     618        text-align: center;
     619        margin-bottom: 50px;
     620}
     621
     622.section-header-subtitle .section-title {
     623        font-size: var(--font-size-xl);
     624        margin-top: 0;
     625        margin-bottom: 0;
     626        line-height: 1.2;
     627}
     628
     629.section-header-subtitle .section-subtitle {
     630        font-size: var(--font-size-base);
     631        font-family: var(--font-main);
     632        margin-top: 0;
     633        margin-bottom: 0;
     634}
     635
     636p {
     637        margin-bottom: 1.5em;
     638}
     639
     640dfn,
     641cite,
     642em,
     643i {
     644        font-style: italic;
     645}
     646
     647blockquote {
     648        margin: 0 1.5em;
     649}
     650
     651address {
     652        margin: 0 0 1.5em;
     653}
     654
     655pre {
     656        background: #000;
     657        font-family: "Courier 10 Pitch", courier, monospace;
     658        line-height: 1.6;
     659        margin-bottom: 1.6em;
     660        max-width: 100%;
     661        overflow: auto;
     662        padding: 1.6em;
     663}
     664
     665code,
     666kbd,
     667tt,
     668var {
     669        font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
     670}
     671
     672abbr,
     673acronym {
     674        border-bottom: 1px dotted #666;
     675        cursor: help;
     676}
     677
     678/*mark,
     679ins {
     680        background: #fff9c0;
     681        text-decoration: none;
     682}*/
     683
     684big {
     685        font-size: 125%;
     686}
     687
     688.entry-content a, .textwidget p a,.comment-content a{
    756689    text-decoration: underline;
    757   }
    758  
    759  
    760   /* Elements
    761   --------------------------------------------- */
    762  
    763   :root {
    764     --primary-color: #0fb2b3;
    765     --secondary-color: #76f5fd;
    766     --background-color-white: #202020;
    767     --background-color-grey: #F6F7FB;
    768     --background-color-light-grey: #f8f8f8;
    769     --background-color-dark: #a3a3a3;
    770     --background-color-gradiant: linear-gradient(to right, var(--secondary-color) , var(--primary-color));
    771     --footer-top-background: #f8f8f8;
    772     --footer-top-color: #3a3a3a;
    773     --footer-bottom-background: #e8e8e8;
    774     --footer-bottom-color: #3a3a3a;
    775     --color-text-main: #3A3A3A;
    776     --color-text-white: #fff;
    777     --input-border-color: rgba(200, 200, 200, .5);
    778     --notice-success-bg-color: #D4EDDA;
    779     --notice-success-text-color: #155724;
    780     --notice-info-bg-color: #D1ECF1;
    781     --notice-info-text-color: #0C5460;
    782     --notice-warning-bg-color: #FFF3CD;
    783     --notice-warning-text-color: #856404;
    784     --notice-danger-bg-color: #F8D7DA;
    785     --notice-danger-text-color: #721C24;
    786     --font-size-xs: clamp(0.7rem, 0.17vw + 0.76rem, 0.79rem);
    787     --font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);
    788     --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
    789     --font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);
    790     --font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);
    791     --font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);
    792     --font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
    793     --font-size-xxxl: clamp(2.95rem, 3.54vw + 2.17rem, 5rem);
    794     --border-round-button: 30px;
    795     --font-main: 'Poppins', sans-serif;
    796     --font-heading: 'Raleway', sans-serif;
    797     --font-paragraph: 'Tenor Sans', sans-serif;
    798     --font-line-height-body: 1.5;
    799     --font-line-height-pre: 1.6;
    800   }
    801  
    802   * {
    803     box-sizing: border-box;
    804   }
    805  
    806   body {
    807     font-size: 1rem;
    808     font-family: var(--font-main);
    809     color: #fff;
    810     background-color: #2D2D2D;
    811   }
    812  
    813   body.page {
    814     margin-bottom: 0;
    815   }
    816  
    817   @media (max-width: 767.98px) {
    818     body {
    819       font-size: 1em;
    820     }
    821   }
    822  
    823   body.menu-opened {
    824     overflow: hidden;
    825   }
    826  
    827   hr {
    828     background-color: #ccc;
    829     border: 0;
    830     height: 1px;
    831     margin-bottom: 1.5em;
    832   }
    833  
    834   ul,
    835   ol {
    836     margin: 0 3em 1.5em 0;
    837   }
    838  
    839   li > ul,
    840   li > ol {
    841     margin-bottom: 0;
    842     margin-right: 1.5em;
    843   }
    844  
    845   dt {
    846     font-weight: 700;
    847   }
    848  
    849   dd {
    850     margin: 0 1.5em 1.5em;
    851   }
    852  
    853  
    854   /* Make sure embeds and iframes fit their containers. */
    855  
    856   embed,
    857   iframe,
    858   object {
    859     max-width: 100%;
    860   }
    861  
    862   img {
    863     height: auto;
    864     max-width: 100%;
    865   }
    866  
    867   figure {
    868     margin: 1em 0;
    869   }
    870  
    871   table {
    872     margin: 0 0 1.5em;
    873     width: 100%;
    874   }
    875  
    876  
    877   /* Links
    878   --------------------------------------------- */
    879  
    880   a {
    881     color: var(--primary-color);
    882     text-decoration: none;
    883   }
    884  
    885   a:visited {
    886     color: var(--primary-color);
    887   }
    888  
    889   a:hover,
    890   a:focus,
    891   a:active {
    892     color: var(--primary-color);
    893   }
    894  
    895   a:focus {
    896     outline: thin dotted;
    897     outline-offset: 1px;
    898   }
    899  
    900   a:hover,
    901   a:active {
    902     outline: 0;
    903   }
    904  
    905   a:focus-within {
    906     outline: thin dotted;
    907     outline-offset: -2px;
    908   }
    909  
    910   a ul.social-links {
    911     margin: 0;
    912     padding: 0;
    913     list-style: none;
    914     display: flex;
    915     gap: 10px;
    916   }
    917  
    918   a .author-social-contacts a,
    919   a .teams-social a,
    920   a ul.social-links a {
    921     width: 20px;
    922     height: 20px;
    923     opacity: 0.8;
    924     display: flex;
    925     font-size: 16px;
    926     overflow: hidden;
    927     position: relative;
    928     align-items: center;
    929     text-decoration: none;
    930     justify-content: center;
    931     transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    932     color: var(--color-text-white);
    933   }
    934  
    935   a .author-social-contacts a::before,
    936   a .teams-social a::before,
    937   a ul.social-links a::before {
    938     -webkit-font-smoothing: antialiased;
    939     -moz-osx-font-smoothing: grayscale;
    940     font-style: normal;
    941     font-variant: normal;
    942     font-weight: 400;
    943     line-height: 1;
    944     font-family: 'Font Awesome 7 brands';
    945     vertical-align: baseline;
    946     transition: all, ease, .3s;
    947   }
    948  
    949   a .author-social-contacts a[href*='facebook.com']::before,
    950   a .teams-social a[href*='facebook.com']::before,
    951   a ul.social-links a[href*='facebook.com']::before {
    952     content: "\f39e";
    953   }
    954  
    955   a .author-social-contacts a[href*='twitter.com']::before,
    956   a .teams-social a[href*='twitter.com']::before,
    957   a ul.social-links a[href*='twitter.com']::before {
    958     content: "\f099";
    959   }
    960  
    961   a .author-social-contacts a[href*='instagram.com']::before,
    962   a .teams-social a[href*='instagram.com']::before,
    963   a ul.social-links a[href*='instagram.com']::before {
    964     content: "\f16d";
    965   }
    966  
    967   a .author-social-contacts a[href*='youtube.com']::before,
    968   a .teams-social a[href*='youtube.com']::before,
    969   a ul.social-links a[href*='youtube.com']::before {
    970     content: "\f167";
    971   }
    972  
    973   a .author-social-contacts a[href*='discord.com']::before,
    974   a .teams-social a[href*='discord.com']::before,
    975   a ul.social-links a[href*='discord.com']::before {
    976     content: "\f392";
    977   }
    978  
    979   a .author-social-contacts a[href*='dribbble.com']::before,
    980   a .teams-social a[href*='dribbble.com']::before,
    981   a ul.social-links a[href*='dribbble.com']::before {
    982     content: "\f17d";
    983   }
    984  
    985   a .author-social-contacts a[href*='google.com']::before,
    986   a .teams-social a[href*='google.com']::before,
    987   a ul.social-links a[href*='google.com']::before {
    988     content: "\f1a0";
    989   }
    990  
    991   a .author-social-contacts a[href*='line.me']::before,
    992   a .teams-social a[href*='line.me']::before,
    993   a ul.social-links a[href*='line.me']::before {
    994     content: "\f3c0";
    995   }
    996  
    997   a .author-social-contacts a[href*='linkedin.com']::before,
    998   a .teams-social a[href*='linkedin.com']::before,
    999   a ul.social-links a[href*='linkedin.com']::before {
    1000     content: "\f08c";
    1001   }
    1002  
    1003   a .author-social-contacts a[href*='medium.com']::before,
    1004   a .teams-social a[href*='medium.com']::before,
    1005   a ul.social-links a[href*='medium.com']::before {
    1006     content: "\f23a";
    1007   }
    1008  
    1009   a .author-social-contacts a[href*='messenger.com']::before,
    1010   a .teams-social a[href*='messenger.com']::before,
    1011   a ul.social-links a[href*='messenger.com']::before {
    1012     content: "\f39f";
    1013   }
    1014  
    1015   a .author-social-contacts a[href*='paypal.com']::before,
    1016   a .teams-social a[href*='paypal.com']::before,
    1017   a ul.social-links a[href*='paypal.com']::before {
    1018     content: "\f1ed";
    1019   }
    1020  
    1021   a .author-social-contacts a[href*='pinterest.com']::before,
    1022   a .teams-social a[href*='pinterest.com']::before,
    1023   a ul.social-links a[href*='pinterest.com']::before {
    1024     content: "\f0d2";
    1025   }
    1026  
    1027   a .author-social-contacts a[href*='reddit.com']::before,
    1028   a .teams-social a[href*='reddit.com']::before,
    1029   a ul.social-links a[href*='reddit.com']::before {
    1030     content: "\f1a1";
    1031   }
    1032  
    1033   a .author-social-contacts a[href*='skype.com']::before,
    1034   a .teams-social a[href*='skype.com']::before,
    1035   a ul.social-links a[href*='skype.com']::before {
    1036     content: "\f17e";
    1037   }
    1038  
    1039   a .author-social-contacts a[href*='slack.com']::before,
    1040   a .teams-social a[href*='slack.com']::before,
    1041   a ul.social-links a[href*='slack.com']::before {
    1042     content: "\f198";
    1043   }
    1044  
    1045   a .author-social-contacts a[href*='snapchat.com']::before,
    1046   a .teams-social a[href*='snapchat.com']::before,
    1047   a ul.social-links a[href*='snapchat.com']::before {
    1048     content: "\f2ad";
    1049   }
    1050  
    1051   a .author-social-contacts a[href*='spotify.com']::before,
    1052   a .teams-social a[href*='spotify.com']::before,
    1053   a ul.social-links a[href*='spotify.com']::before {
    1054     content: "\f1bc";
    1055   }
    1056  
    1057   a .author-social-contacts a[href*='stackoverflow.com']::before,
    1058   a .teams-social a[href*='stackoverflow.com']::before,
    1059   a ul.social-links a[href*='stackoverflow.com']::before {
    1060     content: "\f16c";
    1061   }
    1062  
    1063   a .author-social-contacts a[href*='telegram.org']::before,
    1064   a .teams-social a[href*='telegram.org']::before,
    1065   a ul.social-links a[href*='telegram.org']::before {
    1066     content: "\f3fe";
    1067   }
    1068  
    1069   a .author-social-contacts a[href*='twitch.tv']::before,
    1070   a .teams-social a[href*='twitch.tv']::before,
    1071   a ul.social-links a[href*='twitch.tv']::before {
    1072     content: "\f1e8";
    1073   }
    1074  
    1075   a .author-social-contacts a[href*='vimeo.com']::before,
    1076   a .teams-social a[href*='vimeo.com']::before,
    1077   a ul.social-links a[href*='vimeo.com']::before {
    1078     content: "\f27d";
    1079   }
    1080  
    1081   a .author-social-contacts a[href*='whatsapp.com']::before,
    1082   a .teams-social a[href*='whatsapp.com']::before,
    1083   a ul.social-links a[href*='whatsapp.com']::before {
    1084     content: "\f232";
    1085   }
    1086  
    1087   a .author-social-contacts a[href*='wordpress.org']::before,
    1088   a .teams-social a[href*='wordpress.org']::before,
    1089   a ul.social-links a[href*='wordpress.org']::before {
    1090     content: "\f19a";
    1091   }
    1092  
    1093   a .author-social-contacts a[href*='youtube.com']::before,
    1094   a .teams-social a[href*='youtube.com']::before,
    1095   a ul.social-links a[href*='youtube.com']::before {
    1096     content: "\f167";
    1097   }
    1098  
    1099   a .author-social-contacts a:focus,
    1100   a .author-social-contacts a:hover,
    1101   a .teams-social a:focus,
    1102   a .teams-social a:hover,
    1103   a ul.social-links a:focus,
    1104   a ul.social-links a:hover {
    1105     opacity: 1;
    1106   }
    1107  
    1108   a .widget_corporate_solutions_social_icons ul.social-links a {
    1109     font-size: var(--font-size-xs);
    1110     padding: 12px;
    1111     opacity: 1;
    1112     width: auto;
    1113     height: auto;
    1114     color: #fff;
    1115     line-height: 1;
    1116     border-radius: 5px;
    1117     overflow: visible;
    1118     display: flex;
    1119     align-items: center;
    1120     justify-content: center;
    1121     gap: 5px;
    1122     margin: 0px 0px 10px 10px;
    1123     opacity: 0.7;
    1124   }
    1125  
    1126   a .widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] {
    1127     background-color: #3b5999;
    1128   }
    1129  
    1130   a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] {
    1131     background-color: #55acee;
    1132   }
    1133  
    1134   a .widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] {
    1135     background-color: #3F729B;
    1136   }
    1137  
    1138   a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
    1139     background-color: #cd201f;
    1140   }
    1141  
    1142   a .widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] {
    1143     background-color: #5865F2;
    1144   }
    1145  
    1146   a .widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] {
    1147     background-color: #ea4c89;
    1148   }
    1149  
    1150   a .widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] {
    1151     background-color: #dd4b39;
    1152   }
    1153  
    1154   a .widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] {
    1155     background-color: #00b900;
    1156   }
    1157  
    1158   a .widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] {
    1159     background-color: #0e76a8;
    1160   }
    1161  
    1162   a .widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] {
    1163     background-color: #66cdaa;
    1164   }
    1165  
    1166   a .widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] {
    1167     background-color: #006AFF;
    1168   }
    1169  
    1170   a .widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] {
    1171     background-color: #3b7bbf;
    1172   }
    1173  
    1174   a .widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] {
    1175     background-color: #E60023;
    1176   }
    1177  
    1178   a .widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] {
    1179     background-color: #ff5700;
    1180   }
    1181  
    1182   a .widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] {
    1183     background-color: #00aff0;
    1184   }
    1185  
    1186   a .widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] {
    1187     background-color: #ECB22E;
    1188   }
    1189  
    1190   a .widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] {
    1191     background-color: #FFFC00;
    1192   }
    1193  
    1194   a .widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] {
    1195     background-color: #1DB954;
    1196   }
    1197  
    1198   a .widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] {
    1199     background-color: #F47F24;
    1200   }
    1201  
    1202   a .widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] {
    1203     background-color: #229ED9;
    1204   }
    1205  
    1206   a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] {
    1207     background-color: #6441a5;
    1208   }
    1209  
    1210   a .widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] {
    1211     background-color: #86c9ef;
    1212   }
    1213  
    1214   a .widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] {
    1215     background-color: #34B7F1;
    1216   }
    1217  
    1218   a .widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] {
    1219     background-color: #21759b;
    1220   }
    1221  
    1222   a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
    1223     background-color: #c4302b;
    1224   }
    1225  
    1226   a .widget_corporate_solutions_social_icons ul.social-links a:focus,
    1227   a .widget_corporate_solutions_social_icons ul.social-links a:hover {
    1228     opacity: 1;
    1229   }
    1230  
    1231   a .site-footer-bottom-wrapper ul.social-links li a {
    1232     color: var(--text-color-normal);
    1233   }
    1234  
    1235   a:focus {
    1236     outline: thin dotted;
    1237     outline-offset: -2px;
    1238   }
    1239  
    1240   a:hover,
    1241   a:active {
    1242     outline: 0;
    1243   }
    1244  
    1245   a:focus-within {
    1246     outline: thin dotted;
    1247     outline-offset: -2px;
    1248   }
    1249  
    1250   ul.social-links {
    1251     margin: 0;
    1252     padding: 0;
    1253     list-style: none;
    1254     display: flex;
    1255     flex-wrap: wrap;
    1256     gap: 10px;
    1257   }
    1258  
    1259   .author-social-contacts a,
    1260   .teams-social a,
    1261   ul.social-links a {
    1262     width: 20px;
    1263     height: 20px;
    1264     opacity: 0.8;
    1265     display: flex;
    1266     font-size: 16px;
    1267     overflow: hidden;
    1268     position: relative;
    1269     align-items: center;
    1270     text-decoration: none;
    1271     justify-content: center;
    1272     transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    1273     color: var(--color-text-white);
    1274   }
    1275  
    1276   .author-social-contacts a::before,
    1277   .teams-social a::before,
    1278   ul.social-links a::before {
    1279     -webkit-font-smoothing: antialiased;
    1280     -moz-osx-font-smoothing: grayscale;
    1281     font-style: normal;
    1282     font-variant: normal;
    1283     font-weight: 400;
    1284     line-height: 1;
    1285     font-family: 'Font Awesome 7 brands';
    1286     vertical-align: baseline;
    1287     transition: all, ease, .3s;
    1288   }
    1289  
    1290   .author-social-contacts a[href*='facebook.com']::before,
    1291   .teams-social a[href*='facebook.com']::before,
    1292   ul.social-links a[href*='facebook.com']::before {
    1293     content: "\f39e";
    1294   }
    1295  
    1296   .author-social-contacts a[href*='twitter.com']::before,
    1297   .teams-social a[href*='twitter.com']::before,
    1298   ul.social-links a[href*='twitter.com']::before {
    1299     content: "\f099";
    1300   }
    1301  
    1302   .author-social-contacts a[href*='instagram.com']::before,
    1303   .teams-social a[href*='instagram.com']::before,
    1304   ul.social-links a[href*='instagram.com']::before {
    1305     content: "\f16d";
    1306   }
    1307  
    1308   .author-social-contacts a[href*='youtube.com']::before,
    1309   .teams-social a[href*='youtube.com']::before,
    1310   ul.social-links a[href*='youtube.com']::before {
    1311     content: "\f167";
    1312   }
    1313  
    1314   .author-social-contacts a[href*='discord.com']::before,
    1315   .teams-social a[href*='discord.com']::before,
    1316   ul.social-links a[href*='discord.com']::before {
    1317     content: "\f392";
    1318   }
    1319  
    1320   .author-social-contacts a[href*='dribbble.com']::before,
    1321   .teams-social a[href*='dribbble.com']::before,
    1322   ul.social-links a[href*='dribbble.com']::before {
    1323     content: "\f17d";
    1324   }
    1325  
    1326   .author-social-contacts a[href*='google.com']::before,
    1327   .teams-social a[href*='google.com']::before,
    1328   ul.social-links a[href*='google.com']::before {
    1329     content: "\f1a0";
    1330   }
    1331  
    1332   .author-social-contacts a[href*='line.me']::before,
    1333   .teams-social a[href*='line.me']::before,
    1334   ul.social-links a[href*='line.me']::before {
    1335     content: "\f3c0";
    1336   }
    1337  
    1338   .author-social-contacts a[href*='linkedin.com']::before,
    1339   .teams-social a[href*='linkedin.com']::before,
    1340   ul.social-links a[href*='linkedin.com']::before {
    1341     content: "\f08c";
    1342   }
    1343  
    1344   .author-social-contacts a[href*='medium.com']::before,
    1345   .teams-social a[href*='medium.com']::before,
    1346   ul.social-links a[href*='medium.com']::before {
    1347     content: "\f23a";
    1348   }
    1349  
    1350   .author-social-contacts a[href*='messenger.com']::before,
    1351   .teams-social a[href*='messenger.com']::before,
    1352   ul.social-links a[href*='messenger.com']::before {
    1353     content: "\f39f";
    1354   }
    1355  
    1356   .author-social-contacts a[href*='paypal.com']::before,
    1357   .teams-social a[href*='paypal.com']::before,
    1358   ul.social-links a[href*='paypal.com']::before {
    1359     content: "\f1ed";
    1360   }
    1361  
    1362   .author-social-contacts a[href*='pinterest.com']::before,
    1363   .teams-social a[href*='pinterest.com']::before,
    1364   ul.social-links a[href*='pinterest.com']::before {
    1365     content: "\f0d2";
    1366   }
    1367  
    1368   .author-social-contacts a[href*='reddit.com']::before,
    1369   .teams-social a[href*='reddit.com']::before,
    1370   ul.social-links a[href*='reddit.com']::before {
    1371     content: "\f1a1";
    1372   }
    1373  
    1374   .author-social-contacts a[href*='skype.com']::before,
    1375   .teams-social a[href*='skype.com']::before,
    1376   ul.social-links a[href*='skype.com']::before {
    1377     content: "\f17e";
    1378   }
    1379  
    1380   .author-social-contacts a[href*='slack.com']::before,
    1381   .teams-social a[href*='slack.com']::before,
    1382   ul.social-links a[href*='slack.com']::before {
    1383     content: "\f198";
    1384   }
    1385  
    1386   .author-social-contacts a[href*='snapchat.com']::before,
    1387   .teams-social a[href*='snapchat.com']::before,
    1388   ul.social-links a[href*='snapchat.com']::before {
    1389     content: "\f2ad";
    1390   }
    1391  
    1392   .author-social-contacts a[href*='spotify.com']::before,
    1393   .teams-social a[href*='spotify.com']::before,
    1394   ul.social-links a[href*='spotify.com']::before {
    1395     content: "\f1bc";
    1396   }
    1397  
    1398   .author-social-contacts a[href*='stackoverflow.com']::before,
    1399   .teams-social a[href*='stackoverflow.com']::before,
    1400   ul.social-links a[href*='stackoverflow.com']::before {
    1401     content: "\f16c";
    1402   }
    1403  
    1404   .author-social-contacts a[href*='telegram.org']::before,
    1405   .teams-social a[href*='telegram.org']::before,
    1406   ul.social-links a[href*='telegram.org']::before {
    1407     content: "\f3fe";
    1408   }
    1409  
    1410   .author-social-contacts a[href*='twitch.tv']::before,
    1411   .teams-social a[href*='twitch.tv']::before,
    1412   ul.social-links a[href*='twitch.tv']::before {
    1413     content: "\f1e8";
    1414   }
    1415  
    1416   .author-social-contacts a[href*='vimeo.com']::before,
    1417   .teams-social a[href*='vimeo.com']::before,
    1418   ul.social-links a[href*='vimeo.com']::before {
    1419     content: "\f27d";
    1420   }
    1421  
    1422   .author-social-contacts a[href*='whatsapp.com']::before,
    1423   .teams-social a[href*='whatsapp.com']::before,
    1424   ul.social-links a[href*='whatsapp.com']::before {
    1425     content: "\f232";
    1426   }
    1427  
    1428   .author-social-contacts a[href*='wordpress.org']::before,
    1429   .teams-social a[href*='wordpress.org']::before,
    1430   ul.social-links a[href*='wordpress.org']::before {
    1431     content: "\f19a";
    1432   }
    1433  
    1434   .author-social-contacts a[href*='youtube.com']::before,
    1435   .teams-social a[href*='youtube.com']::before,
    1436   ul.social-links a[href*='youtube.com']::before {
    1437     content: "\f167";
    1438   }
    1439  
    1440   .author-social-contacts a:focus,
    1441   .author-social-contacts a:hover,
    1442   .teams-social a:focus,
    1443   .teams-social a:hover,
    1444   ul.social-links a:focus,
    1445   ul.social-links a:hover {
    1446     opacity: 1;
    1447   }
    1448  
    1449   .widget_corporate_solutions_social_icons ul.social-links a {
    1450     font-size: var(--font-size-xs);
    1451     padding: 12px;
    1452     opacity: 1;
    1453     width: auto;
    1454     height: auto;
    1455     color: #fff;
    1456     line-height: 1;
    1457     border-radius: 5px;
    1458     overflow: visible;
    1459     display: flex;
    1460     align-items: center;
    1461     justify-content: center;
    1462     gap: 5px;
    1463     margin: 0px 0px 10px 10px;
    1464     opacity: 0.7;
    1465   }
    1466  
    1467   .widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] {
    1468     background-color: #3b5999;
    1469   }
    1470  
    1471   .widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] {
    1472     background-color: #55acee;
    1473   }
    1474  
    1475   .widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] {
    1476     background-color: #3F729B;
    1477   }
    1478  
    1479   .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
    1480     background-color: #cd201f;
    1481   }
    1482  
    1483   .widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] {
    1484     background-color: #5865F2;
    1485   }
    1486  
    1487   .widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] {
    1488     background-color: #ea4c89;
    1489   }
    1490  
    1491   .widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] {
    1492     background-color: #dd4b39;
    1493   }
    1494  
    1495   .widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] {
    1496     background-color: #00b900;
    1497   }
    1498  
    1499   .widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] {
    1500     background-color: #0e76a8;
    1501   }
    1502  
    1503   .widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] {
    1504     background-color: #66cdaa;
    1505   }
    1506  
    1507   .widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] {
    1508     background-color: #006AFF;
    1509   }
    1510  
    1511   .widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] {
    1512     background-color: #3b7bbf;
    1513   }
    1514  
    1515   .widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] {
    1516     background-color: #E60023;
    1517   }
    1518  
    1519   .widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] {
    1520     background-color: #ff5700;
    1521   }
    1522  
    1523   .widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] {
    1524     background-color: #00aff0;
    1525   }
    1526  
    1527   .widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] {
    1528     background-color: #ECB22E;
    1529   }
    1530  
    1531   .widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] {
    1532     background-color: #FFFC00;
    1533   }
    1534  
    1535   .widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] {
    1536     background-color: #1DB954;
    1537   }
    1538  
    1539   .widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] {
    1540     background-color: #F47F24;
    1541   }
    1542  
    1543   .widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] {
    1544     background-color: #229ED9;
    1545   }
    1546  
    1547   .widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] {
    1548     background-color: #6441a5;
    1549   }
    1550  
    1551   .widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] {
    1552     background-color: #86c9ef;
    1553   }
    1554  
    1555   .widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] {
    1556     background-color: #34B7F1;
    1557   }
    1558  
    1559   .widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] {
    1560     background-color: #21759b;
    1561   }
    1562  
    1563   .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
    1564     background-color: #c4302b;
    1565   }
    1566  
    1567   .widget_corporate_solutions_social_icons ul.social-links a:focus,
    1568   .widget_corporate_solutions_social_icons ul.social-links a:hover {
    1569     opacity: 1;
    1570   }
    1571  
    1572   .site-footer-bottom-wrapper ul.social-links li a {
    1573     color: var(--text-color-normal);
    1574   }
    1575  
    1576  
    1577   /* Forms
    1578   --------------------------------------------- */
    1579  
    1580   button,
    1581   input[type="button"],
    1582   input[type="reset"],
    1583   input[type="submit"] {
    1584     border: 1px solid;
    1585     border-radius: 3px;
    1586     background-image: var(--background-color-gradiant);
    1587     color: #fff;
    1588     font-size: var(--font-size-sm);
    1589     line-height: 1;
    1590     padding: 0.6em 1em;
    1591     font-weight: 600;
    1592   }
    1593  
    1594   button:focus,
    1595   button:hover,
    1596   input[type="button"]:focus,
    1597   input[type="button"]:hover,
    1598   input[type="reset"]:focus,
    1599   input[type="reset"]:hover,
    1600   input[type="submit"]:focus,
    1601   input[type="submit"]:hover {
    1602     opacity: 0.8;
    1603   }
    1604  
    1605   button:active,
    1606   button:focus,
    1607   input[type="button"]:active,
    1608   input[type="button"]:focus,
    1609   input[type="reset"]:active,
    1610   input[type="reset"]:focus,
    1611   input[type="submit"]:active,
    1612   input[type="submit"]:focus {
    1613     border-color: #aaa #bbb #bbb;
    1614   }
    1615  
    1616   a.asterthemes-button {
    1617     font-size: var(--font-size-sm);
    1618     text-decoration: none;
    1619     text-transform: capitalize;
    1620     font-weight: bold;
    1621     display: inline-flex;
    1622     align-items: center;
    1623     color: #fff;
    1624     background-image: var(--background-color-gradiant);
    1625     border-radius: 8px;
    1626     padding: 10px 25px;
    1627     transition: all 0.3s ease;
    1628   }
    1629  
    1630   a.asterthemes-button:focus,
    1631   a.asterthemes-button:hover {
    1632     background-color: #000;
    1633     color: #fff;
    1634   }
    1635  
    1636   a.asterthemes-button:focus {
    1637     outline-width: 2px;
    1638   }
    1639  
    1640   input[type="text"],
    1641   input[type="email"],
    1642   input[type="url"],
    1643   input[type="password"],
    1644   input[type="search"],
    1645   input[type="number"],
    1646   input[type="tel"],
    1647   input[type="range"],
    1648   input[type="date"],
    1649   input[type="month"],
    1650   input[type="week"],
    1651   input[type="time"],
    1652   input[type="datetime"],
    1653   input[type="datetime-local"],
    1654   input[type="color"],
    1655   textarea {
    1656     color: #666;
    1657     border: 1px solid #ccc;
    1658     border-radius: 3px;
    1659     padding: 5px;
    1660     width: 100%;
    1661   }
    1662  
    1663   input[type="text"]:focus,
    1664   input[type="email"]:focus,
    1665   input[type="url"]:focus,
    1666   input[type="password"]:focus,
    1667   input[type="search"]:focus,
    1668   input[type="number"]:focus,
    1669   input[type="tel"]:focus,
    1670   input[type="range"]:focus,
    1671   input[type="date"]:focus,
    1672   input[type="month"]:focus,
    1673   input[type="week"]:focus,
    1674   input[type="time"]:focus,
    1675   input[type="datetime"]:focus,
    1676   input[type="datetime-local"]:focus,
    1677   input[type="color"]:focus,
    1678   textarea:focus {
    1679     color: #111;
    1680   }
    1681  
    1682   select {
    1683     border: 1px solid #ccc;
    1684   }
    1685  
    1686   textarea {
    1687     width: 100%;
    1688   }
    1689  
    1690  
    1691   /*--------------------------------------------------------------
    1692   # Layouts
    1693   --------------------------------------------------------------*/
    1694  
    1695   .right-sidebar .asterthemes-wrapper .asterthemes-page {
    1696     display: grid;
    1697     grid-gap: 30px;
    1698     grid-template-columns: auto 30%;
    1699     grid-template-areas: "main sidebar";
    1700     margin-top: 4em;
    1701   }
    1702  
    1703   .tag-cloud a {
     690}
     691
     692/* Elements
     693--------------------------------------------- */
     694:root {
     695        --primary-color: #0fb2b3;
     696        --secondary-color: #76f5fd;
     697        --background-color-white: #202020;
     698        --background-color-grey: #F6F7FB;
     699        --background-color-light-grey: #f8f8f8;
     700        --background-color-dark: #a3a3a3;
     701        --background-color-gradiant: linear-gradient(to right, var(--secondary-color) , var(--primary-color));
     702        --footer-top-background: #f8f8f8;
     703        --footer-top-color: #3a3a3a;
     704        --footer-bottom-background: #e8e8e8;
     705        --footer-bottom-color: #3a3a3a;
     706        --color-text-main: #3A3A3A;
     707        --color-text-white: #fff;
     708        --input-border-color: rgba(200,200,200,.5);
     709        --notice-success-bg-color:#D4EDDA;
     710        --notice-success-text-color:#155724;
     711        --notice-info-bg-color:#D1ECF1;
     712        --notice-info-text-color:#0C5460;
     713        --notice-warning-bg-color:#FFF3CD;
     714        --notice-warning-text-color:#856404;
     715        --notice-danger-bg-color:#F8D7DA;
     716        --notice-danger-text-color:#721C24;
     717        --font-size-xs: clamp(0.7rem, 0.17vw + 0.76rem, 0.79rem);
     718        --font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);
     719        --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
     720        --font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);
     721        --font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);
     722        --font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);
     723        --font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
     724        --font-size-xxxl: clamp(2.95rem, 3.54vw + 2.17rem, 5rem);
     725        --border-round-button: 30px;
     726        --font-main: 'Poppins', sans-serif;
     727        --font-heading: 'Raleway', sans-serif;
     728        --font-paragraph: 'Tenor Sans', sans-serif;
     729        --font-line-height-body: 1.5;
     730        --font-line-height-pre: 1.6;
     731}
     732
     733* {
     734        box-sizing: border-box;
     735}
     736
     737body {
     738        font-size: 1rem;
     739        font-family: var(--font-main);
     740        color: #fff;
     741        background-color: #2D2D2D;
     742}
     743
     744body.page {
     745        margin-bottom: 0;
     746}
     747
     748@media (max-width: 767.98px) {
     749        body {
     750                font-size: 1em;
     751        }
     752}
     753
     754body.menu-opened {
     755        overflow: hidden;
     756}
     757
     758hr {
     759        background-color: #ccc;
     760        border: 0;
     761        height: 1px;
     762        margin-bottom: 1.5em;
     763}
     764
     765ul,
     766ol {
     767        margin: 0 3em 1.5em 0;
     768}
     769
     770li > ul,
     771li > ol {
     772        margin-bottom: 0;
     773        margin-right: 1.5em;
     774}
     775
     776dt {
     777        font-weight: 700;
     778}
     779
     780dd {
     781        margin: 0 1.5em 1.5em;
     782}
     783
     784/* Make sure embeds and iframes fit their containers. */
     785embed,
     786iframe,
     787object {
     788        max-width: 100%;
     789}
     790
     791img {
     792        height: auto;
     793        max-width: 100%;
     794}
     795
     796figure {
     797        margin: 1em 0;
     798}
     799
     800table {
     801        margin: 0 0 1.5em;
     802        width: 100%;
     803}
     804
     805/* Links
     806--------------------------------------------- */
     807a {
     808        color: var(--primary-color);
     809        text-decoration: none;
     810}
     811
     812a:visited {
     813        color: var(--primary-color);
     814}
     815
     816a:hover, a:focus, a:active {
     817        color: var(--primary-color);
     818}
     819
     820a:focus {
     821        outline: thin dotted;
     822        outline-offset: 1px;
     823}
     824
     825a:hover, a:active {
     826        outline: 0;
     827}
     828
     829a:focus-within {
     830        outline: thin dotted;
     831        outline-offset: -2px;
     832}
     833
     834a ul.social-links {
     835        margin: 0;
     836        padding: 0;
     837        list-style: none;
     838        display: flex;
     839        gap: 10px;
     840}
     841
     842a .author-social-contacts a,
     843a .teams-social a,
     844a ul.social-links a {
     845        width: 20px;
     846        height: 20px;
     847        opacity: 0.8;
     848        display: flex;
     849        font-size: 16px;
     850        overflow: hidden;
     851        position: relative;
     852        align-items: center;
     853        text-decoration: none;
     854        justify-content: center;
     855        transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
     856        color: var(--color-text-white);
     857}
     858
     859a .author-social-contacts a::before,
     860a .teams-social a::before,
     861a ul.social-links a::before {
     862        -webkit-font-smoothing: antialiased;
     863        -moz-osx-font-smoothing: grayscale;
     864        font-style: normal;
     865        font-variant: normal;
     866        font-weight: 400;
     867        line-height: 1;
     868        font-family: 'Font Awesome 7 brands';
     869        vertical-align: baseline;
     870        transition: all,ease,.3s;
     871}
     872
     873a .author-social-contacts a[href*='facebook.com']::before,
     874a .teams-social a[href*='facebook.com']::before,
     875a ul.social-links a[href*='facebook.com']::before {
     876        content: "\f39e";
     877}
     878
     879a .author-social-contacts a[href*='twitter.com']::before,
     880a .teams-social a[href*='twitter.com']::before,
     881a ul.social-links a[href*='twitter.com']::before {
     882        content: "\f099";
     883}
     884
     885a .author-social-contacts a[href*='instagram.com']::before,
     886a .teams-social a[href*='instagram.com']::before,
     887a ul.social-links a[href*='instagram.com']::before {
     888        content: "\f16d";
     889}
     890
     891a .author-social-contacts a[href*='youtube.com']::before,
     892a .teams-social a[href*='youtube.com']::before,
     893a ul.social-links a[href*='youtube.com']::before {
     894        content: "\f167";
     895}
     896
     897a .author-social-contacts a[href*='discord.com']::before,
     898a .teams-social a[href*='discord.com']::before,
     899a ul.social-links a[href*='discord.com']::before {
     900        content: "\f392";
     901}
     902
     903a .author-social-contacts a[href*='dribbble.com']::before,
     904a .teams-social a[href*='dribbble.com']::before,
     905a ul.social-links a[href*='dribbble.com']::before {
     906        content: "\f17d";
     907}
     908
     909a .author-social-contacts a[href*='google.com']::before,
     910a .teams-social a[href*='google.com']::before,
     911a ul.social-links a[href*='google.com']::before {
     912        content: "\f1a0";
     913}
     914
     915a .author-social-contacts a[href*='line.me']::before,
     916a .teams-social a[href*='line.me']::before,
     917a ul.social-links a[href*='line.me']::before {
     918        content: "\f3c0";
     919}
     920
     921a .author-social-contacts a[href*='linkedin.com']::before,
     922a .teams-social a[href*='linkedin.com']::before,
     923a ul.social-links a[href*='linkedin.com']::before {
     924        content: "\f08c";
     925}
     926
     927a .author-social-contacts a[href*='medium.com']::before,
     928a .teams-social a[href*='medium.com']::before,
     929a ul.social-links a[href*='medium.com']::before {
     930        content: "\f23a";
     931}
     932
     933a .author-social-contacts a[href*='messenger.com']::before,
     934a .teams-social a[href*='messenger.com']::before,
     935a ul.social-links a[href*='messenger.com']::before {
     936        content: "\f39f";
     937}
     938
     939a .author-social-contacts a[href*='paypal.com']::before,
     940a .teams-social a[href*='paypal.com']::before,
     941a ul.social-links a[href*='paypal.com']::before {
     942        content: "\f1ed";
     943}
     944
     945a .author-social-contacts a[href*='pinterest.com']::before,
     946a .teams-social a[href*='pinterest.com']::before,
     947a ul.social-links a[href*='pinterest.com']::before {
     948        content: "\f0d2";
     949}
     950
     951a .author-social-contacts a[href*='reddit.com']::before,
     952a .teams-social a[href*='reddit.com']::before,
     953a ul.social-links a[href*='reddit.com']::before {
     954        content: "\f1a1";
     955}
     956
     957a .author-social-contacts a[href*='skype.com']::before,
     958a .teams-social a[href*='skype.com']::before,
     959a ul.social-links a[href*='skype.com']::before {
     960        content: "\f17e";
     961}
     962
     963a .author-social-contacts a[href*='slack.com']::before,
     964a .teams-social a[href*='slack.com']::before,
     965a ul.social-links a[href*='slack.com']::before {
     966        content: "\f198";
     967}
     968
     969a .author-social-contacts a[href*='snapchat.com']::before,
     970a .teams-social a[href*='snapchat.com']::before,
     971a ul.social-links a[href*='snapchat.com']::before {
     972        content: "\f2ad";
     973}
     974
     975a .author-social-contacts a[href*='spotify.com']::before,
     976a .teams-social a[href*='spotify.com']::before,
     977a ul.social-links a[href*='spotify.com']::before {
     978        content: "\f1bc";
     979}
     980
     981a .author-social-contacts a[href*='stackoverflow.com']::before,
     982a .teams-social a[href*='stackoverflow.com']::before,
     983a ul.social-links a[href*='stackoverflow.com']::before {
     984        content: "\f16c";
     985}
     986
     987a .author-social-contacts a[href*='telegram.org']::before,
     988a .teams-social a[href*='telegram.org']::before,
     989a ul.social-links a[href*='telegram.org']::before {
     990        content: "\f3fe";
     991}
     992
     993a .author-social-contacts a[href*='twitch.tv']::before,
     994a .teams-social a[href*='twitch.tv']::before,
     995a ul.social-links a[href*='twitch.tv']::before {
     996        content: "\f1e8";
     997}
     998
     999a .author-social-contacts a[href*='vimeo.com']::before,
     1000a .teams-social a[href*='vimeo.com']::before,
     1001a ul.social-links a[href*='vimeo.com']::before {
     1002        content: "\f27d";
     1003}
     1004
     1005a .author-social-contacts a[href*='whatsapp.com']::before,
     1006a .teams-social a[href*='whatsapp.com']::before,
     1007a ul.social-links a[href*='whatsapp.com']::before {
     1008        content: "\f232";
     1009}
     1010
     1011a .author-social-contacts a[href*='wordpress.org']::before,
     1012a .teams-social a[href*='wordpress.org']::before,
     1013a ul.social-links a[href*='wordpress.org']::before {
     1014        content: "\f19a";
     1015}
     1016
     1017a .author-social-contacts a[href*='youtube.com']::before,
     1018a .teams-social a[href*='youtube.com']::before,
     1019a ul.social-links a[href*='youtube.com']::before {
     1020        content: "\f167";
     1021}
     1022
     1023a .author-social-contacts a:focus, a .author-social-contacts a:hover,
     1024a .teams-social a:focus,
     1025a .teams-social a:hover,
     1026a ul.social-links a:focus,
     1027a ul.social-links a:hover {
     1028        opacity: 1;
     1029}
     1030
     1031a .widget_corporate_solutions_social_icons ul.social-links a {
     1032        font-size: var(--font-size-xs);
     1033        padding: 12px;
     1034        opacity: 1;
     1035        width: auto;
     1036        height: auto;
     1037        color: #fff;
     1038        line-height: 1;
     1039        border-radius: 5px;
     1040        overflow: visible;
     1041        display: flex;
     1042        align-items: center;
     1043        justify-content: center;
     1044        gap: 5px;
     1045        margin: 0px 0px 10px 10px;
     1046        opacity: 0.7;
     1047}
     1048
     1049a .widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] {
     1050        background-color: #3b5999;
     1051}
     1052
     1053a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] {
     1054        background-color: #55acee;
     1055}
     1056
     1057a .widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] {
     1058        background-color: #3F729B;
     1059}
     1060
     1061a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
     1062        background-color: #cd201f;
     1063}
     1064
     1065a .widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] {
     1066        background-color: #5865F2;
     1067}
     1068
     1069a .widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] {
     1070        background-color: #ea4c89;
     1071}
     1072
     1073a .widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] {
     1074        background-color: #dd4b39;
     1075}
     1076
     1077a .widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] {
     1078        background-color: #00b900;
     1079}
     1080
     1081a .widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] {
     1082        background-color: #0e76a8;
     1083}
     1084
     1085a .widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] {
     1086        background-color: #66cdaa;
     1087}
     1088
     1089a .widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] {
     1090        background-color: #006AFF;
     1091}
     1092
     1093a .widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] {
     1094        background-color: #3b7bbf;
     1095}
     1096
     1097a .widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] {
     1098        background-color: #E60023;
     1099}
     1100
     1101a .widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] {
     1102        background-color: #ff5700;
     1103}
     1104
     1105a .widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] {
     1106        background-color: #00aff0;
     1107}
     1108
     1109a .widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] {
     1110        background-color: #ECB22E;
     1111}
     1112
     1113a .widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] {
     1114        background-color: #FFFC00;
     1115}
     1116
     1117a .widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] {
     1118        background-color: #1DB954;
     1119}
     1120
     1121a .widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] {
     1122        background-color: #F47F24;
     1123}
     1124
     1125a .widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] {
     1126        background-color: #229ED9;
     1127}
     1128
     1129a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] {
     1130        background-color: #6441a5;
     1131}
     1132
     1133a .widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] {
     1134        background-color: #86c9ef;
     1135}
     1136
     1137a .widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] {
     1138        background-color: #34B7F1;
     1139}
     1140
     1141a .widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] {
     1142        background-color: #21759b;
     1143}
     1144
     1145a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
     1146        background-color: #c4302b;
     1147}
     1148
     1149a .widget_corporate_solutions_social_icons ul.social-links a:focus, a .widget_corporate_solutions_social_icons ul.social-links a:hover {
     1150        opacity: 1;
     1151}
     1152
     1153a .site-footer-bottom-wrapper ul.social-links li a {
     1154        color: var(--text-color-normal);
     1155}
     1156
     1157a:focus {
     1158        outline: thin dotted;
     1159        outline-offset: -2px;
     1160}
     1161
     1162a:hover, a:active {
     1163        outline: 0;
     1164}
     1165
     1166a:focus-within {
     1167        outline: thin dotted;
     1168        outline-offset: -2px;
     1169}
     1170
     1171ul.social-links {
     1172        margin: 0;
     1173        padding: 0;
     1174        list-style: none;
     1175        display: flex;
     1176        flex-wrap: wrap;
     1177        gap: 10px;
     1178}
     1179
     1180.author-social-contacts a,
     1181.teams-social a,
     1182ul.social-links a {
     1183        width: 20px;
     1184        height: 20px;
     1185        opacity: 0.8;
     1186        display: flex;
     1187        font-size: 16px;
     1188        overflow: hidden;
     1189        position: relative;
     1190        align-items: center;
     1191        text-decoration: none;
     1192        justify-content: center;
     1193        transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
     1194        color: var(--color-text-white);
     1195}
     1196
     1197.author-social-contacts a::before,
     1198.teams-social a::before,
     1199ul.social-links a::before {
     1200        -webkit-font-smoothing: antialiased;
     1201        -moz-osx-font-smoothing: grayscale;
     1202        font-style: normal;
     1203        font-variant: normal;
     1204        font-weight: 400;
     1205        line-height: 1;
     1206        font-family: 'Font Awesome 7 brands';
     1207        vertical-align: baseline;
     1208        transition: all,ease,.3s;
     1209}
     1210
     1211.author-social-contacts a[href*='facebook.com']::before,
     1212.teams-social a[href*='facebook.com']::before,
     1213ul.social-links a[href*='facebook.com']::before {
     1214        content: "\f39e";
     1215}
     1216
     1217.author-social-contacts a[href*='twitter.com']::before,
     1218.teams-social a[href*='twitter.com']::before,
     1219ul.social-links a[href*='twitter.com']::before {
     1220        content: "\f099";
     1221}
     1222
     1223.author-social-contacts a[href*='instagram.com']::before,
     1224.teams-social a[href*='instagram.com']::before,
     1225ul.social-links a[href*='instagram.com']::before {
     1226        content: "\f16d";
     1227}
     1228
     1229.author-social-contacts a[href*='youtube.com']::before,
     1230.teams-social a[href*='youtube.com']::before,
     1231ul.social-links a[href*='youtube.com']::before {
     1232        content: "\f167";
     1233}
     1234
     1235.author-social-contacts a[href*='discord.com']::before,
     1236.teams-social a[href*='discord.com']::before,
     1237ul.social-links a[href*='discord.com']::before {
     1238        content: "\f392";
     1239}
     1240
     1241.author-social-contacts a[href*='dribbble.com']::before,
     1242.teams-social a[href*='dribbble.com']::before,
     1243ul.social-links a[href*='dribbble.com']::before {
     1244        content: "\f17d";
     1245}
     1246
     1247.author-social-contacts a[href*='google.com']::before,
     1248.teams-social a[href*='google.com']::before,
     1249ul.social-links a[href*='google.com']::before {
     1250        content: "\f1a0";
     1251}
     1252
     1253.author-social-contacts a[href*='line.me']::before,
     1254.teams-social a[href*='line.me']::before,
     1255ul.social-links a[href*='line.me']::before {
     1256        content: "\f3c0";
     1257}
     1258
     1259.author-social-contacts a[href*='linkedin.com']::before,
     1260.teams-social a[href*='linkedin.com']::before,
     1261ul.social-links a[href*='linkedin.com']::before {
     1262        content: "\f08c";
     1263}
     1264
     1265.author-social-contacts a[href*='medium.com']::before,
     1266.teams-social a[href*='medium.com']::before,
     1267ul.social-links a[href*='medium.com']::before {
     1268        content: "\f23a";
     1269}
     1270
     1271.author-social-contacts a[href*='messenger.com']::before,
     1272.teams-social a[href*='messenger.com']::before,
     1273ul.social-links a[href*='messenger.com']::before {
     1274        content: "\f39f";
     1275}
     1276
     1277.author-social-contacts a[href*='paypal.com']::before,
     1278.teams-social a[href*='paypal.com']::before,
     1279ul.social-links a[href*='paypal.com']::before {
     1280        content: "\f1ed";
     1281}
     1282
     1283.author-social-contacts a[href*='pinterest.com']::before,
     1284.teams-social a[href*='pinterest.com']::before,
     1285ul.social-links a[href*='pinterest.com']::before {
     1286        content: "\f0d2";
     1287}
     1288
     1289.author-social-contacts a[href*='reddit.com']::before,
     1290.teams-social a[href*='reddit.com']::before,
     1291ul.social-links a[href*='reddit.com']::before {
     1292        content: "\f1a1";
     1293}
     1294
     1295.author-social-contacts a[href*='skype.com']::before,
     1296.teams-social a[href*='skype.com']::before,
     1297ul.social-links a[href*='skype.com']::before {
     1298        content: "\f17e";
     1299}
     1300
     1301.author-social-contacts a[href*='slack.com']::before,
     1302.teams-social a[href*='slack.com']::before,
     1303ul.social-links a[href*='slack.com']::before {
     1304        content: "\f198";
     1305}
     1306
     1307.author-social-contacts a[href*='snapchat.com']::before,
     1308.teams-social a[href*='snapchat.com']::before,
     1309ul.social-links a[href*='snapchat.com']::before {
     1310        content: "\f2ad";
     1311}
     1312
     1313.author-social-contacts a[href*='spotify.com']::before,
     1314.teams-social a[href*='spotify.com']::before,
     1315ul.social-links a[href*='spotify.com']::before {
     1316        content: "\f1bc";
     1317}
     1318
     1319.author-social-contacts a[href*='stackoverflow.com']::before,
     1320.teams-social a[href*='stackoverflow.com']::before,
     1321ul.social-links a[href*='stackoverflow.com']::before {
     1322        content: "\f16c";
     1323}
     1324
     1325.author-social-contacts a[href*='telegram.org']::before,
     1326.teams-social a[href*='telegram.org']::before,
     1327ul.social-links a[href*='telegram.org']::before {
     1328        content: "\f3fe";
     1329}
     1330
     1331.author-social-contacts a[href*='twitch.tv']::before,
     1332.teams-social a[href*='twitch.tv']::before,
     1333ul.social-links a[href*='twitch.tv']::before {
     1334        content: "\f1e8";
     1335}
     1336
     1337.author-social-contacts a[href*='vimeo.com']::before,
     1338.teams-social a[href*='vimeo.com']::before,
     1339ul.social-links a[href*='vimeo.com']::before {
     1340        content: "\f27d";
     1341}
     1342
     1343.author-social-contacts a[href*='whatsapp.com']::before,
     1344.teams-social a[href*='whatsapp.com']::before,
     1345ul.social-links a[href*='whatsapp.com']::before {
     1346        content: "\f232";
     1347}
     1348
     1349.author-social-contacts a[href*='wordpress.org']::before,
     1350.teams-social a[href*='wordpress.org']::before,
     1351ul.social-links a[href*='wordpress.org']::before {
     1352        content: "\f19a";
     1353}
     1354
     1355.author-social-contacts a[href*='youtube.com']::before,
     1356.teams-social a[href*='youtube.com']::before,
     1357ul.social-links a[href*='youtube.com']::before {
     1358        content: "\f167";
     1359}
     1360
     1361.author-social-contacts a:focus, .author-social-contacts a:hover,
     1362.teams-social a:focus,
     1363.teams-social a:hover,
     1364ul.social-links a:focus,
     1365ul.social-links a:hover {
     1366        opacity: 1;
     1367}
     1368
     1369.widget_corporate_solutions_social_icons ul.social-links a {
     1370        font-size: var(--font-size-xs);
     1371        padding: 12px;
     1372        opacity: 1;
     1373        width: auto;
     1374        height: auto;
     1375        color: #fff;
     1376        line-height: 1;
     1377        border-radius: 5px;
     1378        overflow: visible;
     1379        display: flex;
     1380        align-items: center;
     1381        justify-content: center;
     1382        gap: 5px;
     1383        margin: 0px 0px 10px 10px;
     1384        opacity: 0.7;
     1385}
     1386
     1387.widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] {
     1388        background-color: #3b5999;
     1389}
     1390
     1391.widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] {
     1392        background-color: #55acee;
     1393}
     1394
     1395.widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] {
     1396        background-color: #3F729B;
     1397}
     1398
     1399.widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
     1400        background-color: #cd201f;
     1401}
     1402
     1403.widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] {
     1404        background-color: #5865F2;
     1405}
     1406
     1407.widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] {
     1408        background-color: #ea4c89;
     1409}
     1410
     1411.widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] {
     1412        background-color: #dd4b39;
     1413}
     1414
     1415.widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] {
     1416        background-color: #00b900;
     1417}
     1418
     1419.widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] {
     1420        background-color: #0e76a8;
     1421}
     1422
     1423.widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] {
     1424        background-color: #66cdaa;
     1425}
     1426
     1427.widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] {
     1428        background-color: #006AFF;
     1429}
     1430
     1431.widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] {
     1432        background-color: #3b7bbf;
     1433}
     1434
     1435.widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] {
     1436        background-color: #E60023;
     1437}
     1438
     1439.widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] {
     1440        background-color: #ff5700;
     1441}
     1442
     1443.widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] {
     1444        background-color: #00aff0;
     1445}
     1446
     1447.widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] {
     1448        background-color: #ECB22E;
     1449}
     1450
     1451.widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] {
     1452        background-color: #FFFC00;
     1453}
     1454
     1455.widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] {
     1456        background-color: #1DB954;
     1457}
     1458
     1459.widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] {
     1460        background-color: #F47F24;
     1461}
     1462
     1463.widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] {
     1464        background-color: #229ED9;
     1465}
     1466
     1467.widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] {
     1468        background-color: #6441a5;
     1469}
     1470
     1471.widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] {
     1472        background-color: #86c9ef;
     1473}
     1474
     1475.widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] {
     1476        background-color: #34B7F1;
     1477}
     1478
     1479.widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] {
     1480        background-color: #21759b;
     1481}
     1482
     1483.widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] {
     1484        background-color: #c4302b;
     1485}
     1486
     1487.widget_corporate_solutions_social_icons ul.social-links a:focus, .widget_corporate_solutions_social_icons ul.social-links a:hover {
     1488        opacity: 1;
     1489}
     1490
     1491.site-footer-bottom-wrapper ul.social-links li a {
     1492        color: var(--text-color-normal);
     1493}
     1494
     1495/* Forms
     1496--------------------------------------------- */
     1497button,
     1498input[type="button"],
     1499input[type="reset"],
     1500input[type="submit"] {
     1501        border: 1px solid;
     1502        border-radius: 3px;
     1503        background-image: var(--background-color-gradiant);
     1504        color: #fff;
     1505        font-size: var(--font-size-sm);
     1506        line-height: 1;
     1507        padding: 0.6em 1em;
     1508        font-weight: 600;
     1509}
     1510
     1511button:focus, button:hover,
     1512input[type="button"]:focus,
     1513input[type="button"]:hover,
     1514input[type="reset"]:focus,
     1515input[type="reset"]:hover,
     1516input[type="submit"]:focus,
     1517input[type="submit"]:hover {
     1518        opacity: 0.8;
     1519}
     1520
     1521button:active, button:focus,
     1522input[type="button"]:active,
     1523input[type="button"]:focus,
     1524input[type="reset"]:active,
     1525input[type="reset"]:focus,
     1526input[type="submit"]:active,
     1527input[type="submit"]:focus {
     1528        border-color: #aaa #bbb #bbb;
     1529}
     1530
     1531a.asterthemes-button {
     1532        font-size: var(--font-size-sm);
     1533        text-decoration: none;
     1534        text-transform: capitalize;
     1535        font-weight: bold;
     1536        display: inline-flex;
     1537        align-items: center;
     1538        color: #fff;
     1539        background-image: var(--background-color-gradiant);
     1540        border-radius: 8px;
     1541        padding: 10px 25px;
     1542        transition: all 0.3s ease;
     1543}
     1544
     1545a.asterthemes-button:focus, a.asterthemes-button:hover {
     1546        background-color: #000;
     1547        color: #fff;
     1548}
     1549
     1550a.asterthemes-button:focus {
     1551        outline-width: 2px;
     1552}
     1553
     1554input[type="text"],
     1555input[type="email"],
     1556input[type="url"],
     1557input[type="password"],
     1558input[type="search"],
     1559input[type="number"],
     1560input[type="tel"],
     1561input[type="range"],
     1562input[type="date"],
     1563input[type="month"],
     1564input[type="week"],
     1565input[type="time"],
     1566input[type="datetime"],
     1567input[type="datetime-local"],
     1568input[type="color"],
     1569textarea {
     1570        color: #666;
     1571        border: 1px solid #ccc;
     1572        border-radius: 3px;
     1573        padding: 5px;
     1574        width: 100%;
     1575}
     1576
     1577input[type="text"]:focus,
     1578input[type="email"]:focus,
     1579input[type="url"]:focus,
     1580input[type="password"]:focus,
     1581input[type="search"]:focus,
     1582input[type="number"]:focus,
     1583input[type="tel"]:focus,
     1584input[type="range"]:focus,
     1585input[type="date"]:focus,
     1586input[type="month"]:focus,
     1587input[type="week"]:focus,
     1588input[type="time"]:focus,
     1589input[type="datetime"]:focus,
     1590input[type="datetime-local"]:focus,
     1591input[type="color"]:focus,
     1592textarea:focus {
     1593        color: #111;
     1594}
     1595
     1596select {
     1597        border: 1px solid #ccc;
     1598}
     1599
     1600textarea {
     1601        width: 100%;
     1602}
     1603
     1604/*--------------------------------------------------------------
     1605# Layouts
     1606--------------------------------------------------------------*/
     1607.right-sidebar .asterthemes-wrapper .asterthemes-page {
     1608        display: grid;
     1609        grid-gap: 30px;
     1610        grid-template-columns: auto 30%;
     1611        grid-template-areas: "main sidebar";
     1612}
     1613.tag-cloud a {
    17041614    display: inline-block;
    17051615    padding: 5px 10px;
    … …  
    17081618    margin-left: 10px;
    17091619    color: #fff;
    1710   }
    1711  
    1712   .tag-cloud a:hover {
     1620}
     1621.tag-cloud a:hover {
    17131622    color: var(--primary-color);
    17141623    border-color: var(--primary-color);
    1715   }
    1716  
    1717   .site-footer .tagcloud a {
    1718     display: inline-block;
     1624}
     1625.site-footer .tagcloud a{
     1626         display: inline-block;
    17191627    padding: 5px 10px;
    17201628    border: 1px solid #fff;
    … …  
    17221630    margin-left: 10px;
    17231631    color: #fff;
    1724   }
    1725  
    1726   @media (max-width: 991px) {
    1727     .right-sidebar .asterthemes-wrapper .asterthemes-page {
    1728       display: block;
    1729     }
    1730   }
    1731  
    1732   .right-sidebar .asterthemes-wrapper .asterthemes-page .site-main {
    1733     grid-area: main;
    1734     overflow: hidden;
    1735     /* Resolves issue with <pre> elements forcing full width. */
    1736   }
    1737  
    1738   .right-sidebar .asterthemes-wrapper .asterthemes-page .widget-area {
    1739     grid-area: sidebar;
    1740     color: #fff;
    1741   }
    1742  
    1743  
    1744   /*.no-sidebar .asterthemes-wrapper .asterthemes-page {
    1745       display: block;
    1746       margin-top: 50px;
    1747   }*/
    1748  
    1749   .left-sidebar .asterthemes-wrapper .asterthemes-page {
    1750     display: grid;
    1751     grid-gap: 30px;
    1752     margin-top: 4em;
    1753     grid-template-columns: 25% auto;
    1754     grid-template-areas: "sidebar main";
    1755   }
    1756  
    1757   @media (max-width: 991px) {
    1758     .left-sidebar .asterthemes-wrapper .asterthemes-page {
    1759       display: block;
    1760     }
    1761   }
    1762  
    1763   .left-sidebar .asterthemes-wrapper .asterthemes-page .site-main {
    1764     grid-area: main;
    1765     overflow: hidden;
    1766     /* Resolves issue with <pre> elements forcing full width. */
    1767   }
    1768  
    1769   .left-sidebar .asterthemes-wrapper .asterthemes-page .widget-area {
    1770     grid-area: sidebar;
    1771   }
    1772  
    1773  
    1774   /* -/-/-/-/-/- Style 1 - Preloader CSS Start -/-/-/-/-/- */
    1775  
    1776   #loader {
    1777     overflow: hidden;
    1778     background-color: var(--color-text-white);
    1779     position: fixed;
    1780     top: 0;
    1781     right: 0;
    1782     width: 100%;
    1783     height: 100vh;
    1784     display: flex;
    1785     align-items: center;
    1786     justify-content: center;
    1787     z-index: 99999;
    1788   }
    1789  
    1790   #loader .loader-container {
    1791     display: flex;
    1792     flex-direction: column;
    1793     align-items: center;
    1794     justify-content: center;
    1795     text-align: center;
    1796     text-transform: uppercase;
    1797   }
    1798  
    1799   #loader #preloader {
    1800     width: 100px;
    1801   }
    1802  
    1803  
    1804   /* -/-/-/-/-/- Style 2 - Pulsing Dot -/-/-/-/-/- */
    1805  
    1806   #loader.style2 .dot {
     1632}
     1633
     1634@media (max-width: 991px) {
     1635        .right-sidebar .asterthemes-wrapper .asterthemes-page {
     1636                display: block;
     1637        }
     1638}
     1639
     1640.right-sidebar .asterthemes-wrapper .asterthemes-page .site-main {
     1641        grid-area: main;
     1642        overflow: hidden;
     1643        /* Resolves issue with <pre> elements forcing full width. */
     1644}
     1645
     1646.right-sidebar .asterthemes-wrapper .asterthemes-page .widget-area {
     1647        grid-area: sidebar;
     1648        color: #fff;
     1649}
     1650
     1651/*.no-sidebar .asterthemes-wrapper .asterthemes-page {
     1652        display: block;
     1653        margin-top: 50px;
     1654}*/
     1655
     1656.left-sidebar .asterthemes-wrapper .asterthemes-page {
     1657        display: grid;
     1658        grid-gap: 30px;
     1659        margin-top: 4em;
     1660        grid-template-columns: 25% auto;
     1661        grid-template-areas: "sidebar main";
     1662}
     1663
     1664@media (max-width: 991px) {
     1665        .left-sidebar .asterthemes-wrapper .asterthemes-page {
     1666                display: block;
     1667        }
     1668}
     1669
     1670.left-sidebar .asterthemes-wrapper .asterthemes-page .site-main {
     1671        grid-area: main;
     1672        overflow: hidden;
     1673        /* Resolves issue with <pre> elements forcing full width. */
     1674}
     1675
     1676.left-sidebar .asterthemes-wrapper .asterthemes-page .widget-area {
     1677        grid-area: sidebar;
     1678}
     1679
     1680
     1681/* -/-/-/-/-/- Style 1 - Preloader CSS Start -/-/-/-/-/- */
     1682#loader {
     1683        overflow: hidden;
     1684        background-color: var(--color-text-white);
     1685        position: fixed;
     1686        top: 0;
     1687        right: 0;
     1688        width: 100%;
     1689        height: 100vh;
     1690        display: flex;
     1691        align-items: center;
     1692        justify-content: center;
     1693        z-index: 99999;
     1694}
     1695
     1696#loader .loader-container {
     1697        display: flex;
     1698        flex-direction: column;
     1699        align-items: center;
     1700        justify-content: center;
     1701        text-align: center;
     1702        text-transform: uppercase;
     1703}
     1704
     1705#loader #preloader {
     1706        width: 100px;
     1707}
     1708
     1709
     1710/* -/-/-/-/-/- Style 2 - Pulsing Dot -/-/-/-/-/- */
     1711#loader.style2 .dot {
    18071712    width: 25px;
    18081713    height: 25px;
    … …  
    18101715    border-radius: 50%;
    18111716    animation: pulse 1s infinite;
    1812   }
    1813  
    1814   @keyframes pulse {
    1815     0% {
    1816       transform: scale(1);
    1817     }
    1818     33% {
    1819       transform: scale(1.2);
    1820     }
    1821     66% {
    1822       transform: scale(1.8);
    1823     }
    1824     100% {
    1825       transform: scale(1);
    1826     }
    1827   }
    1828  
    1829  
    1830   /* -/-/-/-/-/- Style 3 - Fading Bars -/-/-/-/-/- */
    1831  
    1832   #loader.style3 .bars {
     1717}
     1718
     1719@keyframes pulse {
     1720    0% { transform: scale(1); }
     1721    33% { transform: scale(1.2); }
     1722    66% { transform: scale(1.8); }
     1723    100% { transform: scale(1); }
     1724}
     1725
     1726
     1727/* -/-/-/-/-/- Style 3 - Fading Bars -/-/-/-/-/- */
     1728#loader.style3 .bars {
    18331729    display: flex;
    18341730    gap: 3px;
    18351731    justify-content: center;
    1836   }
    1837  
    1838   #loader.style3 .bar {
     1732}
     1733
     1734#loader.style3 .bar {
    18391735    width: 10px;
    18401736    height: 30px;
    18411737    background-color: #000000;
    18421738    animation: fade 1s infinite alternate;
    1843   }
    1844  
    1845   #loader.style3 .bar:nth-child(2) {
    1846     animation-delay: 0.3s;
    1847   }
    1848  
    1849   #loader.style3 .bar:nth-child(3) {
    1850     animation-delay: 0.6s;
    1851   }
    1852  
    1853   @keyframes fade {
    1854     from {
    1855       opacity: 1;
    1856     }
    1857     to {
    1858       opacity: 0.3;
    1859     }
    1860   }
    1861  
    1862  
    1863   /*--------------------------------------------------------------
    1864   # Components
    1865   --------------------------------------------------------------*/
    1866  
    1867  
    1868   /* Navigation
    1869   --------------------------------------------- */
    1870  
    1871   .main-navigation ul li:hover > ul {
     1739}
     1740
     1741#loader.style3 .bar:nth-child(2) { animation-delay: 0.3s; }
     1742#loader.style3 .bar:nth-child(3) { animation-delay: 0.6s; }
     1743
     1744@keyframes fade {
     1745    from { opacity: 1; }
     1746    to { opacity: 0.3; }
     1747}
     1748
     1749
     1750/*--------------------------------------------------------------
     1751# Components
     1752--------------------------------------------------------------*/
     1753/* Navigation
     1754--------------------------------------------- */
     1755.main-navigation ul li:hover > ul {
    18721756    opacity: 1;
    1873   }
    1874  
    1875   .main-navigation ul ul ul {
     1757}
     1758.main-navigation ul ul ul {
    18761759    right: 100% !important;
    18771760    top: 0;
    1878   }
    1879  
    1880   .main-navigation ul li:focus > ul.children li {
    1881     opacity: 1;
    1882   }
    1883  
    1884   .main-navigation ul ul {
    1885     opacity: 0;
    1886     position: absolute;
     1761}
     1762.main-navigation ul li:focus > ul.children li {
     1763        opacity: 1;
     1764}
     1765.main-navigation ul ul{
     1766        opacity: 0;
     1767        position: absolute;
    18871768    right: 0;
    18881769    top: 100%;
    … …  
    18901771    z-index: 9999;
    18911772    border: 1px solid #f1f1f1;
    1892   }
    1893  
    1894   .main-navigation {
    1895     display: block;
    1896     width: 100%;
    1897   }
    1898  
    1899   .main-navigation ul {
    1900     display: none;
    1901     list-style: none;
    1902     margin: 0;
    1903     padding-right: 0;
    1904     text-align: center;
    1905   }
    1906  
    1907   .main-navigation ul ul {
    1908     z-index: 99999;
    1909     display: block;
    1910   }
    1911  
    1912   .main-navigation ul ul ul {
    1913     right: -999em;
    1914     top: 0;
    1915   }
    1916  
    1917   .main-navigation ul ul li:hover > ul,
    1918   .main-navigation ul ul li.focus > ul {
    1919     display: block;
    1920     right: auto;
    1921   }
    1922  
    1923   .main-navigation ul ul a {
    1924     background-color: #fff;
    1925     color: var(--background-color-white);
    1926     opacity: 1;
    1927     padding: 15px 20px;
    1928     border-bottom: 1px solid #f1f1f1;
    1929     text-transform: uppercase;
    1930   }
    1931  
    1932   .home .main-navigation ul ul a {
    1933     color: var(--background-color-white);
    1934     text-align: right;
    1935   }
    1936  
    1937   .main-navigation ul ul a:focus,
    1938   .main-navigation ul ul a:hover {
    1939     color: var(--primary-color);
    1940   }
    1941  
    1942   .main-navigation ul li:hover > ul,
    1943   .main-navigation ul li:focus > ul {
    1944     right: auto;
    1945   }
    1946  
    1947   .main-navigation li {
     1773}
     1774.main-navigation {
     1775        display: block;
     1776        width: 100%;
     1777}
     1778
     1779.main-navigation ul {
     1780        display: none;
     1781        list-style: none;
     1782        margin: 0;
     1783        padding-right: 0;
     1784        text-align: center;
     1785}
     1786
     1787.main-navigation ul ul {
     1788        z-index: 99999;
     1789        display: block;
     1790}
     1791
     1792.main-navigation ul ul ul {
     1793        right: -999em;
     1794        top: 0;
     1795}
     1796
     1797.main-navigation ul ul li:hover > ul,
     1798.main-navigation ul ul li.focus > ul {
     1799        display: block;
     1800        right: auto;
     1801}
     1802
     1803.main-navigation ul ul a {
     1804        background-color: #fff;
     1805        color: var(--background-color-white);
     1806        opacity: 1;
     1807        padding: 15px 20px;
     1808        border-bottom: 1px solid #f1f1f1;
     1809        text-transform: uppercase;
     1810}
     1811
     1812.home .main-navigation ul ul a {
     1813        color: var(--background-color-white);
     1814        text-align: right;
     1815}
     1816
     1817.main-navigation ul ul a:focus, .main-navigation ul ul a:hover {
     1818        color: var(--primary-color);
     1819}
     1820
     1821.main-navigation ul li:hover > ul,
     1822.main-navigation ul li:focus > ul {
     1823        right: auto;
     1824}
     1825
     1826.main-navigation li {
    19481827    position: relative;
    19491828    margin: 0;
    1950   }
    1951  
    1952   .main-navigation a {
    1953     padding: 17px 20px;
    1954     font-size: 0.9375rem;
    1955     color: #fff;
    1956     display: block;
    1957     text-decoration: none;
    1958     opacity: 0.9;
    1959   }
    1960  
    1961   .main-navigation a:focus,
    1962   .main-navigation a:hover {
    1963     opacity: 1;
    1964     color: var(--primary-color);
    1965   }
    1966  
    1967   .main-navigation .current_page_item > a,
    1968   .main-navigation .current-menu-item > a,
    1969   .main-navigation .current_page_ancestor > a,
    1970   .main-navigation .current-menu-ancestor > a {
    1971     position: relative;
    1972     opacity: 1;
    1973     color: var(--primary-color);
    1974   }
    1975  
    1976   @media (min-width: 992px) {
    1977     .main-navigation ul.nav-menu li .children,
    1978     .main-navigation ul.menu li .sub-menu {
    1979       right: -999em;
    1980       padding: 0;
    1981       position: absolute;
    1982       top: 100%;
    1983       z-index: 999;
    1984       margin: 30px 0 0;
    1985       width: 210px;
    1986     }
    1987     .main-navigation ul.nav-menu li .children .children {
    1988       top: 0px;
    1989     }
    1990     .main-navigation ul.nav-menu li .children .main-navigation ul.menu li .children,
    1991     .main-navigation ul.menu li .sub-menu {
    1992       right: -999em;
    1993       padding: 0;
    1994       position: absolute;
    1995       top: 100%;
    1996       z-index: 999;
    1997       margin: 30px 0 0;
    1998       width: 210px;
    1999     }
    2000     .main-navigation ul li ul li ul {
    2001       right: 210px !important;
    2002     }
    2003     .main-navigation ul.menu li .children > li .children,
    2004     .main-navigation ul.menu li .children > li .sub-menu,
    2005     .main-navigation ul.menu li .sub-menu > li .children,
    2006     .main-navigation ul.menu li .sub-menu > li .sub-menu {
    2007       right: -999em;
    2008       top: 0;
    2009       margin-top: 0;
    2010       margin-right: 30px;
    2011     }
    2012     .main-navigation ul.menu li.menu-item-has-children > a::after {
    2013       -webkit-font-smoothing: antialiased;
    2014       -moz-osx-font-smoothing: grayscale;
    2015       display: inline-block;
    2016       font-style: normal;
    2017       font-variant: normal;
    2018       font-weight: 400;
    2019       line-height: 1;
    2020       font-family: Font Awesome\ 7 Free;
    2021       font-weight: 900;
    2022       line-height: inherit;
    2023       vertical-align: baseline;
    2024       content: "\f107";
    2025       display: inline-block;
    2026       margin-right: 10px;
    2027     }
    2028     .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
    2029     .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
    2030     .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
    2031     .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
    2032     .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
    2033       margin: 0;
    2034       margin-top: 0px;
    2035       right: 0;
    2036       opacity: 1;
    2037     }
    2038     .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):hover > ul.children,
    2039     .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus > ul.children,
    2040     .main-navigation .menu ul.nav-menu .page_item.focused:not(.off-canvas) > ul.children,
    2041     .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas)[focus-within] > ul.childrenm,
    2042     .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus-within > ul.children {
    2043       margin: 0;
    2044       margin-top: 0px;
    2045       right: 0;
    2046       opacity: 1;
    2047     }
    2048     .main-navigation ul.menu .children,
    2049     .main-navigation ul.menu .sub-menu {
    2050       box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    2051     }
    2052     .main-navigation ul.menu .children li.menu-item-has-children > a,
    2053     .main-navigation ul.menu .sub-menu li.menu-item-has-children > a {
    2054       padding-left: 25px;
    2055     }
    2056     .main-navigation ul.menu .children li.menu-item-has-children > a::after,
    2057     .main-navigation ul.menu .sub-menu li.menu-item-has-children > a::after {
    2058       -webkit-font-smoothing: antialiased;
    2059       -moz-osx-font-smoothing: grayscale;
    2060       display: inline-block;
    2061       font-style: normal;
    2062       font-variant: normal;
    2063       font-weight: 400;
    2064       line-height: 1;
    2065       font-family: Font Awesome\ 7 Free;
    2066       font-weight: 900;
    2067       line-height: inherit;
    2068       vertical-align: baseline;
    2069       content: "\f105";
    2070       display: inline-block;
    2071       margin-right: 10px;
    2072       position: absolute;
    2073       left: 10px;
    2074       top: 50%;
    2075       transform: translateY(-50%);
    2076     }
    2077     .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a,
    2078     .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a {
    2079       padding-right: 25px;
    2080       padding-left: 20px;
    2081     }
    2082     .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a::after,
    2083     .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a::after {
    2084       -webkit-font-smoothing: antialiased;
    2085       -moz-osx-font-smoothing: grayscale;
    2086       display: inline-block;
    2087       font-style: normal;
    2088       font-variant: normal;
    2089       font-weight: 400;
    2090       line-height: 1;
    2091       font-family: Font Awesome\ 7 Free;
    2092       font-weight: 900;
    2093       line-height: inherit;
    2094       vertical-align: baseline;
    2095       content: "\f105";
    2096       display: inline-block;
    2097       margin-left: 10px;
    2098       margin-right: 0;
    2099       position: absolute;
    2100       left: 10px;
    2101       right: unset;
    2102       top: 50%;
    2103       transform: translateY(-50%);
    2104     }
    2105   }
    2106  
    2107  
    2108   /* Small menu. */
    2109  
    2110   .menu-toggle,
    2111   .main-navigation.toggled ul {
    2112     display: block;
    2113   }
    2114  
    2115   .site-main .comment-navigation,
    2116   .site-main .posts-navigation,
    2117   .site-main .post-navigation {
    2118     margin: 0 0 1.5em;
    2119   }
    2120  
    2121   .comment-navigation .nav-links,
    2122   .posts-navigation .nav-links,
    2123   .post-navigation .nav-links {
    2124     display: flex;
    2125   }
    2126  
    2127   @media only screen and (max-width: 480px) {
    2128     .comment-navigation .nav-links,
    2129     .posts-navigation .nav-links,
    2130     .post-navigation .nav-links {
    2131       flex-wrap: wrap;
    2132     }
    2133   }
    2134  
    2135   .comment-navigation .nav-previous,
    2136   .posts-navigation .nav-previous,
    2137   .post-navigation .nav-previous {
    2138     flex: 1 0 50%;
    2139   }
    2140  
    2141   .comment-navigation .nav-previous a,
    2142   .posts-navigation .nav-previous a,
    2143   .post-navigation .nav-previous a {
    2144     display: inline-flex;
    2145     align-items: center;
    2146     gap: 5px;
    2147     color: #fff;
    2148     transition: all 0.3s ease;
    2149     text-decoration: none;
    2150   }
    2151  
    2152   .comment-navigation .nav-previous a .nav-subtitle,
    2153   .posts-navigation .nav-previous a .nav-subtitle,
    2154   .post-navigation .nav-previous a .nav-subtitle {
    2155     font-size: 14px;
    2156   }
    2157  
    2158   .comment-navigation .nav-previous a:focus,
    2159   .comment-navigation .nav-previous a:hover,
    2160   .posts-navigation .nav-previous a:focus,
    2161   .posts-navigation .nav-previous a:hover,
    2162   .post-navigation .nav-previous a:focus,
    2163   .post-navigation .nav-previous a:hover {
    2164     color: var(--primary-color);
    2165   }
    2166  
    2167   @media only screen and (max-width: 480px) {
    2168     .comment-navigation .nav-previous a,
    2169     .posts-navigation .nav-previous a,
    2170     .post-navigation .nav-previous a {
    2171       flex-direction: column;
    2172     }
    2173   }
    2174  
    2175   .comment-navigation .nav-next,
    2176   .posts-navigation .nav-next,
    2177   .post-navigation .nav-next {
    2178     text-align: end;
    2179     flex: 1 0 50%;
    2180   }
    2181  
    2182   .comment-navigation .nav-next a,
    2183   .posts-navigation .nav-next a,
    2184   .post-navigation .nav-next a {
    2185     display: inline-flex;
    2186     align-items: center;
    2187     gap: 5px;
    2188     justify-content: flex-end;
    2189     color: var(--color-text-white);
    2190     transition: all 0.3s ease;
    2191     text-decoration: none;
    2192   }
    2193  
    2194   .comment-navigation .nav-next a .nav-subtitle,
    2195   .posts-navigation .nav-next a .nav-subtitle,
    2196   .post-navigation .nav-next a .nav-subtitle {
    2197     font-size: 14px;
    2198   }
    2199  
    2200   .comment-navigation .nav-next a:focus,
    2201   .comment-navigation .nav-next a:hover,
    2202   .posts-navigation .nav-next a:focus,
    2203   .posts-navigation .nav-next a:hover,
    2204   .post-navigation .nav-next a:focus,
    2205   .post-navigation .nav-next a:hover {
    2206     color: var(--primary-color);
    2207   }
    2208  
    2209   @media only screen and (max-width: 480px) {
    2210     .comment-navigation .nav-next a,
    2211     .posts-navigation .nav-next a,
    2212     .post-navigation .nav-next a {
    2213       flex-direction: column-reverse;
    2214     }
    2215   }
    2216  
    2217   @media (max-width: 1199.98px) {
    2218     .main-navigation .main-menu {
    2219       position: fixed;
    2220       left: -130%;
    2221       height: 100%;
    2222       top: 0;
    2223       background-color: #fff;
    2224       min-width: 300px;
    2225       padding-top: 60px;
    2226       width: 50%;
    2227       transition: all 400ms ease;
    2228       display: block;
    2229       border-left: 1px solid #fff;
    2230       z-index: 13;
    2231       box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5);
    2232       opacity: 0;
    2233       visibility: hidden;
    2234     }
    2235     .main-navigation .main-menu ul {
    2236       right: auto;
    2237     }
    2238   }
    2239  
    2240   @media (max-width: 1199.98px) {
    2241     .main-navigation.toggled .main-menu {
    2242       left: 0;
    2243       right: auto;
    2244       overflow-x: auto;
    2245       opacity: 1;
    2246       visibility: visible;
    2247     }
    2248   }
    2249  
    2250   @media (max-width: 991px) {
    2251     .main-navigation ul a {
    2252       color: #202020;
    2253     }
    2254     .banner-section.banner-style-1 .banner-single .banner-caption {
    2255       right: 5% !important;
    2256       left: 5% !important;
    2257     }
    2258   }
    2259  
    2260   @media (max-width: 1199.98px) {
    2261     .main-navigation ul ul {
    2262       position: absolute;
    2263       float: none;
    2264       padding-right: 5px;
    2265     }
    2266   }
    2267  
    2268   .main-navigation li.menu-item-has-children > a::after {
    2269     -webkit-font-smoothing: antialiased;
    2270     -moz-osx-font-smoothing: grayscale;
    2271     display: inline-block;
    2272     font-style: normal;
    2273     font-variant: normal;
    2274     font-weight: 400;
    2275     line-height: 1;
    2276     font-family: Font Awesome\ 7 Free;
    2277     font-weight: 900;
    2278     line-height: inherit;
    2279     vertical-align: baseline;
    2280     content: "\f107";
    2281     display: inline-block;
    2282     margin-right: 10px;
    2283   }
    2284  
    2285   @media (max-width: 991px) {
    2286     .main-navigation li.menu-item-has-children > ul {
    2287       height: 0;
    2288       transform: scaleY(0);
    2289       transform-origin: top right;
    2290       overflow: hidden;
    2291       transition: all 0.5s ease-in-out;
    2292     }
    2293     .widget ol:not(.corporate-solutions-tabs) ol,
    2294     .widget ol:not(.corporate-solutions-tabs) ul,
    2295     .widget ul:not(.corporate-solutions-tabs) ol,
    2296     .widget ul:not(.corporate-solutions-tabs) ul {
    2297       padding-top: 0px !important;
    2298       margin-right: 0px !important;
    2299       padding-right: 0px !important;
    2300     }
    2301   }
    2302  
    2303   @media (max-width: 1199.98px) {
    2304     .main-navigation li.menu-item-has-children:hover > ul,
    2305     .main-navigation li.menu-item-has-children.focus > ul {
    2306       height: auto;
    2307       transform: scaleY(1);
    2308     }
    2309   }
    2310  
    2311   @media screen and (min-width: 992px) {
    2312     .menu-toggle {
    2313       display: none;
    2314     }
    2315     .main-navigation ul:not(.sub-menu):not(.children) {
    2316       display: block;
    2317       margin-inline-end: -20px;
    2318     }
    2319     .main-navigation ul:not(.sub-menu):not(.children) > li {
    2320       display: inline-block;
    2321     }
    2322   }
    2323  
    2324   @media (max-width: 991px) {
    2325     body.admin-bar #site-navigation.toggled .main-navigation-links {
    2326       padding-top: 100px;
    2327     }
    2328     body.admin-bar #site-navigation button.menu-toggle.open {
    2329       top: 55px;
    2330     }
    2331     .bottom-header-part-wrapper .navigation-part {
    2332       align-items: center;
    2333     }
    2334     .bottom-header-part-wrapper .social-icons-part {
    2335       display: none;
    2336     }
    2337     .main-navigation ul ul a {
    2338       border: none !important;
    2339     }
    2340     .main-navigation ul ul {
    2341       opacity: 1 !important;
    2342       border: none !important;
    2343     }
    2344     #site-navigation button.menu-toggle {
    2345       width: 35px;
    2346       height: 35px;
    2347       position: relative;
    2348       transform: rotate(0deg);
    2349       transition: 0.5s ease-in-out;
    2350       cursor: pointer;
    2351       padding: 0;
    2352       background: none;
    2353       border: none;
    2354       margin: 9px auto 9px 5px;
    2355     }
    2356     #site-navigation button.menu-toggle span {
    2357       display: block;
    2358       position: absolute;
    2359       height: 3px;
    2360       width: 100%;
    2361       background: var(--primary-color);
    2362       border-radius: 3px;
    2363       opacity: 1;
    2364       right: 0;
    2365       transform: rotate(0deg);
    2366       transition: 0.25s ease-in-out;
    2367     }
    2368     #site-navigation button.menu-toggle span:nth-child(1) {
    2369       top: calc(50% - 15px);
    2370     }
    2371     #site-navigation button.menu-toggle span:nth-child(2) {
    2372       top: 50%;
    2373       transform: translateY(-50%);
    2374     }
    2375     #site-navigation button.menu-toggle span:nth-child(3) {
    2376       bottom: calc(50% - 15px);
    2377     }
    2378     #site-navigation button.menu-toggle.open {
    2379       z-index: 18;
    2380       position: fixed !important;
    2381       left: 35px;
    2382       top: 20px;
    2383     }
    2384     #site-navigation button.menu-toggle.open span {
    2385       background-color: var(--primary-color);
    2386     }
    2387     #site-navigation button.menu-toggle.open span:nth-child(1) {
    2388       top: 14px;
    2389       width: 0%;
    2390       right: 50%;
    2391     }
    2392     #site-navigation button.menu-toggle.open span:nth-child(2) {
    2393       transform: rotate(-45deg);
    2394     }
    2395     #site-navigation button.menu-toggle.open span:nth-child(3) {
    2396       top: 50%;
    2397       transform: translateY(-50%) rotate(45deg);
    2398     }
    2399     #site-navigation .main-navigation-links {
    2400       position: fixed;
    2401       left: -130%;
    2402       height: 100%;
    2403       top: 0;
    2404       background-color: #fff;
    2405       min-width: 300px;
    2406       padding-top: 60px;
    2407       padding-left: 10px;
    2408       width: 60%;
    2409       transition: all 400ms ease;
    2410       display: block;
    2411       border-left: 1px solid #fff;
    2412       z-index: 13;
    2413       box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5);
    2414       opacity: 0;
    2415       visibility: hidden;
    2416     }
    2417     #site-navigation.toggled .main-navigation-links {
    2418       left: 0;
    2419       right: auto;
    2420       overflow-x: auto;
    2421       opacity: 1;
    2422       visibility: visible;
    2423     }
    2424     #site-navigation.toggled .main-navigation-links li.current_page_item > a,
    2425     #site-navigation.toggled .main-navigation-links li.current-menu-item > a {
    2426       color: var(--primary-color);
    2427       font-weight: bold;
    2428     }
    2429   }
    2430  
    2431   @media (max-width: 480px) {
    2432     #site-navigation .main-navigation-links {
    2433       width: 80%;
    2434     }
    2435   }
    2436  
    2437   @media (min-width: 1025px) {
    2438     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_item > a,
    2439     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-item > a,
    2440     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_ancestor > a,
    2441     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-ancestor > a {
    2442       opacity: 1;
    2443     }
    2444     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a {
    2445       color: var(--color-text-main);
    2446       opacity: 1;
    2447     }
    2448     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:focus,
    2449     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:hover {
    2450       color: var(--primary-color);
    2451     }
    2452     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a {
    2453       color: #fff;
    2454       opacity: 0.7;
    2455     }
    2456     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:focus,
    2457     body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:hover {
    2458       opacity: 1;
    2459     }
    2460   }
    2461  
    2462   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a {
    2463     color: var(--color-text-main);
    2464   }
    2465  
    2466   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:focus,
    2467   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:hover {
    2468     color: var(--primary-color);
    2469   }
    2470  
    2471   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_item > a,
    2472   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-item > a,
    2473   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_ancestor > a,
    2474   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-ancestor > a {
    2475     opacity: 1;
    2476     color: var(--primary-color);
    2477   }
    2478  
    2479   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a {
    2480     color: var(--color-text-main);
    2481   }
    2482  
    2483   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:focus,
    2484   body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:hover {
    2485     color: var(--primary-color);
    2486   }
    2487  
    2488   nav.navigation.pagination .nav-links {
    2489     display: flex;
    2490     gap: 5px;
    2491     margin: 10px 0 20px;
    2492   }
    2493  
    2494   nav.navigation.pagination .nav-links span,
    2495   nav.navigation.pagination .nav-links a {
    2496     text-decoration: none;
    2497     width: 30px;
    2498     height: 30px;
    2499     display: flex;
    2500     align-items: center;
    2501     justify-content: center;
    2502     transition: all 0.3s ease;
    2503     color: var(--color-text-white);
    2504     border: 1px solid var(--color-text-white);
    2505   }
    2506  
    2507   nav.navigation.pagination .nav-links span.prev,
    2508   nav.navigation.pagination .nav-links span.next,
    2509   nav.navigation.pagination .nav-links a.prev,
    2510   nav.navigation.pagination .nav-links a.next {
    2511     font-size: 0;
    2512   }
    2513  
    2514   nav.navigation.pagination .nav-links span.prev::after,
    2515   nav.navigation.pagination .nav-links span.next::after,
    2516   nav.navigation.pagination .nav-links a.prev::after,
    2517   nav.navigation.pagination .nav-links a.next::after {
    2518     content: "\f30a";
    2519     font-size: 1rem;
    2520     display: inline-block;
    2521     font-style: normal;
    2522     font-variant: normal;
    2523     font-weight: 400;
    2524     line-height: 1;
    2525     font-weight: 900;
    2526     line-height: inherit;
    2527     vertical-align: baseline;
    2528     font-family: Font Awesome\ 7 Free;
    2529     -moz-osx-font-smoothing: grayscale;
    2530     -webkit-font-smoothing: antialiased;
    2531   }
    2532  
    2533   nav.navigation.pagination .nav-links span.next::after,
    2534   nav.navigation.pagination .nav-links a.next::after {
    2535     content: "\f30b";
    2536   }
    2537  
    2538   nav.navigation.pagination .nav-links span:hover,
    2539   nav.navigation.pagination .nav-links span:focus,
    2540   nav.navigation.pagination .nav-links a:hover,
    2541   nav.navigation.pagination .nav-links a:focus {
    2542     color: var(--primary-color);
    2543     border: 1px solid var(--primary-color);
    2544   }
    2545  
    2546   nav.navigation.pagination .nav-links span.current {
    2547     color: var(--color-text-white);
    2548     background-color: var(--primary-color);
    2549     border: 1px solid var(--primary-color);
    2550   }
    2551  
    2552   nav.navigation.pagination .nav-links span.dots {
    2553     border: none;
    2554   }
    2555  
    2556   nav.navigation.pagination .nav-links span.dots:hover,
    2557   nav.navigation.pagination .nav-links span.dots:focus {
    2558     color: var(--color-text-main);
    2559     border: none;
    2560   }
    2561  
    2562   .corporate-solutions-carousel-navigation .slick-arrow {
    2563     position: absolute;
    2564     top: 50%;
    2565     transform: translateY(-50%);
    2566     font-size: 14px;
    2567     width: 46px;
    2568     height: 46px;
    2569     border-radius: 100%;
    2570     border: 1px solid;
    2571     background: transparent;
    2572     color: #fff;
    2573     display: flex;
    2574     align-items: center;
    2575     justify-content: center;
    2576     z-index: 1;
    2577     cursor: pointer;
    2578     font-weight: 600;
    2579     visibility: hidden;
    2580     opacity: 0;
    2581     transition: background-color .4s ease;
    2582   }
    2583  
    2584   @media (max-width: 991px) {
    2585     .banner-section .corporate-solutions-carousel-navigation .slick-arrow {
    2586       visibility: visible;
    2587       opacity: 1;
    2588       top: unset;
    2589       transform: translateY(0);
    2590       bottom: -55px;
    2591     }
    2592   }
    2593  
    2594   .corporate-solutions-carousel-navigation .slick-arrow::before {
    2595     transition: all .4s ease;
    2596   }
    2597  
    2598   .corporate-solutions-carousel-navigation .slick-arrow::after {
    2599     content: "";
    2600     width: 0px;
    2601     height: 0;
    2602     border-top: 2px solid #fff;
    2603     position: absolute;
    2604     right: 50%;
    2605     transform: translate(50%, -50%);
    2606     top: 50%;
    2607     margin-top: 0px;
    2608     transition: all .4s ease;
    2609   }
    2610  
    2611   .corporate-solutions-carousel-navigation .slick-arrow:focus,
    2612   .corporate-solutions-carousel-navigation .slick-arrow:hover {
    2613     background: var(--primary-color);
    2614     color: #404040;
    2615   }
    2616  
    2617   .corporate-solutions-carousel-navigation .slick-arrow:focus::before,
    2618   .corporate-solutions-carousel-navigation .slick-arrow:hover::before {
    2619     transform: translateX(8px);
    2620   }
    2621  
    2622   .corporate-solutions-carousel-navigation .slick-arrow:focus::after,
    2623   .corporate-solutions-carousel-navigation .slick-arrow:hover::after {
    2624     width: 20px;
    2625     border-top: 2px solid #404040;
    2626   }
    2627  
    2628   .corporate-solutions-carousel-navigation .slick-arrow.slick-prev {
    2629     right: -46px;
    2630   }
    2631  
    2632   .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev {
    2633     right: 46px;
    2634   }
    2635  
    2636   @media (max-width: 1024px) {
    2637     .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev {
    2638       right: unset;
    2639       left: 80px;
    2640     }
    2641   }
    2642  
    2643   .corporate-solutions-carousel-navigation .slick-arrow.slick-next {
    2644     left: -46px;
    2645     flex-direction: row-reverse;
    2646   }
    2647  
    2648   .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next {
    2649     left: 46px;
    2650   }
    2651  
    2652   @media (max-width: 1024px) {
    2653     .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next {
    2654       left: 20px;
    2655     }
    2656   }
    2657  
    2658   .corporate-solutions-carousel-navigation .slick-arrow.slick-next:focus::before,
    2659   .corporate-solutions-carousel-navigation .slick-arrow.slick-next:hover::before {
    2660     transform: translateX(-8px);
    2661   }
    2662  
    2663   .corporate-solutions-carousel-navigation:focus-within .slick-arrow,
    2664   .corporate-solutions-carousel-navigation:hover .slick-arrow {
    2665     opacity: 1;
    2666     visibility: visible;
    2667   }
    2668  
    2669   .corporate-solutions-carousel-navigation .slick-dots {
    2670     margin: 0px;
    2671     padding: 0;
    2672     list-style: none;
    2673     display: flex;
    2674     align-items: center;
    2675     justify-content: center;
    2676     margin-inline: auto;
    2677     margin-top: 20px;
    2678   }
    2679  
    2680   .banner-section.banner-style-1 .corporate-solutions-carousel-navigation .slick-dots {
    2681     position: absolute;
    2682     margin: 0;
    2683     right: 50%;
    2684     transform: translateX(50%);
    2685     bottom: 15px;
    2686   }
    2687  
    2688   .corporate-solutions-carousel-navigation .slick-dots li {
    2689     margin-right: 5px;
    2690     margin-left: 5px;
    2691   }
    2692  
    2693   .corporate-solutions-carousel-navigation .slick-dots li button {
    2694     font-size: 0;
    2695     padding: 0;
    2696     height: 5px;
    2697     width: 5px;
    2698     border-radius: 50%;
    2699     border: none;
    2700     background-color: #3a3a3a;
    2701     transition: all 0.3s ease;
    2702   }
    2703  
    2704   .corporate-solutions-carousel-navigation .slick-dots li button:focus,
    2705   .corporate-solutions-carousel-navigation .slick-dots li button:hover {
    2706     background-color: var(--color-text-main);
    2707   }
    2708  
    2709   .banner-section .corporate-solutions-carousel-navigation .slick-dots li button {
    2710     background-color: #fff;
    2711     opacity: 0.5;
    2712   }
    2713  
    2714   .corporate-solutions-carousel-navigation .slick-dots li.slick-active button {
    2715     background-color: var(--primary-color);
    2716     height: 10px;
    2717     width: 10px;
    2718   }
    2719  
    2720   .banner-section .corporate-solutions-carousel-navigation .slick-dots li.slick-active button {
    2721     opacity: 1;
    2722   }
    2723  
    2724   .service-section-wrapper {
     1829}
     1830
     1831.main-navigation a {
     1832        padding: 17px 20px;
     1833        font-size: 0.9375rem;
     1834        color: #fff;
     1835       
     1836        display: block;
     1837        text-decoration: none;
     1838        opacity: 0.9;
     1839}
     1840
     1841.main-navigation a:focus, .main-navigation a:hover {
     1842        opacity: 1;
     1843        color: var(--primary-color);
     1844}
     1845
     1846.main-navigation .current_page_item > a,
     1847.main-navigation .current-menu-item > a,
     1848.main-navigation .current_page_ancestor > a,
     1849.main-navigation .current-menu-ancestor > a {
     1850        position: relative;
     1851        opacity: 1;
     1852        color: var(--primary-color);
     1853}
     1854
     1855@media (min-width: 992px) {
     1856        .main-navigation ul.nav-menu li .children,
     1857        .main-navigation ul.menu li .sub-menu {
     1858                right: -999em;
     1859                padding: 0;
     1860                position: absolute;
     1861                top: 100%;
     1862                z-index: 999;
     1863                margin: 30px 0 0;
     1864                width: 210px;
     1865        }
     1866        .main-navigation ul.nav-menu li .children .children{
     1867                top: 0px;
     1868        }
     1869        .main-navigation ul.nav-menu li .children
     1870        .main-navigation ul.menu li .children,
     1871        .main-navigation ul.menu li .sub-menu {
     1872                right: -999em;
     1873                padding: 0;
     1874                position: absolute;
     1875                top: 100%;
     1876                z-index: 999;
     1877                margin: 30px 0 0;
     1878                width: 210px;
     1879        }
     1880        .main-navigation ul li ul li ul {
     1881        right: 210px !important;
     1882        }
     1883        .main-navigation ul.menu li .children > li .children,
     1884        .main-navigation ul.menu li .children > li .sub-menu,
     1885        .main-navigation ul.menu li .sub-menu > li .children,
     1886        .main-navigation ul.menu li .sub-menu > li .sub-menu {
     1887                right: -999em;
     1888                top: 0;
     1889                margin-top: 0;
     1890                margin-right: 30px;
     1891        }
     1892        .main-navigation ul.menu li.menu-item-has-children > a::after {
     1893                -webkit-font-smoothing: antialiased;
     1894                -moz-osx-font-smoothing: grayscale;
     1895                display: inline-block;
     1896                font-style: normal;
     1897                font-variant: normal;
     1898                font-weight: 400;
     1899                line-height: 1;
     1900                font-family: Font Awesome\ 7 Free;
     1901                font-weight: 900;
     1902                line-height: inherit;
     1903                vertical-align: baseline;
     1904                content: "\f107";
     1905                display: inline-block;
     1906                margin-right: 10px;
     1907        }
     1908        .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     1909        .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     1910        .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
     1911        .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
     1912        .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
     1913                margin: 0;
     1914                margin-top: 0px;
     1915                right: 0;
     1916                opacity: 1;
     1917        }
     1918        .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):hover > ul.children,
     1919        .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus > ul.children,
     1920        .main-navigation .menu ul.nav-menu .page_item.focused:not(.off-canvas) > ul.children,
     1921        .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas)[focus-within] > ul.childrenm,
     1922        .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus-within > ul.children  {
     1923                margin: 0;
     1924                margin-top: 0px;
     1925                right: 0;
     1926                opacity: 1;
     1927        }
     1928        .main-navigation ul.menu .children,
     1929        .main-navigation ul.menu .sub-menu {
     1930                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
     1931        }
     1932        .main-navigation ul.menu .children li.menu-item-has-children > a,
     1933        .main-navigation ul.menu .sub-menu li.menu-item-has-children > a {
     1934                padding-left: 25px;
     1935        }
     1936        .main-navigation ul.menu .children li.menu-item-has-children > a::after,
     1937        .main-navigation ul.menu .sub-menu li.menu-item-has-children > a::after {
     1938                -webkit-font-smoothing: antialiased;
     1939                -moz-osx-font-smoothing: grayscale;
     1940                display: inline-block;
     1941                font-style: normal;
     1942                font-variant: normal;
     1943                font-weight: 400;
     1944                line-height: 1;
     1945                font-family: Font Awesome\ 7 Free;
     1946                font-weight: 900;
     1947                line-height: inherit;
     1948                vertical-align: baseline;
     1949                content: "\f105";
     1950                display: inline-block;
     1951                margin-right: 10px;
     1952                position: absolute;
     1953                left: 10px;
     1954                top: 50%;
     1955                transform: translateY(-50%);
     1956        }
     1957        .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a,
     1958        .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a {
     1959                padding-right: 25px;
     1960                padding-left: 20px;
     1961        }
     1962        .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a::after,
     1963        .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a::after {
     1964                -webkit-font-smoothing: antialiased;
     1965                -moz-osx-font-smoothing: grayscale;
     1966                display: inline-block;
     1967                font-style: normal;
     1968                font-variant: normal;
     1969                font-weight: 400;
     1970                line-height: 1;
     1971                font-family: Font Awesome\ 7 Free;
     1972                font-weight: 900;
     1973                line-height: inherit;
     1974                vertical-align: baseline;
     1975                content: "\f105";
     1976                display: inline-block;
     1977                margin-left: 10px;
     1978                margin-right: 0;
     1979                position: absolute;
     1980                left: 10px;
     1981                right: unset;
     1982                top: 50%;
     1983                transform: translateY(-50%);
     1984        }
     1985       
     1986}
     1987
     1988/* Small menu. */
     1989.menu-toggle,
     1990.main-navigation.toggled ul {
     1991        display: block;
     1992}
     1993
     1994.site-main .comment-navigation, .site-main
     1995.posts-navigation, .site-main
     1996.post-navigation {
     1997        margin: 0 0 1.5em;
     1998}
     1999
     2000.comment-navigation .nav-links,
     2001.posts-navigation .nav-links,
     2002.post-navigation .nav-links {
     2003        display: flex;
     2004}
     2005
     2006@media only screen and (max-width: 480px) {
     2007        .comment-navigation .nav-links,
     2008        .posts-navigation .nav-links,
     2009        .post-navigation .nav-links {
     2010                flex-wrap: wrap;
     2011        }
     2012}
     2013
     2014.comment-navigation .nav-previous,
     2015.posts-navigation .nav-previous,
     2016.post-navigation .nav-previous {
     2017        flex: 1 0 50%;
     2018}
     2019
     2020.comment-navigation .nav-previous a,
     2021.posts-navigation .nav-previous a,
     2022.post-navigation .nav-previous a {
     2023        display: inline-flex;
     2024        align-items: center;
     2025        gap: 5px;
     2026        color: #000;
     2027        transition: all 0.3s ease;
     2028        text-decoration: none;
     2029}
     2030.comment-navigation .nav-previous a:hover,
     2031.posts-navigation .nav-previous a:hover,
     2032.post-navigation .nav-previous a:hover {
     2033        color: var(--primary-color);
     2034}
     2035.comment-navigation .nav-previous a .nav-subtitle,
     2036.posts-navigation .nav-previous a .nav-subtitle,
     2037.post-navigation .nav-previous a .nav-subtitle {
     2038        font-size: 14px;
     2039}
     2040
     2041.comment-navigation .nav-previous a:focus, .comment-navigation .nav-previous a:hover,
     2042.posts-navigation .nav-previous a:focus,
     2043.posts-navigation .nav-previous a:hover,
     2044.post-navigation .nav-previous a:focus,
     2045.post-navigation .nav-previous a:hover {
     2046        color: var(--primary-color);
     2047}
     2048
     2049@media only screen and (max-width: 480px) {
     2050        .comment-navigation .nav-previous a,
     2051        .posts-navigation .nav-previous a,
     2052        .post-navigation .nav-previous a {
     2053                flex-direction: column;
     2054        }
     2055}
     2056
     2057.comment-navigation .nav-next,
     2058.posts-navigation .nav-next,
     2059.post-navigation .nav-next {
     2060        text-align: end;
     2061        flex: 1 0 50%;
     2062}
     2063
     2064.comment-navigation .nav-next a,
     2065.posts-navigation .nav-next a,
     2066.post-navigation .nav-next a {
     2067        display: inline-flex;
     2068        align-items: center;
     2069        gap: 5px;
     2070        justify-content: flex-end;
     2071        color: var(--color-text-white);
     2072        transition: all 0.3s ease;
     2073        text-decoration: none;
     2074}
     2075
     2076.comment-navigation .nav-next a .nav-subtitle,
     2077.posts-navigation .nav-next a .nav-subtitle,
     2078.post-navigation .nav-next a .nav-subtitle {
     2079        font-size: 14px;
     2080}
     2081
     2082.comment-navigation .nav-next a:focus, .comment-navigation .nav-next a:hover,
     2083.posts-navigation .nav-next a:focus,
     2084.posts-navigation .nav-next a:hover,
     2085.post-navigation .nav-next a:focus,
     2086.post-navigation .nav-next a:hover {
     2087        color: var(--primary-color);
     2088}
     2089
     2090@media only screen and (max-width: 480px) {
     2091        .comment-navigation .nav-next a,
     2092        .posts-navigation .nav-next a,
     2093        .post-navigation .nav-next a {
     2094                flex-direction: column-reverse;
     2095        }
     2096}
     2097
     2098@media (max-width: 1199.98px) {
     2099        .main-navigation .main-menu {
     2100                position: fixed;
     2101                left: -130%;
     2102                height: 100%;
     2103                top: 0;
     2104                background-color: #fff;
     2105                min-width: 300px;
     2106                padding-top: 60px;
     2107                width: 50%;
     2108                transition: all 400ms ease;
     2109                display: block;
     2110                border-left: 1px solid #fff;
     2111                z-index: 13;
     2112                box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5);
     2113                opacity: 0;
     2114                visibility: hidden;
     2115        }
     2116        .main-navigation .main-menu ul {
     2117                right: auto;
     2118        }
     2119}
     2120
     2121@media (max-width: 1199.98px) {
     2122        .main-navigation.toggled .main-menu {
     2123                left: 0;
     2124                right: auto;
     2125                overflow-x: auto;
     2126                opacity: 1;
     2127                visibility: visible;
     2128        }
     2129}
     2130
     2131@media (max-width: 991px) {
     2132        .main-navigation ul a {
     2133                color: #202020;
     2134        }
     2135        .banner-section.banner-style-1 .banner-single .banner-caption{
     2136        right: 5% !important;
     2137        left: 5% !important;
     2138        }
     2139}
     2140
     2141@media (max-width: 1199.98px) {
     2142        .main-navigation ul ul {
     2143                position: absolute;
     2144                float: none;
     2145                padding-right: 5px;
     2146        }
     2147}
     2148
     2149.main-navigation li.menu-item-has-children > a::after {
     2150        -webkit-font-smoothing: antialiased;
     2151        -moz-osx-font-smoothing: grayscale;
     2152        display: inline-block;
     2153        font-style: normal;
     2154        font-variant: normal;
     2155        font-weight: 400;
     2156        line-height: 1;
     2157        font-family: Font Awesome\ 7 Free;
     2158        font-weight: 900;
     2159        line-height: inherit;
     2160        vertical-align: baseline;
     2161        content: "\f107";
     2162        display: inline-block;
     2163        margin-right: 10px;
     2164}
     2165
     2166@media (max-width: 991px) {
     2167        .main-navigation li.menu-item-has-children > ul {
     2168                height: 0;
     2169                transform: scaleY(0);
     2170                transform-origin: top right;
     2171                overflow: hidden;
     2172                transition: all 0.5s ease-in-out;
     2173        }
     2174
     2175        .widget ol:not(.corporate-solutions-tabs) ol, .widget ol:not(.corporate-solutions-tabs) ul, .widget ul:not(.corporate-solutions-tabs) ol, .widget ul:not(.corporate-solutions-tabs) ul {
     2176        padding-top: 0px !important;
     2177        margin-right: 0px !important;
     2178        padding-right: 0px !important;
     2179        }
     2180}
     2181
     2182@media (max-width: 1199.98px) {
     2183        .main-navigation li.menu-item-has-children:hover > ul, .main-navigation li.menu-item-has-children.focus > ul {
     2184                height: auto;
     2185                transform: scaleY(1);
     2186        }
     2187}
     2188
     2189@media screen and (min-width: 992px) {
     2190        .menu-toggle {
     2191                display: none;
     2192        }
     2193        .main-navigation ul:not(.sub-menu):not(.children) {
     2194                display: block;
     2195                margin-inline-end: -20px;
     2196        }
     2197        .main-navigation ul:not(.sub-menu):not(.children) > li {
     2198                display: inline-block;
     2199        }
     2200}
     2201
     2202@media (max-width: 991px) {
     2203        body.admin-bar #site-navigation.toggled .main-navigation-links {
     2204                padding-top: 100px;
     2205        }
     2206        body.admin-bar #site-navigation button.menu-toggle.open {
     2207                top: 55px;
     2208        }
     2209        .bottom-header-part-wrapper .navigation-part {
     2210                align-items: center;
     2211        }
     2212        .bottom-header-part-wrapper .social-icons-part {
     2213                display: none;
     2214        }
     2215        .main-navigation ul ul a{
     2216                border: none !important;
     2217        }
     2218        .main-navigation ul ul{
     2219                opacity: 1 !important;
     2220                border: none !important;
     2221        }
     2222        #site-navigation button.menu-toggle {
     2223                width: 35px;
     2224                height: 35px;
     2225                position: relative;
     2226                transform: rotate(0deg);
     2227                transition: 0.5s ease-in-out;
     2228                cursor: pointer;
     2229                padding: 0;
     2230                background: none;
     2231                border: none;
     2232                margin: 9px auto 9px 5px;
     2233        }
     2234        #site-navigation button.menu-toggle span {
     2235                display: block;
     2236                position: absolute;
     2237                height: 3px;
     2238                width: 100%;
     2239                background: var(--primary-color);
     2240                border-radius: 3px;
     2241                opacity: 1;
     2242                right: 0;
     2243                transform: rotate(0deg);
     2244                transition: 0.25s ease-in-out;
     2245        }
     2246        #site-navigation button.menu-toggle span:nth-child(1) {
     2247                top: calc(50% - 15px);
     2248        }
     2249        #site-navigation button.menu-toggle span:nth-child(2) {
     2250                top: 50%;
     2251                transform: translateY(-50%);
     2252        }
     2253        #site-navigation button.menu-toggle span:nth-child(3) {
     2254                bottom: calc(50% - 15px);
     2255        }
     2256        #site-navigation button.menu-toggle.open {
     2257                z-index: 18;
     2258                position: fixed !important;
     2259                left: 35px;
     2260                top: 20px;
     2261        }
     2262        #site-navigation button.menu-toggle.open span {
     2263                background-color: var(--primary-color);
     2264        }
     2265        #site-navigation button.menu-toggle.open span:nth-child(1) {
     2266                top: 14px;
     2267                width: 0%;
     2268                right: 50%;
     2269        }
     2270        #site-navigation button.menu-toggle.open span:nth-child(2) {
     2271                transform: rotate(-45deg);
     2272        }
     2273        #site-navigation button.menu-toggle.open span:nth-child(3) {
     2274                top: 50%;
     2275                transform: translateY(-50%) rotate(45deg);
     2276        }
     2277        #site-navigation .main-navigation-links {
     2278                position: fixed;
     2279                left: -130%;
     2280                height: 100%;
     2281                top: 0;
     2282                background-color: #fff;
     2283                min-width: 300px;
     2284                padding-top: 60px;
     2285                padding-left: 10px;
     2286                width: 60%;
     2287                transition: all 400ms ease;
     2288                display: block;
     2289                border-left: 1px solid #fff;
     2290                z-index: 13;
     2291                box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5);
     2292                opacity: 0;
     2293                visibility: hidden;
     2294        }
     2295        #site-navigation.toggled .main-navigation-links {
     2296                left: 0;
     2297                right: auto;
     2298                overflow-x: auto;
     2299                opacity: 1;
     2300                visibility: visible;
     2301        }
     2302        #site-navigation.toggled .main-navigation-links li.current_page_item > a,
     2303        #site-navigation.toggled .main-navigation-links li.current-menu-item > a {
     2304                color: var(--primary-color);
     2305                font-weight: bold;
     2306        }
     2307}
     2308
     2309@media (max-width: 480px) {
     2310        #site-navigation .main-navigation-links {
     2311                width: 80%;
     2312        }
     2313}
     2314
     2315@media (min-width: 1025px) {
     2316        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_item > a,
     2317        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-item > a,
     2318        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_ancestor > a,
     2319        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-ancestor > a {
     2320                opacity: 1;
     2321        }
     2322        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a {
     2323                color: var(--color-text-main);
     2324                opacity: 1;
     2325        }
     2326        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:hover {
     2327                color: var(--primary-color);
     2328        }
     2329        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a {
     2330                color: #fff;
     2331                opacity: 0.7;
     2332        }
     2333        body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:hover {
     2334                opacity: 1;
     2335        }
     2336}
     2337
     2338body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a {
     2339        color: var(--color-text-main);
     2340}
     2341
     2342body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:hover {
     2343        color: var(--primary-color);
     2344}
     2345
     2346body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_item > a,
     2347body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-item > a,
     2348body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_ancestor > a,
     2349body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-ancestor > a {
     2350        opacity: 1;
     2351        color: var(--primary-color);
     2352}
     2353
     2354body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a {
     2355        color: var(--color-text-main);
     2356}
     2357
     2358body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:hover {
     2359        color: var(--primary-color);
     2360}
     2361
     2362nav.navigation.pagination .nav-links {
     2363        display: flex;
     2364        gap: 5px;
     2365        margin: 10px 0 20px;
     2366}
     2367
     2368nav.navigation.pagination .nav-links span,
     2369nav.navigation.pagination .nav-links a {
     2370        text-decoration: none;
     2371        width: 30px;
     2372        height: 30px;
     2373        display: flex;
     2374        align-items: center;
     2375        justify-content: center;
     2376        transition: all 0.3s ease;
     2377        color: var(--color-text-white);
     2378        border: 1px solid var(--color-text-white);
     2379}
     2380
     2381nav.navigation.pagination .nav-links span.prev, nav.navigation.pagination .nav-links span.next,
     2382nav.navigation.pagination .nav-links a.prev,
     2383nav.navigation.pagination .nav-links a.next {
     2384        font-size: 0;
     2385}
     2386
     2387nav.navigation.pagination .nav-links span.prev::after, nav.navigation.pagination .nav-links span.next::after,
     2388nav.navigation.pagination .nav-links a.prev::after,
     2389nav.navigation.pagination .nav-links a.next::after {
     2390        content: "\f30a";
     2391        font-size: 1rem;
     2392        display: inline-block;
     2393        font-style: normal;
     2394        font-variant: normal;
     2395        font-weight: 400;
     2396        line-height: 1;
     2397        font-weight: 900;
     2398        line-height: inherit;
     2399        vertical-align: baseline;
     2400        font-family: Font Awesome\ 7 Free;
     2401        -moz-osx-font-smoothing: grayscale;
     2402        -webkit-font-smoothing: antialiased;
     2403}
     2404
     2405nav.navigation.pagination .nav-links span.next::after,
     2406nav.navigation.pagination .nav-links a.next::after {
     2407        content: "\f30b";
     2408}
     2409
     2410nav.navigation.pagination .nav-links span:hover, nav.navigation.pagination .nav-links span:focus,
     2411nav.navigation.pagination .nav-links a:hover,
     2412nav.navigation.pagination .nav-links a:focus {
     2413        color: var(--primary-color);
     2414        border: 1px solid var(--primary-color);
     2415}
     2416
     2417nav.navigation.pagination .nav-links span.current {
     2418        color: var(--color-text-white);
     2419        background-color: var(--primary-color);
     2420        border: 1px solid var(--primary-color);
     2421}
     2422
     2423nav.navigation.pagination .nav-links span.dots {
     2424        border: none;
     2425}
     2426
     2427nav.navigation.pagination .nav-links span.dots:hover, nav.navigation.pagination .nav-links span.dots:focus {
     2428        color: var(--color-text-main);
     2429        border: none;
     2430}
     2431
     2432.corporate-solutions-carousel-navigation .slick-arrow {
     2433        position: absolute;
     2434        top: 50%;
     2435        transform: translateY(-50%);
     2436        font-size: 14px;
     2437        width: 46px;
     2438        height: 46px;
     2439        border-radius: 100%;
     2440        border: 1px solid;
     2441        background: transparent;
     2442        color: #fff;
     2443        display: flex;
     2444        align-items: center;
     2445        justify-content: center;
     2446        z-index: 1;
     2447        cursor: pointer;
     2448        font-weight: 600;
     2449        visibility: hidden;
     2450        opacity: 0;
     2451        transition: background-color .4s ease;
     2452}
     2453
     2454@media (max-width: 991px) {
     2455        .banner-section .corporate-solutions-carousel-navigation .slick-arrow {
     2456                visibility: visible;
     2457                opacity: 1;
     2458                top: unset;
     2459                transform: translateY(0);
     2460                bottom: -55px;
     2461        }
     2462}
     2463
     2464.corporate-solutions-carousel-navigation .slick-arrow::before {
     2465        transition: all .4s ease;
     2466}
     2467
     2468.corporate-solutions-carousel-navigation .slick-arrow::after {
     2469        content: "";
     2470        width: 0px;
     2471        height: 0;
     2472        border-top: 2px solid #fff;
     2473        position: absolute;
     2474        right: 50%;
     2475        transform: translate(50%, -50%);
     2476        top: 50%;
     2477        margin-top: 0px;
     2478        transition: all .4s ease;
     2479}
     2480
     2481.corporate-solutions-carousel-navigation .slick-arrow:focus, .corporate-solutions-carousel-navigation .slick-arrow:hover {
     2482        background: var(--primary-color);
     2483        color: #404040;
     2484}
     2485
     2486.corporate-solutions-carousel-navigation .slick-arrow:focus::before, .corporate-solutions-carousel-navigation .slick-arrow:hover::before {
     2487        transform: translateX(8px);
     2488}
     2489
     2490.corporate-solutions-carousel-navigation .slick-arrow:focus::after, .corporate-solutions-carousel-navigation .slick-arrow:hover::after {
     2491        width: 20px;
     2492        border-top: 2px solid #404040;
     2493}
     2494
     2495.corporate-solutions-carousel-navigation .slick-arrow.slick-prev {
     2496        right: -46px;
     2497}
     2498
     2499.banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev {
     2500        right: 46px;
     2501}
     2502
     2503@media (max-width: 1024px) {
     2504        .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev {
     2505                right: unset;
     2506                left: 80px;
     2507        }
     2508}
     2509
     2510
     2511.corporate-solutions-carousel-navigation .slick-arrow.slick-next {
     2512        left: -46px;
     2513        flex-direction: row-reverse;
     2514}
     2515
     2516.banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next {
     2517        left: 46px;
     2518}
     2519
     2520@media (max-width: 1024px) {
     2521        .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next {
     2522                left: 20px;
     2523        }
     2524}
     2525
     2526.corporate-solutions-carousel-navigation .slick-arrow.slick-next:focus::before, .corporate-solutions-carousel-navigation .slick-arrow.slick-next:hover::before {
     2527        transform: translateX(-8px);
     2528}
     2529
     2530.corporate-solutions-carousel-navigation:focus-within .slick-arrow, .corporate-solutions-carousel-navigation:hover .slick-arrow {
     2531        opacity: 1;
     2532        visibility: visible;
     2533}
     2534
     2535.corporate-solutions-carousel-navigation .slick-dots {
     2536        margin: 0px;
     2537        padding: 0;
     2538        list-style: none;
     2539        display: flex;
     2540        align-items: center;
     2541        justify-content: center;
     2542        margin-inline: auto;
     2543        margin-top: 20px;
     2544}
     2545
     2546.banner-section.banner-style-1 .corporate-solutions-carousel-navigation .slick-dots {
     2547        position: absolute;
     2548        margin: 0;
     2549        right: 50%;
     2550        transform: translateX(50%);
     2551        bottom: 15px;
     2552}
     2553
     2554.corporate-solutions-carousel-navigation .slick-dots li {
     2555        margin-right: 5px;
     2556        margin-left: 5px;
     2557}
     2558
     2559.corporate-solutions-carousel-navigation .slick-dots li button {
     2560        font-size: 0;
     2561        padding: 0;
     2562        height: 5px;
     2563        width: 5px;
     2564        border-radius: 50%;
     2565        border: none;
     2566        background-color: #3a3a3a;
     2567        transition: all 0.3s ease;
     2568}
     2569
     2570.corporate-solutions-carousel-navigation .slick-dots li button:focus, .corporate-solutions-carousel-navigation .slick-dots li button:hover {
     2571        background-color: var(--color-text-main);
     2572}
     2573
     2574.banner-section .corporate-solutions-carousel-navigation .slick-dots li button {
     2575        background-color: #fff;
     2576        opacity: 0.5;
     2577}
     2578
     2579.corporate-solutions-carousel-navigation .slick-dots li.slick-active button {
     2580        background-color: var(--primary-color);
     2581        height: 10px;
     2582        width: 10px;
     2583}
     2584
     2585.banner-section .corporate-solutions-carousel-navigation .slick-dots li.slick-active button {
     2586        opacity: 1;
     2587}
     2588
     2589.service-section-wrapper {
    27252590    display: flex;
    27262591    align-items: center;
    … …  
    27282593    justify-content: space-between;
    27292594    gap: 30px 0;
    2730   }
    2731  
    2732   .service-single {
     2595}       
     2596.service-single {
    27332597    width: 24%;
    27342598    position: relative;
    2735   }
    2736  
    2737   .service-title {
     2599}
     2600.service-title {
    27382601    position: absolute;
    27392602    top: 50%;
    … …  
    27412604    padding: 30px;
    27422605    transform: translateY(-50%);
    2743   }
    2744  
    2745   .service-image {
     2606}
     2607.service-image {
    27462608    background: var(--primary-color);
    27472609    height: 300px;
    2748   }
    2749  
    2750   .service-image img {
    2751     width: 100%;
     2610}
     2611.service-image img {
     2612        width: 100%;
    27522613    height: 300px;
    27532614    object-fit: cover;
    27542615    opacity: 0.7;
    2755   }
    2756  
    2757   .service-title h3 {
     2616}
     2617.service-title h3 {
    27582618    font-size: 25px;
    27592619    margin: 0;
    2760   }
    2761  
    2762   .service-title h3 a {
     2620}
     2621.service-title h3 a {
    27632622    color: #fff;
    2764   }
    2765  
    2766   .service-title p {
     2623}
     2624.service-title p {
    27672625    margin-bottom: 0;
    27682626    font-size: 15px;
    27692627    word-break: break-all;
    2770   }
    2771  
    2772   .services-part-wrapper {
     2628
     2629}
     2630.services-part-wrapper {
    27732631    margin-bottom: 30px;
    2774   }
    2775  
    2776   .services-part-wrapper h3 {
     2632}
     2633.services-part-wrapper h3 {
    27772634    font-size: 35px;
    27782635    margin: 0;
    27792636    overflow-wrap: anywhere;
    2780   }
    2781  
    2782   .services-part-wrapper p {
    2783     overflow-wrap: anywhere;
    2784   }
    2785  
    2786   .services-left-part {
    2787     width: 50%;
    2788   }
    2789  
    2790   .services-middle-part {
    2791     width: 50%;
    2792   }
    2793  
    2794   .services-left-part h3,
    2795   .services-left-part p {
    2796     width: 100%;
    2797     max-width: 50%;
    2798   }
    2799  
    2800   section#corporate_solutions_service_section {
     2637}
     2638.services-part-wrapper p{
     2639        overflow-wrap: anywhere;       
     2640}
     2641.services-left-part{
     2642        width: 50%;
     2643}
     2644.services-middle-part{
     2645        width: 50%;
     2646}
     2647.services-left-part h3, .services-left-part p{
     2648        width: 100%;
     2649        max-width: 50%;
     2650}
     2651section#corporate_solutions_service_section {
    28012652    padding: 40px 0 50px;
    2802   }
    2803  
    2804   .services-middle-part img {
     2653}
     2654.services-middle-part img {
    28052655    width: 100%;
    28062656    height: 400px;
    28072657    object-fit: cover;
    2808   }
    2809  
    2810   @media only screen and (max-width: 1500px) {
    2811     .services-left-part h3,
    2812     .services-left-part p {
    2813       width: 100%;
    2814       max-width: 60%;
    2815     }
    2816   }
    2817  
    2818   @media only screen and (max-width: 1100px) {
    2819     .services-left-part h3,
    2820     .services-left-part p {
    2821       width: 100%;
    2822       max-width: 100%;
    2823     }
    2824     .services-middle-part img {
    2825       width: 100%;
    2826       height: 100%;
    2827       object-fit: cover;
    2828     }
    2829   }
    2830  
    2831   @media only screen and (max-width: 900px) {
    2832     .service-section-wrapper {
    2833       display: flex;
    2834       align-items: center;
    2835       flex-wrap: wrap;
    2836       justify-content: center;
    2837       gap: 30px;
    2838     }
    2839   }
    2840  
    2841   @media only screen and (max-width: 900px) {
    2842     .services-left-part {
    2843       width: 100%;
    2844       padding: 10px 0;
    2845     }
    2846     .services-middle-part {
    2847       padding: 10px 0;
    2848       width: 100%;
    2849     }
    2850   }
    2851  
    2852  
    2853   /* Posts and pages
    2854   --------------------------------------------- */
    2855  
    2856   .sticky {
    2857     display: block;
    2858   }
    2859  
    2860   .post,
    2861   .page {
    2862     margin: 0 0 1.5em;
    2863   }
    2864  
    2865   .updated:not(.published) {
    2866     display: none;
    2867   }
    2868  
    2869   .page-content,
    2870   .entry-content,
    2871   .entry-summary {
    2872     margin: 1.5em 0 0;
    2873   }
    2874  
    2875   .page-links {
    2876     clear: both;
    2877     margin: 0 0 1.5em;
    2878   }
    2879  
    2880  
    2881   /*--------------------------------------------------------------
    2882   # 404 page
    2883   --------------------------------------------------------------*/
    2884  
    2885   section.no-results.not-found {
    2886     margin-bottom: 50px;
    2887   }
    2888  
    2889   .error-404.not-found {
     2658}
     2659
     2660@media only screen and (max-width: 1500px) {
     2661        .services-left-part h3, .services-left-part p {
     2662                width: 100%;
     2663                max-width: 60%;
     2664        }
     2665}
     2666@media only screen and (max-width: 1100px) {
     2667        .services-left-part h3, .services-left-part p {
     2668                width: 100%;
     2669                max-width: 100%;
     2670        }
     2671        .services-middle-part img {
     2672                width: 100%;
     2673                height: 100%;
     2674                object-fit: cover;
     2675        }
     2676}
     2677@media only screen and (max-width: 900px) {
     2678        .service-section-wrapper {
     2679                display: flex;
     2680                align-items: center;
     2681                flex-wrap: wrap;
     2682                justify-content: center;
     2683                gap: 30px;
     2684        }
     2685}
     2686@media only screen and (max-width: 900px) {
     2687        .services-left-part{
     2688                width: 100%;
     2689                padding: 10px 0;
     2690        }
     2691        .services-middle-part{
     2692                padding: 10px 0;
     2693                width: 100%;
     2694        }
     2695}
     2696
     2697
     2698/* Posts and pages
     2699--------------------------------------------- */
     2700.sticky {
     2701        display: block;
     2702}
     2703
     2704.post,
     2705.page {
     2706        margin: 0 0 1.5em;
     2707}
     2708
     2709.updated:not(.published) {
     2710        display: none;
     2711}
     2712
     2713.page-content,
     2714.entry-content,
     2715.entry-summary {
     2716        margin: 1.5em 0 0;
     2717}
     2718
     2719.page-links {
     2720        clear: both;
     2721        margin: 0 0 1.5em;
     2722}
     2723
     2724/*--------------------------------------------------------------
     2725# 404 page
     2726--------------------------------------------------------------*/
     2727section.no-results.not-found {
     2728        margin-bottom: 50px;
     2729}
     2730
     2731.error-404.not-found {
    28902732    text-align: center;
    28912733    margin-bottom: 30px;
    2892   }
    2893  
    2894   section.not-found {
     2734   
     2735}
     2736
     2737section.not-found {
    28952738    margin-top: 3em;
    28962739    text-align: center;
    28972740    margin-bottom: 7em;
    28982741    margin-left: 0em;
    2899   }
    2900  
    2901   h2.text-secondary {
     2742}
     2743h2.text-secondary {
    29022744    font-size: 41px;
    29032745    font-weight: 900;
    2904   }
    2905  
    2906   p.not-para {
     2746}
     2747p.not-para {
    29072748    font-size: 20px;
    2908   }
    2909  
    2910   .paganot-found-button a {
     2749}
     2750.paganot-found-button a {
    29112751    background: var(--primary-color);
    29122752    border-radius: 11px;
    … …  
    29142754    font-weight: 800;
    29152755    color: #fff!important;
    2916   }
    2917  
    2918   .paganot-found-button a:hover {
     2756}
     2757.paganot-found-button a:hover {
    29192758    background: #404040;
    29202759    border-radius: 11px;
    29212760    padding: 12px 12px;
    29222761    color: #fff!important;
    2923   }
    2924  
    2925   @media (max-width: 1000px) {
    2926     section.not-found {
    2927       margin-top: 3em;
    2928       text-align: center;
    2929       margin-bottom: 7em;
    2930       margin-right: 0em;
    2931       margin-left: 0em;
    2932     }
    2933   }
    2934  
    2935  
    2936   /*--------------------------------------------------------------
    2937   # archive layouts
    2938   --------------------------------------------------------------*/
    2939  
    2940   .mag-post-category {
    2941     line-height: 1.2;
    2942     font-size: var(--font-size-sm);
    2943   }
    2944  
    2945   .mag-post-category a {
    2946     display: inline-block;
     2762}
     2763@media (max-width: 1000px){
     2764        section.not-found {
     2765            margin-top: 3em;
     2766            text-align: center;
     2767            margin-bottom: 7em;
     2768            margin-right: 0em;
     2769            margin-left: 0em;
     2770        }
     2771
     2772}
     2773/*--------------------------------------------------------------
     2774# archive layouts
     2775--------------------------------------------------------------*/
     2776.mag-post-category {
     2777        line-height: 1.2;
     2778        font-size: var(--font-size-sm);
     2779}
     2780
     2781.mag-post-category a {
     2782        display: inline-block;
    29472783    margin-inline-end: 4px;
    29482784    margin-block-end: 5px;
    … …  
    29532789    color: var(--background-color-white);
    29542790    margin: 12px auto;
    2955   }
    2956  
    2957   .mag-post-category a:focus,
    2958   .mag-post-category a:hover {
    2959     color: var(--primary-color);
    2960   }
    2961  
    2962   .mag-post-category a::after {
    2963     content: "\2219";
    2964     font-weight: bold;
    2965     padding: 0 3px 0 0;
    2966     opacity: 0.7;
    2967   }
    2968  
    2969   .mag-post-category a:last-child::after {
    2970     display: none;
    2971   }
    2972  
    2973   .mag-post-single .mag-post-img {
    2974     position: relative;
    2975   }
    2976  
    2977   .mag-post-single .mag-post-img > a {
    2978     display: block;
    2979     height: 100%;
    2980     width: 100%;
    2981     line-height: 0;
    2982   }
    2983  
    2984   .mag-post-single .mag-post-img > a:focus {
    2985     outline-offset: 1px;
    2986     outline-color: var(--color-text-main);
    2987   }
    2988  
    2989   .mag-post-single .mag-post-img > a img {
    2990     aspect-ratio: 1/0.7;
    2991     width: 100%;
    2992     height: 100%;
    2993     object-fit: cover;
    2994   }
    2995  
    2996   .mag-post-single .mag-post-detail {
    2997     padding: 7px 0;
    2998   }
    2999  
    3000   .mag-post-single .mag-post-detail .mag-post-title {
    3001     margin: 0 0 10px;
    3002     font-size: var(--font-size-base);
    3003     line-height: 1.3;
    3004   }
    3005  
    3006   .mag-post-single .mag-post-detail .mag-post-title a {
    3007     text-decoration: none;
    3008     color: var(--background-color-white);
    3009     font-size: 24px;
    3010     font-family: var(--font-heading);
    3011   }
    3012  
    3013   .mag-post-single .mag-post-detail .mag-post-title a:focus,
    3014   .mag-post-single .mag-post-detail .mag-post-title a:hover {
    3015     color: var(--primary-color);
    3016   }
    3017  
    3018   .mag-post-single .mag-post-detail .mag-post-meta {
    3019     font-size: var(--font-size-xs);
    3020     line-height: 1.3;
    3021   }
    3022  
    3023   .mag-post-single .mag-post-detail .mag-post-meta > span {
    3024     margin-inline-end: 5px;
    3025   }
    3026  
    3027   .mag-post-single .mag-post-detail .mag-post-meta .byline a,
    3028   .mag-post-single .mag-post-detail .mag-post-meta .post-author a {
    3029     text-decoration: none;
    3030     color: var(--color-text-main);
     2791}
     2792
     2793.mag-post-category a:focus, .mag-post-category a:hover {
     2794        color: var(--primary-color);
     2795}
     2796
     2797.mag-post-category a::after {
     2798        content: "\2219";
     2799        font-weight: bold;
     2800        padding: 0 3px 0 0;
     2801        opacity: 0.7;
     2802}
     2803
     2804.mag-post-category a:last-child::after {
     2805        display: none;
     2806}
     2807
     2808.mag-post-single .mag-post-img {
     2809        position: relative;
     2810}
     2811
     2812.mag-post-single .mag-post-img > a {
     2813        display: block;
     2814        height: 100%;
     2815        width: 100%;
     2816        line-height: 0;
     2817}
     2818
     2819.mag-post-single .mag-post-img > a:focus {
     2820        outline-offset: 1px;
     2821        outline-color: var(--color-text-main);
     2822}
     2823
     2824.mag-post-single .mag-post-img > a img {
     2825        aspect-ratio: 1/0.7;
     2826        width: 100%;
     2827        height: 100%;
     2828        object-fit: cover;
     2829}
     2830
     2831.mag-post-single .mag-post-detail {
     2832        padding: 7px 0;
     2833}
     2834
     2835.mag-post-single .mag-post-detail .mag-post-title {
     2836        margin: 0 0 10px;
     2837        font-size: var(--font-size-base);
     2838        line-height: 1.3;
     2839}
     2840
     2841.mag-post-single .mag-post-detail .mag-post-title a {
     2842        text-decoration: none;
     2843        color: var(--background-color-white);
     2844        font-size: 24px;
     2845        font-family: var(--font-heading);
     2846}
     2847
     2848.mag-post-single .mag-post-detail .mag-post-title a:focus, .mag-post-single .mag-post-detail .mag-post-title a:hover {
     2849        color: var(--primary-color);
     2850}
     2851
     2852.mag-post-single .mag-post-detail .mag-post-meta {
     2853        font-size: var(--font-size-xs);
     2854        line-height: 1.3;
     2855}
     2856
     2857.mag-post-single .mag-post-detail .mag-post-meta > span {
     2858        margin-inline-end: 5px;
     2859}
     2860
     2861.mag-post-single .mag-post-detail .mag-post-meta .byline a,
     2862.mag-post-single .mag-post-detail .mag-post-meta .post-author a{
     2863        text-decoration: none;
     2864        color: var(--color-text-main);
     2865        font-size: 16px;
     2866    margin-left: 10px;
     2867}
     2868
     2869.blog .mag-post-single .mag-post-detail .mag-post-meta .byline a,
     2870.blog .mag-post-single .mag-post-detail .mag-post-meta .post-author a, .blog .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, .blog .mag-post-single .mag-post-detail .mag-post-meta .post-date a {
     2871        color: var(--color-text-main);
     2872}
     2873
     2874.mag-post-single .mag-post-detail .mag-post-meta .byline a i,
     2875.mag-post-single .mag-post-detail .mag-post-meta .post-author a i {
     2876        margin-inline-end: 5px;
     2877}
     2878
     2879.mag-post-single .mag-post-detail .mag-post-meta .posted-on a,
     2880.mag-post-single .mag-post-detail .mag-post-meta .post-date a {
     2881        text-decoration: none;
     2882        color: var(--color-text-main);
     2883        font-size: 16px;
     2884    margin-left: 10px;
     2885}
     2886
     2887.mag-post-single .mag-post-detail .mag-post-meta .posted-on a i,
     2888.mag-post-single .mag-post-detail .mag-post-meta .post-date a i {
     2889        margin-inline-end: 5px;
     2890}
     2891
     2892.mag-post-single .mag-post-detail .mag-post-excerpt {
     2893        font-size: var(--font-size-sm);
     2894        color: var(--background-color-white);
     2895}
     2896
     2897.mag-post-single .mag-post-detail .mag-post-excerpt p {
     2898        margin: 10px 0 0;
     2899        font-size: 16px;
     2900}
     2901
     2902.mag-post-single .mag-post-detail .mag-post-meta .post-comments{
     2903        margin-inline-end: 10px !important;
     2904}
     2905.mag-post-single .mag-post-detail .mag-post-meta .post-time{
     2906        margin-inline-end: 5px;
     2907}
     2908.mag-post-single .mag-post-detail .mag-post-meta .post-comments,
     2909.mag-post-single .mag-post-detail .mag-post-meta .post-comments i,
     2910.mag-post-single .mag-post-detail .mag-post-meta .post-time,
     2911.mag-post-single .mag-post-detail .mag-post-meta .post-time a{
     2912        color: var(--color-text-main);
     2913        text-decoration: none;
    30312914    font-size: 16px;
    3032     margin-left: 10px;
    3033   }
    3034  
    3035   .blog .mag-post-single .mag-post-detail .mag-post-meta .byline a,
    3036   .blog .mag-post-single .mag-post-detail .mag-post-meta .post-author a,
    3037   .blog .mag-post-single .mag-post-detail .mag-post-meta .posted-on a,
    3038   .blog .mag-post-single .mag-post-detail .mag-post-meta .post-date a {
    3039     color: var(--color-text-main);
    3040   }
    3041  
    3042   .mag-post-single .mag-post-detail .mag-post-meta .byline a i,
    3043   .mag-post-single .mag-post-detail .mag-post-meta .post-author a i {
    3044     margin-inline-end: 5px;
    3045   }
    3046  
    3047   .mag-post-single .mag-post-detail .mag-post-meta .posted-on a,
    3048   .mag-post-single .mag-post-detail .mag-post-meta .post-date a {
    3049     text-decoration: none;
    3050     color: var(--color-text-main);
    3051     font-size: 16px;
    3052     margin-left: 10px;
    3053   }
    3054  
    3055   .mag-post-single .mag-post-detail .mag-post-meta .posted-on a i,
    3056   .mag-post-single .mag-post-detail .mag-post-meta .post-date a i {
    3057     margin-inline-end: 5px;
    3058   }
    3059  
    3060   .mag-post-single .mag-post-detail .mag-post-excerpt {
    3061     font-size: var(--font-size-sm);
    3062     color: var(--background-color-white);
    3063   }
    3064  
    3065   .mag-post-single .mag-post-detail .mag-post-excerpt p {
    3066     margin: 10px 0 0;
    3067     font-size: 16px;
    3068   }
    3069  
    3070   .corporate-solutions-archive-layout {
    3071     margin-bottom: 30px;
    3072   }
    3073  
    3074  
    3075   /*.corporate-solutions-archive-layout.grid-layout {
    3076       display: grid;
    3077       grid-gap: 30px;
    3078   }*/
    3079  
    3080   .corporate-solutions-archive-layout.grid-layout article {
    3081     margin-bottom: 0;
    3082   }
    3083  
    3084   .corporate-solutions-archive-layout.grid-layout.column-2 {
    3085     grid-template-columns: repeat(2, 1fr);
    3086   }
    3087  
    3088   @media (max-width: 600px) {
    3089     .corporate-solutions-archive-layout.grid-layout.column-2 {
    3090       grid-template-columns: repeat(1, 1fr);
    3091     }
    3092   }
    3093  
    3094   .corporate-solutions-archive-layout.grid-layout.column-3 {
    3095     grid-template-columns: repeat(3, 1fr);
    3096   }
    3097  
    3098   @media (max-width: 768px) {
    3099     .corporate-solutions-archive-layout.grid-layout.column-3 {
    3100       grid-template-columns: repeat(2, 1fr);
    3101     }
    3102   }
    3103  
    3104   @media (max-width: 600px) {
    3105     .corporate-solutions-archive-layout.grid-layout.column-3 {
    3106       grid-template-columns: repeat(1, 1fr);
    3107     }
    3108   }
    3109  
    3110   .corporate-solutions-archive-layout.grid-layout.column-4 {
    3111     grid-template-columns: repeat(4, 1fr);
    3112   }
    3113  
    3114   @media (max-width: 991px) {
    3115     .corporate-solutions-archive-layout.grid-layout.column-4 {
    3116       grid-template-columns: repeat(3, 1fr);
    3117     }
    3118   }
    3119  
    3120   @media (max-width: 768px) {
    3121     .corporate-solutions-archive-layout.grid-layout.column-4 {
    3122       grid-template-columns: repeat(2, 1fr);
    3123     }
    3124   }
    3125  
    3126   @media (max-width: 600px) {
    3127     .corporate-solutions-archive-layout.grid-layout.column-4 {
    3128       grid-template-columns: repeat(1, 1fr);
    3129     }
    3130     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper,
    3131     .about-single {
    3132       display: block !important;
    3133     }
    3134     #site-navigation button.menu-toggle {
    3135       margin: 10px auto;
    3136     }
    3137   }
    3138  
    3139  
    3140   /*--------------------------------------------------------------
    3141   # archive layouts
    3142   --------------------------------------------------------------*/
    3143  
    3144   .site-main article .entry-header .entry-title {
    3145     font-size: var(--font-size-lg);
    3146     font-family: var(--font-heading);
    3147     margin-top: 0;
    3148     margin-bottom: 1.3rem;
    3149   }
    3150  
    3151   @media (min-width: 992px) {
    3152     .site-main article .entry-header .entry-title {
    3153       margin-bottom: 1.1rem;
    3154     }
    3155   }
    3156  
    3157   .site-main article .entry-header .entry-title a {
    3158     text-decoration: none;
    3159     color: #fff;
    3160   }
    3161  
    3162   .site-main article .entry-meta {
    3163     padding-bottom: 10px;
    3164   }
    3165  
    3166   .site-main article .entry-meta span {
    3167     font-size: 16px;
    3168     font-weight: normal;
    3169   }
    3170  
    3171   .site-main article .entry-meta span a,
    3172   .site-main article .entry-meta span span {
    3173     font-weight: normal;
    3174   }
    3175  
    3176   .site-main article .entry-meta span a {
    3177     text-decoration: none;
    3178     color: #fff;
    3179   }
    3180  
    3181   .site-main article .entry-meta span a:hover {
    3182     color: var(--primary-color);
    3183   }
    3184  
    3185   .site-main article .entry-meta span.comments-link a {
    3186     font-weight: bold;
    3187   }
    3188  
    3189   .site-main article .post-thumbnail {
    3190     display: block;
    3191     line-height: 0;
    3192   }
    3193  
    3194   .site-main article .post-thumbnail img {
    3195     width: 100%;
    3196     transition: all 0.3s linear;
    3197   }
    3198  
    3199   @media (min-width: 992px) {
    3200     .site-main article .entry-meta {
    3201       padding: 10px 0 20px;
    3202       padding-top: 0;
    3203     }
    3204   }
    3205  
    3206   .site-main article .entry-content {
    3207     margin-top: 0;
    3208   }
    3209  
    3210   .site-main article .entry-content p {
    3211     margin-bottom: 10px;
    3212   }
    3213  
    3214   .site-main article .entry-footer {
    3215     display: flex;
    3216     flex-direction: column;
    3217     margin-top: 10px;
    3218   }
    3219  
    3220   .site-main article .entry-footer span {
    3221     margin-bottom: 6px;
    3222     font-size: 16px;
    3223     font-weight: bold;
    3224   }
    3225  
    3226   .site-main article .entry-footer span a,
    3227   .site-main article .entry-footer span span {
    3228     font-weight: normal;
    3229   }
    3230  
    3231   .site-main article .entry-footer span a {
    3232     text-decoration: none;
    3233     color: #fff;
    3234     display: inline-block;
    3235   }
    3236  
    3237   .site-main article .entry-footer span a:hover {
    3238     color: var(--primary-color);
    3239   }
    3240  
    3241   .site-main article .entry-footer span.comments-link a {
    3242     font-weight: bold;
    3243   }
    3244  
    3245   .related-posts h2 {
    3246     font-size: var(--font-size-lg);
    3247     font-family: var(--font-main);
    3248     line-height: 1.2;
    3249   }
    3250  
    3251   .related-posts .row {
    3252     display: grid;
    3253     grid-gap: 30px;
    3254     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    3255     /* Adjust minmax values as needed */
    3256   }
    3257  
    3258   @media (max-width: 480px) {
    3259     .related-posts .row {
    3260       grid-template-columns: 1fr;
    3261     }
    3262   }
    3263  
    3264   .related-posts .row article .post-thumbnail {
    3265     line-height: 0;
    3266     overflow: hidden;
    3267   }
    3268  
    3269   .related-posts .row article .post-thumbnail img {
    3270     width: 100%;
    3271     height: 100%;
    3272     object-fit: cover;
    3273   }
    3274  
    3275   .related-posts .row article .entry-header {
    3276     margin-top: 10px;
    3277   }
    3278  
    3279   .related-posts .row article .entry-header .entry-title {
    3280     font-size: var(--font-size-base);
    3281   }
    3282  
    3283   .related-posts .row article .entry-header .entry-title a {
    3284     display: inline-block;
    3285   }
    3286  
    3287  
    3288   /*--------------------------------------------------------------
    3289   # single
    3290   --------------------------------------------------------------*/
    3291  
    3292   body.single .site-main > article header {
    3293     margin-bottom: 10px;
    3294   }
    3295  
    3296   body.single .site-main > article header .entry-title {
    3297     margin-bottom: 10px;
    3298   }
    3299  
    3300   body.single .site-main > article header .entry-meta {
    3301     padding-bottom: 0;
    3302     margin-bottom: 10px;
    3303   }
    3304  
    3305  
    3306   /*------------##gutenberg support----------*/
    3307  
    3308   img.alignright {
    3309     clear: left;
    3310   }
    3311  
    3312   img.alignleft {
    3313     clear: right;
    3314   }
    3315  
    3316   div.wp-block h6 a,
    3317   div.wp-block h5 a,
    3318   div.wp-block h4 a,
    3319   div.wp-block h3 a,
    3320   div.wp-block h2 a,
    3321   div.wp-block h1 a {
    3322     font-family: inherit;
    3323     font-size: inherit;
    3324     line-height: inherit;
    3325     font-weight: inherit;
    3326     font-style: inherit;
    3327   }
    3328  
    3329   div.wp-block b,
    3330   div.wp-block strong {
    3331     font-weight: bold;
    3332   }
    3333  
    3334   div.wp-block .editor-rich-text__tinymce code,
    3335   div.wp-block .editor-rich-text__editable code {
    3336     background-color: transparent;
    3337     color: inherit;
    3338     font-family: monospace;
    3339     font-size: inherit;
    3340     line-height: inherit;
    3341     font-weight: inherit;
    3342     font-style: inherit;
    3343     letter-spacing: 1px;
    3344   }
    3345  
    3346   .entry-content .aligncenter {
    3347     text-align: center;
    3348   }
    3349  
    3350   .entry-content ol:not([class*="wp-"]),
    3351   .entry-content ul:not([class*="wp-"]) {
    3352     margin-bottom: 0;
    3353     list-style-position: inside;
    3354   }
    3355  
    3356   .entry-content ol:not([class*="wp-"]) ol,
    3357   .entry-content ol:not([class*="wp-"]) ul,
    3358   .entry-content ul:not([class*="wp-"]) ol,
    3359   .entry-content ul:not([class*="wp-"]) ul {
    3360     margin-bottom: 0;
    3361   }
    3362  
    3363   .entry-content ol:not([class*="wp-"]) ol li:last-child,
    3364   .entry-content ol:not([class*="wp-"]) ul li:last-child,
    3365   .entry-content ul:not([class*="wp-"]) ol li:last-child,
    3366   .entry-content ul:not([class*="wp-"]) ul li:last-child {
    3367     padding-bottom: 0;
    3368   }
    3369  
    3370   .entry-content ol:not([class*="wp-"]) .alignwide,
    3371   .entry-content ul:not([class*="wp-"]) .alignwide {
    3372     padding-right: 30px;
    3373   }
    3374  
    3375   .entry-content ol:not([class*="wp-"]) .alignfull,
    3376   .entry-content ul:not([class*="wp-"]) .alignfull {
    3377     margin-right: calc(50% - 50vw - 10px);
    3378     padding-right: 40px;
    3379   }
    3380  
    3381   .entry-content ol:not([class*="wp-"]) {
    3382     list-style-type: decimal;
    3383   }
    3384  
    3385   .entry-content p.has-drop-cap:not(:focus):first-letter {
    3386     font-weight: normal;
    3387   }
    3388  
    3389   .entry-content .wp-block-image figcaption {
    3390     text-align: center;
    3391   }
    3392  
    3393   .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    3394     margin-top: 1em;
    3395     margin-bottom: 1em;
    3396   }
    3397  
    3398   .entry-content .wp-block-file {
    3399     margin: 0 0 20px;
    3400   }
    3401  
    3402   .entry-content .wp-block-file > a:not([class]),
    3403   .entry-content .wp-block-file .wp-block-file__textlink {
    3404     display: inline-block;
    3405     margin: 0 0 0 20px;
    3406   }
    3407  
    3408   .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper {
    3409     display: inline-block;
    3410     margin: 0;
    3411   }
    3412  
    3413   .entry-content .wp-block-file .wp-block-file__button,
    3414   .entry-content .wp-block-file a.wp-block-file__button {
    3415     display: inline-block;
    3416     position: relative;
    3417     text-align: center;
    3418     border: none;
    3419   }
    3420  
    3421   .entry-content [dir=rtl] .wp-block-file > a:not([class]),
    3422   .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink {
    3423     margin-right: 20px;
    3424     margin-left: 0;
    3425   }
    3426  
    3427   .entry-content .wp-block-audio {
    3428     margin-bottom: 20px;
    3429   }
    3430  
    3431   .entry-content .wp-block-audio figcaption {
    3432     margin: 0;
    3433     padding: 10px 0;
    3434   }
    3435  
    3436   .entry-content .wp-block-video {
    3437     margin: 0 0 20px;
    3438     text-align: center;
    3439   }
    3440  
    3441   .entry-content .wp-block-video video {
    3442     display: inline-block;
    3443   }
    3444  
    3445   .entry-content .wp-block-video figcaption {
    3446     margin: 0;
    3447     padding: 6px 0 15px;
    3448     text-align: center;
    3449   }
    3450  
    3451   .entry-content .wp-block-code {
    3452     background-color: #f3f3f3;
    3453     color: inherit;
    3454     font-family: monospace;
    3455     font-size: inherit;
    3456     line-height: inherit;
    3457     font-weight: inherit;
    3458     font-style: inherit;
    3459     letter-spacing: 1px;
    3460     margin: 0 0 20px;
    3461     border: none;
    3462   }
    3463  
    3464   .entry-content .wp-block-code code,
    3465   .entry-content .wp-block-code .editor-plain-text {
    3466     background-color: #202020;
    3467     padding: 10px;
    3468     color: inherit;
    3469     color: #fff;
    3470     font-family: inherit;
    3471     font-size: inherit;
    3472     line-height: inherit;
    3473     font-weight: inherit;
    3474     font-style: inherit;
    3475     letter-spacing: inherit;
    3476     display: block;
    3477   }
    3478  
    3479   .entry-content .wp-block-preformatted {
    3480     margin: 0 0 20px;
    3481   }
    3482  
    3483   .entry-content .wp-block-preformatted pre {
    3484     color: inherit;
    3485     font-family: monospace;
    3486     font-size: inherit;
    3487     line-height: inherit;
    3488     font-weight: inherit;
    3489     font-style: inherit;
    3490     letter-spacing: 1px;
    3491   }
    3492  
    3493   .entry-content .wp-block-preformatted a {
    3494     text-decoration: underline;
    3495   }
    3496  
    3497   .entry-content .wp-block-pullquote {
    3498     margin: 30px 0;
    3499     padding: 30px 0;
    3500   }
    3501  
    3502   .entry-content .wp-block-pullquote p {
    3503     font-size: 28px;
    3504     line-height: 1.6;
    3505   }
    3506  
    3507   .entry-content .wp-block-pullquote.alignleft {
    3508     margin-left: 2em;
    3509   }
    3510  
    3511   .entry-content .wp-block-pullquote.alignright {
    3512     margin-right: 2em;
    3513   }
    3514  
    3515   .entry-content .wp-block-pullquote:not(.is-style-solid-color) {
    3516     border-top-width: 4px;
    3517     border-top-style: solid;
    3518     border-bottom-width: 4px;
    3519     border-bottom-style: solid;
    3520   }
    3521  
    3522   .entry-content .wp-block-pullquote.is-style-solid-color {
    3523     padding-right: 50px;
    3524     padding-left: 50px;
    3525   }
    3526  
    3527   .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    3528     max-width: 100%;
    3529   }
    3530  
    3531   .entry-content .wp-block-pullquote blockquote,
    3532   .entry-content .wp-block-pullquote.alignleft blockquote,
    3533   .entry-content .wp-block-pullquote.alignright blockquote,
    3534   .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    3535     margin: 0;
    3536     padding: 16px;
    3537     border-width: 0;
    3538     border-style: solid;
    3539     text-align: center;
    3540   }
    3541  
    3542   .entry-content .wp-block-pullquote blockquote::before,
    3543   .entry-content .wp-block-pullquote.alignleft blockquote::before,
    3544   .entry-content .wp-block-pullquote.alignright blockquote::before,
    3545   .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before {
    3546     content: none;
    3547   }
    3548  
    3549   .entry-content .wp-block-pullquote blockquote p:last-of-type,
    3550   .entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type,
    3551   .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type,
    3552   .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type {
    3553     margin: 0;
    3554   }
    3555  
    3556   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    3557   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    3558   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    3559   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    3560   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    3561   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    3562   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    3563   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    3564   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    3565   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    3566   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    3567   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    3568   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
    3569   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
    3570   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
    3571   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type {
    3572     margin: 0;
    3573   }
    3574  
    3575   .entry-content .wp-block-pullquote blockquote cite,
    3576   .entry-content .wp-block-pullquote.alignleft blockquote cite,
    3577   .entry-content .wp-block-pullquote.alignright blockquote cite,
    3578   .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite {
    3579     display: block;
    3580     margin-top: 15px;
    3581   }
    3582  
    3583   .entry-content .wp-block-table {
    3584     border-spacing: 0;
    3585     border-collapse: collapse;
    3586     width: 100%;
    3587     margin-bottom: 20px;
    3588   }
    3589  
    3590   .entry-content .wp-block-table caption {
    3591     text-align: center;
    3592     padding: 20px;
    3593   }
    3594  
    3595   .entry-content .wp-block-table:not([class]):not([id]) {
    3596     border-spacing: 0;
    3597     border-collapse: collapse;
    3598   }
    3599  
    3600   .entry-content .wp-block-table:not([class]):not([id]) th,
    3601   .entry-content .wp-block-table:not([class]):not([id]) td {
    3602     padding: 10px 20px;
    3603     border-width: 1px;
    3604     border-style: solid;
    3605   }
    3606  
    3607   .entry-content .wp-block-table td,
    3608   .entry-content .wp-block-table th {
    3609     padding: 10px 20px;
    3610     border-top-width: 1px;
    3611     border-top-style: solid;
    3612     border-right-width: 1px;
    3613     border-right-style: solid;
    3614     word-break: break-all;
    3615   }
    3616  
    3617   .entry-content .wp-block-table td:last-child,
    3618   .entry-content .wp-block-table th:last-child {
    3619     border-left-width: 1px;
    3620     border-left-style: solid;
    3621   }
    3622  
    3623   .entry-content .wp-block-table td:last-child td,
    3624   .entry-content .wp-block-table th:last-child td {
    3625     border-bottom-width: 1px;
    3626     border-bottom-style: solid;
    3627   }
    3628  
    3629   .entry-content .wp-block-table.is-style-stripes {
    3630     border-width: 0;
    3631     border-style: solid;
    3632   }
    3633  
    3634   .entry-content .wp-block-table .wp-block-table__cell-content {
    3635     color: inherit;
    3636     font-family: inherit;
    3637     font-size: inherit;
    3638     line-height: inherit;
    3639     font-weight: inherit;
    3640     font-style: inherit;
    3641     padding: 0;
    3642   }
    3643  
    3644   .entry-content pre.wp-block-verse {
    3645     white-space: inherit;
    3646     margin: 0 0 20px;
    3647     padding: 40px 0;
    3648     padding-right: 30px;
    3649     position: relative;
    3650     background-color: #e2e2e2;
    3651     color: inherit;
    3652     font-family: monospace;
    3653     font-size: inherit;
    3654     line-height: inherit;
    3655     border: none;
    3656   }
    3657  
    3658   .entry-content pre.wp-block-verse {
    3659     white-space: inherit;
    3660     margin: 0 0 20px;
    3661     padding: 40px 0;
    3662     padding-right: 30px;
    3663     position: relative;
    3664     background-color: #e2e2e2;
    3665     color: inherit;
    3666     font-family: monospace;
    3667     font-size: inherit;
    3668     line-height: inherit;
    3669     border: none;
    3670   }
    3671  
    3672   .entry-content .wp-block-spacer {
    3673     clear: both;
    3674   }
    3675  
    3676   .entry-content ul.wp-block-archives,
    3677   .entry-content ul.wp-block-categories,
    3678   .entry-content ul.wp-block-categories__list {
    3679     margin-bottom: 20px;
    3680     padding: 0;
    3681     position: relative;
    3682   }
    3683  
    3684   .entry-content div.wp-block ul.wp-block-archives ul,
    3685   .entry-content div.wp-block ul.wp-block-categories ul,
    3686   .entry-content div.wp-block ul.wp-block-categories__list ul {
    3687     margin-bottom: 0;
    3688     padding: 10px 0 0;
    3689   }
    3690  
    3691   .entry-content div.wp-block-archives.wp-block-archives-dropdown,
    3692   .entry-content div.wp-block-categories.wp-block-categories-dropdown {
    3693     margin-bottom: 20px;
    3694   }
    3695  
    3696   .entry-content div.wp-block-archives.wp-block-archives-dropdown label,
    3697   .entry-content div.wp-block-categories.wp-block-categories-dropdown label {
    3698     display: none;
    3699   }
    3700  
    3701   .entry-content .wp-block-latest-comments {
    3702     list-style: none;
    3703     margin-bottom: 20px;
    3704   }
    3705  
    3706   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment {
    3707     min-height: auto;
    3708     margin: 25px 0 0;
    3709     padding: 0;
    3710     overflow: hidden;
    3711   }
    3712  
    3713   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
    3714     margin: 0;
    3715   }
    3716  
    3717   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
    3718     min-height: 48px;
    3719   }
    3720  
    3721   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
    3722     width: 48px;
    3723     height: 48px;
    3724     margin: 0 0 0 17px;
    3725     float: right;
    3726     -webkit-border-radius: 50%;
    3727     border-radius: 50%;
    3728   }
    3729  
    3730   .entry-content .wp-block-latest-comments article {
    3731     display: block;
    3732     padding: 0 3px 0 0;
    3733     overflow: hidden;
    3734   }
    3735  
    3736   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta,
    3737   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    3738     margin: 0;
    3739   }
    3740  
    3741   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date {
    3742     margin: -3px 0 0;
    3743   }
    3744  
    3745   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt,
    3746   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
    3747     margin: 5px 0 0;
    3748   }
    3749  
    3750   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p,
    3751   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    3752     margin: 0;
    3753     padding: 0 0 20px;
    3754   }
    3755  
    3756   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child,
    3757   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child {
    3758     margin: 0;
    3759     padding: 0;
    3760   }
    3761  
    3762   .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar {
    3763     margin: 0 auto 10px;
    3764     float: none;
    3765   }
    3766  
    3767   .entry-content .wp-block-latest-comments.aligncenter article {
    3768     padding: 0 3px;
    3769   }
    3770  
    3771   .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt {
    3772     text-align: center;
    3773   }
    3774  
    3775   .entry-content .wp-block-columns .wp-block-column {
    3776     margin-bottom: 20px;
    3777   }
    3778  
    3779   .entry-content .wp-block-columns .wp-block-column > p {
    3780     margin-bottom: 0;
    3781   }
    3782  
    3783   .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) {
    3784     padding-bottom: 0;
    3785   }
    3786  
    3787   .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph {
    3788     margin-bottom: 0;
    3789   }
    3790  
    3791   .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) {
    3792     padding-bottom: 0;
    3793   }
    3794  
    3795  
    3796   /** === dir= rtl Block latest comments=== */
    3797  
    3798   [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
    3799     margin: 0 17px 0 0;
    3800     float: left;
    3801   }
    3802  
    3803   [dir=rtl] .wp-block-latest-comments article {
    3804     margin: 0 0 0 3px;
    3805   }
    3806  
    3807  
    3808   /** === dir= rtl Block latest comments=== */
    3809  
    3810  
    3811   /** === Block youtube and vimeo video=== */
    3812  
    3813  
    3814   /*no-align*/
    3815  
    3816   .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe,
    3817   .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe {
    3818     margin-right: auto !important;
    3819     margin-left: auto !important;
    3820   }
    3821  
    3822  
    3823   /*no-align*/
    3824  
    3825   .wp-block-embed-youtube figcaption {
    3826     text-align: center;
    3827   }
    3828  
    3829  
    3830   /*alignfull*/
    3831  
    3832   .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper,
    3833   .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper {
    3834     position: relative;
    3835     padding-top: 56.25%;
    3836   }
    3837  
    3838   .wp-block-embed-vimeo.alignfull iframe,
    3839   .wp-block-embed-youtube.alignfull iframe {
    3840     position: absolute;
    3841     top: 0;
    3842     left: 0;
    3843     bottom: 0;
    3844     right: 0;
    3845     width: 100% !important;
    3846     height: 100% !important;
    3847   }
    3848  
    3849  
    3850   /*alignfull*/
    3851  
    3852  
    3853   /*alignwide*/
    3854  
    3855   .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper,
    3856   .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper {
    3857     position: relative;
    3858     padding-top: 56.25%;
    3859   }
    3860  
    3861   .wp-block-embed-vimeo.alignwide iframe,
    3862   .wp-block-embed-youtube.alignwide iframe {
    3863     position: absolute;
    3864     top: 0;
    3865     left: 0;
    3866     bottom: 0;
    3867     right: 0;
    3868     width: 100% !important;
    3869     height: 100% !important;
    3870   }
    3871  
    3872  
    3873   /*alignwide*/
    3874  
    3875  
    3876   /** === Block youtube and vimeo video=== */
    3877  
    3878   @media only screen and (min-width: 1025px) {
    3879     .wp-block-quote.is-large,
    3880     .wp-block-quote.is-style-large {
    3881       margin-top: 2.66667em;
    3882       margin-bottom: 2em;
    3883       padding: 0.66667em;
    3884       padding-top: 1.33333em;
    3885       padding-bottom: 1.33333em;
    3886     }
    3887   }
    3888  
    3889   @media only screen and (max-width: 480px) {
    3890     .wp-block-media-text {
    3891       display: block;
    3892     }
    3893     .wp-block-media-text .wp-block-media-text__media {
    3894       margin: 10px auto;
    3895     }
    3896     .wp-block-media-text .wp-block-media-text__content {
    3897       padding: 0;
    3898     }
    3899   }
    3900  
    3901   .aligncener,
    3902   .alignfull,
    3903   .alignwide {
    3904     margin-top: 30px;
    3905     margin-bottom: 30px;
    3906   }
    3907  
    3908   .alignfull .alignfull,
    3909   .alignwide .alignwide {
    3910     padding-top: 10px;
    3911     padding-bottom: 10px;
    3912   }
    3913  
    3914  
    3915   /*body.no-sidebar .alignfull {
    3916       margin-left: calc(50% - 50vw - 10px);
    3917       margin-right: calc(50% - 50vw - 10px);
    3918       max-width: 100vw;
    3919       width: 100vw;
    3920   }*/
    3921  
    3922   body.no-sidebar .alignfull .alignwide {
    3923     margin-inline: auto;
    3924   }
    3925  
    3926   body.no-sidebar .alignwide {
    3927     max-width: 100vw;
    3928   }
    3929  
    3930   @media (min-width: 768px) and (max-width: 1170px) {
    3931     body.no-sidebar .alignwide {
    3932       width: calc(100% + (100vw - 100%) / 2);
    3933       margin-right: calc((100% - 100vw) / 4);
    3934     }
    3935   }
    3936  
    3937  
    3938   /*@media (min-width: 1171px) {
    3939       body.no-sidebar .alignwide {
    3940           width: 1140px;
    3941           margin-left: -195px;
    3942       }
    3943   }*/
    3944  
    3945   body.no-sidebar .alignwide .alignwide {
    3946     margin-inline: auto;
    3947   }
    3948  
    3949   body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull,
    3950   body.no-sidebar figure.wp-block-table.alignfull,
    3951   body.no-sidebar div.wp-block-text-columns.alignfull,
    3952   body.no-sidebar div.wp-block-columns.alignfull,
    3953   body.no-sidebar div.wp-block-categories-dropdown.alignfull,
    3954   body.no-sidebar div.wp-block-file.alignfull {
    3955     padding: 0 25px;
    3956   }
    3957  
    3958  
    3959   /** === search Block === */
    3960  
    3961   .wp-block-search .wp-block-search__label {
    3962     display: none;
    3963   }
    3964  
    3965   .wp-block-search .wp-block-search__inside-wrapper {
    3966     display: flex;
    3967   }
    3968  
    3969   .wp-block-search .wp-block-search__input {
    3970     border-radius: var(--border-radius-all-lefts);
    3971   }
    3972  
    3973   .wp-block-search .wp-block-search__button {
    3974     margin: 0;
    3975     background-color: var(--primary-color);
    3976     border-color: var(--primary-color);
    3977     color: var(--white);
    3978     border-radius: var(--border-radius-all-rights);
    3979   }
    3980  
    3981  
    3982   /** === search Block === */
    3983  
    3984  
    3985   /** === Latest Post Block === */
    3986  
    3987   .wp-block-latest-posts.wp-block-latest-posts__list {
    3988     list-style: none;
    3989     padding-right: 0;
    3990     margin-inline: 0;
    3991   }
    3992  
    3993   .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
    3994     width: 50%;
    3995   }
    3996  
    3997   .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a {
    3998     line-height: 0;
    3999   }
    4000  
    4001   .wp-block-latest-posts.wp-block-latest-posts__list li > a {
    4002     text-decoration: none;
    4003     color: var(--color-text-main);
    4004   }
    4005  
    4006   .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover {
    4007     color: var(--primary-color);
    4008   }
    4009  
    4010   .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image {
    4011     width: 100%;
    4012     margin-inline: 0;
    4013     margin-block-end: 1.5em;
    4014   }
    4015  
    4016   .wp-block-latest-posts__post-date,
    4017   .wp-block-latest-posts__post-author {
    4018     color: var(--color-text-main);
    4019   }
    4020  
    4021  
    4022   /** === Latest Post Block === */
    4023  
    4024  
    4025   /*------------##gutenberg support----------*/
    4026  
    4027   .asterthemes-author-box {
    4028     border: 1px solid rgba(155, 155, 155, 0.1);
    4029     padding: 15px;
    4030     margin: 15px 0;
    4031     display: flex;
    4032     align-items: center;
    4033     gap: 30px;
    4034   }
    4035  
    4036   @media (max-width: 600px) {
    4037     .asterthemes-author-box {
    4038       align-items: flex-start;
    4039       flex-direction: column;
    4040       gap: 10px;
    4041     }
    4042   }
    4043  
    4044   .asterthemes-author-box .author-img {
    4045     min-width: 120px;
    4046     align-self: flex-start;
    4047   }
    4048  
    4049   .asterthemes-author-box .author-img img {
    4050     width: 120px;
    4051     height: 120px;
    4052     object-fit: cover;
    4053   }
    4054  
    4055   .asterthemes-author-box .author-details .author-name {
    4056     margin: 0 0 10px;
    4057     font-size: var(--font-size-base);
    4058     font-weight: 700;
    4059     line-height: 1.3;
    4060   }
    4061  
    4062   .asterthemes-author-box .author-details .author-description {
    4063     margin: 0;
    4064   }
    4065  
    4066   .asterthemes-author-box .author-details .author-social-contacts {
    4067     display: inline-flex;
    4068     gap: 10px;
    4069     margin-top: 15px;
    4070   }
    4071  
    4072   .asterthemes-author-box .author-details .author-social-contacts a {
    4073     width: 30px;
    4074     height: 30px;
    4075   }
    4076  
    4077   .asterthemes-author-box .author-details .author-social-contacts a::before {
    4078     z-index: 1;
    4079     position: relative;
    4080   }
    4081  
    4082   .asterthemes-author-box .author-details .author-social-contacts a::after {
    4083     position: absolute;
    4084     content: '';
    4085     right: 0;
    4086     top: 0;
    4087     height: 100%;
    4088     width: 100%;
    4089     background-color: rgba(155, 155, 155, 0.1);
    4090     opacity: 0.5;
    4091   }
    4092  
    4093  
    4094   /*--------------------------------------------------------------
    4095   # single
    4096   --------------------------------------------------------------*/
    4097  
    4098   .page-links {
    4099     clear: both;
    4100     margin: 0 0 1.5em;
    4101   }
    4102  
    4103   .site-main article .entry-header .entry-title {
    4104     font-size: var(--font-size-lg);
    4105     font-family: var(--font-heading);
    4106     margin-top: 0;
    4107     margin-bottom: 1.3rem;
    4108   }
    4109  
    4110   @media (min-width: 992px) {
    4111     .site-main article .entry-header .entry-title {
    4112       margin-bottom: 1.1rem;
    4113     }
    4114   }
    4115  
    4116   .site-main article .entry-meta span.comments-link a {
    4117     font-weight: bold;
    4118   }
    4119  
    4120   .site-main article .post-thumbnail {
    4121     display: block;
    4122     line-height: 0;
    4123   }
    4124  
    4125   .site-main article .post-thumbnail img {
    4126     width: 100%;
    4127     transition: all 0.3s linear;
    4128   }
    4129  
    4130   @media (min-width: 992px) {
    4131     .site-main article .entry-meta {
    4132       padding: 10px 0 20px;
    4133       padding-top: 0;
    4134     }
    4135   }
    4136  
    4137   .site-main article .entry-content {
    4138     margin-top: 0;
    4139   }
    4140  
    4141   .site-main article .entry-content p {
    4142     margin-bottom: 10px;
    4143   }
    4144  
    4145   .site-main article .entry-footer {
    4146     display: flex;
    4147     flex-direction: column;
    4148     margin-top: 10px;
    4149   }
    4150  
    4151   .site-main article .entry-footer span {
    4152     margin-bottom: 6px;
    4153     font-size: 16px;
    4154     font-weight: bold;
    4155   }
    4156  
    4157   .site-main article .entry-footer span a,
    4158   .site-main article .entry-footer span span {
    4159     font-weight: normal;
    4160   }
    4161  
    4162   .site-main article .entry-footer span a {
    4163     text-decoration: none;
    4164     color: #fff;
    4165   }
    4166  
    4167   .entry-footer .tags-links a {
    4168     margin: 10px;
     2915}
     2916
     2917
     2918.corporate-solutions-archive-layout {
     2919        margin-bottom: 30px;
     2920}
     2921
     2922/*.corporate-solutions-archive-layout.grid-layout {
     2923        display: grid;
     2924        grid-gap: 30px;
     2925}*/
     2926
     2927.corporate-solutions-archive-layout.grid-layout article {
     2928        margin-bottom: 0;
     2929}
     2930
     2931.corporate-solutions-archive-layout.grid-layout.column-2 {
     2932        grid-template-columns: repeat(2, 1fr);
     2933}
     2934
     2935@media (max-width: 600px) {
     2936        .corporate-solutions-archive-layout.grid-layout.column-2 {
     2937                grid-template-columns: repeat(1, 1fr);
     2938        }
     2939}
     2940
     2941.corporate-solutions-archive-layout.grid-layout.column-3 {
     2942        grid-template-columns: repeat(3, 1fr);
     2943}
     2944
     2945@media (max-width: 768px) {
     2946        .corporate-solutions-archive-layout.grid-layout.column-3 {
     2947                grid-template-columns: repeat(2, 1fr);
     2948        }
     2949}
     2950
     2951@media (max-width: 600px) {
     2952        .corporate-solutions-archive-layout.grid-layout.column-3 {
     2953                grid-template-columns: repeat(1, 1fr);
     2954        }
     2955}
     2956
     2957.corporate-solutions-archive-layout.grid-layout.column-4 {
     2958        grid-template-columns: repeat(4, 1fr);
     2959}
     2960
     2961@media (max-width: 991px) {
     2962        .corporate-solutions-archive-layout.grid-layout.column-4 {
     2963                grid-template-columns: repeat(3, 1fr);
     2964        }
     2965
     2966}
     2967
     2968@media (max-width: 768px) {
     2969        .corporate-solutions-archive-layout.grid-layout.column-4 {
     2970                grid-template-columns: repeat(2, 1fr);
     2971        }
     2972}
     2973
     2974@media (max-width: 600px) {
     2975        .corporate-solutions-archive-layout.grid-layout.column-4 {
     2976                grid-template-columns: repeat(1, 1fr);
     2977        }
     2978        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper,.about-single{
     2979                display: block !important;
     2980        }
     2981        #site-navigation button.menu-toggle{
     2982                margin: 10px auto;
     2983        }       
     2984}
     2985
     2986/*--------------------------------------------------------------
     2987# archive layouts
     2988--------------------------------------------------------------*/
     2989.site-main article .entry-header .entry-title {
     2990        font-size: var(--font-size-lg);
     2991        font-family: var(--font-heading);
     2992        margin-top: 0;
     2993        margin-bottom: 1.3rem;
     2994}
     2995
     2996@media (min-width: 992px) {
     2997        .site-main article .entry-header .entry-title {
     2998                margin-bottom: 1.1rem;
     2999        }
     3000}
     3001
     3002.site-main article .entry-header .entry-title a {
     3003        text-decoration: none;
     3004        color: #fff;
     3005}
     3006
     3007.site-main article .entry-meta {
     3008        padding-bottom: 10px;
     3009}
     3010
     3011.site-main article .entry-meta span {
     3012        font-size: 16px;
     3013        font-weight: normal;
     3014}
     3015
     3016.site-main article .entry-meta span a,
     3017.site-main article .entry-meta span span {
     3018        font-weight: normal;
     3019}
     3020
     3021.site-main article .entry-meta span a {
     3022        text-decoration: none;
     3023        color: #fff;
     3024}
     3025
     3026.site-main article .entry-meta span a:hover {
     3027        color: var(--primary-color);
     3028}
     3029
     3030.site-main article .entry-meta span.comments-link a {
     3031        font-weight: bold;
     3032}
     3033
     3034.site-main article .post-thumbnail {
     3035        display: block;
     3036        line-height: 0;
     3037}
     3038
     3039.site-main article .post-thumbnail img {
     3040        width: 100%;
     3041        transition: all 0.3s linear;
     3042}
     3043
     3044@media (min-width: 992px) {
     3045        .site-main article .entry-meta {
     3046                padding: 10px 0 20px;
     3047                padding-top: 0;
     3048        }
     3049}
     3050
     3051.site-main article .entry-content {
     3052        margin-top: 0;
     3053}
     3054
     3055.site-main article .entry-content p {
     3056        margin-bottom: 10px;
     3057}
     3058
     3059.site-main article .entry-footer {
     3060        display: flex;
     3061        flex-direction: column;
     3062        margin-top: 10px;
     3063}
     3064
     3065.site-main article .entry-footer span {
     3066        margin-bottom: 6px;
     3067        font-size: 16px;
     3068        font-weight: bold;
     3069}
     3070
     3071.site-main article .entry-footer span a,
     3072.site-main article .entry-footer span span {
     3073        font-weight: normal;
     3074}
     3075
     3076.site-main article .entry-footer span a {
     3077        text-decoration: none;
     3078        color: #fff;
     3079        display: inline-block;
     3080}
     3081
     3082.site-main article .entry-footer span a:hover {
     3083        color: var(--primary-color);
     3084}
     3085
     3086.site-main article .entry-footer span.comments-link a {
     3087        font-weight: bold;
     3088}
     3089
     3090.related-posts h2 {
     3091        font-size: var(--font-size-lg);
     3092        font-family: var(--font-main);
     3093        line-height: 1.2;
     3094}
     3095
     3096.related-posts .row {
     3097        display: grid;
     3098        grid-gap: 30px;
     3099        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */
     3100}
     3101
     3102@media (max-width: 480px) {
     3103        .related-posts .row {
     3104                grid-template-columns: 1fr;
     3105        }
     3106}
     3107
     3108.related-posts .row article .post-thumbnail {
     3109        line-height: 0;
     3110        overflow: hidden;
     3111}
     3112
     3113.related-posts .row article .post-thumbnail img {
     3114        width: 100%;
     3115        height: 100%;
     3116        object-fit: cover;
     3117}
     3118
     3119.related-posts .row article .entry-header {
     3120        margin-top: 10px;
     3121}
     3122
     3123.related-posts .row article .entry-header .entry-title {
     3124        font-size: var(--font-size-base);
     3125}
     3126
     3127.related-posts .row article .entry-header .entry-title a {
     3128        display: inline-block;
     3129}
     3130
     3131/*--------------------------------------------------------------
     3132# single
     3133--------------------------------------------------------------*/
     3134body.single .site-main > article header {
     3135        margin-bottom: 10px;
     3136}
     3137
     3138body.single .site-main > article header .entry-title {
     3139        margin-bottom: 10px;
     3140}
     3141
     3142body.single .site-main > article header .entry-meta {
     3143        padding-bottom: 0;
     3144        margin-bottom: 10px;
     3145}
     3146
     3147/*------------##gutenberg support----------*/
     3148img.alignright {
     3149        clear: left;
     3150}
     3151
     3152img.alignleft {
     3153        clear: right;
     3154}
     3155
     3156div.wp-block h6 a,
     3157div.wp-block h5 a,
     3158div.wp-block h4 a,
     3159div.wp-block h3 a,
     3160div.wp-block h2 a,
     3161div.wp-block h1 a {
     3162        font-family: inherit;
     3163        font-size: inherit;
     3164        line-height: inherit;
     3165        font-weight: inherit;
     3166        font-style: inherit;
     3167}
     3168
     3169div.wp-block b,
     3170div.wp-block strong {
     3171        font-weight: bold;
     3172}
     3173
     3174div.wp-block .editor-rich-text__tinymce code,
     3175div.wp-block .editor-rich-text__editable code {
     3176        background-color: transparent;
     3177        color: inherit;
     3178        font-family: monospace;
     3179        font-size: inherit;
     3180        line-height: inherit;
     3181        font-weight: inherit;
     3182        font-style: inherit;
     3183        letter-spacing: 1px;
     3184}
     3185
     3186.entry-content .aligncenter {
     3187        text-align: center;
     3188}
     3189
     3190.entry-content ol:not([class*="wp-"]),
     3191.entry-content ul:not([class*="wp-"]) {
     3192        margin-bottom: 0;
     3193        list-style-position: inside;
     3194}
     3195
     3196.entry-content ol:not([class*="wp-"]) ol,
     3197.entry-content ol:not([class*="wp-"]) ul,
     3198.entry-content ul:not([class*="wp-"]) ol,
     3199.entry-content ul:not([class*="wp-"]) ul {
     3200        margin-bottom: 0;
     3201}
     3202
     3203.entry-content ol:not([class*="wp-"]) ol li:last-child,
     3204.entry-content ol:not([class*="wp-"]) ul li:last-child,
     3205.entry-content ul:not([class*="wp-"]) ol li:last-child,
     3206.entry-content ul:not([class*="wp-"]) ul li:last-child {
     3207        padding-bottom: 0;
     3208}
     3209
     3210.entry-content ol:not([class*="wp-"]) .alignwide,
     3211.entry-content ul:not([class*="wp-"]) .alignwide {
     3212        padding-right: 30px;
     3213}
     3214
     3215.entry-content ol:not([class*="wp-"]) .alignfull,
     3216.entry-content ul:not([class*="wp-"]) .alignfull {
     3217        margin-right: calc(50% - 50vw - 10px);
     3218        padding-right: 40px;
     3219}
     3220
     3221.entry-content ol:not([class*="wp-"]) {
     3222        list-style-type: decimal;
     3223}
     3224
     3225.entry-content p.has-drop-cap:not(:focus):first-letter {
     3226        font-weight: normal;
     3227}
     3228
     3229.entry-content .wp-block-image figcaption {
     3230        text-align: center;
     3231}
     3232
     3233.entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
     3234        margin-top: 1em;
     3235        margin-bottom: 1em;
     3236}
     3237
     3238.entry-content .wp-block-file {
     3239        margin: 0 0 20px;
     3240}
     3241
     3242.entry-content .wp-block-file > a:not([class]),
     3243.entry-content .wp-block-file .wp-block-file__textlink {
     3244        display: inline-block;
     3245        margin: 0 0 0 20px;
     3246}
     3247
     3248.entry-content .wp-block-file .wp-block-file__button-richtext-wrapper {
     3249        display: inline-block;
     3250        margin: 0;
     3251}
     3252
     3253.entry-content .wp-block-file .wp-block-file__button,
     3254.entry-content .wp-block-file a.wp-block-file__button {
     3255        display: inline-block;
     3256        position: relative;
     3257        text-align: center;
     3258        border: none;
     3259}
     3260
     3261.entry-content [dir=rtl] .wp-block-file > a:not([class]),
     3262.entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink {
     3263        margin-right: 20px;
     3264        margin-left: 0;
     3265}
     3266
     3267.entry-content .wp-block-audio {
     3268        margin-bottom: 20px;
     3269}
     3270
     3271.entry-content .wp-block-audio figcaption {
     3272        margin: 0;
     3273        padding: 10px 0;
     3274}
     3275
     3276.entry-content .wp-block-video {
     3277        margin: 0 0 20px;
     3278        text-align: center;
     3279}
     3280
     3281.entry-content .wp-block-video video {
     3282        display: inline-block;
     3283}
     3284
     3285.entry-content .wp-block-video figcaption {
     3286        margin: 0;
     3287        padding: 6px 0 15px;
     3288        text-align: center;
     3289}
     3290
     3291.entry-content .wp-block-code {
     3292        background-color: #f3f3f3;
     3293        color: inherit;
     3294        font-family: monospace;
     3295        font-size: inherit;
     3296        line-height: inherit;
     3297        font-weight: inherit;
     3298        font-style: inherit;
     3299        letter-spacing: 1px;
     3300        margin: 0 0 20px;
     3301        border: none;
     3302}
     3303
     3304.entry-content .wp-block-code code,
     3305.entry-content .wp-block-code .editor-plain-text {
     3306        background-color: #202020;
     3307        padding: 10px;
     3308        color: inherit;
     3309        color: #fff;
     3310        font-family: inherit;
     3311        font-size: inherit;
     3312        line-height: inherit;
     3313        font-weight: inherit;
     3314        font-style: inherit;
     3315        letter-spacing: inherit;
     3316        display: block;
     3317}
     3318
     3319.entry-content .wp-block-preformatted {
     3320        margin: 0 0 20px;
     3321}
     3322
     3323.entry-content .wp-block-preformatted pre {
     3324        color: inherit;
     3325        font-family: monospace;
     3326        font-size: inherit;
     3327        line-height: inherit;
     3328        font-weight: inherit;
     3329        font-style: inherit;
     3330        letter-spacing: 1px;
     3331}
     3332
     3333.entry-content .wp-block-preformatted a {
     3334        text-decoration: underline;
     3335}
     3336
     3337.entry-content .wp-block-pullquote {
     3338        margin: 30px 0;
     3339        padding: 30px 0;
     3340}
     3341
     3342.entry-content .wp-block-pullquote p {
     3343        font-size: 28px;
     3344        line-height: 1.6;
     3345}
     3346
     3347.entry-content .wp-block-pullquote.alignleft {
     3348        margin-left: 2em;
     3349}
     3350
     3351.entry-content .wp-block-pullquote.alignright {
     3352        margin-right: 2em;
     3353}
     3354
     3355.entry-content .wp-block-pullquote:not(.is-style-solid-color) {
     3356        border-top-width: 4px;
     3357        border-top-style: solid;
     3358        border-bottom-width: 4px;
     3359        border-bottom-style: solid;
     3360}
     3361
     3362.entry-content .wp-block-pullquote.is-style-solid-color {
     3363        padding-right: 50px;
     3364        padding-left: 50px;
     3365}
     3366
     3367.entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3368        max-width: 100%;
     3369}
     3370
     3371.entry-content .wp-block-pullquote blockquote,
     3372.entry-content .wp-block-pullquote.alignleft blockquote,
     3373.entry-content .wp-block-pullquote.alignright blockquote,
     3374.entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     3375        margin: 0;
     3376        padding: 16px;
     3377        border-width: 0;
     3378        border-style: solid;
     3379        text-align: center;
     3380}
     3381
     3382.entry-content .wp-block-pullquote blockquote::before,
     3383.entry-content .wp-block-pullquote.alignleft blockquote::before,
     3384.entry-content .wp-block-pullquote.alignright blockquote::before,
     3385.entry-content .wp-block-pullquote.is-style-solid-color blockquote::before {
     3386        content: none;
     3387}
     3388
     3389.entry-content .wp-block-pullquote blockquote p:last-of-type,
     3390.entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type,
     3391.entry-content .wp-block-pullquote.alignright blockquote p:last-of-type,
     3392.entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type {
     3393        margin: 0;
     3394}
     3395
     3396.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     3397.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     3398.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     3399.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     3400.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     3401.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     3402.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     3403.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     3404.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     3405.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     3406.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     3407.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     3408.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
     3409.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
     3410.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
     3411.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type {
     3412        margin: 0;
     3413}
     3414
     3415.entry-content .wp-block-pullquote blockquote cite,
     3416.entry-content .wp-block-pullquote.alignleft blockquote cite,
     3417.entry-content .wp-block-pullquote.alignright blockquote cite,
     3418.entry-content .wp-block-pullquote.is-style-solid-color blockquote cite {
     3419        display: block;
     3420        margin-top: 15px;
     3421}
     3422
     3423.entry-content .wp-block-table {
     3424        border-spacing: 0;
     3425        border-collapse: collapse;
     3426        width: 100%;
     3427        margin-bottom: 20px;
     3428}
     3429
     3430.entry-content .wp-block-table caption {
     3431        text-align: center;
     3432        padding: 20px;
     3433}
     3434
     3435.entry-content .wp-block-table :not([class]):not([id]) {
     3436        border-spacing: 0;
     3437        border-collapse: collapse;
     3438}
     3439
     3440.entry-content .wp-block-table :not([class]):not([id]) th,
     3441.entry-content .wp-block-table :not([class]):not([id]) td {
     3442        padding: 10px 20px;
     3443        border-width: 1px;
     3444        border-style: solid;
     3445}
     3446
     3447.entry-content .wp-block-table td,
     3448.entry-content .wp-block-table th {
     3449        padding: 10px 20px;
     3450        border-top-width: 1px;
     3451        border-top-style: solid;
     3452        border-right-width: 1px;
     3453        border-right-style: solid;
     3454        word-break: break-all;
     3455}
     3456
     3457.entry-content .wp-block-table td:last-child,
     3458.entry-content .wp-block-table th:last-child {
     3459        border-left-width: 1px;
     3460        border-left-style: solid;
     3461}
     3462
     3463.entry-content .wp-block-table td:last-child td,
     3464.entry-content .wp-block-table th:last-child td {
     3465        border-bottom-width: 1px;
     3466        border-bottom-style: solid;
     3467}
     3468
     3469.entry-content .wp-block-table.is-style-stripes {
     3470        border-width: 0;
     3471        border-style: solid;
     3472}
     3473
     3474.entry-content .wp-block-table .wp-block-table__cell-content {
     3475        color: inherit;
     3476        font-family: inherit;
     3477        font-size: inherit;
     3478        line-height: inherit;
     3479        font-weight: inherit;
     3480        font-style: inherit;
     3481        padding: 0;
     3482}
     3483
     3484.entry-content pre.wp-block-verse {
     3485        white-space: inherit;
     3486        margin: 0 0 20px;
     3487        padding: 40px 0;
     3488        padding-right: 30px;
     3489        position: relative;
     3490        background-color: #e2e2e2;
     3491        color: inherit;
     3492        font-family: monospace;
     3493        font-size: inherit;
     3494        line-height: inherit;
     3495        border: none;
     3496}
     3497
     3498.entry-content pre.wp-block-verse {
     3499        white-space: inherit;
     3500        margin: 0 0 20px;
     3501        padding: 40px 0;
     3502        padding-right: 30px;
     3503        position: relative;
     3504        background-color: #e2e2e2;
     3505        color: inherit;
     3506        font-family: monospace;
     3507        font-size: inherit;
     3508        line-height: inherit;
     3509        border: none;
     3510}
     3511
     3512.entry-content .wp-block-spacer {
     3513        clear: both;
     3514}
     3515
     3516.entry-content ul.wp-block-archives,
     3517.entry-content ul.wp-block-categories,
     3518.entry-content ul.wp-block-categories__list {
     3519        margin-bottom: 20px;
     3520        padding: 0;
     3521        position: relative;
     3522}
     3523
     3524.entry-content div.wp-block ul.wp-block-archives ul,
     3525.entry-content div.wp-block ul.wp-block-categories ul,
     3526.entry-content div.wp-block ul.wp-block-categories__list ul {
     3527        margin-bottom: 0;
     3528        padding: 10px 0 0;
     3529}
     3530
     3531.entry-content div.wp-block-archives.wp-block-archives-dropdown,
     3532.entry-content div.wp-block-categories.wp-block-categories-dropdown {
     3533        margin-bottom: 20px;
     3534}
     3535
     3536.entry-content div.wp-block-archives.wp-block-archives-dropdown label,
     3537.entry-content div.wp-block-categories.wp-block-categories-dropdown label {
     3538        display: none;
     3539}
     3540
     3541.entry-content .wp-block-latest-comments {
     3542        list-style: none;
     3543        margin-bottom: 20px;
     3544}
     3545
     3546.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment {
     3547        min-height: auto;
     3548        margin: 25px 0 0;
     3549        padding: 0;
     3550        overflow: hidden;
     3551}
     3552
     3553.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
     3554        margin: 0;
     3555}
     3556
     3557.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
     3558        min-height: 48px;
     3559}
     3560
     3561.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
     3562        width: 48px;
     3563        height: 48px;
     3564        margin: 0 0 0 17px;
     3565        float: right;
     3566        -webkit-border-radius: 50%;
     3567        border-radius: 50%;
     3568}
     3569
     3570.entry-content .wp-block-latest-comments article {
     3571        display: block;
     3572        padding: 0 3px 0 0;
     3573        overflow: hidden;
     3574}
     3575
     3576.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta,
     3577.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     3578        margin: 0;
     3579}
     3580
     3581.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date {
     3582        margin: -3px 0 0;
     3583}
     3584
     3585.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt,
     3586.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
     3587        margin: 5px 0 0;
     3588}
     3589
     3590.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p,
     3591.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     3592        margin: 0;
     3593        padding: 0 0 20px;
     3594}
     3595
     3596.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child,
     3597.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child {
     3598        margin: 0;
     3599        padding: 0;
     3600}
     3601
     3602.entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar {
     3603        margin: 0 auto 10px;
     3604        float: none;
     3605}
     3606
     3607.entry-content .wp-block-latest-comments.aligncenter article {
     3608        padding: 0 3px;
     3609}
     3610
     3611.entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt {
     3612        text-align: center;
     3613}
     3614
     3615.entry-content .wp-block-columns .wp-block-column {
     3616        margin-bottom: 20px;
     3617}
     3618
     3619.entry-content .wp-block-columns .wp-block-column > p {
     3620        margin-bottom: 0;
     3621}
     3622
     3623.entry-content .wp-block-columns .wp-block-column > p:not(.has-background) {
     3624        padding-bottom: 0;
     3625}
     3626
     3627.entry-content .wp-block-columns .wp-block-column .wp-block-paragraph {
     3628        margin-bottom: 0;
     3629}
     3630
     3631.entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) {
     3632        padding-bottom: 0;
     3633}
     3634
     3635/** === dir= rtl Block latest comments=== */
     3636[dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
     3637        margin: 0 17px 0 0;
     3638        float: left;
     3639}
     3640
     3641[dir=rtl] .wp-block-latest-comments article {
     3642        margin: 0 0 0 3px;
     3643}
     3644
     3645/** === dir= rtl Block latest comments=== */
     3646/** === Block youtube and vimeo video=== */
     3647/*no-align*/
     3648.wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe,
     3649.wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe {
     3650        margin-right: auto !important;
     3651        margin-left: auto !important;
     3652}
     3653
     3654/*no-align*/
     3655.wp-block-embed-youtube figcaption {
     3656        text-align: center;
     3657}
     3658
     3659/*alignfull*/
     3660.wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper,
     3661.wp-block-embed-youtube.alignfull .wp-block-embed__wrapper {
     3662        position: relative;
     3663        padding-top: 56.25%;
     3664}
     3665
     3666.wp-block-embed-vimeo.alignfull iframe,
     3667.wp-block-embed-youtube.alignfull iframe {
     3668        position: absolute;
     3669        top: 0;
     3670        left: 0;
     3671        bottom: 0;
     3672        right: 0;
     3673        width: 100% !important;
     3674        height: 100% !important;
     3675}
     3676
     3677/*alignfull*/
     3678/*alignwide*/
     3679.wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper,
     3680.wp-block-embed-youtube.alignwide .wp-block-embed__wrapper {
     3681        position: relative;
     3682        padding-top: 56.25%;
     3683}
     3684
     3685.wp-block-embed-vimeo.alignwide iframe,
     3686.wp-block-embed-youtube.alignwide iframe {
     3687        position: absolute;
     3688        top: 0;
     3689        left: 0;
     3690        bottom: 0;
     3691        right: 0;
     3692        width: 100% !important;
     3693        height: 100% !important;
     3694}
     3695
     3696/*alignwide*/
     3697/** === Block youtube and vimeo video=== */
     3698@media only screen and (min-width: 1025px) {
     3699        .wp-block-quote.is-large,
     3700        .wp-block-quote.is-style-large {
     3701                margin-top: 2.66667em;
     3702                margin-bottom: 2em;
     3703                padding: 0.66667em;
     3704                padding-top: 1.33333em;
     3705                padding-bottom: 1.33333em;
     3706        }
     3707}
     3708
     3709@media only screen and (max-width: 480px) {
     3710        .wp-block-media-text {
     3711                display: block;
     3712        }
     3713        .wp-block-media-text .wp-block-media-text__media {
     3714                margin: 10px auto;
     3715        }
     3716        .wp-block-media-text .wp-block-media-text__content {
     3717                padding: 0;
     3718        }
     3719}
     3720
     3721.aligncener,
     3722.alignfull,
     3723.alignwide {
     3724        margin-top: 30px;
     3725        margin-bottom: 30px;
     3726}
     3727
     3728.alignfull .alignfull,
     3729.alignwide .alignwide {
     3730        padding-top: 10px;
     3731        padding-bottom: 10px;
     3732}
     3733
     3734/*body.no-sidebar .alignfull {
     3735        margin-left: calc(50% - 50vw - 10px);
     3736        margin-right: calc(50% - 50vw - 10px);
     3737        max-width: 100vw;
     3738        width: 100vw;
     3739}*/
     3740
     3741body.no-sidebar .alignfull .alignwide {
     3742        margin-inline: auto;
     3743}
     3744
     3745body.no-sidebar .alignwide {
     3746        max-width: 100vw;
     3747}
     3748
     3749@media (min-width: 768px) and (max-width: 1170px) {
     3750        body.no-sidebar .alignwide {
     3751                width: calc(100% + (100vw - 100%) / 2);
     3752                margin-right: calc((100% - 100vw) / 4);
     3753        }
     3754}
     3755
     3756/*@media (min-width: 1171px) {
     3757        body.no-sidebar .alignwide {
     3758                width: 1140px;
     3759                margin-left: -195px;
     3760        }
     3761}*/
     3762
     3763body.no-sidebar .alignwide .alignwide {
     3764        margin-inline: auto;
     3765}
     3766
     3767body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull,
     3768body.no-sidebar figure.wp-block-table.alignfull,
     3769body.no-sidebar div.wp-block-text-columns.alignfull,
     3770body.no-sidebar div.wp-block-columns.alignfull,
     3771body.no-sidebar div.wp-block-categories-dropdown.alignfull,
     3772body.no-sidebar div.wp-block-file.alignfull {
     3773        padding: 0 25px;
     3774}
     3775
     3776/** === search Block === */
     3777.wp-block-search .wp-block-search__label {
     3778        display: none;
     3779}
     3780
     3781.wp-block-search .wp-block-search__inside-wrapper {
     3782        display: flex;
     3783}
     3784
     3785.wp-block-search .wp-block-search__input {
     3786        border-radius: var(--border-radius-all-lefts);
     3787}
     3788
     3789.wp-block-search .wp-block-search__button {
     3790        margin: 0;
     3791        background-color: var(--primary-color);
     3792        border-color: var(--primary-color);
     3793        color: var(--white);
     3794        border-radius: var(--border-radius-all-rights);
     3795}
     3796
     3797/** === search Block === */
     3798/** === Latest Post Block === */
     3799.wp-block-latest-posts.wp-block-latest-posts__list {
     3800        list-style: none;
     3801        padding-right: 0;
     3802        margin-inline: 0;
     3803}
     3804
     3805.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
     3806        width: 50%;
     3807}
     3808
     3809.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a {
     3810        line-height: 0;
     3811}
     3812
     3813.wp-block-latest-posts.wp-block-latest-posts__list li > a {
     3814        text-decoration: none;
     3815        color: var(--color-text-main);
     3816}
     3817
     3818.wp-block-latest-posts.wp-block-latest-posts__list li > a:hover {
     3819        color: var(--primary-color);
     3820}
     3821
     3822.wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image {
     3823        width: 100%;
     3824        margin-inline: 0;
     3825        margin-block-end: 1.5em;
     3826}
     3827
     3828.wp-block-latest-posts__post-date,
     3829.wp-block-latest-posts__post-author {
     3830        color: var(--color-text-main);
     3831}
     3832
     3833/** === Latest Post Block === */
     3834/*------------##gutenberg support----------*/
     3835
     3836.asterthemes-author-box {
     3837        border: 1px solid rgba(155, 155, 155, 0.1);
     3838        padding: 15px;
     3839        margin: 15px 0;
     3840        display: flex;
     3841        align-items: center;
     3842        gap: 30px;
     3843}
     3844
     3845@media (max-width: 600px) {
     3846        .asterthemes-author-box {
     3847                align-items: flex-start;
     3848                flex-direction: column;
     3849                gap: 10px;
     3850        }
     3851}
     3852
     3853.asterthemes-author-box .author-img {
     3854        min-width: 120px;
     3855        align-self: flex-start;
     3856}
     3857
     3858.asterthemes-author-box .author-img img {
     3859        width: 120px;
     3860        height: 120px;
     3861        object-fit: cover;
     3862}
     3863
     3864.asterthemes-author-box .author-details .author-name {
     3865        margin: 0 0 10px;
     3866        font-size: var(--font-size-base);
     3867        font-weight: 700;
     3868        line-height: 1.3;
     3869}
     3870
     3871.asterthemes-author-box .author-details .author-description {
     3872        margin: 0;
     3873}
     3874
     3875.asterthemes-author-box .author-details .author-social-contacts {
     3876        display: inline-flex;
     3877        gap: 10px;
     3878        margin-top: 15px;
     3879}
     3880
     3881.asterthemes-author-box .author-details .author-social-contacts a {
     3882        width: 30px;
     3883        height: 30px;
     3884}
     3885
     3886.asterthemes-author-box .author-details .author-social-contacts a::before {
     3887        z-index: 1;
     3888        position: relative;
     3889}
     3890
     3891.asterthemes-author-box .author-details .author-social-contacts a::after {
     3892        position: absolute;
     3893        content: '';
     3894        right: 0;
     3895        top: 0;
     3896        height: 100%;
     3897        width: 100%;
     3898        background-color: rgba(155, 155, 155, 0.1);
     3899        opacity: 0.5;
     3900}
     3901
     3902/*--------------------------------------------------------------
     3903# single
     3904--------------------------------------------------------------*/
     3905.page-links {
     3906        clear: both;
     3907        margin: 0 0 1.5em;
     3908}
     3909
     3910.site-main article .entry-header .entry-title {
     3911        font-size: var(--font-size-lg);
     3912        font-family: var(--font-heading);
     3913        margin-top: 0;
     3914        margin-bottom: 1.3rem;
     3915}
     3916
     3917@media (min-width: 992px) {
     3918        .site-main article .entry-header .entry-title {
     3919                margin-bottom: 1.1rem;
     3920        }
     3921}
     3922
     3923.site-main article .entry-meta span.comments-link a {
     3924        font-weight: bold;
     3925}
     3926
     3927.site-main article .post-thumbnail {
     3928        display: block;
     3929        line-height: 0;
     3930}
     3931
     3932.site-main article .post-thumbnail img {
     3933        width: 100%;
     3934        transition: all 0.3s linear;
     3935}
     3936
     3937@media (min-width: 992px) {
     3938        .site-main article .entry-meta {
     3939                padding: 10px 0 20px;
     3940                padding-top: 0;
     3941        }
     3942}
     3943
     3944.site-main article .entry-content {
     3945        margin-top: 0;
     3946}
     3947
     3948.site-main article .entry-content p {
     3949        margin-bottom: 10px;
     3950}
     3951
     3952.site-main article .entry-footer {
     3953        display: flex;
     3954        flex-direction: column;
     3955        margin-top: 10px;
     3956}
     3957
     3958.site-main article .entry-footer span {
     3959        margin-bottom: 6px;
     3960        font-size: 16px;
     3961        font-weight: bold;
     3962}
     3963
     3964.site-main article .entry-footer span a,
     3965.site-main article .entry-footer span span {
     3966        font-weight: normal;
     3967}
     3968
     3969.site-main article .entry-footer span a {
     3970        text-decoration: none;
     3971        color: #000;
     3972}
     3973.site-main article .entry-footer span a:hover {
     3974        color: var(--primary-color);
     3975}
     3976.entry-footer .tags-links a{
     3977        margin: 10px;
    41693978    padding: 5px;
    41703979    border: 1px solid #fff;
    4171   }
    4172  
    4173   span.tags-links {
     3980}
     3981span.tags-links {
    41743982    margin: 30px 0 !important;
    4175   }
    4176  
    4177   .site-main article .entry-footer span a:hover {
    4178     color: var(--primary-color);
    4179   }
    4180  
    4181   .site-main article .entry-footer span.comments-link a {
    4182     font-weight: bold;
    4183   }
    4184  
    4185   .related-posts h2 {
    4186     font-size: var(--font-size-lg);
    4187     font-family: var(--font-heading);
    4188     line-height: 1.2;
    4189   }
    4190  
    4191   .related-posts .row {
    4192     display: grid;
    4193     grid-gap: 30px;
    4194     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    4195     /* Adjust minmax values as needed */
    4196   }
    4197  
    4198   @media (max-width: 480px) {
    4199     .related-posts .row {
    4200       grid-template-columns: 1fr;
    4201     }
    4202   }
    4203  
    4204   .related-posts .row article .post-thumbnail {
    4205     line-height: 0;
    4206     overflow: hidden;
    4207   }
    4208  
    4209   .related-posts .row article .post-thumbnail img {
    4210     width: 100%;
    4211   }
    4212  
    4213   .related-posts .row article .entry-header {
    4214     margin-top: 10px;
    4215   }
    4216  
    4217   .related-posts .row article .entry-header .entry-title {
    4218     font-size: var(--font-size-base);
    4219     line-height: 1.3;
    4220     margin: 0 0 10px;
    4221   }
    4222  
    4223   .related-posts .row article .entry-header .entry-title a {
    4224     display: inline-block;
    4225   }
    4226  
    4227  
    4228   /*--------------------------------------------------------------
    4229   # single
    4230   --------------------------------------------------------------*/
    4231  
    4232   body.single .site-main > article header {
    4233     margin-bottom: 10px;
    4234   }
    4235  
    4236   body.single .site-main > article header .entry-title {
    4237     margin-bottom: 10px;
    4238   }
    4239  
    4240   body.single .site-main > article header .entry-meta {
    4241     padding-bottom: 0;
    4242     margin-bottom: 10px;
    4243   }
    4244  
    4245  
    4246   /*------------##gutenberg support----------*/
    4247  
    4248   img.alignright {
    4249     clear: left;
    4250   }
    4251  
    4252   img.alignleft {
    4253     clear: right;
    4254   }
    4255  
    4256   div.wp-block h6 a,
    4257   div.wp-block h5 a,
    4258   div.wp-block h4 a,
    4259   div.wp-block h3 a,
    4260   div.wp-block h2 a,
    4261   div.wp-block h1 a {
    4262     font-family: inherit;
    4263     font-size: inherit;
    4264     line-height: inherit;
    4265     font-weight: inherit;
    4266     font-style: inherit;
    4267   }
    4268  
    4269   div.wp-block b,
    4270   div.wp-block strong {
    4271     font-weight: bold;
    4272   }
    4273  
    4274   div.wp-block .editor-rich-text__tinymce code,
    4275   div.wp-block .editor-rich-text__editable code {
    4276     background-color: transparent;
    4277     color: inherit;
    4278     font-family: monospace;
    4279     font-size: inherit;
    4280     line-height: inherit;
    4281     font-weight: inherit;
    4282     font-style: inherit;
    4283     letter-spacing: 1px;
    4284   }
    4285  
    4286   .entry-content .aligncenter {
    4287     text-align: center;
    4288   }
    4289  
    4290   .entry-content ol:not([class*="wp-"]) ol,
    4291   .entry-content ol:not([class*="wp-"]) ul,
    4292   .entry-content ul:not([class*="wp-"]) ol,
    4293   .entry-content ul:not([class*="wp-"]) ul {
    4294     margin-bottom: 0;
    4295   }
    4296  
    4297   .entry-content ol:not([class*="wp-"]) ol li:last-child,
    4298   .entry-content ol:not([class*="wp-"]) ul li:last-child,
    4299   .entry-content ul:not([class*="wp-"]) ol li:last-child,
    4300   .entry-content ul:not([class*="wp-"]) ul li:last-child {
    4301     padding-bottom: 0;
    4302   }
    4303  
    4304   .entry-content ol:not([class*="wp-"]) .alignwide,
    4305   .entry-content ul:not([class*="wp-"]) .alignwide {
    4306     padding-right: 30px;
    4307   }
    4308  
    4309   .entry-content ol:not([class*="wp-"]) .alignfull,
    4310   .entry-content ul:not([class*="wp-"]) .alignfull {
    4311     margin-right: calc(50% - 50vw - 10px);
    4312     padding-right: 40px;
    4313   }
    4314  
    4315   .entry-content ol:not([class*="wp-"]) {
    4316     list-style-type: decimal;
    4317   }
    4318  
    4319   .entry-content p.has-drop-cap:not(:focus):first-letter {
    4320     font-weight: normal;
    4321   }
    4322  
    4323   .entry-content .wp-block-image figcaption {
    4324     text-align: center;
    4325   }
    4326  
    4327   .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    4328     margin-top: 1em;
    4329     margin-bottom: 1em;
    4330   }
    4331  
    4332   .entry-content .wp-block-file {
    4333     margin: 0 0 20px;
    4334   }
    4335  
    4336   .entry-content .wp-block-file > a:not([class]),
    4337   .entry-content .wp-block-file .wp-block-file__textlink {
    4338     display: inline-block;
    4339     margin: 0 0 0 20px;
    4340   }
    4341  
    4342   .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper {
    4343     display: inline-block;
    4344     margin: 0;
    4345   }
    4346  
    4347   .entry-content .wp-block-file .wp-block-file__button,
    4348   .entry-content .wp-block-file a.wp-block-file__button {
    4349     display: inline-block;
    4350     position: relative;
    4351     text-align: center;
    4352     border: none;
    4353   }
    4354  
    4355   .entry-content [dir=rtl] .wp-block-file > a:not([class]),
    4356   .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink {
    4357     margin-right: 20px;
    4358     margin-left: 0;
    4359   }
    4360  
    4361   .entry-content .wp-block-audio {
    4362     margin-bottom: 20px;
    4363   }
    4364  
    4365   .entry-content .wp-block-audio figcaption {
    4366     margin: 0;
    4367     padding: 10px 0;
    4368   }
    4369  
    4370   .entry-content .wp-block-video {
    4371     margin: 0 0 20px;
    4372     text-align: center;
    4373   }
    4374  
    4375   .entry-content .wp-block-video video {
    4376     display: inline-block;
    4377   }
    4378  
    4379   .entry-content .wp-block-video figcaption {
    4380     margin: 0;
    4381     padding: 6px 0 15px;
    4382     text-align: center;
    4383   }
    4384  
    4385   .entry-content .wp-block-code {
    4386     background-color: #f3f3f3;
    4387     color: inherit;
    4388     font-family: monospace;
    4389     font-size: inherit;
    4390     line-height: inherit;
    4391     font-weight: inherit;
    4392     font-style: inherit;
    4393     letter-spacing: 1px;
    4394     margin: 0 0 20px;
    4395     border: none;
    4396   }
    4397  
    4398   .entry-content .wp-block-code code,
    4399   .entry-content .wp-block-code .editor-plain-text {
    4400     background-color: #202020;
    4401     padding: 10px;
    4402     color: inherit;
    4403     color: #fff;
    4404     font-family: inherit;
    4405     font-size: inherit;
    4406     line-height: inherit;
    4407     font-weight: inherit;
    4408     font-style: inherit;
    4409     letter-spacing: inherit;
    4410     display: block;
    4411   }
    4412  
    4413   .entry-content .wp-block-preformatted {
    4414     margin: 0 0 20px;
    4415   }
    4416  
    4417   .entry-content .wp-block-preformatted pre {
    4418     color: inherit;
    4419     font-family: monospace;
    4420     font-size: inherit;
    4421     line-height: inherit;
    4422     font-weight: inherit;
    4423     font-style: inherit;
    4424     letter-spacing: 1px;
    4425   }
    4426  
    4427   .entry-content .wp-block-preformatted a {
    4428     text-decoration: underline;
    4429   }
    4430  
    4431   .entry-content .wp-block-pullquote {
    4432     margin: 30px 0;
    4433     padding: 30px 0;
    4434   }
    4435  
    4436   .entry-content .wp-block-pullquote p {
    4437     font-size: 28px;
    4438     line-height: 1.6;
    4439   }
    4440  
    4441   .entry-content .wp-block-pullquote.alignleft {
    4442     margin-left: 2em;
    4443   }
    4444  
    4445   .entry-content .wp-block-pullquote.alignright {
    4446     margin-right: 2em;
    4447   }
    4448  
    4449   .entry-content .wp-block-pullquote:not(.is-style-solid-color) {
    4450     border-top-width: 4px;
    4451     border-top-style: solid;
    4452     border-bottom-width: 4px;
    4453     border-bottom-style: solid;
    4454   }
    4455  
    4456   .entry-content .wp-block-pullquote.is-style-solid-color {
    4457     padding-right: 50px;
    4458     padding-left: 50px;
    4459   }
    4460  
    4461   .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    4462     max-width: 100%;
    4463   }
    4464  
    4465   .entry-content .wp-block-pullquote blockquote,
    4466   .entry-content .wp-block-pullquote.alignleft blockquote,
    4467   .entry-content .wp-block-pullquote.alignright blockquote,
    4468   .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    4469     margin: 0;
    4470     padding: 16px;
    4471     border-width: 0;
    4472     border-style: solid;
    4473     text-align: center;
    4474   }
    4475  
    4476   .entry-content .wp-block-pullquote blockquote::before,
    4477   .entry-content .wp-block-pullquote.alignleft blockquote::before,
    4478   .entry-content .wp-block-pullquote.alignright blockquote::before,
    4479   .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before {
    4480     content: none;
    4481   }
    4482  
    4483   .entry-content .wp-block-pullquote blockquote p:last-of-type,
    4484   .entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type,
    4485   .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type,
    4486   .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type {
    4487     margin: 0;
    4488   }
    4489  
    4490   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    4491   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    4492   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    4493   .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
    4494   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    4495   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    4496   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    4497   .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
    4498   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    4499   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    4500   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    4501   .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
    4502   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
    4503   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
    4504   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
    4505   .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type {
    4506     margin: 0;
    4507   }
    4508  
    4509   .entry-content .wp-block-pullquote blockquote cite,
    4510   .entry-content .wp-block-pullquote.alignleft blockquote cite,
    4511   .entry-content .wp-block-pullquote.alignright blockquote cite,
    4512   .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite {
    4513     display: block;
    4514     margin-top: 15px;
    4515   }
    4516  
    4517   .entry-content .wp-block-table {
    4518     border-spacing: 0;
    4519     border-collapse: collapse;
    4520     width: 100%;
    4521     margin-bottom: 20px;
    4522   }
    4523  
    4524   .entry-content .wp-block-table caption {
    4525     text-align: center;
    4526     padding: 20px;
    4527   }
    4528  
    4529   .entry-content .wp-block-table:not([class]):not([id]) {
    4530     border-spacing: 0;
    4531     border-collapse: collapse;
    4532   }
    4533  
    4534   .entry-content .wp-block-table:not([class]):not([id]) th,
    4535   .entry-content .wp-block-table:not([class]):not([id]) td {
    4536     padding: 10px 20px;
    4537     border-width: 1px;
    4538     border-style: solid;
    4539   }
    4540  
    4541   .entry-content .wp-block-table td,
    4542   .entry-content .wp-block-table th {
    4543     padding: 10px 20px;
    4544     border-top-width: 1px;
    4545     border-top-style: solid;
    4546     border-right-width: 1px;
    4547     border-right-style: solid;
    4548     word-break: break-all;
    4549   }
    4550  
    4551   .entry-content .wp-block-table td:last-child,
    4552   .entry-content .wp-block-table th:last-child {
    4553     border-left-width: 1px;
    4554     border-left-style: solid;
    4555   }
    4556  
    4557   .entry-content .wp-block-table td:last-child td,
    4558   .entry-content .wp-block-table th:last-child td {
    4559     border-bottom-width: 1px;
    4560     border-bottom-style: solid;
    4561   }
    4562  
    4563   .entry-content .wp-block-table.is-style-stripes {
    4564     border-width: 0;
    4565     border-style: solid;
    4566   }
    4567  
    4568   .entry-content .wp-block-table .wp-block-table__cell-content {
    4569     color: inherit;
    4570     font-family: inherit;
    4571     font-size: inherit;
    4572     line-height: inherit;
    4573     font-weight: inherit;
    4574     font-style: inherit;
    4575     padding: 0;
    4576   }
    4577  
    4578   .entry-content pre.wp-block-verse {
    4579     white-space: inherit;
    4580     margin: 0 0 20px;
    4581     padding: 40px 0;
    4582     padding-right: 30px;
    4583     position: relative;
    4584     background-color: #e2e2e2;
    4585     color: inherit;
    4586     font-family: monospace;
    4587     font-size: inherit;
    4588     line-height: inherit;
    4589     border: none;
    4590   }
    4591  
    4592   .entry-content pre.wp-block-verse {
    4593     white-space: inherit;
    4594     margin: 0 0 20px;
    4595     padding: 40px 0;
    4596     padding-right: 30px;
    4597     position: relative;
    4598     background-color: #e2e2e2;
    4599     color: inherit;
    4600     font-family: monospace;
    4601     font-size: inherit;
    4602     line-height: inherit;
    4603     border: none;
    4604   }
    4605  
    4606   .entry-content .wp-block-spacer {
    4607     clear: both;
    4608   }
    4609  
    4610   .entry-content ul.wp-block-archives,
    4611   .entry-content ul.wp-block-categories,
    4612   .entry-content ul.wp-block-categories__list {
    4613     margin-bottom: 20px;
    4614     padding: 0;
    4615     position: relative;
    4616   }
    4617  
    4618   .entry-content div.wp-block ul.wp-block-archives ul,
    4619   .entry-content div.wp-block ul.wp-block-categories ul,
    4620   .entry-content div.wp-block ul.wp-block-categories__list ul {
    4621     margin-bottom: 0;
    4622     padding: 10px 0 0;
    4623   }
    4624  
    4625   .entry-content div.wp-block-archives.wp-block-archives-dropdown,
    4626   .entry-content div.wp-block-categories.wp-block-categories-dropdown {
    4627     margin-bottom: 20px;
    4628   }
    4629  
    4630   .entry-content div.wp-block-archives.wp-block-archives-dropdown label,
    4631   .entry-content div.wp-block-categories.wp-block-categories-dropdown label {
    4632     display: none;
    4633   }
    4634  
    4635   .entry-content .wp-block-latest-comments {
    4636     list-style: none;
    4637     margin-bottom: 20px;
    4638   }
    4639  
    4640   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment {
    4641     min-height: auto;
    4642     margin: 25px 0 0;
    4643     padding: 0;
    4644     overflow: hidden;
    4645   }
    4646  
    4647   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
    4648     margin: 0;
    4649   }
    4650  
    4651   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
    4652     min-height: 48px;
    4653   }
    4654  
    4655   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
    4656     width: 48px;
    4657     height: 48px;
    4658     margin: 0 0 0 17px;
    4659     float: right;
    4660     -webkit-border-radius: 50%;
    4661     border-radius: 50%;
    4662   }
    4663  
    4664   .entry-content .wp-block-latest-comments article {
    4665     display: block;
    4666     padding: 0 3px 0 0;
    4667     overflow: hidden;
    4668   }
    4669  
    4670   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta,
    4671   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    4672     margin: 0;
    4673   }
    4674  
    4675   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date {
    4676     margin: -3px 0 0;
    4677   }
    4678  
    4679   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt,
    4680   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
    4681     margin: 5px 0 0;
    4682   }
    4683  
    4684   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p,
    4685   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    4686     margin: 0;
    4687     padding: 0 0 20px;
    4688   }
    4689  
    4690   .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child,
    4691   .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child {
    4692     margin: 0;
    4693     padding: 0;
    4694   }
    4695  
    4696   .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar {
    4697     margin: 0 auto 10px;
    4698     float: none;
    4699   }
    4700  
    4701   .entry-content .wp-block-latest-comments.aligncenter article {
    4702     padding: 0 3px;
    4703   }
    4704  
    4705   .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt {
    4706     text-align: center;
    4707   }
    4708  
    4709   .entry-content .wp-block-columns .wp-block-column {
    4710     margin-bottom: 20px;
    4711   }
    4712  
    4713   .entry-content .wp-block-columns .wp-block-column > p {
    4714     margin-bottom: 0;
    4715   }
    4716  
    4717   .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) {
    4718     padding-bottom: 0;
    4719   }
    4720  
    4721   .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph {
    4722     margin-bottom: 0;
    4723   }
    4724  
    4725   .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) {
    4726     padding-bottom: 0;
    4727   }
    4728  
    4729  
    4730   /** === dir= rtl Block latest comments=== */
    4731  
    4732   [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
    4733     margin: 0 17px 0 0;
    4734     float: left;
    4735   }
    4736  
    4737   [dir=rtl] .wp-block-latest-comments article {
    4738     margin: 0 0 0 3px;
    4739   }
    4740  
    4741  
    4742   /** === dir= rtl Block latest comments=== */
    4743  
    4744  
    4745   /** === Block youtube and vimeo video=== */
    4746  
    4747  
    4748   /*no-align*/
    4749  
    4750   .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe,
    4751   .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe {
    4752     margin-right: auto !important;
    4753     margin-left: auto !important;
    4754   }
    4755  
    4756  
    4757   /*no-align*/
    4758  
    4759   .wp-block-embed-youtube figcaption {
    4760     text-align: center;
    4761   }
    4762  
    4763  
    4764   /*alignfull*/
    4765  
    4766   .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper,
    4767   .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper {
    4768     position: relative;
    4769     padding-top: 56.25%;
    4770   }
    4771  
    4772   .wp-block-embed-vimeo.alignfull iframe,
    4773   .wp-block-embed-youtube.alignfull iframe {
    4774     position: absolute;
    4775     top: 0;
    4776     left: 0;
    4777     bottom: 0;
    4778     right: 0;
    4779     width: 100% !important;
    4780     height: 100% !important;
    4781   }
    4782  
    4783  
    4784   /*alignfull*/
    4785  
    4786  
    4787   /*alignwide*/
    4788  
    4789   .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper,
    4790   .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper {
    4791     position: relative;
    4792     padding-top: 56.25%;
    4793   }
    4794  
    4795   .wp-block-embed-vimeo.alignwide iframe,
    4796   .wp-block-embed-youtube.alignwide iframe {
    4797     position: absolute;
    4798     top: 0;
    4799     left: 0;
    4800     bottom: 0;
    4801     right: 0;
    4802     width: 100% !important;
    4803     height: 100% !important;
    4804   }
    4805  
    4806  
    4807   /*alignwide*/
    4808  
    4809  
    4810   /** === Block youtube and vimeo video=== */
    4811  
    4812   @media only screen and (min-width: 1025px) {
    4813     .wp-block-quote.is-large,
    4814     .wp-block-quote.is-style-large {
    4815       margin-top: 2.66667em;
    4816       margin-bottom: 2em;
    4817       padding: 0.66667em;
    4818       padding-top: 1.33333em;
    4819       padding-bottom: 1.33333em;
    4820     }
    4821   }
    4822  
    4823   @media only screen and (max-width: 480px) {
    4824     .wp-block-media-text {
    4825       display: block;
    4826     }
    4827     .wp-block-media-text .wp-block-media-text__media {
    4828       margin: 10px auto;
    4829     }
    4830     .wp-block-media-text .wp-block-media-text__content {
    4831       padding: 0;
    4832     }
    4833   }
    4834  
    4835   .aligncener,
    4836   .alignfull,
    4837   .alignwide {
    4838     margin-top: 30px;
    4839     margin-bottom: 30px;
    4840   }
    4841  
    4842   .alignfull .alignfull,
    4843   .alignwide .alignwide {
    4844     padding-top: 10px;
    4845     padding-bottom: 10px;
    4846   }
    4847  
    4848  
    4849   /*body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull {
    4850       margin-left: calc(50% - 50vw - 10px);
    4851       margin-right: calc(50% - 50vw - 10px);
    4852       max-width: 100vw;
    4853       width: 100vw;
    4854   }*/
    4855  
    4856   @media (max-width: 767px) {
    4857     body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull {
    4858       margin-right: calc(50% - 50vw);
    4859       margin-left: calc(50% - 50vw);
    4860       padding: 0 20px;
    4861     }
    4862   }
    4863  
    4864   body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .alignwide {
    4865     margin-inline: auto;
    4866   }
    4867  
    4868   body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .aligncenter {
    4869     margin-inline: auto;
    4870   }
    4871  
    4872  
    4873   /*body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {
    4874       max-width: 100vw;
    4875   }*/
    4876  
    4877   @media (min-width: 768px) and (max-width: 1170px) {
    4878     body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {
    4879       width: calc(100% + (100vw - 100%) / 2);
    4880       margin-right: calc((100% - 100vw) / 4);
    4881       max-width: 90vw;
    4882     }
    4883   }
    4884  
    4885  
    4886   /*@media (min-width: 1171px) {
    4887       body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {
    4888           width: 1140px;
    4889           margin-left: -195px;
    4890       }
    4891   }*/
    4892  
    4893   body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide .alignwide {
    4894     width: 100%;
    4895     margin-left: auto;
    4896     margin-right: auto;
    4897   }
    4898  
    4899   body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull,
    4900   body.no-sidebar figure.wp-block-table.alignfull,
    4901   body.no-sidebar div.wp-block-text-columns.alignfull,
    4902   body.no-sidebar div.wp-block-columns.alignfull,
    4903   body.no-sidebar div.wp-block-categories-dropdown.alignfull,
    4904   body.no-sidebar div.wp-block-file.alignfull {
    4905     padding: 0 25px;
    4906   }
    4907  
    4908  
    4909   /** === search Block === */
    4910  
    4911   .wp-block-search .wp-block-search__label {
    4912     display: none;
    4913   }
    4914  
    4915   .wp-block-search .wp-block-search__inside-wrapper {
    4916     display: flex;
    4917   }
    4918  
    4919   .wp-block-search .wp-block-search__input {
    4920     border-radius: var(--border-radius-all-lefts);
    4921   }
    4922  
    4923   .wp-block-search .wp-block-search__button {
    4924     margin: 0;
    4925     background-color: var(--primary-color);
    4926     border-color: var(--primary-color);
    4927     color: var(--white);
    4928     border-radius: var(--border-radius-all-rights);
    4929   }
    4930  
    4931  
    4932   /** === search Block === */
    4933  
    4934  
    4935   /** === Latest Post Block === */
    4936  
    4937   .wp-block-latest-posts.wp-block-latest-posts__list {
    4938     list-style: none;
    4939     padding-right: 0;
    4940     margin-inline: 0;
    4941   }
    4942  
    4943   .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
    4944     width: 50%;
    4945   }
    4946  
    4947   .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a {
    4948     line-height: 0;
    4949   }
    4950  
    4951   .wp-block-latest-posts.wp-block-latest-posts__list li > a {
    4952     text-decoration: none;
    4953     color: var(--color-text-main);
    4954   }
    4955  
    4956   .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover {
    4957     color: var(--primary-color);
    4958   }
    4959  
    4960   .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image {
    4961     width: 100%;
    4962     margin-inline: 0;
    4963     margin-block-end: 1.5em;
    4964   }
    4965  
    4966   .wp-block-latest-posts__post-date,
    4967   .wp-block-latest-posts__post-author {
    4968     color: var(--color-text-main);
    4969   }
    4970  
    4971  
    4972   /** === Latest Post Block === */
    4973  
    4974  
    4975   /*------------##gutenberg support----------*/
    4976  
    4977  
    4978   /*--------------------------------------------------------------
    4979   # single
    4980   --------------------------------------------------------------*/
    4981  
    4982   section.error-404.not-found {
    4983     margin-bottom: 50px;
    4984     max-width: 670px;
    4985   }
    4986  
    4987  
    4988   /* Comments
    4989   --------------------------------------------- */
    4990  
    4991   .comment-content a {
    4992     word-wrap: break-word;
    4993   }
    4994  
    4995   .bypostauthor {
    4996     display: block;
    4997   }
    4998  
    4999  
    5000   /**
    5001    * Comments Wrapper
    5002    */
    5003  
    5004   .comments-area {
    5005     padding-bottom: 30px;
    5006   }
    5007  
    5008   .comments-area > * {
    5009     margin-top: 30px;
    5010     margin-bottom: 30px;
    5011   }
    5012  
    5013   .comments-area > *:first-child {
    5014     margin-top: 0;
    5015   }
    5016  
    5017   .comments-area > *:last-child {
    5018     margin-bottom: 0;
    5019   }
    5020  
    5021   .comments-area.show-avatars .avatar {
    5022     border-radius: 50%;
    5023     position: absolute;
    5024     top: 10px;
    5025   }
    5026  
    5027   .comments-area.show-avatars .fn {
    5028     display: inline-block;
    5029     padding-right: 85px;
    5030   }
    5031  
    5032   .comments-area.show-avatars .comment-metadata {
    5033     padding: 8px 85px 9px 0;
    5034   }
    5035  
    5036  
    5037   /**
    5038    * Comment Title
    5039    */
    5040  
    5041   .comment-reply-title {
    5042     display: flex;
    5043     justify-content: space-between;
    5044   }
    5045  
    5046   .comment-reply-title small a {
    5047     font-size: 15px;
    5048     font-style: normal;
    5049     font-weight: normal;
    5050     letter-spacing: normal;
    5051   }
    5052  
    5053  
    5054   /* Nested comment reply title*/
    5055  
    5056   .comment .comment-respond .comment-reply-title {
    5057     font-size: 30px;
    5058   }
    5059  
    5060  
    5061   /**
    5062    * Comment Lists
    5063    */
    5064  
    5065   .comments-area [type="checkbox"],
    5066   .comments-area [type="radio"] {
    5067     margin-bottom: 7px;
    5068     margin-left: 10px;
    5069   }
    5070  
    5071   .comment-list {
    5072     padding-right: 0;
    5073     list-style: none;
    5074     margin-right: 0;
    5075   }
    5076  
    5077   .comment-list ol {
    5078     margin-right: 0;
    5079   }
    5080  
    5081   .comment-list > li {
    5082     margin-top: 30px;
    5083     margin-bottom: 30px;
    5084   }
    5085  
    5086   .comment-list .children {
    5087     list-style: none;
    5088     padding-right: 0;
    5089   }
    5090  
    5091   .comment-list .children > li {
    5092     margin-top: 30px;
    5093     margin-bottom: 30px;
    5094   }
    5095  
    5096   @media only screen and (min-width: 482px) {
    5097     .comment-list .depth-2,
    5098     .comment-list .depth-3 {
    5099       padding-right: calc(4 * 20px);
    5100     }
    5101   }
    5102  
    5103  
    5104   /**
    5105    * Comment Meta
    5106    */
    5107  
    5108   .comment-meta .comment-author {
    5109     margin-bottom: calc(0.25 *20px);
    5110   }
    5111  
    5112   @media only screen and (min-width: 482px) {
    5113     .comment-meta .comment-author {
    5114       margin-bottom: 0;
    5115       padding-left: 0;
    5116     }
    5117   }
    5118  
    5119   .comment-meta .comment-author .fn {
    5120     font-weight: normal;
    5121     hyphens: auto;
    5122     word-wrap: break-word;
    5123     word-break: break-word;
    5124     color: #000;
    5125   }
    5126  
    5127   .comment-meta .comment-metadata {
    5128     color: var(--color-text-main);
    5129     padding: 8px 0 9px 0;
    5130     font-size: 15px;
    5131     display: flex;
    5132     justify-content: space-between;
    5133   }
    5134  
    5135   .comment-meta .comment-metadata .edit-link {
    5136     margin-right: 20px;
    5137   }
    5138  
    5139   @media only screen and (min-width: 482px) {
    5140     .comment-meta {
    5141       margin-left: inherit;
    5142     }
    5143     .comment-meta .comment-author {
    5144       max-width: inherit;
    5145     }
    5146   }
    5147  
    5148   .bypostauthor {
    5149     display: block;
    5150   }
    5151  
    5152   .says {
    5153     display: none;
    5154   }
    5155  
    5156   .comment-meta {
    5157     margin-bottom: 10px;
    5158   }
    5159  
    5160   .comment-body {
    5161     position: relative;
    5162     margin-bottom: 40px;
    5163     padding: 30px;
    5164     background-color: #fff;
    5165     border: 1px solid #eee;
    5166   }
    5167  
    5168   .comment-body .reply {
    5169     margin: 0;
    5170   }
    5171  
    5172   .comment-content {
    5173     word-wrap: break-word;
    5174     font-size: 16px;
    5175     padding-bottom: 15px;
    5176     color: #555;
    5177   }
    5178  
    5179   .pingback .comment-body,
    5180   .trackback .comment-body {
    5181     margin-top: 30px;
    5182     margin-bottom: 30px;
    5183   }
    5184  
    5185   .comment-respond {
    5186     margin-top: 30px;
    5187   }
    5188  
    5189   .comment-respond > * {
    5190     margin-top: 20px;
    5191     margin-bottom: 20px;
    5192   }
    5193  
    5194   .comment-respond > *:first-child {
    5195     margin-top: 0;
    5196   }
    5197  
    5198   .comment-respond > *:last-child {
    5199     margin-bottom: 0;
    5200   }
    5201  
    5202   .comment-respond > *:last-child.comment-form {
    5203     margin-bottom: 30px;
    5204   }
    5205  
    5206   .comment-author {
    5207     padding-top: 3px;
    5208   }
    5209  
    5210   .reply a,
    5211   .comment-content a,
    5212   .comment-meta .comment-metadata a,
    5213   .comment-author .url {
    5214     color: var(--background-color-white);
    5215   }
    5216  
    5217   .reply a:focus,
    5218   .reply a:hover,
    5219   .comment-content a:focus,
    5220   .comment-content a:hover,
    5221   .comment-meta .comment-metadata a:focus,
    5222   .comment-meta .comment-metadata a:hover,
    5223   .comment-author .url:focus,
    5224   .comment-author .url:hover {
    5225     color: var(--primary-color);
    5226   }
    5227  
    5228   .comment-form {
    5229     display: flex;
    5230     flex-wrap: wrap;
    5231   }
    5232  
    5233   .comment-form > * {
    5234     flex-basis: 100%;
    5235   }
    5236  
    5237   .comment-form .comment-form-url,
    5238   .comment-form .comment-form-comment {
    5239     width: 100%;
    5240   }
    5241  
    5242   .comment-form .comment-form-author,
    5243   .comment-form .comment-form-email {
    5244     flex-basis: 0;
    5245     flex-grow: 1;
    5246   }
    5247  
    5248   @media only screen and (max-width: 481px) {
    5249     .comment-form .comment-form-author,
    5250     .comment-form .comment-form-email {
    5251       flex-basis: 100%;
    5252     }
    5253   }
    5254  
    5255   .comment-form .comment-form-cookies-consent > label,
    5256   .comment-form .comment-notes {
    5257     font-size: 1rem;
    5258     font-weight: normal;
    5259   }
    5260  
    5261   .comment-form > p {
    5262     margin-bottom: 10px;
    5263   }
    5264  
    5265   .comment-form > p a {
    5266     color: #fff;
    5267     transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    5268     text-decoration: none;
    5269   }
    5270  
    5271   .comment-form > p a:focus,
    5272   .comment-form > p a:hover {
    5273     color: var(--primary-color);
    5274   }
    5275  
    5276   .comment-form > p:first-of-type {
    5277     margin-top: 0;
    5278   }
    5279  
    5280   .comment-form > p:last-of-type {
    5281     margin-bottom: 0;
    5282   }
    5283  
    5284   .comment-form > p label,
    5285   .comment-form > p input[type=email],
    5286   .comment-form > p input[type=text],
    5287   .comment-form > p input[type=url],
    5288   .comment-form > p textarea {
    5289     display: block;
    5290     font-size: var(--global--font-size-sm);
    5291     margin-bottom: calc(.5 *20px);
    5292     width: 100%;
    5293     font-weight: var(--form--label-weight);
    5294   }
    5295  
    5296   .comment-form > p.comment-form-cookies-consent {
    5297     display: flex;
    5298     align-items: center;
    5299   }
    5300  
    5301   @media only screen and (min-width: 482px) {
    5302     .comment-form > p.comment-form-author,
    5303     .woocommerce #review_form #respond p {
    5304       margin-left: calc(1.5 * 20px);
    5305     }
    5306     .comment-form > p.comment-notes,
    5307     .comment-form > p.logged-in-as {
    5308       display: block;
    5309     }
    5310   }
    5311  
    5312   nav.breadcrumb-trail ul.trail-items {
    5313     list-style: none;
    5314     padding: 0;
    5315     margin: 0;
    5316     color: #000;
    5317   }
    5318  
    5319   nav.breadcrumb-trail ul.trail-items li {
    5320     display: inline-block;
    5321   }
    5322  
    5323   nav.breadcrumb-trail ul.trail-items li a {
    5324     text-decoration: none;
    5325     color: #000;
    5326   }
    5327  
    5328   nav.breadcrumb-trail ul.trail-items li a:focus,
    5329   nav.breadcrumb-trail ul.trail-items li a:hover {
    5330     color: var(--primary-color);
    5331   }
    5332  
    5333   nav.breadcrumb-trail ul.trail-items li::after {
    5334     margin: 0 0.3rem;
    5335   }
    5336  
    5337   nav.breadcrumb-trail ul.trail-items li:last-child::after {
    5338     display: none;
    5339   }
    5340  
    5341  
    5342   /*--------------------------------------------------------------
    5343   ## Comments
    5344   --------------------------------------------------------------*/
    5345  
    5346  
    5347   /*comments section====*/
    5348  
    5349   #comments.comments-area {
    5350     margin-block: 20px;
    5351   }
    5352  
    5353   #comments.comments-area .comments-title {
    5354     font-size: var(--font-size-lg);
    5355     font-family: var(--font-main);
    5356     line-height: 1.2;
    5357   }
    5358  
    5359   #comments.comments-area .comment-list .comment .comment-author img {
    5360     float: right;
    5361     margin-left: 20px;
    5362     margin-bottom: 20px;
    5363     width: 50px;
    5364   }
    5365  
    5366   #comments.comments-area .comment-list .comment .comment-content p {
    5367     margin-bottom: 5px;
    5368   }
    5369  
    5370   #comments.comments-area div#respond {
    5371     margin-top: 20px;
    5372   }
    5373  
    5374   #comments.comments-area div#respond #reply-title {
    5375     margin-top: 0;
    5376     font-weight: 700;
    5377     font-size: 18px;
    5378   }
    5379  
    5380   #comments.comments-area div#respond p {
    5381     margin-bottom: 5px;
    5382   }
    5383  
    5384   #comments.comments-area div#respond label {
    5385     font-weight: normal;
    5386   }
    5387  
    5388   #comments.comments-area div#respond textarea {
    5389     width: 100%;
    5390     background: #fafafa;
    5391   }
    5392  
    5393   #comments.comments-area div#respond p.comment-form-url,
    5394   #comments.comments-area div#respond p.comment-form-email,
    5395   #comments.comments-area div#respond p.comment-form-author {
    5396     display: inline-block;
    5397     width: 100%;
    5398   }
    5399  
    5400   #comments.comments-area div#respond p.comment-form-url label,
    5401   #comments.comments-area div#respond p.comment-form-email label,
    5402   #comments.comments-area div#respond p.comment-form-author label {
    5403     display: block;
    5404   }
    5405  
    5406   #comments.comments-area div#respond p.comment-form-url input,
    5407   #comments.comments-area div#respond p.comment-form-email input,
    5408   #comments.comments-area div#respond p.comment-form-author input {
    5409     width: 100%;
    5410   }
    5411  
    5412   #comments.comments-area div#respond p.comment-form-cookies-consent label {
    5413     margin-right: 8px;
    5414     position: relative;
    5415     top: -1px;
    5416   }
    5417  
    5418   #comments.comments-area div#respond input[type="submit"] {
    5419     display: inline-block;
    5420     margin-top: 10px;
    5421   }
    5422  
    5423   #comments.comments-area div#respond #reply-title small a {
    5424     display: inline-block;
    5425     margin-right: 10px;
    5426   }
    5427  
    5428   .comment div#respond,
    5429   .comment-content {
    5430     margin-right: 70px;
    5431   }
    5432  
    5433   .comment-content a {
    5434     word-wrap: break-word;
    5435   }
    5436  
    5437   .bypostauthor {
    5438     display: block;
    5439   }
    5440  
    5441  
    5442   /*--------------------------------------------------------------
    5443   ## Comments
    5444   --------------------------------------------------------------*/
    5445  
    5446  
    5447   /* Widgets
    5448   --------------------------------------------- */
    5449  
    5450   .wp-block-button.is-style-squared a {
     3983}
     3984
     3985.site-main article .entry-footer span a:hover {
     3986        color: var(--primary-color);
     3987}
     3988
     3989.site-main article .entry-footer span.comments-link a {
     3990        font-weight: bold;
     3991}
     3992
     3993.related-posts h2 {
     3994        font-size: var(--font-size-lg);
     3995        font-family: var(--font-heading);
     3996        line-height: 1.2;
     3997}
     3998
     3999.related-posts .row {
     4000        display: grid;
     4001        grid-gap: 30px;
     4002        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */
     4003}
     4004
     4005@media (max-width: 480px) {
     4006        .related-posts .row {
     4007                grid-template-columns: 1fr;
     4008        }
     4009}
     4010
     4011.related-posts .row article .post-thumbnail {
     4012        line-height: 0;
     4013        overflow: hidden;
     4014}
     4015
     4016.related-posts .row article .post-thumbnail img {
     4017        width: 100%;
     4018}
     4019
     4020.related-posts .row article .entry-header {
     4021        margin-top: 10px;
     4022}
     4023
     4024.related-posts .row article .entry-header .entry-title {
     4025        font-size: var(--font-size-base);
     4026        line-height: 1.3;
     4027        margin: 0 0 10px;
     4028}
     4029
     4030.related-posts .row article .entry-header .entry-title a {
     4031        display: inline-block;
     4032}
     4033
     4034/*--------------------------------------------------------------
     4035# single
     4036--------------------------------------------------------------*/
     4037body.single .site-main > article header {
     4038        margin-bottom: 10px;
     4039}
     4040
     4041body.single .site-main > article header .entry-title {
     4042        margin-bottom: 10px;
     4043}
     4044
     4045body.single .site-main > article header .entry-meta {
     4046        padding-bottom: 0;
     4047        margin-bottom: 10px;
     4048}
     4049
     4050/*------------##gutenberg support----------*/
     4051img.alignright {
     4052        clear: left;
     4053}
     4054
     4055img.alignleft {
     4056        clear: right;
     4057}
     4058
     4059div.wp-block h6 a,
     4060div.wp-block h5 a,
     4061div.wp-block h4 a,
     4062div.wp-block h3 a,
     4063div.wp-block h2 a,
     4064div.wp-block h1 a {
     4065        font-family: inherit;
     4066        font-size: inherit;
     4067        line-height: inherit;
     4068        font-weight: inherit;
     4069        font-style: inherit;
     4070}
     4071
     4072div.wp-block b,
     4073div.wp-block strong {
     4074        font-weight: bold;
     4075}
     4076
     4077div.wp-block .editor-rich-text__tinymce code,
     4078div.wp-block .editor-rich-text__editable code {
     4079        background-color: transparent;
     4080        color: inherit;
     4081        font-family: monospace;
     4082        font-size: inherit;
     4083        line-height: inherit;
     4084        font-weight: inherit;
     4085        font-style: inherit;
     4086        letter-spacing: 1px;
     4087}
     4088
     4089.entry-content .aligncenter {
     4090        text-align: center;
     4091}
     4092
     4093.entry-content ol:not([class*="wp-"]) ol,
     4094.entry-content ol:not([class*="wp-"]) ul,
     4095.entry-content ul:not([class*="wp-"]) ol,
     4096.entry-content ul:not([class*="wp-"]) ul {
     4097        margin-bottom: 0;
     4098}
     4099
     4100.entry-content ol:not([class*="wp-"]) ol li:last-child,
     4101.entry-content ol:not([class*="wp-"]) ul li:last-child,
     4102.entry-content ul:not([class*="wp-"]) ol li:last-child,
     4103.entry-content ul:not([class*="wp-"]) ul li:last-child {
     4104        padding-bottom: 0;
     4105}
     4106
     4107.entry-content ol:not([class*="wp-"]) .alignwide,
     4108.entry-content ul:not([class*="wp-"]) .alignwide {
     4109        padding-right: 30px;
     4110}
     4111
     4112.entry-content ol:not([class*="wp-"]) .alignfull,
     4113.entry-content ul:not([class*="wp-"]) .alignfull {
     4114        margin-right: calc(50% - 50vw - 10px);
     4115        padding-right: 40px;
     4116}
     4117
     4118.entry-content ol:not([class*="wp-"]) {
     4119        list-style-type: decimal;
     4120}
     4121
     4122.entry-content p.has-drop-cap:not(:focus):first-letter {
     4123        font-weight: normal;
     4124}
     4125
     4126.entry-content .wp-block-image figcaption {
     4127        text-align: center;
     4128}
     4129
     4130.entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
     4131        margin-top: 1em;
     4132        margin-bottom: 1em;
     4133}
     4134
     4135.entry-content .wp-block-file {
     4136        margin: 0 0 20px;
     4137}
     4138
     4139.entry-content .wp-block-file > a:not([class]),
     4140.entry-content .wp-block-file .wp-block-file__textlink {
     4141        display: inline-block;
     4142        margin: 0 0 0 20px;
     4143}
     4144
     4145.entry-content .wp-block-file .wp-block-file__button-richtext-wrapper {
     4146        display: inline-block;
     4147        margin: 0;
     4148}
     4149
     4150.entry-content .wp-block-file .wp-block-file__button,
     4151.entry-content .wp-block-file a.wp-block-file__button {
     4152        display: inline-block;
     4153        position: relative;
     4154        text-align: center;
     4155        border: none;
     4156}
     4157
     4158.entry-content [dir=rtl] .wp-block-file > a:not([class]),
     4159.entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink {
     4160        margin-right: 20px;
     4161        margin-left: 0;
     4162}
     4163
     4164.entry-content .wp-block-audio {
     4165        margin-bottom: 20px;
     4166}
     4167
     4168.entry-content .wp-block-audio figcaption {
     4169        margin: 0;
     4170        padding: 10px 0;
     4171}
     4172
     4173.entry-content .wp-block-video {
     4174        margin: 0 0 20px;
     4175        text-align: center;
     4176}
     4177
     4178.entry-content .wp-block-video video {
     4179        display: inline-block;
     4180}
     4181
     4182.entry-content .wp-block-video figcaption {
     4183        margin: 0;
     4184        padding: 6px 0 15px;
     4185        text-align: center;
     4186}
     4187
     4188.entry-content .wp-block-code {
     4189        background-color: #f3f3f3;
     4190        color: inherit;
     4191        font-family: monospace;
     4192        font-size: inherit;
     4193        line-height: inherit;
     4194        font-weight: inherit;
     4195        font-style: inherit;
     4196        letter-spacing: 1px;
     4197        margin: 0 0 20px;
     4198        border: none;
     4199}
     4200
     4201.entry-content .wp-block-code code,
     4202.entry-content .wp-block-code .editor-plain-text {
     4203        background-color: #202020;
     4204        padding: 10px;
     4205        color: inherit;
     4206        color: #fff;
     4207        font-family: inherit;
     4208        font-size: inherit;
     4209        line-height: inherit;
     4210        font-weight: inherit;
     4211        font-style: inherit;
     4212        letter-spacing: inherit;
     4213        display: block;
     4214}
     4215
     4216.entry-content .wp-block-preformatted {
     4217        margin: 0 0 20px;
     4218}
     4219
     4220.entry-content .wp-block-preformatted pre {
     4221        color: inherit;
     4222        font-family: monospace;
     4223        font-size: inherit;
     4224        line-height: inherit;
     4225        font-weight: inherit;
     4226        font-style: inherit;
     4227        letter-spacing: 1px;
     4228}
     4229
     4230.entry-content .wp-block-preformatted a {
     4231        text-decoration: underline;
     4232}
     4233
     4234.entry-content .wp-block-pullquote {
     4235        margin: 30px 0;
     4236        padding: 30px 0;
     4237}
     4238
     4239.entry-content .wp-block-pullquote p {
     4240        font-size: 28px;
     4241        line-height: 1.6;
     4242}
     4243
     4244.entry-content .wp-block-pullquote.alignleft {
     4245        margin-left: 2em;
     4246}
     4247
     4248.entry-content .wp-block-pullquote.alignright {
     4249        margin-right: 2em;
     4250}
     4251
     4252.entry-content .wp-block-pullquote:not(.is-style-solid-color) {
     4253        border-top-width: 4px;
     4254        border-top-style: solid;
     4255        border-bottom-width: 4px;
     4256        border-bottom-style: solid;
     4257}
     4258
     4259.entry-content .wp-block-pullquote.is-style-solid-color {
     4260        padding-right: 50px;
     4261        padding-left: 50px;
     4262}
     4263
     4264.entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     4265        max-width: 100%;
     4266}
     4267
     4268.entry-content .wp-block-pullquote blockquote,
     4269.entry-content .wp-block-pullquote.alignleft blockquote,
     4270.entry-content .wp-block-pullquote.alignright blockquote,
     4271.entry-content .wp-block-pullquote.is-style-solid-color blockquote {
     4272        margin: 0;
     4273        padding: 16px;
     4274        border-width: 0;
     4275        border-style: solid;
     4276        text-align: center;
     4277}
     4278
     4279.entry-content .wp-block-pullquote blockquote::before,
     4280.entry-content .wp-block-pullquote.alignleft blockquote::before,
     4281.entry-content .wp-block-pullquote.alignright blockquote::before,
     4282.entry-content .wp-block-pullquote.is-style-solid-color blockquote::before {
     4283        content: none;
     4284}
     4285
     4286.entry-content .wp-block-pullquote blockquote p:last-of-type,
     4287.entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type,
     4288.entry-content .wp-block-pullquote.alignright blockquote p:last-of-type,
     4289.entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type {
     4290        margin: 0;
     4291}
     4292
     4293.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     4294.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     4295.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     4296.entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type,
     4297.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     4298.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     4299.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     4300.entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type,
     4301.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     4302.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     4303.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     4304.entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type,
     4305.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
     4306.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
     4307.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type,
     4308.entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type {
     4309        margin: 0;
     4310}
     4311
     4312.entry-content .wp-block-pullquote blockquote cite,
     4313.entry-content .wp-block-pullquote.alignleft blockquote cite,
     4314.entry-content .wp-block-pullquote.alignright blockquote cite,
     4315.entry-content .wp-block-pullquote.is-style-solid-color blockquote cite {
     4316        display: block;
     4317        margin-top: 15px;
     4318}
     4319
     4320.entry-content .wp-block-table {
     4321        border-spacing: 0;
     4322        border-collapse: collapse;
     4323        width: 100%;
     4324        margin-bottom: 20px;
     4325}
     4326
     4327.entry-content .wp-block-table caption {
     4328        text-align: center;
     4329        padding: 20px;
     4330}
     4331
     4332.entry-content .wp-block-table :not([class]):not([id]) {
     4333        border-spacing: 0;
     4334        border-collapse: collapse;
     4335}
     4336
     4337.entry-content .wp-block-table :not([class]):not([id]) th,
     4338.entry-content .wp-block-table :not([class]):not([id]) td {
     4339        padding: 10px 20px;
     4340        border-width: 1px;
     4341        border-style: solid;
     4342}
     4343
     4344.entry-content .wp-block-table td,
     4345.entry-content .wp-block-table th {
     4346        padding: 10px 20px;
     4347        border-top-width: 1px;
     4348        border-top-style: solid;
     4349        border-right-width: 1px;
     4350        border-right-style: solid;
     4351        word-break: break-all;
     4352}
     4353
     4354.entry-content .wp-block-table td:last-child,
     4355.entry-content .wp-block-table th:last-child {
     4356        border-left-width: 1px;
     4357        border-left-style: solid;
     4358}
     4359
     4360.entry-content .wp-block-table td:last-child td,
     4361.entry-content .wp-block-table th:last-child td {
     4362        border-bottom-width: 1px;
     4363        border-bottom-style: solid;
     4364}
     4365
     4366.entry-content .wp-block-table.is-style-stripes {
     4367        border-width: 0;
     4368        border-style: solid;
     4369}
     4370
     4371.entry-content .wp-block-table .wp-block-table__cell-content {
     4372        color: inherit;
     4373        font-family: inherit;
     4374        font-size: inherit;
     4375        line-height: inherit;
     4376        font-weight: inherit;
     4377        font-style: inherit;
     4378        padding: 0;
     4379}
     4380
     4381.entry-content pre.wp-block-verse {
     4382        white-space: inherit;
     4383        margin: 0 0 20px;
     4384        padding: 40px 0;
     4385        padding-right: 30px;
     4386        position: relative;
     4387        background-color: #e2e2e2;
     4388        color: inherit;
     4389        font-family: monospace;
     4390        font-size: inherit;
     4391        line-height: inherit;
     4392        border: none;
     4393}
     4394
     4395.entry-content pre.wp-block-verse {
     4396        white-space: inherit;
     4397        margin: 0 0 20px;
     4398        padding: 40px 0;
     4399        padding-right: 30px;
     4400        position: relative;
     4401        background-color: #e2e2e2;
     4402        color: inherit;
     4403        font-family: monospace;
     4404        font-size: inherit;
     4405        line-height: inherit;
     4406        border: none;
     4407}
     4408
     4409.entry-content .wp-block-spacer {
     4410        clear: both;
     4411}
     4412
     4413.entry-content ul.wp-block-archives,
     4414.entry-content ul.wp-block-categories,
     4415.entry-content ul.wp-block-categories__list {
     4416        margin-bottom: 20px;
     4417        padding: 0;
     4418        position: relative;
     4419}
     4420
     4421.entry-content div.wp-block ul.wp-block-archives ul,
     4422.entry-content div.wp-block ul.wp-block-categories ul,
     4423.entry-content div.wp-block ul.wp-block-categories__list ul {
     4424        margin-bottom: 0;
     4425        padding: 10px 0 0;
     4426}
     4427
     4428.entry-content div.wp-block-archives.wp-block-archives-dropdown,
     4429.entry-content div.wp-block-categories.wp-block-categories-dropdown {
     4430        margin-bottom: 20px;
     4431}
     4432
     4433.entry-content div.wp-block-archives.wp-block-archives-dropdown label,
     4434.entry-content div.wp-block-categories.wp-block-categories-dropdown label {
     4435        display: none;
     4436}
     4437
     4438.entry-content .wp-block-latest-comments {
     4439        list-style: none;
     4440        margin-bottom: 20px;
     4441}
     4442
     4443.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment {
     4444        min-height: auto;
     4445        margin: 25px 0 0;
     4446        padding: 0;
     4447        overflow: hidden;
     4448}
     4449
     4450.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
     4451        margin: 0;
     4452}
     4453
     4454.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
     4455        min-height: 48px;
     4456}
     4457
     4458.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
     4459        width: 48px;
     4460        height: 48px;
     4461        margin: 0 0 0 17px;
     4462        float: right;
     4463        -webkit-border-radius: 50%;
     4464        border-radius: 50%;
     4465}
     4466
     4467.entry-content .wp-block-latest-comments article {
     4468        display: block;
     4469        padding: 0 3px 0 0;
     4470        overflow: hidden;
     4471}
     4472
     4473.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta,
     4474.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     4475        margin: 0;
     4476}
     4477
     4478.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date {
     4479        margin: -3px 0 0;
     4480}
     4481
     4482.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt,
     4483.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
     4484        margin: 5px 0 0;
     4485}
     4486
     4487.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p,
     4488.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     4489        margin: 0;
     4490        padding: 0 0 20px;
     4491}
     4492
     4493.entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child,
     4494.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child {
     4495        margin: 0;
     4496        padding: 0;
     4497}
     4498
     4499.entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar {
     4500        margin: 0 auto 10px;
     4501        float: none;
     4502}
     4503
     4504.entry-content .wp-block-latest-comments.aligncenter article {
     4505        padding: 0 3px;
     4506}
     4507
     4508.entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt {
     4509        text-align: center;
     4510}
     4511
     4512.entry-content .wp-block-columns .wp-block-column {
     4513        margin-bottom: 20px;
     4514}
     4515
     4516.entry-content .wp-block-columns .wp-block-column > p {
     4517        margin-bottom: 0;
     4518}
     4519
     4520.entry-content .wp-block-columns .wp-block-column > p:not(.has-background) {
     4521        padding-bottom: 0;
     4522}
     4523
     4524.entry-content .wp-block-columns .wp-block-column .wp-block-paragraph {
     4525        margin-bottom: 0;
     4526}
     4527
     4528.entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) {
     4529        padding-bottom: 0;
     4530}
     4531
     4532/** === dir= rtl Block latest comments=== */
     4533[dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
     4534        margin: 0 17px 0 0;
     4535        float: left;
     4536}
     4537
     4538[dir=rtl] .wp-block-latest-comments article {
     4539        margin: 0 0 0 3px;
     4540}
     4541
     4542/** === dir= rtl Block latest comments=== */
     4543/** === Block youtube and vimeo video=== */
     4544/*no-align*/
     4545.wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe,
     4546.wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe {
     4547        margin-right: auto !important;
     4548        margin-left: auto !important;
     4549}
     4550
     4551/*no-align*/
     4552.wp-block-embed-youtube figcaption {
     4553        text-align: center;
     4554}
     4555
     4556/*alignfull*/
     4557.wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper,
     4558.wp-block-embed-youtube.alignfull .wp-block-embed__wrapper {
     4559        position: relative;
     4560        padding-top: 56.25%;
     4561}
     4562
     4563.wp-block-embed-vimeo.alignfull iframe,
     4564.wp-block-embed-youtube.alignfull iframe {
     4565        position: absolute;
     4566        top: 0;
     4567        left: 0;
     4568        bottom: 0;
     4569        right: 0;
     4570        width: 100% !important;
     4571        height: 100% !important;
     4572}
     4573
     4574/*alignfull*/
     4575/*alignwide*/
     4576.wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper,
     4577.wp-block-embed-youtube.alignwide .wp-block-embed__wrapper {
     4578        position: relative;
     4579        padding-top: 56.25%;
     4580}
     4581
     4582.wp-block-embed-vimeo.alignwide iframe,
     4583.wp-block-embed-youtube.alignwide iframe {
     4584        position: absolute;
     4585        top: 0;
     4586        left: 0;
     4587        bottom: 0;
     4588        right: 0;
     4589        width: 100% !important;
     4590        height: 100% !important;
     4591}
     4592
     4593/*alignwide*/
     4594/** === Block youtube and vimeo video=== */
     4595@media only screen and (min-width: 1025px) {
     4596        .wp-block-quote.is-large,
     4597        .wp-block-quote.is-style-large {
     4598                margin-top: 2.66667em;
     4599                margin-bottom: 2em;
     4600                padding: 0.66667em;
     4601                padding-top: 1.33333em;
     4602                padding-bottom: 1.33333em;
     4603        }
     4604}
     4605
     4606@media only screen and (max-width: 480px) {
     4607        .wp-block-media-text {
     4608                display: block;
     4609        }
     4610        .wp-block-media-text .wp-block-media-text__media {
     4611                margin: 10px auto;
     4612        }
     4613        .wp-block-media-text .wp-block-media-text__content {
     4614                padding: 0;
     4615        }
     4616}
     4617
     4618.aligncener,
     4619.alignfull,
     4620.alignwide {
     4621        margin-top: 30px;
     4622        margin-bottom: 30px;
     4623}
     4624
     4625.alignfull .alignfull,
     4626.alignwide .alignwide {
     4627        padding-top: 10px;
     4628        padding-bottom: 10px;
     4629}
     4630
     4631/*body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull {
     4632        margin-left: calc(50% - 50vw - 10px);
     4633        margin-right: calc(50% - 50vw - 10px);
     4634        max-width: 100vw;
     4635        width: 100vw;
     4636}*/
     4637
     4638@media (max-width: 767px) {
     4639        body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull {
     4640                margin-right: calc(50% - 50vw);
     4641                margin-left: calc(50% - 50vw);
     4642                padding: 0 20px;
     4643        }
     4644}
     4645
     4646body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .alignwide {
     4647        margin-inline: auto;
     4648}
     4649
     4650body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .aligncenter {
     4651        margin-inline: auto;
     4652}
     4653
     4654/*body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {
     4655        max-width: 100vw;
     4656}*/
     4657
     4658@media (min-width: 768px) and (max-width: 1170px) {
     4659        body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {
     4660                width: calc(100% + (100vw - 100%) / 2);
     4661                margin-right: calc((100% - 100vw) / 4);
     4662                max-width: 90vw;
     4663        }
     4664}
     4665
     4666/*@media (min-width: 1171px) {
     4667        body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide {
     4668                width: 1140px;
     4669                margin-left: -195px;
     4670        }
     4671}*/
     4672
     4673body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide .alignwide {
     4674        width: 100%;
     4675        margin-left: auto;
     4676        margin-right: auto;
     4677}
     4678
     4679body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull,
     4680body.no-sidebar figure.wp-block-table.alignfull,
     4681body.no-sidebar div.wp-block-text-columns.alignfull,
     4682body.no-sidebar div.wp-block-columns.alignfull,
     4683body.no-sidebar div.wp-block-categories-dropdown.alignfull,
     4684body.no-sidebar div.wp-block-file.alignfull {
     4685        padding: 0 25px;
     4686}
     4687
     4688/** === search Block === */
     4689.wp-block-search .wp-block-search__label {
     4690        display: none;
     4691}
     4692
     4693.wp-block-search .wp-block-search__inside-wrapper {
     4694        display: flex;
     4695}
     4696
     4697.wp-block-search .wp-block-search__input {
     4698        border-radius: var(--border-radius-all-lefts);
     4699}
     4700
     4701.wp-block-search .wp-block-search__button {
     4702        margin: 0;
     4703        background-color: var(--primary-color);
     4704        border-color: var(--primary-color);
     4705        color: var(--white);
     4706        border-radius: var(--border-radius-all-rights);
     4707}
     4708
     4709/** === search Block === */
     4710/** === Latest Post Block === */
     4711.wp-block-latest-posts.wp-block-latest-posts__list {
     4712        list-style: none;
     4713        padding-right: 0;
     4714        margin-inline: 0;
     4715}
     4716
     4717.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
     4718        width: 50%;
     4719}
     4720
     4721.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a {
     4722        line-height: 0;
     4723}
     4724
     4725.wp-block-latest-posts.wp-block-latest-posts__list li > a {
     4726        text-decoration: none;
     4727        color: var(--color-text-main);
     4728}
     4729
     4730.wp-block-latest-posts.wp-block-latest-posts__list li > a:hover {
     4731        color: var(--primary-color);
     4732}
     4733
     4734.wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image {
     4735        width: 100%;
     4736        margin-inline: 0;
     4737        margin-block-end: 1.5em;
     4738}
     4739
     4740.wp-block-latest-posts__post-date,
     4741.wp-block-latest-posts__post-author {
     4742        color: var(--color-text-main);
     4743}
     4744
     4745/** === Latest Post Block === */
     4746/*------------##gutenberg support----------*/
     4747
     4748/*--------------------------------------------------------------
     4749# single
     4750--------------------------------------------------------------*/
     4751section.error-404.not-found {
     4752        margin-bottom: 50px;
     4753        max-width: 670px;
     4754}
     4755
     4756/* Comments
     4757--------------------------------------------- */
     4758.comment-content a {
     4759        word-wrap: break-word;
     4760}
     4761
     4762.bypostauthor {
     4763        display: block;
     4764}
     4765
     4766/**
     4767 * Comments Wrapper
     4768 */
     4769.comments-area {
     4770        padding-bottom: 30px;
     4771}
     4772
     4773.comments-area > * {
     4774        margin-top: 30px;
     4775        margin-bottom: 30px;
     4776}
     4777
     4778.comments-area > *:first-child {
     4779        margin-top: 0;
     4780}
     4781
     4782.comments-area > *:last-child {
     4783        margin-bottom: 0;
     4784}
     4785
     4786.comments-area.show-avatars .avatar {
     4787        border-radius: 50%;
     4788        position: absolute;
     4789        top: 10px;
     4790}
     4791
     4792.comments-area.show-avatars .fn {
     4793        display: inline-block;
     4794        padding-right: 85px;
     4795}
     4796
     4797.comments-area.show-avatars .comment-metadata {
     4798        padding: 8px 85px 9px 0;
     4799}
     4800
     4801/**
     4802 * Comment Title
     4803 */
     4804.comment-reply-title {
     4805        display: flex;
     4806        justify-content: space-between;
     4807}
     4808
     4809.comment-reply-title small a {
     4810        font-size: 15px;
     4811        font-style: normal;
     4812        font-weight: normal;
     4813        letter-spacing: normal;
     4814}
     4815
     4816/* Nested comment reply title*/
     4817.comment .comment-respond .comment-reply-title {
     4818        font-size: 30px;
     4819}
     4820
     4821/**
     4822 * Comment Lists
     4823 */
     4824.comments-area [type="checkbox"],
     4825.comments-area [type="radio"] {
     4826        margin-bottom: 7px;
     4827        margin-left: 10px;
     4828}
     4829
     4830.comment-list {
     4831        padding-right: 0;
     4832        list-style: none;
     4833        margin-right: 0;
     4834}
     4835
     4836.comment-list ol {
     4837        margin-right: 0;
     4838}
     4839
     4840.comment-list > li {
     4841        margin-top: 30px;
     4842        margin-bottom: 30px;
     4843}
     4844
     4845.comment-list .children {
     4846        list-style: none;
     4847        padding-right: 0;
     4848}
     4849
     4850.comment-list .children > li {
     4851        margin-top: 30px;
     4852        margin-bottom: 30px;
     4853}
     4854
     4855@media only screen and (min-width: 482px) {
     4856        .comment-list .depth-2,
     4857        .comment-list .depth-3 {
     4858                padding-right: calc(4 * 20px);
     4859        }
     4860}
     4861
     4862/**
     4863 * Comment Meta
     4864 */
     4865.comment-meta .comment-author {
     4866        margin-bottom: calc(0.25 *20px);
     4867}
     4868
     4869@media only screen and (min-width: 482px) {
     4870        .comment-meta .comment-author {
     4871                margin-bottom: 0;
     4872                padding-left: 0;
     4873        }
     4874}
     4875
     4876.comment-meta .comment-author .fn {
     4877        font-weight: normal;
     4878        hyphens: auto;
     4879        word-wrap: break-word;
     4880        word-break: break-word;
     4881        color: #000;
     4882}
     4883
     4884.comment-meta .comment-metadata {
     4885        color: var(--color-text-main);
     4886        padding: 8px 0 9px 0;
     4887        font-size: 15px;
     4888        display: flex;
     4889        justify-content: space-between;
     4890}
     4891
     4892.comment-meta .comment-metadata .edit-link {
     4893        margin-right: 20px;
     4894}
     4895
     4896@media only screen and (min-width: 482px) {
     4897        .comment-meta {
     4898                margin-left: inherit;
     4899        }
     4900        .comment-meta .comment-author {
     4901                max-width: inherit;
     4902        }
     4903}
     4904
     4905.bypostauthor {
     4906        display: block;
     4907}
     4908
     4909.says {
     4910        display: none;
     4911}
     4912
     4913.comment-meta {
     4914        margin-bottom: 10px;
     4915}
     4916
     4917.comment-body {
     4918        position: relative;
     4919        margin-bottom: 40px;
     4920        padding: 30px;
     4921        background-color: #fff;
     4922        border: 1px solid #eee;
     4923}
     4924
     4925.comment-body .reply {
     4926        margin: 0;
     4927}
     4928
     4929.comment-content {
     4930        word-wrap: break-word;
     4931        font-size: 16px;
     4932        padding-bottom: 15px;
     4933        color: #555;
     4934}
     4935
     4936.pingback .comment-body,
     4937.trackback .comment-body {
     4938        margin-top: 30px;
     4939        margin-bottom: 30px;
     4940}
     4941
     4942.comment-respond {
     4943        margin-top: 30px;
     4944}
     4945
     4946.comment-respond > * {
     4947        margin-top: 20px;
     4948        margin-bottom: 20px;
     4949}
     4950
     4951.comment-respond > *:first-child {
     4952        margin-top: 0;
     4953}
     4954
     4955.comment-respond > *:last-child {
     4956        margin-bottom: 0;
     4957}
     4958
     4959.comment-respond > *:last-child.comment-form {
     4960        margin-bottom: 30px;
     4961}
     4962
     4963.comment-author {
     4964        padding-top: 3px;
     4965}
     4966
     4967.reply a,
     4968.comment-content a,
     4969.comment-meta .comment-metadata a,
     4970.comment-author .url {
     4971        color: var(--background-color-white);
     4972}
     4973
     4974.reply a:focus, .reply a:hover,
     4975.comment-content a:focus,
     4976.comment-content a:hover,
     4977.comment-meta .comment-metadata a:focus,
     4978.comment-meta .comment-metadata a:hover,
     4979.comment-author .url:focus,
     4980.comment-author .url:hover {
     4981        color: var(--primary-color);
     4982}
     4983
     4984.comment-form {
     4985        display: flex;
     4986        flex-wrap: wrap;
     4987}
     4988
     4989.comment-form > * {
     4990        flex-basis: 100%;
     4991}
     4992
     4993.comment-form .comment-form-url,
     4994.comment-form .comment-form-comment {
     4995        width: 100%;
     4996}
     4997
     4998.comment-form .comment-form-author,
     4999.comment-form .comment-form-email {
     5000        flex-basis: 0;
     5001        flex-grow: 1;
     5002}
     5003
     5004@media only screen and (max-width: 481px) {
     5005        .comment-form .comment-form-author,
     5006        .comment-form .comment-form-email {
     5007                flex-basis: 100%;
     5008        }
     5009}
     5010
     5011.comment-form .comment-form-cookies-consent > label,
     5012.comment-form .comment-notes {
     5013        font-size: 1rem;
     5014        font-weight: normal;
     5015}
     5016
     5017.comment-form > p {
     5018        margin-bottom: 10px;
     5019}
     5020
     5021.comment-form > p a {
     5022        transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
     5023        text-decoration: none;
     5024        color: #000;
     5025}
     5026
     5027.comment-form > p a:focus, .comment-form > p a:hover {
     5028        color: var(--primary-color);
     5029}
     5030
     5031.comment-form > p:first-of-type {
     5032        margin-top: 0;
     5033}
     5034
     5035.comment-form > p:last-of-type {
     5036        margin-bottom: 0;
     5037}
     5038
     5039.comment-form > p label,
     5040.comment-form > p input[type=email],
     5041.comment-form > p input[type=text],
     5042.comment-form > p input[type=url],
     5043.comment-form > p textarea {
     5044        display: block;
     5045        font-size: var(--global--font-size-sm);
     5046        margin-bottom: calc(.5 *20px);
     5047        width: 100%;
     5048        font-weight: var(--form--label-weight);
     5049}
     5050
     5051.comment-form > p.comment-form-cookies-consent {
     5052        display: flex;
     5053        align-items: center;
     5054}
     5055
     5056@media only screen and (min-width: 482px) {
     5057        .comment-form > p.comment-form-author,
     5058        .woocommerce #review_form #respond p {
     5059                margin-left: calc(1.5 * 20px);
     5060        }
     5061        .comment-form > p.comment-notes,
     5062        .comment-form > p.logged-in-as {
     5063                display: block;
     5064        }
     5065}
     5066
     5067nav.breadcrumb-trail ul.trail-items {
     5068        list-style: none;
     5069        padding: 0;
     5070        margin: 0;
     5071        color: #000;
     5072}
     5073
     5074nav.breadcrumb-trail ul.trail-items li {
     5075        display: inline-block;
     5076}
     5077
     5078nav.breadcrumb-trail ul.trail-items li a {
     5079        text-decoration: none;
     5080        color: #000;
     5081}
     5082
     5083nav.breadcrumb-trail ul.trail-items li a:focus, nav.breadcrumb-trail ul.trail-items li a:hover {
     5084        color: var(--primary-color);
     5085}
     5086
     5087nav.breadcrumb-trail ul.trail-items li::after {
     5088        margin: 0 0.3rem;
     5089}
     5090
     5091nav.breadcrumb-trail ul.trail-items li:last-child::after {
     5092        display: none;
     5093}
     5094
     5095/*--------------------------------------------------------------
     5096## Comments
     5097--------------------------------------------------------------*/
     5098/*comments section====*/
     5099#comments.comments-area {
     5100        margin-block: 20px;
     5101}
     5102
     5103#comments.comments-area .comments-title {
     5104        font-size: var(--font-size-lg);
     5105        font-family: var(--font-main);
     5106        line-height: 1.2;
     5107}
     5108
     5109#comments.comments-area .comment-list .comment .comment-author img {
     5110        float: right;
     5111        margin-left: 20px;
     5112        margin-bottom: 20px;
     5113        width: 50px;
     5114}
     5115
     5116#comments.comments-area .comment-list .comment .comment-content p {
     5117        margin-bottom: 5px;
     5118}
     5119
     5120#comments.comments-area div#respond {
     5121        margin-top: 20px;
     5122}
     5123
     5124#comments.comments-area div#respond #reply-title {
     5125        margin-top: 0;
     5126        font-weight: 700;
     5127        font-size: 18px;
     5128}
     5129
     5130#comments.comments-area div#respond p {
     5131        margin-bottom: 5px;
     5132}
     5133
     5134#comments.comments-area div#respond label {
     5135        font-weight: normal;
     5136}
     5137
     5138#comments.comments-area div#respond textarea {
     5139        width: 100%;
     5140        background: #fafafa;
     5141}
     5142
     5143#comments.comments-area div#respond p.comment-form-url,
     5144#comments.comments-area div#respond p.comment-form-email,
     5145#comments.comments-area div#respond p.comment-form-author {
     5146        display: inline-block;
     5147        width: 100%;
     5148}
     5149
     5150#comments.comments-area div#respond p.comment-form-url label,
     5151#comments.comments-area div#respond p.comment-form-email label,
     5152#comments.comments-area div#respond p.comment-form-author label {
     5153        display: block;
     5154}
     5155
     5156#comments.comments-area div#respond p.comment-form-url input,
     5157#comments.comments-area div#respond p.comment-form-email input,
     5158#comments.comments-area div#respond p.comment-form-author input {
     5159        width: 100%;
     5160}
     5161
     5162#comments.comments-area div#respond p.comment-form-cookies-consent label {
     5163        margin-right: 8px;
     5164        position: relative;
     5165        top: -1px;
     5166}
     5167
     5168#comments.comments-area div#respond input[type="submit"] {
     5169        display: inline-block;
     5170        margin-top: 10px;
     5171}
     5172
     5173#comments.comments-area div#respond #reply-title small a {
     5174        display: inline-block;
     5175        margin-right: 10px;
     5176}
     5177
     5178.comment div#respond,
     5179.comment-content {
     5180        margin-right: 70px;
     5181}
     5182
     5183.comment-content a {
     5184        word-wrap: break-word;
     5185}
     5186
     5187.bypostauthor {
     5188        display: block;
     5189}
     5190
     5191/*--------------------------------------------------------------
     5192## Comments
     5193--------------------------------------------------------------*/
     5194/* Widgets
     5195--------------------------------------------- */
     5196.wp-block-button.is-style-squared a {
    54515197    border-radius: 0px;
    5452   }
    5453  
    5454   .widget {
     5198}
     5199.widget {
    54555200    margin: 0 0 1.5em;
    54565201    padding: 15px;
    5457   }
    5458  
    5459   footer#colophon .asterthemes-wrapper {
     5202}
     5203footer#colophon .asterthemes-wrapper {
    54605204    padding: 0px 10px;
    5461   }
    5462  
    5463   .Left-sidebar .asterthemes-wrapper .asterthemes-page .widget {
    5464     background: #000;
    5465     border: 1px solid;
    5466   }
    5467  
    5468   .right-sidebar .asterthemes-wrapper .asterthemes-page .widget {
    5469     background: #000;
    5470     border-right: 5px solid var(--primary-color) !important;
    5471     border-left: 5px solid var(--primary-color) !important;
    5472     border-radius: 12px;
    5473   }
    5474  
    5475   .left-sidebar .asterthemes-wrapper .asterthemes-page .widget {
    5476     background: #000;
    5477     border-right: 5px solid var(--primary-color) !important;
    5478     border-left: 5px solid var(--primary-color) !important;
    5479     border-radius: 12px;
    5480   }
    5481  
    5482   .footer-widgets-wrapper .widget {
    5483     margin-bottom: 0;
    5484   }
    5485  
    5486   .widget select {
    5487     max-width: 100%;
    5488   }
    5489  
    5490   .asterthemes-widget {
    5491     margin-bottom: 30px;
    5492   }
    5493  
    5494   .widget_block h1,
    5495   .widget_block h2,
    5496   .widget_block h3,
    5497   .widget_block h4,
    5498   .widget_block h5,
    5499   .widget_block h6 {
    5500     margin-top: 0;
    5501     margin-bottom: 10px;
    5502     line-height: 1.2;
    5503   }
    5504  
    5505  
    5506   /*widget title===============*/
    5507  
    5508   .widgettitle,
    5509   .widget-title {
    5510     margin-bottom: 15px;
    5511     line-height: 1.2;
    5512     position: relative;
    5513     border-bottom: 1px solid #fff;
    5514     font-size: 24px;
    5515     margin-top: 0;
    5516     font-weight: 700;
    5517     text-align: start;
    5518     color: #fff;
    5519   }
    5520  
    5521   h2.wp-block-heading,
    5522   .widgettitle,
    5523   .widget-title {
    5524     margin-bottom: 15px;
    5525     line-height: 1.2;
    5526     position: relative;
    5527     font-size: 24px;
    5528     margin-top: 0;
    5529     font-weight: 700;
    5530     text-align: start;
    5531   }
    5532  
    5533  
    5534   /*widget title===============*/
    5535  
    5536  
    5537   /*widget list===============*/
    5538  
    5539   .widget ol:not(.corporate-solutions-tabs),
    5540   .widget ul:not(.corporate-solutions-tabs) {
    5541     list-style: none;
    5542     padding: 0;
    5543     margin-inline: 0;
    5544   }
    5545  
    5546   .widget ol:not(.corporate-solutions-tabs) li,
    5547   .widget ul:not(.corporate-solutions-tabs) li {
    5548     margin-bottom: 7px;
    5549     padding-bottom: 7px;
    5550     font-size: var(--font-size-sm);
    5551     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    5552     color: #fff;
    5553   }
    5554  
    5555   .widget ol:not(.corporate-solutions-tabs) li a,
    5556   .widget ul:not(.corporate-solutions-tabs) li a {
    5557     text-decoration: none;
    5558     word-wrap: break-word!important;
    5559     font-size: 15px;
    5560     color: var(--color-text-white);
    5561   }
    5562  
    5563   .widget ol:not(.corporate-solutions-tabs) li a:focus,
    5564   .widget ol:not(.corporate-solutions-tabs) li a:hover,
    5565   .widget ul:not(.corporate-solutions-tabs) li a:focus,
    5566   .widget ul:not(.corporate-solutions-tabs) li a:hover {
    5567     color: var(--primary-color);
    5568     word-wrap: break-word;
    5569   }
    5570  
    5571   .widget ol:not(.corporate-solutions-tabs) ol,
    5572   .widget ol:not(.corporate-solutions-tabs) ul,
    5573   .widget ul:not(.corporate-solutions-tabs) ol,
    5574   .widget ul:not(.corporate-solutions-tabs) ul {
    5575     padding-top: 7px;
    5576     margin-right: 10px;
    5577     padding-right: 10px;
    5578   }
    5579  
    5580   .widget > ol > li,
    5581   .widget > ul > li {
    5582     margin-bottom: 7px;
    5583     padding-bottom: 7px;
    5584     font-size: 14px;
    5585     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    5586   }
    5587  
    5588   .widget > ol > li a,
    5589   .widget > ul > li a {
    5590     color: var(--clr-foreground);
    5591     transition: all 0.5s linear;
    5592   }
    5593  
    5594   .widget > ol > li a:focus,
    5595   .widget > ol > li a:hover,
    5596   .widget > ul > li a:focus,
    5597   .widget > ul > li a:hover {
    5598     color: var(--theme-color);
    5599   }
    5600  
    5601   .widget ol > li:last-child,
    5602   .widget ul > li:last-child {
    5603     margin-bottom: 0;
    5604     padding-bottom: 0;
    5605     border-bottom: none;
    5606   }
    5607  
    5608  
    5609   /*widget list===============*/
    5610  
    5611  
    5612   /*widget tag cloud ===============*/
    5613  
    5614   #secondary .wp-block-tag-cloud a,
    5615   #secondary .tagcloud a {
    5616     display: inline-block;
    5617     text-decoration: none;
    5618     font-size: var(--font-size-small) !important;
    5619     color: var(--color-text-white);
    5620     border: 1px solid var(--color-text-white);
    5621     padding: 3px 7px;
    5622     border-radius: 3px;
    5623     margin-inline-end: 5px;
    5624     margin-block-end: 5px;
    5625     line-height: 1.2;
    5626   }
    5627  
    5628   .wp-block-tag-cloud a:focus,
    5629   .wp-block-tag-cloud a:hover,
    5630   .tagcloud a:focus,
    5631   .tagcloud a:hover {
    5632     color: var(--primary-color);
    5633     border: 1px solid var(--primary-color);
    5634   }
    5635  
    5636   .site-footer .wp-block-tag-cloud a,
    5637   .site-footer .tagcloud a {
    5638     border: 1px solid var(--color-text-white);
    5639     color: var(--color-text-white);
    5640   }
    5641  
    5642   .site-footer .wp-block-tag-cloud a:focus,
    5643   .site-footer .wp-block-tag-cloud a:hover,
    5644   .site-footer .tagcloud a:focus,
    5645   .site-footer .tagcloud a:hover {
    5646     color: var(--primary-color);
    5647     border: 1px solid var(--primary-color);
    5648   }
    5649  
    5650  
    5651   /*widget tag cloud ===============*/
    5652  
    5653  
    5654   /*widget search ===============*/
    5655  
    5656   .widget.widget_search .wp-block-search__inside-wrapper {
    5657     display: flex;
    5658   }
    5659  
    5660   .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
    5661     border: 1px solid #d3ced2;
    5662     padding: 6px 16px;
    5663     font-size: 0.9rem;
    5664     border-radius: 0 3px 3px 0;
    5665   }
    5666  
    5667   .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
    5668     cursor: pointer;
    5669     color: var(--background-color-white);
    5670     background-color: var(--primary-color);
    5671     margin: 0;
    5672     padding: 10px 25px;
    5673     border-radius: 3px 0 0 3px;
    5674   }
    5675  
    5676   .search-form {
    5677     display: flex;
    5678   }
    5679  
    5680   .search-form label,
    5681   .search-form .search-field {
    5682     width: 100%;
    5683   }
    5684  
    5685   .search-form .search-field {
    5686     border: 1px solid #d3ced2;
    5687     padding: 6px 16px;
    5688     font-size: 0.9rem;
    5689     border-radius: 0 3px 3px 0;
    5690   }
    5691  
    5692   .search-form .search-submit {
    5693     border-radius: 3px 0 0 3px;
    5694   }
    5695  
    5696  
    5697   /*widget search ===============*/
    5698  
    5699  
    5700   /*widget social icons ===============*/
    5701  
    5702   .widget.widget_corporate_solutions_social_icons .social-links li {
    5703     margin: 0;
    5704     padding: 0;
    5705     border: none;
    5706   }
    5707  
    5708   .widget.widget_corporate_solutions_social_icons .social-links li a {
    5709     opacity: 0.8;
    5710     color: #fff;
    5711     margin: 0;
    5712   }
    5713  
    5714   .widget.widget_corporate_solutions_social_icons .social-links li a:focus,
    5715   .widget.widget_corporate_solutions_social_icons .social-links li a:hover {
    5716     color: #fff;
    5717     opacity: 1;
    5718   }
    5719  
    5720  
    5721   /*widget social icons ===============*/
    5722  
    5723  
    5724   /* Media
    5725   --------------------------------------------- */
    5726  
    5727   .page-content .wp-smiley,
    5728   .entry-content .wp-smiley,
    5729   .comment-content .wp-smiley {
    5730     border: none;
    5731     margin-bottom: 0;
    5732     margin-top: 0;
    5733     padding: 0;
    5734   }
    5735  
    5736  
    5737   /* Make sure logo link wraps around logo image. */
    5738  
    5739   .custom-logo-link {
    5740     display: inline-block;
    5741   }
    5742  
    5743  
    5744   /* Captions
    5745   --------------------------------------------- */
    5746  
    5747   .wp-caption {
    5748     margin-bottom: 1.5em;
    5749     max-width: 100%;
    5750   }
    5751  
    5752   .wp-caption img[class*="wp-image-"] {
    5753     display: block;
    5754     margin-right: auto;
    5755     margin-left: auto;
    5756   }
    5757  
    5758   .wp-caption .wp-caption-text {
    5759     margin: 0.8075em 0;
    5760   }
    5761  
    5762   .wp-caption-text {
    5763     text-align: center;
    5764   }
    5765  
    5766  
    5767   /* Galleries
    5768   --------------------------------------------- */
    5769  
    5770   .gallery {
    5771     margin-bottom: 1.5em;
    5772     display: grid;
    5773     grid-gap: 1.5em;
    5774   }
    5775  
    5776   .gallery-item {
    5777     display: inline-block;
    5778     text-align: center;
    5779     width: 100%;
    5780     margin: 0;
    5781   }
    5782  
    5783   .gallery-columns-2 {
    5784     grid-template-columns: repeat(2, 1fr);
    5785   }
    5786  
    5787   .gallery-columns-3 {
    5788     grid-template-columns: repeat(3, 1fr);
    5789   }
    5790  
    5791   .gallery-columns-4 {
    5792     grid-template-columns: repeat(4, 1fr);
    5793   }
    5794  
    5795   .gallery-columns-5 {
    5796     grid-template-columns: repeat(5, 1fr);
    5797   }
    5798  
    5799   .gallery-columns-6 {
    5800     grid-template-columns: repeat(6, 1fr);
    5801   }
    5802  
    5803   .gallery-columns-7 {
    5804     grid-template-columns: repeat(7, 1fr);
    5805   }
    5806  
    5807   .gallery-columns-8 {
    5808     grid-template-columns: repeat(8, 1fr);
    5809   }
    5810  
    5811   .gallery-columns-9 {
    5812     grid-template-columns: repeat(9, 1fr);
    5813   }
    5814  
    5815   .gallery-caption {
    5816     display: block;
    5817   }
    5818  
    5819  
    5820   /*--------------------------------------------------------------
    5821   # Plugins
    5822   --------------------------------------------------------------*/
    5823  
    5824  
    5825   /* Jetpack infinite scroll
    5826   --------------------------------------------- */
    5827  
    5828  
    5829   /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
    5830  
    5831   .infinite-scroll .posts-navigation,
    5832   .infinite-scroll.neverending .site-footer {
    5833     display: none;
    5834   }
    5835  
    5836  
    5837   /* Re-display the Theme Footer when Infinite Scroll has reached its end. */
    5838  
    5839   .infinity-end.neverending .site-footer {
    5840     display: block;
    5841   }
    5842  
    5843  
    5844   /*--------------------------------------------------------------
    5845   # Utilities
    5846   --------------------------------------------------------------*/
    5847  
    5848  
    5849   /* Accessibility
    5850   --------------------------------------------- */
    5851  
    5852  
    5853   /* Text meant only for screen readers. */
    5854  
    5855   .screen-reader-text {
    5856     border: 0;
    5857     clip: rect(1px, 1px, 1px, 1px);
    5858     clip-path: inset(50%);
    5859     height: 1px;
    5860     margin: -1px;
    5861     overflow: hidden;
    5862     padding: 0;
    5863     position: absolute !important;
    5864     width: 1px;
    5865     word-wrap: normal !important;
    5866   }
    5867  
    5868   .screen-reader-text:focus {
    5869     background-color: #f1f1f1;
    5870     border-radius: 3px;
    5871     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    5872     clip: auto !important;
    5873     clip-path: none;
    5874     color: #21759b;
    5875     display: block;
    5876     font-size: 0.875rem;
    5877     font-weight: 700;
    5878     height: auto;
    5879     right: 5px;
    5880     line-height: normal;
    5881     padding: 15px 23px 14px;
    5882     text-decoration: none;
    5883     top: 5px;
    5884     width: auto;
    5885     z-index: 100000;
    5886   }
    5887  
    5888  
    5889   /* Do not show the outline on the skip link target. */
    5890  
    5891   #primary[tabindex="-1"]:focus {
    5892     outline: 0;
    5893   }
    5894  
    5895  
    5896   /* Alignments
    5897   --------------------------------------------- */
    5898  
    5899   .wp-block-image .alignright {
     5205}
     5206.Left-sidebar .asterthemes-wrapper .asterthemes-page .widget{
     5207   background: #000;
     5208   border: 1px solid;
     5209}
     5210.right-sidebar .asterthemes-wrapper .asterthemes-page .widget {
     5211   background: #000;
     5212   border-right: 5px solid var(--primary-color) !important;
     5213   border-left: 5px solid var(--primary-color) !important;
     5214   border-radius: 12px;
     5215}
     5216.left-sidebar .asterthemes-wrapper .asterthemes-page .widget{
     5217   background: #000;
     5218   border-right: 5px solid var(--primary-color) !important;
     5219   border-left: 5px solid var(--primary-color) !important;
     5220   border-radius: 12px;
     5221}
     5222.footer-widgets-wrapper .widget{
     5223        margin-bottom: 0;
     5224}
     5225
     5226.widget select {
     5227        max-width: 100%;
     5228}
     5229
     5230.asterthemes-widget {
     5231        margin-bottom: 30px;
     5232}
     5233
     5234.widget_block h1,
     5235.widget_block h2,
     5236.widget_block h3,
     5237.widget_block h4,
     5238.widget_block h5,
     5239.widget_block h6 {
     5240        margin-top: 0;
     5241        margin-bottom: 10px;
     5242        line-height: 1.2;
     5243}
     5244
     5245/*widget title===============*/
     5246.widgettitle,
     5247.widget-title {
     5248        margin-bottom: 15px;
     5249        line-height: 1.2;
     5250        position: relative;
     5251        border-bottom: 1px solid #fff;
     5252        font-size: 24px;
     5253        margin-top: 0;
     5254        font-weight: 700;
     5255        text-align: start;
     5256        color:#fff;
     5257}
     5258
     5259h2.wp-block-heading, .widgettitle, .widget-title{
     5260        margin-bottom: 15px;
     5261        line-height: 1.2;
     5262        position: relative;
     5263        font-size: 24px;
     5264        margin-top: 0;
     5265        font-weight: 700;
     5266        text-align: start;
     5267}
     5268
     5269/*widget title===============*/
     5270/*widget list===============*/
     5271.widget ol:not(.corporate-solutions-tabs),
     5272.widget ul:not(.corporate-solutions-tabs) {
     5273        list-style: none;
     5274        padding: 0;
     5275        margin-inline: 0;
     5276}
     5277
     5278.widget ol:not(.corporate-solutions-tabs) li,
     5279.widget ul:not(.corporate-solutions-tabs) li {
     5280        margin-bottom: 7px;
     5281        padding-bottom: 7px;
     5282        font-size: var(--font-size-sm);
     5283        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     5284        color: #fff;
     5285}
     5286
     5287.widget ol:not(.corporate-solutions-tabs) li a,
     5288.widget ul:not(.corporate-solutions-tabs) li a {
     5289        text-decoration: none;
     5290        word-wrap: break-word!important;
     5291        font-size: 15px;
     5292        color: var(--color-text-white);
     5293}
     5294
     5295.widget ol:not(.corporate-solutions-tabs) li a:focus, .widget ol:not(.corporate-solutions-tabs) li a:hover,
     5296.widget ul:not(.corporate-solutions-tabs) li a:focus,
     5297.widget ul:not(.corporate-solutions-tabs) li a:hover {
     5298        color: var(--primary-color);
     5299        word-wrap: break-word;
     5300}
     5301
     5302.widget ol:not(.corporate-solutions-tabs) ol,
     5303.widget ol:not(.corporate-solutions-tabs) ul,
     5304.widget ul:not(.corporate-solutions-tabs) ol,
     5305.widget ul:not(.corporate-solutions-tabs) ul {
     5306        padding-top: 7px;
     5307        margin-right: 10px;
     5308        padding-right: 10px;
     5309}
     5310
     5311.widget > ol > li,
     5312.widget > ul > li {
     5313        margin-bottom: 7px;
     5314        padding-bottom: 7px;
     5315        font-size: 14px;
     5316        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     5317}
     5318
     5319.widget > ol > li a,
     5320.widget > ul > li a {
     5321        color: var(--clr-foreground);
     5322        transition: all 0.5s linear;
     5323}
     5324
     5325.widget > ol > li a:focus, .widget > ol > li a:hover,
     5326.widget > ul > li a:focus,
     5327.widget > ul > li a:hover {
     5328        color: var(--theme-color);
     5329}
     5330
     5331.widget ol > li:last-child,
     5332.widget ul > li:last-child {
     5333        margin-bottom: 0;
     5334        padding-bottom: 0;
     5335        border-bottom: none;
     5336}
     5337
     5338/*widget list===============*/
     5339/*widget tag cloud ===============*/
     5340#secondary .wp-block-tag-cloud a,
     5341#secondary .tagcloud a {
     5342        display: inline-block;
     5343        text-decoration: none;
     5344        font-size: var(--font-size-small) !important;
     5345        color: var(--color-text-white);
     5346        border: 1px solid var(--color-text-white);
     5347        padding: 3px 7px;
     5348        border-radius: 3px;
     5349        margin-inline-end: 5px;
     5350        margin-block-end: 5px;
     5351        line-height: 1.2;
     5352}
     5353
     5354.wp-block-tag-cloud a:focus, .wp-block-tag-cloud a:hover,
     5355.tagcloud a:focus,
     5356.tagcloud a:hover {
     5357        color: var(--primary-color);
     5358        border: 1px solid var(--primary-color);
     5359}
     5360
     5361.site-footer .wp-block-tag-cloud a, .site-footer
     5362.tagcloud a {
     5363        border: 1px solid var(--color-text-white);
     5364        color: var(--color-text-white);
     5365}
     5366
     5367.site-footer .wp-block-tag-cloud a:focus, .site-footer .wp-block-tag-cloud a:hover, .site-footer
     5368.tagcloud a:focus, .site-footer
     5369.tagcloud a:hover {
     5370        color: var(--primary-color);
     5371        border: 1px solid var(--primary-color);
     5372}
     5373
     5374/*widget tag cloud ===============*/
     5375/*widget search ===============*/
     5376.widget.widget_search .wp-block-search__inside-wrapper {
     5377        display: flex;
     5378}
     5379
     5380.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
     5381        border: 1px solid #d3ced2;
     5382        padding: 6px 16px;
     5383        font-size: 0.9rem;
     5384        border-radius: 0 3px 3px 0;
     5385}
     5386
     5387.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
     5388        cursor: pointer;
     5389        color: var(--background-color-white);
     5390        background-color: var(--primary-color);
     5391        margin: 0;
     5392        padding: 10px 25px;
     5393        border-radius: 3px 0 0 3px;
     5394}
     5395
     5396.search-form {
     5397        display: flex;
     5398}
     5399
     5400.search-form label,
     5401.search-form .search-field {
     5402        width: 100%;
     5403}
     5404
     5405.search-form .search-field {
     5406        border: 1px solid #d3ced2;
     5407        padding: 6px 16px;
     5408        font-size: 0.9rem;
     5409        border-radius: 0 3px 3px 0;
     5410}
     5411
     5412.search-form .search-submit {
     5413        border-radius: 3px 0 0 3px;
     5414}
     5415
     5416/*widget search ===============*/
     5417/*widget social icons ===============*/
     5418.widget.widget_corporate_solutions_social_icons .social-links li {
     5419        margin: 0;
     5420        padding: 0;
     5421        border: none;
     5422}
     5423
     5424.widget.widget_corporate_solutions_social_icons .social-links li a {
     5425        opacity: 0.8;
     5426        color: #fff;
     5427        margin: 0;
     5428}
     5429
     5430.widget.widget_corporate_solutions_social_icons .social-links li a:focus, .widget.widget_corporate_solutions_social_icons .social-links li a:hover {
     5431        color: #fff;
     5432        opacity: 1;
     5433}
     5434
     5435/*widget social icons ===============*/
     5436/* Media
     5437--------------------------------------------- */
     5438.page-content .wp-smiley,
     5439.entry-content .wp-smiley,
     5440.comment-content .wp-smiley {
     5441        border: none;
     5442        margin-bottom: 0;
     5443        margin-top: 0;
     5444        padding: 0;
     5445}
     5446
     5447/* Make sure logo link wraps around logo image. */
     5448.custom-logo-link {
     5449        display: inline-block;
     5450}
     5451
     5452/* Captions
     5453--------------------------------------------- */
     5454.wp-caption {
     5455        margin-bottom: 1.5em;
     5456        max-width: 100%;
     5457}
     5458
     5459.wp-caption img[class*="wp-image-"] {
     5460        display: block;
     5461        margin-right: auto;
     5462        margin-left: auto;
     5463}
     5464
     5465.wp-caption .wp-caption-text {
     5466        margin: 0.8075em 0;
     5467}
     5468
     5469.wp-caption-text {
     5470        text-align: center;
     5471}
     5472
     5473/* Galleries
     5474--------------------------------------------- */
     5475.gallery {
     5476        margin-bottom: 1.5em;
     5477        display: grid;
     5478        grid-gap: 1.5em;
     5479}
     5480
     5481.gallery-item {
     5482        display: inline-block;
     5483        text-align: center;
     5484        width: 100%;
     5485        margin: 0;
     5486}
     5487
     5488.gallery-columns-2 {
     5489        grid-template-columns: repeat(2, 1fr);
     5490}
     5491
     5492.gallery-columns-3 {
     5493        grid-template-columns: repeat(3, 1fr);
     5494}
     5495
     5496.gallery-columns-4 {
     5497        grid-template-columns: repeat(4, 1fr);
     5498}
     5499
     5500.gallery-columns-5 {
     5501        grid-template-columns: repeat(5, 1fr);
     5502}
     5503
     5504.gallery-columns-6 {
     5505        grid-template-columns: repeat(6, 1fr);
     5506}
     5507
     5508.gallery-columns-7 {
     5509        grid-template-columns: repeat(7, 1fr);
     5510}
     5511
     5512.gallery-columns-8 {
     5513        grid-template-columns: repeat(8, 1fr);
     5514}
     5515
     5516.gallery-columns-9 {
     5517        grid-template-columns: repeat(9, 1fr);
     5518}
     5519
     5520.gallery-caption {
     5521        display: block;
     5522}
     5523
     5524/*--------------------------------------------------------------
     5525# Plugins
     5526--------------------------------------------------------------*/
     5527/* Jetpack infinite scroll
     5528--------------------------------------------- */
     5529/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
     5530.infinite-scroll .posts-navigation,
     5531.infinite-scroll.neverending .site-footer {
     5532        display: none;
     5533}
     5534
     5535/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
     5536.infinity-end.neverending .site-footer {
     5537        display: block;
     5538}
     5539
     5540/*--------------------------------------------------------------
     5541# Utilities
     5542--------------------------------------------------------------*/
     5543/* Accessibility
     5544--------------------------------------------- */
     5545/* Text meant only for screen readers. */
     5546.screen-reader-text {
     5547        border: 0;
     5548        clip: rect(1px, 1px, 1px, 1px);
     5549        clip-path: inset(50%);
     5550        height: 1px;
     5551        margin: -1px;
     5552        overflow: hidden;
     5553        padding: 0;
     5554        position: absolute !important;
     5555        width: 1px;
     5556        word-wrap: normal !important;
     5557}
     5558
     5559.screen-reader-text:focus {
     5560        background-color: #f1f1f1;
     5561        border-radius: 3px;
     5562        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     5563        clip: auto !important;
     5564        clip-path: none;
     5565        color: #21759b;
     5566        display: block;
     5567        font-size: 0.875rem;
     5568        font-weight: 700;
     5569        height: auto;
     5570        right: 5px;
     5571        line-height: normal;
     5572        padding: 15px 23px 14px;
     5573        text-decoration: none;
     5574        top: 5px;
     5575        width: auto;
     5576        z-index: 100000;
     5577}
     5578
     5579/* Do not show the outline on the skip link target. */
     5580#primary[tabindex="-1"]:focus {
     5581        outline: 0;
     5582}
     5583
     5584/* Alignments
     5585--------------------------------------------- */
     5586
     5587.wp-block-image .alignright {
    59005588    float: none;
    59015589    margin: 0;
    5902   }
    5903  
    5904   .alignleft {
    5905     float: left;
    5906     margin-right: 1.5em;
    5907     margin-bottom: 1.5em;
    5908   }
    5909  
    5910   .alignright {
    5911     float: right;
    5912     margin-left: 1.5em;
    5913     margin-bottom: 1.5em;
    5914   }
    5915  
    5916   .aligncenter {
    5917     clear: both;
    5918     display: block;
    5919     margin-right: auto;
    5920     margin-left: auto;
    5921     margin-bottom: 1.5em;
    5922   }
    5923  
    5924  
    5925   /* Header CSS start
    5926   --------------------------------------------- */
    5927  
    5928   .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover {
     5590}
     5591
     5592.alignleft {
     5593        float: left;
     5594        margin-right: 1.5em;
     5595        margin-bottom: 1.5em;
     5596}
     5597
     5598.alignright {
     5599        float: right;
     5600        margin-left: 1.5em;
     5601        margin-bottom: 1.5em;
     5602}
     5603
     5604.aligncenter {
     5605        clear: both;
     5606        display: block;
     5607        margin-right: auto;
     5608        margin-left: auto;
     5609        margin-bottom: 1.5em;
     5610}
     5611
     5612/* Header CSS start
     5613--------------------------------------------- */
     5614.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover {
    59295615    background: #000;
    5930   }
    5931  
    5932   p.site-title {
     5616}
     5617p.site-title {
    59335618    font-size: 30px;
    59345619    font-weight: 600;
    59355620    margin: 0;
    5936   }
    5937  
    5938   form.woo-pro-search input#woocommerce-product-search-field {
     5621}
     5622form.woo-pro-search input#woocommerce-product-search-field {
    59395623    border: 1px solid #ccc;
    59405624    border-radius: 30px;
    59415625    padding: 10px 15px;
    5942   }
    5943  
    5944   form.woo-pro-search button.search-button {
     5626}
     5627form.woo-pro-search button.search-button {
    59455628    position: absolute;
    59465629    color: #fff;
    … …  
    59525635    height: 35px;
    59535636    padding: 0;
    5954   }
    5955  
    5956   .user-account a,
    5957   a.cart-customlocation {
     5637}
     5638.user-account a,a.cart-customlocation {
    59585639    font-size: 18px;
    5959   }
    5960  
    5961   .page-template-front-page .header-background-image {
    5962     height: auto;
    5963     background: transparent;
    5964   }
    5965  
    5966  
    5967   /* body.home .header-main-wrapper {
    5968       position: absolute;
    5969       width: 100%;
    5970       z-index: 9999;
    5971       padding-top: 20px;
    5972   } */
    5973  
    5974   .header-main-wrapper {
     5640}
     5641
     5642.page-template-front-page .header-background-image{
     5643        height: auto;
     5644        background: transparent;
     5645}
     5646/* body.home .header-main-wrapper {
     5647    position: absolute;
     5648    width: 100%;
     5649    z-index: 9999;
     5650    padding-top: 20px;
     5651} */
     5652.header-main-wrapper {
    59755653    padding: 20px 0;
    5976   }
    5977  
    5978   .contact-icon {
     5654}
     5655.contact-icon {
    59795656    display: contents;
    5980   }
    5981  
    5982   .header-contact-inner {
     5657}
     5658.header-contact-inner {
    59835659    display: flex;
    59845660    align-items: center;
    … …  
    59875663    background-image: var(--background-color-gradiant);
    59885664    padding: 10px 20px;
    5989   }
    5990  
    5991   .header-contact-inner p {
     5665}
     5666.header-contact-inner p {
    59925667    margin-bottom: 0;
    59935668    margin-top: 0;
    5994   }
    5995  
    5996   .contact-icon i {
     5669}
     5670
     5671.contact-icon i {
    59975672    font-size: 35px;
    5998   }
    5999  
    6000   header.site-header {
    6001     position: relative;
    6002   }
    6003  
    6004   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper,
    6005   .services-part-wrapper {
    6006     display: flex;
    6007     align-items: center;
    6008     flex-wrap: nowrap;
    6009     justify-content: space-between;
    6010   }
    6011  
    6012   @media only screen and (max-width: 600px) {
    6013     body.home .header-main-wrapper {
    6014       position: relative;
    6015     }
    6016     .header-main-wrapper {
    6017       position: relative;
    6018     }
    6019   }
    6020  
    6021   @media (max-width: 480px) {
    6022     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part {
    6023       align-self: center;
    6024     }
    6025   }
    6026  
    6027   @media (max-width: 375px) {
    6028     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity {
    6029       text-align: center;
    6030     }
    6031   }
    6032  
    6033   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title {
    6034     font-size: 30px;
    6035     line-height: 1.1;
    6036     margin: 0;
    6037   }
    6038  
    6039   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a {
    6040     text-decoration: none;
    6041     color: var(--header-text-color);
    6042   }
    6043  
    6044   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a:focus {
    6045     outline-offset: 2px;
    6046   }
    6047  
    6048   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description {
    6049     margin-bottom: 0;
    6050     margin-top: 5px;
    6051     color: var(--header-text-color);
    6052   }
    6053  
    6054   @media (max-width: 480px) {
    6055     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description {
    6056       font-size: 0.8rem;
    6057       margin-top: 0;
    6058     }
    6059   }
    6060  
    6061   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {
    6062     display: flex;
    6063     gap: 20px;
    6064     align-items: center;
    6065   }
    6066  
    6067   @media (max-width: 600px) {
    6068     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {
    6069       position: relative;
    6070     }
    6071     .service-single {
    6072       width: 100%;
    6073     }
    6074   }
    6075  
    6076   @media (max-width: 480px) {
    6077     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {
    6078       width: 100%;
    6079       justify-content: space-between;
    6080       min-height: 55px;
    6081     }
    6082   }
    6083  
    6084   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part {
    6085     display: flex;
    6086   }
    6087  
    6088   @media (min-width: 601px) {
    6089     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part {
    6090       display: none;
    6091     }
    6092   }
    6093  
    6094   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact {
    6095     border-block: 1px solid #f1f1f1;
    6096     padding-block: 15px;
    6097     display: flex;
    6098     flex-direction: column;
    6099     gap: 10px;
    6100   }
    6101  
    6102   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons {
    6103     padding: 10px 20px;
    6104   }
    6105  
    6106   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links {
    6107     display: flex;
    6108   }
    6109  
    6110   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links a {
    6111     padding: 0;
    6112   }
    6113  
    6114   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search {
    6115     display: flex;
    6116     align-items: center;
    6117     gap: 10px;
    6118   }
    6119  
    6120   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .asterthemes-custom-button a {
    6121     padding: 6px 30px;
    6122   }
    6123  
    6124   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search {
    6125     width: 25px;
    6126     position: unset;
    6127     display: inline-block;
    6128     text-align: center;
    6129   }
    6130  
    6131   @media (min-width: 601px) {
    6132     header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search {
    6133       display: none;
    6134     }
    6135   }
    6136  
    6137   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon {
    6138     display: flex;
    6139     justify-content: center;
    6140     align-items: center;
    6141     width: 25px;
    6142     height: 25px;
    6143     border-radius: 50%;
    6144     font-size: 14px;
    6145     color: var(--color-text-main);
    6146     font-weight: 700;
    6147     text-align: center;
    6148     text-decoration: none;
    6149     outline: 0;
    6150   }
    6151  
    6152   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:hover {
    6153     color: var(--primary-color);
    6154   }
    6155  
    6156   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:focus-within {
    6157     color: var(--primary-color);
    6158     outline: 1px dashed var(--primary-color);
    6159   }
    6160  
    6161   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form {
    6162     position: absolute;
    6163     background: #fff;
    6164     left: 0;
    6165     opacity: 0;
    6166     visibility: hidden;
    6167     top: 100%;
    6168     width: 100%;
    6169     padding: 14px;
    6170     z-index: 99;
    6171   }
    6172  
    6173   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form {
    6174     display: flex;
    6175   }
    6176  
    6177   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label {
    6178     width: 75%;
    6179   }
    6180  
    6181   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label input {
    6182     width: 100%;
    6183   }
    6184  
    6185   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form input.search-submit {
    6186     border: 1px solid var(--primary-color);
    6187     background-color: var(--primary-color);
    6188     color: #fff;
    6189     padding: 0px;
    6190     font-size: 13px;
    6191     width: 25%;
    6192     margin: 0;
    6193   }
    6194  
    6195   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap.show .header-search-form {
    6196     margin: 0;
    6197     opacity: 1;
    6198     visibility: visible;
    6199   }
    6200  
    6201   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header {
    6202     position: fixed;
    6203     width: 100%;
    6204     top: 0;
    6205     z-index: 15;
    6206     background-color: var(--background-color-white);
    6207     border-bottom: 1px solid #f3f1ef;
    6208     z-index: 999;
    6209   }
    6210  
    6211   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a {
    6212     color: var(--primary-color);
    6213   }
    6214  
    6215   header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description {
    6216     color: var(--color-text-main);
    6217   }
    6218  
    6219   header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-title a {
    6220     color: var(--primary-color);
    6221   }
    6222  
    6223   header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-description {
    6224     color: #fff;
    6225   }
    6226  
    6227   header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a {
    6228     color: var(--primary-color);
    6229   }
    6230  
    6231   header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description {
    6232     color: var(--color-text-main);
    6233   }
    6234  
    6235   @media (min-width: 1024px) {
    6236     body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header {
    6237       top: 32px;
    6238     }
    6239   }
    6240  
    6241   @media (min-width: 601px) and (max-width: 768px) {
    6242     body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header {
    6243       top: 46px;
    6244     }
    6245   }
    6246  
    6247   body.scroll-up header.site-header .header-main-wrapper .bottom-header-part.fix-header {
    6248     transform: translateY(0);
    6249     transition: all 0.3s ease;
    6250   }
    6251  
    6252   body:not(.scroll-up) header.site-header .header-main-wrapper .bottom-header-part.fix-header {
    6253     transform: translateY(-100%);
    6254     transition: all 0.3s ease;
    6255   }
    6256  
    6257  
    6258   /* Header CSS end
    6259   --------------------------------------------- */
    6260  
    6261  
    6262   /* frontpage section CSS start
    6263   --------------------------------------------- */
    6264  
    6265   .asterthemes-frontpage-section {
     5673}
     5674
     5675header.site-header {
     5676        position: relative;
     5677        z-index: 2;
     5678}
     5679
     5680header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper, .services-part-wrapper {
     5681        display: flex;
     5682        align-items: center;
     5683        flex-wrap: nowrap;
     5684        justify-content: space-between;
     5685}
     5686@media only screen and (max-width: 600px) {
     5687        body.home .header-main-wrapper{
     5688                position:relative ;
     5689        }
     5690        .header-main-wrapper {
     5691                position: relative;
     5692        }
     5693}
     5694
     5695@media (max-width: 480px) {
     5696        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part {
     5697                align-self: center;
     5698        }
     5699}
     5700
     5701@media (max-width: 375px) {
     5702        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity {
     5703                text-align: center;
     5704        }
     5705}
     5706
     5707header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title {
     5708        font-size: 30px;
     5709        line-height: 1.1;
     5710        margin: 0;
     5711}
     5712
     5713header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a {
     5714        text-decoration: none;
     5715        color: var(--header-text-color);
     5716}
     5717
     5718header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a:focus {
     5719        outline-offset: 2px;
     5720}
     5721
     5722header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description {
     5723        margin-bottom: 0;
     5724        margin-top: 5px;
     5725        color: var(--header-text-color);
     5726}
     5727
     5728@media (max-width: 480px) {
     5729        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description {
     5730                font-size: 0.8rem;
     5731                margin-top: 0;
     5732        }
     5733}
     5734
     5735header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {
     5736        display: flex;
     5737        gap: 20px;
     5738        align-items: center;
     5739}
     5740
     5741@media (max-width: 600px) {
     5742        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {
     5743                position: relative;
     5744        }
     5745        .service-single {
     5746            width: 100%;
     5747        }
     5748}
     5749
     5750@media (max-width: 480px) {
     5751        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part {
     5752                width: 100%;
     5753                justify-content: space-between;
     5754                min-height: 55px;
     5755        }
     5756}
     5757
     5758header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part {
     5759        display: flex;
     5760}
     5761
     5762@media (min-width: 601px) {
     5763        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part {
     5764                display: none;
     5765        }
     5766}
     5767
     5768header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact {
     5769        border-block: 1px solid #f1f1f1;
     5770        padding-block: 15px;
     5771        display: flex;
     5772        flex-direction: column;
     5773        gap: 10px;
     5774}
     5775
     5776header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons {
     5777        padding: 10px 20px;
     5778}
     5779
     5780header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links {
     5781        display: flex;
     5782}
     5783
     5784header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links a {
     5785        padding: 0;
     5786}
     5787
     5788header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search {
     5789        display: flex;
     5790        align-items: center;
     5791        gap: 10px;
     5792}
     5793
     5794header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .asterthemes-custom-button a {
     5795        padding: 6px 30px;
     5796}
     5797
     5798header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search {
     5799        width: 25px;
     5800        position: unset;
     5801        display: inline-block;
     5802        text-align: center;
     5803}
     5804
     5805@media (min-width: 601px) {
     5806        header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search {
     5807                display: none;
     5808        }       
     5809}
     5810
     5811header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon {
     5812        display: flex;
     5813        justify-content: center;
     5814        align-items: center;
     5815        width: 25px;
     5816        height: 25px;
     5817        border-radius: 50%;
     5818        font-size: 14px;
     5819        color: var(--color-text-main);
     5820        font-weight: 700;
     5821        text-align: center;
     5822        text-decoration: none;
     5823        outline: 0;
     5824}
     5825
     5826header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:hover {
     5827        color: var(--primary-color);
     5828}
     5829
     5830header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:focus-within {
     5831        color: var(--primary-color);
     5832        outline: 1px dashed var(--primary-color);
     5833}
     5834
     5835header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form {
     5836        position: absolute;
     5837        background: #fff;
     5838        left: 0;
     5839        opacity: 0;
     5840        visibility: hidden;
     5841        top: 100%;
     5842        width: 100%;
     5843        padding: 14px;
     5844        z-index: 99;
     5845}
     5846
     5847header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form {
     5848        display: flex;
     5849}
     5850
     5851header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label {
     5852        width: 75%;
     5853}
     5854
     5855header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label input {
     5856        width: 100%;
     5857}
     5858
     5859header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form input.search-submit {
     5860        border: 1px solid var(--primary-color);
     5861        background-color: var(--primary-color);
     5862        color: #fff;
     5863        padding: 0px;
     5864        font-size: 13px;
     5865        width: 25%;
     5866        margin: 0;
     5867}
     5868
     5869header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap.show .header-search-form {
     5870        margin: 0;
     5871        opacity: 1;
     5872        visibility: visible;
     5873}
     5874
     5875header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header {
     5876        position: fixed;
     5877        width: 100%;
     5878        top: 0;
     5879        z-index: 15;
     5880        background-color: var(--background-color-white);
     5881        border-bottom: 1px solid #f3f1ef;
     5882        z-index: 999;
     5883}
     5884
     5885header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a {
     5886        color: var(--primary-color);
     5887}
     5888
     5889header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description {
     5890        color: var(--color-text-main);
     5891}
     5892
     5893header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-title a {
     5894        color: var(--primary-color);
     5895}
     5896
     5897header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-description {
     5898        color: #fff;
     5899}
     5900
     5901header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a {
     5902        color: var(--primary-color);
     5903}
     5904
     5905header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description {
     5906        color: var(--color-text-main);
     5907}
     5908
     5909@media (min-width: 1024px) {
     5910        body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header {
     5911                top: 32px;
     5912        }
     5913}
     5914
     5915@media (min-width: 601px) and (max-width: 768px) {
     5916        body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header {
     5917                top: 46px;
     5918        }
     5919}
     5920
     5921body.scroll-up header.site-header .header-main-wrapper .bottom-header-part.fix-header {
     5922        transform: translateY(0);
     5923        transition: all 0.3s ease;
     5924}
     5925
     5926body:not(.scroll-up) header.site-header .header-main-wrapper .bottom-header-part.fix-header {
     5927        transform: translateY(-100%);
     5928        transition: all 0.3s ease;
     5929}
     5930
     5931/* Header CSS end
     5932--------------------------------------------- */
     5933/* frontpage section CSS start
     5934--------------------------------------------- */
     5935.asterthemes-frontpage-section {
    62665936    padding: 80px 0;
    6267   }
    6268  
    6269   @media screen and (max-width: 992px) and (min-width: 600px) {
    6270     .asterthemes-frontpage-section {
    6271       padding: 40px 0;
    6272     }
    6273   }
    6274  
    6275   @media (max-width: 768px) {
    6276     .asterthemes-frontpage-section {
    6277       padding: 40px 0 !important;
    6278     }
    6279   }
    6280  
    6281   .asterthemes-frontpage-section.asterthemes-grey-background {
    6282     background: var(--background-color-grey);
    6283   }
    6284  
    6285   .asterthemes-frontpage-section.asterthemes-dark-background {
    6286     background: var(--background-color-dark);
    6287   }
    6288  
    6289   .asterthemes-frontpage-section.section-has-background:not(.cta-style-2) + .section-has-background:not(.cta-style-2) {
    6290     margin-top: 0;
    6291   }
    6292  
    6293  
    6294   /* frontpage section CSS end
    6295   --------------------------------------------- */
    6296  
    6297  
    6298   /* banner section CSS start
    6299   --------------------------------------------- */
    6300  
    6301   .banner-section:not(:first-child) {
    6302     margin-bottom: 0;
    6303   }
    6304  
    6305   .banner-section:last-child {
    6306     margin-bottom: 0;
    6307     margin-top: 80px;
    6308   }
    6309  
    6310   @media screen and (max-width: 992px) and (min-width: 600px) {
    6311     .banner-section:last-child {
    6312       margin-top: 40px;
    6313     }
    6314     .service-single {
    6315       width: 47%;
    6316     }
    6317   }
    6318  
    6319   @media (max-width: 768px) {
    6320     .banner-section:last-child {
    6321       margin-top: 40px;
    6322     }
    6323   }
    6324  
    6325   .banner-section.banner-style-1 .banner-single {
    6326     position: relative;
    6327     min-height: 750px;
    6328     display: flex !important;
    6329     flex-direction: column;
    6330     justify-content: center;
    6331   }
    6332  
    6333   @media (max-width: 1024px) {
    6334     .banner-section.banner-style-1 .banner-single {
    6335       min-height: 650px;
    6336     }
    6337   }
    6338  
    6339   @media (max-width: 768px) {
    6340     .banner-section.banner-style-1 .banner-single {
    6341       min-height: 550px;
    6342     }
    6343   }
    6344  
    6345   @media (max-width: 600px) {
    6346     .banner-section.banner-style-1 .banner-single {
    6347       min-height: 480px;
    6348     }
    6349   }
    6350  
    6351   .banner-section.banner-style-1 .banner-single .banner-img {
    6352     position: absolute;
    6353     top: 0;
    6354     right: 0;
    6355     width: 100%;
    6356     height: 100%;
    6357   }
    6358  
    6359   .banner-section.banner-style-1 .banner-single .banner-img img {
    6360     width: 100%;
    6361     height: 100%;
    6362     object-fit: cover;
    6363   }
    6364  
    6365   .banner-section.banner-style-1 .banner-single .banner-img::after {
    6366     position: absolute;
    6367     content: "";
    6368     top: 0;
    6369     right: 0;
    6370     width: 100%;
    6371     height: 100%;
    6372     background-color: #202020;
    6373     opacity: 0.4;
    6374   }
    6375  
    6376   .banner-section.banner-style-1 .banner-single .banner-caption {
    6377     position: absolute;
     5937}
     5938
     5939@media screen and (max-width: 992px) and (min-width: 600px) {
     5940        .asterthemes-frontpage-section {
     5941                padding: 40px 0;
     5942        }
     5943}
     5944
     5945@media (max-width: 768px) {
     5946        .asterthemes-frontpage-section {
     5947                padding: 40px 0 !important;
     5948        }
     5949}
     5950
     5951.asterthemes-frontpage-section.asterthemes-grey-background {
     5952        background: var(--background-color-grey);
     5953}
     5954
     5955.asterthemes-frontpage-section.asterthemes-dark-background {
     5956        background: var(--background-color-dark);
     5957}
     5958
     5959.asterthemes-frontpage-section.section-has-background:not(.cta-style-2) + .section-has-background:not(.cta-style-2) {
     5960        margin-top: 0;
     5961}
     5962
     5963/* frontpage section CSS end
     5964--------------------------------------------- */
     5965/* banner section CSS start
     5966--------------------------------------------- */
     5967
     5968.banner-section:not(:first-child) {
     5969        margin-bottom: 0;
     5970}
     5971
     5972.banner-section:last-child {
     5973        margin-bottom: 0;
     5974        margin-top: 80px;
     5975}
     5976
     5977@media screen and (max-width: 992px) and (min-width: 600px) {
     5978        .banner-section:last-child {
     5979                margin-top: 40px;
     5980        }
     5981        .service-single {
     5982            width:47%;
     5983        }
     5984}
     5985
     5986@media (max-width: 768px) {
     5987        .banner-section:last-child {
     5988                margin-top: 40px;
     5989        }       
     5990}
     5991
     5992.banner-section.banner-style-1 .banner-single {
     5993        position: relative;
     5994        min-height: 750px;
     5995        display: flex !important;
     5996        flex-direction: column;
     5997        justify-content: center;
     5998}
     5999
     6000@media (max-width: 1024px) {
     6001        .banner-section.banner-style-1 .banner-single {
     6002                min-height: 650px;
     6003        }
     6004}
     6005
     6006@media (max-width: 768px) {
     6007        .banner-section.banner-style-1 .banner-single {
     6008                min-height: 550px;
     6009        }
     6010}
     6011
     6012@media (max-width: 600px) {
     6013        .banner-section.banner-style-1 .banner-single {
     6014                min-height: 480px;
     6015        }
     6016}
     6017
     6018.banner-section.banner-style-1 .banner-single .banner-img {
     6019        position: absolute;
     6020        top: 0;
     6021        right: 0;
     6022        width: 100%;
     6023        height: 100%;
     6024}
     6025
     6026.banner-section.banner-style-1 .banner-single .banner-img img {
     6027        width: 100%;
     6028        height: 100%;
     6029        object-fit: cover;
     6030}
     6031
     6032.banner-section.banner-style-1 .banner-single .banner-img::after {
     6033        position: absolute;
     6034        content: "";
     6035        top: 0;
     6036        right: 0;
     6037        width: 100%;
     6038        height: 100%;
     6039        background-color: #202020;
     6040        opacity: 0.4;
     6041}
     6042
     6043.banner-section.banner-style-1 .banner-single .banner-caption {
     6044        position: absolute;
    63786045    z-index: 1;
    63796046    color: var(--color-text-white);
    … …  
    63846051    left: 35%;
    63856052    text-align: center;
    6386   }
    6387  
    6388   .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper {
    6389     visibility: hidden;
    6390   }
    6391  
    6392   .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-subtitle {
    6393     font-size: var(--font-size-md);
    6394     font-family: var(--font-heading);
    6395     font-weight: normal;
    6396     margin: 0;
    6397     line-height: 1.2;
    6398     color: var(--color-text-white);
    6399   }
    6400  
    6401   .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {
     6053}
     6054
     6055.banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper {
     6056        visibility: hidden;
     6057}
     6058
     6059.banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-subtitle {
     6060        font-size: var(--font-size-md);
     6061        font-family: var(--font-heading);
     6062        font-weight: normal;
     6063        margin: 0;
     6064        line-height: 1.2;
     6065        color: var(--color-text-white);
     6066}
     6067
     6068.banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {
    64026069    font-size: 41px;
    64036070    margin-top: 10px;
    … …  
    64076074    color: var(--color-text-white);
    64086075    font-weight: bold;
    6409   }
    6410  
    6411   @media (max-width: 480px) {
    6412     .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {
    6413       font-size: var(--font-size-xxl);
    6414     }
    6415     .services-part-wrapper {
    6416       display: block;
    6417     }
    6418   }
    6419  
    6420   .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-description p {
    6421     font-size: 16px;
    6422   }
    6423  
    6424   .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-slider-btn {
    6425     display: inline-block;
    6426   }
    6427  
    6428   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper,
    6429   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper {
    6430     visibility: visible;
    6431   }
    6432  
    6433   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,
    6434   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,
    6435   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,
    6436   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,
    6437   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle,
    6438   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title,
    6439   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description,
    6440   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {
    6441     transform-origin: top;
    6442     animation-name: asterthemes-animation1;
    6443     animation-fill-mode: both;
    6444     animation-duration: 0.7s;
    6445   }
    6446  
    6447   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,
    6448   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle {
    6449     animation-delay: 0.2s;
    6450   }
    6451  
    6452   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,
    6453   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title {
    6454     animation-delay: 0.3s;
    6455   }
    6456  
    6457   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,
    6458   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description {
    6459     animation-delay: 0.4s;
    6460   }
    6461  
    6462   .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,
    6463   .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {
    6464     animation-delay: 0.5s;
    6465   }
    6466  
    6467   @keyframes asterthemes-animation1 {
    6468     from {
    6469       opacity: 0;
    6470       transform: translateY(100px);
    6471     }
    6472     to {
    6473       opacity: 1;
    6474       transform: translateY(0);
    6475     }
    6476   }
    6477  
    6478  
    6479   /*
    6480   --------------------------------------------- */
    6481  
    6482  
    6483   /* footer CSS start
    6484   --------------------------------------------- */
    6485  
    6486   .dt_footer-widgets .footer-widgets-column {
     6076}
     6077
     6078@media (max-width: 480px) {
     6079        .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {
     6080                font-size: var(--font-size-xxl);
     6081        }
     6082        .services-part-wrapper{
     6083                display: block;
     6084        }
     6085       
     6086}
     6087
     6088.banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-description p {
     6089        font-size: 16px;
     6090}
     6091
     6092.banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-slider-btn {
     6093        display: inline-block;
     6094}
     6095
     6096.banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper,
     6097.banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper {
     6098        visibility: visible;
     6099}
     6100
     6101/*
     6102--------------------------------------------- */
     6103/* footer CSS start
     6104--------------------------------------------- */
     6105.dt_footer-widgets .footer-widgets-column {
    64876106    display: flex;
    64886107    flex-wrap: nowrap;
    6489     padding: 20px 0;
     6108        padding: 20px 0;
    64906109    justify-content: center;
    6491   }
     6110}
     6111.footer-one-column {
     6112    width: 25%;
     6113}
     6114.site-footer {
     6115        background: #202020;
     6116}
     6117
     6118footer#colophon {
     6119    background-size: 100% 100%;
     6120}
     6121.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {
     6122        width: 25%;
     6123        flex-shrink: 0;
     6124        padding: 0 15px;
     6125        color: var(--color-text-white);
     6126}
     6127
     6128@media (max-width: 768px) {
     6129        .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {
     6130                width: 50%;
     6131        }
     6132}
     6133
     6134@media (max-width: 480px) {
     6135        .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {
     6136                width: 100%;
     6137        }
     6138        a.corporate-solutions-scroll-to-top{
     6139        height: 40px!important;
     6140        width: 40px!important;
     6141    }
     6142}
     6143
     6144.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h1,
     6145.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h2,
     6146.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h3,
     6147.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h4,
     6148.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h5,
     6149.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h6 {
     6150        margin-top: 0;
     6151}
     6152
     6153.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget .widget-title {
     6154        color: var(--primary-color);
     6155}
     6156
     6157.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a,
     6158.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a {
     6159        color: var(--color-text-white);
     6160}
     6161
     6162.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:focus, .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:hover,
     6163.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:focus,
     6164.site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:hover {
     6165        color: var(--primary-color);
     6166}
     6167
     6168.site-footer .site-footer-bottom {
     6169        position: relative;
     6170        padding: 15px 0;
     6171        z-index: 1;
     6172        color: var(--color-text-white);
     6173        background-image: var(--background-color-gradiant);
     6174}
     6175
     6176.site-footer .site-footer-bottom .site-footer-bottom-wrapper {
     6177        display: flex;
     6178        flex-wrap: wrap;
     6179        align-items: center;
     6180        justify-content: center;
     6181        position: relative;
     6182}
     6183
     6184.site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a {
     6185        color: var(--color-text-white);
     6186        text-decoration: none;
     6187        transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
     6188}
     6189
     6190.site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:focus, .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:hover {
     6191        color: #000;
     6192}
     6193
     6194.site-footer .site-footer-bottom .site-footer-bottom-wrapper .social-icons ul.social-links {
     6195        margin: 0;
     6196        padding: 0;
     6197        list-style: none;
     6198}
     6199
     6200.site-footer .site-footer-bottom::before {
     6201        position: absolute;
     6202        content: '';
     6203        top: 0;
     6204        right: 0;
     6205        height: 100%;
     6206        width: 100%;
     6207        background: #d9d9d9;
     6208        opacity: 0.1;
     6209}
     6210
     6211/* footer CSS end
     6212--------------------------------------------- */
     6213
     6214/* footer social icons CSS start
     6215--------------------------------------------- */
     6216
     6217.socialicons{
     6218        text-align: center;
     6219        background-color: #000;
     6220        padding: 10px 0;
     6221}
     6222.socialicons a{
     6223        color: #fff;
     6224        font-size: 16px;
     6225        padding: 5px;
     6226        cursor: pointer;
     6227}
    64926228 
    6493   .footer-one-column {
    6494     width: 25%;
    6495   }
    6496  
    6497   .site-footer {
    6498     background: #202020;
    6499   }
    6500  
    6501   footer#colophon {
    6502     background-size: 100% 100%;
    6503   }
    6504  
    6505   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {
    6506     width: 25%;
    6507     flex-shrink: 0;
    6508     padding: 0 15px;
    6509     color: var(--color-text-white);
    6510   }
    6511  
    6512   @media (max-width: 768px) {
    6513     .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {
    6514       width: 50%;
    6515     }
    6516   }
    6517  
    6518   @media (max-width: 480px) {
    6519     .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single {
    6520       width: 100%;
    6521     }
    6522     a.corporate-solutions-scroll-to-top {
    6523       height: 40px!important;
    6524       width: 40px!important;
    6525     }
    6526   }
    6527  
    6528   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h1,
    6529   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h2,
    6530   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h3,
    6531   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h4,
    6532   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h5,
    6533   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h6 {
    6534     margin-top: 0;
    6535   }
    6536  
    6537   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget .widget-title {
    6538     color: var(--primary-color);
    6539   }
    6540  
    6541   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a,
    6542   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a {
    6543     color: var(--color-text-white);
    6544   }
    6545  
    6546   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:focus,
    6547   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:hover,
    6548   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:focus,
    6549   .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:hover {
    6550     color: var(--primary-color);
    6551   }
    6552  
    6553   .site-footer .site-footer-bottom {
    6554     position: relative;
    6555     padding: 15px 0;
    6556     z-index: 1;
    6557     color: var(--color-text-white);
    6558     background-image: var(--background-color-gradiant);
    6559   }
    6560  
    6561   .site-footer .site-footer-bottom .site-footer-bottom-wrapper {
    6562     display: flex;
    6563     flex-wrap: wrap;
    6564     align-items: center;
    6565     justify-content: center;
    6566     position: relative;
    6567   }
    6568  
    6569   .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a {
    6570     color: var(--color-text-white);
    6571     text-decoration: none;
    6572     transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    6573   }
    6574  
    6575   .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:focus,
    6576   .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:hover {
    6577     color: #000;
    6578   }
    6579  
    6580   .site-footer .site-footer-bottom .site-footer-bottom-wrapper .social-icons ul.social-links {
    6581     margin: 0;
    6582     padding: 0;
    6583     list-style: none;
    6584   }
    6585  
    6586   .site-footer .site-footer-bottom::before {
    6587     position: absolute;
    6588     content: '';
    6589     top: 0;
    6590     right: 0;
    6591     height: 100%;
    6592     width: 100%;
    6593     background: #d9d9d9;
    6594     opacity: 0.1;
    6595   }
    6596  
    6597  
    6598   /* footer CSS end
    6599   --------------------------------------------- */
    6600  
    6601  
    6602   /* scroll to top CSS start
    6603   --------------------------------------------- */
    6604  
    6605   a.corporate-solutions-scroll-to-top {
    6606     position: fixed;
    6607     bottom: 55px;
    6608     left: 30px;
    6609     height: 50px;
    6610     width: 50px;
    6611     opacity: 0;
    6612     visibility: hidden;
    6613     z-index: 17;
    6614     display: flex;
    6615     align-items: center;
    6616     justify-content: center;
    6617     text-decoration: none;
    6618     color: #fff;
    6619     background-image: var(--background-color-gradiant);
    6620     border: 1px solid var(--color-text-white);
    6621     transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    6622     border-radius: 5px;
    6623   }
    6624  
    6625   a.corporate-solutions-scroll-to-top:hover,
    6626   a.corporate-solutions-scroll-to-top:focus {
    6627     box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
    6628     transform: translateY(-10px);
    6629   }
    6630  
    6631   a.corporate-solutions-scroll-to-top.show {
    6632     opacity: 1;
    6633     visibility: visible;
    6634   }
    6635  
    6636  
    6637   /* scroll to top CSS end
    6638   --------------------------------------------- */
    6639  
    6640   .mfp-iframe-holder .mfp-close,
    6641   .mfp-image-holder .mfp-close {
    6642     width: auto;
    6643     padding: 10px;
    6644     display: flex;
    6645     align-items: center;
    6646     justify-content: center;
    6647   }
    6648  
    6649   .mfp-iframe-holder .mfp-close:focus,
    6650   .mfp-image-holder .mfp-close:focus {
    6651     outline: 1px dotted;
    6652   }
    6653  
    6654  
    6655   /* give plugin  CSS start
    6656   --------------------------------------------- */
    6657  
    6658   .give_notices {
    6659     padding-inline-start: 18px;
    6660   }
    6661  
    6662   .give-btn {
    6663     font-weight: 700;
    6664   }
    6665  
    6666   .give-btn:hover {
    6667     color: var(--primary-color);
    6668     background-color: #fff;
    6669   }
    6670  
    6671   .give-embed-form-wrapper.modal:after {
    6672     background-color: #ffffffe6;
    6673   }
    6674  
    6675   .give-embed-form-wrapper.modal .close-btn {
    6676     opacity: 0.7;
    6677   }
    6678  
    6679   .site-footer .give-goal-progress .income {
    6680     color: #fff;
    6681   }
    6682  
    6683  
    6684   /*-------- blog post CSS -------*/
    6685  
    6686   .mag-post-single img {
    6687     height: 100%;
    6688     max-height: 300px;
    6689     width: 100%;
    6690     border-radius: 10px;
    6691     object-fit: cover;
    6692   }
    6693  
    6694   .mag-post-single,
    6695   .related-posts .mag-post-single {
     6229/* footer social icons CSS end
     6230--------------------------------------------- */
     6231
     6232/* scroll to top CSS start
     6233--------------------------------------------- */
     6234a.corporate-solutions-scroll-to-top {
     6235        position: fixed;
     6236        bottom: 55px;
     6237        left: 30px;
     6238        height: 50px;
     6239        width: 50px;
     6240        opacity: 0;
     6241        visibility: hidden;
     6242        z-index: 17;
     6243        display: flex;
     6244        align-items: center;
     6245        justify-content: center;
     6246        text-decoration: none;
     6247        color: #fff;
     6248        background-image: var(--background-color-gradiant);
     6249        border: 1px solid var(--color-text-white);
     6250        transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
     6251        border-radius: 5px;
     6252}
     6253
     6254a.corporate-solutions-scroll-to-top:hover, a.corporate-solutions-scroll-to-top:focus {
     6255        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
     6256        transform: translateY(-10px);
     6257}
     6258
     6259a.corporate-solutions-scroll-to-top.show {
     6260        opacity: 1;
     6261        visibility: visible;
     6262}
     6263
     6264/* scroll to top CSS end
     6265--------------------------------------------- */
     6266.mfp-iframe-holder .mfp-close,
     6267.mfp-image-holder .mfp-close {
     6268        width: auto;
     6269        padding: 10px;
     6270        display: flex;
     6271        align-items: center;
     6272        justify-content: center;
     6273}
     6274
     6275.mfp-iframe-holder .mfp-close:focus,
     6276.mfp-image-holder .mfp-close:focus {
     6277        outline: 1px dotted;
     6278}
     6279
     6280/* give plugin  CSS start
     6281--------------------------------------------- */
     6282.give_notices {
     6283        padding-inline-start: 18px;
     6284}
     6285
     6286.give-btn {
     6287        font-weight: 700;
     6288}
     6289
     6290.give-btn:hover {
     6291        color: var(--primary-color);
     6292        background-color: #fff;
     6293}
     6294
     6295.give-embed-form-wrapper.modal:after {
     6296        background-color: #ffffffe6;
     6297}
     6298
     6299.give-embed-form-wrapper.modal .close-btn {
     6300        opacity: 0.7;
     6301}
     6302
     6303.site-footer .give-goal-progress .income {
     6304        color: #fff;
     6305}
     6306
     6307
     6308/*-------- blog post CSS -------*/
     6309.mag-post-single img {
     6310        height: 100%;
     6311        max-height: 300px;
     6312        width: 100%;
     6313        border-radius: 10px;
     6314        object-fit: cover;
     6315}
     6316.mag-post-single, .related-posts .mag-post-single{
    66966317    background: #e0f1f1;
    66976318    padding: 20px;
    … …  
    67026323    border: 1px solid;
    67036324    box-shadow: #0000004f 0px 0px 8px;
    6704     border-right: 5px solid var(--primary-color) !important;
    6705     border-left: 5px solid var(--primary-color) !important;
    6706   }
    6707  
    6708   .sticky .mag-post-single:before {
     6325       border-right: 5px solid var(--primary-color) !important;
     6326   border-left: 5px solid var(--primary-color) !important;
     6327}
     6328.sticky .mag-post-single:before {
    67096329    position: absolute;
    67106330    content: '';
    … …  
    67166336    z-index: -1;
    67176337    border-radius: 20px;
    6718     opacity: 30%;
    6719   }
    6720  
    6721   .sticky .mag-post-single {
     6338        opacity: 30%;
     6339}
     6340.sticky .mag-post-single {
    67226341    position: relative;
    6723     z-index: 0;
    6724   }
    6725  
    6726  
    6727   /*woocommerce css*/
    6728  
    6729   .woocommerce ul.products li span.price {
    6730     margin: 0 5px;
    6731   }
    6732  
    6733   .woocommerce ul.products li.product a img {
    6734     margin: 0;
    6735   }
    6736  
    6737   .woocommerce h2.woocommerce-loop-product__title {
    6738     color: #fff;
    6739   }
    6740  
    6741   .woocommerce h2.woocommerce-loop-product__title:hover {
    6742     color: var(--background-color-gradiant);
    6743   }
    6744  
    6745   p.price,
    6746   .woocommerce ul.products li.product .price,
    6747   .woocommerce div.product p.price,
    6748   .woocommerce div.product span.price {
    6749     color: #fff;
    6750     font-weight: bold;
    6751     font-size: 14px;
    6752   }
    6753  
    6754   span.onsale {
    6755     position: absolute;
    6756     top: 0;
    6757     right: 0;
    6758     background: var(--background-color-gradiant);
    6759     color: #fff;
    6760     padding: 2px 5px;
    6761     font-weight: bold;
    6762     font-size: 10px;
    6763     text-transform: uppercase;
    6764   }
    6765  
    6766   .pro-button a,
    6767   .woocommerce #respond input#submit,
    6768   .woocommerce a.button,
    6769   .woocommerce button.button,
    6770   .woocommerce input.button,
    6771   .woocommerce #respond input#submit.alt,
    6772   .woocommerce a.button.alt,
    6773   .woocommerce button.button.alt,
    6774   .woocommerce input.button.alt,
    6775   .woocommerce a.added_to_cart,
    6776   .woocommerce-Address-title.title a,
    6777   .wc-block-cart__submit-button {
    6778     padding: 12px 15px;
     6342        z-index: 0;
     6343}
     6344
     6345/*woocommerce css*/
     6346.woocommerce ul.products li span.price {
     6347  margin: 0 5px;
     6348}
     6349.woocommerce ul.products li.product a img{
     6350  margin: 0;
     6351}
     6352.woocommerce h2.woocommerce-loop-product__title,
     6353.wc-block-grid__product .wc-block-grid__product-title{
     6354        color: #000;
     6355}
     6356.woocommerce h2.woocommerce-loop-product__title:hover,
     6357.wc-block-grid__product .wc-block-grid__product-title:hover{
     6358        color: var(--primary-color);
     6359}
     6360.wc-block-grid__product a{
     6361        text-decoration: none;
     6362}
     6363p.price,
     6364.woocommerce ul.products li.product .price,
     6365.woocommerce div.product p.price,
     6366.woocommerce div.product span.price,
     6367.wc-block-grid__product-price {
     6368  color: #000;
     6369  font-weight: bold;
     6370  font-size: 14px;
     6371}
     6372.wc-block-grid__product-price del{
     6373        opacity: 0.5;
     6374}
     6375span.onsale {
     6376  position: absolute;
     6377  top: 0;
     6378  right: 0;
     6379  background: var(--background-color-gradiant);
     6380  color: #fff;
     6381  padding: 2px 5px;
     6382  font-weight: bold;
     6383  font-size: 10px;
     6384  text-transform: uppercase;
     6385}
     6386.pro-button a,
     6387.woocommerce #respond input#submit,
     6388.woocommerce a.button,
     6389.woocommerce button.button,
     6390.woocommerce input.button,
     6391.woocommerce #respond input#submit.alt,
     6392.woocommerce a.button.alt,
     6393.woocommerce button.button.alt,
     6394.woocommerce input.button.alt,.woocommerce a.added_to_cart,
     6395.woocommerce-Address-title.title a,
     6396.wc-block-cart__submit-button {
     6397        padding: 12px 15px;
    67796398    color: #fff;
    67806399    margin: 3px;
    … …  
    67826401    line-height: 15px;
    67836402    background: var(--background-color-gradiant);
    6784   }
    6785  
    6786   .wc-block-cart__submit-button {
    6787     color: #fff !important;
    6788   }
    6789  
    6790   .pro-button a:hover,
    6791   .woocommerce #respond input#submit:hover,
    6792   .woocommerce a.button:hover,
    6793   .woocommerce button.button:hover,
    6794   .woocommerce input.button:hover,
    6795   .woocommerce #respond input#submit.alt:hover,
    6796   .woocommerce a.button.alt:hover,
    6797   .woocommerce button.button.alt:hover,
    6798   .woocommerce input.button.alt:hover,
    6799   .woocommerce ul.products li.product .button:hover,
    6800   .woocommerce-Address-title.title a:hover,
    6801   .wc-block-cart__submit-button:hover {
    6802     background: #111111;
    6803     color: #fff;
    6804   }
    6805  
    6806   .woocommerce-privacy-policy-text p {
    6807     color: #202020;
    6808   }
    6809  
    6810   ins {
    6811     text-decoration: none;
    6812   }
    6813  
    6814   .woocommerce ul.products li {
     6403}
     6404.wc-block-cart__submit-button{
     6405        color: #fff !important;
     6406}
     6407.pro-button a:hover,
     6408.woocommerce #respond input#submit:hover,
     6409.woocommerce a.button:hover,
     6410.woocommerce button.button:hover,
     6411.woocommerce input.button:hover,
     6412.woocommerce #respond input#submit.alt:hover,
     6413.woocommerce a.button.alt:hover,
     6414.woocommerce button.button.alt:hover,
     6415.woocommerce input.button.alt:hover,
     6416.woocommerce ul.products li.product .button:hover,.woocommerce-Address-title.title a:hover,.wc-block-cart__submit-button:hover{
     6417  background: #111111;
     6418  color: #fff;
     6419}
     6420.woocommerce-privacy-policy-text p{
     6421        color: #202020;
     6422}
     6423ins {
     6424        text-decoration: none;
     6425}
     6426.woocommerce ul.products li {
    68156427    text-align: center;
    68166428    padding: 0px !important;
    68176429    border-radius: 0px;
     6430}
     6431.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
     6432        top: 0px;
     6433        left: auto;
     6434        right: 0px;
     6435        margin: 0;
     6436        line-height: 1;
     6437        background: var(--background-color-gradiant);
     6438        border-radius: 25px;
     6439        padding: 9px 10px;
     6440        border-radius: 0px;
     6441        height: 33px;
     6442        color: #fff;
     6443        min-height: 0;
     6444        text-transform: uppercase;
     6445}
     6446.woocommerce ul.products li.product .star-rating,.woocommerce .star-rating {
     6447  margin: 0px auto 10px;
     6448  color: #ffc53f;
     6449}
     6450.woocommerce .star-rating {
     6451    font-size: 20px;
     6452}
     6453.woocommerce .woocommerce-ordering select {
     6454  background: var(--background-color-gradiant);
     6455  color: #fff;
     6456  padding: 2px;
     6457  border: 1px solid #e3e3e3;
     6458}
     6459.woocommerce .entry-summary {
     6460  margin: 0;
     6461}
     6462.woocommerce .quantity .qty {
     6463  padding: 8px;
     6464  border: solid 2px #111111;
     6465}
     6466.woocommerce-message,
     6467.woocommerce-info,.woocommerce-error{
     6468  border-top-color: var(--background-color-gradiant);
     6469}
     6470.woocommerce-message::before,
     6471.woocommerce-info::before{
     6472  color: var(--background-color-gradiant);
     6473}
     6474input[type="text"],
     6475input[type="email"],
     6476input[type="phno"],
     6477input[type="password"],
     6478textarea {
     6479  border: 1px solid #bcbcbc;
     6480  width: 100%;
     6481  font-size: 16px;
     6482  padding: 10px 10px;
     6483  margin: 0 0 23px 0;
     6484  height: auto;
     6485}
     6486.woocommerce-MyAccount-content a:hover {
     6487    color: #000;
     6488}
     6489.woocommerce-account .woocommerce-MyAccount-navigation ul li {
     6490        display: inline-block;
     6491        background: var(--background-color-gradiant);
     6492        padding: 10px;
     6493        font-size: 15px;
     6494        font-weight: 600;
     6495        white-space: nowrap;
     6496        overflow-x: auto;
     6497        margin: 0;
    68186498  }
    6819  
    6820   .woocommerce ul.products li.product .onsale,
    6821   .woocommerce span.onsale {
    6822     top: 0px;
    6823     left: auto;
    6824     right: 0px;
    6825     margin: 0;
    6826     line-height: 1;
    6827     background: var(--background-color-gradiant);
    6828     border-radius: 25px;
    6829     padding: 9px 10px;
    6830     border-radius: 0px;
    6831     height: 33px;
    6832     color: #fff;
    6833     min-height: 0;
    6834     text-transform: uppercase;
    6835   }
    6836  
    6837   .woocommerce ul.products li.product .star-rating,
    6838   .woocommerce .star-rating {
    6839     margin: 0px auto 10px;
    6840     color: #ffc53f;
    6841   }
    6842  
    6843   .woocommerce .woocommerce-ordering select {
    6844     background: var(--background-color-gradiant);
    6845     color: #fff;
    6846     padding: 2px;
    6847     border: 1px solid #e3e3e3;
    6848   }
    6849  
    6850   .woocommerce .entry-summary {
    6851     margin: 0;
    6852   }
    6853  
    6854   .woocommerce .quantity .qty {
    6855     padding: 8px;
    6856     border: solid 2px #111111;
    6857   }
    6858  
    6859   .woocommerce-message,
    6860   .woocommerce-info,
    6861   .woocommerce-error {
    6862     border-top-color: var(--background-color-gradiant);
    6863   }
    6864  
    6865   .woocommerce-message::before,
    6866   .woocommerce-info::before {
    6867     color: var(--background-color-gradiant);
    6868   }
    6869  
    6870   input[type="text"],
    6871   input[type="email"],
    6872   input[type="phno"],
    6873   input[type="password"],
    6874   textarea {
    6875     border: 1px solid #bcbcbc;
    6876     width: 100%;
    6877     font-size: 16px;
    6878     padding: 10px 10px;
    6879     margin: 0 0 23px 0;
    6880     height: auto;
    6881   }
    6882  
    6883   .woocommerce-MyAccount-content a:hover {
    6884     color: #000;
    6885   }
    6886  
    6887   .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    6888     display: initial;
    6889     background: var(--background-color-gradiant);
    6890     padding: 10px;
    6891     margin-left: 5px;
    6892     font-size: 15px;
    6893     font-weight: 600;
    6894   }
    6895  
    6896   .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    6897     color: #fff;
    6898     text-decoration: none;
    6899   }
    6900  
    6901   h2.woocommerce-loop-product__title {
    6902     font-size: 16px !important;
    6903     padding: 8px 0 !important;
    6904   }
    6905  
    6906   .woocommerce #customer_login .col2-set .col-1,
    6907   .woocommerce-page .col2-set .col-1,
    6908   .woocommerce #customer_login .col2-set .col-2,
    6909   .woocommerce-page .col2-set .col-2 {
    6910     display: table-cell;
    6911     max-width: 100%;
    6912     float: none;
    6913   }
    6914  
    6915   .woocommerce ul.products li.product .button {
    6916     margin-top: 0;
    6917     border-radius: 3px;
    6918     color: #fff;
    6919   }
    6920  
    6921   .woocommerce ul.products li.product .button:hover {
    6922     color: var(--primary-color);
    6923     background: #fff;
    6924   }
    6925  
    6926   .woocommerce nav.woocommerce-pagination ul li a,
    6927   .woocommerce nav.woocommerce-pagination ul li span {
     6499.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
     6500  color: #fff;
     6501  text-decoration: none;
     6502}
     6503h2.woocommerce-loop-product__title,
     6504.wc-block-grid__product-title {
     6505  font-size: 20px !important;
     6506  padding: 8px 0 !important;
     6507  font-weight: 700;
     6508  text-decoration:none;
     6509}
     6510.woocommerce #customer_login .col2-set .col-1, .woocommerce-page .col2-set .col-1,
     6511.woocommerce #customer_login .col2-set .col-2, .woocommerce-page .col2-set .col-2{
     6512  display: table-cell;
     6513  max-width: 100%;
     6514  float: none;
     6515}
     6516.woocommerce ul.products li.product .button{
     6517  margin-top: 0;
     6518  border-radius: 3px;
     6519  color: #fff;
     6520}
     6521.woocommerce ul.products li.product .button:hover{
     6522        color: var(--primary-color);
     6523        background: #fff;
     6524}
     6525.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    69286526    padding: 15px 20px;
    69296527    margin: 0 5px;
    … …  
    69316529    font-size: 18px;
    69326530    font-weight: 600;
    6933   }
    6934  
    6935   .woocommerce nav.woocommerce-pagination ul li {
     6531}
     6532.woocommerce nav.woocommerce-pagination ul li{
    69366533    border-left: 0px;
    6937   }
    6938  
    6939   .woocommerce nav.woocommerce-pagination ul {
     6534}
     6535.woocommerce nav.woocommerce-pagination ul{
    69406536    border: 0px;
    6941   }
    6942  
    6943   .woocommerce nav.woocommerce-pagination ul li a:focus,
    6944   .woocommerce nav.woocommerce-pagination ul li a:hover,
    6945   .woocommerce nav.woocommerce-pagination ul li span.current {
     6537   
     6538}
     6539.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    69466540    background: var(--background-color-gradiant);
    69476541    color: #ffff;
    69486542    margin-bottom: 35px;
    6949   }
    6950  
    6951   .woocommerce-account .woocommerce-MyAccount-navigation,
    6952   .woocommerce-account .woocommerce-MyAccount-content {
    6953     width: 100%;
    6954   }
    6955  
    6956   .woocommerce-account .woocommerce-MyAccount-navigation ul {
     6543}
     6544.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
     6545        width: 100%;
     6546}
     6547.woocommerce-account .woocommerce-MyAccount-navigation ul {
    69576548    padding: 0;
    69586549    margin: 0;
    69596550    list-style: none;
    6960   }
    6961  
    6962   .woocommerce-account .woocommerce-MyAccount-navigation ul {
     6551}
     6552.woocommerce-account .woocommerce-MyAccount-navigation ul {
    69636553    padding: 0;
    69646554    margin: 0;
    69656555    list-style: none;
    6966   }
    6967  
    6968   .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
     6556}
     6557.woocommerce a.added_to_cart {
     6558  font-size: 18px;
     6559  font-weight: 700;
     6560  border-radius: 3px;
     6561}
     6562.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    69696563    border: 1px solid;
    69706564    padding: 11px;
    6971   }
    6972  
    6973   .wp-block-woocommerce-cart-order-summary-block {
     6565}
     6566.wp-block-woocommerce-cart-order-summary-block {
    69746567    border: 1px solid;
    69756568    padding: 10px;
    6976   }
     6569}
     6570.is-large.wc-block-cart .wc-block-cart-items th {
     6571    font-size: 20px;
    69776572 
    6978   .is-large.wc-block-cart .wc-block-cart-items th {
    6979     font-size: 20px;
    6980   }
    6981  
    6982   .wc-block-components-product-badge.wc-block-components-sale-badge {
     6573}
     6574.wc-block-components-checkout-return-to-cart-button{
     6575 background-color: var(--primary-color);
     6576 padding: 10px;
     6577 padding-right: 25px;
     6578}
     6579.wc-block-checkout__actions .wc-block-checkout__actions_row a{
     6580 color: #fff !important;
     6581}
     6582.wc-block-components-product-badge.wc-block-components-sale-badge {
    69836583    padding: 8px;
    6984   }
    6985  
    6986   .is-large.wc-block-cart .wc-block-cart__totals-title {
     6584}
     6585.is-large.wc-block-cart .wc-block-cart__totals-title {
    69876586    font-size: 14px;
    6988   }
    6989  
    6990   .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
    6991     border: 1px solid;
    6992   }
    6993  
    6994   .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-product-name {
    6995     font-size: 20px;
    6996   }
    6997  
    6998   .woocommerce table.shop_table,
    6999   .woocommerce table.shop_table td {
     6587}
     6588.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{
     6589        border: 1px solid;
     6590}
     6591.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-product-name{
     6592        font-size: 20px;
     6593
     6594}
     6595.woocommerce table.shop_table, .woocommerce table.shop_table td {
    70006596    border: 1px solid #ffffff52;
    7001   }
    7002  
    7003   .nav-previous a {
     6597}
     6598.nav-previous a {
    70046599    border: 2px solid;
    70056600    padding: 8px 16px;
    7006   }
    7007  
    7008   .nav-next a {
     6601}
     6602.nav-next a {
    70096603    border: 1px solid;
    70106604    padding: 8px 16px;
    7011   }
    7012  
    7013   .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
     6605}
     6606.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    70146607    border: 1px solid!important;
     6608
    70156609    padding: 8px!important;
    7016   }
    7017  
    7018  
    7019   /*------------------------ NEW CSS -------------------------- */
    7020  
    7021  
    7022   /* Basic sticky header style */
    7023  
    7024   .sticky-header {
    7025     top: 0;
    7026     z-index: 1000;
    7027     /* Ensures the header is above other content */
    7028   }
    7029  
    7030   body.admin-bar .sticky-header {
    7031     top: 32px;
    7032   }
    7033  
    7034   .sticky-header.is-sticky {
    7035     right: 0;
    7036     transition: all 0.3s ease-in-out;
    7037     position: -webkit-sticky !important;
    7038     /* For Safari */
    7039     position: fixed !important;
    7040     background: #000;
    7041     width: 100%;
    7042     padding: 10px;
    7043   }
    7044  
    7045   p.site-description {
    7046     text-align: right;
    7047   }
    7048  
    7049   @media only screen and (max-width: 1500px) {
    7050     .related-posts .row {
    7051       display: grid;
    7052       grid-gap: 20px;
    7053       grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    7054     }
    7055   }
    7056  
    7057   @media only screen and (max-width: 900px) {
    7058     body.admin-bar .sticky-header {
    7059       top: 45px;
    7060     }
    7061     ul.nav-menu {
    7062       text-align: right;
    7063     }
    7064     .main-navigation ul ul ul {
    7065       right: 0 !important;
    7066       top: 0;
    7067     }
    7068     .main-navigation ul ul {
    7069       position: unset !important;
    7070       float: none;
    7071     }
    7072     .main-navigation ul ul {
    7073       opacity: 1;
    7074     }
    7075   }
    7076  
    7077   @media only screen and (max-width: 600px) {
    7078     .sticky-header,
    7079     .sticky-header.is-sticky {
    7080       position: unset !important;
    7081       padding: 0;
    7082       background: none;
    7083       box-shadow: none;
    7084     }
    7085     h1.site-title {
    7086       text-align: center;
    7087     }
    7088     p.site-description {
    7089       text-align: center;
    7090     }
    7091     .related-posts .row {
    7092       grid-template-columns: 1fr;
    7093     }
    7094   }
    7095  
    7096   nav.woocommerce-breadcrumb {
    7097     display: none;
    7098   }
    7099  
    7100   .paganot-found-button {
    7101     margin-top: 30px;
    7102   }
    7103  
    7104   ul#menu-all-pages li ul {
    7105     width: 100% !important;
    7106     min-width: 145px !important;
    7107   }
    7108  
    7109   span.nav-title {
    7110     word-break: break-all;
    7111   }
    7112  
    7113   .sticky-header.is-sticky .header-main-wrapper {
    7114     background: #000;
    7115   }
    7116  
    7117  
    7118   /* scroll top css */
    7119  
    7120  
    7121   /* Shape Options */
    7122  
    7123   #scroll-to-top.box {
    7124     border-radius: 0;
    7125   }
    7126  
    7127   #scroll-to-top.curved-box {
    7128     border-radius: 15px;
    7129   }
    7130  
    7131   #scroll-to-top.circle {
    7132     border-radius: 50%;
    7133   }
    7134  
    7135   .media-container audio {
    7136     width: 100%;
    7137   }
    7138  
    7139   .video-container video {
    7140     width: 100%;
    7141     border-radius: 10px;
    7142   }
    7143  
    7144   body.site-boxed--layout #page {
    7145     margin: 50px;
    7146     box-shadow: 0 0 15px rgba(255, 255, 255, 0.32);
    7147     position: relative;
    7148   }
    7149  
    7150   body.site-wide--layout #page {
    7151     margin: 0;
    7152     box-shadow: none;
    7153   }
    7154  
    7155   nav.wp-calendar-nav span a {
    7156     color: var(--primary-color) !important;
    7157   }
    7158  
    7159  
    7160   /* Read More CSS */
    7161  
    7162   .read-more-button {
    7163     display: inline-flex;
    7164     align-items: center;
    7165     padding: 10px 20px;
    7166     margin-top: 10px;
    7167     background-color: #000;
    7168     color: #ffffff !important;
    7169     text-decoration: none;
    7170     border-radius: 5px;
    7171     font-size: 16px;
    7172     transition: all 0.5s ease;
    7173   }
    7174  
    7175   .read-more-button .dashicons {
    7176     margin-right: 8px;
    7177     font-size: 20px;
    7178     transition: transform 0.5s ease;
    7179   }
    7180  
    7181   .read-more-button:hover {
    7182     background-color: var(--primary-color);
    7183     cursor: pointer;
    7184   }
    7185  
    7186   .mag-post-read-more a {
    7187     transition: all 0.5s ease;
    7188   }
    7189  
    7190   .mag-post-read-more i {
    7191     padding-right: 10px;
    7192     transition: transform 0.5s ease;
    7193   }
    7194  
    7195   .read-more-button:hover .dashicons,
    7196   .read-more-button:hover i {
    7197     transform: translateX(-8px);
    7198   }
    7199  
    7200   .mag-post-read-more a {
    7201     position: relative;
    7202   }
    7203  
    7204   .read-more-button::before {
    7205     content: '';
    7206     position: absolute;
    7207     top: 0;
    7208     right: -100em;
    7209     width: 100%;
    7210     height: 100%;
    7211     background-color: rgba(255, 255, 255, 0.1);
    7212     transition: right 0.5s ease;
    7213   }
    7214  
    7215   .read-more-button:hover::before {
    7216     right: 0;
    7217   }
    7218  
    7219   div#content {
    7220     margin-top: 3em;
    7221   }
    7222  
    7223   nav.woocommerce-MyAccount-navigation {
    7224     margin-bottom: 20px;
    7225     margin-top: 20px;
    7226   }
    7227  
    7228  
    7229   /*------------------------------------* PAGE TITLE HEADER CSS*------------------------------------*/
    7230  
    7231   h1.page-header-title {
    7232     font-size: 50px;
    7233   }
    7234  
    7235   h2.page-header-title {
    7236     font-size: 40px;
    7237   }
    7238  
    7239   h3.page-header-title {
    7240     font-size: 30px;
    7241   }
    7242  
    7243   h4.page-header-title {
    7244     font-size: 26px;
    7245   }
    7246  
    7247   h5.page-header-title {
    7248     font-size: 24px;
    7249   }
    7250  
    7251   h6.page-header-title {
    7252     font-size: 22px;
    7253   }
    7254  
    7255   .page-header {
    7256     position: relative;
    7257     background-color: #f5f5f5;
    7258     padding: 50px 0;
    7259   }
    7260  
    7261   .page-header .container {
    7262     position: relative;
    7263   }
    7264  
    7265   .page-header-title {
    7266     display: block;
    7267     line-height: 1.4em;
    7268     margin: 0;
    7269     color: var(--primary-color);
    7270   }
    7271  
    7272   h2.page-header-title {
    7273     margin: 5px 0;
    7274   }
    7275  
    7276   nav.breadcrumb-trail.breadcrumbs {
    7277     margin: 15px 0 0;
    7278   }
    7279  
    7280   .header-style-centered .page-header-inner {
    7281     text-align: center;
    7282   }
    7283  
    7284   .header-style-inline .page-header-inner {
    7285     display: flex;
    7286     align-items: center;
    7287     justify-content: space-between;
    7288   }
    7289  
    7290   @media only screen and (max-width: 700px) {
    7291     .hide-on-mobile {
    7292       display: none;
    7293     }
    7294   }
    7295  
    7296   @media only screen and (min-width: 768px) and (max-width: 1000px) {
    7297     .hide-on-tablet {
    7298       display: none;
    7299     }
    7300   }
    7301  
    7302   @media only screen and (max-width: 900px) {
    7303     .hide-on-tablet-mobile {
    7304       display: none;
    7305     }
    7306   }
    7307  
    7308   header.page-header.has-background-image {
    7309     position: relative;
    7310   }
    7311  
    7312   header.page-header.has-background-image .page-header-inner {
    7313     position: absolute;
    7314     top: 50%;
    7315     right: 50%;
    7316     transform: translate(50%, -50%);
    7317     width: 100%;
    7318   }
    7319  
    7320   header.page-header {
    7321     overflow-wrap: anywhere;
    7322   }
    7323  
    7324   .woocommerce-products-header__title {
    7325     display: none;
    7326   }
    7327  
    7328   @media only screen and (max-width: 700px) {
    7329     .asterthemes-wrapper.page-header-inner {
    7330       display: flex;
    7331       justify-content: center;
    7332       align-items: center;
    7333       flex-direction: column;
    7334     }
    7335     nav.breadcrumb-trail.breadcrumbs {
    7336       width: 100%;
    7337     }
    7338     .page-header-title {
    7339       width: 100%;
    7340     }
    7341     .woocommerce ul.products[class*=columns-] li.product,
    7342     .woocommerce-page ul.products[class*=columns-] li.product {
    7343       width: 100%;
    7344       float: right;
    7345       clear: both;
    7346       margin: 0 0 2.992em;
    7347     }
    7348   }
    7349  
    7350   h2.woocommerce-loop-product__title {
    7351     overflow-wrap: anywhere;
    7352   }
    7353  
    7354   div#tab-description {
    7355     overflow-wrap: anywhere;
    7356   }
    7357  
    7358   .widget ol:not(.corporate-solutions-tabs) ol,
    7359   .widget ol:not(.corporate-solutions-tabs) ul,
    7360   .widget ul:not(.corporate-solutions-tabs) ol,
    7361   .widget ul:not(.corporate-solutions-tabs) ul {
    7362     padding-top: 0px !important;
    7363     margin-right: 0px !important;
    7364   }
    7365  
    7366   @media only screen and (max-width: 900px) {
    7367     .widget ol:not(.corporate-solutions-tabs) ol,
    7368     .widget ol:not(.corporate-solutions-tabs) ul,
    7369     .widget ul:not(.corporate-solutions-tabs) ol,
    7370     .widget ul:not(.corporate-solutions-tabs) ul {
    7371       padding-right: 0px !important;
    7372     }
    7373   }
    7374  
    7375   .entry-content {
    7376     overflow-wrap: anywhere;
    7377   }
    7378  
    7379   .asterthemes-wrapper.page-header-inner {
    7380     gap: 10px;
    7381   }
    7382  
    7383   .dt_footer-widgets.one-column .footer-one-column {
    7384     width: 100%;
    7385   }
    7386  
    7387   .dt_footer-widgets.two-columns .footer-one-column {
    7388     width: 50%;
    7389   }
    7390  
    7391   .dt_footer-widgets.three-columns .footer-one-column {
    7392     width: 33.33%;
    7393   }
    7394  
    7395   .dt_footer-widgets.four-columns .footer-one-column {
    7396     width: 25%;
    7397   }
    7398  
    7399   @media only screen and (max-width: 800px) {
    7400     .calendar_wrap {
    7401       font-size: 14px;
    7402     }
    7403   }
    7404  
    7405   @media only screen and (max-width: 600px) {
    7406     .footer-one-column {
    7407       width: 100% !important;
    7408     }
    7409     .dt_footer-widgets .footer-widgets-column {
    7410       display: block !important;
    7411     }
    7412   }
    7413  
    7414  
    7415   /* ARCHIVE LAYOUT */
    7416  
    7417   .corporate_solutions-archive-layout {
    7418     margin-bottom: 30px;
    7419   }
    7420  
    7421   .corporate_solutions-archive-layout.grid-layout {
    7422     display: grid;
    7423     grid-gap: 30px;
    7424   }
    7425  
    7426   .corporate_solutions-archive-layout.grid-layout article {
    7427     margin-bottom: 0;
    7428   }
    7429  
    7430   .corporate_solutions-archive-layout.grid-layout.column-2 {
    7431     grid-template-columns: repeat(2, 1fr);
    7432   }
    7433  
    7434   .corporate_solutions-archive-layout.grid-layout.column-3 {
    7435     grid-template-columns: repeat(3, 1fr);
    7436     grid-gap: 20px;
    7437   }
    7438  
    7439   .corporate_solutions-archive-layout.grid-layout.column-4 {
    7440     grid-template-columns: repeat(4, 1fr);
    7441     grid-gap: 20px;
    7442   }
    7443  
    7444   .corporate_solutions-archive-layout.grid-layout.column-4 .mag-post-single {
    7445     padding: 15px;
    7446   }
    7447  
    7448   .corporate_solutions-archive-layout.grid-layout.column-3 .read-more-button {
    7449     padding: 10px 10px;
    7450   }
    7451  
    7452   .corporate_solutions-archive-layout.grid-layout.column-4 .read-more-button {
    7453     padding: 10px 15px;
    7454   }
    7455  
    7456   @media (max-width: 991px) {
    7457     .corporate_solutions-archive-layout.grid-layout.column-4 {
    7458       grid-template-columns: repeat(3, 1fr);
    7459     }
    7460   }
    7461  
    7462   @media (max-width: 768px) {
    7463     .corporate_solutions-archive-layout.grid-layout.column-4,
    7464     .corporate_solutions-archive-layout.grid-layout.column-3 {
    7465       grid-template-columns: repeat(2, 1fr);
    7466     }
    7467   }
    7468  
    7469   .site-logo img,
    7470   .site-logo a,
    7471   .site-logo,
    7472   .site-branding {
    7473     width: 100%;
    7474   }
    7475  
    7476   @media (max-width: 600px) {
    7477     .corporate_solutions-archive-layout.grid-layout.column-4,
    7478     .corporate_solutions-archive-layout.grid-layout.column-2,
    7479     .corporate_solutions-archive-layout.grid-layout.column-3 {
    7480       grid-template-columns: repeat(1, 1fr);
    7481     }
    7482     .site-logo img,
    7483     .site-logo a,
    7484     .site-logo,
    7485     .site-branding {
    7486       text-align: center;
    7487     }
    7488   }
    7489  
    7490   .page-header.has-background-image {
    7491     padding: 0;
    7492   }
    7493  
    7494   footer#colophon .asterthemes-wrapper {
    7495     padding: 0;
    7496   }
    7497  
    7498   .site-logo img,
    7499   .site-logo a,
    7500   .site-logo,
    7501   .site-branding {
    7502     width: 100%;
    7503   }
    7504  
    7505   .woocommerce-Addresses .woocommerce .col2-set,
    7506   .woocommerce-page .col2-set {
    7507     display: flex;
    7508   }
    7509  
    7510   .woocommerce-Address-title.title {
     6610}
     6611
     6612
     6613
     6614/*------------------------ NEW CSS -------------------------- */
     6615
     6616        /* Basic sticky header style */
     6617        .sticky-header  {
     6618                top: 0;
     6619                z-index: 1000; /* Ensures the header is above other content */
     6620        }
     6621
     6622        body.admin-bar .sticky-header{
     6623                top: 32px;
     6624        }
     6625       
     6626        .sticky-header.is-sticky {
     6627                right: 0;
     6628                transition: all 0.3s ease-in-out;
     6629                position: -webkit-sticky !important; /* For Safari */
     6630                position: fixed !important;
     6631                background: #000;
     6632                width: 100%;
     6633                padding: 10px;
     6634        }
     6635
     6636        p.site-description {
     6637                text-align: right;
     6638        }
     6639
     6640        @media only screen and (max-width: 1500px) {
     6641                .related-posts .row {
     6642                        display: grid;
     6643                        grid-gap: 20px;
     6644                        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     6645                }
     6646        }
     6647
     6648        @media only screen and (max-width: 900px) {
     6649                body.admin-bar .sticky-header {
     6650                        top: 45px;
     6651                }
     6652                ul.nav-menu {
     6653                        text-align: right;
     6654                }
     6655                .main-navigation ul ul ul {
     6656                        right: 0 !important;
     6657                        top: 0;
     6658                }
     6659                .main-navigation ul ul {
     6660                        position: unset !important;
     6661                        float: none;
     6662                }
     6663                .main-navigation ul ul {
     6664                        opacity: 1;
     6665                }
     6666        }
     6667
     6668
     6669        @media only screen and (max-width: 600px) {
     6670                .sticky-header, .sticky-header.is-sticky {
     6671                        position: unset !important;
     6672                        padding: 0;
     6673                        background: none;
     6674                        box-shadow: none;
     6675                }
     6676                h1.site-title {
     6677                        text-align: center;
     6678                }
     6679                p.site-description {
     6680                        text-align: center;
     6681                }
     6682                .related-posts .row {
     6683                        grid-template-columns: 1fr;
     6684                }
     6685        }
     6686
     6687
     6688        nav.woocommerce-breadcrumb {
     6689                display: none;
     6690        }
     6691
     6692        .paganot-found-button {
     6693                margin-top: 30px;
     6694        }
     6695
     6696        ul#menu-all-pages li ul {
     6697                width: 100% !important;
     6698                min-width: 145px !important;
     6699        }
     6700
     6701
     6702        span.nav-title {
     6703                word-break: break-all;
     6704        }
     6705        .sticky-header.is-sticky .header-main-wrapper {
     6706                background: #000 ;
     6707        }
     6708
     6709        /* scroll top css */
     6710
     6711          /* Shape Options */
     6712          #scroll-to-top.box {
     6713                border-radius: 0;
     6714          }
     6715         
     6716          #scroll-to-top.curved-box {
     6717                border-radius: 15px;
     6718          }
     6719         
     6720          #scroll-to-top.circle {
     6721                border-radius: 50%;
     6722          }
     6723          .media-container audio{
     6724                width: 100%;
     6725        }
     6726        .video-container video {
     6727                width: 100%;
     6728                border-radius: 10px;
     6729        }
     6730        body.site-boxed--layout #page {
     6731                margin: 50px;
     6732                box-shadow: 0 0 15px rgba(255, 255, 255, 0.32);
     6733                position: relative;
     6734        }
     6735       
     6736        body.site-wide--layout #page {
     6737                margin: 0;
     6738                box-shadow: none;
     6739        }
     6740
     6741        nav.wp-calendar-nav span a{
     6742                color: var(--primary-color) !important;
     6743        }
     6744       
     6745        /* Read More CSS */
     6746
     6747        .read-more-button {
     6748                display: inline-flex;
     6749                align-items: center;
     6750                padding: 10px 20px;
     6751                margin-top: 10px;
     6752                background-color: #000;
     6753                color: #ffffff !important;
     6754                text-decoration: none;
     6755                border-radius: 5px;
     6756                font-size: 16px;
     6757                transition: all 0.5s ease;
     6758        }
     6759       
     6760        .read-more-button .dashicons {
     6761                margin-right: 8px;
     6762                font-size: 20px;
     6763                transition: transform 0.5s ease;
     6764        }
     6765       
     6766        .read-more-button:hover {
     6767                background-color: var(--primary-color);
     6768                cursor: pointer;
     6769        }
     6770       
     6771        .mag-post-read-more a {
     6772                transition: all 0.5s ease;
     6773        }
     6774       
     6775        .mag-post-read-more i {
     6776                padding-right: 10px;
     6777                transition: transform 0.5s ease;
     6778        }
     6779       
     6780        .read-more-button:hover .dashicons, .read-more-button:hover i {
     6781                transform: translateX(-8px);
     6782        }
     6783
     6784        .mag-post-read-more a {
     6785                position: relative;
     6786        }
     6787       
     6788        .read-more-button::before {
     6789                content: '';
     6790                position: absolute;
     6791                top: 0;
     6792                right: -100em;
     6793                width: 100%;
     6794                height: 100%;
     6795                background-color: rgba(255, 255, 255, 0.1);
     6796                transition: right 0.5s ease;
     6797        }
     6798       
     6799        .read-more-button:hover::before {
     6800                right: 0;
     6801        }
     6802
     6803        div#content {
     6804                padding-top: 3em;
     6805        }
     6806
     6807        nav.woocommerce-MyAccount-navigation {
     6808                margin-bottom: 20px;
     6809                margin-top: 20px;
     6810        }
     6811/*------------------------------------* PAGE TITLE HEADER CSS*------------------------------------*/   
     6812h1.page-header-title{
     6813        font-size: 50px;
     6814}
     6815h2.page-header-title{
     6816        font-size: 40px;
     6817}
     6818h3.page-header-title{
     6819        font-size: 30px;
     6820}
     6821h4.page-header-title{
     6822        font-size: 26px;
     6823}
     6824h5.page-header-title{
     6825        font-size: 24px;
     6826}
     6827h6.page-header-title{
     6828        font-size: 22px;
     6829}
     6830
     6831.page-header {
     6832        position: relative;
     6833        background-color: #eee;
     6834        padding: 50px 0;
     6835}
     6836.page-header .container {
     6837        position: relative;
     6838}
     6839
     6840.page-header-title {
     6841        display: block;
     6842        line-height: 1.4em;
     6843        margin: 0;
     6844        color: var(--primary-color);
     6845}
     6846
     6847h2.page-header-title{
     6848        margin: 5px 0;
     6849}
     6850
     6851nav.breadcrumb-trail.breadcrumbs {
     6852        margin: 15px 0 0;
     6853}
     6854
     6855.header-style-centered .page-header-inner {
     6856        text-align: center;
     6857}
     6858
     6859.header-style-inline .page-header-inner {
     6860        display: flex;
     6861        align-items: center;
     6862        justify-content: space-between;
     6863}
     6864
     6865#coming-soon-footer-banner .coming-soon-footer-banner__content{
     6866        color:#000;
     6867}
     6868
     6869@media only screen and (max-width: 700px) {
     6870        .hide-on-mobile {
     6871                display: none;
     6872        }
     6873}
     6874
     6875@media only screen and (min-width: 768px) and (max-width: 1000px) {
     6876        .hide-on-tablet {
     6877                display: none;
     6878        }
     6879}
     6880
     6881@media only screen and (max-width: 900px) {
     6882        .hide-on-tablet-mobile {
     6883                display: none;
     6884        }
     6885}
     6886
     6887header.page-header.has-background-image{
     6888        position: relative;
     6889}
     6890
     6891header.page-header.has-background-image .page-header-inner {
     6892        position: absolute;
     6893        top: 50%;
     6894        right: 50%;
     6895        transform: translate(50%, -50%);
     6896        width: 100%;
     6897}
     6898
     6899header.page-header {
     6900        overflow-wrap: anywhere;
     6901}
     6902
     6903.woocommerce-products-header__title {
     6904        display: none;
     6905}
     6906
     6907@media only screen and (max-width: 700px) {
     6908        .asterthemes-wrapper.page-header-inner {
     6909                display: flex;
     6910                justify-content: center;
     6911                align-items: center;
     6912                flex-direction: column;
     6913        }
     6914        nav.breadcrumb-trail.breadcrumbs {
     6915                width: 100%;
     6916        }
     6917        .page-header-title {
     6918                width: 100%;
     6919        }
     6920        .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
     6921                width: 100%;
     6922                float: right;
     6923                clear: both;
     6924                margin: 0 0 2.992em;
     6925        }
     6926}
     6927       
     6928h2.woocommerce-loop-product__title {
     6929                overflow-wrap: anywhere;
     6930}
     6931div#tab-description {
     6932        overflow-wrap: anywhere;
     6933}
     6934
     6935.widget ol:not(.corporate-solutions-tabs) ol, .widget ol:not(.corporate-solutions-tabs) ul, .widget ul:not(.corporate-solutions-tabs) ol, .widget ul:not(.corporate-solutions-tabs) ul {
     6936        padding-top: 0px !important;
     6937        margin-right: 0px !important;
     6938}
     6939@media only screen and (max-width: 900px) {
     6940        .widget ol:not(.corporate-solutions-tabs) ol, .widget ol:not(.corporate-solutions-tabs) ul, .widget ul:not(.corporate-solutions-tabs) ol, .widget ul:not(.corporate-solutions-tabs) ul {
     6941                padding-right: 0px !important;
     6942        }
     6943}
     6944#content{
     6945        color: #000;
     6946        background-color: #fff;
     6947}
     6948.entry-content {
     6949        overflow-wrap: anywhere;
     6950}
     6951
     6952.asterthemes-wrapper.page-header-inner{
     6953        gap: 10px;
     6954}
     6955
     6956
     6957.dt_footer-widgets.one-column .footer-one-column {
     6958        width: 100%;
     6959}
     6960
     6961.dt_footer-widgets.two-columns .footer-one-column {
     6962        width: 50%;
     6963}
     6964
     6965.dt_footer-widgets.three-columns .footer-one-column {
     6966        width: 33.33%;
     6967}
     6968
     6969.dt_footer-widgets.four-columns .footer-one-column {
     6970        width: 25%;
     6971}
     6972
     6973@media only screen and (max-width: 800px) {
     6974        .calendar_wrap {
     6975                font-size: 14px;
     6976        }
     6977}
     6978
     6979@media only screen and (max-width: 600px) {
     6980        .footer-one-column{
     6981                width: 100% !important;
     6982        }
     6983        .dt_footer-widgets .footer-widgets-column {
     6984                display: block !important;
     6985        }
     6986}
     6987
     6988/* ARCHIVE LAYOUT */
     6989
     6990.corporate_solutions-archive-layout {
     6991        margin-bottom: 30px;
     6992}
     6993
     6994.corporate_solutions-archive-layout.grid-layout {
     6995        display: grid;
     6996        grid-gap: 30px;
     6997}
     6998
     6999.corporate_solutions-archive-layout.grid-layout article {
     7000        margin-bottom: 0;
     7001}
     7002
     7003.corporate_solutions-archive-layout.grid-layout.column-2 {
     7004        grid-template-columns: repeat(2, 1fr);
     7005}
     7006
     7007.corporate_solutions-archive-layout.grid-layout.column-3 {
     7008        grid-template-columns: repeat(3, 1fr);
     7009        grid-gap: 20px;
     7010}
     7011
     7012.corporate_solutions-archive-layout.grid-layout.column-4 {
     7013        grid-template-columns: repeat(4, 1fr);
     7014        grid-gap: 20px;
     7015}
     7016
     7017.corporate_solutions-archive-layout.grid-layout.column-4 .mag-post-single{
     7018        padding: 15px;
     7019}
     7020
     7021.corporate_solutions-archive-layout.grid-layout.column-3 .read-more-button {
     7022        padding: 10px 10px;
     7023}
     7024
     7025.corporate_solutions-archive-layout.grid-layout.column-4 .read-more-button {
     7026        padding: 10px 15px;
     7027}
     7028
     7029@media (max-width: 991px) {
     7030        .corporate_solutions-archive-layout.grid-layout.column-4 {
     7031                grid-template-columns: repeat(3, 1fr);
     7032        }
     7033}
     7034
     7035@media (max-width: 768px) {
     7036        .corporate_solutions-archive-layout.grid-layout.column-4, .corporate_solutions-archive-layout.grid-layout.column-3 {
     7037                grid-template-columns: repeat(2, 1fr);
     7038        }
     7039}
     7040        .site-logo img,.site-logo a,.site-logo, .site-branding {
     7041                width: 100%;
     7042        }
     7043@media (max-width: 600px) {
     7044        .corporate_solutions-archive-layout.grid-layout.column-4,.corporate_solutions-archive-layout.grid-layout.column-2,.corporate_solutions-archive-layout.grid-layout.column-3 {
     7045                grid-template-columns: repeat(1, 1fr);
     7046        }
     7047        .site-logo img,.site-logo a,.site-logo, .site-branding {
     7048                text-align: center;
     7049        }
     7050}
     7051
     7052.page-header.has-background-image{
     7053        padding:0;
     7054}
     7055footer#colophon .asterthemes-wrapper {
     7056        padding: 0;
     7057}
     7058
     7059.site-logo img,.site-logo a,.site-logo, .site-branding {
     7060        width: 100%;
     7061}
     7062
     7063.woocommerce-Addresses .woocommerce .col2-set, .woocommerce-page .col2-set {
     7064        display: flex;
     7065}
     7066.woocommerce-Address-title.title{
    75117067    margin-bottom: 20px !important;
    7512   }
    7513  
    7514   .woocommerce-account .addresses .title .edit {
     7068}
     7069.woocommerce-account .addresses .title .edit{
    75157070    float: right;
    75167071    text-decoration: none !important;
    7517   }
    7518  
    7519   #secondary .tagcloud a:hover {
     7072}
     7073#secondary .tagcloud a:hover {
    75207074    color: var(--primary-color) !important;
    75217075    border-color: var(--primary-color) !important;
    7522   }
     7076}
     7077@media (max-width: 1400px) {
     7078        .site-footer .site-footer-bottom .site-footer-bottom-wrapper{
     7079                padding: 0px 10px;
     7080        }
     7081}
  • corporate-solutions/5.0/style.css

    r315237 r318976  
    55Author URI: https://asterthemes.com
    66Description: Corporate Solutions is a professional and versatile website template designed for businesses of all sizes. It caters to diverse industries, providing a user-friendly platform for companies to establish a strong online presence. The template is perfect for business consulting, enterprise solutions, corporate services, professional consulting, business strategy, corporate management, business development, consulting firm, corporate agency, financial services, management consulting, strategic planning, corporate branding, corporate marketing, business operations, project management, human resources, corporate training, leadership consulting, digital transformation, corporate governance, IT solutions, corporate communications, business outsourcing, performance management, brand consulting, business analysis, corporate restructuring, and supply chain management. With an emphasis on simplicity and functionality, this template ensures easy navigation for visitors and allows companies to present corporate information, services, and products in a clear and organized manner. Featuring a clean and modern design, intuitive layout, and fully compatible with Contact Form 7 for inquiries or client communication, the template reflects corporate professionalism while enabling seamless customization of colors, fonts, and sections. Corporate Solutions is suitable for various sectors, including finance, technology, consulting, marketing, and more, providing businesses with a polished and reliable platform to convey trustworthiness, competence, and expertise to their audience.
    7 Version: 4.9
     7Version: 5.0
    88Tested up to: 6.9
    99Requires PHP: 7.2
    … …  
    61536153}
    61546154
    6155 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,
    6156 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,
    6157 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,
    6158 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,
    6159 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle,
    6160 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title,
    6161 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description,
    6162 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {
    6163         transform-origin: top;
    6164         animation-name: asterthemes-animation1;
    6165         animation-fill-mode: both;
    6166         animation-duration: 0.7s;
    6167 }
    6168 
    6169 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,
    6170 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle {
    6171         animation-delay: 0.2s;
    6172 }
    6173 
    6174 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,
    6175 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title {
    6176         animation-delay: 0.3s;
    6177 }
    6178 
    6179 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,
    6180 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description {
    6181         animation-delay: 0.4s;
    6182 }
    6183 
    6184 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,
    6185 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {
    6186         animation-delay: 0.5s;
    6187 }
    6188 
    6189 @keyframes asterthemes-animation1 {
    6190         from {
    6191                 opacity: 0;
    6192                 transform: translateY(100px);
    6193         }
    6194         to {
    6195                 opacity: 1;
    6196                 transform: translateY(0);
    6197         }
    6198 }
    6199 
    62006155/*
    62016156--------------------------------------------- */
  • corporate-solutions/5.0/theme-library/customizer/front-page-options/banner.php

    r254271 r318976  
    175175        );
    176176}
     177
     178// Banner Button Label Color
     179$wp_customize->add_setting(
     180        'corporate_solutions_banner_btn_color',
     181        array(
     182                'default' => '',
     183                'sanitize_callback' => 'sanitize_hex_color',
     184        )
     185);
     186$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'corporate_solutions_banner_btn_color',array(
     187                        'label' => __('Banner Button Label Color','corporate-solutions'),
     188                        'section' => 'corporate_solutions_banner_section',
     189                        'settings' => 'corporate_solutions_banner_btn_color',
     190                        'active_callback' => 'corporate_solutions_is_banner_slider_section_enabled',
     191                )
     192        )
     193);
     194
     195// Banner Button Background Color
     196$wp_customize->add_setting('corporate_solutions_banner_btn_bg_color',array(
     197                'default' => '',
     198                'sanitize_callback' => 'sanitize_hex_color',
     199        )
     200);
     201$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'corporate_solutions_banner_btn_bg_color',array(
     202                        'label' => __('Banner Button Background Color','corporate-solutions'),
     203                        'section' => 'corporate_solutions_banner_section',
     204                        'settings' => 'corporate_solutions_banner_btn_bg_color',
     205                        'active_callback' => 'corporate_solutions_is_banner_slider_section_enabled',
     206                )
     207        )
     208);
  • corporate-solutions/5.0/theme-library/customizer/theme-options/theme-options.php

    r273526 r318976  
    559559    ),
    560560)));
     561
     562// ---------------------------------------- ANIMATION ----------------------------------------------------
     563
     564$wp_customize->add_setting( 'corporate_solutions_animation_separator', array(
     565        'sanitize_callback' => 'sanitize_text_field',
     566) );
     567$wp_customize->add_control( new Corporate_Solutions_Separator_Custom_Control( $wp_customize, 'corporate_solutions_animation_separator', array(
     568        'label' => __( 'Enable / Disable Animation', 'corporate-solutions' ),
     569        'section' => 'corporate_solutions_general_options',
     570        'settings' => 'corporate_solutions_animation_separator',
     571) ) );
     572// Animation Enable / Disable
     573$wp_customize->add_setting('corporate_solutions_enable_animation',array(
     574                'default'           => true,
     575                'sanitize_callback' => 'corporate_solutions_sanitize_switch',
     576        )
     577);
     578$wp_customize->add_control(
     579        new Corporate_Solutions_Toggle_Switch_Custom_Control($wp_customize,'corporate_solutions_enable_animation',array(
     580                        'label'   => esc_html__( 'Enable Animation', 'corporate-solutions' ),
     581                        'section' => 'corporate_solutions_general_options',
     582                )
     583        )
     584);
  • corporate-solutions/5.0/theme-library/function-files/customizer-settings-functions.php

    r315237 r318976  
    402402}
    403403add_action( 'wp_enqueue_scripts', 'corporate_solutions_show_first_caps' );
     404
     405// Banner Button Color
     406function corporate_solutions_banner_button_color_css() {
     407    $btn_color = get_theme_mod('corporate_solutions_banner_btn_color');
     408        $btn_bg_color = get_theme_mod('corporate_solutions_banner_btn_bg_color');
     409
     410        $custom_css = '';
     411    if ( !empty($btn_color) ) {
     412                $custom_css .= "
     413                .banner-slider-btn a.asterthemes-button{
     414                        color: {$btn_color};
     415                }";
     416        }
     417
     418        if ( !empty($btn_bg_color) ) {
     419        $custom_css .= "
     420        .banner-slider-btn a.asterthemes-button {
     421            background: {$btn_bg_color} !important;
     422            background-image: none !important;
     423        }
     424
     425        .banner-slider-btn a.asterthemes-button:hover {
     426            background: {$btn_bg_color} !important;
     427            background-image: none !important;
     428        }";
     429    }
     430
     431        wp_add_inline_style('corporate-solutions-style', $custom_css);
     432}
     433add_action('wp_enqueue_scripts','corporate_solutions_banner_button_color_css');
Note: See TracChangeset for help on using the changeset viewer.