@charset "UTF-8";

:root {
  --primary-blue: #0b1c2c;
  --secondary-green: #96BE2A;
  --accent-blue: #245c91;
  --dark-teal: #0b1c2c;

  --background-white: #FFFFFF;
  --section-light-gray: #F4F7F9;
  --text-dark: #2E2E2E;
  --text-muted: #6B7280;

  --border-light: #E5E7EB;
  --button-hover-blue: #245c91;
  --button-hover-green: #82A824;
}
/*--------------------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Typography
2. Preloader
3. Spacing
4. General
5. Slider
6. Video Popup
7. Header
8. Footer
9. Sidebar
10. Isotope
11. Hero
12. Iconbox
13. Posts
14. Banner
15. Testimonial
16. Portfolio
17. Brands
18. Accordians
19. Departments
20. About
21. Team
22. Funfact
---------------------------------------------------------------*/

/*--------------------------------------------------------------
## Color Variable
----------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Typography
----------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
body,
html {
    scroll-behavior: smooth;
    color: #0b1c2c;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #0b1c2c;
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Inter', sans-serif;
}

.cs_primary_font,
.cs_btn,
.cs_nav .cs_nav_list > li > a {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.cs_secondary_font {
    font-family: 'Inter', sans-serif;
}

h1 {
    font-size: 48px;
    font-weight: 700;
}

h2 {
    font-size: 36px;
    font-weight: 600;
}

h3 {
    font-size: 28px;
    font-weight: 600;
}

h4 {
    font-size: 22px;
    font-weight: 600;
}

h5 {
    font-size: 18px;
    font-weight: 600;
}

h6 {
    font-size: 14px;
}

p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.7;
}

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

ol {
    padding-left: 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;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

button {
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    text-decoration: none;
    color: var(--accent-blue);
}

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

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

table td,
table th {
    border-top: 1px solid #eaeaea;
    padding: 11px 10px;
}

dl {
    margin-bottom: 25px;
}

dl dt {
    font-weight: 600;
}

b,
strong {
    font-weight: bold;
}

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

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

@media screen and (max-width: 991px) {
    body,
    html {
        font-size: 16px;
        line-height: 1.6em;
    }
    h2 {
        font-size: 36px;
        margin-bottom: 10px;
    }
}

input,
textarea {
    color: var(--text-dark);
}

/*--------------------------------------------------------------
2. Preloader
----------------------------------------------------------------*/

.cs_perloader {
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
    left: 0;
    top: 0;
    background-color: var(--background-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cs_perloader .cs_perloader_in {
    position: relative;
}

.cs_perloader .cs_perloader_in svg {
    width: 110px;
    height: 110px;
}

.cs_perloader .cs_wave_first svg {
    fill: rgba(11, 28, 44, 0.15);
}

.cs_perloader .cs_wave_second {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-animation: spark 1.25s linear infinite;
    animation: spark 1.25s linear infinite;
}

.cs_perloader .cs_wave_second svg {
    fill: var(--primary-blue);
}

@-webkit-keyframes spark {
    0% {
        max-width: 0;
    }
    100% {
        max-width: 100%;
    }
}

@keyframes spark {
    0% {
        max-width: 0;
    }
    100% {
        max-width: 100%;
    }
}

/*--------------------------------------------------------------
3. Spacing
----------------------------------------------------------------*/

.cs_height_0 {
    height: 0px;
}

.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: 20px;
}

.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_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: 0px;
}

.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_120 {
    height: 120px;
}

.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: 50px;
}

.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;
}

.cs_height_151 {
    height: 151px;
}

.cs_height_152 {
    height: 152px;
}

.cs_height_153 {
    height: 153px;
}

.cs_height_154 {
    height: 154px;
}

.cs_height_155 {
    height: 155px;
}

.cs_height_156 {
    height: 156px;
}

.cs_height_157 {
    height: 157px;
}

.cs_height_158 {
    height: 158px;
}

.cs_height_159 {
    height: 159px;
}

.cs_height_160 {
    height: 160px;
}

.cs_height_161 {
    height: 161px;
}

.cs_height_162 {
    height: 162px;
}

.cs_height_163 {
    height: 163px;
}

.cs_height_164 {
    height: 164px;
}

.cs_height_165 {
    height: 165px;
}

.cs_height_166 {
    height: 166px;
}

.cs_height_167 {
    height: 167px;
}

.cs_height_168 {
    height: 168px;
}

.cs_height_169 {
    height: 169px;
}

.cs_height_170 {
    height: 170px;
}

.cs_height_171 {
    height: 171px;
}

.cs_height_172 {
    height: 172px;
}

.cs_height_173 {
    height: 173px;
}

.cs_height_174 {
    height: 174px;
}

.cs_height_175 {
    height: 175px;
}

.cs_height_176 {
    height: 176px;
}

.cs_height_177 {
    height: 177px;
}

.cs_height_178 {
    height: 178px;
}

.cs_height_179 {
    height: 179px;
}

.cs_height_180 {
    height: 180px;
}

.cs_height_181 {
    height: 181px;
}

.cs_height_182 {
    height: 182px;
}

.cs_height_183 {
    height: 183px;
}

.cs_height_184 {
    height: 184px;
}

.cs_height_185 {
    height: 185px;
}

.cs_height_186 {
    height: 186px;
}

.cs_height_187 {
    height: 187px;
}

.cs_height_188 {
    height: 188px;
}

.cs_height_189 {
    height: 189px;
}

.cs_height_190 {
    height: 190px;
}

.cs_height_191 {
    height: 191px;
}

.cs_height_192 {
    height: 192px;
}

.cs_height_193 {
    height: 193px;
}

.cs_height_194 {
    height: 194px;
}

.cs_height_195 {
    height: 195px;
}

.cs_height_196 {
    height: 196px;
}

.cs_height_197 {
    height: 197px;
}

.cs_height_198 {
    height: 198px;
}

.cs_height_199 {
    height: 199px;
}

.cs_height_200 {
    height: 200px;
}

@media screen and (max-width: 1700px) {
    .cs_height_xl_0 {
        height: 0px;
    }
    .cs_height_xl_1 {
        height: 1px;
    }
    .cs_height_xl_2 {
        height: 2px;
    }
    .cs_height_xl_3 {
        height: 3px;
    }
    .cs_height_xl_4 {
        height: 4px;
    }
    .cs_height_xl_5 {
        height: 5px;
    }
    .cs_height_xl_6 {
        height: 6px;
    }
    .cs_height_xl_7 {
        height: 7px;
    }
    .cs_height_xl_8 {
        height: 8px;
    }
    .cs_height_xl_9 {
        height: 9px;
    }
    .cs_height_xl_10 {
        height: 10px;
    }
    .cs_height_xl_11 {
        height: 11px;
    }
    .cs_height_xl_12 {
        height: 12px;
    }
    .cs_height_xl_13 {
        height: 13px;
    }
    .cs_height_xl_14 {
        height: 14px;
    }
    .cs_height_xl_15 {
        height: 15px;
    }
    .cs_height_xl_16 {
        height: 16px;
    }
    .cs_height_xl_17 {
        height: 17px;
    }
    .cs_height_xl_18 {
        height: 18px;
    }
    .cs_height_xl_19 {
        height: 19px;
    }
    .cs_height_xl_20 {
        height: 20px;
    }
    .cs_height_xl_21 {
        height: 21px;
    }
    .cs_height_xl_22 {
        height: 22px;
    }
    .cs_height_xl_23 {
        height: 23px;
    }
    .cs_height_xl_24 {
        height: 24px;
    }
    .cs_height_xl_25 {
        height: 25px;
    }
    .cs_height_xl_26 {
        height: 26px;
    }
    .cs_height_xl_27 {
        height: 27px;
    }
    .cs_height_xl_28 {
        height: 28px;
    }
    .cs_height_xl_29 {
        height: 29px;
    }
    .cs_height_xl_30 {
        height: 30px;
    }
    .cs_height_xl_31 {
        height: 31px;
    }
    .cs_height_xl_32 {
        height: 32px;
    }
    .cs_height_xl_33 {
        height: 33px;
    }
    .cs_height_xl_34 {
        height: 34px;
    }
    .cs_height_xl_35 {
        height: 35px;
    }
    .cs_height_xl_36 {
        height: 36px;
    }
    .cs_height_xl_37 {
        height: 37px;
    }
    .cs_height_xl_38 {
        height: 38px;
    }
    .cs_height_xl_39 {
        height: 39px;
    }
    .cs_height_xl_40 {
        height: 40px;
    }
    .cs_height_xl_41 {
        height: 41px;
    }
    .cs_height_xl_42 {
        height: 42px;
    }
    .cs_height_xl_43 {
        height: 43px;
    }
    .cs_height_xl_44 {
        height: 44px;
    }
    .cs_height_xl_45 {
        height: 45px;
    }
    .cs_height_xl_46 {
        height: 46px;
    }
    .cs_height_xl_47 {
        height: 47px;
    }
    .cs_height_xl_48 {
        height: 48px;
    }
    .cs_height_xl_49 {
        height: 49px;
    }
    .cs_height_xl_50 {
        height: 50px;
    }
    .cs_height_xl_51 {
        height: 51px;
    }
    .cs_height_xl_52 {
        height: 52px;
    }
    .cs_height_xl_53 {
        height: 53px;
    }
    .cs_height_xl_54 {
        height: 54px;
    }
    .cs_height_xl_55 {
        height: 55px;
    }
    .cs_height_xl_56 {
        height: 56px;
    }
    .cs_height_xl_57 {
        height: 57px;
    }
    .cs_height_xl_58 {
        height: 58px;
    }
    .cs_height_xl_59 {
        height: 59px;
    }
    .cs_height_xl_60 {
        height: 60px;
    }
    .cs_height_xl_61 {
        height: 61px;
    }
    .cs_height_xl_62 {
        height: 62px;
    }
    .cs_height_xl_63 {
        height: 63px;
    }
    .cs_height_xl_64 {
        height: 64px;
    }
    .cs_height_xl_65 {
        height: 65px;
    }
    .cs_height_xl_66 {
        height: 66px;
    }
    .cs_height_xl_67 {
        height: 67px;
    }
    .cs_height_xl_68 {
        height: 68px;
    }
    .cs_height_xl_69 {
        height: 69px;
    }
    .cs_height_xl_70 {
        height: 70px;
    }
    .cs_height_xl_71 {
        height: 71px;
    }
    .cs_height_xl_72 {
        height: 72px;
    }
    .cs_height_xl_73 {
        height: 73px;
    }
    .cs_height_xl_74 {
        height: 74px;
    }
    .cs_height_xl_75 {
        height: 75px;
    }
    .cs_height_xl_76 {
        height: 76px;
    }
    .cs_height_xl_77 {
        height: 77px;
    }
    .cs_height_xl_78 {
        height: 78px;
    }
    .cs_height_xl_79 {
        height: 79px;
    }
    .cs_height_xl_80 {
        height: 80px;
    }
    .cs_height_xl_81 {
        height: 81px;
    }
    .cs_height_xl_82 {
        height: 82px;
    }
    .cs_height_xl_83 {
        height: 83px;
    }
    .cs_height_xl_84 {
        height: 84px;
    }
    .cs_height_xl_85 {
        height: 85px;
    }
    .cs_height_xl_86 {
        height: 86px;
    }
    .cs_height_xl_87 {
        height: 87px;
    }
    .cs_height_xl_88 {
        height: 88px;
    }
    .cs_height_xl_89 {
        height: 89px;
    }
    .cs_height_xl_90 {
        height: 90px;
    }
    .cs_height_xl_91 {
        height: 91px;
    }
    .cs_height_xl_92 {
        height: 92px;
    }
    .cs_height_xl_93 {
        height: 93px;
    }
    .cs_height_xl_94 {
        height: 94px;
    }
    .cs_height_xl_95 {
        height: 95px;
    }
    .cs_height_xl_96 {
        height: 96px;
    }
    .cs_height_xl_97 {
        height: 97px;
    }
    .cs_height_xl_98 {
        height: 98px;
    }
    .cs_height_xl_99 {
        height: 99px;
    }
    .cs_height_xl_100 {
        height: 100px;
    }
    .cs_height_xl_101 {
        height: 101px;
    }
    .cs_height_xl_102 {
        height: 102px;
    }
    .cs_height_xl_103 {
        height: 103px;
    }
    .cs_height_xl_104 {
        height: 104px;
    }
    .cs_height_xl_105 {
        height: 105px;
    }
    .cs_height_xl_106 {
        height: 106px;
    }
    .cs_height_xl_107 {
        height: 107px;
    }
    .cs_height_xl_108 {
        height: 108px;
    }
    .cs_height_xl_109 {
        height: 109px;
    }
    .cs_height_xl_110 {
        height: 110px;
    }
    .cs_height_xl_111 {
        height: 111px;
    }
    .cs_height_xl_112 {
        height: 112px;
    }
    .cs_height_xl_113 {
        height: 113px;
    }
    .cs_height_xl_114 {
        height: 114px;
    }
    .cs_height_xl_115 {
        height: 115px;
    }
    .cs_height_xl_116 {
        height: 116px;
    }
    .cs_height_xl_117 {
        height: 117px;
    }
    .cs_height_xl_118 {
        height: 118px;
    }
    .cs_height_xl_119 {
        height: 119px;
    }
    .cs_height_xl_120 {
        height: 120px;
    }
    .cs_height_xl_121 {
        height: 121px;
    }
    .cs_height_xl_122 {
        height: 122px;
    }
    .cs_height_xl_123 {
        height: 123px;
    }
    .cs_height_xl_124 {
        height: 124px;
    }
    .cs_height_xl_125 {
        height: 125px;
    }
    .cs_height_xl_126 {
        height: 126px;
    }
    .cs_height_xl_127 {
        height: 127px;
    }
    .cs_height_xl_128 {
        height: 128px;
    }
    .cs_height_xl_129 {
        height: 129px;
    }
    .cs_height_xl_130 {
        height: 130px;
    }
    .cs_height_xl_131 {
        height: 131px;
    }
    .cs_height_xl_132 {
        height: 132px;
    }
    .cs_height_xl_133 {
        height: 133px;
    }
    .cs_height_xl_134 {
        height: 134px;
    }
    .cs_height_xl_135 {
        height: 135px;
    }
    .cs_height_xl_136 {
        height: 136px;
    }
    .cs_height_xl_137 {
        height: 137px;
    }
    .cs_height_xl_138 {
        height: 138px;
    }
    .cs_height_xl_139 {
        height: 139px;
    }
    .cs_height_xl_140 {
        height: 10px;
    }
    .cs_height_xl_141 {
        height: 141px;
    }
    .cs_height_xl_142 {
        height: 142px;
    }
    .cs_height_xl_143 {
        height: 143px;
    }
    .cs_height_xl_144 {
        height: 144px;
    }
    .cs_height_xl_145 {
        height: 10px;
    }
    .cs_height_xl_146 {
        height: 146px;
    }
    .cs_height_xl_147 {
        height: 147px;
    }
    .cs_height_xl_148 {
        height: 148px;
    }
    .cs_height_xl_149 {
        height: 149px;
    }
    .cs_height_xl_150 {
        height: 100px;
    }
    .cs_height_xl_151 {
        height: 151px;
    }
    .cs_height_xl_152 {
        height: 152px;
    }
    .cs_height_xl_153 {
        height: 153px;
    }
    .cs_height_xl_154 {
        height: 154px;
    }
    .cs_height_xl_155 {
        height: 155px;
    }
    .cs_height_xl_156 {
        height: 156px;
    }
    .cs_height_xl_157 {
        height: 157px;
    }
    .cs_height_xl_158 {
        height: 158px;
    }
    .cs_height_xl_159 {
        height: 159px;
    }
    .cs_height_xl_160 {
        height: 160px;
    }
    .cs_height_xl_161 {
        height: 161px;
    }
    .cs_height_xl_162 {
        height: 162px;
    }
    .cs_height_xl_163 {
        height: 163px;
    }
    .cs_height_xl_164 {
        height: 164px;
    }
    .cs_height_xl_165 {
        height: 165px;
    }
    .cs_height_xl_166 {
        height: 166px;
    }
    .cs_height_xl_167 {
        height: 167px;
    }
    .cs_height_xl_168 {
        height: 168px;
    }
    .cs_height_xl_169 {
        height: 169px;
    }
    .cs_height_xl_170 {
        height: 170px;
    }
    .cs_height_xl_171 {
        height: 171px;
    }
    .cs_height_xl_172 {
        height: 172px;
    }
    .cs_height_xl_173 {
        height: 173px;
    }
    .cs_height_xl_174 {
        height: 174px;
    }
    .cs_height_xl_175 {
        height: 175px;
    }
    .cs_height_xl_176 {
        height: 176px;
    }
    .cs_height_xl_177 {
        height: 177px;
    }
    .cs_height_xl_178 {
        height: 178px;
    }
    .cs_height_xl_179 {
        height: 179px;
    }
    .cs_height_xl_180 {
        height: 180px;
    }
    .cs_height_xl_181 {
        height: 181px;
    }
    .cs_height_xl_182 {
        height: 182px;
    }
    .cs_height_xl_183 {
        height: 183px;
    }
    .cs_height_xl_184 {
        height: 184px;
    }
    .cs_height_xl_185 {
        height: 185px;
    }
    .cs_height_xl_186 {
        height: 186px;
    }
    .cs_height_xl_187 {
        height: 187px;
    }
    .cs_height_xl_188 {
        height: 188px;
    }
    .cs_height_xl_189 {
        height: 189px;
    }
    .cs_height_xl_190 {
        height: 190px;
    }
    .cs_height_xl_191 {
        height: 191px;
    }
    .cs_height_xl_192 {
        height: 192px;
    }
    .cs_height_xl_193 {
        height: 193px;
    }
    .cs_height_xl_194 {
        height: 194px;
    }
    .cs_height_xl_195 {
        height: 195px;
    }
    .cs_height_xl_196 {
        height: 196px;
    }
    .cs_height_xl_197 {
        height: 197px;
    }
    .cs_height_xl_198 {
        height: 198px;
    }
    .cs_height_xl_199 {
        height: 199px;
    }
    .cs_height_xl_200 {
        height: 200px;
    }
}

@media screen and (max-width: 991px) {
    .cs_height_lg_0 {
        height: 0px;
    }
    .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_height_lg_101 {
        height: 101px;
    }
    .cs_height_lg_102 {
        height: 102px;
    }
    .cs_height_lg_103 {
        height: 103px;
    }
    .cs_height_lg_104 {
        height: 104px;
    }
    .cs_height_lg_105 {
        height: 105px;
    }
    .cs_height_lg_106 {
        height: 106px;
    }
    .cs_height_lg_107 {
        height: 107px;
    }
    .cs_height_lg_108 {
        height: 108px;
    }
    .cs_height_lg_109 {
        height: 109px;
    }
    .cs_height_lg_110 {
        height: 110px;
    }
    .cs_height_lg_111 {
        height: 111px;
    }
    .cs_height_lg_112 {
        height: 112px;
    }
    .cs_height_lg_113 {
        height: 113px;
    }
    .cs_height_lg_114 {
        height: 114px;
    }
    .cs_height_lg_115 {
        height: 115px;
    }
    .cs_height_lg_116 {
        height: 116px;
    }
    .cs_height_lg_117 {
        height: 117px;
    }
    .cs_height_lg_118 {
        height: 118px;
    }
    .cs_height_lg_119 {
        height: 119px;
    }
    .cs_height_lg_120 {
        height: 120px;
    }
    .cs_height_lg_121 {
        height: 121px;
    }
    .cs_height_lg_122 {
        height: 122px;
    }
    .cs_height_lg_123 {
        height: 123px;
    }
    .cs_height_lg_124 {
        height: 124px;
    }
    .cs_height_lg_125 {
        height: 125px;
    }
    .cs_height_lg_126 {
        height: 126px;
    }
    .cs_height_lg_127 {
        height: 127px;
    }
    .cs_height_lg_128 {
        height: 128px;
    }
    .cs_height_lg_129 {
        height: 129px;
    }
    .cs_height_lg_130 {
        height: 130px;
    }
    .cs_height_lg_131 {
        height: 131px;
    }
    .cs_height_lg_132 {
        height: 132px;
    }
    .cs_height_lg_133 {
        height: 133px;
    }
    .cs_height_lg_134 {
        height: 134px;
    }
    .cs_height_lg_135 {
        height: 135px;
    }
    .cs_height_lg_136 {
        height: 136px;
    }
    .cs_height_lg_137 {
        height: 137px;
    }
    .cs_height_lg_138 {
        height: 138px;
    }
    .cs_height_lg_139 {
        height: 139px;
    }
    .cs_height_lg_140 {
        height: 140px;
    }
    .cs_height_lg_141 {
        height: 141px;
    }
    .cs_height_lg_142 {
        height: 142px;
    }
    .cs_height_lg_143 {
        height: 143px;
    }
    .cs_height_lg_144 {
        height: 144px;
    }
    .cs_height_lg_145 {
        height: 145px;
    }
    .cs_height_lg_146 {
        height: 146px;
    }
    .cs_height_lg_147 {
        height: 147px;
    }
    .cs_height_lg_148 {
        height: 148px;
    }
    .cs_height_lg_149 {
        height: 149px;
    }
    .cs_height_lg_150 {
        height: 150px;
    }
    .cs_height_lg_151 {
        height: 151px;
    }
    .cs_height_lg_152 {
        height: 152px;
    }
    .cs_height_lg_153 {
        height: 153px;
    }
    .cs_height_lg_154 {
        height: 154px;
    }
    .cs_height_lg_155 {
        height: 155px;
    }
    .cs_height_lg_156 {
        height: 156px;
    }
    .cs_height_lg_157 {
        height: 157px;
    }
    .cs_height_lg_158 {
        height: 158px;
    }
    .cs_height_lg_159 {
        height: 159px;
    }
    .cs_height_lg_160 {
        height: 160px;
    }
    .cs_height_lg_161 {
        height: 161px;
    }
    .cs_height_lg_162 {
        height: 162px;
    }
    .cs_height_lg_163 {
        height: 163px;
    }
    .cs_height_lg_164 {
        height: 164px;
    }
    .cs_height_lg_165 {
        height: 165px;
    }
    .cs_height_lg_166 {
        height: 166px;
    }
    .cs_height_lg_167 {
        height: 167px;
    }
    .cs_height_lg_168 {
        height: 168px;
    }
    .cs_height_lg_169 {
        height: 169px;
    }
    .cs_height_lg_170 {
        height: 170px;
    }
    .cs_height_lg_171 {
        height: 171px;
    }
    .cs_height_lg_172 {
        height: 172px;
    }
    .cs_height_lg_173 {
        height: 173px;
    }
    .cs_height_lg_174 {
        height: 174px;
    }
    .cs_height_lg_175 {
        height: 175px;
    }
    .cs_height_lg_176 {
        height: 176px;
    }
    .cs_height_lg_177 {
        height: 177px;
    }
    .cs_height_lg_178 {
        height: 178px;
    }
    .cs_height_lg_179 {
        height: 179px;
    }
    .cs_height_lg_180 {
        height: 180px;
    }
    .cs_height_lg_181 {
        height: 181px;
    }
    .cs_height_lg_182 {
        height: 182px;
    }
    .cs_height_lg_183 {
        height: 183px;
    }
    .cs_height_lg_184 {
        height: 184px;
    }
    .cs_height_lg_185 {
        height: 185px;
    }
    .cs_height_lg_186 {
        height: 186px;
    }
    .cs_height_lg_187 {
        height: 187px;
    }
    .cs_height_lg_188 {
        height: 188px;
    }
    .cs_height_lg_189 {
        height: 189px;
    }
    .cs_height_lg_190 {
        height: 190px;
    }
    .cs_height_lg_191 {
        height: 191px;
    }
    .cs_height_lg_192 {
        height: 192px;
    }
    .cs_height_lg_193 {
        height: 193px;
    }
    .cs_height_lg_194 {
        height: 194px;
    }
    .cs_height_lg_195 {
        height: 195px;
    }
    .cs_height_lg_196 {
        height: 196px;
    }
    .cs_height_lg_197 {
        height: 197px;
    }
    .cs_height_lg_198 {
        height: 198px;
    }
    .cs_height_lg_199 {
        height: 199px;
    }
    .cs_height_lg_200 {
        height: 200px;
    }
}

/*--------------------------------------------------------------
4. General
----------------------------------------------------------------*/

.cs_gap_y_24 {
    gap: 24px 0;
}

.cs_gap_y_40 {
    gap: 40px 0;
}

.cs_gap_y_30 {
    gap: 30px 0;
}

.cs_gap_y_50 {
    gap: 50px 0;
}

.cs_row_gap_50 {
    gap: 50px 0;
}

@media (max-width: 991px) {
    .cs_row_gap_50 {
        gap: 30px 0;
    }
}

.cs_pr_95 {
    padding-right: 95px;
}

@media (max-width: 1700px) {
    .cs_pr_95 {
        padding-right: 45px;
    }
}

@media (max-width: 1400px) {
    .cs_pr_95 {
        padding-right: 25px;
    }
}

@media (max-width: 1199px) {
    .cs_pr_95 {
        padding-right: 0;
        padding-top: 10px;
    }
}

.cs_gap_40 {
    gap: 40px;
}

.cs_post_pr_136 {
    padding-right: 136px;
}

@media (max-width: 1700px) {
    .cs_post_pr_136 {
        padding-right: 50px;
    }
}

@media (max-width: 1199px) {
    .cs_post_pr_136 {
        padding-right: 0px;
    }
}

.cs_mt_minus_110 {
    margin-top: -110px;
    position: relative;
    z-index: 5;
}

@media (max-width: 991px) {
    .cs_mt_minus_110 {
        margin-top: 110px;
    }
}

.cs_fs_94 {
    font-size: 94px;
    line-height: 1.1em;
}

@media (max-width: 1700px) {
    .cs_fs_94 {
        font-size: 72px;
    }
}

@media (max-width: 1199px) {
    .cs_fs_94 {
        font-size: 60px;
    }
}

@media (max-width: 400px) {
    .cs_fs_94 {
        font-size: 42px;
    }
}

.cs_fs_84 {
    font-size: 84px;
    line-height: 1.12em;
}

@media (max-width: 1700px) {
    .cs_fs_84 {
        font-size: 68px;
    }
}

@media (max-width: 767px) {
    .cs_fs_84 {
        font-size: 56px;
    }
}

@media (max-width: 400px) {
    .cs_fs_84 {
        font-size: 48px;
    }
}

.cs_fs_72 {
    font-size: 48px;
    line-height: 1.2;
}

@media (max-width: 1700px) {
    .cs_fs_72 {
        font-size: 35px;
    }
}

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

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

@media (max-width: 350px) {
    .cs_fs_72 {
        font-size: 42px;
    }
}

.cs_fs_48 {
    font-size: 36px;
    line-height: 1.2;
}

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

@media (max-width: 991px) {
    .cs_fs_48 {
        font-size: 26px;
    }
}

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

@media (max-width: 1700px) {
    .cs_fs_40 {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .cs_fs_40 {
        font-size: 28px;
    }
}

.cs_fs_32 {
    font-size: 22px;
    line-height: 1.2;
}

@media (max-width: 1700px) {
    .cs_fs_32 {
        font-size: 26px;
    }
}

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

@media (max-width: 350px) {
    .cs_fs_32 {
        font-size: 21px;
    }
}

.cs_fs_24 {
    font-size: 18px;
    line-height: 1.2;
}

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

.cs_fs_20 {
    font-size: 16px;
    line-height: 1.6;
}

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

.cs_fs_18 {
    font-size: 16px;
    line-height: 1.6;
}

.cs_img_filed {
    height: 100%;
}

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

.cs_light {
    font-weight: 300;
}

.cs_normal {
    font-weight: 400;
}

.cs_medium {
    font-weight: 500;
}

.cs_semibold {
    font-weight: 600;
}

.cs_bold {
    font-weight: 700;
}

.cs_extra_bold {
    font-weight: 800;
}

.cs_black {
    font-weight: 900;
}

.cs_radius_3 {
    border-radius: 3px;
}

.cs_radius_5 {
    border-radius: 5px;
}

.cs_radius_7 {
    border-radius: 7px;
}

.cs_radius_10 {
    border-radius: 10px;
}

.cs_radius_15 {
    border-radius: 15px;
}

.cs_radius_20 {
    border-radius: 20px;
}

.cs_radius_25 {
    border-radius: 25px;
}

.cs_radius_30 {
    border-radius: 30px;
}

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

.cs_m0 {
    margin: 0;
}

hr {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid #bcbcbc;
    opacity: 1;
}

.cs_vertical_middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
}

.cs_vertical_middle_in {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
}

.cs_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.cs_heading_color {
    color: #0b1c2c;
}

.cs_body_color {
    color: #0b1c2c;
}

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

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

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

/* .cs_accent_bg {
    background: linear-gradient(135deg, #0b1c2c, #245c91);
} */

.cs_gray_bg_1 {
    background-color: rgba(11, 28, 44, 0.2);
}

.cs_half_bg,
.cs_half_bg_2 {
    position: relative;
}

.cs_half_bg::before,
.cs_half_bg_2::before {
    content: "";
    position: absolute;
    height: 60%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--background-white);
}

.cs_half_bg>*,
.cs_half_bg_2>* {
    position: relative;
    z-index: 2;
}

.cs_half_bg_2::before {
    height: 50%;
    top: initial;
    bottom: 0;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}

/* .cs_shadow_1 {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
} */

.cs_shadow_2 {
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
}

.cs_btn.cs_style_1 {
    border-radius: 24px;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.17);
    box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.17);
    font-weight: 500;
    color: var(--background-white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 12px 40px;
    outline: none;
    border: none;
    position: relative;
    background: transparent;
}

@media (max-width: 991px) {
    .cs_btn.cs_style_1 {
        padding: 12px 30px;
    }
}

.cs_btn.cs_style_1 span {
    position: relative;
    z-index: 2;
}

.cs_btn.cs_style_1 i {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 15px;
    height: 11px;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cs_btn.cs_style_1 img {
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.cs_btn.cs_style_1 img:first-child {
    left: -20px;
}

.cs_btn.cs_style_1 img:last-child {
    left: 0;
}

.cs_btn.cs_style_1::before,
.cs_btn.cs_style_1::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    left: 0;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cs_btn.cs_style_1::before {
    background: #0b1c2c;
}

.cs_btn.cs_style_1::after {
    background: #245c91;
    opacity: 0;
}

.cs_btn.cs_style_1:hover::before {
    opacity: 1;
}

.cs_btn.cs_style_1:hover::after {
    opacity: 1;
}

.cs_btn.cs_style_1:hover img:first-child {
    left: 0px;
}

.cs_btn.cs_style_1:hover img:last-child {
    left: 20px;
}

/* Custom Yellow Button Style */
.cs_btn.cs_style_yellow {
    color: #0b1c2c !important;
}

.cs_btn.cs_style_yellow::before {
    background: #f7df1e !important;
}

.cs_btn.cs_style_yellow::after {
    background: #e5cd1b !important;
}

.cs_btn.cs_style_yellow img {
    -webkit-filter: brightness(0) !important;
    filter: brightness(0) !important;
}

.cs_btn.cs_style_yellow:hover {
    color: #0b1c2c !important;
    box-shadow: 0 10px 25px rgba(247, 223, 30, 0.4) !important;
}

.cs_text_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-bottom: 5px;
}

.cs_text_btn::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: currentColor;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

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

.cs_text_btn:hover::before {
    width: 60%;
}

.cs_text_btn_2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}

.cs_text_btn_2 .cs_text_btn_text {
    display: inline-block;
    position: relative;
}

.cs_text_btn_2 .cs_text_btn_text::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.cs_text_btn_2 .cs_text_btn_icon {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cs_text_btn_2:hover .cs_text_btn_text::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.cs_text_btn_2:hover .cs_text_btn_icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.cs_input_label {
    margin-bottom: 12px;
}

@media (max-width: 1700px) {
    .cs_input_label {
        margin-bottom: 10px;
    }
}

.cs_form_field {
    display: block;
    width: 100%;
    border-radius: 30px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid rgba(11, 28, 44, 0.5);
    padding: 26px 30px;
    background-color: transparent;
}

.cs_form_field:focus {
    border-color: var(--primary-blue);
}

@media (max-width: 1700px) {
    .cs_form_field {
        padding: 16px 20px;
        border-radius: 15px;
    }
}

.cs_form_field_2 {
    width: 100%;
    display: block;
    border: 1px solid #636363;
    outline: none;
    border-radius: 6px;
    padding: 13px 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_form_field_2:focus {
    border-color: var(--primary-blue);
}

textarea.cs_form_field {
    resize: none;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
.cs_form_field::-webkit-input-placeholder,
.cs_form_field_2::-webkit-input-placeholder {
    color: var(--text-dark);
}

textarea::-moz-placeholder,
input::-moz-placeholder,
.cs_form_field::-moz-placeholder,
.cs_form_field_2::-moz-placeholder {
    color: var(--text-dark);
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder,
.cs_form_field:-ms-input-placeholder,
.cs_form_field_2:-ms-input-placeholder {
    color: var(--text-dark);
}

textarea::-ms-input-placeholder,
input::-ms-input-placeholder,
.cs_form_field::-ms-input-placeholder,
.cs_form_field_2::-ms-input-placeholder {
    color: var(--text-dark);
}

textarea::placeholder,
input::placeholder,
.cs_form_field::placeholder,
.cs_form_field_2::placeholder {
    color: var(--text-dark);
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder,
.cs_form_field:-ms-input-placeholder,
.cs_form_field_2:-ms-input-placeholder {
    color: var(--text-dark);
}

textarea::-ms-input-placeholder,
input::-ms-input-placeholder,
.cs_form_field::-ms-input-placeholder,
.cs_form_field_2::-ms-input-placeholder {
    color: var(--text-dark);
}

.cs_with_icon_input {
    position: relative;
}

.cs_with_icon_input i {
    position: absolute;
    top: 30px;
    left: 30px;
    color: var(--primary-blue);
    font-size: 20px;
    pointer-events: none;
}

@media (max-width: 1700px) {
    .cs_with_icon_input i {
        top: 20px;
        left: 20px;
    }
}

.cs_with_icon_input .cs_form_field {
    padding-left: 60px;
}

@media (max-width: 1700px) {
    .cs_with_icon_input .cs_form_field {
        padding-left: 50px;
    }
}

.cs_random_features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px 110px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1700px) {
    .cs_random_features {
        gap: 15px 60px;
    }
}

@media (max-width: 1380px) {
    .cs_random_features {
        gap: 15px 24px;
    }
}

@media (max-width: 1121px) {
    .cs_random_features {
        gap: 24px;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
}

.cs_random_features .cs_random_features_col {
    padding-top: 55px;
}

@media (max-width: 1700px) {
    .cs_random_features .cs_random_features_col {
        padding-top: 45px;
    }
}

@media (max-width: 1380px) {
    .cs_random_features .cs_random_features_col {
        padding-top: 25px;
    }
}

@media (max-width: 1121px) {
    .cs_random_features .cs_random_features_col {
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .cs_random_features .cs_random_features_col {
        width: 100%;
    }
}

.cs_random_features .cs_random_features_col:nth-child(2) {
    padding-top: 0;
}

@media (min-width: 992px) {
    .cs_random_features .cs_iconbox.cs_style_13 {
        max-width: 390px;
    }
}

.cs_feature.cs_style_1 {
    max-width: 420px;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 70px 50px;
}

@media (max-width: 1700px) {
    .cs_feature.cs_style_1 {
        max-width: 390px;
        padding: 50px 30px;
    }
}

@media (max-width: 1380px) {
    .cs_feature.cs_style_1 {
        max-width: 350px;
    }
}

@media (max-width: 767px) {
    .cs_feature.cs_style_1 {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .cs_feature.cs_style_1 {
        padding: 30px 20px;
    }
}

.cs_feature.cs_style_1 .cs_feature_icon {
    height: 45px;
    width: 45px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 9px;
}

.cs_feature.cs_style_1 .cs_feature_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.cs_feature.cs_style_1 .cs_feature_title {
    gap: 15px 18px;
    margin-bottom: 35px;
    position: relative;
}

@media (max-width: 1700px) {
    .cs_feature.cs_style_1 .cs_feature_title {
        gap: 15px;
    }
}

.cs_feature.cs_style_1 .cs_feature_title>* {
    position: relative;
    z-index: 2;
}

.cs_feature.cs_style_1 .cs_feature_title::before {
    content: "";
    position: absolute;
    height: calc(100% + 42px);
    width: calc(100% + 160px);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    border-radius: 30px;
    background-color: 11, 28, 44;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 1700px) {
    .cs_feature.cs_style_1 .cs_feature_title::before {
        width: calc(100% + 100px);
    }
}

.cs_feature.cs_style_1:hover .cs_feature_title::before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.cs_tab {
    display: none;
}

.cs_tab.active {
    display: block;
}

.cs_tabs.cs_style1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 {
        gap: 45px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.cs_tabs.cs_style1 .cs_tab_body {
    padding-left: 210px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    padding-right: 7%;
}

@media (max-width: 1700px) {
    .cs_tabs.cs_style1 .cs_tab_body {
        padding-right: 0;
        padding-left: 160px;
    }
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 .cs_tab_body {
        width: 100%;
        padding-left: 75px;
    }
}

.cs_tabs.cs_style1 .cs_tab_links {
    list-style: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid var(--primary-blue);
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 .cs_tab_links {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid var(--primary-blue);
        border-right: 0;
    }
    .cs_tabs.cs_style1 .cs_tab_links .cs_testimonial_1_avatar_right {
        display: none;
    }
}

.cs_tabs.cs_style1 .cs_tab_links li {
    position: relative;
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 .cs_tab_links li {
        padding-top: 30px;
    }
}

.cs_tabs.cs_style1 .cs_tab_links li::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    right: -5px;
    top: 50%;
    margin-top: -5px;
    background-color: #0b1c2c;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 .cs_tab_links li::before {
        right: initial;
        top: 0;
        left: 50%;
    }
}

.cs_tabs.cs_style1 .cs_tab_links li:not(:last-child) {
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 .cs_tab_links li:not(:last-child) {
        margin-bottom: 0;
    }
}

.cs_tabs.cs_style1 .cs_tab_links li:nth-child(even) {
    padding-left: 110px;
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 .cs_tab_links li:nth-child(even) {
        padding-left: 0;
    }
}

.cs_tabs.cs_style1 .cs_tab_links li.active::before {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

.cs_tabs.cs_style1 .cs_tab_links li.active .cs_tab_link_in {
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.15);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.15);
    transform: translateX(10px);
}

.cs_tabs.cs_style1 .cs_tab_links .cs_tab_link_in {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 22px 50px;
    border-radius: 25px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /* Added default shadow */
    background: #fff;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08); 
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08); 
}

.cs_tabs.cs_style1 .cs_tab_links .cs_tab_link_in:hover {
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.12); 
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.12); 
    transform: translateY(-2px);
}

@media (max-width: 1700px) {
    .cs_tabs.cs_style1 .cs_tab_links .cs_tab_link_in {
        padding: 20px 35px;
        margin-right: 60px;
    }
}

@media (max-width: 991px) {
    .cs_tabs.cs_style1 .cs_tab_links .cs_tab_link_in {
        padding: 20px 35px;
        margin-right: 0px;
    }
}

@media (max-width: 575px) {
    .cs_tabs.cs_style1 .cs_tab_links .cs_tab_link_in {
        padding: 15px;
        border-radius: 15px;
    }
}

.cs_tabs.cs_style1 .cs_tab_links .cs_tab_link_in>a {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.cs_tabs.cs_style1 .cs_tab_links .cs_testimonial_1_avatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 40px;
}

@media (max-width: 1700px) {
    .cs_tabs.cs_style1 .cs_tab_links .cs_testimonial_1_avatar {
        gap: 20px;
    }
}

.cs_tabs.cs_style1 .cs_tab_links .cs_testimonial_avatar_icon {
    width: 50px;
    height: 50px;
    background-color: #0b1c2c;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-size: 22px;
    flex-shrink: 0;
}

.cs_tabs.cs_style1 .cs_tab_links .cs_testimonial_1_avatar p {
    line-height: 1.6em;
}

.cs_rating {
    width: 99px;
    position: relative;
    font-size: 16px;
}

.cs_rating .cs_rating_bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    color: #0b1c2c;
}

.cs_rating .cs_rating_percentage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}

.cs_radio_wrap {
    position: relative;
}

.cs_radio_wrap .cs_radio_input {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.cs_radio_wrap .cs_radio_input:checked+.cs_radio_label::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cs_radio_wrap .cs_radio_label {
    display: block;
    padding-left: 32px;
}

.cs_radio_wrap .cs_radio_label::before {
    content: "";
    height: 20px;
    width: 20px;
    border: 1px solid var(--primary-blue);
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
}

.cs_radio_wrap .cs_radio_label::after {
    content: "";
    height: 14px;
    width: 14px;
    background-color: var(--primary-blue);
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 3px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cs_radio_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 42px;
}

@media (max-width: 1700px) {
    .cs_radio_group {
        gap: 10px 30px;
    }
}

.cs_shape_wrap {
    position: relative;
}

.cs_shape_wrap .cs_shape_1 {
    width: 1884px;
    height: 1884px;
    border-radius: 50%;
    opacity: 0.6;
    background: radial-gradient(42.35% 42.35% at 50% 50%, rgba(11, 28, 44, 0.38) 0%, rgba(11, 28, 44, 0) 100%);
    position: absolute;
    top: 31%;
    right: -37%;
    z-index: -1;
}

.cs_shape_wrap .cs_shape_1.cs_position_1 {
    right: initial;
    left: -38%;
    top: -59%;
}

.cs_shape_wrap .cs_shape_1.cs_position_2 {
    right: 38%;
    top: 39%;
}

.cs_shape_wrap .cs_shape_1.cs_position_3 {
    right: 42%;
    top: 22%;
}

.cs_shape_wrap .cs_shape_1.cs_position_4 {
    right: -35%;
    top: initial;
    bottom: -10%;
}

.cs_shape_wrap .cs_shape_1.cs_position_5 {
    right: -30%;
    top: -8%;
}

.cs_shape_wrap .cs_shape_2 {
    position: absolute;
    left: 52%;
    top: 13%;
    z-index: -1;
}

.cs_shape_wrap .cs_shape_3 {
    position: absolute;
    right: 0;
    top: -41%;
    z-index: -1;
}

.cs_appointment_section_1 .container {
    position: relative;
}

.cs_appointment_section_1 .cs_appointment_img {
    position: absolute;
    bottom: 0;
    left: -9.5%;
    width: 55%;
}

@media (max-width: 1400px) {
    .cs_appointment_section_1 .cs_appointment_img {
        left: -16%;
        width: 63%;
    }
}

@media (max-width: 1199px) {
    .cs_appointment_section_1 .cs_appointment_img {
        left: -24%;
        width: 72%;
    }
}

@media (max-width: 991px) {
    .cs_appointment_section_1 .cs_appointment_img {
        display: none;
    }
}

.cs_iconbox_carousel_1 .cs_slider_activate {
    width: 64vw;
    padding-left: 55px;
    padding-right: 25px;
}

@media (max-width: 991px) {
    .cs_iconbox_carousel_1 .cs_slider_activate {
        width: 87vw;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 480px) {
    .cs_iconbox_carousel_1 .cs_slider_activate {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.cs_iconbox_carousel_1 .cs_slider_activate::before {
    content: "";
    position: absolute;
    height: 60%;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 20px 0px 0px 20px;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
}

@media (max-width: 991px) {
    .cs_iconbox_carousel_1 .cs_slider_activate::before {
        width: 100vw;
    }
}

.cs_iconbox_carousel_1 .slick-list {
    position: relative;
    z-index: 2;
    padding-bottom: 40px;
    padding-top: 80px;
    margin-bottom: -40px;
    overflow: initial;
}

@media (max-width: 991px) {
    .cs_iconbox_carousel_1 .slick-list {
        padding-top: 40px;
    }
}

@media (max-width: 480px) {
    .cs_iconbox_carousel_1 .slick-list {
        padding-top: 20px;
    }
}

.cs_iconbox_carousel_1 .slick-slide {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_iconbox_carousel_1 .slick-slide.slick-active {
    opacity: 1;
}

.cs_pagination_box {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}

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

.cs_pagination_box .cs_pagination_item {
    border-radius: 10px;
    background: var(--background-white);
    -webkit-box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.07);
    box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.07);
    height: 45px;
    width: 45px;
    color: var(--dark-teal);
}

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

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

.cs_pagination_box .cs_pagination_arrow {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_pagination_box .cs_pagination_arrow img {
    width: 16px;
}

.cs_pagination_box .cs_pagination_arrow:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.cs_appointment_form.cs_style_1 {
    background-color: var(--background-white);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    padding: 60px 90px;
}

@media (max-width: 1700px) {
    .cs_appointment_form.cs_style_1 {
        padding: 60px 50px;
    }
}

@media (max-width: 575px) {
    .cs_appointment_form.cs_style_1 {
        padding: 50px 25px;
    }
}

.cs_appointment_form.cs_style_1 .cs_appointment_categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 70px;
}

@media (max-width: 1700px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_categories {
        gap: 15px 30px;
    }
}

.cs_appointment_form.cs_style_1 .cs_appointment_form_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px;
    gap: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1400px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_form_head {
        margin-bottom: 40px;
    }
    .cs_appointment_form.cs_style_1 .cs_appointment_form_head>h2 {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_form_head {
        margin-bottom: 30px;
        gap: 20px;
    }
    .cs_appointment_form.cs_style_1 .cs_appointment_form_head>* {
        width: 100%;
    }
}

.cs_appointment_form.cs_style_1 .cs_appointment_form_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 70px;
    width: 70px;
    padding: 18px;
}

.cs_appointment_form.cs_style_1 label {
    display: block;
    color: var(--dark-teal);
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: -5px;
}

.cs_appointment_form.cs_style_1 input,
.cs_appointment_form.cs_style_1 textarea {
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    display: block;
    width: 100%;
    padding: 0;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_appointment_form.cs_style_1 input:focus,
.cs_appointment_form.cs_style_1 textarea:focus {
    border-color: var(--primary-blue);
}

.cs_appointment_form.cs_style_1 .cs_appointment_form_field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 991px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_form_field {
        gap: 15px;
        width: 280px;
    }
}

@media (max-width: 767px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_form_field {
        width: 100%;
    }
}

.cs_appointment_form.cs_style_1 .cs_appointment_form_field_right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cs_appointment_form.cs_style_1 .cs_appointment_form_fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1400px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_form_fields {
        gap: 40px 30px;
    }
}

@media (max-width: 991px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_form_fields {
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .cs_appointment_form.cs_style_1 .cs_appointment_form_fields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cs_appointment_form.cs_style_1 .cs_appointment_category {
    position: relative;
}

.cs_appointment_form.cs_style_1 .cs_appointment_category span {
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_appointment_form.cs_style_1 .cs_appointment_category span::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 0%;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--primary-blue);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_appointment_form.cs_style_1 .cs_appointment_category input {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.cs_appointment_form.cs_style_1 .cs_appointment_category input:checked+span {
    color: var(--dark-teal);
}

.cs_appointment_form.cs_style_1 .cs_appointment_category input:checked+span::before {
    width: 100%;
}

.cs_appointment_form.cs_style_1.cs_type_1 {
    border-radius: 25px 25px 0px 0px;
    border: 1px solid var(--background-white);
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(21.5px);
    backdrop-filter: blur(21.5px);
    max-width: 670px;
    width: 100%;
    padding: 45px 50px;
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .cs_appointment_form.cs_style_1.cs_type_1 {
        padding: 30px 25px;
    }
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_down_btn {
    height: 60px;
    width: 60px;
    position: absolute;
    right: -30px;
    top: -30px;
    background-color: var(--background-white);
    color: var(--primary-blue);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_down_btn:hover {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

@media (max-width: 575px) {
    .cs_appointment_form.cs_style_1.cs_type_1 .cs_down_btn {
        right: 5px;
        top: 5px;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    .cs_appointment_form.cs_style_1.cs_type_1 .cs_down_btn:hover {
        -webkit-transform: scale(0.6) rotate(-20deg);
        transform: scale(0.6) rotate(-20deg);
    }
}

.cs_appointment_form.cs_style_1.cs_type_1 label {
    color: var(--background-white);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field {
    width: 100%;
    margin-bottom: 35px;
}

@media (max-width: 991px) {
    .cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field {
        margin-bottom: 25px;
    }
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    color: var(--background-white);
    padding-bottom: 4px;
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input::-webkit-input-placeholder,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input::-moz-placeholder,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input:-ms-input-placeholder,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input::-ms-input-placeholder,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input::placeholder,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input::-ms-input-placeholder,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field input:focus,
.cs_appointment_form.cs_style_1.cs_type_1 .cs_appointment_form_field textarea:focus {
    border-color: var(--background-white);
}

.cs_page_heading {
    background: var(--background-white);
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
}

.cs_page_heading_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    padding: 25px 0;
}

.breadcrumb {
    margin: 0;
    font-size: 20px;
}

.breadcrumb-item.active {
    color: #b7b7b7;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--text-dark);
}

.cs_search_form {
    max-width: 360px;
    width: 100%;
    position: relative;
}

.cs_search_form input {
    width: 100%;
    border: 1px solid var(--primary-blue);
    height: 50px;
    border-radius: 20px;
    padding: 5px 20px;
    outline: none;
}

.cs_search_form .cs_search_btn {
    position: absolute;
}

.cs_search_form .cs_search_btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: var(--dark-teal);
}

.cs_search_form .cs_search_btn:hover {
    color: var(--primary-blue);
}

.cs_related_doctor_title {
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 50%;
    top: 80px;
}

@media (max-width: 1700px) {
    .cs_related_doctor_title {
        top: 50px;
        padding-left: 80px;
    }
}

@media (max-width: 1199px) {
    .cs_related_doctor_title {
        top: 30px;
        padding-left: 50px;
    }
}

@media (max-width: 991px) {
    .cs_related_doctor_title {
        position: initial;
        padding-left: 0px;
        padding-bottom: 50px;
    }
}

.cs_doctor_profile.cs_style_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 991px) {
    .cs_doctor_profile.cs_style_1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cs_doctor_profile.cs_style_1 .cs_doctor_info {
    margin-left: -180px;
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
}

@media (max-width: 991px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_info {
        margin-left: 0px;
    }
}

.cs_doctor_profile.cs_style_1 .cs_doctor_profile_right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 180px 85px 100px 0px;
}

@media (max-width: 1700px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_profile_right {
        padding: 150px 85px 70px 0px;
    }
}

@media (max-width: 1400px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_profile_right {
        padding: 150px 0px 70px 0px;
    }
}

@media (max-width: 1199px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_profile_right {
        padding: 150px 0px 0px 0px;
    }
}

@media (max-width: 991px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_profile_right {
        padding: 25px 0px 0px 0px;
        width: 100%;
    }
}

.cs_doctor_profile.cs_style_1 .cs_social_links a {
    height: 30px;
    width: 30px;
    background-color: var(--primary-blue);
    color: var(--background-white);
    font-size: 14px;
}

.cs_doctor_profile.cs_style_1 .cs_doctor_info_in {
    padding: 50px 95px 46px;
}

@media (max-width: 1700px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_info_in {
        padding: 40px 50px 40px;
    }
}

@media (max-width: 767px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_info_in {
        padding: 30px;
    }
}

@media (max-width: 480px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_info_in br {
        display: none;
    }
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 37px 95px;
}

@media (max-width: 1700px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_meta {
        padding: 30px 50px;
    }
}

@media (max-width: 1400px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_meta {
        padding: 20px 50px;
    }
}

@media (max-width: 767px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_meta {
        padding: 20px 30px;
    }
}

@media (max-width: 480px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_meta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px 0;
        padding: 20px 15px;
    }
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 70px;
}

@media (max-width: 1700px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_meta_left {
        gap: 15px 40px;
    }
}

@media (max-width: 575px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_meta_left {
        gap: 15px 20px;
    }
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

@media (max-width: 991px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_meta_left a {
        gap: 10px;
    }
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_left a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_right a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_right a span {
    position: relative;
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_right a span::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: var(--background-white);
    bottom: 3px;
    right: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_right a:hover {
    color: var(--background-white);
}

.cs_doctor_profile.cs_style_1 .cs_doctor_meta_right a:hover span::before {
    width: 60%;
}

.cs_doctor_profile.cs_style_1 .cs_doctor_img {
    max-width: 45%;
}

@media (max-width: 1700px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_img {
        max-width: 50%;
    }
}

@media (max-width: 991px) {
    .cs_doctor_profile.cs_style_1 .cs_doctor_img {
        max-width: 100%;
    }
}

.cs_single_doctor {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
}

.cs_single_doctor h3 {
    padding: 23px 15px;
    margin-top: -35px;
    position: relative;
    z-index: 1;
}

.cs_list.cs_style_1 .cs_list_title,
.cs_list.cs_style_2 .cs_list_title,
.cs_list.cs_style_3 .cs_list_title {
    padding-left: 50px;
    position: relative;
    margin-bottom: 25px;
}

.cs_list.cs_style_1 .cs_list_title svg,
.cs_list.cs_style_2 .cs_list_title svg,
.cs_list.cs_style_3 .cs_list_title svg {
    position: absolute;
    left: 0;
    top: 4px;
}

.cs_list.cs_style_1 p+p {
    margin-top: 4px;
}

.cs_list.cs_style_1 ul {
    list-style: none;
    padding-left: 50px;
    margin: 0;
}

.cs_list.cs_style_1 ul li {
    position: relative;
    padding-left: 28px;
}

.cs_list.cs_style_1 ul li::before {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--primary-blue);
    position: absolute;
    left: 0;
    top: 8px;
}

.cs_list.cs_style_1 ul li:not(:last-child) {
    margin-bottom: 24px;
}

.cs_list.cs_style_2 ul li {
    position: relative;
    padding-left: 22px;
}

.cs_list.cs_style_2 ul li svg {
    position: absolute;
    left: 0;
    top: 8px;
}

.cs_list.cs_style_2 ul li:not(:last-child) {
    margin-bottom: 20px;
}

.cs_list.cs_style_3 ul {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    padding: 35px 45px;
    max-width: 454px;
}

.cs_list.cs_style_3 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cs_list.cs_style_3 ul li:not(:last-child) {
    margin-bottom: 24px;
}

.cs_list.cs_style_3 ul li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    min-width: 120px;
}

.cs_list.cs_style_3 ul li span i {
    color: var(--primary-blue);
}

.cs_doctor_details {
    position: relative;
}

.cs_doctor_details .cs_doctor_details_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 490px;
    width: 100%;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1700px) {
    .cs_doctor_details .cs_doctor_details_bg {
        height: 420px;
    }
}

@media (max-width: 1199px) {
    .cs_doctor_details .cs_doctor_details_bg {
        height: 467px;
    }
}

@media (max-width: 575px) {
    .cs_doctor_details .cs_doctor_details_bg {
        height: 280px;
    }
}

.cs_doctor_details .cs_social_links {
    padding: 23px 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 368px;
    right: 12px;
    z-index: 2;
}

@media (max-width: 1700px) {
    .cs_doctor_details .cs_social_links {
        top: 298px;
    }
}

@media (max-width: 1199px) {
    .cs_doctor_details .cs_social_links {
        top: 342px;
    }
}

@media (max-width: 991px) {
    .cs_doctor_details .cs_social_links {
        position: initial;
        margin-top: 35px;
        padding: 15px 30px;
    }
}

.cs_doctor_details .cs_social_links a {
    height: 30px;
    width: 30px;
    background-color: var(--background-white);
    color: var(--primary-blue);
    font-size: 16px;
}

.cs_contact_info.cs_style_1 li:not(:last-child) {
    margin-bottom: 42px;
}

@media (max-width: 1700px) {
    .cs_contact_info.cs_style_1 li:not(:last-child) {
        margin-bottom: 25px;
    }
}

@media (max-width: 991px) {
    .cs_contact_info.cs_style_1 li:not(:last-child) {
        margin-bottom: 25px;
    }
}

.cs_timetable {
    height: 1950px;
    padding-left: 110px;
    position: relative;
    padding-right: 10px;
    margin-top: 15px;
}

.cs_timetable::before,
.cs_timetable::after {
    content: "";
    height: calc(100% - 40px);
    width: 10px;
    background-color: var(--background-white);
    position: absolute;
    top: 20px;
    z-index: 2;
}

.cs_timetable::before {
    left: 100px;
}

.cs_timetable::after {
    left: 100%;
    width: 15vw;
    top: 0;
    height: 100%;
}

@media (max-width: 1199px) {
    .cs_timetable {
        width: 1230px;
    }
}

.cs_timetable_vertical {
    position: absolute;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cs_timetable_vertical>div {
    position: relative;
}

.cs_timetable_vertical>div::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100vw;
    left: 100px;
    top: 12px;
    background-color: rgba(11, 28, 44, 0.5);
}

.cs_timetable_vertical>div:first-child::before,
.cs_timetable_vertical>div:last-child::before {
    background-color: var(--primary-blue);
}

.cs_timetable_in {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--primary-blue);
    border-top: none;
    border-bottom: none;
}

.cs_timetable_in::before,
.cs_timetable_in::after {
    content: "";
    position: absolute;
    height: 12px;
    width: calc(100% - 130px);
    right: 14px;
    background-color: var(--background-white);
    z-index: 1;
}

.cs_timetable_in::before {
    top: 0;
}

.cs_timetable_in::after {
    bottom: 0;
    height: 13px;
}

.cs_timetable_in>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid rgba(11, 28, 44, 0.5);
    position: relative;
    padding: 12px 0;
}

.cs_timetable_in>div:last-child {
    border-right: 0;
}

.cs_timetable_in>div>div {
    padding: 8px;
}

.cs_timetable_in>div .cs_timetable_date {
    position: absolute;
    top: -20px;
    z-index: 1;
    padding: 0 !important;
    width: 100%;
    text-align: center;
}

.cs_hour_1 {
    height: 148px !important;
}

.cs_hour_2 {
    height: 296px !important;
}

.cs_hour_3 {
    height: 444px !important;
}

.cs_hour_4 {
    height: 592px !important;
}

.cs_hour_5 {
    height: 740px !important;
}

.cs_hour_6 {
    height: 888px !important;
}

.cs_hour_7 {
    height: 1036px !important;
}

.cs_hour_8 {
    height: 1184px !important;
}

.cs_hour_9 {
    height: 1332px !important;
}

.cs_hour_10 {
    height: 1480px !important;
}

.cs_hour_11 {
    height: 1628px !important;
}

.cs_hour_12 {
    height: 1776px !important;
}

.cs_hour_13 {
    height: 1924px !important;
}

.cs_table_doctor {
    border-radius: 10px;
    border: 1.5px solid var(--primary-blue);
    background-color: 11, 28, 44;
    height: 100%;
    padding: 28px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cs_table_doctor p {
    margin-bottom: 0;
}

.cs_table_doctor p:not(:last-child) {
    border-bottom: 1px solid var(--primary-blue);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media (max-width: 1700px) {
    .cs_table_doctor {
        padding: 15px 12px;
    }
}

.cs_contact_form.cs_style_1 {
    padding: 83px 21.5%;
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
}

@media (max-width: 991px) {
    .cs_contact_form.cs_style_1 {
        padding: 50px;
    }
}

@media (max-width: 400px) {
    .cs_contact_form.cs_style_1 {
        padding: 50px 25px;
    }
}

.cs_map {
    height: 650px;
}

@media (max-width: 1700px) {
    .cs_map {
        height: 550px;
    }
}

@media (max-width: 1400px) {
    .cs_map {
        height: 450px;
    }
}

@media (max-width: 575px) {
    .cs_map {
        height: 350px;
    }
}

.cs_map iframe {
    height: 100%;
    width: 100%;
    border: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border-radius: 30px;
}

.cs_blog_details_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px;
}

.cs_blog_details_info .cs_social_links a {
    height: 42px;
    width: 42px;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
    font-size: 18px;
}

.cs_blog_details_info .cs_social_links a:hover {
    background-color: var(--primary-blue);
    color: var(--background-white);
    -webkit-transform: initial;
    transform: initial;
}

.cs_blog_details_info_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 40px;
}

@media (max-width: 1199px) {
    .cs_blog_details_info_left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.cs_blog_details_tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}

@media (max-width: 991px) {
    .cs_blog_details_tags {
        gap: 12px;
    }
}

.cs_blog_details_tags a {
    padding: 11px 24px;
    border: 1px solid var(--primary-blue);
    border-radius: 20px;
    color: var(--dark-teal);
}

@media (max-width: 991px) {
    .cs_blog_details_tags a {
        padding: 7px 15px;
        border-radius: 15px;
    }
}

.cs_blog_details_tags a:hover {
    background-color: var(--primary-blue);
    color: var(--background-white);
}

.cs_blog_details {
    font-size: 18px;
    line-height: 1.55em;
    color: var(--dark-teal);
}

.cs_blog_details h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.31em;
}

@media (max-width: 991px) {
    .cs_blog_details h2 {
        font-size: 28px;
    }
}

.cs_blog_details p {
    margin-bottom: 34px;
}

.cs_blog_details ol {
    margin-bottom: 60px;
}

.cs_blog_details ol li:not(:last-child) {
    margin-bottom: 20px;
}

.cs_blog_details blockquote {
    min-height: 645px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    margin: 75px 0;
    padding: 100px 146px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 32px;
    line-height: 1.31em;
    color: var(--background-white);
    font-weight: 600;
    font-style: normal;
}

@media (max-width: 1400px) {
    .cs_blog_details blockquote {
        padding: 100px 100px 0 0;
    }
}

@media (max-width: 991px) {
    .cs_blog_details blockquote {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .cs_blog_details blockquote {
        padding: 50px 30px 0 0;
        min-height: 450px;
    }
}

@media (max-width: 400px) {
    .cs_blog_details blockquote {
        padding-right: 0;
    }
}

.cs_blog_details blockquote p {
    margin: 0;
    width: 100%;
    background-color: var(--primary-blue);
    padding: 40px 70px 40px 120px;
    position: relative;
    border-radius: 0 20px 0 0;
}

@media (max-width: 1400px) {
    .cs_blog_details blockquote p {
        padding: 40px 40px 40px 120px;
    }
}

@media (max-width: 575px) {
    .cs_blog_details blockquote p {
        padding: 40px 30px 40px 80px;
    }
}

.cs_blog_details blockquote p::before {
    content: "“";
    position: absolute;
    left: 48px;
    top: 55px;
    font-size: 80px;
    color: rgba(255, 255, 255, 0.3);
}

@media (max-width: 575px) {
    .cs_blog_details blockquote p::before {
        left: 25px;
    }
}

@media (max-width: 400px) {
    .cs_blog_details blockquote p::before {
        display: none;
    }
}

.cs_blog_details h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.41em;
    margin-bottom: 15px;
}

.cs_blog_details ul {
    list-style: none;
    padding: 0;
    margin: 55px 0 86px 0;
}

.cs_blog_details ul li:not(:last-child) {
    margin-bottom: 55px;
}

.cs_blog_details>*:last-child {
    margin-bottom: 0;
}

.cs_author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 44px;
    padding: 58px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

@media (max-width: 1700px) {
    .cs_author {
        gap: 30px;
    }
}

@media (max-width: 575px) {
    .cs_author {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
}

.cs_author .cs_author_img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.cs_author .cs_author_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}

.cs_author h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 15px;
}

@media (max-width: 575px) {
    .cs_author h3 {
        margin-bottom: 5px;
    }
}

.form-check {
    padding-left: 38px;
    margin-bottom: 0;
    color: var(--dark-teal);
    font-size: 18px;
    line-height: 1.5em;
}

.form-check .form-check-input {
    margin-left: -38px;
    width: 24px;
    height: 24px;
    margin-top: 2px;
}

.form-check .form-check-input:checked {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}

.cs_newsletter.cs_style1 .cs_newsletter_title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 11px;
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style1 .cs_newsletter_title {
        font-size: 34px;
    }
}

@media (max-width: 991px) {
    .cs_newsletter.cs_style1 .cs_newsletter_title {
        font-size: 30px;
    }
}

.cs_newsletter.cs_style1 .cs_newsletter_form {
    position: relative;
    margin-top: 25px;
}

.cs_newsletter.cs_style1 .cs_newsletter_input {
    width: 100%;
    border-radius: 2.6em;
    border: 1px solid rgba(11, 28, 44, 0.5);
    background: transparent;
    display: block;
    height: 80px;
    padding: 15px 185px 15px 32px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style1 .cs_newsletter_input {
        height: 70px;
        padding: 10px 175px 10px 32px;
    }
}

.cs_newsletter.cs_style1 .cs_newsletter_input:focus {
    border-color: var(--primary-blue);
}

.cs_newsletter.cs_style1 .cs_btn.cs_style_1 {
    position: absolute;
    right: 15px;
    top: 15px;
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style1 .cs_btn.cs_style_1 {
        top: 10px;
        right: 10px;
    }
}

.cs_newsletter.cs_style2 {
    text-align: center;
}

.cs_newsletter.cs_style2 .cs_newsletter_title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 30px;
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style2 .cs_newsletter_title {
        font-size: 24px;
    }
}

.cs_newsletter.cs_style2 .cs_newsletter_input {
    display: block;
    width: 100%;
    border: 1px solid #636363;
    font-size: 20px;
    line-height: 1.5em;
    padding: 19px 25px;
    border-radius: 7px;
    margin-bottom: 28px;
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style2 .cs_newsletter_input {
        font-size: 18px;
        padding: 13px 20px;
        margin-bottom: 20px;
    }
}

/* Start Comment */

.comments-area {
    background-color: #f3f5f6;
    border-radius: 10px;
    padding: 40px 50px;
}

@media (max-width: 1199px) {
    .comments-area {
        padding: 35px 25px;
    }
}

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

.comment-list>.comment {
    padding: 0px 15px;
    margin-bottom: 45px;
}

@media (max-width: 575px) {
    .comment-list>.comment {
        padding: 0;
    }
}

.comment-list>.comment:last-child {
    margin-bottom: 0;
}

.comment-list .children {
    margin-top: 45px;
}

.comment-list .children .comment:not(:first-child) {
    border-width: 1px 0 0;
    border-style: solid;
    margin-top: 30px;
    padding-top: 30px;
}

.comment-list .bypostauthor:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 50px;
}

.comment-list .comment-body {
    padding-left: 90px;
    padding-top: 0;
    position: relative;
    padding-right: 150px;
}

@media (max-width: 1199px) {
    .comment-list .comment-body {
        padding-right: 120px;
    }
}

@media (max-width: 575px) {
    .comment-list .comment-body {
        padding-right: 0;
        padding-bottom: 40px;
        padding-left: 70px;
    }
}

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

.comment-list .avatar {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    height: 60px;
    width: 60px;
}

.comment-list .comment-author .says {
    display: none;
}

.comment-list .fn {
    font-style: initial;
    font-weight: 500;
    color: var(--dark-teal);
    display: inline-block;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.2em;
}

.comment-list .comment-meta {
    display: block;
    margin-bottom: 20px;
    margin-top: 5px;
    color: #b7b7b7;
}

.comment-list .comment-meta a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.comment-list .comment-meta a::before {
    content: "\f017";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.comment-list .comment-meta a:hover {
    color: var(--dark-teal);
}

.comment-list .comment-meta+p,
.comment-list .comment-meta+p+p {
    font-size: 18px;
    line-height: 1.55em;
    margin-bottom: 0;
    margin-left: -90px;
}

@media (max-width: 1700px) {
    .comment-list .comment-meta+p,
    .comment-list .comment-meta+p+p {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .comment-list .comment-meta+p,
    .comment-list .comment-meta+p+p {
        margin-left: -70px;
    }
}

.comment-list .reply {
    line-height: 1.6em;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    bottom: 2px;
    right: 0;
    color: #636363;
    padding-left: 40px;
}

@media (max-width: 1700px) {
    .comment-list .reply {
        font-size: 16px;
    }
}

.comment-list .reply a {
    display: inline-block;
    position: relative;
}

.comment-list .reply a::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: currentColor;
    right: 0;
    bottom: 2px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.comment-list .reply a:hover::before {
    width: 60%;
}

.comment-list .reply::before {
    content: "";
    position: absolute;
    width: 27px;
    height: 22px;
    background-image: url(../img/icons/reply.svg);
    left: 0;
    background-size: contain;
    background-position: center;
    top: 2px;
}

.comment-list .bypostauthor .comment-body:last-child {
    margin-bottom: 0;
}

.url {
    font-weight: 600;
    font-size: 20px;
    color: var(--dark-teal);
    display: inline-block;
    line-height: 1.5em;
}

@media (max-width: 1700px) {
    .url {
        font-size: 18px;
    }
}

#commentform p.logged-in-as {
    font-size: 16px;
    margin-top: -5px;
}

#commentform p.logged-in-as a:hover {
    text-decoration: underline;
}

.comment-reply-title small {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 500;
    color: red;
}

.comment-reply-title small a:hover {
    text-decoration: underline;
}

/* End Comment */

/* Start Time Picker */

.ui-timepicker-standard {
    border: 1px solid var(--primary-blue);
    border-radius: 20px;
    padding: 10px;
    margin-top: 5px;
    color: var(--dark-teal);
    font-family: inherit;
}

.ui-timepicker-standard .ui-state-hover {
    color: var(--dark-teal);
    border-color: rgba(11, 28, 44, 0.3);
    background-color: rgba(11, 28, 44, 0.15);
    border-radius: 10px;
    color: var(--primary-blue);
}

.ui-timepicker-standard a {
    cursor: pointer;
    font-size: 16px;
    line-height: 1.2em;
    padding: 9px 15px;
}

.ui-timepicker-standard .ui-timepicker-viewport {
    padding-right: 0 !important;
}

.ui-timepicker-standard .ui-widget.ui-widget-content {
    border: none;
}

.ui-widget-content a {
    color: var(--dark-teal);
}

/* End Time Picker */

/* Start Date Picker */

.ui-datepicker.ui-widget.ui-widget-content {
    border-color: var(--primary-blue);
    border-radius: 20px;
    margin: 5px 0;
    color: var(--dark-teal);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    color: var(--dark-teal);
    background: transparent;
    text-align: center;
}

.ui-widget {
    font-family: inherit;
}

.ui-datepicker table {
    font-size: 16px;
    margin: 0 0 4px;
}

.ui-widget-header {
    background: transparent;
    border: none;
}

.ui-datepicker {
    width: 388px;
    padding: 5px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: var(--primary-blue);
    font-weight: 500;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    color: var(--primary-blue);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: rgba(11, 28, 44, 0.15);
    color: var(--primary-blue);
    border: 1px solid rgba(11, 28, 44, 0.3);
    border-radius: 7px;
    font-weight: 500;
}

.ui-widget-header {
    color: var(--dark-teal);
    font-weight: 600;
    font-weight: 16px;
}

.ui-datepicker th {
    color: var(--dark-teal);
    font-weight: 500;
    font-size: 16px;
}

/* End Date Picker */

/* Start Select Two */

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 78px;
}

@media (max-width: 1700px) {
    .select2-container .select2-selection--single {
        height: 60px;
    }
}

.select2-container--default .select2-selection--single {
    border-color: rgba(11, 28, 44, 0.5);
    border-radius: 30px;
    background-color: transparent;
}

@media (max-width: 1700px) {
    .select2-container--default .select2-selection--single {
        border-radius: 15px;
    }
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px;
    color: var(--dark-teal);
    line-height: 1.5em;
}

@media (max-width: 1700px) {
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 15px 20px;
    }
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--text-dark);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 26px;
    right: 15px;
    width: 20px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

@media (max-width: 1700px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 17px;
    }
}

.select2-dropdown {
    border-color: rgba(11, 28, 44, 0.5);
    border-radius: 30px;
}

@media (max-width: 1700px) {
    .select2-dropdown {
        border-radius: 15px;
    }
}

.select2-search--dropdown {
    padding: 20px 20px 10px 20px;
}

.select2-results__option {
    padding: 7px 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(11, 28, 44, 0.5);
    border-radius: 10px;
}

.select2-search--dropdown .select2-search__field {
    padding: 9px 15px;
    outline: none;
}

.select2-results__option {
    padding: 10px 20px;
    margin: 0 20px;
    border-radius: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(11, 28, 44, 0.15);
    color: var(--primary-blue);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--primary-blue);
    color: white;
}

.select2-container--default .select2-results>.select2-results__options {
    padding-bottom: 10px;
    color: var(--dark-teal);
}

/* End Select Two */

/* Start Scroll Up */

.cs_scrollup {
    position: fixed;
    bottom: -60px;
    right: 40px;
    color: var(--primary-blue);
    padding: 5px;
    height: 50px;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 10;
    background-color: var(--background-white);
    -webkit-box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.17);
    box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.17);
    border-radius: 50%;
    font-size: 22px;
}

.cs_scrollup:hover {
    background-color: var(--dark-teal);
    color: var(--background-white);
}

@media (max-width: 575px) {
    .cs_scrollup {
        right: 20px;
    }
}

.cs_scrollup.cs_scrollup_show {
    bottom: 50px;
}

@media (max-width: 575px) {
    .cs_scrollup.cs_scrollup_show {
        bottom: 30px;
    }
}

/* End Scroll Up */

/* Start New Animations */

@-webkit-keyframes particalAnimation {
    0%,
    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    20% {
        -webkit-transform: translate(80px, -10px);
        transform: translate(80px, -10px);
    }
    40% {
        -webkit-transform: translate(140px, 70px);
        transform: translate(140px, 70px);
    }
    60% {
        -webkit-transform: translate(90px, 130px);
        transform: translate(90px, 130px);
    }
    80% {
        -webkit-transform: translate(-40px, 80px);
        transform: translate(-40px, 80px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes particalAnimation {
    0%,
    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    20% {
        -webkit-transform: translate(80px, -10px);
        transform: translate(80px, -10px);
    }
    40% {
        -webkit-transform: translate(140px, 70px);
        transform: translate(140px, 70px);
    }
    60% {
        -webkit-transform: translate(90px, 130px);
        transform: translate(90px, 130px);
    }
    80% {
        -webkit-transform: translate(-40px, 80px);
        transform: translate(-40px, 80px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes animo-x {
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateX(44px);
        transform: translateX(44px);
    }
}

@keyframes animo-x {
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateX(44px);
        transform: translateX(44px);
    }
}

@-webkit-keyframes anim-y {
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
    }
}

@keyframes anim-y {
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
    }
}

@-webkit-keyframes rotate-anim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-anim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes semi-rotate-anim {
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateY(25px) rotate(-53deg);
        transform: translateY(25px) rotate(-53deg);
    }
}

@keyframes semi-rotate-anim {
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateY(25px) rotate(-53deg);
        transform: translateY(25px) rotate(-53deg);
    }
}

@-webkit-keyframes up-down-anim {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateY(40px) rotate(-1deg);
        transform: translateY(40px) rotate(-1deg);
    }
}

@keyframes up-down-anim {
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateY(40px) rotate(-1deg);
        transform: translateY(40px) rotate(-1deg);
    }
}

@-webkit-keyframes swing-anim {
    65% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateY(-48px) rotate(-75deg);
        transform: translateY(-48px) rotate(-75deg);
    }
}

@keyframes swing-anim {
    65% {
        -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateY(-48px) rotate(-75deg);
        transform: translateY(-48px) rotate(-75deg);
    }
}

@-webkit-keyframes zoom-anim {
    50% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@keyframes zoom-anim {
    50% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

/* End New Animations */

.cursor {
    position: fixed;
    left: 0;
    pointer-events: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 23px;
    color: var(--primary-blue);
    background-color: var(--background-white);
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    opacity: 0;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.17);
    box-shadow: 0px 4px 20px 0px rgba(11, 28, 44, 0.17);
}

.cs_cursor_lg,
.cs_cursor_sm {
    position: fixed;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
}

@media (max-width: 991px) {
    .cs_cursor_lg,
    .cs_cursor_sm {
        display: none !important;
    }
}

.cs_cursor_lg {
    width: 40px;
    height: 40px;
    background-color: rgba(11, 28, 44, 0.15);
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.cs_cursor_sm {
    width: 8px;
    height: 8px;
    background-color: var(--primary-blue);
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

@media (max-width: 991px) {
    .cs_section_heading.cs_style_1 .cs_section_title br {
        display: none;
    }
}

.cs_section_wrap_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    gap: 50px;
}

@media (max-width: 991px) {
    .cs_section_wrap_1 .cs_avatar_card {
        margin-bottom: -60px;
    }
}

.cs_avatar_card .cs_avatar_card_title {
    margin-bottom: 24px;
}

.cs_avatar_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
}

.cs_avatar_group .cs_avatar_item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 106px;
    width: 106px;
    border-radius: 50%;
    padding: 5px;
    margin-left: -30px;
    background-color: var(--background-white);
}

@media (max-width: 1400px) {
    .cs_avatar_group .cs_avatar_item {
        height: 80px;
        width: 80px;
        padding: 4px;
    }
}

@media (max-width: 991px) {
    .cs_avatar_group .cs_avatar_item {
        height: 60px;
        width: 60px;
        padding: 1px;
    }
    .cs_avatar_group .cs_avatar_item svg {
        width: 24px;
        height: 24px;
    }
}

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

@media (max-width: 420px) {
    .cs_avatar_group .cs_avatar_item {
        display: none;
    }
    .cs_avatar_group .cs_avatar_item:nth-child(2),
    .cs_avatar_group .cs_avatar_item:first-child,
    .cs_avatar_group .cs_avatar_item:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/*--------------------------------------------------------------
5. Slider
----------------------------------------------------------------*/

.slick-initialized .slick-slide>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.slick-initialized .slick-slide>div>* {
    width: 100%;
}

.cs_gap_20 .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
}

.cs_gap_20 .slick-list {
    margin-left: -10px;
    margin-right: -10px;
}

.cs_slider_navigation.cs_style_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

@media (max-width: 1700px) {
    .cs_slider_navigation.cs_style_1 {
        gap: 15px;
    }
}

.cs_slider_navigation.cs_style_1 .cs_slider_prev,
.cs_slider_navigation.cs_style_1 .cs_slider_next {
    width: 90px;
    height: 70px;
    background-color: var(--background-white);
    border-radius: 10px;
    padding: 5px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
}

@media (max-width: 1700px) {
    .cs_slider_navigation.cs_style_1 .cs_slider_prev,
    .cs_slider_navigation.cs_style_1 .cs_slider_next {
        width: 80px;
        height: 60px;
    }
}

.cs_slider_navigation.cs_style_1 .cs_slider_prev img,
.cs_slider_navigation.cs_style_1 .cs_slider_next img {
    -webkit-transition: inherit;
    transition: inherit;
}

.cs_slider_navigation.cs_style_1 .cs_slider_prev:hover,
.cs_slider_navigation.cs_style_1 .cs_slider_next:hover {
    background-color: var(--primary-blue);
}

.cs_slider_navigation.cs_style_1 .cs_slider_prev:hover img,
.cs_slider_navigation.cs_style_1 .cs_slider_next:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

@media (max-width: 575px) {
    .cs_slider_navigation.cs_style_1 {
        margin-top: 40px;
    }
}

.cs_slider_navigation.cs_style_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-top: 40px;
    position: relative;
    z-index: 5;
}

.cs_slider_navigation.cs_style_2 .cs_slider_prev,
.cs_slider_navigation.cs_style_2 .cs_slider_next {
    height: 40px;
    width: 40px;
    border: 2px solid var(--primary-blue);
    border-radius: 50%;
    padding: 8px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
}

.cs_slider_navigation.cs_style_2 .cs_slider_prev img,
.cs_slider_navigation.cs_style_2 .cs_slider_next img {
    -webkit-transition: inherit;
    transition: inherit;
}

.cs_slider_navigation.cs_style_2 .cs_slider_prev:hover,
.cs_slider_navigation.cs_style_2 .cs_slider_next:hover {
    background-color: var(--primary-blue);
}

.cs_slider_navigation.cs_style_2 .cs_slider_prev:hover img,
.cs_slider_navigation.cs_style_2 .cs_slider_next:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px 15px;
    margin-top: 60px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .slick-dots {
        margin-top: 30px;
    }
}

.slick-dots li {
    height: 12px;
    width: 12px;
    background-color: var(--background-white);
    border: 2px solid var(--primary-blue);
    opacity: 1;
    border-radius: 1.6em;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
    position: relative;
}

.slick-dots li button {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.slick-dots li.slick-active {
    background-color: var(--primary-blue);
}

.cs_slider_heading_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .cs_slider_heading_1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 50px;
    }
}

@media (max-width: 575px) {
    .cs_slider_heading_1 .cs_slider_navigation.cs_style_1 {
        margin-top: 0;
    }
}

.cs_related_doctor .cs_slider_navigation.cs_style_2 {
    margin-top: 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 50%;
    margin-left: auto;
}

@media (max-width: 991px) {
    .cs_related_doctor .cs_slider_navigation.cs_style_2 {
        margin-top: 30px;
        max-width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.cs_related_doctor .slick-dots {
    position: absolute;
    bottom: -76px;
    margin-top: 0;
    z-index: 6;
    gap: 10px 18px;
    z-index: 3;
}

@media (max-width: 991px) {
    .cs_related_doctor .slick-dots {
        display: none !important;
    }
}

.cs_related_doctor .slick-dots li {
    background-color: var(--primary-blue);
}

.cs_related_doctor .slick-dots li.slick-active {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.cs_related_doctor .slick-list {
    overflow: initial;
}

.cs_related_doctor .slick-list .slick-slide {
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_related_doctor .slick-list .slick-slide.slick-current {
    opacity: 1;
}

.cs_department_carousel {
    position: relative;
}

.cs_department_carousel .slick-list {
    overflow: initial;
}

.cs_department_carousel .slick-slide {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_department_carousel .slick-slide.slick-active {
    opacity: 1;
}

.cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_prev,
.cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--background-white);
    width: 70px;
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    opacity: 0;
}

@media (max-width: 991px) {
    .cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_prev,
    .cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_next {
        opacity: 1;
        width: 50px;
        height: 50px;
        padding: 12px;
    }
}

.cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_prev img,
.cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_next img {
    -webkit-filter: initial;
    filter: initial;
}

.cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_prev {
    left: -35px;
}

@media (max-width: 991px) {
    .cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_prev {
        left: -15px;
    }
}

.cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_next {
    right: -35px;
}

@media (max-width: 991px) {
    .cs_department_carousel .cs_slider_navigation.cs_style_1 .cs_slider_next {
        right: -15px;
    }
}

.cs_department_carousel:hover .cs_slider_navigation.cs_style_1 .cs_slider_next,
.cs_department_carousel:hover .cs_slider_navigation.cs_style_1 .cs_slider_prev {
    opacity: 1;
}

/*--------------------------------------------------------------
6. Video Popup
----------------------------------------------------------------*/

.cs_pd_video .cs_video_open,
.cs_sample_img .cs_video_open {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--background-white);
    font-size: 68px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 48px;
}

.cs_pd_video .cs_video_open:hover,
.cs_sample_img .cs_video_open:hover {
    color: rgba(255, 255, 255, 0.7);
}

.cs_video_popup {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100%;
    left: -100%;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.cs_video_popup.active {
    left: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    left: 0;
}

.cs_video_popup_overlay {
    position: absolute;
    left: 0;
    right: 0;
    background: #000;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    opacity: 0;
}

.cs_video_popup.active .cs_video_popup_overlay {
    opacity: 0.8;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.cs_video_popup_content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    text-align: center;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    padding: 15px;
}

.cs_video_popup.active .cs_video_popup_content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.cs_video_popup_content:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.cs_video_popup_container {
    display: inline-block;
    position: relative;
    text-align: left;
    background: var(--background-white);
    max-width: 1380px;
    width: 100%;
    vertical-align: middle;
}

.cs_video_popup_container .embed-responsive {
    width: 100%;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

.embed-responsive-16by9::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.embed-responsive iframe,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.cs_video_popup_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #d90d0d;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cs_video_popup iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.cs_video_popup_close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background: var(--background-white);
    margin-left: -10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cs_video_popup_close:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background: var(--background-white);
    margin-left: -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cs_video_popup_close:hover:before,
.cs_video_popup_close:hover:after {
    background: #000;
}

.cs_video_popup_layer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.cs_video_popup_align {
    overflow: hidden;
}

/*End Video Popup*/

/*--------------------------------------------------------------
7. Header
----------------------------------------------------------------*/

.cs_site_header {
    position: relative;
    z-index: 101;
}

.cs_site-branding {
    display: inline-block;
    max-width: 180px;
}

.cs_site_header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_toolbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 45px;
}

.cs_toolbox .cs_toolbox_btn {
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_toolbox .cs_toolbox_btn:hover {
    color: var(--primary-blue);
}

.cs_site_header.cs_style1 .cs_main_header_in,
.cs_site_header.cs_style1 .cs_top_header_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100px;
    position: relative;
}

.cs_site_header.cs_style1 .cs_main_header_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.cs_site_header.cs_style1.cs_white_color .cs_toolbox {
    color: var(--dark-teal);
}

@media (max-width: 1199px) {
    .cs_site_header.cs_style1.cs_white_color .cs_nav .cs_nav_list {
        color: var(--background-white);
        background-color: var(--dark-teal);
    }
    .cs_site_header.cs_style1.cs_white_color .cs_menu_toggle.cs_toggle_active {
        color: var(--background-white);
    }
}

.cs_site_header.cs_style1.cs_gescout_sticky.cs_white_color .cs_toolbox {
    color: var(--background-white);
}

.cs_site_header.cs_style1.cs_gescout_sticky.cs_white_color .cs_menu_toggle:not(.cs_toggle_active) span {
    color: var(--background-white);
}

.cs_site_header.cs_style1.cs_color_1 .cs_toolbox_btn {
    color: var(--background-white);
}

.cs_site_header.cs_style1.cs_color_1 .cs_menu_toggle {
    color: var(--background-white);
}

.cs_site_header.cs_style1.cs_sticky_active {
    background-color: var(--background-white);
    -webkit-box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);
    box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);
}

.cs_site_header.cs_style1 .cs_action_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cs_site_header.cs_style1 .cs_action_box .cs_action_value {
    margin-left: 15px;
}

.cs_site_header.cs_style1 .cs_action_box>*:not(:last-child) {
    margin-right: 35px;
}

.cs_site_header_full_width .container {
    max-width: 100%;
    padding: 0 100px;
}

.cs_site_header_style1 {
    border-bottom: 1px solid var(--dark-teal);
}

.cs_site_header_style1 .cs_main_header_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cs_site_header_style1 .cs_nav+.cs_header_toolbox.cs_center {
    margin-left: 35px;
}

.cs_site_header_style1 .cs_nav .cs_nav_list>li.current-menu-item>a:before {
    bottom: -4px;
    background-color: var(--background-white);
}

.cs_sidenav {
    position: fixed;
    z-index: 1111;
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
}

.cs_sidenav.active {
    opacity: 1;
    visibility: visible;
}

.cs_sidenav_overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(11, 11, 11, 0.5);
    height: 100%;
    width: 100%;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.cs_sidenav_in {
    position: relative;
    z-index: 2;
    background-color: var(--background-white);
    width: 100%;
    max-width: 620px;
    padding: 60px 80px;
    overflow-y: auto;
    overflow-x: hidden;
}

.cs_sidenav_in hr {
    width: calc(100% + 80px);
}

.cs_sidenav_in .cs_newsletter.cs_style1 .cs_newsletter_title {
    font-size: 28px;
    line-height: 1.35em;
    margin-bottom: 9px;
}

.cs_sidenav_in .cs_social_links a {
    background-color: var(--dark-teal);
    color: var(--background-white);
    height: 30px;
    width: 30px;
    font-size: 14px;
}

.cs_sidenav_in .cs_social_links a:hover {
    background-color: var(--primary-blue);
}

.cs_sidenav_in .cs_close {
    margin-bottom: 52px;
}

.cs_close {
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cs_header_search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_header_search.active {
    opacity: 1;
    visibility: visible;
}

.cs_header_search_in {
    position: relative;
    z-index: 1;
    background-color: var(--background-white);
    padding: 50px 0;
}

.cs_header_search_in .cs_search_form {
    max-width: 100%;
}

.cs_header_search_in .cs_search_form input {
    border-radius: 40px;
    padding: 10px 90px 10px 35px;
    font-size: 20px;
    height: 80px;
}

@media (max-width: 575px) {
    .cs_header_search_in .cs_search_form input {
        padding: 10px 65px 10px 20px;
        font-size: 18px;
        height: 66px;
    }
}

.cs_header_search_in .cs_search_form .cs_search_btn {
    width: 80px;
}

@media (max-width: 575px) {
    .cs_header_search_in .cs_search_form .cs_search_btn {
        width: 60px;
    }
}

.cs_header_search_in .cs_search_form .cs_search_btn svg {
    width: 28px;
    height: 28px;
}

@media (max-width: 575px) {
    .cs_header_search_in .cs_search_form .cs_search_btn svg {
        width: 24px;
        height: 24px;
    }
}

.cs_header_search_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 30px;
}

@media (max-width: 991px) {
    .cs_header_search_box {
        gap: 0 15px;
    }
}

@media screen and (max-width: 1199px) {
    .cs_main_header .container {
        max-width: 100%;
    }
    .cs_site_header.cs_style1 .cs_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

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

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

.cs_gescout_sticky {
    position: fixed !important;
    top: -110px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: var(--background-white);
}

.cs_gescout_sticky .cs_main_header_in {
    height: 90px;
    overflow: visible !important;
}

.cs_gescout_sticky.cs_white_color {
    background-color: var(--dark-teal);
}

.cs_gescout_show {
    top: 0 !important;
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(11, 28, 44, 0.1);
}

.cs_main_header {
    overflow: visible !important;
}

.cs_site_branding {
    display: inline-block;
}

@media screen and (min-width: 1200px) {
    .cs_site_header.cs_style1.cs_white_color .menu-item-has-children ul {
        color: var(--dark-teal);
    }
    .cs_main_header {
        position: relative;
    }
    .cs_main_header .container {
        padding-right: 40px;
        padding-left: 40px;
    }
    .cs_main_header_center,
    .cs_top_header_center {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .cs_site_header.cs_style1 .cs_main_header_center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        width: 100%;
        max-width: calc(100% - 300px);
    }
    .cs_site_header.cs_style1 .cs_main_header_left {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px 124px;
    }
    .cs_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        line-height: 1.6em;
    }
    .cs_nav .cs_nav_list {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: inherit;
    }
    .cs_nav .cs_nav_list>li {
        margin-right: 50px;
        height: inherit;
    }
    .cs_nav .cs_nav_list>li:last-child {
        margin-right: 0;
    }
    .cs_nav .cs_nav_list>li>a {
        padding: 10px 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        height: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cs_nav .cs_nav_list>li>ul {
        left: 0;
        top: calc(100% + 15px);
    }
    .cs_nav .cs_nav_list>li:hover>ul {
        top: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .cs_nav .cs_nav_list>li.menu-item-has-children>a {
        position: relative;
    }
    .cs_nav .cs_nav_list>li.menu-item-has-children>a::after {
        content: "";
        display: inline-block;
        height: 6px;
        width: 6px;
        border: 2px solid currentColor;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-left: 0;
        border-top: 0;
        margin-left: 6px;
        position: relative;
        top: -1px;
        border-radius: 0px 0px 2px 0px;
    }
    .cs_nav .cs_nav_list li:not(.cs_mega_menu) {
        position: relative;
    }
    .cs_nav .cs_nav_list ul {
        width: 260px;
        background-color: var(--background-white);
        position: absolute;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(11, 28, 44, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(11, 28, 44, 0.1);
        padding: 10px 0;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        display: block !important;
        border-radius: 15px;
        border: 1px solid rgba(11, 28, 44, 0.08);
        -webkit-box-shadow: 0px 10px 40px 0px rgba(11, 28, 44, 0.12);
        box-shadow: 0px 10px 40px 0px rgba(11, 28, 44, 0.12);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .cs_nav .cs_nav_list ul li:hover ul {
        top: 0px;
    }
    .cs_nav .cs_nav_list ul li:hover>ul {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .cs_nav .cs_nav_list ul a {
        display: block;
        line-height: inherit;
        padding: 10px 20px;
    }
    .cs_nav .cs_nav_list ul ul {
        top: 15px;
        left: 100%;
    }
    .cs_menu_toggle,
    .cs_munu_dropdown_toggle {
        display: none;
    }
    .cs_nav .cs_nav_list .cs_mega_menu {
        position: relative;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper {
        width: 475px !important;
        left: 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        position: absolute;
        padding: 5px 15px 10px;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper a {
        padding: 7px 10px;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper>li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 10px 0;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper>li>a {
        font-size: 18px;
        font-weight: 600;
        pointer-events: none;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper>li>a:hover {
        background-color: transparent;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper>li ul {
        position: initial;
        border: none;
        padding: 0;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper>li ul a {
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper>li ul a:hover {
        letter-spacing: 1px;
    }
    .cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul {
        opacity: 1;
        visibility: visible;
    }
    .cs_nav .cs_nav_list>li ul:not(.cs_mega_wrapper) .menu-item-has-children>a {
        position: relative;
    }
}

@media screen and (max-width: 1400px) {
    .cs_nav .cs_nav_list .cs_mega_wrapper {
        width: 1116px !important;
    }
    .cs_site-branding {
        max-width: 190px;
    }
    .cs_site_header_full_width .container {
        max-width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .cs_site_header.cs_style1.cs_mobile_toggle_active {
        background-color: var(--background-white);
    }
    .cs_site_header.cs_style1.cs_mobile_toggle_active.cs_white_color {
        background-color: var(--dark-teal);
    }
    .cs_toolbox .cs_sidebar_toggle_btn {
        display: none;
    }
    .cs_site_header.cs_style1 .cs_main_header_right {
        padding-right: 50px;
    }
    .cs_toolbox .cs_toolbox_btn {
        max-width: 26px;
    }
    .cs_nav .cs_nav_list .cs_mega_wrapper {
        width: 100% !important;
    }
    .cs_site_header_full_width .container {
        padding: 0 15px;
    }
    .cs_munu_dropdown_toggle {
        position: absolute;
        height: 40px;
        width: 100%;
        top: 0;
        left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 28px 18px;
        cursor: pointer;
        z-index: 3;
    }
    .cs_munu_dropdown_toggle span {
        display: block;
        position: relative;
        height: 10px;
        width: 10px;
        line-height: 1.2em;
    }
    .cs_munu_dropdown_toggle span:before,
    .cs_munu_dropdown_toggle span:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 2px;
        width: 10px;
        background-color: currentColor;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .cs_munu_dropdown_toggle span:before {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
    }
    .cs_munu_dropdown_toggle.active span:before {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    .menu-item-has-children .menu-item-has-children .cs_munu_dropdown_toggle {
        padding: 20px 18px;
    }
    .cs_site_branding {
        position: relative;
        z-index: 101;
    }
    .cs_nav .cs_nav_list {
        position: fixed;
        width: 100vw;
        left: -100vw;
        background-color: var(--background-white);
        color: var(--dark-teal);
        padding: 10px 0;
        top: 80px;
        overflow: auto;
        height: calc(100vh - 80px);
        line-height: 1.6em;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .cs_nav .cs_nav_list.cs_active {
        left: 0vw;
    }
    .cs_nav .cs_nav_list ul {
        padding-left: 15px;
        display: none;
    }
    .cs_nav .cs_nav_list a {
        display: block;
        padding: 12px 15px;
        line-height: 16px;
    }
    .cs_nav .cs_nav_list>li>a {
        font-size: 18px;
        line-height: 1.4em;
    }
    .cs_nav .menu-item-has-children {
        position: relative;
    }
    /*Mobile Menu Button*/
    .cs_menu_toggle {
        display: inline-block;
        width: 30px;
        height: 27px;
        cursor: pointer;
        position: absolute;
        top: 27px;
        right: 30px;
        color: var(--dark-teal);
    }
    .cs_menu_toggle span,
    .cs_menu_toggle span:before,
    .cs_menu_toggle span:after {
        width: 100%;
        height: 3px;
        background-color: currentColor;
        display: block;
        border-radius: 5px;
    }
    .cs_menu_toggle span {
        margin: 0 auto;
        position: relative;
        top: 12px;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .cs_menu_toggle span:before {
        content: "";
        position: absolute;
        margin-top: -9px;
        -webkit-transition-property: margin, -webkit-transform;
        transition-property: margin, -webkit-transform;
        transition-property: margin, transform;
        transition-property: margin, transform, -webkit-transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s;
    }
    .cs_menu_toggle span:after {
        content: "";
        position: absolute;
        margin-top: 9px;
        -webkit-transition-property: margin, -webkit-transform;
        transition-property: margin, -webkit-transform;
        transition-property: margin, transform;
        transition-property: margin, transform, -webkit-transform;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s;
    }
    .cs_site_header.cs_style1 .cs_menu_toggle {
        top: 50%;
        right: 0px;
        margin-top: -13px;
    }
    .cs_toggle_active span {
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .cs_toggle_active span:before {
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition-delay: 0s, 0.2s;
        transition-delay: 0s, 0.2s;
    }
    .cs_toggle_active span:after {
        margin-top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition-delay: 0s, 0.2s;
        transition-delay: 0s, 0.2s;
    }
    .cs_nav .cs_nav_list a {
        position: relative;
    }
    .cs_site_header.cs_style1 .cs_main_header_in {
        height: 80px;
        overflow: visible !important;
    }
    .cs_site_header .current-menu-item>a:before {
        display: none;
    }
    .cs_site_header.cs_style1 .cs_main_header_center .cs_site_branding {
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cs_site_header.cs_style1 {
        top: 0;
    }
    .cs_has_main_nav {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .cs_site_header .container {
        max-width: 100%;
    }
    .cs_site_header.cs_style1 .cs_action_box>*:not(:last-child) {
        margin-right: 25px;
    }
}

@media screen and (max-width: 575px) {
    .cs_site-branding {
        max-width: 150px;
    }
}

/*Start Demo Menu*/

@media (min-width: 1200px) {
    .cs_nav .cs_nav_list>li>ul.cs_demo_mega {
        width: 1200px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        text-align: center;
        padding: 15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: fixed;
        top: 100px;
    }
    .cs_nav .cs_nav_list>li>ul.cs_demo_mega a {
        padding: 7px;
    }
    .cs_nav .cs_nav_list>li>ul.cs_demo_mega img {
        border-radius: 8px;
        -webkit-box-shadow: 0px 3px 18px 1px rgba(11, 28, 44, 0.1);
        box-shadow: 0px 3px 18px 1px rgba(11, 28, 44, 0.1);
        border: 1px solid rgba(11, 28, 44, 0.06);
    }
    .cs_nav .cs_nav_list>li>ul.cs_demo_mega span {
        display: block;
        margin-top: 6px;
        font-size: 90%;
        margin-bottom: -8px;
    }
    .cs_nav .cs_nav_list>li>ul.cs_demo_mega+ul {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .cs_nav .cs_nav_list>li>ul.cs_demo_mega {
        display: none !important;
    }
}

/*End Demo Menu*/

.cs_site_header.cs_style1.cs_color_2 {
    background-color: var(--background-white);
}

.cs_site_header.cs_style1 .cs_btn.cs_style_1 i {
    display: none;
}

@media (max-width: 420px) {
    .cs_site_header.cs_style1 .cs_btn.cs_style_1 {
        padding: 7px 15px;
        font-size: 14px;
    }
}

@media (max-width: 350px) {
    .cs_site_header.cs_style1 .cs_btn.cs_style_1 {
        display: none;
    }
}

/*--------------------------------------------------------------
8. Footer
----------------------------------------------------------------*/

.cs_newsletter_1_wrap {
    position: relative;
}

.cs_newsletter_1_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 70%;
    background-color: var(--background-white);
}

.cs_newsletter.cs_style_1 {
    border-radius: 20px;
    background: var(--background-white);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 107px 135px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 1400px) {
    .cs_newsletter.cs_style_1 {
        padding: 80px 100px;
    }
}

@media (max-width: 1199px) {
    .cs_newsletter.cs_style_1 {
        padding: 70px;
    }
}

@media (max-width: 575px) {
    .cs_newsletter.cs_style_1 {
        padding: 50px 25px;
    }
    .cs_newsletter.cs_style_1 br {
        display: none;
    }
}

@media (max-width: 991px) {
    .cs_newsletter.cs_style_1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .cs_newsletter.cs_style_1 .cs_newsletter_title br {
        display: none;
    }
}

.cs_newsletter.cs_style_1 .cs_newsletter_title {
    font-size: 42px;
    line-height: 1.23em;
}

.cs_newsletter.cs_style_1 p {
    color: var(--dark-teal);
    margin: 0;
}

.cs_newsletter.cs_style_1 .cs_newsletter_right {
    min-width: 500px;
}

.cs_newsletter.cs_style_1 .cs_newsletter_right p {
    margin-bottom: 12px;
}

@media (max-width: 1400px) {
    .cs_newsletter.cs_style_1 .cs_newsletter_right {
        min-width: 400px;
    }
}

@media (max-width: 575px) {
    .cs_newsletter.cs_style_1 .cs_newsletter_right {
        min-width: 100%;
    }
}

.cs_newsletter.cs_style_1 .cs_newsletter_form,
.cs_newsletter.cs_style_2 .cs_newsletter_form,
.cs_newsletter.cs_style_3 .cs_newsletter_form {
    position: relative;
}

.cs_newsletter.cs_style_1 .cs_btn.cs_style_1,
.cs_newsletter.cs_style_2 .cs_btn.cs_style_1,
.cs_newsletter.cs_style_3 .cs_btn.cs_style_1 {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style_1 .cs_btn.cs_style_1,
    .cs_newsletter.cs_style_2 .cs_btn.cs_style_1,
    .cs_newsletter.cs_style_3 .cs_btn.cs_style_1 {
        right: 5px;
    }
}

.cs_newsletter.cs_style_1 .cs_form_field,
.cs_newsletter.cs_style_2 .cs_form_field,
.cs_newsletter.cs_style_3 .cs_form_field {
    padding-right: 180px;
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style_1 .cs_form_field,
    .cs_newsletter.cs_style_2 .cs_form_field,
    .cs_newsletter.cs_style_3 .cs_form_field {
        padding-right: 165px;
    }
}

@media (max-width: 575px) {
    .cs_newsletter.cs_style_1 .cs_form_field,
    .cs_newsletter.cs_style_2 .cs_form_field,
    .cs_newsletter.cs_style_3 .cs_form_field {
        padding-right: 135px;
        padding-left: 15px;
    }
}

@media (max-width: 350px) {
    .cs_newsletter.cs_style_1 .cs_form_field,
    .cs_newsletter.cs_style_2 .cs_form_field,
    .cs_newsletter.cs_style_3 .cs_form_field {
        padding-right: 120px;
    }
}

@media (max-width: 1700px) {
    .cs_newsletter.cs_style_1 .cs_form_field,
    .cs_newsletter.cs_style_2 .cs_form_field,
    .cs_newsletter.cs_style_3 .cs_form_field {
        border-radius: 30px;
    }
}

@media (max-width: 575px) {
    .cs_newsletter.cs_style_1 .cs_btn.cs_style_1,
    .cs_newsletter.cs_style_2 .cs_btn.cs_style_1,
    .cs_newsletter.cs_style_3 .cs_btn.cs_style_1 {
        padding: 12px 25px;
    }
}

@media (max-width: 350px) {
    .cs_newsletter.cs_style_1 .cs_btn.cs_style_1,
    .cs_newsletter.cs_style_2 .cs_btn.cs_style_1,
    .cs_newsletter.cs_style_3 .cs_btn.cs_style_1 {
        padding: 12px 18px;
    }
}

.cs_newsletter_2_wrap {
    position: relative;
}

.cs_newsletter_2_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 50%;
    background-color: var(--background-white);
}

.cs_newsletter.cs_style_2 {
    border-radius: 20px;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    position: relative;
    z-index: 2;
    margin-top: 240px;
}

@media (max-width: 991px) {
    .cs_newsletter.cs_style_2 {
        margin-top: 0;
    }
}

.cs_newsletter.cs_style_2 .cs_newsletter_img {
    position: absolute;
    bottom: -3px;
    left: -115px;
}

@media (max-width: 1199px) {
    .cs_newsletter.cs_style_2 .cs_newsletter_img {
        left: -140px;
    }
}

@media (max-width: 991px) {
    .cs_newsletter.cs_style_2 .cs_newsletter_img {
        display: none;
    }
}

.cs_newsletter.cs_style_2 .cs_newsletter_in {
    padding: 87px 80px 100px 500px;
}

@media (max-width: 1199px) {
    .cs_newsletter.cs_style_2 .cs_newsletter_in {
        padding: 87px 30px 100px 420px;
    }
}

@media (max-width: 991px) {
    .cs_newsletter.cs_style_2 .cs_newsletter_in {
        padding: 75px 50px 80px 50px;
    }
}

@media (max-width: 575px) {
    .cs_newsletter.cs_style_2 .cs_newsletter_in {
        padding: 55px 25px 60px 25px;
    }
}

.cs_newsletter.cs_style_2 .cs_newsletter_form {
    max-width: 560px;
}

.cs_newsletter.cs_style_2 .cs_newsletter_title {
    margin-bottom: 50px;
}

@media (max-width: 575px) {
    .cs_newsletter.cs_style_2 .cs_newsletter_title {
        margin-bottom: 30px;
    }
}

.cs_newsletter.cs_style_2 .cs_newsletter_subtitle {
    margin-bottom: 13px;
}

.cs_newsletter.cs_style_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid var(--background-white);
}

@media (max-width: 991px) {
    .cs_newsletter.cs_style_3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 35px;
    }
}

@media (max-width: 380px) {
    .cs_newsletter.cs_style_3 br {
        display: none;
    }
}

.cs_newsletter.cs_style_3 .cs_newsletter_right {
    max-width: 500px;
    width: 100%;
}

.cs_newsletter.cs_style_3 .cs_form_field {
    border-color: rgba(255, 255, 255, 0.5);
    color: var(--background-white);
}

.cs_newsletter.cs_style_3 .cs_form_field:focus {
    border-color: rgba(255, 255, 255, 0.8);
}

.cs_newsletter.cs_style_3 .cs_form_field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_newsletter.cs_style_3 .cs_form_field::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_newsletter.cs_style_3 .cs_form_field:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_newsletter.cs_style_3 .cs_form_field::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_newsletter.cs_style_3 .cs_form_field::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_newsletter.cs_style_3 .cs_form_field::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cs_newsletter.cs_style_3 .cs_btn.cs_style_1 {
    color: var(--primary-blue);
}

.cs_newsletter.cs_style_3 .cs_btn.cs_style_1:before {
    background: var(--background-white);
}

.cs_newsletter.cs_style_3 .cs_btn.cs_style_1:after {
    background: var(--background-white);
}

.cs_newsletter.cs_style_3 .cs_btn.cs_style_1 img {
    -webkit-filter: initial;
    filter: initial;
}

.cs_newsletter.cs_style_3 .cs_newsletter_title {
    font-size: 42px;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .cs_newsletter.cs_style_3 .cs_newsletter_title {
        font-size: 36px;
    }
}

.cs_newsletter.cs_style_3 .cs_newsletter_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 35px;
}

@media (max-width: 1400px) {
    .cs_newsletter.cs_style_3 .cs_newsletter_left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }
}

.cs_social_links_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 30px;
}

.cs_social_links_wrap h2 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.cs_social_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.cs_social_links a {
    height: 20px;
    width: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    color: var(--primary-blue);
    font-size: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cs_social_links a:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background-color: var(--background-white);
}

.cs_footer_bottom_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 37px 0;
}

@media (max-width: 575px) {
    .cs_footer_bottom_in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

.cs_copyright,
.cs_footer,
.cs_menu_widget li a,
.cs_footer_desc {
    font-size: 14px;
    font-weight: 400;
}

.cs_footer.cs_style_1 {
    position: relative;
    margin-top: px;
}

@media (max-width: 991px) {
    .cs_footer.cs_style_1 {
        margin-top: 200px;
    }
}

.cs_footer.cs_style_1 .cs_footer_logo_wrap {
    position: absolute;
    height: calc(100% + 200px);
    width: 100%;
    left: 0;
    bottom: 0;
    background-position: top center;
    background-size: cover;
}

@media (max-width: 991px) {
    .cs_footer.cs_style_1 .cs_footer_logo_wrap {
        height: calc(100% + 120px);
    }
}

.cs_footer.cs_style_1 .cs_footer_brand {
    height: 448px;
    width: 426px;
    background-position: 6px 0px;
    position: absolute;
    left: 50%;
    top: -180px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 100% 100%;
}

.cs_footer.cs_style_1 .cs_footer_brand img {
    -webkit-animation: spinAnimaiton 6s linear infinite;
    animation: spinAnimaiton 6s linear infinite;
}

@media (max-width: 991px) {
    .cs_footer.cs_style_1 .cs_footer_brand {
        height: 360px;
        width: 360px;
        top: -140px;
    }
}

.cs_footer.cs_style_1 .cs_footer_brand_text {
    font-size: 36px;
    font-weight: 400;
    color: var(--background-white);
    margin: 5px 0 0;
}

@media (max-width: 991px) {
    .cs_footer.cs_style_1 .cs_footer_brand_text {
        font-size: 32px;
    }
}

.cs_footer.cs_style_1 .cs_text_widget+.cs_contact_widget {
    margin-top: 62px;
}

.cs_footer.cs_style_1 .cs_footer_main {
    margin-top: 30px;
}

.cs_footer_margin_0+.cs_footer.cs_style_1 {
    margin-top: 0;
}

.cs_footer.cs_style_2 .cs_footer_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px 30px;
    padding: 40px 0 50px;
}

@media (max-width: 991px) {
    .cs_footer.cs_style_2 .cs_footer_in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }
}

.cs_footer.cs_style_2 .cs_footer_bottom {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px 0;
}

.cs_footer.cs_style_2 .cs_social_links_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cs_footer.cs_style_2 .cs_contact_widget i {
    background-color: var(--background-white);
}

.cs_footer.cs_style_2 .cs_text_widget img+p {
    margin-top: 50px;
}

.cs_footer.cs_style_2 .cs_text_widget+.cs_contact_widget {
    margin-top: 20px;
}

.cs_footer.cs_style_2 .cs_menu_widget+.cs_social_links_wrap {
    margin-top: 80px;
}

.cs_footer.cs_style_2 .cs_menu_widget a:hover {
    color: var(--background-white);
    opacity: 0.6;
}

.cs_footer_main,
.cs_footer_bottom {
    position: relative;
    z-index: 2;
}

.cs_text_widget {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 500;
}

.cs_text_widget p {
    margin: 0;
}

.cs_footer_logo {
    max-width: 220px;
    height: auto;
    display: block;
    margin-bottom: 25px;
}

.cs_footer_logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

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

.cs_contact_widget li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cs_contact_widget li:not(:last-child) {
    margin-bottom: 13px;
}

.cs_contact_widget i {
    height: 20px;
    width: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    margin-right: 19px;
    margin-top: 5px;
}

.cs_menu_widget li:not(:last-child) {
    margin-bottom: 17px;
}

.cs_footer_item {
    padding: 30px 0;
}

@media (max-width: 575px) {
    .cs_footer_item {
        padding: 20px 0;
    }
}

.cs_footer_spacing_305 {
    width: 100%;
    height: 305px;
}

@-webkit-keyframes spinAnimaiton {
    0% {
        -webkit-transform: rotateX(-20deg) rotateY(0deg);
        transform: rotateX(-20deg) rotateY(0deg);
    }
    75% {
        -webkit-transform: rotateX(-20deg) rotateY(360deg);
        transform: rotateX(-20deg) rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateX(-20deg) rotateY(360deg);
        transform: rotateX(-20deg) rotateY(360deg);
    }
}

@keyframes spinAnimaiton {
    0% {
        -webkit-transform: rotateX(-20deg) rotateY(0deg);
        transform: rotateX(-20deg) rotateY(0deg);
    }
    75% {
        -webkit-transform: rotateX(-20deg) rotateY(360deg);
        transform: rotateX(-20deg) rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateX(-20deg) rotateY(360deg);
        transform: rotateX(-20deg) rotateY(360deg);
    }
}

.cs_footer.cs_style_2.cs_type_1 .cs_footer_bottom {
    border: none;
    padding: 16px 0;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
}

.cs_footer.cs_style_2.cs_type_1 .cs_copyright {
    color: var(--dark-teal);
}

/*--------------------------------------------------------------
9. Sidebar
----------------------------------------------------------------*/

.cs_sidebar {
    padding-left: 100px;
}

@media (max-width: 1700px) {
    .cs_sidebar {
        padding-left: 40px;
    }
}

@media (max-width: 1400px) {
    .cs_sidebar {
        padding-left: 0px;
    }
}

@media (max-width: 1199px) {
    .cs_sidebar .cs_btn.cs_style_1 {
        padding: 12px 30px;
    }
}

@media (max-width: 991px) {
    .cs_sidebar {
        padding-top: 80px;
    }
}

.cs_sidebar_item {
    border-radius: 6px;
    background-color: var(--background-white);
    -webkit-box-shadow: 0px 6px 31px 0px rgba(11, 28, 44, 0.06);
    box-shadow: 0px 6px 31px 0px rgba(11, 28, 44, 0.06);
    padding: 50px;
}

@media (max-width: 1700px) {
    .cs_sidebar_item {
        padding: 40px 35px;
    }
}

@media (max-width: 1400px) {
    .cs_sidebar_item {
        padding: 40px 25px;
    }
}

.cs_sidebar_item:not(:last-child) {
    margin-bottom: 70px;
}

@media (max-width: 1700px) {
    .cs_sidebar_item:not(:last-child) {
        margin-bottom: 40px;
    }
}

.widget_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 1.5em;
    color: var(--primary-blue);
    font-weight: 500;
}

@media (max-width: 1700px) {
    .widget_categories ul {
        font-size: 18px;
    }
}

.widget_categories ul li {
    position: relative;
    padding-left: 45px;
}

.widget_categories ul li:not(:last-child) {
    margin-bottom: 32px;
}

@media (max-width: 1700px) {
    .widget_categories ul li:not(:last-child) {
        margin-bottom: 22px;
    }
}

.widget_categories ul li::before {
    content: "";
    height: 27px;
    width: 26px;
    display: inline-block;
    background-image: url(../img/icons/category.svg);
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    top: 2px;
}

.cs_sidebar_widget_title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 30px;
}

@media (max-width: 1700px) {
    .cs_sidebar_widget_title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

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

.cs_popular_posts>li:not(:last-child) {
    margin-bottom: 40px;
}

@media (max-width: 1700px) {
    .cs_popular_posts>li:not(:last-child) {
        margin-bottom: 30px;
    }
}

.cs_popular_post_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
    color: var(--primary-blue);
    margin-bottom: 15px;
}

@media (max-width: 1700px) {
    .cs_popular_post_title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.cs_popular_post_title a:hover {
    text-decoration: underline;
}

.cs_popular_post_meta {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cs_popular_post_meta li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cs_popular_post_meta li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.cs_popular_post_meta li.cs_posted_author a {
    color: var(--dark-teal);
}

.cs_popular_post_meta li.cs_posted_author a:hover {
    color: var(--primary-blue);
}

.cs_popular_post_meta li.cs_posted_author::before {
    content: "\f2bd";
}

.cs_popular_post_meta li.cs_posted_by::before {
    content: "\f017";
}

/*--------------------------------------------------------------
10. Isotope
----------------------------------------------------------------*/

.cs_isotop {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_isotop.cs_has_gutter_24 {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -24px;
}

.cs_isotop.cs_has_gutter_24 .cs_isotop_item {
    padding: 0 12px;
    margin-bottom: 24px;
}

.cs_isotop.cs_has_gutter_24_67 {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -67px;
}

.cs_isotop.cs_has_gutter_24_67 .cs_isotop_item {
    padding: 0 12px;
    margin-bottom: 67px;
}

.cs_isotop.cs_has_gutter_80 {
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: -80px;
}

.cs_isotop.cs_has_gutter_80 .cs_isotop_item {
    padding: 0 40px;
    margin-bottom: 80px;
}

.cs_isotop.cs_has_gutter_40 {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
}

.cs_isotop.cs_has_gutter_40 .cs_isotop_item {
    padding: 0 20px;
    margin-bottom: 30px;
}

.cs_isotop.cs_has_gutter_100 {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: -40px;
}

.cs_isotop.cs_has_gutter_100 .cs_isotop_item {
    padding: 0 50px;
    margin-bottom: 40px;
}

.cs_isotop_col_6 .cs_grid_sizer,
.cs_isotop_col_6 .cs_isotop_item {
    width: 16.666667%;
}

.cs_isotop_col_5 .cs_grid_sizer,
.cs_isotop_col_5 .cs_isotop_item {
    width: 20%;
}

.cs_isotop_col_4 .cs_grid_sizer,
.cs_isotop_col_4 .cs_isotop_item {
    width: 25%;
}

.cs_isotop_col_3 .cs_grid_sizer,
.cs_isotop_col_3 .cs_isotop_item {
    width: 33.333333%;
}

.cs_isotop_col_2 .cs_grid_sizer,
.cs_isotop_col_2 .cs_isotop_item {
    width: 50%;
}

.cs_isotop_col_1 .cs_grid_sizer,
.cs_isotop_col_1 .cs_isotop_item {
    width: 100%;
}

.cs_isotop_item {
    display: flex;
    flex-direction: column;
}

.cs_grid_sizer {
    width: 25%;
}

.cs_isotop_col_5 .cs_w20,
.cs_isotop_col_4 .cs_w20,
.cs_isotop_col_3 .cs_w20,
.cs_isotop_col_2 .cs_w20,
.cs_isotop_col_1 .cs_w20 {
    width: 20%;
}

.cs_isotop_col_5 .cs_w25,
.cs_isotop_col_4 .cs_w25,
.cs_isotop_col_3 .cs_w25,
.cs_isotop_col_2 .cs_w25,
.cs_isotop_col_1 .cs_w25 {
    width: 25%;
}

.cs_isotop_col_5 .cs_w33,
.cs_isotop_col_4 .cs_w33,
.cs_isotop_col_3 .cs_w33,
.cs_isotop_col_2 .cs_w33,
.cs_isotop_col_1 .cs_w33 {
    width: 33.333333%;
}

.cs_isotop_col_5 .cs_w50,
.cs_isotop_col_4 .cs_w50,
.cs_isotop_col_3 .cs_w50,
.cs_isotop_col_2 .cs_w50,
.cs_isotop_col_1 .cs_w50 {
    width: 50%;
}

.cs_isotop_col_5 .cs_w66,
.cs_isotop_col_4 .cs_w66,
.cs_isotop_col_3 .cs_w66,
.cs_isotop_col_2 .cs_w66,
.cs_isotop_col_1 .cs_w66 {
    width: 66.666666%;
}

.cs_isotop_col_5 .cs_w100,
.cs_isotop_col_4 .cs_w100,
.cs_isotop_col_3 .cs_w100,
.cs_isotop_col_2 .cs_w100,
.cs_isotop_col_1 .cs_w100 {
    width: 100%;
}

.cs_isotop_filter.cs_style1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 80px;
}

@media (max-width: 1700px) {
    .cs_isotop_filter.cs_style1 {
        gap: 20px 30px;
    }
}

@media (max-width: 991px) {
    .cs_isotop_filter.cs_style1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.cs_isotop_filter.cs_style1 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 36px;
}

@media (max-width: 1700px) {
    .cs_isotop_filter.cs_style1 ul {
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .cs_isotop_filter.cs_style1 ul {
        gap: 15px;
    }
}

.cs_isotop_filter.cs_style1 ul a {
    border: 1px solid var(--primary-blue);
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
    color: var(--dark-teal);
    padding: 11px 26px;
}

@media (max-width: 991px) {
    .cs_isotop_filter.cs_style1 ul a {
        padding: 7px 20px;
    }
}

.cs_isotop_filter.cs_style1 ul a:hover {
    background-color: rgba(11, 28, 44, 0.15);
    color: var(--primary-blue);
}

.cs_isotop_filter.cs_style1 ul .active a {
    color: var(--background-white);
    background-color: var(--primary-blue);
}

.cs_view_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.cs_view_box_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.cs_view_box_in button {
    padding: 0;
    border: none;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.5;
}

.cs_view_box_in button:hover {
    opacity: 1;
}

.cs_view_box_in button.active {
    opacity: 1;
    color: var(--primary-blue);
}

.cs_doctors_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
    .cs_isotop.cs_has_gutter_100 .cs_isotop_item {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .cs_isotop.cs_has_gutter_100 {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -30px;
    }
    .cs_isotop.cs_has_gutter_80 {
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: -25px;
    }
    .cs_isotop.cs_has_gutter_80 .cs_isotop_item {
        padding: 0 12px;
        margin-bottom: 25px;
    }
    .cs_isotop_col_4 .cs_grid_sizer,
    .cs_isotop_col_4 .cs_isotop_item {
        width: 33.333333%;
    }
}

@media screen and (max-width: 991px) {
    .cs_isotop_col_4 .cs_grid_sizer,
    .cs_isotop_col_4 .cs_isotop_item {
        width: 50%;
    }
    .cs_isotop_col_4 .cs_w50 {
        width: 100%;
    }
    .cs_isotop_col_3 .cs_grid_sizer,
    .cs_isotop_col_3 .cs_isotop_item {
        width: 50%;
    }
    .cs_isotop_col_2 .cs_grid_sizer,
    .cs_isotop_col_2 .cs_isotop_item {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .cs_isotop_col_5 .cs_w50,
    .cs_isotop_col_4 .cs_w50,
    .cs_isotop_col_3 .cs_w50,
    .cs_isotop_col_2 .cs_w50,
    .cs_isotop_col_1 .cs_w50,
    .cs_isotop_col_5 .cs_w66,
    .cs_isotop_col_4 .cs_w66,
    .cs_isotop_col_3 .cs_w66,
    .cs_isotop_col_2 .cs_w66,
    .cs_isotop_col_1 .cs_w66 {
        width: 100%;
    }
    .cs_isotop_col_5 .cs_grid_sizer,
    .cs_isotop_col_5 .cs_isotop_item {
        width: 100%;
    }
    .cs_isotop_col_4 .cs_grid_sizer,
    .cs_isotop_col_4 .cs_isotop_item {
        width: 100%;
    }
    .cs_isotop_col_3 .cs_grid_sizer,
    .cs_isotop_col_3 .cs_isotop_item {
        width: 100%;
    }
    .cs_isotop_col_2 .cs_grid_sizer,
    .cs_isotop_col_2 .cs_isotop_item {
        width: 100%;
    }
}

/*--------------------------------------------------------------
11. Hero
----------------------------------------------------------------*/

.cs_hero.cs_style_1 {
    height: 1200px;
    padding-bottom: 110px;
    position: relative;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_1 {
        height: 1075px;
    }
}

@media (max-width: 1480px) {
    .cs_hero.cs_style_1 {
        height: 1115px;
    }
}

@media (max-width: 1380px) {
    .cs_hero.cs_style_1 {
        height: 980px;
    }
}

@media (max-width: 1300px) {
    .cs_hero.cs_style_1 {
        height: 1010px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_1 {
        height: initial;
    }
}

.cs_hero.cs_style_1 .cs_hero_text {
    position: relative;
    z-index: 1;
}

.cs_hero.cs_style_1 .cs_hero_wrap {
    height: 100%;
    width: 100%;
    padding-top: 248px;
    position: relative;
}

@media (max-width: 1300px) {
    .cs_hero.cs_style_1 .cs_hero_wrap {
        padding-top: 220px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_wrap {
        padding-top: 150px;
    }
}

.cs_hero.cs_style_1 .cs_hero_wrap>.container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cs_hero.cs_style_1 .cs_hero_title {
    margin-bottom: 29px;
    max-width: 900px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_1 .cs_hero_title {
        max-width: 710px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_title {
        max-width: 580px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_title {
        margin-bottom: 20px;
    }
}

.cs_hero.cs_style_1 .cs_hero_subtitle {
    max-width: 700px;
    margin-bottom: 110px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_1 .cs_hero_subtitle {
        max-width: 600px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_subtitle {
        max-width: 580px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_1 .cs_hero_subtitle {
        margin-bottom: 35px;
    }
}

.cs_hero.cs_style_1 .cs_hero_info_wrap {
    padding: 70px 140px;
    margin-bottom: -110px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_1 .cs_hero_info_wrap {
        padding: 70px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_info_wrap {
        padding: 70px 25px;
        gap: 24px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_1 .cs_hero_info_wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .cs_hero.cs_style_1 .cs_hero_info_wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 575px) {
    .cs_hero.cs_style_1 .cs_hero_info_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 40px 25px;
    }
}

.cs_hero.cs_style_1 .cs_hero_info_title {
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 4px;
}

.cs_hero.cs_style_1 .cs_hero_info_subtitle {
    line-height: 1.3em;
    margin: 0;
}

.cs_hero.cs_style_1 .cs_hero_info_icon {
    height: 70px;
    width: 70px;
    padding: 18px;
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_info_icon {
        height: 60px;
        width: 60px;
        padding: 15px;
    }
}

.cs_hero.cs_style_1 .cs_hero_info_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.cs_hero.cs_style_1 .cs_hero_info {
    gap: 24px;
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_info {
        gap: 15px;
    }
}

.cs_hero.cs_style_1 .cs_hero_img {
    position: absolute;
    bottom: -10px;
    right: 6%;
    max-height: 86%;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        right: 4%;
        max-height: 84%;
    }
}

@media (max-width: 1480px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        right: 1%;
    }
}

@media (max-width: 1300px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        max-height: 82%;
        right: 0;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        max-height: 72%;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        max-height: 100%;
        position: initial;
        margin-bottom: -100px;
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        margin-bottom: -55px;
    }
}

.cs_hero.cs_style_1 .cs_hero_patents {
    position: absolute;
    left: 39.3%;
    top: 58.5%;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_1 .cs_hero_patents {
        left: 33%;
    }
}

.cs_hero.cs_style_2 {
    height: 100vh;
    min-height: 750px;
    max-height: 1080px;
    padding: 218px 0 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_2 {
        padding: 190px 0 0;
    }
}

@media (max-width: 1380px) {
    .cs_hero.cs_style_2 {
        padding-top: 170px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_2 {
        min-height: initial;
        height: initial;
        max-height: initial;
        padding-top: 150px;
    }
}

.cs_hero.cs_style_2 .cs_hero_text {
    position: relative;
    z-index: 2;
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_2 .cs_hero_text {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .cs_hero.cs_style_2 .cs_hero_text {
        margin-bottom: 40px;
    }
}

.cs_hero.cs_style_2 .container:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

.cs_hero.cs_style_2 .cs_hero_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 50px;
}

@media (max-width: 1380px) {
    .cs_hero.cs_style_2 .cs_hero_bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px 0;
    }
}

.cs_hero.cs_style_2 .cs_hero_bottom_left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 350px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_2 .cs_hero_bottom_left {
        width: 280px;
    }
}

.cs_hero.cs_style_2 .cs_hero_title {
    max-width: 900px;
    margin-bottom: 82px;
}

@media (max-width: 1380px) {
    .cs_hero.cs_style_2 .cs_hero_title {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .cs_hero.cs_style_2 .cs_hero_title {
        margin-bottom: 20px;
    }
}

.cs_hero.cs_style_2 .cs_hero_text_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 75px;
}

@media (max-width: 767px) {
    .cs_hero.cs_style_2 .cs_hero_text_in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.cs_hero.cs_style_2 .cs_hero_subtitle {
    margin: 0;
    max-width: 500px;
}

.cs_hero.cs_style_2 .cs_hero_patents {
    position: absolute;
    top: -75px;
    right: 0;
    -webkit-animation: anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (max-width: 1380px) {
    .cs_hero.cs_style_2 .cs_hero_patents {
        top: -40px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_2 .cs_hero_patents {
        display: none;
    }
}

.cs_hero.cs_style_2 .cs_hero_funfact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1210px;
    margin-left: auto;
    position: relative;
    gap: 0 97px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 57px 0 73px 73px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_2 .cs_hero_funfact {
        gap: 0 30px;
        padding: 40px 0 50px 60px;
    }
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_2 .cs_hero_funfact {
        padding: 30px 0 50px 40px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_2 .cs_hero_funfact {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px 0px;
        padding: 30px 0 35px 30px;
    }
}

@media (max-width: 575px) {
    .cs_hero.cs_style_2 .cs_hero_funfact {
        padding-left: 0;
    }
}

.cs_hero.cs_style_2 .cs_hero_funfact::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100vw;
    left: 0;
    top: 0;
    border-radius: 25px 0px 0px 0px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(21.5px);
    backdrop-filter: blur(21.5px);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4);
}

.cs_hero.cs_style_2 .cs_hero_funfact h3 {
    margin-bottom: 8px;
}

.cs_hero.cs_style_2 .cs_hero_funfact .cs_hero_funfact_col {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .cs_hero.cs_style_2 .cs_hero_funfact .cs_hero_funfact_col {
        width: 50%;
        padding: 0 10px;
    }
}

@media (max-width: 450px) {
    .cs_hero.cs_style_2 .cs_hero_funfact .cs_hero_funfact_col h3 {
        font-size: 36px;
    }
}

.cs_hero.cs_style_2 .cs_text_btn_2:hover {
    color: var(--background-white);
}

.cs_hero.cs_style_2.cs_type_1 {
    background: linear-gradient(135deg, #0b1c2c, #245c91);
}

.cs_hero.cs_style_2.cs_type_1 .cs_hero_funfact {
    background-color: rgba(11, 28, 44, 0.9);
    width: 100%;
    padding: 57px 60px 73px 60px;
    gap: 0 30px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 0;
    border-radius: 25px 25px 0px 0px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_funfact {
        padding: 40px 50px 50px 50px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_funfact {
        padding: 30px 30px 35px 30px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_funfact {
        padding: 30px 0px 35px 0px;
        gap: 30px 0px;
    }
}

.cs_hero.cs_style_2.cs_type_1 .cs_hero_funfact:before {
    display: none;
}

.cs_hero.cs_style_2.cs_type_1 .cs_hero_text {
    padding-left: 50%;
}

@media (max-width: 1400px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_text {
        padding-left: 42%;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_text {
        padding-left: 0%;
    }
}

@media (max-width: 420px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_text .cd-headline {
        display: block;
    }
}

.cs_hero.cs_style_2.cs_type_1 .cs_hero_img {
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0;
    text-align: center;
    padding-top: 8%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1400px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_img {
        width: 42%;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_2.cs_type_1 .cs_hero_img {
        width: 100%;
        position: initial;
        max-width: 600px;
        padding-top: 0;
    }
}

.cs_hero.cs_style_2.cs_type_1 .cs_hero_img img {
    max-height: 100%;
}

.cs_hero.cs_style_2.cs_type_1 .cs_hero_btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.cs_hero.cs_style_3 {
    height: calc(100vh + 235px);
    max-height: 1350px;
    min-height: 1050px;
    position: relative;
    padding-top: 240px;
    overflow: hidden;
}

@media (max-width: 1380px) {
    .cs_hero.cs_style_3 {
        padding-top: 200px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3 {
        padding-top: 160px;
        padding-bottom: 400px;
        min-height: calc(100vh + 210px);
        max-height: initial;
        height: initial;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 575px) {
    .cs_hero.cs_style_3 {
        padding-top: 140px;
        min-height: initial;
        max-height: initial;
        height: initial;
    }
    .cs_hero.cs_style_3 .cs_fs_20 {
        font-size: 16px;
    }
}

.cs_hero.cs_style_3 .cs_hero_bg {
    position: absolute;
    height: calc(100% - 235px);
    width: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3 .cs_hero_bg {
        height: calc(100% - 210px);
    }
}

.cs_hero.cs_style_3>.container {
    position: relative;
    z-index: 2;
}

.cs_hero.cs_style_3 .cs_hero_title {
    max-width: 1000px;
    margin-bottom: 52px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_3 .cs_hero_title {
        max-width: 750px;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_3 .cs_hero_title {
        max-width: 550px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3 .cs_hero_title {
        margin-bottom: 20px;
    }
}

.cs_hero.cs_style_3 .cs_hero_subtitle {
    max-width: 540px;
}

.cs_hero.cs_style_3 .cs_hero_img_1 {
    position: absolute;
    top: 150px;
    right: 90px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_3 .cs_hero_img_1 {
        top: 170px;
        right: 70px;
        max-width: 880px;
    }
}

@media (max-width: 1400px) {
    .cs_hero.cs_style_3 .cs_hero_img_1 {
        right: 15px;
        margin-left: 15px;
        max-width: 800px;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3 .cs_hero_img_1 {
        display: none;
    }
}

.cs_hero.cs_style_3 .cs_hero_img_2 {
    position: absolute;
    right: 5%;
    top: 69%;
    -webkit-animation: animo-x 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: animo-x 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_3 .cs_hero_img_2 {
        top: 66%;
    }
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3 .cs_hero_img_2 {
        display: none;
    }
}

.cs_hero.cs_style_3 .cs_hero_img_3 {
    position: absolute;
    right: 38%;
    top: 40%;
    -webkit-animation: anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_3 .cs_hero_img_3 {
        right: 30%;
    }
}

@media (max-width: 1400px) {
    .cs_hero.cs_style_3 .cs_hero_img_3 {
        top: 50%;
    }
}

@media (max-width: 1380px) {
    .cs_hero.cs_style_3 .cs_hero_img_3 {
        top: 60%;
        right: 34%;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_3 .cs_hero_img_3 {
        display: none;
    }
}

.cs_hero.cs_style_3 .cs_hero_img_4 {
    position: absolute;
    right: 7%;
    top: 24%;
    -webkit-animation: zoom-anim 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: zoom-anim 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3 .cs_hero_img_4 {
        display: none;
    }
}

.cs_hero.cs_style_3 .cs_hero_card {
    display: inline-block;
    border-radius: 20px;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    padding: 30px 40px;
    position: relative;
    bottom: -100px;
    z-index: 2;
}

@media (max-width: 575px) {
    .cs_hero.cs_style_3 .cs_hero_card {
        width: 100%;
        padding: 30px 15px;
    }
}

@media (max-width: 380px) {
    .cs_hero.cs_style_3 .cs_hero_card .cs_fs_24 {
        font-size: 18px;
    }
    .cs_hero.cs_style_3 .cs_hero_card .cs_hero_shedule_list li {
        gap: 8px;
    }
}

.cs_hero.cs_style_3 .cs_hero_card_media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 23px;
}

.cs_hero.cs_style_3 .cs_hero_card_media img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    width: 63px;
    height: 63px;
    margin-right: 12px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 380px) {
    .cs_hero.cs_style_3 .cs_hero_card_media img {
        width: 50px;
        height: 50px;
    }
}

.cs_hero.cs_style_3 .cs_hero_shedule_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cs_hero.cs_style_3 .cs_hero_shedule_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.cs_hero.cs_style_3 .cs_hero_shedule_list li:not(:last-child) {
    margin-bottom: 3px;
}

.cs_hero.cs_style_3 .cs_hero_shedule_list strong {
    font-weight: 600;
}

.cs_hero.cs_style_3.cs_type_1 {
    height: 100vh;
    min-height: initial;
    max-height: 1050px;
}

@media (max-width: 991px) {
    .cs_hero.cs_style_3.cs_type_1 {
        padding: 150px 0 110px;
    }
}

.cs_hero.cs_style_3.cs_type_1 .cs_hero_bg {
    height: 100%;
}

.cs_hero.cs_style_3.cs_type_1 .cs_hero_bg::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, right top, from(var(--dark-teal)), to(rgba(11, 28, 44, 0)));
    background: linear-gradient(135deg, #0b1c2c, #245c91);
}

.cs_hero.cs_style_4 {
    min-height: 750px;
    position: relative;
    padding: 210px 0 0;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_4 {
        padding: 190px 0 0;
    }
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_4 {
        padding: 150px 0 0;
    }
}

.cs_hero.cs_style_4 .cs_hero_text {
    max-width: 920px;
    position: relative;
    z-index: 2;
}

.cs_hero.cs_style_4 .cs_hero_title {
    margin-bottom: 40px;
}

@media (max-width: 1199px) {
    .cs_hero.cs_style_4 .cs_hero_title {
        margin-bottom: 20px;
    }
}

.cs_hero.cs_style_4 .cs_hero_subtitle {
    max-width: 700px;
    margin-bottom: 110px;
}

@media (max-width: 1700px) {
    .cs_hero.cs_style_4 .cs_hero_subtitle {
        margin-bottom: 60px;
    }
}

.cs_hero.cs_style_4 .cs_hero_img_1 {
    position: absolute;
    left: 53%;
    top: 50%;
    -webkit-animation: anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (max-width: 991px) {
    .cs_hero.cs_style_4 .cs_hero_img_1 {
        display: none;
    }
}

.cs_hero.cs_style_4 .cs_hero_img_2 {
    position: absolute;
    right: 3%;
    bottom: 0%;
    -webkit-animation: animo-x 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: animo-x 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (max-width: 991px) {
    .cs_hero.cs_style_4 .cs_hero_img_2 {
        display: none;
    }
}

.cs_hero.cs_style_4 .cs_hero_img_3 {
    position: absolute;
    right: 8%;
    top: 22%;
    -webkit-animation: zoom-anim 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: zoom-anim 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@media (max-width: 991px) {
    .cs_hero.cs_style_4 .cs_hero_img_3 {
        display: none;
    }
}

/*--------------------------------------------------------------
12. Iconbox
----------------------------------------------------------------*/

.cs_iconbox.cs_style_1 {
    padding: 25px 30px 40px 30px;
    height: 100%;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_1 {
        padding: 25px 20px 30px 20px;
    }
}

@media (max-width: 1280px) {
    .cs_iconbox.cs_style_1 {
        padding: 25px 25px 30px 25px;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_1 .cs_fs_20 {
        font-size: 20px;
    }
}

@media (max-width: 340px) {
    .cs_iconbox.cs_style_1 .cs_fs_20 {
        font-size: 18px;
    }
}

.cs_iconbox.cs_style_1 .cs_iconbox_icon {
    height: 120px;
    width: 120px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 25px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_1 .cs_iconbox_icon {
        height: 90px;
        width: 90px;
        padding: 15px;
    }
}

.cs_iconbox.cs_style_1 .cs_iconbox_icon img {
    max-height: 100%;
}

.cs_iconbox.cs_style_1 .cs_iconbox_icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    z-index: 2;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.13)));
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.13));
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1;
}

.cs_iconbox.cs_style_1:hover .cs_iconbox_icon:before {
    -webkit-animation: shine 1.3s;
    animation: shine 1.3s;
}

.cs_iconbox.cs_style_1 .cs_iconbox_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    margin-bottom: 43px;
    max-width: 340px;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_1 .cs_iconbox_top {
        gap: 15px;
        margin-bottom: 30px;
    }
    .cs_iconbox.cs_style_1 .cs_iconbox_top .cs_iconbox_title {
        line-height: 1.4em;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_1 .cs_iconbox_top {
        margin-bottom: 20px;
    }
}

.cs_iconbox.cs_style_1 .cs_iconbox_text {
    padding-left: 14px;
    margin: 0;
}

@media (max-width: 1199px) {
    .cs_iconbox.cs_style_1 .cs_iconbox_text {
        padding-left: 0;
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.cs_iconbox.cs_style_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 250px;
    gap: 60px;
    border-radius: 20px;
    border: 1px solid var(--primary-blue);
    padding: 40px 70px;
    margin-bottom: 60px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_2 {
        min-height: 220px;
        gap: 30px;
        padding: 40px;
        margin-bottom: 50px;
    }
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_2 {
        min-height: 200px;
        margin-bottom: 25px;
    }
}

@media (max-width: 450px) {
    .cs_iconbox.cs_style_2 {
        min-height: 150px;
        gap: 25px;
        padding: 35px;
    }
}

.cs_iconbox.cs_style_2 .cs_iconbox_title {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_iconbox.cs_style_2 img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: var(--primary-blue);
}

@media (max-width: 350px) {
    .cs_iconbox.cs_style_2 img {
        max-width: 65px;
    }
}

.cs_iconbox.cs_style_2 .cs_iconbox_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.cs_iconbox.cs_style_2:hover {
    background-color: var(--primary-blue);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
}

.cs_iconbox.cs_style_2:hover .cs_iconbox_title {
    color: var(--background-white);
}

.cs_iconbox.cs_style_2:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.cs_iconbox.cs_style_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_3 {
        gap: 0 20px;
    }
}

@media (max-width: 420px) {
    .cs_iconbox.cs_style_3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cs_iconbox.cs_style_3::before {
    content: "";
    position: absolute;
    width: 9px;
    height: calc(100% + 50px);
    background-color: var(--primary-blue);
    left: 50%;
    margin-left: -4px;
    margin-top: -25px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_3::before {
        display: none;
    }
}

.cs_iconbox.cs_style_3 .cs_iconbox_left,
.cs_iconbox.cs_style_3 .cs_iconbox_right {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_left,
    .cs_iconbox.cs_style_3 .cs_iconbox_right {
        width: initial;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
}

.cs_iconbox.cs_style_3 .cs_iconbox_left {
    padding-right: 120px;
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_left {
        padding-right: 0;
        padding-top: 10px;
    }
}

.cs_iconbox.cs_style_3 .cs_iconbox_right {
    padding-left: 200px;
    position: relative;
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_right br {
        display: none;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_right {
        padding-left: 0;
    }
}

.cs_iconbox.cs_style_3 .cs_iconbox_number {
    font-size: 72px;
    color: rgba(11, 28, 44, 0.08);
    line-height: 1.14;
    position: absolute;
    left: 84px;
    top: -20px;
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_number {
        position: initial;
        font-size: 56px;
        margin-bottom: 10px;
    }
}

@media (max-width: 420px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_number {
        display: none;
    }
}

.cs_iconbox.cs_style_3 .cs_iconbox_icon {
    height: 136px;
    width: 136px;
    background: rgba(11, 28, 44, 0.17);
    margin-left: auto;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 25px;
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_icon {
        height: 100px;
        width: 100px;
    }
}

@media (max-width: 420px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_icon {
        height: 80px;
        width: 80px;
        margin-left: initial;
        padding: 20px;
        margin-bottom: 20px;
    }
}

.cs_iconbox.cs_style_3 .cs_iconbox_title {
    margin-bottom: 20px;
}

@media (max-width: 420px) {
    .cs_iconbox.cs_style_3 .cs_iconbox_title {
        margin-bottom: 10px;
    }
}

.cs_iconbox.cs_style_3:hover::before {
    opacity: 1;
}

.cs_iconbox.cs_style_3:hover .cs_iconbox_icon {
    background-color: var(--primary-blue);
}

.cs_iconbox_3_wrap {
    position: relative;
}

.cs_iconbox_3_wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: var(--dark-teal);
}

@media (max-width: 991px) {
    .cs_iconbox_3_wrap::before {
        display: none;
    }
}

.cs_iconbox_3_wrap .cs_iconbox.cs_style_3:not(:last-child) {
    margin-bottom: 146px;
}

@media (max-width: 991px) {
    .cs_iconbox_3_wrap .cs_iconbox.cs_style_3:not(:last-child) {
        margin-bottom: 50px;
    }
}

.cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 991px) {
    .cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 420px) {
    .cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) .cs_iconbox_left {
    padding-right: 0px;
    padding-left: 120px;
}

@media (max-width: 991px) {
    .cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) .cs_iconbox_left {
        padding-left: 0;
    }
}

.cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) .cs_iconbox_right {
    padding-right: 200px;
    padding-left: 0;
    text-align: right;
}

@media (max-width: 991px) {
    .cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) .cs_iconbox_right {
        padding-right: 0;
        text-align: left;
    }
}

.cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) .cs_iconbox_icon {
    margin-left: initial;
}

.cs_iconbox_3_wrap .cs_iconbox.cs_style_3:nth-child(even) .cs_iconbox_number {
    left: initial;
    right: 84px;
}

.cs_iconbox.cs_style_4,
.cs_iconbox.cs_style_7 {
    border-radius: 20px;
    background: var(--background-white);
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
}

.cs_iconbox.cs_style_4 .cs_iconbox_btn,
.cs_iconbox.cs_style_7 .cs_iconbox_btn {
    width: 90px;
    height: 70px;
    background-color: rgba(11, 28, 44, 0.5);
    border-radius: 10px 0 20px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_4 .cs_iconbox_btn,
    .cs_iconbox.cs_style_7 .cs_iconbox_btn {
        width: 70px;
        height: 50px;
    }
}

.cs_iconbox.cs_style_4 .cs_iconbox_btn img,
.cs_iconbox.cs_style_7 .cs_iconbox_btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_iconbox.cs_style_4 .cs_iconbox_btn img:last-child,
.cs_iconbox.cs_style_7 .cs_iconbox_btn img:last-child {
    left: -50%;
}

.cs_iconbox.cs_style_4 .cs_iconbox_btn:hover,
.cs_iconbox.cs_style_7 .cs_iconbox_btn:hover {
    background-color: var(--primary-blue);
}

.cs_iconbox.cs_style_4:hover .cs_iconbox_btn img:first-child,
.cs_iconbox.cs_style_7:hover .cs_iconbox_btn img:first-child {
    left: 150%;
}

.cs_iconbox.cs_style_4:hover .cs_iconbox_btn img:last-child,
.cs_iconbox.cs_style_7:hover .cs_iconbox_btn img:last-child {
    left: 50%;
}

.cs_iconbox.cs_style_4 {
    padding: 30px 110px 32px 40px;
    margin-bottom: 20px;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_4 {
        padding: 30px 90px 50px 25px;
    }
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_4 {
        padding: 30px 35px 50px 25px;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_4 {
        padding: 30px 25px 70px 25px;
    }
}

.cs_iconbox.cs_style_4 .cs_iconbox_title {
    margin-bottom: 12px;
    min-height: 83px;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_4 .cs_iconbox_title {
        min-height: initial;
    }
}

@media (min-width: 1701px) {
    .cs_iconbox.cs_style_4 .cs_iconbox_subtitle {
        padding-right: 20%;
    }
}

.cs_iconbox.cs_style_4 .cs_iconbox_icon {
    height: 40px;
    width: 40px;
    margin-bottom: 21px;
}

.cs_iconbox.cs_style_5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    padding: 25px 30px;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_5 {
        padding: 20px;
        gap: 15px;
    }
    .cs_iconbox.cs_style_5 .cs_iconbox_title {
        line-height: 1.3em;
    }
}

.cs_iconbox.cs_style_5 .cs_iconbox_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 120px;
    height: 120px;
    padding: 18px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_5 .cs_iconbox_icon {
        width: 80px;
        height: 80px;
        padding: 20px;
    }
}

.cs_iconbox.cs_style_5 .cs_iconbox_icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    z-index: 2;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.13)));
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.13));
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1;
}

.cs_iconbox.cs_style_5:hover .cs_iconbox_icon:before {
    -webkit-animation: shine 1.3s;
    animation: shine 1.3s;
}

.cs_iconbox.cs_style_6 .cs_iconbox_icon {
    height: 40px;
    width: 40px;
    margin-bottom: 18px;
    padding: 8px;
}

.cs_iconbox.cs_style_6 .cs_iconbox_icon img {
    max-height: 100%;
}

.cs_iconbox.cs_style_6 .cs_iconbox_title {
    margin-bottom: 12px;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_6 br {
        display: none;
    }
}

.cs_iconbox.cs_style_7 {
    padding: 48px 80px 88px 130px;
    margin-bottom: 50px;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_7 {
        padding: 48px 50px 88px 130px;
    }
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_7 {
        padding: 40px 30px 88px 100px;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_7 {
        margin-bottom: 25px;
        padding: 30px 30px 70px 100px;
    }
}

.cs_iconbox.cs_style_7 .cs_iconbox_title {
    margin-bottom: 18px;
}

.cs_iconbox.cs_style_7 .cs_iconbox_icon {
    position: absolute;
    top: 56px;
    left: 34px;
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_7 .cs_iconbox_icon {
        top: 50px;
        left: 25px;
        max-width: 54px;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_7 .cs_iconbox_icon {
        top: 40px;
    }
}

.cs_iconbox.cs_style_7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}

.cs_iconbox.cs_style_7 .cs_iconbox_title,
.cs_iconbox.cs_style_7 .cs_iconbox_subtitle {
    position: relative;
    z-index: 2;
}

.cs_iconbox.cs_style_7:hover::before {
    opacity: 1;
}

.cs_iconbox.cs_style_8 {
    padding: 72px 41px 66px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_8 {
        padding: 55px 26px 50px;
    }
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_8 {
        padding: 30px 15px;
    }
}

.cs_iconbox.cs_style_8 .cs_iconbox_title {
    margin-bottom: 12px;
    color: var(--background-white);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_iconbox.cs_style_8 .cs_iconbox_subtitle {
    color: var(--background-white);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_iconbox.cs_style_8 .cs_iconbox_icon {
    height: 72px;
    width: 72px;
    border: 1px solid var(--primary-blue);
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.cs_iconbox.cs_style_8:hover {
    background-color: var(--background-white);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

.cs_iconbox.cs_style_8:hover .cs_iconbox_title,
.cs_iconbox.cs_style_8:hover .cs_iconbox_subtitle {
    color: var(--dark-teal);
}

.cs_iconbox_8_wrap {
    background: linear-gradient(135deg, #0b1c2c, #245c91);
}

@media (max-width: 1400px) {
    .cs_iconbox_8_wrap {
        padding: 40px 15px;
    }
}

.cs_iconbox.cs_style_9 {
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    padding: 40px 25px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 24px;
    min-height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_9 {
        min-height: 250px;
        padding: 25px 15px;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_9 {
        min-height: 250px;
        padding: 25px 25px;
    }
}

.cs_iconbox.cs_style_9:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.cs_iconbox.cs_style_9 .cs_iconbox_title {
    margin-top: 20px;
}

.cs_iconbox.cs_style_10 {
    padding: 55px 50px;
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    max-width: 370px;
}

.cs_iconbox.cs_style_10:hover {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
}

.cs_iconbox.cs_style_10 .cs_iconbox_title {
    margin-bottom: 20px;
}

.cs_iconbox.cs_style_10 .cs_iconbox_icon {
    height: 111px;
    width: 111px;
    padding: 10px;
    border: 1px solid var(--primary-blue);
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 575px) {
    .cs_iconbox.cs_style_10 {
        padding: 40px 25px;
        max-width: 300px;
    }
}

@media (max-width: 340px) {
    .cs_iconbox.cs_style_10 {
        padding: 40px 20px;
        max-width: 270px;
    }
}

.cs_iconbox.cs_style_11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(11, 28, 44, 0.5);
    padding: 38px 54px;
    gap: 30px;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_11 {
        padding: 30px;
        gap: 20px;
    }
}

@media (max-width: 380px) {
    .cs_iconbox.cs_style_11 {
        padding: 25px 20px;
        gap: 15px;
    }
}

@media (max-width: 330px) {
    .cs_iconbox.cs_style_11 {
        padding: 20px 20px;
        gap: 10px;
    }
}

.cs_iconbox.cs_style_11 .cs_iconbox_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 1700px) {
    .cs_iconbox.cs_style_11 .cs_iconbox_icon {
        max-width: 60px;
    }
}

@media (max-width: 380px) {
    .cs_iconbox.cs_style_11 .cs_iconbox_icon {
        max-width: 40px;
    }
}

@media (max-width: 330px) {
    .cs_iconbox.cs_style_11 .cs_iconbox_icon {
        max-width: 35px;
    }
}

.cs_iconbox.cs_style_11 .cs_iconbox_right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cs_iconbox.cs_style_12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_12 {
        gap: 20px;
    }
}

@media (max-width: 575px) {
    .cs_iconbox.cs_style_12 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 15px;
    }
}

.cs_iconbox.cs_style_12 .cs_iconbox_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    padding: 35px;
    background-color: 11, 28, 44;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_iconbox.cs_style_12 .cs_iconbox_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_12 .cs_iconbox_icon {
        width: 120px;
        height: 120px;
        padding: 30px;
    }
}

@media (max-width: 575px) {
    .cs_iconbox.cs_style_12 .cs_iconbox_icon {
        width: 80px;
        height: 80px;
        padding: 20px;
    }
}

.cs_iconbox.cs_style_12 .cs_iconbox_circle {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin-bottom: 28px;
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_12 .cs_iconbox_circle {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .cs_iconbox.cs_style_12 .cs_iconbox_circle {
        display: none;
    }
}

.cs_iconbox.cs_style_12 .cs_iconbox_title {
    margin-bottom: 16px;
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_12 .cs_iconbox_title {
        margin-bottom: 8px;
    }
}

.cs_iconbox.cs_style_12 .cs_iconbox_info {
    max-width: 440px;
    padding: 30px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 1400px) {
    .cs_iconbox.cs_style_12 .cs_iconbox_info {
        padding: 25px;
    }
}

@media (max-width: 575px) {
    .cs_iconbox.cs_style_12 .cs_iconbox_info {
        padding: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.cs_iconbox.cs_style_12:hover .cs_iconbox_icon {
    background-color: var(--primary-blue);
}

@media (min-width: 575px) {
    .cs_iconbox.cs_style_12:hover .cs_iconbox_info {
        background-color: var(--background-white);
        -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
        box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    }
}

.cs_iconbox_12_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
}

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

@media (max-width: 575px) {
    .cs_iconbox_12_wrap {
        gap: 35px;
    }
}

.cs_iconbox_12_wrap>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cs_iconbox_12_wrap>*>* {
    width: 100%;
}

.cs_iconbox_12_wrap>*:nth-child(even) .cs_iconbox.cs_style_12 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 575px) {
    .cs_iconbox_12_wrap>*:nth-child(even) .cs_iconbox.cs_style_12 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.cs_iconbox.cs_style_13 {
    background-color: var(--background-white);
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    margin-top: 60px;
    padding: 1px 25px 32px;
}

.cs_iconbox.cs_style_13 .cs_iconbox_title {
    margin-bottom: 18px;
}

.cs_iconbox.cs_style_13 .cs_iconbox_icon {
    border-radius: 50%;
    background-color: var(--background-white);
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    height: 120px;
    width: 120px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -60px;
    margin-bottom: 32px;
}

.cs_iconbox.cs_style_13 .cs_iconbox_icon_in {
    height: 100%;
    width: 100%;
    border-radius: inherit;
    padding: 20px;
}

/*--------------------------------------------------------------
13. Posts
----------------------------------------------------------------*/

.cs_post.cs_style_1 {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--background-white);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cs_post.cs_style_1:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
}

.cs_post.cs_style_1 .cs_post_thumb {
    display: block;
    width: 100%;
}

.cs_post.cs_style_1 .cs_post_thumb img {
    width: 100%;
    border-radius: 20px;
}

.cs_post.cs_style_1 .cs_post_info {
    padding: 30px 40px 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .cs_post.cs_style_1 .cs_post_info {
        padding: 30px 25px 30px;
    }
}

.cs_post.cs_style_1 .cs_post_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.cs_post.cs_style_1 .cs_post_social a {
    height: 30px;
    width: 30px;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
    font-size: 14px;
}

.cs_post.cs_style_1 .cs_post_social a:hover {
    background-color: var(--primary-blue);
    color: var(--background-white);
}

.cs_post.cs_style_1 .cs_post_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 28px;
}

.cs_post.cs_style_1 .cs_post_title {
    margin-bottom: 18px;
}

.cs_post.cs_style_1 .cs_post_btn {
    display: inline-block;
}

.cs_post.cs_style_1 .cs_post_btn:hover {
    text-decoration: underline;
}

.cs_post.cs_style_1.cs_type_1 {
    padding: 28px 28px 0;
}

@media (max-width: 1400px) {
    .cs_post.cs_style_1.cs_type_1 {
        padding: 15px 15px 0;
    }
}

.cs_post.cs_style_1.cs_type_1 .cs_post_title {
    margin: 0;
}

.cs_post.cs_style_1.cs_type_1 .cs_post_info {
    padding: 25px 15px 56px;
}

@media (max-width: 1400px) {
    .cs_post.cs_style_1.cs_type_1 .cs_post_info {
        padding: 25px 0px 30px 10px;
    }
}

.cs_post.cs_style_1.cs_type_2 {
    height: initial;
    display: block;
}

.cs_post.cs_style_1.cs_type_2 .cs_post_thumb img {
    border-radius: 20px 20px 0 0;
}

.cs_post.cs_style_1.cs_type_2 .cs_post_title {
    margin-bottom: 20px;
}

.cs_post.cs_style_1.cs_type_2 .cs_post_info {
    padding: 45px 40px 45px;
}

@media (max-width: 480px) {
    .cs_post.cs_style_1.cs_type_2 .cs_post_info {
        padding: 30px 25px;
    }
}

.cs_post.cs_style_1.cs_type_2 .cs_post_meta {
    margin-bottom: 0;
}

.cs_post.cs_style_1.cs_type_2 .cs_post_thumb {
    height: 381px;
}

@media (max-width: 1700px) {
    .cs_post.cs_style_1.cs_type_2 .cs_post_thumb {
        height: 396px;
    }
}

@media (max-width: 991px) {
    .cs_post.cs_style_1.cs_type_2 .cs_post_thumb {
        height: initial;
    }
}

.cs_post.cs_style_1.cs_type_2 .cs_post_thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cs_post.cs_style_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cs_post.cs_style_2:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

@media (max-width: 380px) {
    .cs_post.cs_style_2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cs_post.cs_style_2:not(:last-child) {
    margin-bottom: 20px;
}

.cs_post.cs_style_2 .cs_post_title {
    margin-bottom: 12px;
}

.cs_post.cs_style_2 .cs_post_info {
    padding: 15px 15px 15px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1700px) {
    .cs_post.cs_style_2 .cs_post_info {
        padding-left: 30px;
    }
}

@media (max-width: 575px) {
    .cs_post.cs_style_2 .cs_post_info {
        padding-left: 20px;
    }
}

.cs_post.cs_style_2 .cs_post_thumb {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 190px;
    min-height: 188px;
}

.cs_post.cs_style_2 .cs_post_thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 575px) {
    .cs_post.cs_style_2 .cs_post_thumb {
        width: 150px;
        min-height: 150px;
    }
}

@media (max-width: 380px) {
    .cs_post.cs_style_2 .cs_post_thumb {
        height: 180px;
        width: 180px;
        border-radius: 0 0 20px 0;
        overflow: hidden;
    }
}

.cs_post.cs_style_3 {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_post.cs_style_3:hover {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
}

.cs_post.cs_style_3 .cs_post_thumb {
    display: block;
}

.cs_post.cs_style_3 .cs_post_category {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid var(--primary-blue);
    padding: 6px 19px;
    border-radius: 20px;
    margin-bottom: 18px;
}

.cs_post.cs_style_3 .cs_post_category:hover {
    background-color: var(--primary-blue);
    color: var(--background-white);
}

.cs_post.cs_style_3 .cs_post_title {
    margin-bottom: 18px;
}

.cs_post.cs_style_3 .cs_posted_by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    color: var(--dark-teal);
}

.cs_post.cs_style_3 .cs_posted_by i {
    font-size: 18px;
    color: var(--primary-blue);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cs_post.cs_style_3 .cs_post_info {
    padding: 35px 40px;
}

@media (max-width: 1700px) {
    .cs_post.cs_style_3 .cs_post_info {
        padding: 25px 24px;
    }
}

/*--------------------------------------------------------------
14. Banner
----------------------------------------------------------------*/

.cs_banner.cs_style_1 {
    position: relative;
    padding: 100px 90px;
    border-radius: 25px;
    margin-top: 165px;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_1 {
        margin-top: 85px;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_1 {
        margin-top: 0px;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_1 {
        padding: 70px 30px;
    }
}

.cs_banner.cs_style_1 .cs_banner_title {
    max-width: 800px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_1 .cs_banner_title {
        max-width: 650px;
    }
}

.cs_banner.cs_style_1 .cs_banner_subtitle {
    max-width: 500px;
    position: relative;
    z-index: 1;
}

.cs_banner.cs_style_1 .cs_banner_img {
    position: absolute;
    bottom: -30px;
    right: -15px;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_1 .cs_banner_img {
        max-width: 535px;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_1 .cs_banner_img {
        max-height: 100%;
        bottom: 0;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_1 .cs_banner_img {
        display: none;
    }
}

.cs_banner.cs_style_2 {
    padding: 200px 9% 200px 43%;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_2 {
        padding: 150px 9% 150px 43%;
    }
}

@media (max-width: 1400px) {
    .cs_banner.cs_style_2 {
        padding: 150px 5% 150px 40%;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_2 {
        padding: 120px 4% 120px 36%;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_2 {
        padding: 80px 30px 80px 25%;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_2 {
        padding: 80px 30px;
        background-position: right center;
    }
    .cs_banner.cs_style_2 br {
        display: none;
    }
}

.cs_banner.cs_style_3,
.cs_banner.cs_style_5 {
    padding: 225px 0 155px;
    min-height: 700px;
    position: relative;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_3,
    .cs_banner.cs_style_5 {
        min-height: 600px;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_3,
    .cs_banner.cs_style_5 {
        min-height: 500px;
        padding: 160px 0 125px;
    }
    .cs_banner.cs_style_3 .container,
    .cs_banner.cs_style_5 .container {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_3,
    .cs_banner.cs_style_5 {
        padding: 155px 0 100px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .cs_banner.cs_style_3 .container,
    .cs_banner.cs_style_5 .container {
        max-width: 720px;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_3 .container,
    .cs_banner.cs_style_5 .container {
        max-width: 540px;
    }
}

.cs_banner.cs_style_3 .cs_banner_title,
.cs_banner.cs_style_5 .cs_banner_title {
    margin-bottom: 25px;
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_3 .cs_banner_title,
    .cs_banner.cs_style_5 .cs_banner_title {
        font-size: 50px;
    }
}

@media (max-width: 575px) {
    .cs_banner.cs_style_3 .cs_banner_title,
    .cs_banner.cs_style_5 .cs_banner_title {
        font-size: 48px;
    }
}

.cs_banner.cs_style_3 .cs_banner_img,
.cs_banner.cs_style_5 .cs_banner_img {
    position: absolute;
    bottom: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 110px;
}

.cs_banner.cs_style_3 .cs_banner_img img,
.cs_banner.cs_style_5 .cs_banner_img img {
    max-height: 100%;
}

@media (max-width: 991px) {
    .cs_banner.cs_style_3 .cs_banner_img,
    .cs_banner.cs_style_5 .cs_banner_img {
        display: none;
    }
}

.cs_banner.cs_style_3 .cs_banner_text,
.cs_banner.cs_style_5 .cs_banner_text {
    position: relative;
    z-index: 1;
    width: 50%;
}

@media (max-width: 991px) {
    .cs_banner.cs_style_3 .cs_banner_text,
    .cs_banner.cs_style_5 .cs_banner_text {
        width: 100%;
    }
}

@media (max-width: 1400px) {
    .cs_banner.cs_style_3 .cs_fs_20,
    .cs_banner.cs_style_5 .cs_fs_20 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_3 .cs_fs_20,
    .cs_banner.cs_style_5 .cs_fs_20 {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .cs_banner.cs_style_3 br,
    .cs_banner.cs_style_5 br {
        display: none;
    }
}

.cs_banner.cs_style_3 .cs_banner_img {
    left: 0;
    width: 50%;
    padding-left: 6%;
    padding-right: 12px;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_3 .cs_banner_img {
        padding-left: 12px;
    }
}

.cs_banner.cs_style_3 .cs_banner_subtitle {
    max-width: 550px;
}

@media (max-width: 991px) {
    .cs_banner.cs_style_3 .cs_banner_subtitle {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 991px) {
    .cs_banner.cs_style_3 .cs_banner_text {
        margin-left: auto;
    }
}

.cs_banner.cs_style_4 {
    position: relative;
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    padding: 280px 130px 340px;
    border-radius: 30px 30px 0 0;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_4 {
        padding: 140px 130px 340px;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_4 {
        padding: 120px 30px 250px;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_4 br {
        display: none;
    }
}

.cs_banner.cs_style_4>* {
    position: relative;
    z-index: 2;
}

.cs_banner.cs_style_4 .cs_banner_title {
    margin-bottom: 12px;
}

.cs_banner.cs_style_5 .cs_banner_img {
    right: 0;
    width: 50%;
    padding-left: 12px;
    padding-right: 5%;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_5 .cs_banner_img {
        padding-right: 12px;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_5 .cs_banner_img {
        width: 56%;
    }
}

.cs_banner.cs_style_6 {
    position: relative;
    padding: 86px 70px 350px 50.4%;
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    margin-top: 100px;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_6 {
        margin-top: 35px;
    }
}

@media (max-width: 1400px) {
    .cs_banner.cs_style_6 {
        padding: 86px 70px 350px 44%;
        margin-top: 0;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_6 {
        padding: 80px 30px 340px 36%;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_6 {
        padding: 70px 30px 240px 30px;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_6 br {
        display: none;
    }
}

.cs_banner.cs_style_6 .cs_banner_title {
    margin-bottom: 22px;
    position: relative;
    z-index: 1;
}

.cs_banner.cs_style_6 .cs_banner_subtitle {
    position: relative;
    z-index: 1;
}

.cs_banner.cs_style_6 .cs_banner_img {
    left: -10px;
    bottom: 30px;
    position: absolute;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_6 .cs_banner_img {
        max-width: 670px;
    }
}

@media (max-width: 1400px) {
    .cs_banner.cs_style_6 .cs_banner_img {
        max-width: 610px;
        left: -100px;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_6 .cs_banner_img {
        max-width: 560px;
        left: -130px;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_6 .cs_banner_img {
        display: none;
    }
}

.cs_banner.cs_style_7 {
    padding: 77px 50px 405px;
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    position: relative;
    margin-top: 390px;
}

@media (max-width: 991px) {
    .cs_banner.cs_style_7 {
        padding: 70px 25px 245px;
        margin-top: 305px;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_7 {
        margin-top: 0;
    }
    .cs_banner.cs_style_7 br {
        display: none;
    }
}

.cs_banner.cs_style_7 .cs_banner_img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -390px;
    z-index: -1;
}

@media (max-width: 991px) {
    .cs_banner.cs_style_7 .cs_banner_img {
        top: -310px;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_7 .cs_banner_img {
        display: none;
    }
}

.cs_banner_8_wrap {
    position: relative;
}

.cs_banner_8_wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-color: var(--background-white);
}

.cs_banner.cs_style_8 {
    position: relative;
    padding: 127px 100px 146px;
    z-index: 2;
    margin-top: 75px;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_8 {
        margin-top: 0;
        padding: 110px 80px 110px;
    }
}

@media (max-width: 1400px) {
    .cs_banner.cs_style_8 {
        margin-top: 0;
        padding: 90px 60px 90px;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_8 {
        padding: 70px 30px 70px;
    }
}

.cs_banner.cs_style_8 .cs_banner_title {
    margin-bottom: 17px;
}

.cs_banner.cs_style_8 .cs_banner_in {
    max-width: 540px;
    position: relative;
    z-index: 2;
}

.cs_banner.cs_style_8 .cs_banner_img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 62%;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_8 .cs_banner_img {
        width: 58%;
    }
}

@media (max-width: 1400px) {
    .cs_banner.cs_style_8 .cs_banner_img {
        width: 55%;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_8 .cs_banner_img {
        width: 52%;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_8 .cs_banner_img {
        display: none;
    }
}

.cs_banner.cs_style_9 {
    position: relative;
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    padding: 183px 0 382px 130px;
    margin-top: 130px;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_9 {
        padding: 140px 0 350px 110px;
        margin-top: 80px;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_9 {
        padding: 100px 0 350px 50px;
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_9 {
        padding: 100px 0 250px 30px;
    }
}

@media (max-width: 767px) {
    .cs_banner.cs_style_9 br {
        display: none;
    }
}

.cs_banner.cs_style_9 .cs_banner_img {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 1700px) {
    .cs_banner.cs_style_9 .cs_banner_img {
        max-width: 500px;
    }
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_9 .cs_banner_img {
        max-width: 400px;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_9 .cs_banner_img {
        display: none;
    }
}

.cs_banner.cs_style_9 .cs_banner_title {
    margin-bottom: 22px;
}

.cs_banner.cs_style_9.cs_type_1 {
    padding: 150px 60px 340px 50%;
    margin: 0;
}

@media (max-width: 1199px) {
    .cs_banner.cs_style_9.cs_type_1 {
        padding: 90px 60px 340px 50%;
    }
}

@media (max-width: 991px) {
    .cs_banner.cs_style_9.cs_type_1 {
        padding: 90px 30px 240px 30px;
    }
}

.cs_banner.cs_style_9.cs_type_1 .cs_banner_img {
    right: initial;
    left: 0;
    max-width: 48%;
}

/*--------------------------------------------------------------
15. Testimonial
----------------------------------------------------------------*/

.cs_testimonial.cs_style_1 {
    line-height: 1.87em;
    position: relative;
}

.cs_testimonial.cs_style_1>img {
    position: absolute;
    left: -88px;
    top: -37px;
}

@media (max-width: 991px) {
    .cs_testimonial.cs_style_1>img {
        top: -15px;
        left: -75px;
    }
}

.cs_testimonial.cs_style_1>p {
    margin-bottom: 30px;
}

.cs_testimonial.cs_style_2 .cs_testimonial_text {
    padding: 80px 80px 80px 144px;
    position: relative;
    margin-bottom: 35px;
}

@media (max-width: 1700px) {
    .cs_testimonial.cs_style_2 .cs_testimonial_text {
        padding: 60px 60px 60px 124px;
    }
}

@media (max-width: 575px) {
    .cs_testimonial.cs_style_2 .cs_testimonial_text {
        padding: 50px 25px 50px 105px;
    }
}

.cs_testimonial.cs_style_2 .cs_testimonial_text p {
    margin-bottom: 32px;
}

.cs_testimonial.cs_style_2 .cs_quote_icon {
    position: absolute;
    left: 60px;
    top: 70px;
}

@media (max-width: 1700px) {
    .cs_testimonial.cs_style_2 .cs_quote_icon {
        left: 40px;
    }
}

@media (max-width: 575px) {
    .cs_testimonial.cs_style_2 .cs_quote_icon {
        left: 30px;
        top: 40px;
    }
}

.cs_testimonial.cs_style_2 .cs_testimonial_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 575px) {
    .cs_testimonial.cs_style_2 .cs_testimonial_meta {
        gap: 20px;
    }
}

.cs_testimonial.cs_style_2 .cs_testimonial_avatar {
    height: 96px;
    width: 96px;
    border-radius: 50%;
}

.cs_testimonial.cs_style_2 .cs_testimonial_avatar img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}

.cs_testimonial.cs_style_3 {
    padding: 1px 82px 42px;
    margin-top: 75px;
}

@media (max-width: 575px) {
    .cs_testimonial.cs_style_3 {
        padding: 1px 20px 30px;
    }
}

.cs_testimonial.cs_style_3 .cs_testimonial_img {
    height: 150px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -75px;
    margin-bottom: 24px;
}

.cs_testimonial.cs_style_3 .cs_testimonial_avatar {
    margin-bottom: 10px;
}

.cs_testimonial.cs_style_3 .cs_testimonial_text {
    margin-top: 42px;
}

.cs_testimonial.cs_style_3 .cs_rating {
    margin-left: auto;
    margin-right: auto;
}

.cs_testimonial.cs_style_4 {
    background-color: var(--background-white);
    padding: 50px 30px;
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    padding: 40px 20px;
}

.cs_testimonial.cs_style_4 .cs_testimonial_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}

.cs_testimonial.cs_style_4 .cs_testimonial_avatar {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.cs_testimonial.cs_style_4 .cs_testimonial_avatar img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cs_testimonial.cs_style_4 .cs_testimonial_meta {
    margin-bottom: 32px;
}

.cs_testimonial.cs_style_4 .cs_rating {
    margin-top: 32px;
}

.cs_testimonial_carousel_2 .cs_slider_activate {
    width: 58vw;
}

@media (max-width: 991px) {
    .cs_testimonial_carousel_2 .cs_slider_activate {
        width: 90vw;
    }
}

@media (max-width: 575px) {
    .cs_testimonial_carousel_2 .cs_slider_activate {
        width: 100%;
    }
}

.cs_testimonial_carousel_2 .cs_testimonial.cs_style_4 {
    max-width: 390px;
}

@media (max-width: 420px) {
    .cs_testimonial_carousel_2 .cs_testimonial.cs_style_4 {
        max-width: 300px;
    }
}

.cs_testimonial_carousel_2 .slick-list {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -30px;
    margin-bottom: -30px;
    -webkit-box-shadow: -10px 0px 30px -20px rgba(11, 28, 44, 0.1);
    box-shadow: -10px 0px 30px -20px rgba(11, 28, 44, 0.1);
    border-radius: 60px;
}

.cs_testimonial_carousel_2 .cs_slider_navigation.cs_style_1 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0;
}

/*--------------------------------------------------------------
16. Portfolio
----------------------------------------------------------------*/

.cs_portfolio.cs_style_1 {
    height: 429px;
}

@media (max-width: 991px) {
    .cs_portfolio.cs_style_1 {
        height: 350px;
    }
}

.cs_portfolio.cs_style_1 .cs_portfolio_img {
    height: 100%;
    border-radius: inherit;
    position: relative;
}

.cs_portfolio.cs_style_1 .cs_portfolio_img::before {
    content: "";
    background: var(--primary-blue);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_portfolio.cs_style_1 .cs_link_hover {
    position: absolute;
    z-index: 2;
    top: -100px;
    right: 50px;
    width: 60px;
    height: 200px;
    background: var(--primary-blue);
    border-radius: 0 0 40px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 20px;
}

.cs_portfolio.cs_style_1 .cs_link_hover i {
    color: var(--primary-blue);
    background-color: var(--background-white);
    height: 50px;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 5px;
    opacity: 0;
    -webkit-transform: scale(0.5) rotate(180deg);
    transform: scale(0.5) rotate(180deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cs_portfolio.cs_style_1:hover .cs_link_hover {
    opacity: 1;
    top: 0px;
}

.cs_portfolio.cs_style_1:hover .cs_link_hover i {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.cs_portfolio.cs_style_1:hover .cs_portfolio_img::before {
    opacity: 0.4;
}

.cs_portfolio.cs_style_1.cs_size_1 {
    height: 716px;
}

@media (max-width: 991px) {
    .cs_portfolio.cs_style_1.cs_size_1 {
        height: 607px;
    }
}

/*--------------------------------------------------------------
17. Brands
----------------------------------------------------------------*/

.cs_brands.cs_style_1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 30px;
}

@media (max-width: 1700px) {
    .cs_brands.cs_style_1 {
        gap: 40px 120px;
    }
}

@media (max-width: 991px) {
    .cs_brands.cs_style_1 {
        gap: 20px 60px;
    }
}

@media (max-width: 767px) {
    .cs_brands.cs_style_1 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 575px) {
    .cs_brands.cs_style_1 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 420px) {
    .cs_brands.cs_style_1 {
        gap: 20px 30px;
    }
}

.cs_brands.cs_style_2 {
    padding: 0 20px;
    text-align: center;
    height: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cs_brands.cs_style_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 70px;
    background-color: var(--background-white);
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    padding: 70px;
}

@media (max-width: 1400px) {
    .cs_brands.cs_style_3 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .cs_brands.cs_style_3 {
        gap: 30px;
        padding: 70px 40px;
    }
}

/*--------------------------------------------------------------
18. Accordians
----------------------------------------------------------------*/

.cs_accordians.cs_style1 .cs_accordian {
    border-radius: 25px;
    border: 1px solid #0b1c2c;
    background: rgba(11, 28, 44, 0);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100%;
}

@media (max-width: 1700px) {
    .cs_accordians.cs_style1 .cs_accordian {
        border-radius: 15px;
    }
}

.cs_accordians.cs_style1 .cs_accordian:not(:last-child) {
    margin-bottom: 20px;
}

.cs_accordians.cs_style1 .cs_accordian.active {
    border-color: #0b1c2c;
    background-color: rgba(11, 28, 44, 0.03);
}

@media (max-width: 991px) {
    .cs_accordians.cs_style1 .cs_accordian.active {
        margin-left: 0;
    }
}

.cs_accordians.cs_style1 .cs_accordian.active .cs_accordian_arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cs_accordians.cs_style1 .cs_accordian_arrow {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 44px;
    top: 25px;
    height: 28px;
    width: 28px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1700px) {
    .cs_accordians.cs_style1 .cs_accordian_arrow {
        right: 30px;
        top: 18px;
    }
}

@media (max-width: 991px) {
    .cs_accordians.cs_style1 .cs_accordian_arrow {
        right: 20px;
        top: 15px;
    }
}

.cs_accordians.cs_style1 .cs_accordian_head {
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding: 23px 62px 23px 40px;
    margin: 0;
    transition: all 0.3s ease;
}

.cs_accordians.cs_style1 .cs_accordian_head:hover {
    color: #0b1c2c;
    padding-left: 45px;
}

@media (max-width: 1700px) {
    .cs_accordians.cs_style1 .cs_accordian_head {
        padding: 16px 62px 16px 30px;
    }
}

@media (max-width: 991px) {
    .cs_accordians.cs_style1 .cs_accordian_head {
        font-size: 18px;
        padding: 14px 55px 14px 20px;
    }
}

.cs_accordians.cs_style1 .cs_accordian_body {
    padding: 0 40px 38px 40px;
}

@media (max-width: 1700px) {
    .cs_accordians.cs_style1 .cs_accordian_body {
        padding: 0 30px 28px 30px;
    }
}

@media (max-width: 991px) {
    .cs_accordians.cs_style1 .cs_accordian_body {
        padding: 0 20px 20px 20px;
    }
}

.cs_accordians.cs_style1 .cs_accordian_body p {
    margin: 0;
}

.cs_accordians.cs_style1.cs_type_1 .cs_accordian {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    border-color: transparent;
    background-color: var(--background-white);
}

.cs_accordians.cs_style1.cs_type_1 .cs_accordian.active {
    margin-left: -50px;
}

@media (max-width: 1400px) {
    .cs_accordians.cs_style1.cs_type_1 .cs_accordian.active {
        margin-left: 0;
    }
}

.cs_accordians.cs_style1.cs_type_1 .cs_accordian.active .cs_accordian {
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    background-color: var(--background-white);
}

.cs_accordians.cs_style1.cs_type_2 .cs_accordian {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-color: var(--primary-blue);
    margin-bottom: -1px;
}

.cs_accordians.cs_style1.cs_type_2 .cs_accordian.active {
    background-color: transparent;
    margin-left: 0;
}

.cs_accordians.cs_style1.cs_type_2 .cs_accordian .cs_accordian_arrow {
    right: initial;
    left: 20px;
    top: 32px;
}

.cs_accordians.cs_style1.cs_type_2 .cs_accordian_head {
    padding: 30px 20px 30px 85px;
}

.cs_accordians.cs_style1.cs_type_2 .cs_accordian_body {
    padding: 0 20px 38px 85px;
}

.cs_accordians.cs_style1.cs_type_3 .cs_accordian {
    border-color: var(--primary-blue);
    border-radius: 20px;
}

.cs_accordians.cs_style1.cs_type_3 .cs_accordian.active {
    margin-left: 0px;
    background-color: transparent;
}

.cs_accordians.cs_style1.cs_type_3 .cs_accordian.active .cs_accordian_head {
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    border-bottom: 1px solid var(--primary-blue);
    border-radius: 20px 20px 0 0;
}

.cs_accordians.cs_style1.cs_type_3 .cs_accordian_head {
    font-size: 24px;
    padding: 27px 62px 27px 40px;
}

@media (max-width: 1700px) {
    .cs_accordians.cs_style1.cs_type_3 .cs_accordian_head {
        padding: 18px 52px 18px 24px;
    }
}

@media (max-width: 991px) {
    .cs_accordians.cs_style1.cs_type_3 .cs_accordian_head {
        font-size: 20px;
    }
}

.cs_accordians.cs_style1.cs_type_3 .cs_accordian_arrow {
    right: 40px;
    top: 32px;
}

@media (max-width: 1700px) {
    .cs_accordians.cs_style1.cs_type_3 .cs_accordian_arrow {
        right: 24px;
        top: 24px;
    }
}

@media (max-width: 991px) {
    .cs_accordians.cs_style1.cs_type_3 .cs_accordian_arrow {
        top: 20px;
    }
}

.cs_accordians.cs_style1.cs_type_3 .cs_accordian_body {
    padding: 38px 40px;
}

@media (max-width: 1700px) {
    .cs_accordians.cs_style1.cs_type_3 .cs_accordian_body {
        padding: 24px 24px;
    }
}

/*--------------------------------------------------------------
19. Departments
----------------------------------------------------------------*/

.cs_departments.cs_style_1 {
    padding-top: 100px;
    padding-bottom: 70px;
    position: relative;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    border-radius: 25px;
}

.cs_departments.cs_style_1 .cs_department_list {
    position: relative;
    z-index: 1;
    padding: 0 25px;
}

@media (max-width: 991px) {
    .cs_departments.cs_style_1 .cs_department_list {
        padding: 0 15px;
    }
}

@media (max-width: 575px) {
    .cs_departments.cs_style_1 .cs_department_list .cs_slider_navigation.cs_style_1 {
        margin-top: 0;
    }
}

.cs_departments.cs_style_1 .cs_section_heading {
    position: relative;
    z-index: 1;
}

.cs_departments.cs_style_1 .cs_department {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 35px 30px;
    height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #eef2f6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 991px) {
    .cs_departments.cs_style_1 .cs_department {
        height: 320px;
    }
}

@media (max-width: 400px) {
    .cs_departments.cs_style_1 .cs_department {
        padding: 30px 20%;
    }
}

.cs_departments.cs_style_1 .cs_department:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    background-color: var(--primary-blue);
}

.cs_departments.cs_style_1 .cs_department:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.cs_departments.cs_style_1 .cs_department:hover .cs_heading_color {
    color: var(--background-white);
}

.cs_departments.cs_style_1 svg {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_departments.cs_style_1 .cs_department_title {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_department_icon {
    width: 60px;
    height: 60px;
    background-color: rgba(11, 28, 44, 0.1);
    margin-bottom: 25px;
    transition: all 0.4s ease;
}

.cs_department_icon img {
    width: 30px;
    height: 30px;
}

.cs_department_subtitle {
    color: var(--text-color);
    line-height: 1.6em;
    opacity: 0.8;
}

.cs_department:hover .cs_department_icon {
    background-color: rgba(255, 255, 255, 0.2);
}

.cs_department:hover .cs_department_subtitle {
    color: var(--background-white);
}



/*--------------------------------------------------------------
20. About
----------------------------------------------------------------*/

.cs_about.cs_style_1 .cs_about_img {
    position: relative;
}

@media (min-width: 992px) {
    .cs_about.cs_style_1 .cs_about_img {
        padding-right: 70px;
    }
}

.cs_about.cs_style_1 .cs_about_text_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cs_about.cs_style_1 .cs_about_text_list li {
    position: relative;
    padding-left: 60px;
}

.cs_about.cs_style_1 .cs_about_text_list li:not(:last-child) {
    margin-bottom: 50px;
}

.cs_about.cs_style_1 .cs_about_text_list li>i {
    position: absolute;
    left: 0;
    top: 5px;
}

@media (max-width: 991px) {
    .cs_about.cs_style_1 .cs_about_text_list li>i {
        top: 2px;
    }
}

.cs_about.cs_style_1 .cs_about_text_list li>h3 {
    margin-bottom: 25px;
}

.cs_about.cs_style_1 .cs_about_mini_img {
    position: absolute;
    top: auto;
    bottom: 30px;
    right: 30px;
}

@media (min-width: 992px) {
    .cs_about.cs_style_1 .cs_about_mini_img {
        right: 100px;
        bottom: 50px;
    }
}

.cs_about.cs_style_1 .cs_right_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cs_about.cs_style_1 .cs_rotate_animation {
    -webkit-animation: rotate360 15s linear infinite;
    animation: rotate360 15s linear infinite;
}

.cs_about.cs_style_1.cs_type_1 .cs_about_mini_img {
    right: initial;
    top: 44%;
    left: 35%;
}

@media (max-width: 1400px) {
    .cs_about.cs_style_1.cs_type_1 br {
        display: none;
    }
}

.cs_about.cs_style_1.cs_type_2 {
    padding-left: 102px;
}

@media (max-width: 1700px) {
    .cs_about.cs_style_1.cs_type_2 {
        padding-left: 50px;
    }
}

@media (max-width: 1400px) {
    .cs_about.cs_style_1.cs_type_2 {
        padding-left: 0px;
    }
}

.cs_about.cs_style_1.cs_type_2 .cs_about_mini_img {
    top: 50%;
    right: initial;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cs_about.cs_style_1.cs_type_2 .cs_about_img {
    padding-right: 0;
    position: relative;
}

@-webkit-keyframes rotate360 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.cs_about.cs_style_2 .cs_about_img {
    padding-left: 80px;
}

@media (max-width: 1700px) {
    .cs_about.cs_style_2 .cs_about_img {
        padding-left: 0;
    }
}

.cs_about.cs_style_2 .cs_section_heading.cs_style_1 p {
    max-width: 580px;
}

.cs_about.cs_style_3 {
    background: linear-gradient(135deg, #0b1c2c, #245c91);
}

.cs_about.cs_style_3 .cs_section_heading.cs_style_1 {
    padding: 145px 80px;
}

@media (max-width: 1400px) {
    .cs_about.cs_style_3 .cs_section_heading.cs_style_1 {
        padding: 145px 30px 145px 50px;
    }
}

@media (max-width: 1199px) {
    .cs_about.cs_style_3 .cs_section_heading.cs_style_1 {
        padding: 50px 50px 50px 50px;
    }
}

@media (max-width: 767px) {
    .cs_about.cs_style_3 .cs_section_heading.cs_style_1 {
        padding: 35px 24px 35px 24px;
    }
}

.cs_about.cs_style_3 .cs_about_text {
    height: 100%;
}

@media (max-width: 1199px) {
    .cs_about.cs_style_3 .cs_about_text {
        height: initial;
    }
}

.cs_about.cs_style_3 .cs_about_img {
    height: 100%;
}

.cs_about.cs_style_3 .cs_about_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cs_about.cs_style_3 .cs_section_minititle {
    max-width: 630px;
}

.cs_about.cs_style_3 .cs_support_card {
    border-radius: 50px;
    border: 1px solid var(--background-white);
    background-color: var(--background-white);
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    position: absolute;
    right: -26%;
    bottom: 75px;
}

.cs_about.cs_style_3 .cs_support_card .cs_support_card_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 1700px) {
    .cs_about.cs_style_3 .cs_support_card {
        right: -34%;
        bottom: 65px;
    }
}

@media (max-width: 1199px) {
    .cs_about.cs_style_3 .cs_support_card {
        position: initial;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 60px;
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .cs_about.cs_style_3 .cs_support_card {
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 35px;
        padding: 20px 20px;
    }
}

/*--------------------------------------------------------------
21. Team
----------------------------------------------------------------*/

.cs_team.cs_style_1 {
    border-radius: 20px;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    -webkit-box-shadow: initial;
    box-shadow: initial;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cs_team.cs_style_1:hover {
    -webkit-box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
    box-shadow: 6px 4px 70px 8px rgba(11, 28, 44, 0.09);
}

.cs_team.cs_style_1 .cs_team_meta {
    padding: 32px 40px;
}

@media (max-width: 1400px) {
    .cs_team.cs_style_1 .cs_team_meta {
        padding: 32px 20px;
    }
}

.cs_team.cs_style_1 .cs_member_name {
    margin-bottom: 7px;
}

.cs_team.cs_style_1 .cs_member_designation {
    margin-bottom: 9px;
}

.cs_team.cs_style_1 .cs_member_description {
    margin-bottom: 32px;
}

.cs_team.cs_style_1 .cs_social_links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cs_team.cs_style_1 .cs_social_links a {
    height: 40px;
    width: 40px;
    background-color: rgba(11, 28, 44, 0.6);
    color: var(--background-white);
    font-size: 18px;
    -webkit-transform: initial;
    transform: initial;
}

.cs_team.cs_style_1 .cs_social_links a:hover {
    background-color: var(--primary-blue);
}

.cs_team.cs_style_1 .cs_label {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 12px 30px;
    text-align: center;
    min-width: 292px;
    border-radius: 20px 20px 0 0;
}

.cs_team.cs_style_1.cs_type_1 {
    background: var(--background-white);
    margin-top: 115px;
    height: initial;
    padding-top: 1px;
}

.cs_team.cs_style_1.cs_type_1 .cs_member_img {
    margin-top: -115px;
}

.cs_team.cs_style_1.cs_type_2 {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1);
    margin-bottom: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 991px) {
    .cs_team.cs_style_1.cs_type_2 {
        margin-bottom: 15px;
    }
}

.cs_team.cs_style_1.cs_type_2 .cs_member_img {
    position: relative;
    height: 320px;
    overflow: hidden;
}

.cs_team.cs_style_1.cs_type_2 .cs_member_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cs_team.cs_style_1.cs_type_2 .cs_member_name {
    margin-bottom: 5px;
}

.cs_team.cs_style_1.cs_type_2 .cs_member_designation,
.cs_team.cs_style_1.cs_type_2 .cs_member_description {
    margin-bottom: 15px;
}

.cs_team.cs_style_1.cs_type_2 .cs_team_meta {
    padding: 25px 20px 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1600px) {
    .cs_team.cs_style_1.cs_type_2 .cs_team_meta {
        padding: 25px 20px 25px;
    }
}

@media (max-width: 1400px) {
    .cs_team.cs_style_1.cs_type_2 .cs_team_meta {
        padding: 20px 15px 20px;
    }
}

@media (min-width: 992px) {
    .cs_list_view_wrap .cs_team.cs_style_1.cs_type_2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .cs_list_view_wrap .cs_team.cs_style_1.cs_type_2 .cs_member_img {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 450px;
    }
    .cs_list_view_wrap .cs_team.cs_style_1.cs_type_2 .cs_label {
        position: initial;
        width: 100%;
        -webkit-transform: initial;
        transform: initial;
        border-radius: 0;
        padding: 12px 15px;
    }
    .cs_list_view_wrap .cs_team.cs_style_1.cs_type_2 .cs_team_meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 30%;
    }
}

@media (min-width: 992px) and (max-width: 1700px) {
    .cs_list_view_wrap .cs_team.cs_style_1.cs_type_2 .cs_team_meta {
        padding-right: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1700px) {
    .cs_list_view_wrap .cs_team.cs_style_1.cs_type_2 .cs_team_meta {
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .cs_list_view_wrap .cs_team.cs_style_1.cs_type_2 .cs_social_links {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

/*--------------------------------------------------------------
22. Funfact
----------------------------------------------------------------*/

.cs_funfact_1_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 80px 50px 90px;
}

@media (max-width: 1400px) {
    .cs_funfact_1_wrap {
        padding: 60px 30px 70px;
    }
}

.cs_funfact.cs_style_1 {
    max-width: 20%;
    padding: 20px 30px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (max-width: 1400px) {
    .cs_funfact.cs_style_1 {
        padding: 10px 15px;
    }
}

@media (max-width: 1199px) {
    .cs_funfact.cs_style_1 {
        padding: 20px 20px;
        max-width: 33.333333%;
    }
}

@media (max-width: 767px) {
    .cs_funfact.cs_style_1 {
        padding: 20px 20px;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .cs_funfact.cs_style_1 {
        max-width: 100%;
        padding: 15px 0;
    }
}

.cs_funfact.cs_style_1 .cs_funfact_number {
    margin-bottom: 8px;
}

.cs_cta.cs_style_1 {
    padding: 125px 60px 140px 50%;
}

@media (max-width: 1199px) {
    .cs_cta.cs_style_1 {
        padding: 95px 30px 100px 45%;
    }
}

@media (max-width: 767px) {
    .cs_cta.cs_style_1 {
        padding: 95px 30px 100px 35%;
    }
}

@media (max-width: 575px) {
    .cs_cta.cs_style_1 {
        padding: 100px 24px 90px;
    }
}

.cs_cta.cs_style_1 .cs_cta_title,
.cs_cta.cs_style_1 .cs_cta_subtitle {
    margin-bottom: 38px;
}

.cs_cta.cs_style_1 .cs_cta_subtitle {
    max-width: 600px;
}

.cs_pricing_card.cs_style_1 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_head {
    padding: 30px 40px 40px;
}

@media (max-width: 1400px) {
    .cs_pricing_card.cs_style_1 .cs_pricing_card_head {
        padding: 30px 30px 40px;
    }
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_head h3 {
    margin-bottom: 0px;
    border: 1px solid var(--background-white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 1.6em;
    background: linear-gradient(135deg, #0b1c2c, #245c91);
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_head h3 span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 7px 20px;
    position: relative;
    z-index: 2;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_head h3 span:first-child {
    border-radius: 1.6em;
    border: 1px solid var(--background-white);
    margin: -1px;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_head p {
    margin-top: 28px;
    margin-bottom: 0;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_head h2 {
    margin-top: 40px;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 40px 30px;
    border: 1px solid var(--primary-blue);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    gap: 50px;
}

@media (max-width: 1400px) {
    .cs_pricing_card.cs_style_1 .cs_pricing_card_body {
        padding: 40px 24px 30px;
    }
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_feature {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_feature li {
    position: relative;
    padding-left: 36px;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_feature li:not(:last-child) {
    margin-bottom: 30px;
}

.cs_pricing_card.cs_style_1 .cs_pricing_card_feature i {
    position: absolute;
    left: 0;
    color: var(--primary-blue);
}

/*# sourceMappingURL=style.css.map */
/* Custom Logo Sizing */
.cs_site_branding img {
    max-height: 70px;
    width: auto;
}

@media screen and (max-width: 991px) {
    .cs_site_branding img {
        max-height: 50px;
    }
}

@media screen and (min-width: 1200px) {
    .cs_hide_desktop {
        display: none !important;
    }
}

/* Custom About Section Buttons */
.cs_btn.cs_style_solid {
    background-color: #0b1c2c;
    color: #ffffff;
    border: 2px solid #0b1c2c;
    padding: 12px 40px;
    border-radius: 24px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(11, 28, 44, 0.3);
}
.cs_btn.cs_style_solid:hover {
    background-color: #245c91;
    border-color: #245c91;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(11, 28, 44, 0.4);
}

.cs_btn.cs_style_outline {
    background-color: transparent;
    border: 2px solid #0b1c2c;
    color: #0b1c2c;
    padding: 12px 40px;
    border-radius: 24px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}
.cs_btn.cs_style_outline:hover {
    background-color: #245c91;
    color: #ffffff;
    border-color: #245c91;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(11, 28, 44, 0.3);
}

.cs_about_btns_wrap {
    display: flex;
    gap: 20px;
    margin-top: 35px;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}
@media (max-width: 575px) {
    .cs_about_btns_wrap {
        flex-direction: column;
        align-items: stretch;
    }
    .cs_about_btns_wrap .cs_btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* About Section Feature Cards */
.cs_about_features_wrap {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    flex-wrap: wrap;
}
.cs_about_feature_card {
    background: #ffffff;
    padding: 20px 25px;
    border-radius: 15px;
    box-shadow: 0px 10px 30px rgba(11, 28, 44, 0.12); /* Soft shadow */
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    min-width: 220px;
    border: 1px solid #f0f4f8;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cs_about_feature_card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 15px 35px rgba(11, 28, 44, 0.18);
}
.cs_about_feature_card .cs_feature_icon {
    width: 50px;
    height: 50px;
    background: #0b1c2c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.cs_about_feature_card .cs_feature_icon img {
    width: 24px;
    height: 24px;
}
.cs_about_feature_card h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #0b1c2c;
    line-height: 1.3;
}
.cs_about_feature_card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--text-muted);
}

/* Counter Section Styles */
/* Counter Section Styles */
.cs_counter_area {
    /* Background removed */
    position: relative;
}

/* Pattern overlay removed/hidden */
.cs_counter_area::before {
    display: none;
}

.cs_counter_container {
    position: relative;
    z-index: 1;
}

.cs_funfact.cs_style_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
    /* background: linear-gradient(135deg, #0b1c2c, #245c91); */
    background-color: white;
    border-radius: 15px;
    transition: transform 0.3s ease;
    border: 1px solid #eef2f6;
    box-shadow: 0px 15px 35px rgba(11, 28, 44, 0.15); /* Stronger shadow */
    width: 23%;
    max-width: none;
}

.cs_funfact.cs_style_1:hover {
    transform: translateY(-5px);
    box-shadow: 0px 20px 50px rgba(11, 28, 44, 0.25); /* Stronger hover shadow */
    border-color: var(--primary-blue);
}

.cs_funfact_number {
    font-size: 50px;
    font-weight: 600;
    color: #0b1c2c;
    margin-bottom: 10px;
    line-height: 1;
    display: flex; /* Ensure inline elements align properly */
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.cs_funfact_title {
    font-size: 18px;
    color: #0b1c2c;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Adjust wrapper layout */
.cs_funfact_1_wrap {
    gap: 30px;
    padding: 60px 0;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .cs_funfact.cs_style_1 {
        width: 48%; /* 2 per row on tablets */
    }
}

@media (max-width: 575px) {
    .cs_funfact.cs_style_1 {
        width: 100%; /* 1 per row on mobile */
    }
}

/* Feature Section Refinements */
.cs_features_section {
    background-color: #f8fbff; /* Subtle light background */
    position: relative;
    overflow: hidden;
}

.cs_features_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(var(--primary-blue) 0.5px, transparent 0.5px);
    background-size: 30px 30px;
    opacity: 0.05; /* Decorative dot pattern */
    pointer-events: none;
}

/* Feature Grid Layout */
.cs_feature_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
}

.cs_feature_item {
    display: flex;
}

.cs_feature_item .cs_feature {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 50px 40px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid #eef2f6;
    background: #ffffff;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02);
}

.cs_feature_item .cs_feature:hover {
    transform: translateY(-15px);
    border-color: var(--primary-blue);
    background: linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%);
    box-shadow: 0px 25px 50px rgba(11, 28, 44, 0.12);
}

.cs_feature_title {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.cs_feature_icon {
    width: 70px;
    height: 70px;
    flex: none;
    transition: all 0.3s ease;
}

.cs_feature_item .cs_feature:hover .cs_feature_icon {
    transform: scale(1.1) rotate(5deg);
}

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

@media (max-width: 767px) {
    .cs_feature_grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Service Link Button */
.cs_view_more_wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Close potential broken blocks from previous edits */

/* Spotify Podcast Section Styles */
.cs_spotify_section {

    color: #ffffff;
}

.cs_spotify_green {
    color: #0b1c2c !important;
}

.cs_spotify_card {
    background-color: #181818;
    padding: 16px;
    border-radius: 8px;
    height: 100%;
    transition: background-color 0.3s ease;
    cursor: pointer;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.cs_spotify_card:hover {
    background-color: #282828;
}

.cs_spotify_card_img {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 16px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}

.cs_spotify_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.cs_spotify_play_btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #1DB954;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    opacity: 0;
    transform: translateY(8px);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    pointer-events: none;
}

.cs_spotify_card:hover .cs_spotify_play_btn {
    opacity: 1;
    transform: translateY(0);
}

.cs_spotify_title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs_spotify_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #a7a7a7;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5em;
}

/* Ensure headings in this section are white */
.cs_spotify_section .cs_section_title {
    color: #ffffff;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .cs_spotify_card {
        margin-bottom: 20px;
    }
}

/* Horizontal Spotify Podcast Card Layout - Force Overrides */
.cs_spotify_section .cs_spotify_card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;
    border-radius: 8px !important;
    height: auto !important;
    transition: background-color 0.3s ease;
}

.cs_spotify_section .cs_spotify_card:hover {
    background-color: #282828 !important;
}

.cs_spotify_section .cs_spotify_card_img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 4px !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    aspect-ratio: 1 !important;
}

.cs_spotify_section .cs_spotify_card_content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
    margin-right: 10px !important; /* Space before button */
    overflow: hidden !important;
}

.cs_spotify_section .cs_spotify_title {
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

.cs_spotify_section .cs_spotify_subtitle {
    font-size: 14px !important;
    color: #b3b3b3 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    display: block !important;
}

/* Listen Now Button */
.cs_spotify_btn {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 8px 24px !important;
    border-radius: 500px !important; /* Pill shape */
    text-decoration: none !important;
    white-space: nowrap !important;
    display: inline-block !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
    border: none !important;
    flex-shrink: 0 !important; /* Don't shrink */
}

.cs_spotify_btn:hover {
    transform: scale(1.04);
    color: #000000 !important;
    background-color: #f0f0f0 !important;
}

/* Responsive adjustment for Mobile */
@media (max-width: 575px) {
    .cs_spotify_section .cs_spotify_card {
        padding: 12px !important;
        gap: 12px !important;
    }
    .cs_spotify_section .cs_spotify_card_img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }
    .cs_spotify_title {
        font-size: 14px !important;
    }
    .cs_spotify_subtitle {
        font-size: 12px !important;
    }
    .cs_spotify_btn {
        padding: 6px 16px !important;
        font-size: 12px !important;
    }
}

/* Custom Override: Center Hero Image on Desktop */
@media (min-width: 992px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        left: 50% !important;
        transform: translateX(-50%) !important;
        right: auto !important;
        position: absolute !important;
    }
}

/* Center Hero Heading and Place Behind Image - Override */
.cs_hero.cs_style_1 .cs_hero_text {
    text-align: center !important;
    z-index: 0 !important; /* Send text behind */
    position: relative;
}

.cs_hero.cs_style_1 .cs_hero_title {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    position: relative;
    z-index: 0 !important;
}

@media (min-width: 992px) {
    .cs_hero.cs_style_1 .cs_hero_img {
        z-index: 10 !important; /* Bring image to front */
    }
}

/* Ensure Hero Info Wrap is always on top of the centered image */
.cs_hero.cs_style_1 .cs_hero_info_wrap {
    position: relative !important;
    z-index: 50 !important;
    background-color: #ffffff; /* Ensure non-transparent background */
}

/* Hero Logo Styles */
.cs_hero_logo {
    max-width: 500px; /* Reduced from likely large size */
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .cs_hero_logo {
        max-width: 350px;
        margin: 0 auto 30px; /* Center on mobile */
    }
}

@media (max-width: 575px) {
    .cs_hero_logo {
        max-width: 280px;
    }
}

/* Adjust Hero Logo Position */
.cs_hero_logo {
    margin: 40px auto 30px !important; /* Center horizontally */
}

/* Move Hero Section Content Up */
.cs_hero.cs_style_1 .cs_hero_wrap {
    padding-top: 150px !important; /* Reduced from 248px to move content up */
}

/* Increase Hero Logo Size */
.cs_hero_logo {
    max-width: 600px !important; /* Increased from 500px */
}

@media (max-width: 991px) {
    .cs_hero_logo {
        max-width: 450px !important; /* Increased mobile size */
    }
}

@media (max-width: 575px) {
    .cs_hero_logo {
        max-width: 350px !important; /* Increased small mobile size */
    }
}

/* Enhanced Hospital Facilities Section - Restructured & Attractive */

/* Section Background & Spacing */
.cs_departments.cs_style_1 {
    background: #f8fbff !important; /* Soft medical light blue tint */
    padding-top: 80px;
    padding-bottom: 80px;
    border-radius: 0; /* Full width feel */
    position: relative;
}

/* Card Container */
.cs_department_carousel.cs_gap_20 {
    padding: 20px 0; /* Space for shadows */
}

/* Facility Cards - Restructured */
.cs_departments.cs_style_1 .cs_department {
    background: #ffffff;
    border-radius: 16px; /* Softer corners */
    border: 1px solid #eef2f6;
    padding: 30px;
    height: 100%;
    min-height: 380px; /* Consistent height */
    display: flex;
    flex-direction: column;
    align-items: center; /* Center align content */
    justify-content: flex-start;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); /* Very subtle base shadow */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
    margin: 10px; /* Space around cards */
}

/* Hover Effect - Clean & Professional */
.cs_departments.cs_style_1 .cs_department:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(11, 28, 44, 0.15); /* Blue tinted shadow */
    background-color: #ffffff; /* Keep white */
    border-color: var(--primary-blue);
}

/* Icon Styling */
.cs_department_icon {
    width: 70px;
    height: 70px;
    background-color: rgba(11, 28, 44, 0.08); /* Very light blue bg */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.cs_department_icon img {
    width: 32px;
    height: 32px;
    filter: none; /* Keep original icon colors */
    transition: all 0.3s ease;
}

/* Hover Icon Change */
.cs_departments.cs_style_1 .cs_department:hover .cs_department_icon {
    background-color: var(--primary-blue);
    transform: scale(1.1);
}

/* ========================================================================= */
/* Contact Information Cards Section Styling */
.cs_contact_info_cards .cs_iconbox {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 24px !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15) !important; /* Perfect dark shadow */
}

/* ========================================================================= */
/* Location Map Section Styling */
/* ========================================================================= */
.cs_location_map {
    margin-top: 60px;
    margin-bottom: 60px;
}

.cs_location_map_header {
    margin-bottom: 40px;
}

.cs_map_wrapper {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08); /* Matches site default soft shadow */
    border: 1px solid rgba(0, 0, 0, 0.05); /* Clean border */
    background-color: #ffffff;
}

.cs_map_wrapper iframe {
    width: 100%;
    height: 450px;
    display: block;
    border: none;
}

/* Map Responsive Adjustments */
@media (max-width: 991px) {
    .cs_map_wrapper iframe {
        height: 400px;
    }
    .cs_location_map_header {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .cs_map_wrapper iframe {
        height: 300px;
    }
    .cs_location_map {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/* 1. Perfect Border and Shadow Hover Effect */
.cs_contact_info_cards .cs_iconbox:hover {
    background: transparent !important;
    background-color: #ffffff !important;
    transform: translateY(-8px) !important;
    border-color: #0b1c2c !important;
    box-shadow: 0 25px 60px rgba(11, 28, 44, 0.25) !important; /* Deeper dark hover shadow */
}

.cs_contact_info_cards .cs_iconbox:hover::before {
    display: none !important;
    opacity: 0 !important;
}

/* 2. Text Color uses primary color (#0b1c2c) */
.cs_contact_info_cards .cs_iconbox_title,
.cs_contact_info_cards p {
    color: #0b1c2c !important;
}

.cs_contact_info_cards .cs_iconbox:hover .cs_iconbox_title,
.cs_contact_info_cards .cs_iconbox:hover p {
    color: #0b1c2c !important;
}

/* 3. Icon Box Hover - Remove background effect */
.cs_contact_info_cards .cs_iconbox_icon {
    background-color: rgba(11, 28, 44, 0.05) !important;
}

.cs_contact_info_cards .cs_iconbox:hover .cs_iconbox_icon {
    background-color: rgba(11, 28, 44, 0.05) !important;
}

.cs_departments.cs_style_1 .cs_department:hover .cs_department_icon img {
    filter: brightness(0) invert(1); /* White icon on hover */
}

/* Typography Enhancements */
.cs_department_title {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-teal); /* Dark medical text */
    margin-bottom: 12px;
    transition: color 0.3s ease;
}

.cs_department_subtitle {
    font-size: 15px;
    line-height: 1.6;
    color: #6B7280; /* Neutral gray for text */
    opacity: 1; /* Clearer text */
    margin: 0;
}

/* Text Hover State */
.cs_departments.cs_style_1 .cs_department:hover .cs_department_title {
    color: var(--primary-blue);
}

.cs_departments.cs_style_1 .cs_department:hover .cs_department_subtitle {
    color: #4B5563; /* Slightly darker gray, NOT white */
}

/* Navigation Arrows - Repositioned & Styled */
.cs_slider_navigation.cs_style_1 {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 40px;
}

.cs_slider_prev, .cs_slider_next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #eef2f6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.cs_slider_prev:hover, .cs_slider_next:hover {
    background: var(--primary-blue);
    border-color: var(--primary-blue);
    transform: scale(1.05);
}

.cs_slider_prev img, .cs_slider_next img {
    width: 20px;
    transition: filter 0.3s ease;
}

.cs_slider_prev:hover img, .cs_slider_next:hover img {
    filter: brightness(0) invert(1);
}

/* Removing old hover color flips that reduce readability */
.cs_departments.cs_style_1 .cs_department:hover .cs_heading_color {
    color: inherit;
}


/* Enhanced Feature Card Gradient */
.cs_feature.cs_style_1 {
    background: linear-gradient(135deg, #0b1c2c, #245c91);
    border: 1px solid #EAF4F8;
}
/* Styled Section Subtitle (Treatment, etc.) */
.cs_section_subtitle_styled {
    display: inline-block;
    background-color: #0b1c2c; /* Light blue background */
    color: var(--background-white);
    padding: 5px 16px;
    border-radius: 50px; /* Pill shape */
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;

}

/*--------------------------------------------------------------
## Hospital Facilities Section
----------------------------------------------------------------*/
.cs_facility_card_wrapper {
  padding: 15px;
  height: 100%; /* Ensures wrapper takes full height of the slide */
  width: 100%;  /* Ensures proper width within the slide */
  display: flex !important;
  flex: 1;
}

/* Flex Container for the Card to ensure content stretches properly */
.cs_facility_card {
  background-color: #ffffff; /* Explicit white background */
  border-radius: 25px; /* Perfect rounded corners matching site style */
  padding: 40px 30px; /* Spacious internal container padding */
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08); /* Soft, premium shadow */
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  display: flex !important; 
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  overflow: hidden; /* Ensures content respects border radius */
  border: 1px solid #f0f0f0; /* Subtle border for definition */
}

.cs_facility_card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.12);
  border-color: var(--primary-blue); /* Highlight border on hover */
}

.cs_facility_icon i {
  transition: all 0.3s ease;
  margin-bottom: 20px; /* Consistent spacing below icon */
}

/* STRICT Equal Height Logic for Slick Slider */
.cs_facilities_carousel .slick-track {
  display: flex !important;
  align-items: stretch; /* Stretches all slides to the height of the tallest one */
  margin-left: -15px; /* Offset for wrapper padding */
  margin-right: -15px;
}

.cs_facilities_carousel .slick-slide {
  height: auto !important; 
  display: flex !important;
  height: inherit !important;
  flex-direction: column;
  justify-content: center;
}

/* Ensure the div slick injects (if any) or direct wrapper also stretches */
.cs_facilities_carousel .slick-slide > div {
    display: flex;
    flex: 1;
    height: 100%;
}


/* Footer Social Links Styling */
.cs_footer_item .cs_social_links_wrap {
    margin-top: 20px;
}

.cs_footer_item .cs_social_links_wrap h2 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.cs_footer_item .cs_social_links {
    display: flex;
    gap: 15px;
}

.cs_footer_item .cs_social_links a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color:#0b1c2c;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 14px;
}

.cs_footer_item .cs_social_links a:hover {
    background-color: var(--primary-blue);
    transform: translateY(-3px);
}

/* Mobile Footer Layout Optimization */
@media (max-width: 575px) {
    .cs_footer_main .container .row {
        display: flex;
        flex-wrap: wrap;
    }
    
    /* Brand column spans full width */
    .cs_footer_main .container .row > div:first-child {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        order: 1;
    }

    /* Center Badge/Logo explicitly */
    .cs_footer_logo {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 20px;
    }

    .cs_footer_logo img {
        max-width: 200px; /* Ensure reasonable size on mobile */
        height: auto;
    }

    /* Social icons centered */
    .cs_footer_item .cs_social_links {
        justify-content: center;
    }

    /* Link and Contact columns take 50% width each */
    .cs_footer_main .container .row > div:not(:first-child) {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 30px;
        order: 2;
    }

    /* Adjust headings for mobile */
    .cs_widget_title {
        font-size: 18px;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    
    /* Ensure lists don't break layout */
    .cs_menu_widget li {
        margin-bottom: 12px;
        line-height: 1.4;
    }

    .cs_menu_widget li a {
        font-size: 14px;
        display: block;
    }
    
    /* Ensure contact info wraps properly in small columns */
    .cs_footer_item ul.cs_menu_widget li {
        display: flex;
        align-items: flex-start;
        font-size: 13px;
    }
    
    .cs_footer_item ul.cs_menu_widget li i {
        min-width: 20px; /* Prevent icon shrinking */
        margin-top: 3px;
    }
}

/* 
----------------------------------------------------------------
Footer Background Update 
----------------------------------------------------------------
*/
.cs_footer {
    background-color: #0b1c2c;
}

/* 
----------------------------------------------------------------
Team Member Image Fix 
----------------------------------------------------------------
*/
.cs_team.cs_style_1 .cs_member_img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}

/* 
----------------------------------------------------------------
Cardiology Department Styles 
----------------------------------------------------------------
*/
.cs_cardiology_heading {
    font-size: 72px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--dark-teal);
    margin-bottom: 0; /* Margin handled by spacer div */
    text-transform: capitalize;
}

.cs_cardiology_text {
    font-size: 18px;
    line-height: 1.6;
    color: #4B5563; /* Slightly darker than muted for readability */
    font-weight: 400;
    margin: 0;
    text-align: left;
}

.cs_cardiology_img {
    width: 100%;
    height: auto;
    border-radius: 30px; /* Matching site radius style */
    box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.08);
    object-fit: cover;
    display: block;
    margin: 0 auto; /* Center alignment */
    transition: transform 0.3s ease;
}

.cs_cardiology_img:hover {
    transform: translateY(-5px);
}

/* Responsive Typography & Layout */
@media (max-width: 1199px) {
    .cs_cardiology_heading {
        font-size: 56px;
    }
}

@media (max-width: 991px) {
    .cs_cardiology_heading {
        font-size: 42px;
    }
    
    .cs_cardiology_text {
        font-size: 16px;
    }

    .cs_cardiology_img {
        margin-top: 50px; /* Space between text and image on mobile */
    }
}

@media (max-width: 575px) {
    .cs_cardiology_heading {
        font-size: 32px;
        line-height: 1.2;
    }
}

/* 
----------------------------------------------------------------
Number Icon Styles 
----------------------------------------------------------------
*/
.cs_number_icon {
    font-size: 40px;
    font-weight: 700;
    color: var(--primary-blue);
    opacity: 0.3; /* Faded effect */
    line-height: 1;
    display: inline-block;
    transition: all 0.3s ease; /* Smooth transition for hover */
}

/* Cardiology Card Refined Styles */
.cs_iconbox.cs_style_8 {
    background-color: #ffffff;
    border: 1px solid #eef2f6;
    padding: 50px 30px;
    border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cs_iconbox.cs_style_8 .cs_iconbox_icon {
    background-color: #f8fbff;
    border: 1px solid #e1e9f0;
    color: #0b1c2c;
    transition: all 0.3s ease;
}

.cs_iconbox.cs_style_8 .cs_iconbox_title {
    color: #0b1c2c !important; /* Overriding default white */
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 28px;
}

.cs_iconbox.cs_style_8 .cs_iconbox_subtitle {
    color: #52606d !important; /* Overriding default white */
    line-height: 1.7;
    margin: 0;
    font-size: 16px;
}

.cs_iconbox.cs_style_8:hover {
    transform: translateY(-12px);
    border-color: rgba(11, 28, 44, 0.3);
    box-shadow: 0 25px 50px rgba(11, 28, 44, 0.12);
}

.cs_iconbox.cs_style_8:hover .cs_iconbox_icon {
    background-color: #0b1c2c;
    color: #ffffff;
    border-color: #0b1c2c;
}

/* Number hover behavior inside the card */
.cs_iconbox.cs_style_8 .cs_number_icon {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    transition: all 0.3s ease;
}

.cs_iconbox.cs_style_8:hover .cs_number_icon {
    color: #ffffff;
}

/* 
----------------------------------------------------------------
Cardiology Section Container Refinements 
----------------------------------------------------------------
*/
.cs_iconbox_8_wrap {
    padding: 80px 60px; /* More breathing room */
    background-color: #f4f7f9; /* Subtle background contrast */
    border-radius: 30px;
}

@media (max-width: 991px) {
    .cs_iconbox_8_wrap {
        padding: 40px 20px; /* Adjusted mobile padding */
    }
}

@media (max-width: 991px) {
    .cs_iconbox_8_wrap {
        padding: 40px 20px; /* Adjusted mobile padding */
    }
}

/* 
----------------------------------------------------------------
NRS Info Section Styles 
----------------------------------------------------------------
*/
.cs_nrs_info_section {
    background-color: #F8FBFF; /* Very soft blue background */
}

.cs_nrs_info_box {
    background-color: #FFFFFF;
    padding: 80px 40px;
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.05); /* Soft, premium shadow */
    border: 1px solid #EEF2F6;
}

@media (max-width: 991px) {
    .cs_nrs_info_box {
        padding: 40px 20px;
    }
    
    .cs_nrs_info_box .cs_fs_48 {
        font-size: 32px; /* Scale down heading */
        line-height: 1.3;
    }
    
    .cs_nrs_info_box .cs_fs_20 {
        font-size: 16px; /* Optimized text size */
        line-height: 1.6;
    }
}

/* ========================================================================= */
/* Patient Video Testimonials */
/* ========================================================================= */

.patient-video-testimonials {
    padding: 60px 0;
    overflow: hidden;
    background-color: transparent;
}

.pvt-slider-wrapper {
    position: relative;
    max-width: 1100px;
    margin: 60px auto 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.pvt-slider-container {
    flex: 1;
    overflow: hidden;
    border-radius: 30px;
    /* Apple-style edge fade masking for inactive cards */
    mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
    padding: 20px 0;
}

.pvt-slider-track {
    display: flex;
    gap: 30px;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
    cursor: grab;
}

.pvt-slider-track:active {
    cursor: grabbing;
}

/* Glassmorphism vertical cards */
.pvt-video-card {
    flex: 0 0 calc(33.333% - 20px);
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 28px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    padding: 18px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05), 0 2px 10px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
    user-select: none;
    -webkit-user-drag: none;
}

.pvt-video-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.03);
}

/* 9:16 Vertical Ratio for Videos */
.pvt-iframe-box {
    position: relative;
    width: 100%;
    padding-top: 177.77%; /* 16:9 inverted = 9:16 */
    border-radius: 20px;
    overflow: hidden;
    background-color: #f5f5f7;
    border: 1px solid rgba(0,0,0,0.03);
}

.pvt-iframe-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: auto; /* Allow interaction */
}

/* Prevent iframe interaction when swiping slider */
.pvt-slider-track.is-dragging .pvt-iframe-box iframe {
    pointer-events: none;
}

/* Typography matching site */
.pvt-card-info {
    padding: 22px 10px 10px;
    text-align: center;
}

.pvt-card-info h4 {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 700;
    color: #0b1c2c;
    font-family: inherit;
    letter-spacing: -0.01em;
}

.pvt-card-info p {
    margin: 0 0 12px 0;
    font-size: 15px;
    color: #555;
    line-height: 1.5;
    font-style: italic;
}

.pvt-location {
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;
}

/* Apple-style nav buttons */
.pvt-nav-btn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #0b1c2c;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 2;
    flex-shrink: 0;
}

.pvt-nav-btn:hover {
    background: #0b1c2c;
    color: #ffffff;
    transform: scale(1.08);
}

.pvt-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: none;
    background: #ffffff;
    color: #0b1c2c;
    box-shadow: none;
}

.pvt-nav-btn svg {
    width: 24px;
    height: 24px;
}

/* Responsive adjustments (Mobile First Strategy Followed For Edits) */
@media (max-width: 991px) {
    .pvt-video-card {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 767px) {
    .pvt-slider-wrapper {
        gap: 15px;
        margin-top: 40px;
    }
    .pvt-video-card {
        flex: 0 0 82%;
    }
    .pvt-slider-track {
        gap: 20px;
    }
    .pvt-nav-btn {
        display: none; /* Hide manual arrows on mobile; rely on touch swipe */
    }
    .pvt-slider-container {
        -webkit-mask-image: none; /* Remove edge mask to allow cards to bleed clearly off-screen */
        mask-image: none;
        overflow: visible; 
    }
    .patient-video-testimonials {
        overflow-x: hidden;
    }
    .pvt-iframe-box {
        padding-top: 150%; /* Slightly adjust ratio for better mobile screen fitting if necessary */
    }
}


/* Optimization for Mobile View Only (Hero Section) */
@media (max-width: 768px) {
    /* Hero Style 1 (Index Page) */
    .cs_hero.cs_style_1 {
        padding-bottom: 0px !important;
        height: auto !important;
    }
    
    .cs_hero.cs_style_1 .cs_hero_wrap {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        height: auto !important;
    }
    
    .cs_hero.cs_style_1 .cs_hero_wrap > .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        justify-content: center !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .cs_hero.cs_style_1 .cs_hero_logo {
        margin: 0 auto 30px !important;
        max-width: 80% !important;
        display: block !important;
    }
    
    .cs_hero.cs_style_1 .cs_hero_img {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        margin: 30px auto !important;
        display: block !important;
        object-fit: contain !important;
    }
    
    .cs_hero.cs_style_1 .cs_hero_info_wrap {
        margin-bottom: 0 !important;
        padding: 40px 20px !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        margin-top: 30px !important;
    }
    
    .cs_hero.cs_style_1 .cs_hero_info {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
    }

    /* Banner Style 3 (Inner Pages) */
    .cs_banner.cs_style_3 {
        padding: 60px 20px !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .cs_banner.cs_style_3 .cs_banner_img {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        margin-bottom: 30px !important;
        padding-top: 0 !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .cs_banner.cs_style_3 .cs_banner_img img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        display: block !important;
    }
    
    .cs_banner.cs_style_3 .cs_banner_text {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .cs_banner.cs_style_3 .cs_banner_title {
        font-size: 32px !important;
        margin-bottom: 15px !important;
        line-height: 1.2 !important;
    }
    
    .cs_banner.cs_style_3 .cs_banner_subtitle {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    /* General rules for center alignment and image behavior on mobile */
    .cs_hero_text, .cs_banner_text {
        text-align: center !important;
    }
    
    .cs_hero_info_col {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    /* Prevent image overflow and maintain balance */
    .cs_hero img, .cs_banner img {
        max-width: 100% !important;
        height: auto !important;
    }
}
/* General Mobile Spacing Optimizations */
@media (max-width: 768px) {
    /* Compress large vertical height spacers */
    .cs_height_50, .cs_height_55, .cs_height_60, .cs_height_72, .cs_height_120, .cs_height_130, .cs_height_140, .cs_height_150 {
        height: 30px !important;
    }
    .cs_height_lg_50 {
        height: 30px !important;
    }
    
    /* Optimize inline padded sections & margins globally */
    section[style*="padding-top: 50px"], 
    section[style*="padding-top: 60px"],
    section[style*="padding-top: 120px"],
    section[style*="padding-top: 130px"] {
        padding-top: 30px !important;
    }

    section[style*="padding-bottom: 50px"], 
    section[style*="padding-bottom: 60px"],
    section[style*="padding-bottom: 120px"],
    section[style*="padding-bottom: 130px"] {
        padding-bottom: 30px !important;
    }

    div[style*="margin-top: 50px"],
    section[style*="margin-top: 50px"] {
        margin-top: 30px !important;
    }

    div[style*="margin-bottom: 50px"],
    section[style*="margin-bottom: 50px"] {
        margin-bottom: 30px !important;
    }
    
    /* Fix horizontal container paddings */
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Fix typographies overflowing on mobile */
    .cs_section_title {
        font-size: clamp(28px, 6vw, 36px) !important;
        line-height: 1.2 !important;
        padding: 0 !important;
    }

    /* Counter Area specific mobile margins */
    .cs_counter_area {
        margin-top: 0px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .cs_funfact_1_wrap {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 20px !important;
        border-radius: 20px !important;
    }
    .cs_funfact_1_wrap::after {
        display: none !important;
    }

    /* Facilities grid fix */
    .cs_facilities_carousel .slick-track {
        display: flex !important;
        gap: 15px !important;
    }

    /* Fix the gap of the row element natively from Bootstrap affecting x-overflow */
    .row {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
    .col-lg-6, .col-lg-7, .col-lg-5, .col-lg-12, .col-md-6, .col-12 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    /* Center align about section and fix overlap */
    .cs_about_content {
        text-align: center !important;
        align-items: center !important;
        position: relative !important;
        z-index: 20 !important;
    }
    .cs_about_features_wrap {
        justify-content: center !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    .cs_about_btns_wrap {
        justify-content: center !important;
        flex-wrap: wrap !important;
        display: flex !important;
        gap: 15px !important;
        position: relative !important;
        z-index: 20 !important;
    }
    
    /* Make sure no horizontal scrolling happens anywhere */
    body, html {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
}

@media (max-width: 576px) {
    /* Reduce Apple Card height if still taking too much space vertically */
    .apple-card {
        padding: 20px !important;
        height: auto !important;
        min-height: auto !important;
    }
    .apple-card-image-wrapper {
        margin-top: -20px !important;
    }
    .apple-horizontal-scroll-section .cs_section_heading {
        margin-bottom: 30px !important;
    }
}
@media (max-width: 768px) {
    /* Limit massive font sizes directly */
    .cs_fs_72 {
        font-size: clamp(32px, 8vw, 42px) !important;
        line-height: 1.2 !important;
    }
    
    .cs_fs_48 {
        font-size: clamp(28px, 6vw, 36px) !important;
        line-height: 1.3 !important;
    }
    
    .cs_fs_20 {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
    
    /* Remove huge gap between FAQ and Footer on mobile */
    .cs_faq_section {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    #cs_footer_area {
        margin-top: 0 !important;
    }
    
    .cs_footer, .cs_footer_main {
        padding-top: 25px !important;
        margin-top: 0 !important;
    }
    
    /* Remove white gap underneath Spotify cards */
    .cs_spotify_section iframe {
        height: 152px !important; 
    }
    
    .cs_spotify_section .gy-4 {
        --bs-gutter-y: 15px !important;
    }
}
/* ------- PULSE PREMIUM HERO STYLES ------- */
.pulse_hero_wrap {
    position: relative;
    background: #ffffff;
    padding: 10px 0;
    overflow: visible;
    font-family: 'Inter', sans-serif;
}

.pulse_hero_container {
    max-width: 1600px !important;
    width: 98% !important;
    background: linear-gradient(145deg, #0b1c2c 0%, #173855 100%);
    border-radius: 30px;
    padding: 20px 60px 80px;
    position: relative;
    overflow: visible;
    color: #ffffff;
    box-shadow: 0 25px 50px -12px rgba(11, 28, 44, 0.25);
    z-index: 2;
}

.pulse_hero_container::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0.04;
    background-image: radial-gradient(#ffffff 2px, transparent 2px);
    background-size: 30px 30px;
    z-index: 1;
    pointer-events: none;
}

/* Fix for Navbar injected inside Hero Container */
.pulse_hero_nav {
    position: relative;
    z-index: 99;
    margin-bottom: 20px;
}

.pulse_hero_nav .cs_site_header {
    background: transparent !important;
    position: relative !important;
    box-shadow: none !important;
}

.pulse_hero_nav .cs_main_header {
    background: transparent !important;
}

.pulse_hero_nav .cs_nav_list > li > a {
    color: #ffffff !important;
}

.pulse_hero_nav .cs_nav_list > li {
    margin-right: 25px !important;
}

.pulse_hero_nav .cs_main_header_left {
    position: static;
}

@media screen and (min-width: 992px) {
    .pulse_hero_nav .cs_nav {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

.pulse_hero_nav .cs_nav_list > li > a:hover {
    color: #f7df1e !important;
}

.pulse_hero_nav .cs_main_header_right .cs_btn {
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    background: transparent !important;
    color: #ffffff !important;
}

.pulse_hero_nav .cs_main_header_right .cs_btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/*******************************************/

/* Removed duplicate ::before rule */

.pulse_hero_container .row {
    position: relative;
    z-index: 5;
}

.pulse_badge {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: #e2e8f0;
}

.pulse_hero_heading {
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    color: #ffffff;
}

.pulse_hero_subtitle {
    font-size: clamp(18px, 2vw, 22px);
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 1.5;
}

.pulse_hero_btns {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

.pulse_btn_primary {
    background-color: #f7df1e;
    color: #0b1c2c;
    padding: 16px 36px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(247, 223, 30, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pulse_btn_primary:hover {
    background-color: #ffe600;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(247, 223, 30, 0.3);
    color: #0b1c2c;
}

.pulse_btn_secondary {
    background-color: transparent;
    color: #ffffff;
    padding: 16px 36px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pulse_btn_secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
    color: #ffffff;
}

.pulse_hero_image_col {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    align-self: flex-end;
}

.pulse_image_wrapper {
    position: relative;
    max-width: 57%;
    width: 57%;
    margin-right: 150px;
    margin-bottom: -80px;
    z-index: 2;
}

.pulse_doctor_img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.2));
}

.pulse_floating_card {
    position: absolute;
    bottom: 80px;
    left: -40px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 16px 24px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, 0.5);
    animation: float 4s ease-in-out infinite;
}

.pulse_floating_card i {
    font-size: 24px;
    color: #e11d48;
    background: #ffe4e6;
    padding: 12px;
    border-radius: 50%;
}

.pulse_floating_card span {
    color: #0f172a;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

@media (max-width: 991px) {
    .pulse_hero_wrap {
        padding: 40px 0;
    }
    .pulse_hero_container {
        padding: 10px 40px 60px;
        border-radius: 20px;
    }
    .pulse_hero_content {
        text-align: center;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .pulse_hero_btns {
        justify-content: center;
    }
    .pulse_image_wrapper {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        margin-bottom: -60px;
        max-width: 100%;
        width: 100%;
    }
    .pulse_floating_card {
        left: 50%;
        transform: translateX(-50%);
        bottom: -20px;
        white-space: nowrap;
        animation: none;
    }
}

@media (max-width: 576px) {
    .pulse_hero_wrap {
        padding: 20px 0;
    }
    .pulse_hero_container {
        padding: 10px 20px 40px;
        border-radius: 16px;
    }
    .pulse_hero_heading {
        font-size: 32px !important;
    }
    .pulse_hero_btns {
        flex-direction: column;
        width: 100%;
        padding: 0 20px;
    }
    .pulse_btn_primary, .pulse_btn_secondary {
        width: 100%;
    }
    .pulse_image_wrapper {
        margin-bottom: -40px;
    }
    .pulse_floating_card {
        padding: 12px 16px;
    }
    .pulse_floating_card span {
        font-size: 14px;
    }
}

/* Removal of hover color effects for Services section */
.pulse_services_section .cs_iconbox.cs_style_7:hover::before {
    opacity: 0 !important;
}
.pulse_services_section .cs_iconbox.cs_style_7 .cs_iconbox_btn:hover {
    background-color: rgba(11, 28, 44, 0.5) !important;
}
.pulse_services_section .cs_iconbox.cs_style_7:hover {
    -webkit-box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1) !important;
    box-shadow: 0px 4px 21px 1px rgba(11, 28, 44, 0.1) !important;
    transform: none !important;
}

/* Padding reduction for services cards */
.pulse_services_section .cs_iconbox.cs_style_7 {
    padding: 40px 30px 60px 90px !important;
}
.pulse_services_section .cs_iconbox.cs_style_7 .cs_iconbox_icon {
    top: 40px !important;
    left: 24px !important;
}
.pulse_services_section .cs_iconbox.cs_style_7 .cs_iconbox_title {
    font-size: 28px !important;
}

/* Icon size reduction for services cards */
.pulse_services_section .cs_iconbox.cs_style_7 .cs_iconbox_icon {
    max-width: 45px !important;
}
.pulse_services_section .cs_iconbox.cs_style_7 .cs_iconbox_icon img {
    width: 100% !important;
    height: auto !important;
}

/* ==========================================================================
   Apple-Style Premium Section Redesign
   ========================================================================== */
.apple_premium_section {
    background: linear-gradient(180deg, #fbfbfd 0%, #ffffff 100%);
    padding: 120px 0 !important;
    overflow: hidden;
    position: relative;
}

.apple_premium_content {
    perspective: 1000px;
}

.apple_premium_heading {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.015em;
    color: #1d1d1f;
    margin-bottom: 30px !important;
}

.apple_premium_text {
    font-size: 18px;
    line-height: 1.5;
    color: #6e6e73;
    font-weight: 400;
    max-width: 90%;
}

.apple_image_wrapper {
    position: relative;
    padding-left: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.apple_image_container {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateZ(0);
    background: #fff;
    cursor: pointer;
}

.apple_image_container img {
    border-radius: 30px;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 100%;
    height: auto;
}

.apple_image_container:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18);
}

.apple_image_container:hover img {
    transform: scale(1.05);
}

.apple_floating_animation {
    animation: appleFloat 6s ease-in-out infinite;
}

@keyframes appleFloat {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

.apple_btns_wrap {
    display: flex;
    gap: 20px;
    margin-top: 50px;
}

.apple_btns_wrap .cs_btn {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.apple_btns_wrap .cs_btn:hover {
    transform: scale(1.05) translateY(-3px);
    box-shadow: 0 10px 20px rgba(11, 28, 44, 0.15) !important;
}

/* Responsive Scaling */
@media screen and (max-width: 1199px) {
    .apple_premium_heading {
        font-size: 44px;
    }
    .apple_premium_text {
        font-size: 19px;
    }
    .apple_premium_section {
        padding: 80px 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .apple_image_wrapper {
        padding-left: 0;
        margin-top: 60px;
    }
    .apple_premium_heading {
        font-size: 38px;
        text-align: center;
    }
    .apple_premium_text {
        text-align: center;
        max-width: 100%;
    }
    .apple_btns_wrap {
        justify-content: center;
    }
}

@media screen and (max-width: 575px) {
    .apple_premium_heading {
        font-size: 32px;
    }
    .apple_btns_wrap {
        flex-direction: column;
        align-items: center;
    }
}


/* ==========================================================================
   Apple-Style Editorial Mission & Vision Section
   ========================================================================== */
.apple_editorial_mv_section {
    background: linear-gradient(180deg, #ffffff 0%, #f0f4f8 100%);
    /* padding: 140px 0 !important; */
    position: relative;
    overflow: hidden;
}

.apple_editorial_wrapper {
    position: relative;
    z-index: 2;
}

.apple_mv_column {
    position: relative;
    padding: 60px 40px;
    transition: all 0.5s ease;
    height: 100%;
}

.apple_mv_column:hover {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 40px;
}

.apple_watermark_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 180px;
    font-weight: 900;
    color: #0b1c2c;
    opacity: 0.03;
    letter-spacing: 15px;
    pointer-events: none;
    z-index: -1;
    white-space: nowrap;
}

.apple_mv_icon_large {
    font-size: 64px;
    color: #0b1c2c;
    margin-bottom: 40px;
    display: inline-block;
    filter: drop-shadow(0 10px 15px rgba(11, 28, 44, 0.15));
    animation: appleSlowFloat 6s ease-in-out infinite;
}

@keyframes appleSlowFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.apple_mv_heading {
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 25px;
    letter-spacing: -0.02em;
}

.apple_mv_description {
    font-size: 20px;
    line-height: 1.7;
    color: #6e6e73;
    max-width: 90%;
}

.apple_vertical_divider {
    position: absolute;
    left: 50%;
    top: 15%;
    bottom: 15%;
    width: 1px;
    background: linear-gradient(180deg, transparent 0%, rgba(11, 28, 44, 0.2) 50%, transparent 100%);
    transform: translateX(-50%);
}

.apple_section_header {
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .apple_editorial_mv_section {
        padding: 100px 0 !important;
    }
    .apple_vertical_divider {
        display: none;
    }
    .apple_mv_column {
        padding: 40px 20px;
        text-align: center;
    }
    .apple_mv_description {
        margin: 0 auto;
        max-width: 100%;
    }
    .apple_watermark_text {
        font-size: 120px;
    }
}

@media (max-width: 575px) {
    .apple_watermark_text {
        font-size: 80px;
        letter-spacing: 10px;
    }
}

/* ==========================================================================
   NRS Info Section Enhancements & Icon Slider
   ========================================================================== */
.cs_nrs_info_box {
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: #ffffff;
    box-shadow: 0 40px 100px rgba(11, 28, 44, 0.14);
    padding: 100px 50px !important;
}

.cs_nrs_info_box:hover {
    transform: translateY(-8px) scale(1.015);
    box-shadow: 0 60px 120px rgba(11, 28, 44, 0.2);
}

.cs_nrs_info_box .cs_section_title {
    letter-spacing: -0.01em;
}

/* Horizontal Icon Slider */
.cs_hospital_icon_slider {
    margin-top: 30px;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    width: 100%;
}

.cs_hospital_icon_slider::before,
.cs_hospital_icon_slider::after {
    content: "";
    height: 100%;
    position: absolute;
    width: 200px;
    z-index: 2;
    pointer-events: none;
}

.cs_hospital_icon_slider::before {
    background: linear-gradient(to right, #ffffff, transparent);
    left: 0;
    top: 0;
}

.cs_hospital_icon_slider::after {
    background: linear-gradient(to left, #ffffff, transparent);
    right: 0;
    top: 0;
}

.cs_icon_track {
    display: flex;
    width: calc(280px * 20);
    animation: hospitalIconScroll 50s linear infinite;
}

.cs_icon_track:hover {
    animation-play-state: paused;
}

.cs_icon_slide {
    width: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
    flex-shrink: 0;
}

.cs_icon_circle {
    width: 90px;
    height: 90px;
    background: #f5f5f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
}

.cs_icon_circle i {
    font-size: 34px;
    color: #0b1c2c;
    transition: all 0.4s ease;
}

.cs_icon_slide span {
    font-size: 13px;
    font-weight: 700;
    color: #86868b;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    white-space: nowrap;
    transition: color 0.4s ease;
}

.cs_icon_slide:hover .cs_icon_circle {
    transform: translateY(-10px);
    background: #0b1c2c;
    box-shadow: 0 20px 40px rgba(11, 28, 44, 0.15);
}

.cs_icon_slide:hover .cs_icon_circle i {
    color: #ffffff;
    transform: scale(1.1);
}

.cs_icon_slide:hover span {
    color: #0b1c2c;
}

@keyframes hospitalIconScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-280px * 10)); }
}

@media (max-width: 991px) {
    .cs_nrs_info_box {
        padding: 60px 30px !important;
    }
    .cs_hospital_icon_slider::before,
    .cs_hospital_icon_slider::after {
        width: 100px;
    }
    .cs_icon_slide {
        width: 240px;
    }
    @keyframes hospitalIconScroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-240px * 10)); }
    }
}

@media (max-width: 767px) {
    .cs_hospital_icon_slider::before,
    .cs_hospital_icon_slider::after {
        width: 50px;
    }
}

/* ==========================================================================
   Apple-Style Interactive Service Cards
   ========================================================================== */
.apple_service_section {
    background: linear-gradient(180deg, #f0f4f8 0%, #ffffff 100%);
    padding: 50px 0 !important;
}

.apple_service_card {
    background: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
    position: relative;
    display: flex;
    flex-direction: column;
}

.apple_service_card:hover {
    transform: translateY(-12px);
    box-shadow: 0 40px 80px rgba(11, 28, 44, 0.12);
}

.apple_service_img_wrapper {
    position: relative;
    height: 260px;
    overflow: hidden;
}

.apple_service_img_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.apple_service_card:hover .apple_service_img_wrapper img {
    transform: scale(1.1);
}

.apple_service_img_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(11, 28, 44, 0.6) 100%);
    opacity: 0.6;
    transition: opacity 0.4s ease;
}

.apple_service_card:hover .apple_service_img_overlay {
    opacity: 0.8;
}

.apple_service_info {
    padding: 35px 30px;
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.apple_service_title {
    font-size: 20px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 0;
    transition: color 0.3s ease;
}

.apple_service_card:hover .apple_service_title {
    color: #0b1c2c;
}

.apple_service_desc_wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), margin 0.4s ease, opacity 0.4s ease;
    opacity: 0;
}

.apple_service_card:hover .apple_service_desc_wrapper {
    max-height: 200px;
    margin-top: 20px;
    opacity: 1;
}

.apple_service_description {
    font-size: 16px;
    line-height: 1.6;
    color: #6e6e73;
    margin: 0;
}

/* Responsive Scaling */
@media (max-width: 1199px) {
    .apple_service_img_wrapper {
        height: 220px;
    }
    .apple_service_title {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .apple_service_section {
        padding: 80px 0 !important;
    }
}

@media (max-width: 767px) {
    .apple_service_card:active .apple_service_desc_wrapper,
    .apple_service_card:focus .apple_service_desc_wrapper {
        max-height: 200px;
        margin-top: 20px;
        opacity: 1;
    }
}

/* Breadcrumb Styles */
.pulse_breadcrumb {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 15px;
}

.pulse_breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.pulse_breadcrumb a:hover {
    color: #f7df1e;
    border-bottom-color: #f7df1e;
}

/* ==========================================================================
   Apple-Style Why Choose Us Section
   ========================================================================== */
.apple_why_section {
    padding: 120px 0 !important;
    background-color: #ffffff;
    overflow: hidden;
}

.apple_why_header {
    margin-bottom: 80px !important;
}

.apple_why_badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    background: #f5f5f7;
    border-radius: 40px;
    margin-bottom: 25px;
    border: 1px solid rgba(0,0,0,0.05);
}

.apple_why_badge i {
    color: #245c91;
    font-size: 14px;
    animation: pulseIcon 2s infinite ease-in-out;
}

@keyframes pulseIcon {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.apple_why_badge span {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #1d1d1f;
}

.apple_why_heading {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    color: #1d1d1f;
    letter-spacing: -0.02em;
    margin-bottom: 20px !important;
}

.apple_why_subtitle {
    font-size: 20px;
    color: #6e6e73;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 400;
    line-height: 1.5;
}

.apple_why_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.apple_why_card {
    background: #fbfbfd;
    padding: 45px;
    border-radius: 28px;
    border: 1px solid rgba(0,0,0,0.02);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: default;
}

.apple_why_card:hover {
    transform: translateY(-10px);
    background: #ffffff;
    box-shadow: 0 30px 60px rgba(0,0,0,0.08);
    border-color: rgba(36, 92, 145, 0.1);
}

.apple_why_card::after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle at top right, rgba(36, 92, 145, 0.05) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.apple_why_card:hover::after {
    opacity: 1;
}

.apple_why_icon_box {
    width: 64px;
    height: 64px;
    background: #ffffff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.04);
    transition: all 0.5s ease;
    border: 1px solid rgba(0,0,0,0.03);
}

.apple_why_card:hover .apple_why_icon_box {
    background: #245c91;
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 15px 30px rgba(36, 92, 145, 0.2);
}

.apple_why_icon_box svg {
    width: 32px;
    height: 32px;
    color: #245c91;
    transition: all 0.5s ease;
}

.apple_why_card:hover .apple_why_icon_box svg {
    color: #ffffff;
    transform: scale(1.1);
}

.apple_why_card_title {
    font-size: 24px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 15px !important;
    transition: color 0.3s ease;
}

.apple_why_card:hover .apple_why_card_title {
    color: #245c91;
}

.apple_why_card_desc {
    font-size: 16px;
    line-height: 1.6;
    color: #6e6e73;
    margin-bottom: 0 !important;
    font-weight: 400;
}

/* Responsive Scaling */
@media (max-width: 991px) {
    .apple_why_section {
        padding: 80px 0 !important;
    }
    .apple_why_heading {
        font-size: 36px;
    }
    .apple_why_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .apple_why_card {
        padding: 35px;
    }
}

@media (max-width: 767px) {
    .apple_why_grid {
        grid-template-columns: 1fr;
    }
    .apple_why_heading {
        font-size: 32px;
    }
    .apple_why_subtitle {
        font-size: 18px;
    }
    .apple_why_card {
        padding: 30px;
    }
}


/* ==========================================================================
   Mobile Navbar "Perfect Working" Fixes
   ========================================================================== */

/* 1. Fix mobile menu text color in pulse_hero_nav (Override !important white text) */
@media screen and (max-width: 1199px) {
    .pulse_hero_nav .cs_nav_list > li > a {
        color: var(--dark-teal) !important;
    }
    .pulse_hero_nav .cs_nav_active .cs_nav_list > li > a {
        color: var(--dark-teal) !important;
    }
    
    /* Active/Hover state on mobile */
    .pulse_hero_nav .cs_nav_list > li > a:hover,
    .pulse_hero_nav .cs_nav_list > li.active > a {
        color: var(--accent-blue) !important;
    }

    /* Submenu text color */
    .cs_nav .cs_nav_list ul a {
        color: var(--text-dark) !important;
        font-size: 15px;
    }
}

/* 2. Mobile Header Background & Shadow */
@media screen and (max-width: 1199px) {
    .cs_site_header.cs_mobile_toggle_active {
        background-color: #ffffff !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    
    /* Ensure the logo is visible */
    .cs_mobile_toggle_active .cs_site_branding img {
        filter: none !important;
    }
}

/* 3. Mobile Menu List Refinement */
@media screen and (max-width: 1199px) {
    .cs_nav .cs_nav_list {
        background-color: #ffffff;
        box-shadow: 10px 0 30px rgba(0,0,0,0.1);
        border-top: 1px solid rgba(0,0,0,0.05);
        z-index: 1000;
        top: 80px; /* Match header height */
        height: calc(100vh - 80px);
        padding-bottom: 40px;
    }
    
    .cs_nav .cs_nav_list > li {
        border-bottom: 1px solid rgba(0,0,0,0.03);
    }
}

/* 4. Menu Toggle Button Contrast */
@media screen and (max-width: 1199px) {
    /* Dark Toggle on White Header */
    .cs_site_header.cs_mobile_toggle_active .cs_menu_toggle {
        color: var(--dark-teal) !important;
    }
    
    /* Light Toggle on Transparent/Dark Header (Hero) */
    .pulse_hero_nav .cs_menu_toggle:not(.cs_toggle_active) {
        color: #ffffff !important;
    }
}

/* 5. Submenu Toggle Button Styling */
@media screen and (max-width: 1199px) {
    .cs_munu_dropdown_toggle {
        color: var(--text-muted);
    }
    .cs_munu_dropdown_toggle.active {
        color: var(--accent-blue);
    }
}

/* 6. Prevent body scroll when menu is open */
body.cs_mobile_menu_open {
    overflow: hidden !important;
}

/* 7. Overlay Effect */
.cs_menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.cs_mobile_toggle_active ~ .cs_menu_overlay,
.cs_site_header.cs_mobile_toggle_active + .cs_menu_overlay {
    opacity: 1;
    visibility: visible;
}
/* Final refinements for "Perfect" Mobile Header */
@media (max-width: 1199px) {
    /* Reduce header height on mobile for a sleeker look */
    .cs_site_header.cs_style1 .cs_main_header_in {
        height: 70px !important;
    }
    
    /* Adjust logo size to fit the new height */
    .cs_site_branding img {
        max-height: 45px;
        width: auto;
    }
    
    /* Center the branding correctly */
    .cs_site_header.cs_style1 .cs_main_header_left {
        gap: 0;
    }
    
    /* Adjust position of the menu toggle */
    .cs_site_header.cs_style1 .cs_menu_toggle {
        top: 50% !important;
        margin-top: -13px !important;
        right: 0px !important; /* Give some space from the edge */
    }
    
    /* Update menu top to match new header height */
    .cs_nav .cs_nav_list {
        top: 70px !important;
        height: calc(100vh - 70px) !important;
    }

    /* Fixed Z-index for Sticky Header */
    .cs_sticky_header.cs_gescout_sticky {
        z-index: 2000 !important;
    }

    /* Better spacing for mobile nav items */
    .cs_nav .cs_nav_list a {
        padding: 15px 25px !important;
        font-weight: 600;
        letter-spacing: 0.02em;
    }

    /* Submenu styling refinement */
    .cs_nav .cs_nav_list ul {
        background-color: #f8f9fa !important;
        padding-left: 10px !important;
        border-left: 3px solid var(--accent-blue);
        margin: 5px 25px 15px !important;
        border-radius: 8px;
    }
}

/* Fix for pulse_hero_nav specific mobile alignment */
@media (max-width: 1199px) {
    .pulse_hero_nav .cs_main_header_right {
        margin-right: 45px; /* Leave space for the absolute toggle */
    }
}
/* FIX: Mobile Navbar Overlap & Layout */
@media (max-width: 1199px) {
    /* Prevent header wrapping which causes overlap */
    .cs_main_header_in {
        flex-wrap: nowrap !important;
        height: 70px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    /* Hide the redundant Book Appointment button in the header on mobile 
       to prevent clutter and overlap, since it exists in the hero anyway. */
    .cs_main_header_right .cs_toolbox {
        display: none !important;
    }

    /* Adjust Logo for mobile */
    .cs_site_branding {
        max-width: 140px !important;
        z-index: 102;
    }
    
    .cs_site_branding img {
        max-height: 40px !important;
    }

    /* Positioning the menu toggle perfectly on the right */
    .cs_menu_toggle {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        z-index: 102;
    }

    /* Container adjustments */
    .cs_main_header .container {
        padding: 0 15px !important;
    }
}

/* Fix Hero content spacing that was being overlapped */
@media (max-width: 1199px) {
    .pulse_hero_nav {
        margin-bottom: 0 !important;
    }
    
    .pulse_hero_container {
        padding-top: 10px !important;
    }
    
    .pulse_badge {
        margin-top: 20px;
    }
}
/* Robust Layout Fix for Mobile Header */
@media (max-width: 1199px) {
    .cs_main_header_in {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        height: 70px !important;
        width: 100% !important;
    }

    .cs_main_header_left {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        flex: 1 !important;
    }

    /* Keep the logo on the far left */
    .cs_site_branding {
        margin-right: auto !important;
    }

    /* Position the hamburger menu precisely on the right margin */
    .cs_menu_toggle {
        margin-left: auto !important;
        /* Re-center it vertically */
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: 35px !important;
        height: 25px !important;
    }
}
/* Final Layout Coordination for Mobile Navbar */
@media (max-width: 1199px) {
    .hero_main_content {
        margin-top: 10px !important;
    }
    
    .pulse_hero_nav {
        margin-bottom: 0 !important;
    }
    
    /* Ensure the hamburger icon is white when on the dark hero background */
    .pulse_hero_nav .cs_menu_toggle span,
    .pulse_hero_nav .cs_menu_toggle span:before,
    .pulse_hero_nav .cs_menu_toggle span:after {
        background-color: #ffffff !important;
    }
    
    /* But if the menu is open, the header becomes white, so icons must be dark */
    .cs_mobile_toggle_active .cs_menu_toggle span,
    .cs_mobile_toggle_active .cs_menu_toggle span:before,
    .cs_mobile_toggle_active .cs_menu_toggle span:after {
        background-color: var(--dark-teal) !important;
    }
    
    /* Clean up the logo and menu toggle alignment */
    .cs_main_header_left {
        padding-right: 0 !important;
    }
}
/* Final adjustment for Badge spacing */
@media (max-width: 1199px) {
    .pulse_badge {
        margin-top: 40px !important;
    }
}
/* PERFECT HAMBURGER ALIGNMENT (FAR RIGHT) */
@media (max-width: 1199px) {
    /* Ensure the parent is the reference point */
    .cs_main_header_in {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        height: 70px !important;
    }

    /* Force the hamburger to the absolute right side of the container */
    .cs_menu_toggle {
        position: absolute !important;
        right: 15px !important; /* Adjust if more edge-padding is needed */
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        z-index: 105 !important;
        cursor: pointer !important;
    }
    
    /* Ensure no other flex-logic pushes it away */
    .cs_nav {
        width: auto !important;
        margin: 0 !important;
    }
}
/* Dynamic Hamburger Color for Sticky/Hero States */
@media (max-width: 1199px) {
    /* Hero/Transparent state: WHITE */
    .pulse_hero_nav:not(.cs_mobile_toggle_active) .cs_menu_toggle span,
    .pulse_hero_nav:not(.cs_mobile_toggle_active) .cs_menu_toggle span:before,
    .pulse_hero_nav:not(.cs_mobile_toggle_active) .cs_menu_toggle span:after {
        background-color: #ffffff !important;
    }
    
    /* Sticky/White state or Menu Open STATE: DARK */
    .cs_gescout_sticky .cs_menu_toggle span,
    .cs_gescout_sticky .cs_menu_toggle span:before,
    .cs_gescout_sticky .cs_menu_toggle span:after,
    .cs_mobile_toggle_active .cs_menu_toggle span,
    .cs_mobile_toggle_active .cs_menu_toggle span:before,
    .cs_mobile_toggle_active .cs_menu_toggle span:after {
        background-color: var(--dark-teal) !important;
    }
}

/* ==========================================================================
   MASTER MOBILE NAVBAR FIX (FINAL)
   ========================================================================== */

@media (max-width: 1199px) {
    /* FORCE VISIBILITY OF MENU LINKS */
    .cs_nav .cs_nav_list.cs_active, 
    .cs_nav_list.cs_active {
        background-color: #ffffff !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }

    .cs_nav_list.cs_active a,
    .cs_nav_list.cs_active li a,
    .pulse_hero_nav .cs_nav_list.cs_active a {
        color: #0b1c2c !important; /* Deep Navy/Teal */
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
        font-family: 'Inter', sans-serif !important;
    }

    /* Submenu link visibility */
    .cs_nav_list.cs_active ul a {
        color: #444444 !important;
    }

    /* Ensure active/hover links are clear */
    .cs_nav_list.cs_active a:hover,
    .cs_nav_list.cs_active li.active > a {
        color: #1e40af !important; /* Brighter Blue */
    }

    /* Fix the Menu Toggle icon color when menu is open */
    .cs_mobile_toggle_active .cs_menu_toggle span,
    .cs_mobile_toggle_active .cs_menu_toggle span:before,
    .cs_mobile_toggle_active .cs_menu_toggle span:after {
        background-color: #0b1c2c !important;
    }
}
/* Submenu toggle visibility */
@media (max-width: 1199px) {
    .cs_munu_dropdown_toggle {
        color: #0b1c2c !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .cs_munu_dropdown_toggle span,
    .cs_munu_dropdown_toggle span:before,
    .cs_munu_dropdown_toggle span:after {
        background-color: #0b1c2c !important;
    }
}
/* ==========================================================================
   PREMIUM SIDEBAR MOBILE MENU (80% WIDTH & BLURRED BG)
   ========================================================================== */

@media (max-width: 1199px) {
    /* Main Menu List as a Sidebar from the Right */
    .cs_nav .cs_nav_list {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important; /* Start off-screen on the right */
        left: auto !important;
        width: 80% !important; /* Show 20% of background */
        max-width: 320px !important;
        height: 100vh !important;
        background: rgba(11, 28, 44, 0.95) !important; /* Dark Navy to match Hero */
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 80px 20px 40px !important;
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 1000 !important;
        box-shadow: -10px 0 30px rgba(0,0,0,0.5) !important;
        border-left: 1px solid rgba(255,255,255,0.1) !important;
    }

    /* Active state for sidebar sliding in */
    .cs_nav .cs_nav_list.cs_active {
        right: 0 !important;
        left: auto !important;
    }

    /* Text Color Fix for Dark Background */
    .cs_nav_list.cs_active a,
    .cs_nav_list.cs_active li a {
        color: #ffffff !important;
        font-size: 18px !important;
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
        padding: 15px 10px !important;
    }
    
    .cs_nav_list.cs_active li:last-child a {
        border-bottom: none !important;
    }

    /* Submenu Toggle Icon */
    .cs_munu_dropdown_toggle {
        color: #ffffff !important;
        top: 15px !important;
        right: 15px !important;
    }
    
    .cs_munu_dropdown_toggle span,
    .cs_munu_dropdown_toggle span:before,
    .cs_munu_dropdown_toggle span:after {
        background-color: #ffffff !important;
    }

    /* Active/Hover states */
    .cs_nav_list.cs_active a:hover,
    .cs_nav_list.cs_active li.active > a {
        color: #f7df1e !important; /* Yellow accent to match hero buttons */
    }

    /* Overlay refinement - Let the hero background show through */
    .cs_menu_overlay {
        background: rgba(0, 0, 0, 0.2) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }
}
/* Close Button Styling in Mobile Sidebar */
@media (max-width: 1199px) {
    .cs_menu_close {
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        font-size: 24px !important;
        color: #ffffff !important;
        cursor: pointer !important;
        z-index: 1010 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 35px !important;
        height: 35px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
        transition: all 0.3s ease !important;
    }
    
    .cs_menu_close:hover {
        background: rgba(247, 223, 30, 0.2) !important; /* Yellow tint hover */
        border: 1px solid rgba(247, 223, 30, 0.5) !important;
        transform: rotate(90deg) !important;
    }
}
/* ==========================================================================
   CONSISTENT CLOSE BUTTON FOR MOBILE SIDEBAR
   ========================================================================== */

@media (max-width: 1199px) {
    /* Ensure the sidebar background is DARK for all mobile views now */
    .cs_nav .cs_nav_list, 
    .cs_nav_list.cs_active {
        background: #0b1c2c !important; /* Force Dark Navy for premium look */
        padding-top: 80px !important;
    }

    .cs_close_menu {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
        font-size: 32px !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        z-index: 1010 !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        line-height: 1 !important;
        padding-bottom: 4px !important; /* Visual vertical center adjustment for '×' */
    }

    .cs_close_menu:hover {
        background: #f7df1e !important; /* Yellow theme color */
        color: #0b1c2c !important;
        transform: rotate(90deg) !important;
        border-color: #f7df1e !important;
    }
}
/* ==========================================================================
   HIGH VISIBILITY DARK CLOSE BUTTON
   ========================================================================== */

@media (max-width: 1199px) {
    .cs_close_menu {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        width: 45px !important;
        height: 45px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        /* Ensure it's DARK and VISIBLE on any background */
        background: #f7df1e !important; /* Vibrant Yellow background */
        color: #0b1c2c !important; /* Solid Dark Navy color */
        font-size: 36px !important; /* Make it LARGER */
        border-radius: 50% !important;
        cursor: pointer !important;
        z-index: 10000 !important; /* Extremely high to stay above everything */
        box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
        border: 2px solid #0b1c2c !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }

    .cs_close_menu:hover {
        background: #0b1c2c !important;
        color: #f7df1e !important;
        transform: scale(1.1) rotate(90deg) !important;
    }
}