@font-face {
    font-family: "Instrument Sans";
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/instrument-sans-latin-ext-italic.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Instrument Sans";
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/instrument-sans-latin-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Instrument Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/instrument-sans-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Instrument Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/instrument-sans-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-ext-italic.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --white-color: #fff;
    --dark-color: #222;
    --primary-color: #222;
    --secondary-color: #42526b;
    --accent-color: #ffc71d;
    --gray-color1: #6a778b;
    --gray-color2: #061c3d;
    --gray-color3: #e6e8ec;
    --gray-color4: #243752;
    --gray-color5: #f5f6f7;
    --gray-color6: #cdd2d8;
    --gray-color7: #cee0fa;
    --primary-font: "Instrument Sans", sans-serif;
    --secondary-font: "Inter", sans-serif;
    --cs-edge-start: 0%;
    --cs-edge-end: 100%
}

.cs_dark {
    --white-color: #fff;
    --accent-color: #ffc71d;
    --gray-color6: #cdd2d8;
    --gray-color7: #cee0fa;
    --primary-color: #f2f3f5;
    --gray-color2: #e8edf5;
    --gray-color4: #c2cddd;
    --secondary-color: #a7b1c2;
    --gray-color1: #8f9aac;
    --gray-color3: #32363d;
    --gray-color5: #1f1f1f;
    --dark-body: #191919;
    --dark-surface: #202020;
    --dark-surface-2: #282828;
    --dark-ink: #191919;
    background-color: var(--dark-body)
}

body.cs_dark {
    background-color: #191919
}

body,
html {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    overflow-x: clip;
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    background-color: var(--web-wash);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 700;
    line-height: 1.28em;
    color: var(--primary-color);
    font-family: var(--primary-font)
}

h1 {
    font-size: 56px
}

h2 {
    font-size: 42px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

p {
    margin-bottom: 15px
}

ul {
    margin: 0 0 25px 0;
    padding-inline-start: 20px;
    list-style: square outside none
}

ol {
    padding-inline-start: 20px;
    margin-bottom: 25px
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 15px;
    font-style: italic;
    font-size: 20px;
    line-height: 1.6em;
    margin: 0
}

address {
    margin: 0 0 15px
}

img {
    border: 0;
  
    height: auto;
    border-radius: inherit
}

a {
    color: inherit;
    text-decoration: none;
    transition: all .3s ease
}

button {
    color: inherit;
    border: 0;
    outline: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    cursor: pointer
}

a:hover {
    text-decoration: none;
    color: inherit
}

table {
    width: 100%;
    margin-bottom: 25px
}

table th {
    font-weight: 600;
    color: var(--secondary-color)
}

table td,
table th {
    border-top: 1px solid var(--border-color);
    padding: 11px 10px
}

dl {
    margin-bottom: 25px
}

dl dt {
    font-weight: 600
}

b,
strong {
    font-weight: bold
}

pre {
    color: var(--secondary-color);
    border: 1px solid var(--border);
    font-size: 18px;
    padding: 25px;
    border-radius: 5px
}

kbd {
    font-size: 100%;
    background-color: var(--secondary-color);
    border-radius: 5px
}

input,
textarea {
    color: var(--primary-color);
    transition: all .4s ease
}

label {
    margin-bottom: 8px
}

@media(min-width: 992px) {
    .cs_height_1 {
        height: 1px
    }

    .cs_height_2 {
        height: 2px
    }

    .cs_height_3 {
        height: 3px
    }

    .cs_height_4 {
        height: 4px
    }

    .cs_height_5 {
        height: 5px
    }

    .cs_height_6 {
        height: 6px
    }

    .cs_height_7 {
        height: 7px
    }

    .cs_height_8 {
        height: 8px
    }

    .cs_height_9 {
        height: 9px
    }

    .cs_height_10 {
        height: 10px
    }

    .cs_height_11 {
        height: 11px
    }

    .cs_height_12 {
        height: 12px
    }

    .cs_height_13 {
        height: 13px
    }

    .cs_height_14 {
        height: 14px
    }

    .cs_height_15 {
        height: 15px
    }

    .cs_height_16 {
        height: 16px
    }

    .cs_height_17 {
        height: 17px
    }

    .cs_height_18 {
        height: 18px
    }

    .cs_height_19 {
        height: 19px
    }

    .cs_height_20 {
        height: 20px
    }

    .cs_height_21 {
        height: 21px
    }

    .cs_height_22 {
        height: 22px
    }

    .cs_height_23 {
        height: 23px
    }

    .cs_height_24 {
        height: 24px
    }

    .cs_height_25 {
        height: 25px
    }

    .cs_height_26 {
        height: 26px
    }

    .cs_height_27 {
        height: 27px
    }

    .cs_height_28 {
        height: 28px
    }

    .cs_height_29 {
        height: 29px
    }

    .cs_height_30 {
        height: 30px
    }

    .cs_height_31 {
        height: 31px
    }

    .cs_height_32 {
        height: 32px
    }

    .cs_height_33 {
        height: 33px
    }

    .cs_height_34 {
        height: 34px
    }

    .cs_height_35 {
        height: 35px
    }

    .cs_height_36 {
        height: 36px
    }

    .cs_height_37 {
        height: 37px
    }

    .cs_height_38 {
        height: 38px
    }

    .cs_height_39 {
        height: 39px
    }

    .cs_height_40 {
        height: 40px
    }

    .cs_height_41 {
        height: 41px
    }

    .cs_height_42 {
        height: 42px
    }

    .cs_height_43 {
        height: 43px
    }

    .cs_height_44 {
        height: 44px
    }

    .cs_height_45 {
        height: 45px
    }

    .cs_height_46 {
        height: 46px
    }

    .cs_height_47 {
        height: 47px
    }

    .cs_height_48 {
        height: 48px
    }

    .cs_height_49 {
        height: 49px
    }

    .cs_height_50 {
        height: 50px
    }

    .cs_height_51 {
        height: 51px
    }

    .cs_height_52 {
        height: 52px
    }

    .cs_height_53 {
        height: 53px
    }

    .cs_height_54 {
        height: 54px
    }

    .cs_height_55 {
        height: 55px
    }

    .cs_height_56 {
        height: 56px
    }

    .cs_height_57 {
        height: 57px
    }

    .cs_height_58 {
        height: 58px
    }

    .cs_height_59 {
        height: 59px
    }

    .cs_height_60 {
        height: 60px
    }

    .cs_height_61 {
        height: 61px
    }

    .cs_height_62 {
        height: 62px
    }

    .cs_height_63 {
        height: 63px
    }

    .cs_height_64 {
        height: 64px
    }

    .cs_height_65 {
        height: 65px
    }

    .cs_height_66 {
        height: 66px
    }

    .cs_height_67 {
        height: 67px
    }

    .cs_height_68 {
        height: 68px
    }

    .cs_height_69 {
        height: 69px
    }

    .cs_height_70 {
        height: 70px
    }

    .cs_height_71 {
        height: 71px
    }

    .cs_height_72 {
        height: 72px
    }

    .cs_height_73 {
        height: 73px
    }

    .cs_height_74 {
        height: 74px
    }

    .cs_height_75 {
        height: 75px
    }

    .cs_height_76 {
        height: 76px
    }

    .cs_height_77 {
        height: 77px
    }

    .cs_height_78 {
        height: 78px
    }

    .cs_height_79 {
        height: 79px
    }

    .cs_height_80 {
        height: 80px
    }

    .cs_height_81 {
        height: 81px
    }

    .cs_height_82 {
        height: 82px
    }

    .cs_height_83 {
        height: 83px
    }

    .cs_height_84 {
        height: 84px
    }

    .cs_height_85 {
        height: 85px
    }

    .cs_height_86 {
        height: 86px
    }

    .cs_height_87 {
        height: 87px
    }

    .cs_height_88 {
        height: 88px
    }

    .cs_height_89 {
        height: 89px
    }

    .cs_height_90 {
        height: 90px
    }

    .cs_height_91 {
        height: 91px
    }

    .cs_height_92 {
        height: 92px
    }

    .cs_height_93 {
        height: 93px
    }

    .cs_height_94 {
        height: 94px
    }

    .cs_height_95 {
        height: 95px
    }

    .cs_height_96 {
        height: 96px
    }

    .cs_height_97 {
        height: 97px
    }

    .cs_height_98 {
        height: 98px
    }

    .cs_height_99 {
        height: 99px
    }

    .cs_height_100 {
        height: 100px
    }

    .cs_height_101 {
        height: 101px
    }

    .cs_height_102 {
        height: 102px
    }

    .cs_height_103 {
        height: 103px
    }

    .cs_height_104 {
        height: 104px
    }

    .cs_height_105 {
        height: 105px
    }

    .cs_height_106 {
        height: 106px
    }

    .cs_height_107 {
        height: 107px
    }

    .cs_height_108 {
        height: 108px
    }

    .cs_height_109 {
        height: 109px
    }

    .cs_height_110 {
        height: 110px
    }

    .cs_height_111 {
        height: 111px
    }

    .cs_height_112 {
        height: 112px
    }

    .cs_height_113 {
        height: 113px
    }

    .cs_height_114 {
        height: 114px
    }

    .cs_height_115 {
        height: 115px
    }

    .cs_height_116 {
        height: 116px
    }

    .cs_height_117 {
        height: 117px
    }

    .cs_height_118 {
        height: 118px
    }

    .cs_height_119 {
        height: 119px
    }

  
    .cs_height_121 {
        height: 121px
    }

    .cs_height_122 {
        height: 122px
    }

    .cs_height_123 {
        height: 123px
    }

    .cs_height_124 {
        height: 124px
    }

    .cs_height_125 {
        height: 125px
    }

    .cs_height_126 {
        height: 126px
    }

    .cs_height_127 {
        height: 127px
    }

    .cs_height_128 {
        height: 128px
    }

    .cs_height_129 {
        height: 129px
    }

    .cs_height_130 {
        height: 130px
    }

    .cs_height_131 {
        height: 131px
    }

    .cs_height_132 {
        height: 132px
    }

    .cs_height_133 {
        height: 133px
    }

    .cs_height_134 {
        height: 134px
    }

    .cs_height_135 {
        height: 135px
    }

    .cs_height_136 {
        height: 136px
    }

    .cs_height_137 {
        height: 137px
    }

    .cs_height_138 {
        height: 138px
    }

    .cs_height_139 {
        height: 139px
    }

    .cs_height_140 {
        height: 140px
    }

    .cs_height_141 {
        height: 141px
    }

    .cs_height_142 {
        height: 142px
    }

    .cs_height_143 {
        height: 143px
    }

    .cs_height_144 {
        height: 144px
    }

    .cs_height_145 {
        height: 145px
    }

    .cs_height_146 {
        height: 146px
    }

    .cs_height_147 {
        height: 147px
    }

    .cs_height_148 {
        height: 148px
    }

    .cs_height_149 {
        height: 149px
    }

    .cs_height_150 {
        height: 150px
    }
}

@media(max-width: 991px) {
    .cs_height_lg_1 {
        height: 1px
    }

    .cs_height_lg_2 {
        height: 2px
    }

    .cs_height_lg_3 {
        height: 3px
    }

    .cs_height_lg_4 {
        height: 4px
    }

    .cs_height_lg_5 {
        height: 5px
    }

    .cs_height_lg_6 {
        height: 6px
    }

    .cs_height_lg_7 {
        height: 7px
    }

    .cs_height_lg_8 {
        height: 8px
    }

    .cs_height_lg_9 {
        height: 9px
    }

    .cs_height_lg_10 {
        height: 10px
    }

    .cs_height_lg_11 {
        height: 11px
    }

    .cs_height_lg_12 {
        height: 12px
    }

    .cs_height_lg_13 {
        height: 13px
    }

    .cs_height_lg_14 {
        height: 14px
    }

    .cs_height_lg_15 {
        height: 15px
    }

    .cs_height_lg_16 {
        height: 16px
    }

    .cs_height_lg_17 {
        height: 17px
    }

    .cs_height_lg_18 {
        height: 18px
    }

    .cs_height_lg_19 {
        height: 19px
    }

    .cs_height_lg_20 {
        height: 20px
    }

    .cs_height_lg_21 {
        height: 21px
    }

    .cs_height_lg_22 {
        height: 22px
    }

    .cs_height_lg_23 {
        height: 23px
    }

    .cs_height_lg_24 {
        height: 24px
    }

    .cs_height_lg_25 {
        height: 25px
    }

    .cs_height_lg_26 {
        height: 26px
    }

    .cs_height_lg_27 {
        height: 27px
    }

    .cs_height_lg_28 {
        height: 28px
    }

    .cs_height_lg_29 {
        height: 29px
    }

    .cs_height_lg_30 {
        height: 30px
    }

    .cs_height_lg_31 {
        height: 31px
    }

    .cs_height_lg_32 {
        height: 32px
    }

    .cs_height_lg_33 {
        height: 33px
    }

    .cs_height_lg_34 {
        height: 34px
    }

    .cs_height_lg_35 {
        height: 35px
    }

    .cs_height_lg_36 {
        height: 36px
    }

    .cs_height_lg_37 {
        height: 37px
    }

    .cs_height_lg_38 {
        height: 38px
    }

    .cs_height_lg_39 {
        height: 39px
    }

    .cs_height_lg_40 {
        height: 40px
    }

    .cs_height_lg_41 {
        height: 41px
    }

    .cs_height_lg_42 {
        height: 42px
    }

    .cs_height_lg_43 {
        height: 43px
    }

    .cs_height_lg_44 {
        height: 44px
    }

    .cs_height_lg_45 {
        height: 45px
    }

    .cs_height_lg_46 {
        height: 46px
    }

    .cs_height_lg_47 {
        height: 47px
    }

    .cs_height_lg_48 {
        height: 48px
    }

    .cs_height_lg_49 {
        height: 49px
    }

    .cs_height_lg_50 {
        height: 50px
    }

    .cs_height_lg_51 {
        height: 51px
    }

    .cs_height_lg_52 {
        height: 52px
    }

    .cs_height_lg_53 {
        height: 53px
    }

    .cs_height_lg_54 {
        height: 54px
    }

    .cs_height_lg_55 {
        height: 55px
    }

    .cs_height_lg_56 {
        height: 56px
    }

    .cs_height_lg_57 {
        height: 57px
    }

    .cs_height_lg_58 {
        height: 58px
    }

    .cs_height_lg_59 {
        height: 59px
    }

    .cs_height_lg_60 {
        height: 60px
    }

    .cs_height_lg_61 {
        height: 61px
    }

    .cs_height_lg_62 {
        height: 62px
    }

    .cs_height_lg_63 {
        height: 63px
    }

    .cs_height_lg_64 {
        height: 64px
    }

    .cs_height_lg_65 {
        height: 65px
    }

    .cs_height_lg_66 {
        height: 66px
    }

    .cs_height_lg_67 {
        height: 67px
    }

    .cs_height_lg_68 {
        height: 68px
    }

    .cs_height_lg_69 {
        height: 69px
    }

    .cs_height_lg_70 {
        height: 70px
    }

    .cs_height_lg_71 {
        height: 71px
    }

    .cs_height_lg_72 {
        height: 72px
    }

    .cs_height_lg_73 {
        height: 73px
    }

    .cs_height_lg_74 {
        height: 74px
    }

    .cs_height_lg_75 {
        height: 75px
    }

    .cs_height_lg_76 {
        height: 76px
    }

    .cs_height_lg_77 {
        height: 77px
    }

    .cs_height_lg_78 {
        height: 78px
    }

    .cs_height_lg_79 {
        height: 79px
    }

    .cs_height_lg_80 {
        height: 80px
    }

    .cs_height_lg_81 {
        height: 81px
    }

    .cs_height_lg_82 {
        height: 82px
    }

    .cs_height_lg_83 {
        height: 83px
    }

    .cs_height_lg_84 {
        height: 84px
    }

    .cs_height_lg_85 {
        height: 85px
    }

    .cs_height_lg_86 {
        height: 86px
    }

    .cs_height_lg_87 {
        height: 87px
    }

    .cs_height_lg_88 {
        height: 88px
    }

    .cs_height_lg_89 {
        height: 89px
    }

    .cs_height_lg_90 {
        height: 90px
    }

    .cs_height_lg_91 {
        height: 91px
    }

    .cs_height_lg_92 {
        height: 92px
    }

    .cs_height_lg_93 {
        height: 93px
    }

    .cs_height_lg_94 {
        height: 94px
    }

    .cs_height_lg_95 {
        height: 95px
    }

    .cs_height_lg_96 {
        height: 96px
    }

    .cs_height_lg_97 {
        height: 97px
    }

    .cs_height_lg_98 {
        height: 98px
    }

    .cs_height_lg_99 {
        height: 99px
    }

    .cs_height_lg_100 {
        height: 100px
    }
}

.cs_mb_1 {
    margin-bottom: 1px
}

.cs_mb_2 {
    margin-bottom: 2px
}

.cs_mb_3 {
    margin-bottom: 3px
}

.cs_mb_4 {
    margin-bottom: 4px
}

.cs_mb_5 {
    margin-bottom: 5px
}

.cs_mb_6 {
    margin-bottom: 6px
}

.cs_mb_7 {
    margin-bottom: 7px
}

.cs_mb_8 {
    margin-bottom: 8px
}

.cs_mb_9 {
    margin-bottom: 9px
}

.cs_mb_10 {
    margin-bottom: 10px
}

.cs_mb_11 {
    margin-bottom: 11px
}

.cs_mb_12 {
    margin-bottom: 12px
}

.cs_mb_13 {
    margin-bottom: 13px
}

.cs_mb_14 {
    margin-bottom: 14px
}

.cs_mb_15 {
    margin-bottom: 15px
}

.cs_mb_16 {
    margin-bottom: 16px
}

.cs_mb_17 {
    margin-bottom: 17px
}

.cs_mb_18 {
    margin-bottom: 18px
}

.cs_mb_19 {
    margin-bottom: 19px
}

.cs_mb_20 {
    margin-bottom: 20px
}

.cs_mb_21 {
    margin-bottom: 21px
}

.cs_mb_22 {
    margin-bottom: 22px
}

.cs_mb_23 {
    margin-bottom: 23px
}

.cs_mb_24 {
    margin-bottom: 24px
}

.cs_mb_25 {
    margin-bottom: 25px
}

.cs_mb_26 {
    margin-bottom: 26px
}

.cs_mb_27 {
    margin-bottom: 27px
}

.cs_mb_28 {
    margin-bottom: 28px
}

.cs_mb_29 {
    margin-bottom: 29px
}

.cs_mb_30 {
    margin-bottom: 30px
}

.cs_mb_31 {
    margin-bottom: 31px
}

.cs_mb_32 {
    margin-bottom: 32px
}

.cs_mb_33 {
    margin-bottom: 33px
}

.cs_mb_34 {
    margin-bottom: 34px
}

.cs_mb_35 {
    margin-bottom: 35px
}

.cs_mb_36 {
    margin-bottom: 36px
}

.cs_mb_37 {
    margin-bottom: 37px
}

.cs_mb_38 {
    margin-bottom: 38px
}

.cs_mb_39 {
    margin-bottom: 39px
}

.cs_mb_40 {
    margin-bottom: 40px
}

.cs_mb_41 {
    margin-bottom: 41px
}

.cs_mb_42 {
    margin-bottom: 42px
}

.cs_mb_43 {
    margin-bottom: 43px
}

.cs_mb_44 {
    margin-bottom: 44px
}

.cs_mb_45 {
    margin-bottom: 45px
}

.cs_mb_46 {
    margin-bottom: 46px
}

.cs_mb_47 {
    margin-bottom: 47px
}

.cs_mb_48 {
    margin-bottom: 48px
}

.cs_mb_49 {
    margin-bottom: 49px
}

.cs_mb_50 {
    margin-bottom: 50px
}

.cs_mb_51 {
    margin-bottom: 51px
}

.cs_mb_52 {
    margin-bottom: 52px
}

.cs_mb_53 {
    margin-bottom: 53px
}

.cs_mb_54 {
    margin-bottom: 54px
}

.cs_mb_55 {
    margin-bottom: 55px
}

.cs_mb_56 {
    margin-bottom: 56px
}

.cs_mb_57 {
    margin-bottom: 57px
}

.cs_mb_58 {
    margin-bottom: 58px
}

.cs_mb_59 {
    margin-bottom: 59px
}

.cs_mb_60 {
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .cs_mb_lg_1 {
        margin-bottom: 1px
    }

    .cs_mb_lg_2 {
        margin-bottom: 2px
    }

    .cs_mb_lg_3 {
        margin-bottom: 3px
    }

    .cs_mb_lg_4 {
        margin-bottom: 4px
    }

    .cs_mb_lg_5 {
        margin-bottom: 5px
    }

    .cs_mb_lg_6 {
        margin-bottom: 6px
    }

    .cs_mb_lg_7 {
        margin-bottom: 7px
    }

    .cs_mb_lg_8 {
        margin-bottom: 8px
    }

    .cs_mb_lg_9 {
        margin-bottom: 9px
    }

    .cs_mb_lg_10 {
        margin-bottom: 10px
    }

    .cs_mb_lg_11 {
        margin-bottom: 11px
    }

    .cs_mb_lg_12 {
        margin-bottom: 12px
    }

    .cs_mb_lg_13 {
        margin-bottom: 13px
    }

    .cs_mb_lg_14 {
        margin-bottom: 14px
    }

    .cs_mb_lg_15 {
        margin-bottom: 15px
    }

    .cs_mb_lg_16 {
        margin-bottom: 16px
    }

    .cs_mb_lg_17 {
        margin-bottom: 17px
    }

    .cs_mb_lg_18 {
        margin-bottom: 18px
    }

    .cs_mb_lg_19 {
        margin-bottom: 19px
    }

    .cs_mb_lg_20 {
        margin-bottom: 20px
    }

    .cs_mb_lg_21 {
        margin-bottom: 21px
    }

    .cs_mb_lg_22 {
        margin-bottom: 22px
    }

    .cs_mb_lg_23 {
        margin-bottom: 23px
    }

    .cs_mb_lg_24 {
        margin-bottom: 24px
    }

    .cs_mb_lg_25 {
        margin-bottom: 25px
    }

    .cs_mb_lg_26 {
        margin-bottom: 26px
    }

    .cs_mb_lg_27 {
        margin-bottom: 27px
    }

    .cs_mb_lg_28 {
        margin-bottom: 28px
    }

    .cs_mb_lg_29 {
        margin-bottom: 29px
    }

    .cs_mb_lg_30 {
        margin-bottom: 30px
    }

    .cs_mb_lg_31 {
        margin-bottom: 31px
    }

    .cs_mb_lg_32 {
        margin-bottom: 32px
    }

    .cs_mb_lg_33 {
        margin-bottom: 33px
    }

    .cs_mb_lg_34 {
        margin-bottom: 34px
    }

    .cs_mb_lg_35 {
        margin-bottom: 35px
    }

    .cs_mb_lg_36 {
        margin-bottom: 36px
    }

    .cs_mb_lg_37 {
        margin-bottom: 37px
    }

    .cs_mb_lg_38 {
        margin-bottom: 38px
    }

    .cs_mb_lg_39 {
        margin-bottom: 39px
    }

    .cs_mb_lg_40 {
        margin-bottom: 40px
    }
}

.cs_fs_12 {
    font-size: 12px;
    line-height: 1.12em
}

.cs_fs_14 {
    font-size: 14px;
    line-height: 1.42857em
}

.cs_fs_16 {
    font-size: 16px;
    line-height: 1.5em
}

.cs_fs_18 {
    font-size: 18px;
    line-height: 1.5em
}

.cs_fs_20 {
    font-size: 20px;
    line-height: 1.4em
}

.cs_fs_24 {
    font-size: 24px;
    line-height: 1.33333em
}

@media(max-width: 575px) {
    .cs_fs_24 {
        font-size: 22px
    }
}

.cs_fs_32 {
    font-size: 32px;
    line-height: 1.25em
}

@media(max-width: 1199px) {
    .cs_fs_32 {
        font-size: 24px
    }
}

.cs_fs_36 {
    font-size: 36px;
    line-height: 1.22222em
}

.cs_fs_40 {
    font-size: 40px;
    line-height: 1.2em
}

@media(max-width: 575px) {
    .cs_fs_40 {
        font-size: 36px
    }
}

.cs_fs_48 {
    font-size: 48px;
    line-height: 1.16667em
}

@media(max-width: 575px) {
    .cs_fs_48 {
        font-size: 40px
    }
}

@media(max-width: 420px) {
    .cs_fs_48 {
        font-size: 36px
    }
}

.cs_fs_56 {
    font-size: 56px;
    line-height: 1.07143em;
    letter-spacing: -1.12px
}

@media(max-width: 575px) {
    .cs_fs_56 {
        font-size: 42px
    }
}

@media(max-width: 420px) {
    .cs_fs_56 {
        font-size: 36px
    }
}

.cs_fs_72 {
    font-size: 72px;
    line-height: 1.11111em
}

@media(max-width: 1199px) {
    .cs_fs_72 {
        font-size: 65px
    }
}

@media(max-width: 991px) {
    .cs_fs_72 {
        font-size: 54px
    }
}

@media(max-width: 575px) {
    .cs_fs_72 {
        font-size: 46px
    }
}

@media(max-width: 420px) {
    .cs_fs_72 {
        font-size: 38px
    }
}

.cs_normal {
    font-weight: 400
}

.cs_medium {
    font-weight: 500
}

.cs_semibold {
    font-weight: 600
}

.cs_bold {
    font-weight: 700
}

.cs_primary_color {
    color: var(--primary-color)
}

.cs_primary_hover:hover {
    color: var(--primary-color)
}

.cs_accent_hover:hover {
    color: var(--accent-color)
}

.cs_white_color {
    color: var(--white-color)
}

.cs_accent_color {
    color: var(--accent-color)
}

.cs_gray_color1 {
    color: var(--gray-color1)
}

.cs_gray_color2 {
    color: var(--gray-color2)
}

.cs_gray_color3 {
    color: var(--gray-color3)
}

.cs_gray_color4 {
    color: var(--gray-color4)
}

.cs_gray_color5 {
    color: var(--gray-color5)
}

.cs_gray_color6 {
    color: var(--gray-color6)
}

.cs_gray_color7 {
    color: var(--gray-color7)
}

.cs_primary_font {
    font-family: var(--primary-font)
}

.cs_secondary_font {
    font-family: var(--secondary-font)
}

.cs_primary_bg {
    background-color: var(--primary-color)
}

.cs_accent_bg {
    background-color: var(--accent-color)
}

.cs_accent_bg_hover:hover {
    background-color: var(--accent-color)
}

.cs_secondary_bg {
    background-color: var(--secondary-color)
}

.cs_gray_bg1 {
    background-color: var(--gray-color1)
}

.cs_gray_bg2 {
    background-color: var(--gray-color2)
}

.cs_gray_bg3 {
    background-color: var(--gray-color3)
}

.cs_gray_bg4 {
    background-color: var(--gray-color4)
}

.cs_gray_bg5 {
    background-color: var(--gray-color5)
}

.cs_gray_bg6 {
    background-color: var(--gray-color6)
}

.cs_gray_bg7 {
    background-color: var(--gray-color7)
}

.cs_white_bg {
    background-color: var(--white-color)
}

.cs_white_bg_hover:hover {
    background-color: var(--white-color)
}

.cs_bg_filed {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.cs_bg_fixed {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.cs_radius_5 {
    border-radius: 5px
}

.cs_radius_8 {
    border-radius: 8px
}

.cs_radius_32 {
    border-radius: 32px
}

.cs_radius_50 {
    border-radius: 50px
}

.cs_mp_0 {
    list-style: none;
    margin: 0;
    padding: 0
}

.cs_center {
    display: flex;
    align-items: center;
    justify-content: center
}

.cs_center_column {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cs_btn_style_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 13px 30px;
    text-align: center;
    border: none;
    outline: none;
    font-family: var(--primary-font);
    transition: all .4s ease
}

.cs_btn_style_1:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-radius: 15px 0 15px 0
}

@media(max-width: 575px) {
    .cs_btn_style_1 {
        padding: 10px 24px
    }
}

.cs_btn_style_2 {
    padding: 13px 30px;
    text-align: center;
    border: none;
    outline: none;
    font-family: var(--primary-font);
    transition: all .4s ease
}

.cs_btn_style_2:hover {
    color: var(--primary-color);
    background-color: var(--accent-color)
}

.cs_scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    inset-inline-end: 15px;
    bottom: 20px;
    z-index: 999999;
    color: var(--primary-color);
    background-color: var(--accent-color);
    transform: translateY(200px) scale(0);
    transition: transform .6s cubic-bezier(0.88, 0.55, 0.265, 0.55)
}

.cs_scrollup svg {
    transform: rotate(-90deg)
}

.cs_scrollup::before {
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: inherit;
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--white-color);
    transition: transform .4s cubic-bezier(0.68, 0.55, 0.265, 0.55)
}

.cs_scrollup:hover::before {
    transform: translate(-50%, -50%) scale(1)
}

.cs_scrollup.active {
    transform: translateY(0) scale(1)
}

@media(max-width: 575px) {
    .cs_scrollup {
        width: 40px;
        height: 40px
    }

    .cs_scrollup::before {
        content: "";
        width: 36px;
        height: 36px
    }
}

.cs_section_heading_style_1 .cs_section_title,
.cs_section_heading_style_2 .cs_section_title {
    letter-spacing: -1.12px
}

@media(max-width: 575px) {

    .cs_section_heading_style_1 .cs_fs_20,
    .cs_section_heading_style_2 .cs_fs_20 {
        font-size: 16px
    }
}

.cs_section_heading_style_2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px 30px
}

@media(max-width: 991px) {
    .cs_section_heading_style_2 {
        flex-direction: column;
        align-items: start
    }
}

.container-fluid {
    max-width: 1920px
}

.cs_gap_y_16 {
    gap: 16px 0
}

.cs_gap_y_24 {
    gap: 24px 0
}

.cs_gap_y_32 {
    gap: 32px 0
}

.cs_gap_y_40 {
    gap: 40px 0
}

.cs_gap_y_48 {
    gap: 48px 0
}

@media(min-width: 1400px) {
    .container {
        max-width: 1344px
    }
}

@media(max-width: 991px) {
    br {
        display: none
    }
}

@keyframes pulseBorder {
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.5)
    }
}

@keyframes scrollingAnimation {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.cs_zoom {
    overflow: hidden
}

.cs_zoom img {
    transition: transform .5s ease
}

.cs_zoom:hover img {
    transform: scale(1.03)
}

:is(a, button, select, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--white-color)
}

input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--accent-color)
}

.cs_site_header_style_1 {
    position: relative;
    z-index: 101;
    color: var(--gray-color1)
}

.cs_site_brand {
    min-width: 120px;
    max-width: 160px;
    flex: none
}

.cs_site_header_style_1 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0px;
    transition: all .4s ease
}

.cs_site_header_style_1 .cs_main_header_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    height: 86px;
    padding: 15px 0;
    transition: all .4s ease
}

.cs_site_header_style_1 .cs_main_header_right .cs_btn_style_1 {
    border: 1px solid var(--gray-color2);
    padding: 9px 20px;
    text-wrap: nowrap
}

.cs_site_header_style_1 .cs_main_header_right .cs_btn_style_1:hover {
    border-radius: 0
}

.cs_site_header_style_1.cs_sticky_active {
    background-color: var(--white-color);
    box-shadow: 0 10px 10px -10px rgba(33, 43, 53, .1)
}

.cs_site_header_style_1.cs_sticky_active .cs_main_header_in {
    height: 80px
}

.cs_site_header_style_1 .cs_main_header_right {
    display: flex;
    align-items: center;
    z-index: 1000
}

@media(max-width: 1199px) {
    .cs_main_header .container {
        max-width: 100%
    }

    .cs_site_header_style_1 .cs_main_header_in {
        height: 72px
    }

    .cs_site_header_style_1.cs_sticky_active .cs_main_header_in {
        height: 72px
    }

    .cs_site_header_style_1 .cs_main_header_right {
        padding-inline-end: 45px
    }

    .cs_site_header_style_1 .cs_main_header_right .cs_btn_style_1 {
        padding: 9px 15px
    }

    .cs_site_header_style_1 .cs_nav {
        display: flex
    }
}

.cs_nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs_sticky_header {
    position: fixed !important;
    width: 100%;
    z-index: 999
}

.cs_site_brand {
    display: inline-block
}

.cs_site_brand img {
    max-height: 75px
}

@media(min-width: 1200px) {
    .cs_main_header {
        position: relative
    }

    .cs_main_header .container-fluid {
        padding-right: 40px;
        padding-left: 40px
    }

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

    .cs_site_header_style_1 .cs_main_header_center {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        max-width: calc(100% - 300px)
    }

    .cs_nav {
        display: flex;
        align-items: center;
        height: 100%;
        line-height: 1.6em
    }

    .cs_nav .cs_nav_list {
        display: flex !important;
        gap: 8px;
        height: inherit
    }

    .cs_nav .cs_nav_list>li {
        height: inherit
    }

    .cs_nav .cs_nav_list>li:last-child {
        margin-inline-end: 0
    }

    .cs_nav .cs_nav_list>li>a {
        padding: 10px 15px;
        display: inline-flex;
        position: relative;
        height: inherit;
        align-items: center;
        transition: all .3s ease
    }

    .cs_nav .cs_nav_list>li>a::before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
        transform: scale(0);
        background-color: var(--gray-color2);
        transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

    .cs_nav .cs_nav_list>li>a:hover {
        color: var(--primary-color)
    }

    .cs_nav .cs_nav_list>li>a:hover::before {
        transform: scale(1)
    }

    .menu-item-has-children {
        position: relative
    }

    .menu-item-has-children>a {
        position: relative;
        padding-inline-end: 20px
    }

    .menu-item-has-children>a::before {
        display: none
    }

    .menu-item-has-children>a::after {
        content: "";
        font-family: "Font Awesome 7 Free";
        font-size: 10px;
        font-weight: 900;
        position: absolute;
        inset-inline-end: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .menu-item-has-children .cs_dropdown_list {
        display: block;
        width: 200px;
        position: absolute;
        top: calc(100% + 20px);
        inset-inline-start: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        padding: 15px 0;
        flex-direction: column;
        border-radius: 0 0 5px 5px;
        background-color: var(--white-color);
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, .1);
        transition: all .4s ease
    }

    .menu-item-has-children .cs_dropdown_list a {
        display: block;
        padding: 6px 20px
    }

    .menu-item-has-children .cs_dropdown_list a:hover {
        color: var(--primary-color)
    }

    .menu-item-has-children:hover>a {
        color: var(--primary-color)
    }

    .menu-item-has-children:hover>.cs_dropdown_list {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        top: 100%
    }

    .cs_menu_toggle,
    .cs_menu_dropdown_toggle,
    .cs_nav_contact_btn {
        display: none
    }
}

@media(max-width: 1199px) {
    .cs_site_brand {
        position: relative;
        z-index: 101
    }

    .cs_nav .cs_nav_list_wrap {
        position: fixed;
        width: 100vw;
        inset-inline-start: -100vw;
        background-color: #fff;
        color: var(--primary-color);
        padding: 10px 0;
        top: 0;
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        line-height: 1.6em;
        padding-top: 80px;
        padding-bottom: 40px;
        transition: all .4s ease
    }

    .cs_nav .cs_nav_list_wrap.active {
        inset-inline-start: 0vw
    }

    .cs_nav .cs_nav_list_wrap.active::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        background-color: inherit;
        z-index: 100
    }

    .cs_nav .cs_nav_list_wrap ul {
        padding-inline-start: 15px
    }

    .cs_nav .cs_nav_list_wrap a {
        display: block;
        font-size: 16px;
        padding-block: 10px;
        padding-inline: 0 15px;
        line-height: 1.4em
    }

    .cs_nav .menu-item-has-children {
        position: relative
    }

    .cs_nav .menu-item-has-children .cs_dropdown_list {
        display: none
    }

    .cs_nav .cs_menu_dropdown_toggle {
        position: absolute;
        height: 40px;
        width: 100%;
        top: 0;
        left: 0px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 23px 18px;
        border: 0;
        background: none;
        color: inherit;
        cursor: pointer;
        z-index: 3
    }

    .cs_nav .cs_menu_dropdown_toggle span {
        display: block;
        position: relative;
        height: 10px;
        width: 10px
    }

    .cs_nav .cs_menu_dropdown_toggle span:before,
    .cs_nav .cs_menu_dropdown_toggle span:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 2px;
        width: 10px;
        background-color: currentColor;
        transition: all .3s ease
    }

    .cs_nav .cs_menu_dropdown_toggle span:before {
        transform: translate(-50%, -50%) rotate(90deg)
    }

    .cs_nav .cs_menu_dropdown_toggle.active span:before {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    .cs_menu_toggle {
        display: flex;
        flex-direction: column;
        width: 44px;
        height: 44px;
        padding: 8.5px 7px;
        border: 0;
        background: none;
        color: inherit;
        line-height: 0;
        cursor: pointer;
        position: absolute;
        top: 18.5px;
        inset-inline-end: 23px;
        z-index: 1002
    }

    .cs_menu_toggle span,
    .cs_menu_toggle span:before,
    .cs_menu_toggle span:after {
        width: 100%;
        height: 2px;
        background-color: currentColor;
        display: block
    }

    .cs_menu_toggle span {
        margin: 0 auto;
        position: relative;
        top: 12px;
        transition-duration: 0s;
        transition-delay: .2s
    }

    .cs_menu_toggle span:before {
        content: "";
        position: absolute;
        margin-top: -9px;
        transition-property: margin, transform;
        transition-duration: .2s;
        transition-delay: .2s, 0s
    }

    .cs_menu_toggle span:after {
        content: "";
        position: absolute;
        margin-top: 9px;
        transition-property: margin, transform;
        transition-duration: .2s;
        transition-delay: .2s, 0s
    }

    .cs_site_header_style_1 .cs_menu_toggle {
        top: 50%;
        inset-inline-end: -7px;
        margin-top: -22px
    }

    .cs_site_header_style_1 .cs_main_header_right {
        display: none
    }

    .cs_nav .cs_nav_list_wrap .cs_nav_contact_btn {
        padding-top: 14px
    }

    .cs_nav .cs_nav_list_wrap .cs_nav_contact_btn a {
        display: inline-flex;
        padding: 12px 28px
    }

    .cs_toggle_active span {
        background-color: rgba(0, 0, 0, 0);
        transition-delay: .2s
    }

    .cs_toggle_active span:before {
        margin-top: 0;
        transform: rotate(45deg);
        transition-delay: 0s, .2s
    }

    .cs_toggle_active span:after {
        margin-top: 0;
        transform: rotate(-45deg);
        transition-delay: 0s, .2s
    }

    .cs_nav .cs_nav_list a {
        position: relative
    }

    .cs_site_header_style_1 .cs_main_header_center .cs_site_brand {
        position: absolute;
        inset-inline-start: 0px;
        top: 50%;
        transform: translateY(-50%)
    }

    .cs_site_header_style_1 {
        top: 0
    }
}

@media(max-width: 991px) {
    .cs_site_header_style_1 .container {
        max-width: 100%
    }
}

.cs_nav .cs_menu_dropdown_toggle:focus-visible {
    outline-offset: -2px;
    box-shadow: none
}

.cs_footer_style_1 .cs_footer_main {
    padding: 100px 0 50px
}



.cs_footer_style_1 .cs_footer_widget .cs_footer_widget_title {
    letter-spacing: -0.24px
}

.cs_footer_style_1 .cs_footer_menu {
    display: flex;
    gap: 16px;
    flex-direction: column
}

.cs_footer_style_1 .cs_footer_menu li a:hover {
    color: var(--accent-color)
}

.cs_footer_style_1 .cs_text_widget {
    width: min(100%, 512px)
}

.cs_footer_style_1 .cs_text_widget .cs_form {
    position: relative
}

.cs_footer_style_1 .cs_text_widget input {
    width: 100%;
    outline: none;
    padding: 15px 12px;
    border: 1px solid rgba(131, 142, 158, .4);
    background-color: rgba(0, 0, 0, 0);
    color: var(--white-color)
}

.cs_footer_style_1 .cs_text_widget input::-moz-placeholder {
    color: #9ba4b1
}

.cs_footer_style_1 .cs_text_widget input::placeholder {
    color: #9ba4b1
}

.cs_footer_style_1 .cs_text_widget .cs_btn_style_1 {
    padding: 10px 24px;
    position: absolute;
    inset-inline-end: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.cs_footer_style_1 .cs_text_widget .cs_btn_style_1:hover {
    color: var(--primary-color);
    background-color: var(--white-color)
}

.cs_footer_style_1 .cs_contact_widget {
    width: min(100%, 233px)
}

.cs_footer_style_1 .cs_contact_widget li span {
    color: var(--white-color);
    margin-inline-end: 6px
}

.cs_footer_style_1 .cs_quick_links_widget {
    width: min(100%, 180px);
    margin-inline-start: auto
}

.cs_footer_style_1 .cs_social_btns {
    display: flex;
    align-items: center;
    gap: 20px
}

.cs_footer_style_1 .cs_social_btns a {
    font-size: 20px
}

.cs_footer_style_1 .cs_social_btns a:hover {
    color: var(--accent-color)
}

.cs_footer_style_1 .cs_footer_bottom {
    padding: 24px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px 30px;
    flex-wrap: wrap-reverse
}

.cs_footer_style_1 .cs_footer_bottom::before {
    content: "";
    width: 100%;
    height: 1px;
    opacity: .4;
    background-color: #838e9e;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 1199px) {
    .cs_footer_style_1 .cs_text_widget {
        width: 100%
    }

    .cs_footer_style_1 .cs_quick_links_widget,
    .cs_footer_style_1 .cs_contact_widget,
    .cs_footer_style_1 .cs_text_widget {
        width: 100%;
        margin: 0
    }
}

@media(max-width: 991px) {
    .cs_footer_style_1 .cs_footer_main {
        padding: 56px 0 40px
    }
}

@media(max-width: 450px) {
    .cs_footer_style_1 .cs_text_widget .cs_form .cs_btn_style_1 {
        padding: 10px 20px
    }
}

.cs_footer_style_1 .cs_text_widget input:focus {
    border-color: var(--accent-color)
}

.cs_preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: var(--primary-color)
}

.cs_preloader .cs_preloader_container {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    background-color: var(--accent-color)
}

.cs_preloader .cs_preloader_container::before,
.cs_preloader .cs_preloader_container::after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 1;
    border-radius: inherit;
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--primary-color);
    animation: bubbleUp 2s linear infinite
}

.cs_preloader .cs_preloader_container::after {
    animation-delay: 1s
}

.cs_preloader .cs_loading_text {
    letter-spacing: 4px;
    color: var(--white-color);
    text-transform: uppercase
}

@keyframes bubbleUp {
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1)
    }
}

.swiper-slide {
    height: auto
}

.swiper-slide-active .cs_testimonial_style_1 .cs_textimonial_content {
    opacity: 1;
    transform: translateY(0);
    transition: all .6s ease
}

.swiper-pagination.cs_style_1 {
    display: flex;
    justify-content: center;
    gap: 24px
}

.swiper-pagination.cs_style_1 .swiper-pagination-bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    padding-inline-start: 24px;
    position: relative;
    counter-increment: accordion-counter;
    margin: 0
}

.swiper-pagination.cs_style_1 .swiper-pagination-bullet::before {
    content: counter(accordion-counter, decimal-leading-zero);
    position: absolute;
    right: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.swiper-pagination.cs_style_1 .swiper-pagination-bullet::after {
    content: "";
    width: 0;
    height: 1px;
    background-color: var(--secondary-color);
    position: absolute;
    inset-inline-end: calc(100% - 3px);
    transition: all .3s ease
}

.swiper-pagination.cs_style_1 .swiper-pagination-bullet-active {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.swiper-pagination.cs_style_1 .swiper-pagination-bullet-active::after {
    width: 16px
}

.cs_arrow_style_1,
.cs_arrow_style_2 {
    display: flex;
    align-items: center;
    gap: 32px
}

.cs_arrow_style_1 .cs_left_arrow,
.cs_arrow_style_1 .cs_right_arrow,
.cs_arrow_style_2 .cs_left_arrow,
.cs_arrow_style_2 .cs_right_arrow {
    width: 44px;
    height: 44px;
    padding: 10px
}

.cs_arrow_style_2 .cs_left_arrow {
    inset-inline-start: calc((100vw - 1344px)/2 - 18px)
}

.cs_arrow_style_2 .cs_left_arrow svg {
    transform: rotate(180deg)
}

.cs_arrow_style_2 .cs_right_arrow {
    inset-inline-end: calc((100vw - 1344px)/2 - 18px)
}

.cs_arrow_style_2 .cs_left_arrow,
.cs_arrow_style_2 .cs_right_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: all .3s ease
}

.cs_arrow_style_2 .cs_left_arrow:hover,
.cs_arrow_style_2 .cs_right_arrow:hover {
    color: var(--white-color);
    background-color: var(--primary-color)
}

@media(max-width: 1399px) {
    .cs_arrow_style_2 .cs_left_arrow {
        inset-inline-start: calc((100vw - 1140px)/2 - 10px)
    }

    .cs_arrow_style_2 .cs_right_arrow {
        inset-inline-end: calc((100vw - 1140px)/2 - 10px)
    }
}

@media(max-width: 1199px) {
    .cs_arrow_style_2 .cs_left_arrow {
        inset-inline-start: calc((100vw - 960px)/2 - 10px)
    }

    .cs_arrow_style_2 .cs_right_arrow {
        inset-inline-end: calc((100vw - 960px)/2 - 10px)
    }
}

@media(max-width: 1023px) {
    .cs_arrow_style_2 {
        margin-top: 40px;
        justify-content: center
    }

    .cs_arrow_style_2 .cs_left_arrow,
    .cs_arrow_style_2 .cs_right_arrow {
        position: initial;
        top: initial;
        transform: translateY(0)
    }
}

.cs_logo_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px 56px
}

.cs_logo_list .cs_logo {
    flex: none
}

@media(max-width: 1399px) {
    .cs_logo_list {
        gap: 40px 24px
    }
}

@media(max-width: 991px) {
    .cs_logo_list {
        gap: 24px
    }

    .cs_logo_list .cs_logo {
        max-width: 150px
    }
}

.cs_switcher {
    position: fixed;
    top: 50%;
    inset-inline-end: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    transform: translate(172px, -50%);
    transition: transform .4s ease
}

.cs_switcher.active {
    transform: translate(0, -50%)
}

[dir=rtl] .cs_switcher:not(.active) {
    transform: translate(-172px, -50%)
}

.cs_switcher_toggle {
    width: 42px;
    height: 42px;
    flex: none;
    padding: 0;
    border: none;
    outline: none;
    font-size: 18px;
    cursor: pointer;
    color: var(--primary-color);
    background-color: var(--accent-color);
    border-radius: 0;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
    transition: background-color .4s ease
}

.cs_switcher_toggle i {
    transition: transform .8s ease
}

.cs_switcher_toggle:hover i {
    transform: rotate(180deg)
}

.cs_switcher_panel {
    width: 172px;
    padding: 20px 16px;
    color: var(--primary-color);
    background-color: var(--white-color);
    border: 1px solid var(--gray-color3);
    border-inline-end: none;
    border-radius: 0;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px
}

.cs_switcher_title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    font-family: var(--primary-font);
    margin-bottom: 14px
}

.cs_switcher_mode {
    width: 100%;
    height: 42px;
    padding: 4px;
    position: relative;
    display: flex;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--gray-color3);
    border-radius: 50px;
    margin-bottom: 28px
}

.cs_switcher_mode .cs_switcher_mode_thumb {
    width: calc(50% - 4px);
    position: absolute;
    top: 4px;
    inset-inline-start: 4px;
    bottom: 4px;
    border-radius: 50px;
    background-color: var(--accent-color);
    transform: translateX(0);
    transition: transform .4s ease
}

.cs_switcher_mode .cs_switcher_mode_option,
.cs_switcher_mode .cs_switcher_dir_option {
    width: 50%;
    padding: 0;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    border: none;
    border-radius: 50px;
    color: var(--gray-color1);
    background-color: rgba(0, 0, 0, 0);
    transition: color .4s ease
}

.cs_switcher_mode .cs_switcher_mode_option.active,
.cs_switcher_mode .cs_switcher_dir_option.active {
    color: #222
}

.cs_switcher_mode .cs_switcher_mode_option {
    width: 33.3333333333%;
    font-size: 15px
}

.cs_switcher_mode .cs_switcher_mode_option~.cs_switcher_mode_thumb {
    width: calc((100% - 8px)/3)
}

.cs_switcher_mode .cs_switcher_mode_option[data-mode=light].active~.cs_switcher_mode_thumb {
    transform: translateX(100%)
}

.cs_switcher_mode .cs_switcher_mode_option[data-mode=dark].active~.cs_switcher_mode_thumb {
    transform: translateX(200%)
}

.cs_switcher_mode .cs_switcher_dir_option[data-dir=rtl].active~.cs_switcher_mode_thumb {
    transform: translateX(100%)
}

[dir=rtl] .cs_switcher_mode .cs_switcher_mode_option[data-mode=light].active~.cs_switcher_mode_thumb {
    transform: translateX(-100%)
}

[dir=rtl] .cs_switcher_mode .cs_switcher_mode_option[data-mode=dark].active~.cs_switcher_mode_thumb {
    transform: translateX(-200%)
}

[dir=rtl] .cs_switcher_mode .cs_switcher_dir_option[data-dir=rtl].active~.cs_switcher_mode_thumb {
    transform: translateX(-100%)
}

.cs_switcher_colors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px
}

.cs_switcher_color {
    width: 100%;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    cursor: pointer;
    color: #222;
    background-color: var(--cs-swatch);
    border-radius: 6px;
    transition: transform .3s ease
}

.cs_switcher_color i {
    font-size: 13px;
    opacity: 0;
    transform: scale(0.6);
    transition: all .3s ease
}

.cs_switcher_color:hover {
    transform: scale(1.08)
}

.cs_switcher_color.active i {
    opacity: 1;
    transform: scale(1)
}

.cs_hero {
    padding: 142px 0 0
}

.cs_hero .cs_hero_content {
    width: min(100%, 695px)
}

.cs_hero .cs_hero_title {
    letter-spacing: -1.44px
}

.cs_hero .cs_hero_btns {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap-reverse
}

.cs_hero .cs_btn_style_2 {
    padding: 12px 30px;
    border: 1px solid var(--primary-color)
}

.cs_hero .cs_btn_style_2:hover {
    border-color: var(--accent-color)
}

.cs_hero .cs_hero_thumbnails {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    height: 100%
}

.cs_hero .cs_hero_thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_hero .cs_hero_thumbnail:nth-child(1) {
    grid-row: span 2
}

.cs_hero .cs_hero_thumbnail:nth-child(2) {
    grid-column: span 2;
    grid-row: span 3
}

.cs_hero .cs_hero_thumbnail:nth-child(3) {
    grid-row: span 2
}

.cs_hero .cs_hero_thumbnail:nth-child(4) {
    grid-column: span 2;
    grid-row: span 1
}

@media(max-width: 991px) {
    .cs_hero {
        padding: 90px 0 0
    }

    .cs_hero .cs_hero_thumbnails {
        gap: 10px
    }

    .cs_hero .cs_hero_thumbnail {
        transform: translate(0) !important
    }

    .cs_hero .cs_hero_btns {
        gap: 16px
    }

    .cs_hero .cs_btn_style_1 {
        padding: 13px 24px
    }

    .cs_hero .cs_btn_style_2 {
        padding: 12px 24px
    }
}

@media(max-width: 575px) {
    .cs_hero .cs_her_subtitle {
        font-size: 18px
    }

    .cs_hero .cs_btn_style_1 {
        padding: 10px 24px
    }

    .cs_hero .cs_btn_style_2 {
        padding: 9px 24px
    }
}

@media(max-width: 410px) {
    .cs_hero .cs_hero_btns {
        align-items: stretch;
        flex-direction: column-reverse
    }
}

.cs_page_header_style_1 {
    padding: 210px 0 120px
}

.cs_page_header_style_1 .cs_overlay {
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0.5) 100%)
}

.cs_page_header_style_1>* {
    position: relative;
    z-index: 1
}

.cs_page_header_style_1 .breadcrumb-item {
    color: var(--white-color)
}

.cs_page_header_style_1 .breadcrumb-item::before {
    color: var(--white-color)
}

.cs_page_header_style_1 .breadcrumb-item a:hover {
    color: var(--accent-color)
}

@media(max-width: 991px) {
    .cs_page_header_style_1 {
        padding: 130px 0 60px
    }
}

.cs_about_style_1 .cs_about_thumbnail {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-inline-end: 24px
}

.cs_about_style_1 .cs_about_thumbnail img {
    width: 100%
}

.cs_about_style_1 .cs_counter_wrapper_style_1 {
    width: min(100%, 564px);
    min-height: 108px;
    position: relative;
    justify-content: center;
    margin-top: -108px;
    margin-inline: auto 24px;
    z-index: 1
}

@media(max-width: 1399px) {
    .cs_about_style_1 .cs_about_thumbnail {
        padding-inline-end: 0
    }

    .cs_about_style_1 img {
        height: 100%
    }

    .cs_about_style_1 .cs_counter_wrapper_style_1 {
        margin: 0;
        width: 100%
    }
}

@media(max-width: 991px) {
    .cs_about_style_1 .cs_about_thumbnail {
        padding-inline-end: 0
    }

    .cs_about_style_1 .cs_second_thumbnil_img {
        width: 100%;
        height: 100%
    }

    .cs_about_style_1 .cs_second_thumbnil_img img {
        height: 100%
    }
}

.cs_about_style_2 {
    padding-top: 150px
}

.cs_about_style_2 .cs_about_right {
    height: 100%;
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: space-between
}

.cs_about_style_2 .cs_about_thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 991px) {
    .cs_about_style_2 {
        padding-top: 90px
    }
}

.cs_about_style_3 .cs_about_thumbnail {
    background: var(--gray-color5)
}

.cs_about_style_3 .cs_about_thumbnail img {
    width: 100%
}

.cs_about_style_3 .cs_about_text {
    padding-inline-start: 24px
}

.cs_about_style_3 .cs_author {
    letter-spacing: -0.288px
}

.cs_about_style_3 .cs_about_details li {
    color: var(--gray-color1);
    position: relative;
    padding-inline-start: 34px
}

.cs_about_style_3 .cs_about_details li:not(:last-child) {
    margin-bottom: 12px
}

.cs_about_style_3 .cs_about_details li .cs_icon {
    position: absolute;
    inset-inline-start: 0
}

.cs_year_section .cs_story_thumbnail {
    padding-inline-start: 60px
}

.cs_year_section .cs_story_thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 1399px) {
    .cs_year_section .cs_story_thumbnail {
        padding-inline-start: 0
    }
}

@media(max-width: 991px) {
    .cs_year_section .cs_story_thumbnail {
        max-height: 400px
    }
}

.cs_story_of_years {
    padding-block: 88px;
    padding-inline: 60px 0
}

.cs_story_of_years .cs_years {
    display: flex;
    overflow-x: auto
}

.cs_story_of_years .cs_years span {
    display: block;
    width: min(20%, 162px);
    min-width: 120px;
    padding-bottom: 54px;
    position: relative;
    flex: none;
    letter-spacing: -0.64px
}

.cs_story_of_years .cs_years span::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--gray-color6);
    bottom: 0;
    inset-inline-start: 30px;
    z-index: 1
}

.cs_story_of_years .cs_years span::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: var(--gray-color6);
    bottom: 9px;
    inset-inline-start: 0
}

.cs_story_of_years .cs_years span.active::before {
    background-color: var(--accent-color)
}

@media(max-width: 991px) {
    .cs_story_of_years {
        padding: 24px 24px 0
    }

    .cs_story_of_years .cs_years span {
        padding-bottom: 40px
    }

    .cs_story_of_years .cs_years span::before {
        inset-inline-start: 15px
    }
}

@media(max-width: 575px) {
    .cs_story_of_years {
        padding: 24px 15px 0
    }
}

@media(max-width: 575px) {
    .cs_srory_style_1 .cs_fs_20 {
        font-size: 16px
    }
}

.cs_counter {
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.cs_counter_style_1 .cs_counter_number,
.cs_counter_style_2 .cs_counter_number {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {

    .cs_counter_style_1 .cs_counter_number,
    .cs_counter_style_2 .cs_counter_number {
        font-size: 20px
    }

    .cs_counter_style_1 .cs_counter_title,
    .cs_counter_style_2 .cs_counter_title {
        font-size: 7px
    }
}

.cs_counter_style_2:not(:last-child) {
    padding-bottom: 10px
}

@media(max-width: 767px) {
    .cs_counter_title {
        font-size: 12px !important
    }
}

.cs_counter_wrapper_style_1 {
    padding: 20px;
    display: flex;
    text-align: center;
    position: absolute;
    gap: 32px
}

@media(max-width: 1399px) {
    .cs_counter_wrapper_style_1 {
        position: initial;
        padding: 20px 15px;
        gap: 16px
    }
}

.cs_counter_wrapper_style_2 {
    padding: 20px 0
}

.cs_project_overview_thumbnails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

.cs_project_overview_thumbnails .cs_thumbnail:first-child {
    grid-row: 1/span 2
}

.cs_project_overview_thumbnails .cs_thumbnail img {
    width: 100%;
    height: 100%
}

@media(max-width: 767px) {
    .cs_project_overview_thumbnails {
        gap: 12px
    }
}

.cs_solution_thumbnail img {
    width: 100%
}

.cs_team_style_1 {
    width: min(100%, 350px)
}

.cs_team_style_1 .cs_team_thumbnail img {
    width: 100%
}

.cs_team_style_1 .cs_team_title {
    letter-spacing: -0.24px
}

@media(max-width: 575px) {
    .cs_team_style_1 {
        margin: auto
    }
}

.cs_card_style_1 .cs_card_thumbnails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.cs_card_style_1 .cs_card_thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_card_style_1 .cs_card_thumbnail:nth-child(1) {
    grid-row: span 2
}

.cs_card_style_1 .cs_card_thumbnail:nth-child(2) {
    grid-row: span 3
}

.cs_card_style_1 .cs_card_thumbnail:nth-child(3) {
    grid-row: span 2
}

.cs_card_style_1 .cs_card_thumbnail:nth-child(4) {
    grid-row: span 1
}

@media(max-width: 991px) {
    .cs_card_style_1 .cs_card_thumbnails {
        gap: 12px
    }
}

@media(max-width: 420px) {
    .cs_card_style_1 .cs_card_thumbnails {
        grid-template-columns: repeat(1, 1fr)
    }

    .cs_card_style_1 .cs_card_thumbnails .cs_card_thumbnail {
        grid-row: span auto !important
    }
}

.cs_card_style_2 {
    height: 100%;
    max-height: 520px;
    overflow: hidden;
    position: relative
}

.cs_card_style_2 .cs_card_overlay {
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 70.02%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1
}

.cs_card_style_2 .cs_card_thumbnail {
    width: 100%;
    height: 100%;
    z-index: 0
}

.cs_card_style_2 .cs_card_thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_card_style_2 .cs_card_info {
    width: min(100%, 286px);
    padding: 0 20px 20px;
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    z-index: 1
}

@media(max-width: 1399px) {
    .cs_card_style_2 .cs_card_info {
        padding-block: 20px;
        padding-inline: 15px 10px
    }
}

.cs_card_style_3 {
    width: 100%;
    height: 100%;
    min-height: 450px;
    display: flex;
    align-items: flex-end;
    position: relative
}

.cs_card_style_3 .cs_card_overlay {
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70.02%, rgba(0, 0, 0, 0.5) 100%);
    transition: all .3s ease
}

.cs_card_style_3 .cs_category {
    display: inline-block;
    padding: 6px 12px;
    width: -moz-fit-content;
    width: fit-content;
    transition: all .4s ease
}

.cs_card_style_3 .cs_category:empty {
    display: none
}

.cs_card_style_3 .cs_card_info {
    padding: 24px;
    width: 100%;
    position: relative;
    z-index: 1
}

.cs_card_style_3 .cs_card_info::before {
    content: "";
    position: absolute;
    inset: 0;
    transform: scaleX(0);
    transform-origin: var(--cs-edge-end);
    transition: transform .3s cubic-bezier(0.38, 0.55, 0.25, 0.55);
    z-index: 0;
    background-color: var(--gray-color5)
}

.cs_card_style_3 .cs_card_info>* {
    position: relative;
    z-index: 1
}

.cs_card_style_3 .cs_card_info .cs_card_title {
    color: var(--white-color);
    letter-spacing: -0.24px
}

.cs_card_style_3 .cs_card_info .cs_card_title a {
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
    transition: background-size .4s cubic-bezier(0.49, 0.49, 0.08, 1);
    background-position: var(--cs-edge-end) calc(100% - 0px);
    background-size: 0 1px
}

.cs_card_style_3 .cs_card_info .cs_card_title a:hover {
    background-size: 100% 1px;
    background-position: var(--cs-edge-start) calc(100% - 0px)
}

.cs_card_style_3 .cs_card_info p {
    color: var(--gray-color5);
    transition: all .4s ease
}

.cs_card_style_3:hover .cs_card_overlay {
    opacity: 0
}

.cs_card_style_3:hover .cs_card_info::before {
    transform: scaleX(1);
    transform-origin: var(--cs-edge-start)
}

.cs_card_style_3:hover .cs_card_info .cs_card_title {
    color: var(--primary-color)
}

.cs_card_style_3:hover .cs_card_info p {
    color: var(--secondary-color)
}

.cs_card_style_3:hover .cs_category {
    color: var(--white-color);
    background-color: var(--primary-color)
}

@media(max-width: 1399px) {
    .cs_card_style_3 .cs_card_info {
        padding-block: 20px;
        padding-inline: 15px 10px
    }
}

@media(max-width: 767px) {
    .cs_card_style_3 {
        min-height: 360px
    }
}

.cs_card_style_4 {
    min-height: 560px;
    padding: 20px;
    display: flex;
    align-items: flex-end
}

.cs_card_style_4 .cs_card_info {
    padding: 25px
}

.cs_card_style_4 .cs_card_head {
    display: flex;
    align-items: center;
    gap: 24px
}

.cs_card_style_4 .cs_card_icon {
    padding-block: 11px 12px;
    padding-inline: 12px 11px
}

@media(max-width: 991px) {
    .cs_card_style_4 {
        padding: 20px 15px
    }

    .cs_card_style_4 .cs_card_info {
        padding: 25px 15px
    }
}

.cs_card_style_5 {
    position: absolute;
    inset-inline-end: 32px;
    bottom: 32px;
    padding: 20px;
    width: min(400px, 100%)
}

.cs_card_style_5 .cs_location_details {
    display: flex;
    gap: 12px;
    flex-direction: column
}

.cs_card_style_5 li {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.cs_card_style_5 li span:first-child {
    color: var(--white-color);
    letter-spacing: -0.192px;
    font-weight: 600;
    font-family: var(--primary-font)
}

.cs_card_style_5 li span:last-child {
    color: var(--gray-color5)
}

.cs_card_wrapper_style_1 {
    display: grid;
    grid-template-columns: repeat(5, 1fr)
}

@media(max-width: 991px) {
    .cs_card_wrapper_style_1 {
        grid-template-columns: repeat(6, 1fr)
    }

    .cs_card_wrapper_style_1 .cs_card_style_2 {
        grid-column: span 2
    }

    .cs_card_wrapper_style_1 .cs_card_style_2:nth-child(4),
    .cs_card_wrapper_style_1 .cs_card_style_2:nth-child(5) {
        grid-column: span 3
    }
}

@media(max-width: 767px) {
    .cs_card_wrapper_style_1 {
        grid-template-columns: repeat(2, 1fr)
    }

    .cs_card_wrapper_style_1 .cs_card_style_2 {
        max-height: 400px;
        grid-column: span 1
    }

    .cs_card_wrapper_style_1 .cs_card_style_2:nth-child(4) {
        grid-column: span 1
    }

    .cs_card_wrapper_style_1 .cs_card_style_2:nth-child(5) {
        width: min(100%, 320px);
        grid-column: span 2;
        margin: 0 auto
    }
}

@media(max-width: 450px) {
    .cs_card_wrapper_style_1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .cs_card_wrapper_style_1 .cs_card_style_2 {
        grid-column: span 1 !important
    }

    .cs_card_wrapper_style_1 .cs_card_style_2:nth-child(5) {
        width: 100%
    }
}

.cs_card_wrapper_style_1.cs_scroll_slide {
    --cs-card-width: 20%;
    --cs-card-height: 520px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.cs_card_wrapper_style_1.cs_scroll_slide::-webkit-scrollbar {
    display: none
}

.cs_card_wrapper_style_1.cs_scroll_slide.cs_dragging {
    cursor: grabbing;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cs_card_wrapper_style_1.cs_scroll_slide>.cs_card_style_2 {
    flex: 0 0 auto;
    width: var(--cs-card-width);
    height: var(--cs-card-height);
    margin: 0;
    max-width: none;
    max-height: none
}

@media(max-width: 991px) {
    .cs_card_wrapper_style_1.cs_scroll_slide {
        --cs-card-width: 33.333%
    }
}

@media(max-width: 767px) {
    .cs_card_wrapper_style_1.cs_scroll_slide {
        --cs-card-width: 50%;
        --cs-card-height: 400px
    }
}

@media(max-width: 575px) {
    .cs_card_wrapper_style_1.cs_scroll_slide {
        --cs-card-width: 70%;
        --cs-card-height: 350px
    }
}

.cs_card_wrapper_style_2 .cs_section_title {
    letter-spacing: -0.96px
}

.cs_card_wrapper_style_2 .cs_project_banner {
    height: 100%
}

.cs_card_wrapper_style_2 .cs_project_banner img {
    width: 100%;
    height: 100%;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_card_wrapper_style_2 .cs_card_style_5 {
    padding: 24px
}

@media(max-width: 575px) {
    .cs_card_wrapper_style_2 .cs_card_style_5 {
        padding: 24px 15px;
        position: relative;
        inset-inline-end: initial;
        bottom: initial;
        margin: -150px auto 0;
        z-index: 1
    }
}

.cs_iconbox_style_1 {
    display: flex;
    gap: 24px
}

.cs_iconbox_style_1 .cs_iconbox_icon {
    width: 56px;
    height: 56px;
    margin-top: 6px;
    flex: none
}

@media(max-width: 991px) {
    .cs_iconbox_style_1 {
        gap: 15px
    }

    .cs_iconbox_style_1 .cs_iconbox_icon {
        width: 50px;
        height: 50px;
        margin-top: 0
    }
}

.cs_iconbox_style_2,
.cs_iconbox_style_3 {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 24px;
    border: 1px solid var(--gray-color3)
}

.cs_iconbox_style_2 .cs_iconbox_icon,
.cs_iconbox_style_3 .cs_iconbox_icon {
    background-color: var(--accent-color);
    display: inline-block;
    padding: 16px
}

.cs_iconbox_style_2 .cs_iconbox_icon img,
.cs_iconbox_style_3 .cs_iconbox_icon img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(20%) saturate(17%) hue-rotate(30deg) brightness(96%) contrast(88%)
}

.cs_iconbox_style_2 .cs_iconbox_title,
.cs_iconbox_style_3 .cs_iconbox_title {
    letter-spacing: -0.24px
}

.cs_iconbox_style_2 .cs_iconbox_title a,
.cs_iconbox_style_3 .cs_iconbox_title a {
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
    transition: background-size .4s cubic-bezier(0.49, 0.49, 0.08, 1);
    background-position: var(--cs-edge-end) calc(100% - 0px);
    background-size: 0 1px
}

.cs_iconbox_style_2 .cs_iconbox_title a:hover,
.cs_iconbox_style_3 .cs_iconbox_title a:hover {
    background-size: 100% 1px;
    background-position: var(--cs-edge-start) calc(100% - 0px)
}

.cs_iconbox_style_2::before,
.cs_iconbox_style_2::after,
.cs_iconbox_style_3::before,
.cs_iconbox_style_3::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none
}

.cs_iconbox_style_2::before,
.cs_iconbox_style_3::before {
    border-top: 1px solid var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
    transform: scaleX(0);
    transition: transform .3s ease
}

.cs_iconbox_style_2::after,
.cs_iconbox_style_3::after {
    border-inline: 1px solid var(--accent-color);
    transform: scaleY(0);
    transition: transform .3s ease .2s
}

.cs_iconbox_style_2:hover::before,
.cs_iconbox_style_3:hover::before {
    transform: scaleX(1)
}

.cs_iconbox_style_2:hover::after,
.cs_iconbox_style_3:hover::after {
    transform: scaleY(1)
}

@media(max-width: 575px) {

    .cs_iconbox_style_2,
    .cs_iconbox_style_3 {
        padding: 20px 15px
    }

    .cs_iconbox_style_2 .cs_iconbox_icon,
    .cs_iconbox_style_3 .cs_iconbox_icon {
        padding: 9px
    }
}

.cs_iconbox_style_3 .cs_iconbox_icon {
    width: 32px;
    height: 32px;
    background: none;
    padding: 0
}

.cs_iconbox_style_4 {
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid var(--gray-color3)
}

.cs_iconbox_style_4 .cs_iconbox_title {
    letter-spacing: -0.24px
}

.cs_iconbox_style_4 .cs_contact_list {
    display: flex;
    gap: 8px;
    flex-direction: column
}

.cs_iconbox_style_4 .cs_icon_with_details {
    display: flex;
    align-items: center;
    gap: 8px
}

.cs_iconbox_style_4 .cs_icon_with_details .cs_iconbox_icon,
.cs_iconbox_style_4 .cs_icon_with_details i {
    width: 20px;
    height: 20px;
    flex: none;
    font-size: 20px;
    color: var(--primary-color)
}

.cs_iconbox_style_4 .cs_icon_with_details a:hover {
    color: var(--primary-color)
}

@media(max-width: 1199px) {
    .cs_iconbox_style_4 .cs_iconbox_title {
        font-size: 18px
    }
}

.cs_icon_wrapper_style_1 {
    display: flex;
    flex-direction: column;
    gap: 48px
}

@media(max-width: 991px) {
    .cs_icon_wrapper_style_1 {
        gap: 24px
    }
}

.cs_testimonial_style_1 .cs_textimonial_content {
    width: min(100%, 716px);
    margin: 0 auto;
    opacity: 0;
    transform: translateY(20px)
}

.cs_testimonial_style_1 .cs_testimonal_heading {
    letter-spacing: -0.288px
}

.cs_testimonial_style_1 blockquote {
    font-size: 16px;
    margin-bottom: 30px;
    font-style: normal
}

.cs_testimonial_style_1 .cs_author_title {
    letter-spacing: -0.24px
}

@media(max-width: 991px) {
    .cs_testimonial_style_1 blockquote {
        margin-bottom: 16px
    }
}

.cs_post_style_1 .cs_post_thumbnail {
    display: block;
    width: 100%
}

.cs_post_style_1 .cs_post_thumbnail img {
    width: 100%
}

.cs_post_style_1 .cs_post_content .cs_post_meta_list {
    list-style: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 16px
}

.cs_post_style_1 .cs_post_content .cs_post_meta:not(:first-child) {
    padding-inline-start: 16px;
    position: relative
}

.cs_post_style_1 .cs_post_content .cs_post_meta:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    inset-inline-start: 0;
    top: 0px;
    background-color: var(--gray-color6)
}

.cs_post_style_1 .cs_post_content .cs_post_title {
    letter-spacing: -0.24px
}

.cs_post_style_1 .cs_post_content .cs_post_title a {
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
    transition: background-size .4s cubic-bezier(0.49, 0.49, 0.08, 1);
    background-position: var(--cs-edge-end) calc(100% - 0px);
    background-size: 0 1px
}

.cs_post_style_1 .cs_post_content .cs_post_title a:hover {
    background-size: 100% 1px;
    background-position: var(--cs-edge-start) calc(100% - 0px)
}

.cs_pagination_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.cs_pagination_box .cs_pagination_item,
.cs_pagination_box .cs_pagination_arrow {
    background: rgba(0, 0, 0, 0);
    height: 40px;
    width: 40px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.cs_pagination_box .cs_pagination_item.active,
.cs_pagination_box .cs_pagination_arrow.active {
    background-color: var(--primary-color);
    color: var(--white-color);
    pointer-events: none
}

.cs_pagination_box a.cs_pagination_item:hover {
    background-color: var(--primary-color);
    color: var(--white-color)
}

.cs_pagination_box .cs_pagination_arrow {
    color: var(--white-color);
    background-color: var(--primary-color)
}

.cs_pagination_box .cs_pagination_arrow:hover {
    color: var(--primary-color);
    background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 991px) {
    .cs_pagination_box {
        gap: 15px
    }
}

.cs_post_details .cs_post_banner img {
    width: 100%;
    min-height: 160px
}

.cs_post_details h2 {
    font-family: var(--primary-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3em;
    color: var(--primary-color);
    margin-bottom: 20px
}

.cs_post_details h3 {
    font-family: var(--primary-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3em;
    color: var(--primary-color);
    margin-bottom: 20px
}

.cs_post_details h4 {
    font-family: var(--primary-font);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3em;
    color: var(--primary-color);
    margin-bottom: 20px
}

.cs_post_details p {
    font-family: var(--secondary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.56em;
    color: var(--secondary-color);
    margin-bottom: 20px
}

.cs_post_details p:last-child {
    margin-bottom: 0
}

.cs_post_details article {
    margin-bottom: 30px
}

.cs_post_details article:last-child {
    margin-bottom: 0
}

.cs_post_details article h2,
.cs_post_details article h3,
.cs_post_details article h4 {
    margin-bottom: 16px
}

.cs_post_details article ul {
    list-style: disc;
    display: flex;
    gap: 10px;
    flex-direction: column
}

.cs_post_details blockquote {
    color: var(--primary-color);
    font-family: var(--primary-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5em;
    padding: 30px;
    position: relative;
    margin: 40px 0;
    background-color: var(--gray-color5)
}

.cs_post_details blockquote::before {
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    background-color: var(--accent-color)
}

.cs_post_details .cs_post_gallery img {
    width: 100%
}

@media(max-width: 767px) {
    .cs_post_details h2 {
        font-size: 36px;
        margin-bottom: 16px
    }

    .cs_post_details h3 {
        font-size: 30px;
        margin-bottom: 16px
    }

    .cs_post_details h4 {
        font-size: 22px;
        margin-bottom: 16px
    }

    .cs_post_details blockquote {
        padding: 18px
    }
}

.cs_comment_form .cs_form_field:focus {
    border-color: var(--accent-color)
}

.cs_accordian_wraper_style_1 {
    width: min(900px, 100%);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.cs_accordian.cs_style_1 {
    border: 1px solid var(--gray-color3);
    transition: all .3s ease
}

.cs_accordian.cs_style_1 .cs_accordian_head {
    position: relative;
    cursor: pointer;
    letter-spacing: -0.24px;
    padding-block: 24px;
    padding-inline: 19px 60px
}

.cs_accordian.cs_style_1 .cs_accordian_body {
    padding: 0 19px 24px;
    margin-top: -4px
}

.cs_accordian.cs_style_1 .cs_accordian_body p {
    line-height: 1.5em;
    position: relative;
    padding-inline-start: 19px
}

.cs_accordian.cs_style_1 .cs_accordian_body p::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: 3px;
    height: 0;
    background-color: var(--accent-color);
    transition: all .4s ease
}

.cs_accordian.cs_style_1 .cs_accordian_toggle {
    display: inline-block;
    width: 16px;
    height: 2px;
    background-color: var(--primary-color);
    position: absolute;
    inset-inline-end: 24px;
    top: 37px;
    transition: all .3s ease
}

.cs_accordian.cs_style_1 .cs_accordian_toggle::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    transform: rotate(-90deg)
}

.cs_accordian.cs_style_1.active {
    border-color: var(--gray-color5);
    background-color: var(--gray-color5)
}

.cs_accordian.cs_style_1.active .cs_accordian_head {
    pointer-events: none
}

.cs_accordian.cs_style_1.active .cs_accordian_toggle {
    transform: rotate(-45deg)
}

.cs_accordian.cs_style_1.active .cs_accordian_body p::before {
    height: 100%
}

@media(max-width: 767px) {
    .cs_accordian.cs_style_1 .cs_accordian_head {
        padding-block: 20px;
        padding-inline: 20px 40px
    }

    .cs_accordian.cs_style_1 .cs_accordian_body {
        padding: 0 20px 20px 20px
    }

    .cs_accordian.cs_style_1 .cs_accordian_body p {
        padding-inline-start: 12px
    }

    .cs_accordian.cs_style_1 .cs_accordian_body p::before {
        width: 2px
    }

    .cs_accordian.cs_style_1 .cs_accordian_toggle {
        top: 34px;
        inset-inline-end: 15px
    }
}

.cs_gray_bg5 .cs_accordian.cs_style_1.active {
    background-color: var(--white-color)
}

.cs_cta_style_1 {
    min-height: 510px;
    height: 100%;
    display: flex
}

.cs_cta_style_1 .cs_cta_bg {
    inset: 0;
    transition: transform .6s cubic-bezier(0.38, 0.55, 0.265, 0.55)
}

.cs_cta_style_1 .cs_cta_bg img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_cta_style_1 .cs_cta_overlay {
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.6) 100%)
}

.cs_cta_style_1 .cs_top {
    padding: 32px 32px 0
}

.cs_cta_style_1 .cs_bottom {
    padding: 0 32px 32px
}

.cs_cta_style_1 .cs_top,
.cs_cta_style_1 .cs_bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px 30px;
    position: relative;
    z-index: 1
}

.cs_cta_style_1 .cs_top h2,
.cs_cta_style_1 .cs_top p,
.cs_cta_style_1 .cs_bottom h2,
.cs_cta_style_1 .cs_bottom p {
    text-shadow: 0 12px 32px rgba(6, 28, 61, .08)
}

.cs_cta_style_1 .cs_top .cs_cta_text,
.cs_cta_style_1 .cs_bottom .cs_cta_text {
    width: min(100%, 740px)
}

.cs_cta_style_1 .cs_cta_in {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 50px
}

.cs_cta_style_1 .cs_cta_in .cs_cta_title a:hover {
    color: var(--accent-color)
}

.cs_cta_style_1 .cs_cta_in .cs_btn_style_1 {
    border: 1px solid var(--white-color);
    color: var(--white-color);
    text-wrap: nowrap;
    flex: none;
    gap: 12px
}

.cs_cta_style_1 .cs_cta_in .cs_btn_style_1:hover {
    color: var(--primary-color);
    background-color: var(--white-color)
}

.cs_cta_style_1 .cs_category {
    padding: 6px 12px
}

.cs_cta_style_1.cs_type_1 .cs_bottom {
    flex-direction: column;
    align-items: flex-start
}

.cs_cta_style_1:hover .cs_cta_bg {
    transform: scale(1.03)
}

@media(max-width: 991px) {
    .cs_cta_style_1 .cs_top {
        padding: 30px 15px 0;
        flex-wrap: wrap
    }

    .cs_cta_style_1 .cs_bottom {
        padding: 0 15px 30px;
        flex-direction: column;
        align-items: flex-start
    }
}

.cs_cta_style_2 {
    padding: 88px 0 95px;
    color: #42526b
}

.cs_cta_style_2 .cs_cta_info {
    width: min(100%, 750px)
}

.cs_cta_style_2 .cs_cta_title {
    color: #222
}

@media(max-width: 991px) {
    .cs_cta_style_2 {
        padding: 56px 0
    }

    .cs_cta_style_2 .cs_cta_info {
        width: 100%
    }
}

@media(max-width: 575px) {
    .cs_cta_style_2 .cs_fs_20 {
        font-size: 18px
    }
}

.cs_cta_style_3 {
    display: flex
}

.cs_cta_style_3 .cs_cta_left {
    width: 76%;
    padding: 88px 50px
}

.cs_cta_style_3 .cs_cta_right {
    width: 24%;
    padding: 88px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.cs_cta_style_3 .cs_btn_style_1 {
    color: var(--white-color)
}

.cs_cta_style_3 .cs_btn_style_1:hover {
    color: var(--primary-color);
    background-color: var(--white-color)
}

@media(max-width: 1199px) {
    .cs_cta_style_3 .cs_cta_left {
        padding: 40px 20px
    }

    .cs_cta_style_3 .cs_cta_right {
        padding: 40px 20px
    }
}

@media(max-width: 991px) {
    .cs_cta_style_3 {
        flex-direction: column
    }

    .cs_cta_style_3 .cs_cta_left,
    .cs_cta_style_3 .cs_cta_right {
        width: 100%
    }
}

.cs_contact_thumbnail {
    width: 100%;
    height: 100%
}

.cs_contact_thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_map {
    width: min(644px, 100%)
}

.cs_map iframe {
    width: 100%;
    min-height: 475px;
    border: none
}

@media(max-width: 991px) {
    .cs_map {
        width: 100%
    }
}

@media(max-width: 575px) {
    .cs_map .cs_card_style_5 {
        padding: 24px 15px;
        position: relative;
        inset-inline-end: initial;
        bottom: initial;
        margin: -100px auto 0;
        z-index: 1
    }
}

.cs_form_field {
    display: block;
    width: 100%;
    border: 1px solid var(--gray-color3);
    outline: none;
    padding: 16px 24px
}

.cs_form_field::-moz-placeholder {
    color: #9ba4b1
}

.cs_form_field::placeholder {
    color: #9ba4b1
}

.cs_form_style_2 {
    display: flex;
    gap: 16px;
    flex-direction: column
}

.cs_form_style_2 .cs_btn_style_1 {
    margin-top: 20px
}

.cs_iconbox_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: var(--primary-color)
}

.cs_iconbox_link svg {
    transition: transform .3s ease
}

.cs_iconbox_link:hover {
    color: var(--primary-color)
}

.cs_iconbox_link:hover svg {
    transform: translateX(4px)
}

.cs_iconbox_style_2 .cs_iconbox_link:hover {
    color: var(--accent-color)
}

.cs_check_list {
    display: flex;
    gap: 16px;
    flex-direction: column
}

.cs_check_list li {
    display: flex;
    align-items: flex-start;
    gap: 12px
}

.cs_check_list .cs_check_icon {
    width: 24px;
    height: 24px;
    flex: none;
    margin-top: 2px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    background-color: var(--accent-color)
}

.cs_sidebar {
    display: flex;
    gap: 24px;
    flex-direction: column;
    position: sticky;
    top: 100px
}

.cs_sidebar_widget {
    padding: 24px;
    background-color: var(--gray-color5)
}

.cs_sidebar_widget .cs_sidebar_widget_title {
    letter-spacing: -0.24px
}

@media(max-width: 575px) {
    .cs_sidebar_widget {
        padding: 24px 15px
    }
}

.cs_service_menu {
    display: flex;
    gap: 8px;
    flex-direction: column
}

.cs_service_menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color3);
    transition: all .4s ease
}

.cs_service_menu a i {
    font-size: 12px;
    transition: transform .3s ease
}

.cs_service_menu a:hover,
.cs_service_menu a.active {
    color: var(--white-color);
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.cs_service_menu a:hover i,
.cs_service_menu a.active i {
    transform: translateX(4px)
}

.cs_sidebar_cta {
    padding: 32px 24px;
    text-align: center;
    background-color: var(--primary-color)
}

.cs_sidebar_cta .cs_btn_style_1 {
    width: 100%
}

.cs_sidebar_cta .cs_btn_style_1:hover {
    color: var(--primary-color);
    background-color: var(--accent-color)
}

@media(max-width: 575px) {
    .cs_sidebar_cta {
        padding: 32px 15px
    }
}

.cs_pricing_style_1 {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color3)
}

.cs_pricing_style_1 .cs_pricing_head {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray-color3)
}

.cs_pricing_style_1 .cs_pricing_price {
    display: flex;
    align-items: flex-end;
    gap: 6px
}

.cs_pricing_style_1 .cs_pricing_title {
    letter-spacing: -0.24px
}

.cs_pricing_style_1 .cs_pricing_badge {
    position: absolute;
    inset-inline-end: 32px;
    top: 32px;
    padding: 5px 12px;
    color: var(--primary-color);
    background-color: var(--accent-color)
}

.cs_pricing_style_1 .cs_pricing_feature_list {
    flex-grow: 1;
    margin-bottom: 32px
}

.cs_pricing_style_1 .cs_btn_style_1 {
    width: 100%
}

.cs_pricing_style_1::before,
.cs_pricing_style_1::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none
}

.cs_pricing_style_1::before {
    border-top: 1px solid var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
    transform: scaleX(0);
    transition: transform .3s ease
}

.cs_pricing_style_1::after {
    border-inline: 1px solid var(--accent-color);
    transform: scaleY(0);
    transition: transform .3s ease .2s
}

.cs_pricing_style_1:not(.cs_highlighted):hover::before {
    transform: scaleX(1)
}

.cs_pricing_style_1:not(.cs_highlighted):hover::after {
    transform: scaleY(1)
}

.cs_pricing_style_1:not(.cs_highlighted):hover .cs_btn_style_1 {
    color: var(--white-color);
    background-color: var(--primary-color)
}

.cs_pricing_style_1.cs_highlighted {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    transition: border-color .3s ease
}

.cs_pricing_style_1.cs_highlighted::before,
.cs_pricing_style_1.cs_highlighted::after {
    display: none
}

.cs_pricing_style_1.cs_highlighted:hover {
    border-color: var(--accent-color)
}

.cs_pricing_style_1.cs_highlighted .cs_pricing_head {
    border-bottom-color: rgba(255, 255, 255, .15)
}

.cs_pricing_style_1.cs_highlighted .cs_check_list .cs_check_icon {
    color: var(--primary-color)
}

@media(max-width: 575px) {
    .cs_pricing_style_1 {
        padding: 24px 15px
    }

    .cs_pricing_style_1 .cs_pricing_badge {
        inset-inline-end: 15px;
        top: 24px
    }
}

.cs_process_list {
    width: min(900px, 100%);
    margin: 0 auto
}

.cs_process_style_1 {
    display: flex;
    gap: 32px;
    position: relative;
    padding-bottom: 48px
}

.cs_process_style_1:last-child {
    padding-bottom: 0
}

.cs_process_style_1:last-child .cs_process_line {
    display: none
}

.cs_process_style_1 .cs_process_number {
    width: 64px;
    height: 64px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: var(--primary-font);
    color: var(--gray-color1);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--gray-color3);
    transition: color .4s ease, background-color .4s ease, border-color .4s ease
}

.cs_process_style_1 .cs_process_number::after {
    content: "";
    position: absolute;
    inset: -1px;
    border: 1px solid var(--accent-color);
    opacity: 0;
    pointer-events: none
}

.cs_process_style_1 .cs_process_line {
    position: absolute;
    inset-inline-start: 32px;
    top: 72px;
    bottom: 8px;
    width: 1px;
    background-color: var(--gray-color3)
}

.cs_process_style_1 .cs_process_line::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: var(--accent-color);
    transition: height .5s ease
}

.cs_process_style_1 .cs_process_title {
    letter-spacing: -0.24px
}

.cs_process_style_1.cs_process_complete .cs_process_number {
    color: var(--primary-color);
    background-color: var(--accent-color);
    border-color: var(--accent-color)
}

.cs_process_style_1.cs_process_complete .cs_process_number::after {
    animation: cs_process_ring .9s ease-out .1s
}

.cs_process_style_1.cs_process_complete .cs_process_line::after {
    height: 100%;
    transition: height .8s ease .2s
}

@media(max-width: 767px) {
    .cs_process_style_1 {
        gap: 20px;
        padding-bottom: 32px
    }

    .cs_process_style_1 .cs_process_number {
        width: 50px;
        height: 50px;
        font-size: 20px
    }

    .cs_process_style_1 .cs_process_line {
        inset-inline-start: 25px;
        top: 58px
    }
}

@keyframes cs_process_ring {
    0% {
        opacity: .9;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(1.45)
    }
}

@media(prefers-reduced-motion: reduce) {

    .cs_process_style_1 .cs_process_number,
    .cs_process_style_1 .cs_process_line::after {
        transition: none
    }

    .cs_process_style_1.cs_process_complete .cs_process_number::after {
        animation: none
    }
}

.cs_testimonial_style_2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 32px;
    border: 1px solid var(--gray-color3);
    transition: all .4s ease
}

.cs_testimonial_style_2 .cs_rating {
    display: flex;
    gap: 4px;
    font-size: 14px;
    color: var(--accent-color)
}

.cs_testimonial_style_2 blockquote {
    margin: 0 0 24px;
    font-size: 16px;
    font-style: normal;
    line-height: 1.56em;
    color: var(--secondary-color)
}

.cs_testimonial_style_2 .cs_testimonial_author {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid var(--gray-color3)
}

.cs_testimonial_style_2 .cs_author_thumbnail {
    width: 56px;
    height: 56px;
    flex: none;
    overflow: hidden
}

.cs_testimonial_style_2 .cs_author_thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.cs_testimonial_style_2 .cs_author_title {
    letter-spacing: -0.24px
}

.cs_testimonial_style_2:hover {
    border-color: var(--accent-color)
}

@media(max-width: 575px) {
    .cs_testimonial_style_2 {
        padding: 24px 15px
    }
}

.cs_team_style_1 .cs_team_thumbnail img {
    aspect-ratio: 312/424;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.cs_team_style_1:hover .cs_team_thumbnail img {
    transform: scale(1.08)
}

.cs_team_style_1 .cs_team_title a {
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);
    transition: background-size .4s cubic-bezier(0.49, 0.49, 0.08, 1);
    background-position: var(--cs-edge-end) calc(100% - 0px);
    background-size: 0 1px
}

.cs_team_style_1 .cs_team_title a:hover {
    background-size: 100% 1px;
    background-position: var(--cs-edge-start) calc(100% - 0px)
}

.cs_team_style_1 .cs_team_social {
    display: flex;
    gap: 10px;
    margin-top: 16px
}

.cs_team_style_1 .cs_team_social a {
    width: 36px;
    height: 36px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    border: 1px solid var(--gray-color3);
    transition: all .4s ease
}

.cs_team_style_1 .cs_team_social a:hover {
    border-color: var(--accent-color);
    background-color: var(--accent-color)
}

.cs_team_details .cs_team_details_thumbnail {
    height: 100%;
    min-height: 440px;
    position: relative
}

.cs_team_details .cs_team_details_thumbnail img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cs_team_details .cs_team_info_list {
    display: flex;
    gap: 12px;
    flex-direction: column
}

.cs_team_details .cs_team_info_list li {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.cs_team_details .cs_team_info_list li span:first-child {
    min-width: 120px;
    font-weight: 600;
    letter-spacing: -0.192px;
    font-family: var(--primary-font);
    color: var(--primary-color)
}

.cs_team_details .cs_team_info_list li span:last-child,
.cs_team_details .cs_team_info_list li a {
    color: var(--secondary-color)
}

.cs_team_details .cs_team_info_list li a:hover {
    color: var(--primary-color)
}

.cs_team_details .cs_social_btns {
    display: flex;
    gap: 10px;
    align-items: center
}

.cs_team_details .cs_social_btns a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor
}

.cs_team_details .cs_social_btns a:hover {
    color: var(--dark-color);
    border-color: var(--accent-color);
    background-color: var(--accent-color)
}

@media(max-width: 575px) {
    .cs_team_details .cs_team_details_thumbnail {
        min-height: 360px
    }
}

.cs_skill_list {
    width: min(100%, 600px);
    display: flex;
    gap: 24px;
    flex-direction: column
}

.cs_skill_list .cs_skill_head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px
}

.cs_skill_list .cs_skill_bar {
    height: 6px;
    position: relative;
    background-color: var(--gray-color3)
}

.cs_skill_list .cs_skill_bar span {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    height: 100%;
    background-color: var(--accent-color)
}

@media(max-width: 991px) {
    .cs_skill_list {
        width: 100%
    }
}

.cs_ask_form {
    padding: 40px
}

.cs_ask_form .cs_form_field {
    background-color: var(--white-color)
}

@media(max-width: 991px) {
    .cs_ask_form {
        padding: 32px 24px
    }
}

@media(max-width: 575px) {
    .cs_ask_form {
        padding: 24px 15px
    }
}

.cs_error_section {
    padding: 210px 0 120px
}

.cs_error_section .cs_error_title {
    font-size: 200px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -4px;
    font-family: var(--primary-font);
    color: var(--primary-color)
}

.cs_error_section .cs_error_content {
    width: min(100%, 650px);
    margin: 0 auto
}

.cs_error_section .cs_error_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap-reverse
}

.cs_error_section .cs_btn_style_2 {
    padding: 12px 30px;
    border: 1px solid var(--primary-color)
}

.cs_error_section .cs_btn_style_2:hover {
    border-color: var(--accent-color)
}

@media(max-width: 991px) {
    .cs_error_section {
        padding: 130px 0 60px
    }

    .cs_error_section .cs_error_title {
        font-size: 130px;
        letter-spacing: -2px
    }
}

@media(max-width: 575px) {
    .cs_error_section .cs_error_title {
        font-size: 96px
    }
}

[dir=rtl] {
    --cs-edge-start: 100%;
    --cs-edge-end: 0%
}

[dir=rtl] ul,
[dir=rtl] ol {
    padding-left: 0
}

[dir=rtl] .cs_rtl_flip {
    scale: -1 1
}

[dir=rtl] input[type=tel] {
    text-align: right
}

[dir=rtl] .swiper-pagination.cs_style_1 .swiper-pagination-bullet::before {
    left: auto;
    right: 50%;
    transform: translateY(-50%)
}

[dir=rtl] .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    padding-right: var(--bs-breadcrumb-item-padding-x)
}

[dir=rtl] .breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

@media(min-width: 1200px) {
    [dir=rtl] .offset-xl-1 {
        margin-left: 0;
        margin-right: 8.33333333%
    }
}

.cs_dark .cs_primary_bg,
.cs_dark .cs_white_bg,
.cs_dark .cs_white_bg_hover:hover {
    background-color: var(--dark-surface)
}

.cs_dark .cs_preloader {
    background-color: var(--dark-body)
}

.cs_dark .cs_site_header_style_1.cs_sticky_active,
.cs_dark .menu-item-has-children .cs_dropdown_list,
.cs_dark .cs_service_menu a,
.cs_dark .cs_pricing_style_1,
.cs_dark .cs_switcher_panel,
.cs_dark .cs_ask_form .cs_form_field {
    background-color: var(--dark-surface)
}

.cs_dark .cs_sidebar_cta,
.cs_dark .cs_pricing_style_1.cs_highlighted,
.cs_dark .cs_gray_bg5 .cs_accordian.cs_style_1.active {
    background-color: var(--dark-surface-2)
}

.cs_dark .cs_accent_bg,
.cs_dark .cs_accent_bg_hover:hover,
.cs_dark .cs_scrollup,
.cs_dark .cs_switcher_toggle,
.cs_dark .cs_btn_style_2:hover,
.cs_dark .cs_check_list .cs_check_icon,
.cs_dark .cs_pricing_style_1 .cs_pricing_badge,
.cs_dark .cs_process_style_1.cs_process_complete .cs_process_number {
    color: var(--dark-ink)
}

.cs_dark .cs_accent_bg .cs_primary_color {
    color: var(--dark-ink)
}

.cs_dark .cs_btn_style_1:hover,
.cs_dark .cs_card_style_3:hover .cs_category,
.cs_dark .cs_arrow_style_2 .cs_right_arrow:hover,
.cs_dark .cs_pagination_box .cs_pagination_arrow,
.cs_dark .cs_pagination_box .cs_pagination_arrow.active,
.cs_dark .cs_pagination_box .cs_pagination_item.active,
.cs_dark .cs_pagination_box a.cs_pagination_item:hover,
.cs_dark .cs_pricing_style_1:not(.cs_highlighted):hover .cs_btn_style_1,
.cs_dark .cs_cta_style_1 .cs_cta_in .cs_btn_style_1:hover,
.cs_dark .cs_cta_style_3 .cs_btn_style_1:hover {
    color: var(--dark-ink)
}

.cs_dark .cs_service_menu a:hover,
.cs_dark .cs_service_menu a.active {
    color: var(--accent-color);
    border-color: initial
}

.cs_dark .cs_gray_color5,
.cs_dark .cs_card_style_3 .cs_card_info p,
.cs_dark .cs_card_style_5 li span:last-child {
    color: var(--gray-color6)
}

.cs_dark .cs_form_field {
    color: var(--primary-color);
    background-color: var(--dark-surface)
}

.cs_dark .cs_form_field::-moz-placeholder {
    color: var(--gray-color1)
}

.cs_dark .cs_form_field::placeholder {
    color: var(--gray-color1)
}

.cs_dark input,
.cs_dark textarea,
.cs_dark select {
    color: var(--primary-color);
    background-color: var(--dark-surface-2)
}

.cs_dark input::-moz-placeholder,
.cs_dark textarea::-moz-placeholder,
.cs_dark select::-moz-placeholder {
    color: var(--gray-color1)
}

.cs_dark input::placeholder,
.cs_dark textarea::placeholder,
.cs_dark select::placeholder {
    color: var(--gray-color1)
}

.cs_dark .cs_site_brand img {
    filter: brightness(0) invert(1)
}

.cs_dark svg [stroke="#061C3D"],
.cs_dark svg [stroke="#222222"] {
    stroke: currentColor
}

.cs_dark .cs_nav .cs_nav_list_wrap {
    background-color: var(--dark-surface)
}

.cs_dark .cs_footer_style_1 .cs_text_widget .cs_btn_style_1:hover {
    color: var(--accent-color);
    background-color: var(--gray-color3)
}

.cs_dark .cs_footer_style_1 .cs_footer_bottom::before {
    background-color: var(--gray-color3)
}
```css
/* Trigen Hero - Three Image Gallery */

.trigen_hero {
  overflow: hidden;
}

.trigen_hero_gallery {
  position: relative;
  width: 100%;
  height: 430px;
  margin: 10px 0;
}

/* Image Base */

.trigen_gallery_image {
  position: absolute;
  overflow: hidden;
  background: #eaf4fc;
  border: 5px solid #fff;
  border-radius: 22px;
  box-shadow: 0 15px 35px rgba(1, 43, 92, 0.16);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.trigen_gallery_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.trigen_gallery_image:hover {
  z-index: 5;
  box-shadow: 0 20px 40px rgba(1, 43, 92, 0.23);
}

.trigen_gallery_image:hover img {
  transform: scale(1.07);
}

/* Main Image */

.trigen_gallery_main {
  top: 90px;
  left: 0;
  z-index: 2;
  width: 65%;
  height: 275px;
  transform: rotate(-5deg);
}

.trigen_gallery_main:hover {
  transform: rotate(-2deg) translateY(-5px);
}

/* Top Image */

.trigen_gallery_top {
  top: 10px;
  right: 0;
  z-index: 3;
  width: 52%;
  height: 200px;
  transform: rotate(5deg);
}

.trigen_gallery_top:hover {
  transform: rotate(2deg) translateY(-5px);
}

/* Bottom Image */

.trigen_gallery_bottom {
  right: 0;
  bottom: 5px;
  z-index: 4;
  width: 52%;
  height: 195px;
  transform: rotate(-3deg);
}

.trigen_gallery_bottom:hover {
  transform: rotate(0deg) translateY(-5px);
}

/* Decorative Shapes */

.trigen_gallery_decor {
  position: absolute;
  display: block;
  width: 85px;
  height: 85px;
  border-radius: 22px;
  transform: rotate(35deg);
}

.trigen_gallery_blue {
  top: 80px;
  left: 0;
  z-index: 1;
  background: #07538c;
}

.trigen_gallery_red {
  right: 5px;
  bottom: 55px;
  z-index: 1;
  background: #d92732;
}

/* Tablet */

@media (max-width: 991px) {
  .trigen_hero_gallery {
    max-width: 520px;
    height: 430px;
    margin: 20px auto;
  }

  .trigen_gallery_main {
    width: 62%;
    height: 275px;
  }

  .trigen_gallery_top,
  .trigen_gallery_bottom {
    width: 48%;
  }
}

/* Mobile */

@media (max-width: 575px) {
  .trigen_hero_gallery {
    height: 330px;
    margin: 10px auto;
  }

  .trigen_gallery_image {
    border-width: 4px;
    border-radius: 16px;
  }

  .trigen_gallery_main {
    top: 65px;
    left: 0;
    width: 63%;
    height: 215px;
    transform: rotate(-4deg);
  }

  .trigen_gallery_top {
    top: 5px;
    right: 0;
    width: 49%;
    height: 145px;
    transform: rotate(4deg);
  }

  .trigen_gallery_bottom {
    right: 0;
    bottom: 8px;
    width: 49%;
    height: 145px;
    transform: rotate(-3deg);
  }

  .trigen_gallery_decor {
    width: 45px;
    height: 45px;
    border-radius: 12px;
  }

  .trigen_gallery_blue {
    top: 75px;
    left: -3px;
  }

  .trigen_gallery_red {
    right: 0;
    bottom: 35px;
  }
}
.trigen_red_text {
    color: #d92732;
}

/* ========================================
   TRIGEN ENTERPRISES - ABOUT SECTION
======================================== */

.trigen-about-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: #f6f9fc;
}

.trigen-about-section *,
.trigen-about-section *::before,
.trigen-about-section *::after {
    box-sizing: border-box;
}

/* Section Heading */

.trigen-about-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.trigen-about-eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: #d92732;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.trigen-about-heading h2 {
    margin: 0 0 22px;
    color: #092b4c;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.5px;
}

.trigen-about-heading h2 span,
.trigen-about-bottom-text h3 span {
    color: #d92732;
}

.trigen-about-heading > p {
    max-width: 740px;
    margin: 0 auto;
    color: #647487;
    font-size: 17px;
    line-height: 1.9;
}

/* Three-Column Grid */

.trigen-about-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

/* Cards */

.trigen-about-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(9, 43, 76, 0.05);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.trigen-about-card:hover {
    transform: translateY(-9px);
    border-color: #d9e5f0;
    box-shadow: 0 22px 45px rgba(9, 43, 76, 0.12);
}

/* Featured Middle Card */

.trigen-about-card-featured {
    border-top: 4px solid #d92732;
}

/* Images */

.trigen-about-image {
    position: relative;
    height: 245px;
    overflow: hidden;
    background: #e5eef7;
}

.trigen-about-image::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(
        180deg,
        rgba(9, 43, 76, 0.02) 45%,
        rgba(9, 43, 76, 0.38) 100%
    );
    pointer-events: none;
}

.trigen-about-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.65s ease;
}

.trigen-about-card:hover .trigen-about-image img {
    transform: scale(1.07);
}

/* Image Number */

.trigen-about-number {
    position: absolute;
    right: 17px;
    bottom: 17px;
    z-index: 1;
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    background: #fff;
    color: #092b4c;
    font-size: 13px;
    font-weight: 800;
}

/* Card Content */

.trigen-about-card-content {
    padding: 28px 26px 32px;
}

.trigen-about-label {
    display: block;
    margin-bottom: 12px;
    color: #d92732;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.trigen-about-card-content h3 {
    margin: 0 0 14px;
    color: #092b4c;
    font-size: 23px;
    font-weight: 750;
    line-height: 1.35;
}

.trigen-about-card-content p {
    margin: 0;
    color: #6b7b8d;
    font-size: 14px;
    line-height: 1.9;
}

/* Bottom Company Highlights */

.trigen-about-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 65px;
    padding: 38px 42px;
    border: 1px solid #e5edf5;
    border-radius: 20px;
    background: #fff;
}

.trigen-about-bottom-text {
    max-width: 420px;
}

.trigen-about-bottom-text .trigen-about-eyebrow {
    margin-bottom: 12px;
}

.trigen-about-bottom-text h3 {
    margin: 0;
    color: #092b4c;
    font-size: 29px;
    font-weight: 800;
    line-height: 1.4;
}

.trigen-about-stats {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.trigen-about-stat {
    display: flex;
    min-width: 125px;
    flex-direction: column;
    justify-content: center;
    padding: 8px 24px;
    border-left: 1px solid #e3eaf1;
}

.trigen-about-stat strong {
    display: block;
    margin-bottom: 7px;
    color: #092b4c;
    font-size: 29px;
    font-weight: 800;
}

.trigen-about-stat span {
    color: #778597;
    font-size: 12px;
    line-height: 1.5;
}

/* Bottom CTA */

.trigen-about-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 26px 32px;
    border-radius: 14px;
    background: #092b4c;
}

.trigen-about-cta p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.trigen-about-button {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 14px 22px;
    border-radius: 7px;
    background: #d92732;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}

.trigen-about-button:hover {
    transform: translateY(-2px);
    background: #b91f29;
    color: #fff;
}

/* Tablet */

@media (max-width: 991px) {
    .trigen-about-section {
        padding: 75px 0;
    }

    .trigen-about-heading {
        margin-bottom: 40px;
    }

    .trigen-about-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .trigen-about-card:last-child {
        grid-column: 1 / -1;
    }

    .trigen-about-card:last-child .trigen-about-image {
        height: 280px;
    }

    .trigen-about-bottom {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
    }

    .trigen-about-stats {
        width: 100%;
    }

    .trigen-about-stat:first-child {
        padding-left: 0;
        border-left: 0;
    }
}

/* Mobile */

@media (max-width: 575px) {
    .trigen-about-section {
        padding: 55px 0;
    }

    .trigen-about-heading {
        margin-bottom: 32px;
        text-align: left;
    }

    .trigen-about-heading h2 {
        font-size: 34px;
        letter-spacing: -0.7px;
    }

    .trigen-about-heading > p {
        font-size: 15px;
        line-height: 1.8;
    }

    .trigen-about-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .trigen-about-card:last-child {
        grid-column: auto;
    }

    .trigen-about-image,
    .trigen-about-card:last-child .trigen-about-image {
        height: 230px;
    }

    .trigen-about-card-content {
        padding: 24px 21px 27px;
    }

    .trigen-about-card-content h3 {
        font-size: 22px;
    }

    .trigen-about-bottom {
        gap: 25px;
        margin-top: 40px;
        padding: 25px 20px;
    }

    .trigen-about-bottom-text h3 {
        font-size: 25px;
    }

    .trigen-about-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 0;
    }

    .trigen-about-stat {
        min-width: 0;
        padding: 0 12px;
    }

    .trigen-about-stat:nth-child(odd) {
        padding-left: 0;
        border-left: 0;
    }

    .trigen-about-stat strong {
        font-size: 25px;
    }

    .trigen-about-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
    }

    .trigen-about-cta p {
        font-size: 14px;
    }
}

/* ===== Trigen Pharmaceutical Hero ===== */

.trigen_hero {
  position: relative;

  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);
}

.trigen_hero_images {
  position: relative;
  width: 100%;
  max-width: 1100px;
  height: 490px;
  margin: 0 auto;
}

/* Common Image Style */

.trigen_hero_image {
  position: absolute;
  overflow: hidden;
  background: #eaf5ff;
  border: 6px solid #fff;
  border-radius: 28px;
  box-shadow: 0 18px 45px rgba(0, 43, 92, 0.16);
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.trigen_hero_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.trigen_hero_image:hover {
  z-index: 5;
  box-shadow: 0 24px 55px rgba(0, 43, 92, 0.24);
}

.trigen_hero_image:hover img {
  transform: scale(1.06);
}

/* Large Left Image */

.trigen_hero_image_main {
  z-index: 2;
  top: 75px;
  left: 2%;
  width: 54%;
  height: 340px;
  transform: rotate(-5deg);
}

.trigen_hero_image_main:hover {
  transform: rotate(-2deg) translateY(-5px);
}

/* Top Right Image */

.trigen_hero_image_top {
  z-index: 3;
  top: 10px;
  right: 5%;
  width: 43%;
  height: 235px;
  transform: rotate(4deg);
}

.trigen_hero_image_top:hover {
  transform: rotate(1deg) translateY(-5px);
}

/* Bottom Right Image */

.trigen_hero_image_bottom {
  z-index: 4;
  right: 2%;
  bottom: 5px;
  width: 43%;
  height: 230px;
  transform: rotate(-3deg);
}

.trigen_hero_image_bottom:hover {
  transform: rotate(0deg) translateY(-5px);
}

/* Decorative Shapes */

.trigen_hero_shape {
  position: absolute;
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 35px;
  transform: rotate(35deg);
}

.trigen_shape_blue {
  top: 100px;
  left: 0;
  background: #07538c;
  opacity: 0.95;
}

.trigen_shape_red {
  right: 0;
  bottom: 70px;
  width: 125px;
  height: 125px;
  background: #d92732;
  opacity: 0.95;
}

/* Decorative Dots */

.trigen_hero_dots {
  position: absolute;
  width: 75px;
  height: 75px;
  background-image: radial-gradient(#1478bb 2px, transparent 2px);
  background-size: 15px 15px;
  opacity: 0.65;
}

.trigen_dots_top {
  top: 0;
  left: 12%;
}

.trigen_dots_bottom {
  right: 0;
  bottom: 0;
}

/* Tablet */

@media (max-width: 991px) {
  .trigen_hero {
    padding: 35px 0 45px;
  }

  .trigen_hero_images {
    height: 420px;
  }

  .trigen_hero_image_main {
    top: 85px;
    left: 2%;
    width: 55%;
    height: 285px;
  }

  .trigen_hero_image_top {
    top: 15px;
    right: 3%;
    width: 44%;
    height: 200px;
  }

  .trigen_hero_image_bottom {
    right: 2%;
    bottom: 10px;
    width: 44%;
    height: 190px;
  }

  .trigen_hero_shape {
    width: 100px;
    height: 100px;
  }
}

/* Mobile */

@media (max-width: 575px) {
  .trigen_hero {
    padding: 25px 0 35px;
  }

  .trigen_hero_images {
    height: 340px;
    margin: 0 auto;
  }

  .trigen_hero_image {
    border-width: 4px;
    border-radius: 18px;
  }

  .trigen_hero_image_main {
    top: 65px;
    left: 0;
    width: 58%;
    height: 220px;
    transform: rotate(-4deg);
  }

  .trigen_hero_image_top {
    top: 5px;
    right: 0;
    width: 48%;
    height: 145px;
    transform: rotate(4deg);
  }

  .trigen_hero_image_bottom {
    right: 0;
    bottom: 15px;
    width: 48%;
    height: 145px;
    transform: rotate(-3deg);
  }

  .trigen_hero_shape {
    width: 65px;
    height: 65px;
    border-radius: 18px;
  }

  .trigen_shape_blue {
    top: 85px;
    left: -5px;
  }

  .trigen_shape_red {
    right: -5px;
    bottom: 35px;
    width: 60px;
    height: 60px;
  }

  .trigen_hero_dots {
    width: 45px;
    height: 45px;
    background-size: 11px 11px;
  }
}

/* ================================
   TRIGEN PRODUCTS SECTION
================================ */

.trigen-products-section {
    position: relative;
    
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%);
}

/* Heading */

.trigen-products-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.trigen-products-subtitle {
    display: inline-block;
    margin-bottom: 14px;
    color: #d92732;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.trigen-products-heading h2 {
    margin: 0 0 18px;
    color: #092b4c;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 750;
    line-height: 1.2;
}

.trigen-products-heading h2 span {
    color: #d92732;
}

.trigen-products-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: #64748b;
    font-size: 16px;
    line-height: 1.8;
}

/* Product Grid */

.trigen-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 35px 24px;
}

/* Product Item */

.trigen-product-item {
    min-width: 0;
    text-align: center;
}

/* Product Image */

.trigen-product-image {
    position: relative;
    display: block;
    height: 255px;
    overflow: hidden;
    border: 1px solid #e6edf5;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(9, 43, 76, 0.06);
}

.trigen-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.trigen-product-item:hover .trigen-product-image img {
    transform: scale(1.07);
}

/* Hover Arrow */

.trigen-product-arrow {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d92732;
    color: #ffffff;
    font-size: 22px;
    opacity: 0;
    transform: translateY(8px);
    transition: all 0.3s ease;
}

.trigen-product-item:hover .trigen-product-arrow {
    opacity: 1;
    transform: translateY(0);
}

/* Product Name */

.trigen-product-item h3 {
    margin: 18px 0 0;
    color: #092b4c;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.trigen-product-item:hover h3 {
    color: #d92732;
}

/* Explore Button */

.trigen-products-footer {
    margin-top: 55px;
    text-align: center;
}

.trigen-products-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    min-height: 56px;
    padding: 15px 30px;
    border: 2px solid #d92732;
    border-radius: 50px;
    background: #d92732;
    color: #ffffff;
    font-size: 15px;
    font-weight: 650;
    text-decoration: none;
    transition: all 0.3s ease;
}

.trigen-products-btn span {
    font-size: 23px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.trigen-products-btn:hover {
    background: #ffffff;
    color: #d92732;
    box-shadow: 0 10px 25px rgba(217, 39, 50, 0.12);
}

.trigen-products-btn:hover span {
    transform: translateX(5px);
}

/* ================================
   RESPONSIVE DESIGN
================================ */

/* Tablets */

@media (max-width: 991px) {
    .trigen-products-section {
        padding: 75px 0;
    }

    .trigen-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 22px;
    }

    .trigen-product-image {
        height: 260px;
    }

    .trigen-products-heading {
        margin-bottom: 38px;
    }
}

/* Mobile */

@media (max-width: 575px) {
    .trigen-products-section {
        padding: 55px 0;
    }

    .trigen-products-heading {
        margin-bottom: 30px;
    }

    .trigen-products-heading p {
        font-size: 14px;
    }

    .trigen-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 14px;
    }

    .trigen-product-image {
        height: 165px;
        border-radius: 9px;
    }

    .trigen-product-item h3 {
        margin-top: 12px;
        font-size: 14px;
    }

    .trigen-product-arrow {
        right: 8px;
        bottom: 8px;
        width: 32px;
        height: 32px;
        font-size: 18px;
        opacity: 1;
        transform: none;
    }

    .trigen-products-footer {
        margin-top: 35px;
    }

    .trigen-products-btn {
        min-height: 50px;
        gap: 15px;
        padding: 12px 22px;
        font-size: 14px;
    }
}
```css
/* =====================================
   TRIGEN LATEST BLOGS SECTION
===================================== */

.trigen-latest-blogs {
    position: relative;
    background: #f7f9fc;
    overflow: hidden;
}

.trigen-blog-heading {
    max-width: 750px;
    margin: 0 auto;
}

.trigen-blog-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: #d92732;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.trigen-blog-heading h2 {
    margin-bottom: 15px;
    color: #092b4c;
    font-size: 46px;
    font-weight: 750;
}

.trigen-blog-heading p {
    margin: 0;
    color: #68788c;
    font-size: 16px;
    line-height: 1.8;
}

/* Blog Card */

.trigen-blog-card {
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8edf4;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(9, 43, 76, 0.06);
    transition: all 0.35s ease;
}

.trigen-blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(9, 43, 76, 0.12);
}

/* Blog Image */

.trigen-blog-image {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.trigen-blog-image > a {
    display: block;
    width: 100%;
    height: 100%;
}

.trigen-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.trigen-blog-card:hover .trigen-blog-image img {
    transform: scale(1.07);
}

/* Date */

.trigen-blog-date {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 68px;
    background: #fff;
    border-radius: 5px;
    color: #092b4c;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.trigen-blog-date span {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.1;
}

.trigen-blog-date small {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 700;
}

/* Blog Content */

.trigen-blog-content {
    display: flex;
    flex-direction: column;
    padding: 25px 25px 28px;
}

.trigen-blog-content h3 {
    min-height: 64px;
    margin: 0 0 15px;
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.trigen-blog-content h3 a {
    color: #092b4c;
    text-decoration: none;
    transition: color 0.3s ease;
}

.trigen-blog-content h3 a:hover {
    color: #d92732;
}

/* Blog Meta */

.trigen-blog-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 17px;
    color: #8995a5;
    font-size: 14px;
}

.trigen-blog-divider {
    width: 1px;
    height: 16px;
    background: #cbd5e1;
}

.trigen-blog-content p {
    min-height: 72px;
    margin-bottom: 20px;
    color: #536276;
    font-size: 15px;
    line-height: 1.8;
}

/* Read More */

.trigen-blog-readmore {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    color: #d92732;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.trigen-blog-readmore span {
    font-size: 27px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.trigen-blog-readmore:hover {
    color: #092b4c;
}

.trigen-blog-readmore:hover span {
    transform: translateX(6px);
}

/* View All Button */

.trigen-blog-footer {
    margin-top: 55px;
}

.trigen-blog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    min-width: 230px;
    padding: 17px 30px;
    border: 2px solid #d92732;
    border-radius: 50px;
    background: #d92732;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.trigen-blog-btn span {
    font-size: 24px;
    transition: transform 0.3s ease;
}

.trigen-blog-btn:hover {
    background: transparent;
    color: #d92732;
}

.trigen-blog-btn:hover span {
    transform: translateX(6px);
}

/* Responsive */

@media (max-width: 991px) {
    .trigen-blog-heading h2 {
        font-size: 38px;
    }

    .trigen-blog-image {
        height: 220px;
    }

    .trigen-blog-content {
        padding: 22px 18px;
    }

    .trigen-blog-content h3 {
        font-size: 19px;
    }
}

@media (max-width: 575px) {
    .trigen-blog-heading h2 {
        font-size: 32px;
    }

    .trigen-blog-heading p {
        font-size: 14px;
    }

    .trigen-blog-image {
        height: 220px;
    }

    .trigen-blog-content h3 {
        min-height: auto;
        font-size: 19px;
    }

    .trigen-blog-content p {
        min-height: auto;
        font-size: 14px;
    }

    .trigen-blog-footer {
        margin-top: 35px;
    }
}

/* ==========================================
   TRIGEN PHARMACEUTICAL SOLUTIONS
========================================== */

.cs_iconbox_style_2 {
    position: relative;
    height: 100%;
    min-height: 280px;
    padding: 35px 25px;
    background: #ffffff;
    border: 1px solid #e5edf5;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(9, 43, 76, 0.05);
    transition: all 0.35s ease;
    overflow: hidden;
    z-index: 1;
}

.cs_iconbox_style_2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #d92732;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.cs_iconbox_style_2:hover {
    transform: translateY(-8px);
    border-color: #d92732;
    box-shadow: 0 15px 35px rgba(9, 43, 76, 0.12);
}

.cs_iconbox_style_2:hover::before {
    transform: scaleX(1);
}

/* Icon Wrapper */

.cs_iconbox_style_2 .cs_iconbox_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    margin-bottom: 25px;
    background: #eef5fc;
    border-radius: 12px;
    transition: all 0.35s ease;
}

.cs_iconbox_style_2 .cs_iconbox_icon img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    transition: all 0.35s ease;
}

.cs_iconbox_style_2:hover .cs_iconbox_icon {
    background: #d92732;
    transform: rotate(-5deg);
}

.cs_iconbox_style_2:hover .cs_iconbox_icon img {
    filter: brightness(0) invert(1);
}

/* Card Content */

.cs_iconbox_style_2 .cs_iconbox_info {
    position: relative;
    z-index: 2;
}

.cs_iconbox_style_2 .cs_iconbox_title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.cs_iconbox_style_2 .cs_iconbox_title a {
    color: #092b4c;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cs_iconbox_style_2:hover .cs_iconbox_title a {
    color: #d92732;
}

.cs_iconbox_style_2 p {
    color: #68788c;
    font-size: 14px;
    line-height: 1.8;
}

/* Explore More Link */

.cs_iconbox_style_2 .cs_iconbox_link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #092b4c;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cs_iconbox_style_2 .cs_iconbox_link svg {
    transition: transform 0.3s ease;
}

.cs_iconbox_style_2:hover .cs_iconbox_link {
    color: #d92732;
}

.cs_iconbox_style_2:hover .cs_iconbox_link svg {
    transform: translateX(5px);
}

/* Section Heading */

.cs_section_heading_style_1 h2.cs_section_title {
    color: #092b4c;
    font-weight: 750;
}

.cs_section_heading_style_1 p {
    max-width: 700px;
    margin: 15px auto 0;
    color: #68788c;
    font-size: 16px;
    line-height: 1.8;
}

/* Section Background */

.cs_iconbox_style_2 {
    background-color: #ffffff;
}

/* Responsive */

@media (max-width: 1199px) {
    .cs_iconbox_style_2 {
        padding: 30px 22px;
        min-height: 290px;
    }

    .cs_iconbox_style_2 .cs_iconbox_title {
        font-size: 19px;
    }
}

@media (max-width: 767px) {
    .cs_iconbox_style_2 {
        min-height: auto;
        padding: 28px 22px;
    }

    .cs_iconbox_style_2 .cs_iconbox_icon {
        width: 65px;
        height: 65px;
        margin-bottom: 20px;
    }

    .cs_iconbox_style_2 .cs_iconbox_icon img {
        width: 36px;
        height: 36px;
    }

    .cs_iconbox_style_2 .cs_iconbox_title {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .cs_iconbox_style_2 {
        padding: 25px 20px;
    }
}

.sai-hero-banner {
    width: 100%;
    padding: 0 25px 40px;
}

.sai-banner-image {
    width: 100%;
    height: 560px;
    overflow: hidden;
    border-radius: 60px 60px 0 0;
    position: relative;
}

.sai-banner-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Tablet */
@media (max-width: 991px) {
    .sai-banner-image {
        height: 420px;
        border-radius: 40px 40px 0 0;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .sai-hero-banner {
        padding: 0 12px 25px;
    }

    .sai-banner-image {
        height: 280px;
        border-radius: 25px 25px 0 0;
    }
}



/* about html */
.trigen-about-section {
    padding: 90px 0;
    background: #fff;
    overflow: hidden;
}

.trigen-about-image {
    position: relative;
    padding: 0 25px 25px 0;
}

.trigen-about-image::before {
    content: "";
    position: absolute;
    width: 75%;
    height: 75%;
    right: 0;
    bottom: 0;
    background: #eef5fc;
    border-radius: 15px;
}

.trigen-about-image img {
    width: 100%;
    height: 480px;
    display: block;
    object-fit: cover;
    position: relative;
    border-radius: 15px;
}

.trigen-about-experience {
    position: absolute;
    right: 0;
    bottom: 55px;
    z-index: 2;
    background: #d92732;
    color: #fff;
    padding: 17px 28px;
    border-radius: 10px 0 0 10px;
}

.trigen-about-experience h3 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    font-weight: 500;
}

.trigen-about-experience strong {
    display: block;
    font-size: 38px;
    line-height: 1.2;
    color: #fff;
}

.trigen-about-experience p {
    color: #fff;
    margin: 5px 0 0;
    font-size: 13px;
}

.trigen-about-content {
    padding-left: 30px;
}

.trigen-about-subtitle {
    display: inline-block;
    color: #d92732;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 17px;
}

.trigen-about-content h2 {
    color: #092b4c;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 22px;
}

.trigen-about-content h2 span {
    color: #d92732;
}

.trigen-about-content > p {
    color: #626f7d;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 16px;
}

.trigen-about-points {
    margin: 22px 0;
}

.trigen-about-point {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 13px;
}

.trigen-about-point span {
    width: 23px;
    height: 23px;
    min-width: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef5fc;
    color: #d92732;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.trigen-about-point p {
    color: #092b4c;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.trigen-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 14px 25px;
    background: #092b4c;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.trigen-about-btn:hover {
    background: #d92732;
    color: #fff;
}

.trigen-about-btn span {
    font-size: 20px;
}

/* Tablet */
@media (max-width: 991px) {
    .trigen-about-section {
        padding: 65px 0;
    }

    .trigen-about-content {
        padding-left: 0;
    }

    .trigen-about-content h2 {
        font-size: 34px;
    }

    .trigen-about-image img {
        height: 400px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .trigen-about-section {
        padding: 45px 0;
    }

    .trigen-about-image {
        padding: 0 15px 15px 0;
    }

    .trigen-about-image img {
        height: 300px;
    }

    .trigen-about-experience {
        bottom: 35px;
        padding: 13px 20px;
    }

    .trigen-about-experience strong {
        font-size: 30px;
    }

    .trigen-about-content h2 {
        font-size: 29px;
    }

    .trigen-about-content > p {
        font-size: 14px;
    }
}

.trigen-about-section .row {
    align-items: flex-start !important;
}

.trigen-about-image {
    position: relative;
    padding: 0 25px 25px 0;
    margin-top: 0;
}

.trigen-about-content {
    padding-left: 30px;
    margin-top: 0;
}

.trigen-about-image img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
    position: relative;
    border-radius: 15px;
}

@media (max-width: 991px) {
    .trigen-about-content {
        padding-left: 0;
    }
}
```css
.trigen-about-section {
    width: 100%;
    padding: 75px 0 !important;
    background: #fff;
    overflow: hidden;
}

.trigen-about-section .row {
    display: flex;
    align-items: center !important;
}

.trigen-about-section .trigen-about-image {
    position: relative;
    width: 100%;
    padding: 0 25px 25px 0;
    margin: 0 !important;
}

.trigen-about-section .trigen-about-image::before {
    content: "";
    position: absolute;
    width: 75%;
    height: 75%;
    right: 0;
    bottom: 0;
    background: #eef5fc;
    border-radius: 15px;
}

.trigen-about-section .trigen-about-image img {
    position: relative;
    display: block;
    width: 100%;
    height: 450px !important;
    object-fit: cover;
    border-radius: 15px;
    z-index: 1;
}

.trigen-about-section .trigen-about-experience {
    position: absolute;
    right: 0;
    bottom: 55px;
    z-index: 2;
    background: #d92732;
    color: #fff;
    padding: 17px 28px;
    border-radius: 10px 0 0 10px;
}

.trigen-about-section .trigen-about-content {
    padding-left: 30px;
    margin: 0 !important;
}

.trigen-about-section .trigen-about-subtitle {
    display: inline-block;
    color: #d92732;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 17px;
}

.trigen-about-section .trigen-about-content h2 {
    color: #092b4c;
    font-size: 42px;
    line-height: 1.18;
    font-weight: 700;
    margin: 0 0 25px;
}

.trigen-about-section .trigen-about-content h2 span {
    color: #d92732;
}

.trigen-about-section .trigen-about-content > p {
    color: #626f7d;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 15px;
}

.trigen-about-section .trigen-about-points {
    margin: 18px 0;
}

.trigen-about-section .trigen-about-point {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.trigen-about-section .trigen-about-point span {
    width: 25px;
    height: 25px;
    min-width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef5fc;
    color: #d92732;
    border-radius: 50%;
    font-weight: 700;
}

.trigen-about-section .trigen-about-point p {
    color: #092b4c;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.trigen-about-section .trigen-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 14px 25px;
    background: #092b4c;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.trigen-about-section .trigen-about-btn:hover {
    background: #d92732;
    color: #fff;
}

@media (max-width: 991px) {
    .trigen-about-section {
        padding: 55px 0 !important;
    }

    .trigen-about-section .row {
        align-items: flex-start !important;
    }

    .trigen-about-section .trigen-about-content {
        padding-left: 0;
    }

    .trigen-about-section .trigen-about-content h2 {
        font-size: 34px;
    }

    .trigen-about-section .trigen-about-image img {
        height: 380px !important;
    }
}

@media (max-width: 575px) {
    .trigen-about-section {
        padding: 40px 0 !important;
    }

    .trigen-about-section .trigen-about-image img {
        height: 280px !important;
    }

    .trigen-about-section .trigen-about-content h2 {
        font-size: 29px;
    }
}

/* About Section */
.trigen-about-section {
    width: 100%;
    padding: 80px 0;
    background: #ffffff;
    overflow: hidden;
}

.trigen-about-section .row {
    align-items: center;
}

/* About Image */
.trigen-about-image {
    position: relative;
    width: 100%;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #eef5fc;
    border-radius: 15px;
    overflow: hidden;
}

.trigen-about-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain !important;
    object-position: center;
    border-radius: 12px;
}

/* Experience Badge */
.trigen-about-experience {
    position: absolute;
    right: 0;
    bottom: 35px;
    z-index: 2;
    background: #d92732;
    color: #ffffff;
    padding: 18px 28px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.trigen-about-experience h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 3px;
}

.trigen-about-experience strong {
    display: block;
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.trigen-about-experience p {
    color: #ffffff;
    font-size: 14px;
    margin: 5px 0 0;
}

/* About Content */
.trigen-about-content {
    padding-left: 30px;
}

.trigen-about-subtitle {
    display: inline-block;
    color: #d92732;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 17px;
}

.trigen-about-content h2 {
    color: #092b4c;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 24px;
}

.trigen-about-content h2 span {
    color: #d92732;
}

.trigen-about-content > p {
    color: #626f7d;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 15px;
}

/* About Highlights */
.trigen-about-points {
    margin: 22px 0;
}

.trigen-about-point {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 13px;
}

.trigen-about-point span {
    width: 27px;
    height: 27px;
    min-width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef5fc;
    color: #d92732;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
}

.trigen-about-point p {
    color: #092b4c;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

/* Button */
.trigen-about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 14px 26px;
    background: #092b4c;
    color: #ffffff;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.trigen-about-btn:hover {
    background: #d92732;
    color: #ffffff;
}

.trigen-about-btn span {
    font-size: 21px;
    transition: transform 0.3s ease;
}

.trigen-about-btn:hover span {
    transform: translateX(5px);
}

/* Tablet */
@media (max-width: 991px) {
    .trigen-about-section {
        padding: 60px 0;
    }

    .trigen-about-image {
        height: 450px;
    }

    .trigen-about-content {
        padding-left: 0;
    }

    .trigen-about-content h2 {
        font-size: 35px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .trigen-about-section {
        padding: 40px 0;
    }

    .trigen-about-image {
        height: 380px;
        padding: 10px;
    }

    .trigen-about-experience {
        right: 0;
        bottom: 20px;
        padding: 12px 18px;
    }

    .trigen-about-experience strong {
        font-size: 30px;
    }

    .trigen-about-experience p {
        font-size: 12px;
    }

    .trigen-about-content {
        padding: 10px 0 0;
    }

    .trigen-about-content h2 {
        font-size: 29px;
    }

    .trigen-about-content > p {
        font-size: 14px;
    }

    .trigen-about-point p {
        font-size: 14px;
    }
}


/* Vision Mission Values Section */
.trigen-vmv-section {
    padding: 85px 0;
    background: #f5f8fc;
    overflow: hidden;
}

.trigen-vmv-heading {
    max-width: 750px;
    margin: 0 auto 50px;
    text-align: center;
}

.trigen-vmv-heading > span {
    display: inline-block;
    color: #d92732;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.trigen-vmv-heading h2 {
    color: #092b4c;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 15px;
}

.trigen-vmv-heading h2 strong {
    color: #d92732;
}

.trigen-vmv-heading > p {
    color: #68788a;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

.trigen-vmv-card {
    position: relative;
    height: 100%;
    min-height: 310px;
    padding: 35px 30px;
    background: #ffffff;
    border: 1px solid #e4ebf3;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.trigen-vmv-card:hover {
    transform: translateY(-8px);
    border-color: #d92732;
    box-shadow: 0 15px 35px rgba(9, 43, 76, 0.09);
}

.trigen-vmv-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef5fc;
    border-radius: 12px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.trigen-vmv-icon i {
    color: #d92732;
    font-size: 27px;
}

.trigen-vmv-card:hover .trigen-vmv-icon {
    background: #d92732;
}

.trigen-vmv-card:hover .trigen-vmv-icon i {
    color: #ffffff;
}

.trigen-vmv-number {
    position: absolute;
    top: 30px;
    right: 28px;
    color: #e9eef5;
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
}

.trigen-vmv-card h3 {
    color: #092b4c;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.trigen-vmv-card p {
    color: #68788a;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.trigen-vmv-line {
    width: 45px;
    height: 3px;
    background: #d92732;
    border-radius: 5px;
    transition: width 0.3s ease;
}

.trigen-vmv-card:hover .trigen-vmv-line {
    width: 85px;
}

/* Featured Card */
.trigen-vmv-featured {
    border-top: 4px solid #d92732;
    box-shadow: 0 10px 30px rgba(9, 43, 76, 0.06);
}

/* Tablet */
@media (max-width: 991px) {
    .trigen-vmv-section {
        padding: 65px 0;
    }

    .trigen-vmv-heading h2 {
        font-size: 34px;
    }

    .trigen-vmv-card {
        min-height: 300px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .trigen-vmv-section {
        padding: 45px 0;
    }

    .trigen-vmv-heading {
        margin-bottom: 30px;
    }

    .trigen-vmv-heading h2 {
        font-size: 28px;
    }

    .trigen-vmv-heading > p {
        font-size: 14px;
    }

    .trigen-vmv-card {
        min-height: auto;
        padding: 28px 22px;
    }

    .trigen-vmv-card h3 {
        font-size: 22px;
    }
}

.trigen-vmv-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef5fc;
    border-radius: 12px;
    margin-bottom: 25px;
    color: #d92732;
    transition: all 0.3s ease;
}

.trigen-vmv-icon svg {
    width: 32px;
    height: 32px;
    display: block;
    stroke: currentColor;
}

.trigen-vmv-card:hover .trigen-vmv-icon {
    background: #d92732;
    color: #ffffff;
}

/* About Image - No Background */
.trigen-about-image {
    position: relative;
    width: 100%;
    height: 400px;
    display: block;
    padding: 0;
    background: transparent;
    border-radius: 0;
    overflow: visible;
}

.trigen-about-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover !important;
    object-position: center;
    border-radius: 12px;
}

/* Experience Badge */
.trigen-about-experience {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 2;
    background: #d92732;
    color: #ffffff;
    padding: 18px 28px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.trigen-about-experience h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 3px;
}

.trigen-about-experience strong {
    display: block;
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.trigen-about-experience p {
    color: #ffffff;
    font-size: 14px;
    margin: 5px 0 0;
}

/* Tablet */
@media (max-width: 991px) {
    .trigen-about-image {
        height: 450px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .trigen-about-image {
        height: 380px;
    }

    .trigen-about-experience {
        right: 0;
        bottom: 15px;
        padding: 12px 18px;
    }

    .trigen-about-experience strong {
        font-size: 30px;
    }

    .trigen-about-experience p {
        font-size: 12px;
    }
}
/* Only About Page */
.trigen-about-page .trigen-about-section {
    width: 100%;
    padding: 65px 0;
    background: #ffffff;
    overflow: hidden;
}

.trigen-about-page .trigen-about-heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.trigen-about-page .trigen-about-heading h2 {
    color: #092b4c;
    font-size: 38px;
    font-weight: 700;
}

.trigen-about-page .trigen-about-heading h2 span {
    color: #d92732;
}

.trigen-about-page .trigen-about-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.trigen-about-page .trigen-about-card {
    background: #ffffff;
    border: 1px solid #e6ebf1;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.trigen-about-page .trigen-about-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.trigen-about-page .trigen-about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Mobile */
@media (max-width: 575px) {
    .trigen-about-page .trigen-about-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================
   TRIGEN ABOUT PAGE - FULLY ISOLATED CSS
========================================== */

.te-about-page {
    width: 100%;
    display: block;
    background: #ffffff;
    color: #092b4c;
    font-family: inherit;
    overflow: hidden;
}

.te-about-page,
.te-about-page * {
    box-sizing: border-box;
}

.te-about-page .te-about-section {
    width: 100%;
    padding: 65px 0;
    background: #ffffff;
}

.te-about-page .te-about-heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.te-about-page .te-about-eyebrow {
    display: block;
    color: #d92732;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.te-about-page .te-about-heading h2 {
    color: #092b4c;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 15px;
}

.te-about-page .te-about-heading h2 span,
.te-about-page .te-about-bottom-heading h3 span {
    color: #d92732;
}

.te-about-page .te-about-heading p {
    color: #68788a;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}

/* Cards Grid */
.te-about-page .te-about-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
}

.te-about-page .te-about-card {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e6ebf1;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(9, 43, 76, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.te-about-page .te-about-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(9, 43, 76, 0.12);
}

.te-about-page .te-about-featured {
    border-bottom: 3px solid #d92732;
}

/* Images */
.te-about-page .te-about-img {
    position: relative;
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: #eef5fc;
}

.te-about-page .te-about-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

.te-about-page .te-about-card:hover .te-about-img img {
    transform: scale(1.05);
}

.te-about-page .te-about-number {
    position: absolute;
    top: 14px;
    right: 15px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d92732;
    color: #ffffff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

/* Card Content */
.te-about-page .te-about-card-body {
    padding: 22px 23px 24px;
}

.te-about-page .te-about-label {
    display: block;
    color: #d92732;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.te-about-page .te-about-card-body h3 {
    color: #092b4c;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 10px;
}

.te-about-page .te-about-card-body p {
    color: #68788a;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

/* Company Highlights */
.te-about-page .te-about-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    margin-top: 35px;
    padding: 25px 30px;
    background: #eef5fc;
    border-radius: 12px;
}

.te-about-page .te-about-bottom-heading {
    flex: 1;
}

.te-about-page .te-about-bottom-heading h3 {
    color: #092b4c;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0;
}

/* Stats */
.te-about-page .te-about-stats {
    display: flex;
    align-items: center;
    gap: 30px;
}

.te-about-page .te-about-stat {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.te-about-page .te-about-stat strong {
    color: #092b4c;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
}

.te-about-page .te-about-stat span {
    color: #68788a;
    font-size: 12px;
}

/* CTA */
.te-about-page .te-about-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 25px;
}

.te-about-page .te-about-cta p {
    color: #68788a;
    font-size: 14px;
    margin: 0;
}

.te-about-page .te-about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 13px 23px;
    background: #092b4c;
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease;
}

.te-about-page .te-about-btn:hover {
    background: #d92732;
    color: #ffffff;
}

.te-about-page .te-about-btn span {
    font-size: 20px;
}

/* Tablet */
@media (max-width: 991px) {
    .te-about-page .te-about-section {
        padding: 50px 0;
    }

    .te-about-page .te-about-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .te-about-page .te-about-heading h2 {
        font-size: 33px;
    }

    .te-about-page .te-about-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .te-about-page .te-about-stats {
        width: 100%;
        justify-content: space-between;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .te-about-page .te-about-section {
        padding: 40px 0;
    }

    .te-about-page .te-about-heading h2 {
        font-size: 27px;
    }

    .te-about-page .te-about-heading p {
        font-size: 14px;
    }

    .te-about-page .te-about-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .te-about-page .te-about-img {
        height: 190px;
    }

    .te-about-page .te-about-card-body {
        padding: 19px;
    }

    .te-about-page .te-about-bottom {
        padding: 22px 18px;
    }

    .te-about-page .te-about-bottom-heading h3 {
        font-size: 21px;
    }

    .te-about-page .te-about-stats {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .te-about-page .te-about-cta {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
}
/* Trigen Antibiotic Tablets Section */
.trigen-antibiotic-section {
    padding: 75px 0;
    background: #ffffff;
}

.trigen-antibiotic-section .trigen-antibiotic-heading {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px;
}

.trigen-antibiotic-section .trigen-antibiotic-heading > span {
    color: #d92732;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 10px;
}

.trigen-antibiotic-section .trigen-antibiotic-heading h2 {
    color: #092b4c;
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 12px;
}

.trigen-antibiotic-section .trigen-antibiotic-heading h2 strong {
    color: #d92732;
}

.trigen-antibiotic-section .trigen-antibiotic-heading p {
    color: #687789;
    font-size: 15px;
    margin: 0;
}

.trigen-antibiotic-section .trigen-antibiotic-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.trigen-antibiotic-section .trigen-antibiotic-card {
    position: relative;
    padding: 28px 22px;
    min-height: 205px;
    background: #f5f8fc;
    border: 1px solid #e5edf5;
    border-radius: 10px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.trigen-antibiotic-section .trigen-antibiotic-card:hover {
    background: #ffffff;
    border-color: #d92732;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(9, 43, 76, 0.09);
}

.trigen-antibiotic-section .trigen-antibiotic-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #092b4c;
    color: #ffffff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 18px;
}

.trigen-antibiotic-section .trigen-antibiotic-card h3 {
    color: #092b4c;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 15px;
}

.trigen-antibiotic-section .trigen-antibiotic-card p {
    color: #7a8795;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0 0 5px;
}

.trigen-antibiotic-section .trigen-antibiotic-card > strong {
    display: block;
    color: #d92732;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
}

/* Tablet */
@media (max-width: 991px) {
    .trigen-antibiotic-section .trigen-antibiotic-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .trigen-antibiotic-section .trigen-antibiotic-heading h2 {
        font-size: 32px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .trigen-antibiotic-section {
        padding: 45px 0;
    }

    .trigen-antibiotic-section .trigen-antibiotic-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .trigen-antibiotic-section .trigen-antibiotic-card {
        min-height: auto;
        padding: 22px;
    }

    .trigen-antibiotic-section .trigen-antibiotic-heading h2 {
        font-size: 28px;
    }
}
/* Anti Spasmodic Section Only */
.trigen-antispasmodic-section {
    background: #f5f8fc;
}

.trigen-antispasmodic-section .trigen-antibiotic-card {
    background: #ffffff;
}

.trigen-antispasmodic-section .trigen-antibiotic-card:hover {
    border-color: #d92732;
    box-shadow: 0 10px 30px rgba(9, 43, 76, 0.09);
}
/* Analgesic & Antipyretic Section */
.trigen-analgesic-section {
    background: #ffffff;
}

.trigen-analgesic-section .trigen-antibiotic-card {
    background: #f5f8fc;
}

.trigen-analgesic-section .trigen-antibiotic-card:hover {
    background: #ffffff;
    border-color: #d92732;
    transform: translateY(-5px);
}
.trigen-antiulcerant-section .trigen-antibiotic-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 25px;
}
.trigen-antiulcerant-section .trigen-medicine-item + .trigen-medicine-item {
    border-top: 1px solid #dce5ef;
    padding-top: 15px;
}
.trigen-antiulcerant-section .trigen-medicine-item h3 {
    margin-bottom: 6px;
}
.trigen-antiulcerant-section .trigen-medicine-item p {
    margin-bottom: 0;
}
.trigen-antiulcerant-section {
    background: #fff;
}
.trigen-antiulcerant-section .trigen-antibiotic-card {
    background: #f5f8fc;
}
.trigen-antiulcerant-section .trigen-antibiotic-card hr {
    width: 100%;
    border: 0;
    border-top: 1px solid #dce5ef;
    margin: 18px 0;
    opacity: 1;
}
.trigen-antiulcerant-section .trigen-antibiotic-card h3 {
    font-size: 19px;
    line-height: 1.4;
}
.trigen-antiulcerant-section .trigen-antibiotic-card:hover {
    background: #fff;
    border-color: #d92732;
    transform: translateY(-5px);
}
.trigen-antibiotic-section .trigen-antibiotic-card hr {
    width: 100%;
    border: 0;
    border-top: 1px solid #dce5ef;
    margin: 18px 0;
    opacity: 1;
}
.trigen-antibiotic-section .trigen-antibiotic-card h3 {
    font-size: 19px;
    line-height: 1.4;
}
.trigen-antibiotic-section .trigen-antibiotic-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
```css
/* Contact Section */
.trigen-contact-section {
    width: 100%;
    padding: 80px 0;
    background: #f5f8fc;
}

.trigen-contact-heading {
    text-align: center;
    margin-bottom: 45px;
}

.trigen-contact-heading span {
    color: #d92732;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.trigen-contact-heading h2 {
    color: #092b4c;
    font-size: 36px;
    font-weight: 700;
    margin: 12px 0;
}

.trigen-contact-heading h2 strong {
    color: #d92732;
}

.trigen-contact-heading p {
    color: #667586;
    font-size: 15px;
    margin: 0;
}

/* Contact Information */
.trigen-contact-info {
    height: 100%;
    padding: 35px;
    background: #092b4c;
    border-radius: 12px;
    color: #fff;
}

.trigen-contact-info h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}

.trigen-contact-info > p {
    color: #d6e0eb;
    line-height: 1.7;
    margin-bottom: 30px;
}

.trigen-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.trigen-contact-icon {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d92732;
    color: #fff;
    border-radius: 8px;
    font-size: 18px;
}

.trigen-contact-item h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
}

.trigen-contact-item p,
.trigen-contact-item a {
    color: #d6e0eb;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.trigen-contact-item a:hover {
    color: #fff;
}

/* Contact Form */
.trigen-contact-form {
    height: 100%;
    padding: 35px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(9,43,76,.06);
}

.trigen-contact-form h3 {
    color: #092b4c;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}

.trigen-contact-form > p {
    color: #667586;
    font-size: 14px;
    margin-bottom: 25px;
}

.trigen-contact-form .form-control {
    min-height: 52px;
    padding: 12px 15px;
    border: 1px solid #dce5ef;
    border-radius: 6px;
    background: #fff;
    color: #092b4c;
    font-size: 14px;
    box-shadow: none;
}

.trigen-contact-form textarea.form-control {
    min-height: 135px;
    resize: vertical;
}

.trigen-contact-form .form-control:focus {
    border-color: #092b4c;
    outline: none;
    box-shadow: 0 0 0 3px rgba(9,43,76,.06);
}

.trigen-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border: none;
    border-radius: 5px;
    background: #d92732;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s ease;
}

.trigen-contact-btn:hover {
    background: #092b4c;
    color: #fff;
}

/* Google Map */
.trigen-contact-map {
    width: 100%;
    height: 350px;
    margin-top: 40px;
    overflow: hidden;
    border-radius: 12px;
}

.trigen-contact-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Responsive */
@media(max-width: 991px) {
    .trigen-contact-info,
    .trigen-contact-form {
        padding: 28px;
    }
}

@media(max-width: 767px) {
    .trigen-contact-section {
        padding: 50px 0;
    }

    .trigen-contact-heading h2 {
        font-size: 28px;
    }

    .trigen-contact-info,
    .trigen-contact-form {
        padding: 25px 20px;
    }

    .trigen-contact-map {
        height: 260px;
        margin-top: 25px;
    }
}
.cs_brand img {
    width: 280px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    background: transparent;
}
.cs_footer .cs_brand {
    background: transparent !important;
    width: fit-content;
    max-width: 100%;
}

.cs_footer .cs_brand a {
    display: inline-block;
    background: transparent !important;
}

.cs_footer .cs_brand img {
    width: 350px;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    background: transparent !important;
    padding: 0;
    border: none;
    box-shadow: none;
    filter: none;
}
/* Trigen Services Introduction */
.trigen-services-intro {
    width: 100%;
 
    background: #ffffff;
}

.trigen-services-intro-row {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 75px;
    align-items: start;
}

.trigen-services-intro-heading > span {
    display: inline-block;
    color: #d92732;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

.trigen-services-intro-heading h2 {
    color: #092b4c;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
}

.trigen-services-intro-heading h2 strong {
    color: #d92732;
    font-weight: 700;
}

.trigen-heading-line {
    width: 60px;
    height: 4px;
    background: #d92732;
    margin-top: 22px;
    border-radius: 5px;
}

.trigen-services-intro-content p {
    color: #536477;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 12px;
}

.trigen-services-intro-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .trigen-services-intro {
        padding: 60px 0;
    }

    .trigen-services-intro-row {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .trigen-services-intro-heading h2 {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .trigen-services-intro {
        padding: 45px 0;
    }

    .trigen-services-intro-heading h2 {
        font-size: 27px;
    }

    .trigen-services-intro-content p {
        font-size: 15px;
    }
}


/* TRIGEN MOBILE HEADER & HERO */
.trigen-mobile-toggle {
    display: none;
    width: 42px;
    height: 42px;
    padding: 8px;
    border: 0;
    background: transparent;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}
.trigen-mobile-toggle span {
    display: block;
    width: 27px;
    height: 2px;
    background: #092b4c;
    border-radius: 3px;
}
@media(max-width:991px) {
    .cs_main_header_in {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        min-height: 80px;
        gap: 10px;
    }
    .cs_main_header_left {
        max-width: 75%;
    }
    .cs_site_brand img {
        width: 100%;
        max-width: 280px;
        height: auto;
        object-fit: contain;
    }
    .cs_main_header_center {
        display: none;
    }
    .cs_main_header_right {
        display: none;
    }
    .trigen-mobile-toggle {
        display: flex;
        flex-shrink: 0;
    }

    /* Mobile Navigation */
    .cs_site_header_style_1.trigen-menu-open .cs_main_header_center {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff;
        padding: 15px 20px;
        box-shadow: 0 8px 20px rgba(0,0,0,.08);
        z-index: 999;
    }
    .cs_site_header_style_1.trigen-menu-open .cs_nav_list {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin: 0;
        padding: 0;
    }
    .cs_site_header_style_1.trigen-menu-open .cs_nav_list li {
        width: 100%;
    }

    /* Hero Section */
    .trigen_hero {
        padding: 35px 0 45px !important;
        min-height: auto;
        background: #f8fbff;
    }
    .trigen_hero .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .trigen_hero .row {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .trigen_hero .col-lg-7,
    .trigen_hero .col-lg-5 {
        width: 100%;
        max-width: 100%;
    }
    .trigen_hero .cs_hero_content {
        padding: 0;
        text-align: left;
    }
    .trigen_hero .cs_hero_title {
        font-size: clamp(36px, 9vw, 46px) !important;
        line-height: 1.12;
        margin-bottom: 22px !important;
        font-weight: 700;
    }
    .trigen_hero .cs_her_subtitle {
        font-size: 19px !important;
        line-height: 1.5;
        margin-bottom: 28px !important;
    }
    .trigen_hero .cs_hero_btns {
        display: flex;
        flex-direction: column;
        gap: 14px;
        width: 100%;
    }
    .trigen_hero .cs_hero_btns a {
        width: 100%;
        min-height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .trigen_hero .trigen_hero_gallery {
        display: none !important;
    }
}
@media(max-width:480px) {
    .cs_main_header_in {
        min-height: 72px;
    }
    .cs_site_brand img {
        max-width: 245px;
    }
    .trigen_hero {
        padding-top: 25px !important;
    }
    .trigen_hero .cs_hero_title {
        font-size: 37px !important;
    }
}

/* TRIGEN MOBILE HEADER SPACING FIX */
@media (max-width: 991px) {
    .cs_site_header_style_1 .cs_main_header_in {
        height: auto !important;
        min-height: 85px;
        padding: 12px 15px !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    .cs_main_header_left {
        width: 75%;
        max-width: 75%;
    }

    .cs_site_brand img {
        display: block;
        width: 100%;
        max-width: 250px;
        height: auto;
        object-fit: contain;
    }

    .trigen-mobile-toggle {
        display: flex;
        flex-shrink: 0;
    }

    /* Hero spacing */
    .trigen_hero {
        margin-top: 0 !important;
        padding: 40px 0 50px !important;
        min-height: auto !important;
    }

    .trigen_hero .container {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 575px) {
    .cs_site_header_style_1 .cs_main_header_in {
        min-height: 75px;
        padding: 10px 15px !important;
    }

    .cs_site_brand img {
        max-width: 220px;
    }

    .trigen-mobile-toggle {
        width: 38px;
        height: 38px;
    }

    .trigen_hero {
        padding: 35px 0 45px !important;
    }

    .trigen_hero .cs_hero_title {
        font-size: 37px !important;
        line-height: 1.15;
        margin-bottom: 22px !important;
        margin-top:65px;
    }

    .trigen_hero .cs_her_subtitle {
        font-size: 17px !important;
        line-height: 1.6;
        margin-bottom: 28px !important;
    }

    .trigen_hero .cs_hero_btns {
        gap: 14px;
    }
}

/* Mobile Header & Hero Fix */
@media (max-width: 991px) {
    .cs_site_header {
        position: relative !important;
        width: 100%;
        z-index: 9999;
    }

    .cs_main_header_in {
        min-height: 80px !important;
        height: auto !important;
        padding: 10px 15px !important;
    }

    .trigen_hero {
        position: relative;
        margin: 0 !important;
        padding: 35px 0 45px !important;
        overflow: hidden;
        min-height: auto !important;
    }

    /* Hide unwanted hero image column */
    .trigen_hero .col-lg-5 {
        display: none !important;
    }

    .trigen_hero .col-lg-7 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .trigen_hero .cs_hero_content {
        padding: 0 !important;
        margin: 0 !important;
    }

    .trigen_hero .cs_hero_title {
        margin-top: 65 !important;
    }
}

@media (max-width: 575px) {
    .trigen_hero {
        padding: 30px 0 40px !important;
    }
}
/* Mobile Header Logo Fix */
@media (max-width: 767px) {

    .cs_site_header_style_1 {
        background: #ffffff !important;
    }

    .cs_main_header {
        min-height: 75px;
    }

    .cs_main_header_in {
        min-height: 75px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cs_site_brand {
        display: flex;
        align-items: center;
    }

    .cs_site_brand img {
        width: 160px !important;
        max-width: 160px;
        height: auto !important;
        object-fit: contain;
        background: transparent !important;
    }

    /* Hero Heading Color Fix */
    .trigen_hero .cs_hero_title {
        color: #202020 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .trigen_hero .cs_hero_title span {
        color: #dc2935 !important;
    }

    .trigen_hero .cs_her_subtitle {
        color: #667085 !important;
        opacity: 1 !important;
    }

}
/* TRIGEN MOBILE HEADER FIX */
@media (max-width: 767px) {

    .cs_site_header_style_1 {
        background: #ffffff !important;
        width: 100%;
    }

    .cs_main_header {
        min-height: 75px;
        background: #ffffff !important;
    }

    .cs_main_header .container {
        width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .cs_main_header_in {
        min-height: 75px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cs_main_header_left {
        display: flex;
        align-items: center;
    }

    .cs_site_brand {
        display: inline-flex;
        align-items: center;
        max-width: 170px;
    }

    .cs_site_brand img {
        display: block;
        width: 155px !important;
        height: auto !important;
        max-height: 60px;
        object-fit: contain;
        background: transparent !important;
    }

    .cs_main_header_right {
        display: none;
    }

}