/*--------------------------------------------------------------

Google Fonts Integration

----------------------------------------------------------------*/

/* Start Poppins */

@font-face {

  font-family: "Poppins";

  src: url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");

  font-weight: 700;

  font-style: normal;

}

@font-face {

  font-family: "Poppins";

  src: url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: "Poppins";

  src: url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "Poppins";

  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");

  font-weight: 400;

  font-style: normal;

}

/* End Poppins */

/* Start Rubik */

@font-face {

  font-family: "Rubik";

  src: url("../fonts/rubik/static/Rubik-Bold.ttf") format("truetype");

  font-weight: 700;

  font-style: normal;

}

@font-face {

  font-family: "Rubik";

  src: url("../fonts/rubik/static/Rubik-SemiBold.ttf") format("truetype");

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: "Rubik";

  src: url("../fonts/rubik/static/Rubik-Medium.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

}

@font-face {

  font-family: "Rubik";

  src: url("../fonts/rubik/static/Rubik-Regular.ttf") format("truetype");

  font-weight: 400;

  font-style: normal;

}

/* End Rubik */

/*--------------------------------------------------------------

## All Color Variable

----------------------------------------------------------------*/

:root {

  --white: #fff;

  --black: #000;

  --heading-color: #222;

  --body-color: #636363;

  --accent-color: #ea7d29;

  --blue-color: #164a68;

  --gray-color: #e8edf0;

  --border-color: #dddddd;

  --heading-font: "Poppins", sans-serif;

  --body-font: "Rubik", sans-serif;

}



/*--------------------------------------------------------------

>> TABLE OF CONTENTS:

----------------------------------------------------------------

1. Typography

2. Preloader

3. Spacing

4. General

5. Slider

6. Video Modal

7. Header

8. Footer

9. Sidebar

10. Hero

11. Iconbox

12. Posts

13. CTA

14. Testimonial

15. Counter

16. Casestudie

17. Team

18. Pricing

19. Card

--------------------------------------------------------------*/

/*--------------------------------------------------------------

1. Typography

----------------------------------------------------------------*/

body,

html {

  color: #000;

  font-family: var(--body-font);

  font-size: 16px;

  line-height: 1.6em;

  overflow-x: clip;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  clear: both;

  color: var(--heading-color);

  padding: 0;

  margin: 0 0 20px 0;

  font-weight: 700;

  line-height: 1.2em;

  font-family: var(--heading-font);

}



.cs_primary_font {

  font-family: var(--heading-font);

}



.cs_secondary_font {

  font-family: var(--body-font);

}



h1 {

  font-size: 56px;

}



h2 {

  font-size: 42px;

}



h3 {

  font-size: 30px;

}



h4 {

  font-size: 24px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 16px;

}



p {

  margin-bottom: 15px;

  line-height: 1.6em;

}



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;

  cursor: pointer;

}



a:hover {

  text-decoration: none;

  color: var(--accent-color);

}



table {

  width: 100%;

  margin-bottom: 25px;

}

table th {

  font-weight: 600;

  color: var(--body-color);

}

table td,

table th {

  border-top: 1px solid var(--border-color);

  padding: 11px 10px;

}



dl {

  margin-bottom: 25px;

}

dl dt {

  font-weight: 600;

}



b,

strong {

  font-weight: bold;

}



pre {

  color: var(--body-color);

  border: 1px solid var(--border-color);

  font-size: 18px;

  padding: 25px;

  border-radius: 5px;

}



kbd {

  font-size: 100%;

  background-color: var(--body-color);

  border-radius: 5px;

}



input,

textarea {

  color: var(--heading-color);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



/*--------------------------------------------------------------

  2. Preloader

----------------------------------------------------------------*/

.cs_preloader {

  position: fixed;

  height: 100vh;

  width: 100vw;

  z-index: 99999;

  left: 0;

  top: 0;

  background-color: #fff;

  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_preloader .cs_preloader_in {

  position: relative;

}

.cs_preloader .cs_preloader_in svg {

  width: 110px;

  height: 110px;

}

.cs_preloader .cs_wave_first svg {

  fill: rgba(46, 166, 247, 0.15);

}

.cs_preloader .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_preloader .cs_wave_second svg {

  fill: var(--accent-color);

}



@-webkit-keyframes spark {

  0% {

    max-width: 0;

  }

  100% {

    max-width: 100%;

  }

}



@keyframes spark {

  0% {

    max-width: 0;

  }

  100% {

    max-width: 100%;

  }

}

/*--------------------------------------------------------------

  3. Spacing

----------------------------------------------------------------*/

@media screen and (min-width: 992px) {

  .cs_height_1 {

    height: 1px;

  }

  .cs_height_2 {

    height: 2px;

  }

  .cs_height_3 {

    height: 3px;

  }

  .cs_height_4 {

    height: 4px;

  }

  .cs_height_5 {

    height: 5px;

  }

  .cs_height_6 {

    height: 6px;

  }

  .cs_height_7 {

    height: 7px;

  }

  .cs_height_8 {

    height: 8px;

  }

  .cs_height_9 {

    height: 9px;

  }

  .cs_height_10 {

    height: 10px;

  }

  .cs_height_11 {

    height: 11px;

  }

  .cs_height_12 {

    height: 12px;

  }

  .cs_height_13 {

    height: 13px;

  }

  .cs_height_14 {

    height: 14px;

  }

  .cs_height_15 {

    height: 15px;

  }

  .cs_height_16 {

    height: 16px;

  }

  .cs_height_17 {

    height: 17px;

  }

  .cs_height_18 {

    height: 18px;

  }

  .cs_height_19 {

    height: 19px;

  }

  .cs_height_20 {

    height: 20px;

  }

  .cs_height_21 {

    height: 21px;

  }

  .cs_height_22 {

    height: 22px;

  }

  .cs_height_23 {

    height: 23px;

  }

  .cs_height_24 {

    height: 24px;

  }

  .cs_height_25 {

    height: 25px;

  }

  .cs_height_26 {

    height: 26px;

  }

  .cs_height_27 {

    height: 27px;

  }

  .cs_height_28 {

    height: 28px;

  }

  .cs_height_29 {

    height: 29px;

  }

  .cs_height_30 {

    height: 30px;

  }

  .cs_height_31 {

    height: 31px;

  }

  .cs_height_32 {

    height: 32px;

  }

  .cs_height_33 {

    height: 33px;

  }

  .cs_height_34 {

    height: 34px;

  }

  .cs_height_35 {

    height: 35px;

  }

  .cs_height_36 {

    height: 36px;

  }

  .cs_height_37 {

    height: 37px;

  }

  .cs_height_38 {

    height: 38px;

  }

  .cs_height_39 {

    height: 39px;

  }

  .cs_height_40 {

    height: 40px;

  }

  .cs_height_41 {

    height: 41px;

  }

  .cs_height_42 {

    height: 42px;

  }

  .cs_height_43 {

    height: 43px;

  }

  .cs_height_44 {

    height: 44px;

  }

  .cs_height_45 {

    height: 45px;

  }

  .cs_height_46 {

    height: 46px;

  }

  .cs_height_47 {

    height: 47px;

  }

  .cs_height_48 {

    height: 48px;

  }

  .cs_height_49 {

    height: 49px;

  }

  .cs_height_50 {

    height: 50px;

  }

  .cs_height_51 {

    height: 51px;

  }

  .cs_height_52 {

    height: 52px;

  }

  .cs_height_53 {

    height: 53px;

  }

  .cs_height_54 {

    height: 54px;

  }

  .cs_height_55 {

    height: 55px;

  }

  .cs_height_56 {

    height: 56px;

  }

  .cs_height_57 {

    height: 57px;

  }

  .cs_height_58 {

    height: 58px;

  }

  .cs_height_59 {

    height: 59px;

  }

  .cs_height_60 {

    height: 60px;

  }

  .cs_height_61 {

    height: 61px;

  }

  .cs_height_62 {

    height: 62px;

  }

  .cs_height_63 {

    height: 63px;

  }

  .cs_height_64 {

    height: 64px;

  }

  .cs_height_65 {

    height: 65px;

  }

  .cs_height_66 {

    height: 66px;

  }

  .cs_height_67 {

    height: 67px;

  }

  .cs_height_68 {

    height: 68px;

  }

  .cs_height_69 {

    height: 69px;

  }

  .cs_height_70 {

    height: 70px;

  }

  .cs_height_71 {

    height: 71px;

  }

  .cs_height_72 {

    height: 72px;

  }

  .cs_height_73 {

    height: 73px;

  }

  .cs_height_74 {

    height: 74px;

  }

  .cs_height_75 {

    height: 75px;

  }

  .cs_height_76 {

    height: 76px;

  }

  .cs_height_77 {

    height: 77px;

  }

  .cs_height_78 {

    height: 78px;

  }

  .cs_height_79 {

    height: 79px;

  }

  .cs_height_80 {

    height: 80px;

  }

  .cs_height_81 {

    height: 81px;

  }

  .cs_height_82 {

    height: 82px;

  }

  .cs_height_83 {

    height: 83px;

  }

  .cs_height_84 {

    height: 84px;

  }

  .cs_height_85 {

    height: 85px;

  }

  .cs_height_86 {

    height: 86px;

  }

  .cs_height_87 {

    height: 87px;

  }

  .cs_height_88 {

    height: 88px;

  }

  .cs_height_89 {

    height: 89px;

  }

  .cs_height_90 {

    height: 90px;

  }

  .cs_height_91 {

    height: 91px;

  }

  .cs_height_92 {

    height: 92px;

  }

  .cs_height_93 {

    height: 93px;

  }

  .cs_height_94 {

    height: 94px;

  }

  .cs_height_95 {

    height: 95px;

  }

  .cs_height_96 {

    height: 96px;

  }

  .cs_height_97 {

    height: 97px;

  }

  .cs_height_98 {

    height: 98px;

  }

  .cs_height_99 {

    height: 99px;

  }

  .cs_height_100 {

    height: 100px;

  }

  .cs_height_101 {

    height: 101px;

  }

  .cs_height_102 {

    height: 102px;

  }

  .cs_height_103 {

    height: 103px;

  }

  .cs_height_104 {

    height: 104px;

  }

  .cs_height_105 {

    height: 105px;

  }

  .cs_height_106 {

    height: 106px;

  }

  .cs_height_107 {

    height: 107px;

  }

  .cs_height_108 {

    height: 108px;

  }

  .cs_height_109 {

    height: 109px;

  }

  .cs_height_110 {

    height: 110px;

  }

  .cs_height_111 {

    height: 111px;

  }

  .cs_height_112 {

    height: 112px;

  }

  .cs_height_113 {

    height: 113px;

  }

  .cs_height_114 {

    height: 114px;

  }

  .cs_height_115 {

    height: 115px;

  }

  .cs_height_116 {

    height: 116px;

  }

  .cs_height_117 {

    height: 117px;

  }

  .cs_height_118 {

    height: 118px;

  }

  .cs_height_119 {

    height: 119px;

  }

  .cs_height_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: 135px;

  }

  .cs_height_136 {

    height: 136px;

  }

  .cs_height_137 {

    height: 137px;

  }

  .cs_height_138 {

    height: 138px;

  }

  .cs_height_139 {

    height: 139px;

  }

  .cs_height_140 {

    height: 140px;

  }

  .cs_height_141 {

    height: 141px;

  }

  .cs_height_142 {

    height: 142px;

  }

  .cs_height_143 {

    height: 143px;

  }

  .cs_height_144 {

    height: 144px;

  }

  .cs_height_145 {

    height: 145px;

  }

  .cs_height_146 {

    height: 146px;

  }

  .cs_height_147 {

    height: 147px;

  }

  .cs_height_148 {

    height: 148px;

  }

  .cs_height_149 {

    height: 149px;

  }

  .cs_height_150 {

    height: 150px;

  }

}

@media screen and (max-width: 991px) {

  .cs_height_lg_1 {

    height: 1px;

  }

  .cs_height_lg_2 {

    height: 2px;

  }

  .cs_height_lg_3 {

    height: 3px;

  }

  .cs_height_lg_4 {

    height: 4px;

  }

  .cs_height_lg_5 {

    height: 5px;

  }

  .cs_height_lg_6 {

    height: 6px;

  }

  .cs_height_lg_7 {

    height: 7px;

  }

  .cs_height_lg_8 {

    height: 8px;

  }

  .cs_height_lg_9 {

    height: 9px;

  }

  .cs_height_lg_10 {

    height: 10px;

  }

  .cs_height_lg_11 {

    height: 11px;

  }

  .cs_height_lg_12 {

    height: 12px;

  }

  .cs_height_lg_13 {

    height: 13px;

  }

  .cs_height_lg_14 {

    height: 14px;

  }

  .cs_height_lg_15 {

    height: 15px;

  }

  .cs_height_lg_16 {

    height: 16px;

  }

  .cs_height_lg_17 {

    height: 17px;

  }

  .cs_height_lg_18 {

    height: 18px;

  }

  .cs_height_lg_19 {

    height: 19px;

  }

  .cs_height_lg_20 {

    height: 20px;

  }

  .cs_height_lg_21 {

    height: 21px;

  }

  .cs_height_lg_22 {

    height: 22px;

  }

  .cs_height_lg_23 {

    height: 23px;

  }

  .cs_height_lg_24 {

    height: 24px;

  }

  .cs_height_lg_25 {

    height: 25px;

  }

  .cs_height_lg_26 {

    height: 26px;

  }

  .cs_height_lg_27 {

    height: 27px;

  }

  .cs_height_lg_28 {

    height: 28px;

  }

  .cs_height_lg_29 {

    height: 29px;

  }

  .cs_height_lg_30 {

    height: 30px;

  }

  .cs_height_lg_31 {

    height: 31px;

  }

  .cs_height_lg_32 {

    height: 32px;

  }

  .cs_height_lg_33 {

    height: 33px;

  }

  .cs_height_lg_34 {

    height: 34px;

  }

  .cs_height_lg_35 {

    height: 35px;

  }

  .cs_height_lg_36 {

    height: 36px;

  }

  .cs_height_lg_37 {

    height: 37px;

  }

  .cs_height_lg_38 {

    height: 38px;

  }

  .cs_height_lg_39 {

    height: 39px;

  }

  .cs_height_lg_40 {

    height: 40px;

  }

  .cs_height_lg_41 {

    height: 41px;

  }

  .cs_height_lg_42 {

    height: 42px;

  }

  .cs_height_lg_43 {

    height: 43px;

  }

  .cs_height_lg_44 {

    height: 44px;

  }

  .cs_height_lg_45 {

    height: 45px;

  }

  .cs_height_lg_46 {

    height: 46px;

  }

  .cs_height_lg_47 {

    height: 47px;

  }

  .cs_height_lg_48 {

    height: 48px;

  }

  .cs_height_lg_49 {

    height: 49px;

  }

  .cs_height_lg_50 {

    height: 50px;

  }

  .cs_height_lg_51 {

    height: 51px;

  }

  .cs_height_lg_52 {

    height: 52px;

  }

  .cs_height_lg_53 {

    height: 53px;

  }

  .cs_height_lg_54 {

    height: 54px;

  }

  .cs_height_lg_55 {

    height: 55px;

  }

  .cs_height_lg_56 {

    height: 56px;

  }

  .cs_height_lg_57 {

    height: 57px;

  }

  .cs_height_lg_58 {

    height: 58px;

  }

  .cs_height_lg_59 {

    height: 59px;

  }

  .cs_height_lg_60 {

    height: 60px;

  }

  .cs_height_lg_61 {

    height: 61px;

  }

  .cs_height_lg_62 {

    height: 62px;

  }

  .cs_height_lg_63 {

    height: 63px;

  }

  .cs_height_lg_64 {

    height: 64px;

  }

  .cs_height_lg_65 {

    height: 65px;

  }

  .cs_height_lg_66 {

    height: 66px;

  }

  .cs_height_lg_67 {

    height: 67px;

  }

  .cs_height_lg_68 {

    height: 68px;

  }

  .cs_height_lg_69 {

    height: 69px;

  }

  .cs_height_lg_70 {

    height: 70px;

  }

  .cs_height_lg_71 {

    height: 71px;

  }

  .cs_height_lg_72 {

    height: 72px;

  }

  .cs_height_lg_73 {

    height: 73px;

  }

  .cs_height_lg_74 {

    height: 74px;

  }

  .cs_height_lg_75 {

    height: 75px;

  }

  .cs_height_lg_76 {

    height: 76px;

  }

  .cs_height_lg_77 {

    height: 77px;

  }

  .cs_height_lg_78 {

    height: 78px;

  }

  .cs_height_lg_79 {

    height: 79px;

  }

  .cs_height_lg_80 {

    height: 80px;

  }

  .cs_height_lg_81 {

    height: 81px;

  }

  .cs_height_lg_82 {

    height: 82px;

  }

  .cs_height_lg_83 {

    height: 83px;

  }

  .cs_height_lg_84 {

    height: 84px;

  }

  .cs_height_lg_85 {

    height: 85px;

  }

  .cs_height_lg_86 {

    height: 86px;

  }

  .cs_height_lg_87 {

    height: 87px;

  }

  .cs_height_lg_88 {

    height: 88px;

  }

  .cs_height_lg_89 {

    height: 89px;

  }

  .cs_height_lg_90 {

    height: 90px;

  }

  .cs_height_lg_91 {

    height: 91px;

  }

  .cs_height_lg_92 {

    height: 92px;

  }

  .cs_height_lg_93 {

    height: 93px;

  }

  .cs_height_lg_94 {

    height: 94px;

  }

  .cs_height_lg_95 {

    height: 95px;

  }

  .cs_height_lg_96 {

    height: 96px;

  }

  .cs_height_lg_97 {

    height: 97px;

  }

  .cs_height_lg_98 {

    height: 98px;

  }

  .cs_height_lg_99 {

    height: 99px;

  }

  .cs_height_lg_100 {

    height: 100px;

  }

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

  }

}

/*--------------------------------------------------------------

  4. General

----------------------------------------------------------------*/

.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_mp_0 {

  list-style: none;

  margin: 0;

  padding: 0;

}



.cs_row_gap_30 {

  margin-left: -15px;

  margin-right: -15px;

}

.cs_row_gap_30 > * {

  padding-left: 15px;

  padding-right: 15px;

}



.cs_gap_y_24 {

  gap: 24px 0;

}



.cs_gap_y_30 {

  gap: 30px 0;

}



.cs_gap_y_35 {

  gap: 35px 0;

}



.cs_gap_y_40 {

  gap: 40px 0;

}



.cs_gap_y_45 {

  gap: 45px 0;

}



.cs_gap_y_50 {

  gap: 50px 0;

}



.cs_gap_y_60 {

  gap: 60px 0;

}



.cs_gap_y_65 {

  gap: 65px 0;

}



.cs_gap_y_80 {

  gap: 80px 0;

}



hr {

  margin: 0;

  padding: 0;

  border: none;

  border-top: 1px solid var(--border-color);

  opacity: 1;

}



.cs_bg_filed {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.cs_bg_fixed {

  background-attachment: fixed;

}

@media (max-width: 1370px) {

  .cs_bg_fixed {

    background-attachment: initial;

  }

}



.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_white_color {

  color: var(--white);

}



.cs_primary_color {

  color: var(--heading-color);

}



.cs_blue_color {

  color: var(--blue-color);

}



.cs_secondary_color {

  color: var(--body-color);

}



.cs_accent_color {

  color: var(--accent-color);

}



.cs_white_bg {

  background-color: var(--white);

}



.cs_primary_bg {

  background-color: var(--heading-color);

}



.cs_blue_bg {

  background-color: var(--blue-color);

}



.cs_secondary_bg {

  background-color: var(--body-color);

}



.cs_gray_bg {

  background-color: var(--gray-color);

}



.cs_gray_bg_2 {

  background-color: #f0f4f6;

}



.cs_accent_bg {

  background-color: var(--accent-color);

}



label {

  display: inline-block;

  margin-bottom: 7px;

}



.cs_pb_60 {

  padding-bottom: 60px;

}



.container-fluide {

  width: 100%;

  max-width: 1920px;

  padding: 0 30px;

  margin: 0 auto;

}

@media (max-width: 991px) {

  .container-fluide {

    padding: 0 12px;

  }

}



.cs_btn.cs_style_1 {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  font-size: 17px;

  font-weight: 500;

  padding: 11px 28px;

  line-height: 1.6em;

  gap: 8px;

  line-height: 1.6em;

  border-radius: 1.6em;

}

.cs_btn.cs_style_1 i {

  font-size: 15px;

}

.cs_btn.cs_style_1.cs_color_1 {

  background-color: var(--accent-color);

  color: #fff;

}

.cs_btn.cs_style_1.cs_color_1:hover {

  background-color: #b9580e;

}

.cs_btn.cs_style_1.cs_color_2 {

  background-color: var(--blue-color);

  color: #fff;

}

.cs_btn.cs_style_1.cs_color_2:hover {

  background-color: var(--accent-color);

}

.cs_btn.cs_style_1.cs_color_3 {

  background-color: #fff;

  color: var(--blue-color);

}

.cs_btn.cs_style_1.cs_color_3:hover {

  background-color: var(--accent-color);

  color: #fff;

}



.cs_player_btn {

  position: relative;

  z-index: 10;

  width: 55px;

  height: 55px;

  border-radius: 50%;

  padding: 0 0 0 3px;

  color: #fff;

}

.cs_player_btn:before, .cs_player_btn:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 100%;

  height: 100%;

  background-color: var(--accent-color);

  border-radius: 50%;

}

.cs_player_btn:before {

  z-index: 0;

  -webkit-animation: pulse-border 1500ms ease-out infinite;

          animation: pulse-border 1500ms ease-out infinite;

}

.cs_player_btn:after {

  z-index: 1;

  -webkit-transition: all 200ms;

  transition: all 200ms;

}

.cs_player_btn span {

  display: block;

  position: relative;

  z-index: 3;

  width: 0;

  height: 0;

  border-left: 15px solid currentColor;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

}



.cs_spinner_img {

  -webkit-animation: spinAnimaiton 6s linear infinite;

          animation: spinAnimaiton 6s linear infinite;

}



.cs_solution_content_wrapper.cs_type_1 {

  padding: 35px 30px 44px;

}

@media (max-width: 575px) {

  .cs_solution_content_wrapper.cs_type_1 {

    padding: 35px 15px 45px;

  }

}

@media (min-width: 1400px) {

  .cs_solution_content_wrapper {

    padding-right: 76px;

  }

}

.cs_solution_content_wrapper .cs_section_heading_left {

  margin-bottom: 24px;

}

.cs_solution_content_wrapper .cs_section_heading_right {

  margin-bottom: 5px;

}

.cs_solution_content_wrapper .cs_service_heading {

  font-size: 22px;

  margin-bottom: 25px;

}



.cs_service_details .cs_service_heading {

  font-size: 22px;

  margin-bottom: 27px;

}

.cs_service_details .cs_service_subtitle {

  margin-bottom: 20px;

}

.cs_service_details .cs_about_iconbox {

  margin-top: 0;

  border-top: 0;

  padding-top: 30px;

}

.cs_service_details .cs_about_iconbox::before {

  display: none;

}



.cs_solution_thumbnail {

  margin-right: -50px;

}

@media (max-width: 1399px) {

  .cs_solution_thumbnail {

    margin-right: 0;

  }

}

.cs_solution_thumbnail img {

  width: 100%;

}



.cs_service_details_thumbnail {

  width: 100%;

  height: 100%;

  max-height: 448px;

}

.cs_service_details_thumbnail img {

  height: 100%;

  width: 100%;

}



.cs_solution_links.cs_style_2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 10px;

}

.cs_solution_links.cs_style_2 li {

  padding: 7px 10px;

  border: 1px solid var(--border-color);

  border-radius: 35px;

  background-color: var(--white);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_solution_links.cs_style_2 li:hover {

  background-color: var(--blue-color);

}

.cs_solution_links.cs_style_2 li:hover a {

  color: var(--white);

}

.cs_solution_links.cs_style_2 li:hover .cs_tab_link_icon_left {

  background-color: var(--accent-color);

}

.cs_solution_links.cs_style_2 a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 15px;

  font-size: 15px;

  color: var(--blue-color);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_solution_links.cs_style_2 .cs_tab_link_icon_left {

  width: 30px;

  height: 30px;

  background-color: var(--blue-color);

  color: var(--white);

  border-radius: 50%;

  padding: 5px;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.cs_solution_links.cs_style_1 a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  width: 100%;

  max-width: 450px;

  background: transparent;

  padding-right: 10px;

  border-radius: 30px;

  font-size: 18px;

  font-weight: 500;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_solution_links.cs_style_1 .cs_tab_link_icon_left {

  width: 45px;

  height: 45px;

  background-color: var(--blue-color);

  border-radius: 50%;

  padding: 5px;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_solution_links.cs_style_1 .cs_tab_link_icon_left img {

  width: 22px;

  height: 22px;

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.cs_solution_links.cs_style_1 .cs_tab_link_icon_right {

  width: 30px;

  height: 30px;

  background-color: var(--white);

  color: var(--accent-color);

  border-radius: 50%;

  margin-left: auto;

  font-size: 16px;

  opacity: 0;

  -webkit-transform: translateX(-10px);

          transform: translateX(-10px);

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_solution_links.cs_style_1 li {

  padding: 20px 0;

  border-bottom: 1px solid var(--border-color);

}

.cs_solution_links.cs_style_1 li:hover a {

  background: linear-gradient(142deg, #002261 -8.12%, #2a96e6 108.12%);

  color: var(--white);

}

.cs_solution_links.cs_style_1 li:hover .cs_tab_link_icon_left {

  background-color: var(--accent-color);

}

.cs_solution_links.cs_style_1 li:hover .cs_tab_link_icon_right {

  opacity: 1;

  -webkit-transform: translateX(0px);

          transform: translateX(0px);

}



.cs_process.cs_style_1 {

  text-align: center;

}

.cs_process.cs_style_1 .cs_btn.cs_style_1 {

  position: relative;

  z-index: 1;

  margin: 50px auto 0;

}



.cs_process_bg {

  width: 100%;

  height: 45%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: absolute;

  left: 0;

  bottom: 0;

}

.cs_process_bg::after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: var(--blue-color);

  opacity: 0.85;

  position: absolute;

  top: 0;

  left: 0;

}



.cs_contact_thumbnail {

  position: relative;

  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;

}

.cs_contact_thumbnail.cs_pl_40 {

  padding-left: 40px;

}

@media (max-width: 991px) {

  .cs_contact_thumbnail.cs_pl_40 {

    padding-left: 0;

  }

}

.cs_contact_thumbnail.cs_pr_40 {

  padding-right: 40px;

}

@media (max-width: 991px) {

  .cs_contact_thumbnail.cs_pr_40 {

    padding-right: 0;

  }

}

.cs_contact_thumbnail.cs_pr_40 .cs_teeth_shape {

  right: 50px;

  left: auto;

}

.cs_contact_thumbnail .cs_teeth_shape {

  position: absolute;

  top: 40px;

  left: 50px;

}

@media (max-width: 575px) {

  .cs_contact_thumbnail .cs_teeth_shape {

    display: none;

  }

}

.cs_contact_thumbnail .cs_contact_img {

  position: relative;

  z-index: 1;

}

.cs_contact_thumbnail .cs_contact_bg_shape {

  width: 100%;

  height: 40%;

  background-color: #d8e6f3;

  border-top: 5px solid var(--blue-color);

  padding: 40px 0 15px;

  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;

  gap: 40px;

  margin-top: -190px;

}

@media (max-width: 991px) {

  .cs_contact_thumbnail .cs_contact_bg_shape {

    margin-top: 0;

  }

}

.cs_contact_thumbnail .cs_white_bg_shape {

  width: 100%;

  max-width: 400px;

  height: 190px;

  background-color: var(--white);

  margin-top: -45px;

}

@media (max-width: 991px) {

  .cs_contact_thumbnail .cs_white_bg_shape {

    display: none;

  }

}

.cs_contact_thumbnail .cs_iconbox.cs_style_4 {

  background-color: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

  border-bottom: 0;

  padding-top: 0;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.cs_contact_thumbnail .cs_iconbox.cs_style_4:hover {

  background-color: initial;

}

.cs_contact_thumbnail .cs_iconbox.cs_style_4:hover .cs_iconbox_icon {

  background-color: var(--blue-color);

}

.cs_contact_thumbnail .cs_iconbox.cs_style_4:hover .cs_iconbox_title,

.cs_contact_thumbnail .cs_iconbox.cs_style_4:hover .cs_iconbox_subtitle {

  color: initial;

}



.cs_contact_form .cs_btn.cs_style_1 {

  border: none;

  margin-top: 10px;

}



.cs_form_field {

  width: 100%;

  padding: 10px 20px;

  border: 1px solid var(--border-color);

  border-radius: 5px;

  outline: none;

  background-color: #f0f4f6;

  resize: none;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_form_field:focus {

  border-color: var(--accent-color);

}



.cs_appointment_form_wrapper {

  width: 100%;
  max-width: 970px;

  background-color: #f2f4f9;

  border-radius: 40px;

  padding: 90px 70px 100px;

  margin: 0 auto;

}

@media (max-width: 991px) {

  .cs_appointment_form_wrapper {

    padding: 40px 30px 50px;

    border-radius: 10px;

  }

}

@media (max-width: 575px) {

  .cs_appointment_form_wrapper {

    padding: 0;

    background-color: transparent;

  }

}



.cs_appointment_form .cs_form_field {

  background-color: var(--white);

  border-radius: 0;

}

.cs_appointment_form select {

  padding: 12.3px 20px;

  font-size: 16px;

  line-height: 1.6em;

  font-weight: normal;

  color: var(--body-color);

}

.cs_appointment_form .cs_btn.cs_style_1 {

  width: 100%;

  border: 0;

  border-radius: 0;

  background-color: var(--blue-color);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_appointment_form .cs_btn.cs_style_1:hover {

  background-color: var(--accent-color);

}



.cs_location_map {

  width: 100%;

  height: 460px;

  margin-bottom: -1px;

}

.cs_location_map iframe {

  width: 100%;

  height: 100%;

}



/*-----------------------------------

 Start Review 

 ------------------------------------*/

.cs_rating_container {

  max-width: 180px;

}



.cs_rating_percentage,

.cs_rating {

  overflow: hidden;

}

.cs_rating_percentage.scale_half,

.cs_rating.scale_half {

  -webkit-transform: scale(0.5);

          transform: scale(0.5);

  letter-spacing: 10px;

  width: 180px;

  margin-left: -15px;

}

.cs_rating_percentage::before,

.cs_rating::before {

  content: "\f005\f005\f005\f005\f005";

  font-family: "Font Awesome 6 Free";

  position: absolute;

  top: 0;

  left: 0;

}



.cs_rating {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  width: 157px;

  height: 26px;

  position: relative;

  color: #ffb400;

  font-size: 22px;

  letter-spacing: 7px;

}

.cs_rating::before {

  font-weight: 400;

}



.cs_rating_percentage {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

}

.cs_rating_percentage::before {

  font-weight: 900;

}



@-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);

  }

}

@-webkit-keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@keyframes pulse-border {

  0% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

.cs_section_heading.cs_style_1 .cs_section_title {

  font-size: 40px;

  margin: 0;

}

.cs_section_heading.cs_style_1 .cs_section_subtitle {

  font-size: 18px;

  font-weight: 500;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  gap: 10px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 18px;

}

.cs_section_heading.cs_style_1 .cs_shape_left,

.cs_section_heading.cs_style_1 .cs_shape_right {

  height: 5px;

  width: 32px;

  border-radius: 10px;

  position: relative;

  background-color: currentColor;

}

.cs_section_heading.cs_style_1 .cs_shape_left::before,

.cs_section_heading.cs_style_1 .cs_shape_right::before {

  content: "";

  position: absolute;

  height: 15px;

  width: 5px;

  border-radius: 10px;

  background-color: currentColor;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 0;

}

.cs_section_heading.cs_style_1 .cs_shape_right::before {

  left: initial;

  right: 0;

}

.cs_section_heading.cs_style_1.cs_type_1 {

  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;

}

@media (max-width: 991px) {

  .cs_section_heading.cs_style_1.cs_type_1 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 20px 0;

  }

}

.cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_right {

  width: 40%;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

}

@media (max-width: 1400px) {

  .cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_right {

    width: 45%;

  }

}

@media (max-width: 991px) {

  .cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_right {

    width: 100%;

  }

}

.cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_left {

  width: 40%;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

}

@media (max-width: 1400px) {

  .cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_left {

    width: 45%;

  }

}

@media (max-width: 1199px) {

  .cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_left {

    width: 50%;

  }

}

@media (max-width: 991px) {

  .cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_left {

    width: 100%;

  }

}



.cs_about.cs_style_1 .container {

  position: relative;

  z-index: 2;

}

.cs_about.cs_style_1 .cs_section_img {

  position: absolute;

  right: 3%;

  bottom: 6%;

  width: 12%;

}

@media (max-width: 1600px) {

  .cs_about.cs_style_1 .cs_section_img {

    right: 12px;

  }

}

@media (max-width: 1400px) {

  .cs_about.cs_style_1 .cs_section_img {

    display: none;

  }

}

.cs_about.cs_style_1 .cs_about_thumb {

  margin-right: 36px;

  position: relative;

  padding-bottom: 200px;

}

@media (max-width: 991px) {

  .cs_about.cs_style_1 .cs_about_thumb {

    margin-right: 0;

  }

}

.cs_about.cs_style_1 .cs_about_thumb_1 {

  padding-right: 26%;

}

.cs_about.cs_style_1 .cs_about_thumb_1::before {

  content: "";

  height: 160px;

  width: 160px;

  position: absolute;

  border-radius: 50%;

  border: 25px solid var(--accent-color);

  left: -75px;

  top: 40px;

}

.cs_about.cs_style_1 .cs_about_thumb_1 img {

  position: relative;

  z-index: 2;

}

.cs_about.cs_style_1 .cs_about_thumb_2 {

  padding-left: 38%;

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 2;

}

.cs_about.cs_style_1 .cs_about_thumb_shape_2 {

  position: absolute;

  left: 7%;

  bottom: 32px;

}

.cs_about.cs_style_1 .cs_about_player_btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  font-size: 18px;

  color: var(--blue-color);

  font-weight: 500;

  position: absolute;

  bottom: 25%;

  -webkit-writing-mode: vertical-lr;

      -ms-writing-mode: tb-lr;

          writing-mode: vertical-lr;

  -webkit-transform: rotate(180deg) translateY(85%);

          transform: rotate(180deg) translateY(85%);

  right: 8%;

}

@media (max-width: 575px) {

  .cs_about.cs_style_1 .cs_about_player_btn {

    right: 4%;

  }

}

.cs_about.cs_style_1 .cs_about_player_btn:hover .cs_about_play_btn_text::before {

  height: 100%;

}

.cs_about.cs_style_1 .cs_about_play_btn_text {

  position: relative;

}

.cs_about.cs_style_1 .cs_about_play_btn_text::before {

  content: "";

  width: 1px;

  height: 0%;

  background-color: var(--accent-color);

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_about.cs_style_1 .cs_about_thumb .cs_player_btn span {

  -webkit-transform: rotate(90deg);

          transform: rotate(90deg);

  bottom: -3px;

  left: -1px;

}

.cs_about.cs_style_1 .cs_section_heading.cs_style_1 {

  margin-bottom: 24px;

}

.cs_about.cs_style_1 .cs_about_text {

  max-width: 490px;

  margin-bottom: 30px;

}

.cs_about.cs_style_1 .cs_btn.cs_style_1 {

  margin-top: 50px;

}

.cs_about.cs_style_1 .cs_experience_box {

  height: 170px;

  width: 170px;

  border: 10px solid #fff;

  background-color: var(--blue-color);

  border-radius: 50%;

  position: absolute;

  bottom: 18%;

  left: 24%;

  z-index: 5;

  text-align: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  padding-bottom: 10px;

}

.cs_about.cs_style_1 .cs_experience_box_number {

  color: #fff;

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 0px;

  line-height: 1.2em;

}

.cs_about.cs_style_1 .cs_experience_box_title {

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  margin: 0;

}

.cs_about.cs_style_1.cs_type_1 .cs_iconbox_1_wrap {

  max-width: 490px;

}

.cs_about.cs_style_1.cs_type_1 .cs_about_thumb {

  /*margin-left: -80px;*/

  padding-bottom: 0;

}

@media (max-width: 991px) {

  .cs_about.cs_style_1.cs_type_1 .cs_about_thumb {

    margin-left: 0;

  }

}

.cs_about.cs_style_1.cs_type_1 .cs_experience_box {

  bottom: 0;

  left: 44%;

}

@media (max-width: 991px) {

  .cs_about.cs_style_1.cs_type_1 .cs_experience_box {

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

}

.cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media (max-width: 480px) {

  .cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 20px 0;

  }

}

.cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1:not(:last-child) {

  margin-bottom: 30px;

}

.cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1:nth-child(even) .cs_iconbox_head {

  padding-right: 0px;

  padding-left: 30px;

}

@media (max-width: 480px) {

  .cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1:nth-child(odd) {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

  }

}

.cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1 .cs_iconbox_head {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  margin: 0;

  padding-right: 30px;

}

@media (max-width: 480px) {

  .cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1 .cs_iconbox_head {

    padding-left: 0 !important;

    padding-right: 0;

  }

}

.cs_about.cs_style_1.cs_type_1 .cs_iconbox.cs_style_1 .cs_iconbox_img {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  max-width: 200px;

}

.cs_about.cs_style_1.cs_type_1 .cs_about_iconbox {

  border: none;

  padding: 0;

}

.cs_about.cs_style_1.cs_type_1 .cs_about_iconbox::before {

  display: none;

}

.cs_about.cs_style_1.cs_type_1 .cs_video_open {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 16px;

  font-weight: 600;

  font-family: var(--heading-font);

  gap: 20px;

  color: var(--heading-color);

}

.cs_about.cs_style_1.cs_type_1 .cs_video_open:hover .cs_play_btn_text {

  background-size: 100% 1px;

  background-position: 0 calc(100% - 0px);

}

.cs_about.cs_style_1.cs_type_1 .cs_play_btn_text {

  background-repeat: no-repeat;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));

  background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);

  -webkit-transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out;

  transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out;

  background-position: 100% calc(100% - 0px);

  background-size: 0 1px;

}

.cs_about.cs_style_1.cs_type_1 .cs_btn.cs_style_1 {

  margin: 0;

}

.cs_about.cs_style_1.cs_type_1 .cs_about_btns {

  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;

  gap: 20px 50px;

  margin-top: 50px;

}

@media (max-width: 450px) {

  .cs_about.cs_style_1.cs_type_1 .cs_about_btns {

    gap: 25px 25px;

  }

}

.cs_about.cs_style_1.cs_type_1 .cs_section_img {

  right: 3%;

  bottom: 22%;

}

.cs_about.cs_style_1.cs_type_1 .cs_section_img img {

  -webkit-animation: spinAnimaiton 6s linear infinite;

          animation: spinAnimaiton 6s linear infinite;

}

.cs_about.cs_style_1.cs_type_2 .cs_experience_box {

  position: initial;

}

.cs_about.cs_style_1.cs_type_2 .cs_about_thumb {

  margin: 0 0 0 -125px;

  padding-bottom: 0;

}

@media (max-width: 991px) {

  .cs_about.cs_style_1.cs_type_2 .cs_about_thumb {

    margin-left: 0;

  }

}

.cs_about.cs_style_1.cs_type_2 .cs_experience_box {

  border-radius: 15px;

  border: none;

  position: relative;

  left: 0;

  bottom: 0;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

}

.cs_about.cs_style_1.cs_type_2 .cs_experience_box::before, .cs_about.cs_style_1.cs_type_2 .cs_experience_box::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  border-radius: inherit;

}

.cs_about.cs_style_1.cs_type_2 .cs_experience_box::before {

  height: calc(100% - 20px);

  width: calc(100% - 20px);

  background-color: #fff;

}

.cs_about.cs_style_1.cs_type_2 .cs_experience_box::after {

  height: calc(100% - 40px);

  width: calc(100% - 40px);

  z-index: 2;

  border: 1px dashed var(--accent-color);

}

.cs_about.cs_style_1.cs_type_2 .cs_experience_box_in {

  position: relative;

  z-index: 2;

}

.cs_about.cs_style_1.cs_type_2 .cs_experience_box_number,

.cs_about.cs_style_1.cs_type_2 .cs_experience_box_title {

  color: var(--blue-color);

}

.cs_about.cs_style_1.cs_type_2 .cs_about_info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 25px;

  margin-bottom: 45px;

}

@media (max-width: 470px) {

  .cs_about.cs_style_1.cs_type_2 .cs_about_info {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.cs_about.cs_style_1.cs_type_2 .cs_iconbox_1_list li .cs_iconbox.cs_style_1 .cs_iconbox_head {

  margin-bottom: 25px;

  padding-bottom: 25px;

}

.cs_about.cs_style_1.cs_type_2 .cs_iconbox_1_list li:last-child .cs_iconbox.cs_style_1 .cs_iconbox_head {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.cs_about.cs_style_1.cs_type_2 .cs_about_btns {

  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;

  gap: 20px 75px;

  margin-top: 50px;

}

@media (max-width: 470p) {

  .cs_about.cs_style_1.cs_type_2 .cs_about_btns {

    gap: 20px 30px;

  }

}

.cs_about.cs_style_1.cs_type_2 .cs_player_btn {

  width: 50px;

  height: 50px;

}

.cs_about.cs_style_1.cs_type_2 .cs_video_open {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  color: var(--blue-color);

  font-size: 17px;

  font-weight: 500;

}

.cs_about.cs_style_1.cs_type_2 .cs_video_open:hover .cs_play_btn_text::before {

  width: 0;

}

.cs_about.cs_style_1.cs_type_2 .cs_play_btn_text {

  position: relative;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_about.cs_style_1.cs_type_2 .cs_play_btn_text::before {

  content: "";

  height: 1px;

  width: 100%;

  position: absolute;

  bottom: 2px;

  right: 0;

  background-color: currentColor;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_about.cs_style_1.cs_type_2 .cs_section_img {

  right: 20px;

  bottom: 10%;

}



.cs_about_iconbox {

  border-top: 1px solid var(--border-color);

  margin-top: 30px;

  padding-top: 25px;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  gap: 12px;

}

.cs_about_iconbox::before {

  content: "";

  height: 1px;

  width: 47px;

  background-color: var(--accent-color);

  position: absolute;

  top: -1px;

  left: 24%;

}

.cs_about_iconbox .cs_about_iconbox_icon {

  height: 30px;

  width: 30px;

  border-radius: 50%;

  background-color: var(--blue-color);

  color: #fff;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  margin-top: 6px;

}

.cs_about_iconbox .cs_about_iconbox_subtitle {

  max-width: 450px;

  margin-bottom: 0;

}

.cs_about_iconbox .cs_about_iconbox_subtitle a {

  color: var(--accent-color);

  font-weight: 500;

  text-decoration: underline;

}

.cs_about_iconbox .cs_about_iconbox_subtitle a:hover {

  letter-spacing: 1px;

}



.cs_progress_head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 2px 10px;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  max-width: 490px;

  font-weight: 500;

  margin-bottom: 5px;

}



.cs_progress {

  height: 7px;

  border: 1px solid var(--accent-color);

  border-radius: 15px;

  padding: 1px;

  max-width: 490px;

}

.cs_progress .cs_progress_in {

  height: 100%;

  border-radius: inherit;

  background-color: var(--accent-color);

}



.cs_social_btns.cs_style_1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 10px;

  font-size: 14px;

}

.cs_social_btns.cs_style_1 a {

  background-color: #475f8d;

  height: 30px;

  width: 30px;

  color: #fff;

  border-radius: 50%;

}

.cs_social_btns.cs_style_1 a:hover {

  background-color: #fff;

  color: var(--accent-color);

}



.cs_brand.cs_style_1 {

  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: 1px solid transparent;

  padding: 16px 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_brand.cs_style_1 img {

  -webkit-filter: brightness(0) invert(0.6);

          filter: brightness(0) invert(0.6);

}

.cs_brand.cs_style_1:hover {

  border-color: var(--border-color);

}

.cs_brand.cs_style_1:hover img {

  -webkit-filter: brightness(1) invert(0);

          filter: brightness(1) invert(0);

}



.cs_service_wrapper {

  overflow: hidden;

}



.cs_service_list {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  width: calc(100% + 2px);

  margin-bottom: -1px;

}

@media (max-width: 767px) {

  .cs_service_list {

    grid-template-columns: repeat(1, 1fr);

  }

}



.cs_mp0 {

  margin: 0;

  padding: 0;

  list-style: none;

}



.cs_list.cs_style_1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 15px;

}

.cs_list.cs_style_1 li {

  padding-left: 40px;

  position: relative;

}

.cs_list.cs_style_1 li i {

  position: absolute;

  left: 0;

  top: 6px;

  -webkit-filter: brightness(0) invert(0);

          filter: brightness(0) invert(0);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.cs_list.cs_style_1 li:hover i {

  -webkit-filter: initial;

          filter: initial;

}



.cs_list.cs_style_2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 15px;

}

.cs_list.cs_style_2 li {

  padding-left: 28px;

  position: relative;

}

.cs_list.cs_style_2 li i {

  position: absolute;

  left: 0;

  top: 4px;

  color: var(--accent-color);

  font-size: 18px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_list.cs_style_2 li:hover i {

  color: var(--blue-color);

}



.cs_video_area {

  background-color: var(--white);

  position: relative;

}

.cs_video_area::after {

  content: "";

  width: 100%;

  height: 220px;

  background-color: #124266;

  position: absolute;

  left: 0;

  bottom: 0;

}

@media (max-width: 991px) {

  .cs_video_area::after {

    display: none;

  }

}

.cs_video_area .cs_video_wrapper {

  position: relative;

  z-index: 1;

  background-color: var(--white);

  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;

  text-align: center;

}

.cs_video_area .cs_video_open {

  margin-bottom: 30px;

}

.cs_video_area .cs_video_title {

  margin-bottom: 12px;

}

.cs_video_area .cs_video_title .cs_accent_color {

  display: inline-block;

  padding: 5px 10px;

  border: 2px solid var(--accent-color);

  border-radius: 5px;

  position: relative;

}

@media (max-width: 991px) {

  .cs_video_area .cs_video_title .cs_accent_color {

    padding: 0;

    border: 0;

  }

}

.cs_video_area .cs_video_title .cs_accent_color::after {

  content: "";

  width: 40px;

  height: 40px;

  background-image: url("../img/icons/arrow_icon.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: absolute;

  top: -36px;

  right: -36px;

}

@media (max-width: 991px) {

  .cs_video_area .cs_video_title .cs_accent_color::after {

    display: none;

  }

}

.cs_video_area .cs_video_subtitle {

  margin-bottom: 40px;

}

@media (max-width: 991px) {

  .cs_video_area .cs_video_subtitle br {

    display: none;

  }

}

.cs_video_area .cs_hero_btns {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 15px 30px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.cs_video_area .cs_cta_shape {

  z-index: 2;

}

@media (min-width: 1700px) {

  .cs_video_area .cs_cta_shape {

    bottom: -35px;

    right: 3%;

  }

}

@media (min-width: 1500px) {

  .cs_video_area .cs_cta_shape {

    bottom: -35px;

    right: 1%;

  }

}

@media (max-width: 1499px) {

  .cs_video_area .cs_cta_shape {

    display: none;

  }

}



.cs_project_grid.cs_style_1 {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 30px;

}

@media (max-width: 575px) {

  .cs_project_grid.cs_style_1 {

    grid-template-columns: repeat(1, 1fr);

  }

}

@media (max-width: 1199px) {

  .cs_project_grid.cs_style_1 .cs_project_item {

    grid-column: auto/span 2;

  }

}

@media (max-width: 575px) {

  .cs_project_grid.cs_style_1 .cs_project_item {

    grid-column: auto/span 4;

  }

}

.cs_project_grid.cs_style_1 .cs_project_item:nth-child(1) {

  grid-column: auto/span 2;

}

@media (max-width: 767px) {

  .cs_project_grid.cs_style_1 .cs_project_item:nth-child(1) {

    grid-column: auto/span 4;

  }

}

.cs_project_grid.cs_style_1 .cs_project_item:nth-child(2) {

  grid-column: auto/span 2;

}

@media (max-width: 767px) {

  .cs_project_grid.cs_style_1 .cs_project_item:nth-child(2) {

    grid-column: auto/span 4;

  }

}



.cs_project_grid.cs_style_2 {

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  gap: 30px;

}

@media (max-width: 767px) {

  .cs_project_grid.cs_style_2 {

    grid-template-columns: repeat(1, 1fr);

  }

}

.cs_project_grid.cs_style_2 .cs_project_item {

  grid-column: auto/span 2;

}

@media (max-width: 991px) {

  .cs_project_grid.cs_style_2 .cs_project_item {

    grid-column: auto/span 3;

  }

}

.cs_project_grid.cs_style_2 .cs_project_item:nth-child(4) {

  grid-column: auto/span 3;

}

.cs_project_grid.cs_style_2 .cs_project_item:nth-child(5) {

  grid-column: auto/span 3;

}



@-webkit-keyframes thermometer-animation {

  50% {

    height: 100%;

  }

}



@keyframes thermometer-animation {

  50% {

    height: 100%;

  }

}

.cs_video_open.cs_style_2 {

  position: relative;

}

.cs_video_open.cs_style_2::before {

  content: "";

  position: absolute;

  height: 44px;

  width: 44px;

  border-radius: 50%;

  background-color: var(--blue-color);

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.cs_video_open.cs_style_2::after {

  content: "";

  position: absolute;

  height: 59px;

  width: 59px;

  border-radius: 50%;

  background-color: transparent;

  border: 1px solid var(--blue-color);

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}

.cs_video_open.cs_style_2 .cs_player_btn {

  width: 75px;

  height: 75px;

}

.cs_video_open.cs_style_2 .cs_player_btn::before, .cs_video_open.cs_style_2 .cs_player_btn::after {

  background-color: transparent;

  border: 1px solid var(--blue-color);

}



.cs_code_input {

  width: 135px;

  border-color: transparent;

  margin-top: 20px;

  font-style: italic;

}



.cs_page_heading {

     height: 200px;

    padding: 30px 0 40px;

}

@media (max-width: 991px) {

  .cs_page_heading {

    height: 420px;

  }

}

.cs_page_heading .breadcrumb {

  font-size: 19px;

  line-height: 1.5em;

}

.cs_page_heading .breadcrumb .active {

  color: var(--accent-color);

}

.cs_page_heading .cs_page_title {

  font-size: 40px;

  margin-bottom: 12px;

}

@media (max-width: 991px) {

  .cs_page_heading .cs_page_title {

    font-size: 48px;

  }

}



.cs_error_content {

  width: 100%;

  max-width: 860px;

  margin: 0 auto;

  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;

  text-align: center;

}

.cs_error_content .cs_error_thumbnail {

  width: 100%;

  margin-bottom: 48px;

}

.cs_error_content .cs_error_thumbnail img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_error_content .cs_error_heading {

  font-size: 30px;

  margin-bottom: 15px;

}

.cs_error_content .cs_error_subtitle {

  margin-bottom: 26px;

}

.cs_error_content .cs_btn.cs_style_1 {

  border-radius: 5px;

}



.cs_tab {

  display: block;

}

.cs_tab.active {

  display: none;

}



.cs_tab_links.cs_style_3 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  font-size: 17px;

  font-weight: 500;

  gap: 10px 10px;

  margin-top: 25px;

  color: var(--heading-color);

}

.cs_tab_links.cs_style_3 li.active a {

  color: #fff;

  background-color: var(--accent-color);

}

.cs_tab_links.cs_style_3 li a {

  padding: 4px 12px;

}



.cs_scrollup {

  position: fixed;

  bottom: -60px;

  right: 25px;

  padding: 14px;

  height: 45px;

  width: 45px;

  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: #fff;

  color: var(--accent-color);

  -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2);

          box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2);

  border-radius: 50%;

}

.cs_scrollup:hover {

  background-color: var(--accent-color);

  color: var(--white);

}



.cs_scrollup.cs_scrollup_show {

  bottom: 30px;

}



/*--------------------------------------------------------------

  5. Slider

----------------------------------------------------------------*/

.cs_slider {

  position: relative;

  z-index: 1;

}



.slick-arrow {

  cursor: pointer;

}







.slick-slide > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



.cs_remove_overflow .slick-list {

  overflow: visible;

}

.cs_remove_overflow .slick-slide {

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

}

.cs_remove_overflow .slick-slide.slick-active {

  opacity: 1;

  visibility: visible;

}



.cs_slider_gap_24 .slick-slide {

  /*padding-left: 12px;

  padding-right: 12px;*/

}

.cs_slider_gap_24 .slick-list {

  /*margin-left: -12px;

  margin-right: -12px;*/

}



.cs_dental_slider_wrapper {

  width: 100%;

  max-width: 712px;

  border: 7px solid var(--white);

  padding: 60px;

  margin-left: auto;

}

@media (max-width: 575px) {

  .cs_dental_slider_wrapper {

    padding: 60px 12px;

  }

}

.cs_dental_slider_wrapper .cs_slider_shape {

  right: 60px;

  bottom: 60px;

  z-index: 3;

}



.cs_slider_arrows.cs_style_1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 12px;

}

.cs_slider_arrows.cs_style_1 .cs_left_arrow,

.cs_slider_arrows.cs_style_1 .cs_right_arrow {

  height: 40px;

  width: 40px;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_slider_arrows.cs_style_1 .cs_left_arrow:hover,

.cs_slider_arrows.cs_style_1 .cs_right_arrow:hover {

  background-color: var(--heading-color);

}



.cs_pagination.cs_style_1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.cs_pagination.cs_style_1 ul {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-top: 65px;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  gap: 15px;

}

@media (max-width: 991px) {

  .cs_pagination.cs_style_1 ul {

    margin-top: 40px;

  }

}

.cs_pagination.cs_style_1 li {

  height: 14px;

  width: 14px;

  background-color: transparent;

  border: 2px solid var(--heading-color);

  border-radius: 3px;

  margin: 0;

  cursor: pointer;

  position: relative;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.cs_pagination.cs_style_1 li::before {

  content: "";

  position: absolute;

  height: 4px;

  width: 4px;

  border-radius: 2px;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  background-color: var(--heading-color);

  opacity: 0;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.cs_pagination.cs_style_1 li.slick-active {

  background-color: transparent;

}

.cs_pagination.cs_style_1 li.slick-active::before {

  opacity: 1;

}

.cs_pagination.cs_style_1 button {

  display: none;

}



.cs_pagination.cs_style_2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.cs_pagination.cs_style_2.cs_flex_left {

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: start;

}

.cs_pagination.cs_style_2.cs_flex_left ul {

  margin-top: 30px;

}

.cs_pagination.cs_style_2.cs_accent_color li.slick-active {

  background-color: var(--accent-color);

}

.cs_pagination.cs_style_2.cs_white_color li {

  background-color: var(--white);

}

.cs_pagination.cs_style_2 ul {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-top: 50px;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  gap: 10px;

}

@media (max-width: 991px) {

  .cs_pagination.cs_style_2 ul {

    margin-top: 40px;

  }

}

.cs_pagination.cs_style_2 li {

  height: 8px;

  width: 25px;

  border-radius: 4px;

  background-color: #e0e9ef;

  margin: 0;

  cursor: pointer;

  position: relative;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.cs_pagination.cs_style_2 li.slick-active {

  width: 40px;

  background-color: var(--blue-color);

}

.cs_pagination.cs_style_2 button {

  display: none;

}



.cs_pagination.cs_style_3 {

  position: absolute;

  width: 410px;

  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;

  bottom: 190px;

  right: 0;

}

@media (max-width: 991px) {

  .cs_pagination.cs_style_3 {

    bottom: 170px;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    padding-right: 15px;

    width: 100%;

  }

}

@media (max-width: 350px) {

  .cs_pagination.cs_style_3 {

    bottom: 140px;

  }

}

.cs_pagination.cs_style_3 .slick-dots {

  list-style: none;

  padding: 0;

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 10px;

}

.cs_pagination.cs_style_3 li:nth-child(-n+9) button::before {

  content: "0";

}

.cs_pagination.cs_style_3 button {

  border: none;

  background-color: transparent;

  padding: 0;

  min-width: 35px;

  height: 35px;

  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: #fff;

  background-color: var(--blue-color);

  border-radius: 7px 7px 0 0;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.cs_pagination.cs_style_3 button:hover {

  background-color: var(--accent-color);

}

.cs_pagination.cs_style_3 .slick-active button {

  background-color: var(--accent-color);

}



.cs_hero_slider_nav {

  height: 318px;

  position: absolute;

  bottom: 40px;

  right: 50px;

  width: 96px;

}

@media (max-width: 1199px) {

  .cs_hero_slider_nav {

    right: 20px;

  }

}

@media (max-width: 991px) {

  .cs_hero_slider_nav {

    right: initial;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    width: 250px;

    height: 77px;

  }

}

.cs_hero_slider_nav .slick-slide {

  padding-top: 7px;

  padding-bottom: 7px;

}

@media (max-width: 991px) {

  .cs_hero_slider_nav .slick-slide {

    padding: 0 5px;

  }

}

.cs_hero_slider_nav .slick-list {

  margin-top: -7px;

  margin-bottom: -7px;

}

@media (max-width: 991px) {

  .cs_hero_slider_nav .slick-list {

    margin: 0 -5px;

  }

}

.cs_hero_slider_nav .cs_hero_slider_thumb_mini {

  height: 96px;

  width: 96px;

  border: 2px solid transparent;

  border-radius: 10px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  position: relative;

}

@media (max-width: 991px) {

  .cs_hero_slider_nav .cs_hero_slider_thumb_mini {

    height: 77px;

  }

}

.cs_hero_slider_nav .cs_hero_slider_thumb_mini img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: inherit;

}

.cs_hero_slider_nav .cs_hero_slider_thumb_mini::before {

  content: "+";

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: rgba(0, 34, 97, 0.8705882353);

  border-radius: inherit;

  color: #fff;

  font-weight: 400;

  font-size: 24px;

  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;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  opacity: 0;

}

.cs_hero_slider_nav .slick-current .cs_hero_slider_thumb_mini {

  border-color: #fff;

}

.cs_hero_slider_nav .slick-slide:hover {

  cursor: pointer;

}

.cs_hero_slider_nav .slick-slide:hover .cs_hero_slider_thumb_mini {

  border-color: #fff;

}

.cs_hero_slider_nav .slick-slide:hover .cs_hero_slider_thumb_mini::before {

  opacity: 1;

}



@media (max-width: 991px) {

  .cs_mobile_hide {

    display: none !important;

  }

}

@media (min-width: 992px) {

  .cs_mobile_show {

    display: none !important;

  }

}

.slick-slide .cs_hero.cs_style_3 .cs_hero_text_in {

  position: relative;

  left: 100px;

  opacity: 0;

  -webkit-transition: all 0.9s ease;

  transition: all 0.9s ease;

}

.slick-slide .cs_hero.cs_style_3 .cs_hero_shape img {

  -webkit-transform: scale(0);

          transform: scale(0);

  opacity: 0;

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}

.slick-slide.slick-active .cs_hero.cs_style_3 .cs_hero_text_in {

  left: 0px;

  opacity: 1;

  -webkit-transition-delay: 0.6s;

          transition-delay: 0.6s;

}

.slick-slide.slick-active .cs_hero.cs_style_3 .cs_hero_shape img {

  -webkit-transform: scale(1);

          transform: scale(1);

  opacity: 1;

  -webkit-transition-delay: 0.9s;

          transition-delay: 0.9s;

}



/*--------------------------------------------------------------

  6. Video Modal

----------------------------------------------------------------*/

.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: #fff;

  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: #fff;

  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: #fff;

  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: #fff;

  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_header_contact_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 0 25px;

}

.cs_header_contact_list li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 5px;

}

.cs_header_contact_list li i {

  margin-right: 5px;

}



.cs_header_search_form {

  position: absolute;

  width: 280px;

  right: 0;

  top: 100%;

  margin-top: 10px;

  background-color: #fff;

  padding: 18px;

  border-radius: 10px;

  -webkit-box-shadow: 0px 0px 20px rgba(18, 30, 59, 0.1);

          box-shadow: 0px 0px 20px rgba(18, 30, 59, 0.1);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  opacity: 0;

  visibility: hidden;

}

.cs_header_search_form.active {

  opacity: 1;

  visibility: visible;

}

.cs_header_search_form .cs_header_search_form_in {

  position: relative;

}

.cs_header_search_form .cs_header_search_field {

  width: 100%;

  height: 46px;

  border: 1px solid var(--border-color);

  border-radius: 5px;

  padding: 5px 15px;

  outline: none;

}

.cs_header_search_form .cs_header_search_field:focus {

  border-color: var(--accent-color);

}

.cs_header_search_form .cs_header_submit_btn {

  position: absolute;

  right: 0;

  top: 0;

  height: 46px;

  width: 46px;

  border: none;

  padding: 10px;

  border-radius: 0 5px 5px 0;

  background-color: var(--accent-color);

  color: #fff;

}

.cs_header_search_form .cs_header_submit_btn:hover {

  background-color: var(--blue-color);

}



.cs_search_wrap {

  position: relative;

}



.cs_site_header {

  position: absolute;

  z-index: 101;

  width: 100%;

  left: 0;

  top: 0px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.cs_site_header.cs_style_1 .cs_main_header_in,

.cs_site_header.cs_style_1 .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;

  position: relative;

}

.cs_site_header.cs_style_1 .cs_main_header_in {

  height: 100px;

}

.cs_site_header.cs_style_1 .cs_top_header_in {

  height: 50px;

}

.cs_site_header.cs_style_1 .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%;

  gap: 5px 40px;

}

@media (max-width: 1199px) {

  .cs_site_header.cs_style_1 .cs_main_header_right {

    padding-right: 50px;

    gap: 5px 25px;

  }

}

@media (max-width: 575px) {

  .cs_site_header.cs_style_1 .cs_main_header_right {

    gap: 5px 0px;

  }

}

.cs_site_header.cs_style_1 .cs_search_toggle {

  height: 35px;

  width: 35px;

  border: 1px solid var(--body-color);

  border-radius: 50%;

  cursor: pointer;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_site_header.cs_style_1 .cs_search_toggle:hover {

  background-color: var(--accent-color);

  border-color: var(--accent-color);

  color: #fff;

}

.cs_site_header.cs_style_1.cs_type_1 .cs_main_header_in {

  height: 110px;

}

@media (max-width: 1199px) {

  .cs_site_header.cs_style_1.cs_type_1 .cs_main_header_in {

    height: 80px;

  }

}

.cs_site_header.cs_style_1.cs_type_1 .cs_main_header_shape {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  top: 0;

  height: 110px;

  overflow: hidden;

}

@media (max-width: 1199px) {

  .cs_site_header.cs_style_1.cs_type_1 .cs_main_header_shape {

    height: 80px;

  }

}

.cs_site_header.cs_style_1.cs_type_1 .cs_main_header {

  z-index: 1;

}

.cs_site_header.cs_style_1.cs_type_1.cs_gescout_sticky {

  background-color: transparent;

}

.cs_site_header.cs_style_1.cs_type_1.cs_gescout_show {

  -webkit-box-shadow: initial;

          box-shadow: initial;

}

@media (min-width: 1400px) {

  .cs_site_header.cs_style_1.cs_type_1 .container {

    max-width: 1500px;

  }

}



.cs_site_header.cs_style_1.cs_sticky_active {

  background-color: var(--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_full_width .container {

  max-width: 100%;

  padding: 0 100px;

}



.cs_site_header_spacing_150 {

  height: 150px;

}



@media screen and (max-width: 1199px) {

  .cs_site_header.cs_style_1 .container {

    max-width: 100%;

  }

  .cs_site_header_spacing_150 {

    height: 130px;

  }

  .cs_main_header .container {

    max-width: 100%;

  }

  .cs_site_header.cs_style_1 .cs_nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

@media screen and (max-width: 767px) {

  .cs_site_header.cs_style_1 .cs_top_header {

    display: none;

  }

  .cs_site_header_spacing_150 {

    height: 80px;

  }

}

.cs_nav ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.cs_sticky_header {

  position: fixed !important;

  width: 100%;

  z-index: 999;

}

.cs_sticky_header .cs_top_header_in {

  overflow: hidden;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.cs_gescout_sticky {

  position: fixed !important;

  top: -110px;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  background-color: var(--white);

}

.cs_gescout_sticky.cs_site_header.cs_style_1 .cs_top_header_in {

  height: 0;

}

.cs_gescout_sticky.cs_fixed_sticky {

  top: 0;

  opacity: 1;

  -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);

          box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);

}



.cs_gescout_show {

  top: 0 !important;

  opacity: 1;

  -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);

          box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);

}



.cs_site_branding {

  display: inline-block;

}

.cs_site_branding + .cs_nav {

  margin-left: 80px;

}

@media (max-width: 1600px) {

  .cs_site_branding + .cs_nav {

    margin-left: 40px;

  }

}

@media (max-width: 1540px) {

  .cs_site_branding + .cs_nav {

    margin-left: 30px;

  }

}



.cs_main_header {

  position: relative;

}

.cs_main_header .container-fluid {

  padding-right: 120px;

  padding-left: 120px;

}



@media screen and (min-width: 1200px) {

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

  }

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

    font-size: 17px;

    font-weight: 500;

  }

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

    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);

    pointer-events: none;

  }

  .cs_nav .cs_nav_list > li:hover > ul {

    top: 100%;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

  }

  .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(--white);

    position: absolute;

    border-top: 2px solid var(--accent-color);

    -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);

            box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);

    padding: 10px 0;

    z-index: 100;

    opacity: 0;

    visibility: hidden;

    display: block !important;

    border-radius: 0 0 5px 5px;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s 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_nav + .cs_toolbox {

    margin-left: 40px;

  }

  .cs_menu_toggle,

  .cs_menu_dropdown_toggle {

    display: none;

  }

  .cs_nav .cs_nav_list .cs_mega_menu {

    position: relative;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper {

    width: 1296px !important;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    position: fixed;

    top: 100px !important;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    padding: 5px 15px 10px;

    border-top: 2px solid var(--accent-color);

    border-radius: 0 0 5px 5px;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb {

    display: grid !important;

    grid-gap: 10px;

    grid-template-columns: repeat(6, 1fr);

    padding: 20px 20px 14px 20px;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb img {

    border: 1px solid var(--border-color);

    border-radius: 2px 20px 2px 2px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    width: 100%;

    margin-bottom: 8px;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb a {

    padding: 0;

    display: block;

    text-align: center;

    font-size: 14px;

    line-height: 1.6em;

    font-weight: 500;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb a:hover img {

    border-color: #d5d4d4;

  }

  .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 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_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: 1600px) {

  .cs_main_header .container-fluid {

    padding-right: 25px;

    padding-left: 25px;

  }

}

@media screen and (max-width: 1400px) {

  .cs_nav .cs_nav_list .cs_mega_wrapper {

    width: 1116px !important;

  }

  .cs_site_header_full_width .container {

    max-width: 100%;

  }

}

@media screen and (max-width: 1199px) {

  .cs_main_header .container-fluid {

    padding-right: 8px;

    padding-left: 8px;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper {

    width: 100% !important;

  }

  .cs_site_header_full_width .container {

    padding: 0 15px;

  }

  .cs_menu_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: 23px 18px;

    cursor: pointer;

    z-index: 3;

  }

  .cs_menu_dropdown_toggle span {

    display: block;

    position: relative;

    height: 10px;

    width: 10px;

  }

  .cs_menu_dropdown_toggle span:before, .cs_menu_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_menu_dropdown_toggle span:before {

    -webkit-transform: translate(-50%, -50%) rotate(90deg);

            transform: translate(-50%, -50%) rotate(90deg);

  }

  .cs_menu_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_menu_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: #fff;

    color: var(--heading-color);

    padding: 10px 0;

    top: 0;

    overflow: auto;

    min-height: 100vh;

    line-height: 1.6em;

    padding-top: 150px;

    z-index: 100;

    -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: 22px;

  }

  .cs_nav .menu-item-has-children {

    position: relative;

  }

  .cs_site_header.cs_style_1.cs_type_1 .cs_nav .cs_nav_list {

    padding-top: 80px;

  }

  .cs_animo_links > li > a .cs_animo_text {

    text-shadow: 0 32px 0 currentColor;

  }

  .cs_animo_links > li > a:hover span {

    -webkit-transform: translateY(-32px);

            transform: translateY(-32px);

  }

  /*Mobile Menu Button*/

  .cs_menu_toggle {

    display: inline-block;

    width: 30px;

    height: 27px;

    cursor: pointer;

    position: absolute;

    top: 27px;

    right: 30px;

    z-index: 101;

  }

  .cs_menu_toggle span,

  .cs_menu_toggle span:before,

  .cs_menu_toggle span:after {

    width: 100%;

    height: 2px;

    background-color: currentColor;

    display: block;

  }

  .cs_menu_toggle span {

    margin: 0 auto;

    position: relative;

    top: 12px;

    -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_style_1 .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_style_1 .cs_main_header_in {

    height: 80px;

  }

  .cs_site_header .current-menu-item > a:before {

    display: none;

  }

  .cs_site_header.cs_style_1 {

    top: 0;

  }

  .cs_site_header.cs_style_1 .cs_main_header_center .cs_site_branding {

    position: absolute;

    left: 0px;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

  }

  .cs_has_main_nav {

    display: none;

  }

  .cs_nav .cs_nav_list img {

    display: none;

  }

}

@media screen and (max-width: 991px) {

  .cs_site_header .container {

    max-width: 100%;

  }

  .cs_site_header.cs_style_1 .cs_action_box > *:not(:last-child) {

    margin-right: 25px;

  }

}

@media screen and (max-width: 767px) {

  .cs_site_header .cs_btn.cs_style_1 {

    display: none;

  }

}

/*--------------------------------------------------------------

  8. Footer

----------------------------------------------------------------*/

.cs_footer {

  padding-top: 1px;

  margin-top: 25px;

}

.cs_footer .cs_social_btns.cs_style_1 {

  margin-top: 50px;

}

.cs_footer .cs_social_btns.cs_style_1 a {

  height: 40px;

  width: 40px;

  background-color: #54b3f4;

  -webkit-box-shadow: 0px 0px 57px rgba(0, 0, 0, 0.05);

          box-shadow: 0px 0px 57px rgba(0, 0, 0, 0.05);

  font-size: 16px;

}

.cs_footer .cs_social_btns.cs_style_1 a:hover {

  background-color: var(--blue-color);

}



.cs_footer_highlight_col {

  padding: 60px 35px;

}

@media (max-width: 1199px) {

  .cs_footer_highlight_col {

    padding: 50px 15px;

  }

}



.cs_footer_logo {

  padding-bottom: 30px;

  margin-bottom: 25px;

  border-bottom: 1px solid #fff;

}



.cs_footer_contact li {

  position: relative;

  padding-left: 25px;

}

.cs_footer_contact li:not(:last-child) {

  margin-bottom: 20px;

}

.cs_footer_contact li i {

  position: absolute;

  left: 0;

  top: 5px;

  width: 16px;

  text-align: center;

}



.cs_footer_menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 5px 25px;

}



.cs_footer_bottom_in {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 15px 0;

}

@media (max-width: 767px) {

  .cs_footer_bottom_in {

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

    gap: 5px 0;

    text-align: center;

    padding: 18px 0;

  }

  .cs_footer_bottom_in .cs_footer_menu {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}



.cs_footer_widget_title {

  color: #fff;

  font-size: 22px;

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .cs_footer_widget_title {

    margin-bottom: 25px;

  }

}



.cs_footer_widget_nav_list li:not(:last-child) {

  margin-bottom: 15px;

}



.cs_footer_widget {

  padding: 95px 0;

}

@media (max-width: 1199px) {

  .cs_footer_widget {

    padding: 70px 0;

  }

}

@media (max-width: 767px) {

  .cs_footer_widget {

    padding: 0;

  }

}



.cs_footer_row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 80px;

}

@media (max-width: 1400px) {

  .cs_footer_row {

    gap: 40px;

  }

}

@media (max-width: 1199px) {

  .cs_footer_row {

    gap: 40px 25px;

  }

}

@media (max-width: 991px) {

  .cs_footer_row {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    gap: 0px 0px;

  }

}

@media (max-width: 767px) {

  .cs_footer_row {

    gap: 50px 0px;

    padding-bottom: 70px;

  }

}

.cs_footer_row .cs_footer_col {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

@media (max-width: 991px) {

  .cs_footer_row .cs_footer_col {

    -webkit-box-flex: 0 !important;

        -ms-flex: none !important;

            flex: none !important;

    width: 30%;

  }

}

@media (max-width: 767px) {

  .cs_footer_row .cs_footer_col {

    width: 100%;

  }

}

.cs_footer_row .cs_footer_col:first-child {

  -webkit-box-flex: 1.6;

      -ms-flex: 1.6;

          flex: 1.6;

}

@media (max-width: 991px) {

  .cs_footer_row .cs_footer_col:first-child {

    width: 100%;

  }

}

.cs_footer_row .cs_footer_col:last-child {

  -webkit-box-flex: 1.4;

      -ms-flex: 1.4;

          flex: 1.4;

}

@media (max-width: 991px) {

  .cs_footer_row .cs_footer_col:last-child {

    width: 40%;

  }

}

@media (max-width: 767px) {

  .cs_footer_row .cs_footer_col:last-child {

    width: 100%;

  }

}



.cs_recent_post {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 15px;

}

.cs_recent_post .cs_recent_post_thumb {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  width: 85px;

  height: 85px;

  overflow: hidden;

  border-radius: 50%;

}

.cs_recent_post .cs_recent_post_thumb img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_recent_post .cs_recent_post_title {

  font-size: 17px;

  color: #fff;

  margin: 0;

  font-weight: 600;

  line-height: 1.4em;

}

.cs_recent_post p {

  font-size: 14px;

  margin-bottom: 5px;

  color: rgba(255, 255, 255, 0.65);

}



.cs_recent_post_list li:not(:last-child) {

  margin-bottom: 20px;

}



.cs_service_footer {

  max-width: 460px;

  margin: 50px auto 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 10px;

}

.cs_service_footer .cs_service_footer_icon {

  width: 24px;

  height: 24px;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

}

.cs_service_footer .cs_service_footer_text {

  font-size: 18px;

  color: var(--heading-color);

  text-align: center;

}

@media (max-width: 767px) {

  .cs_service_footer .cs_service_footer_text {

    text-align: left;

  }

  .cs_service_footer .cs_service_footer_text br {

    display: none;

  }

}

.cs_service_footer a {

  color: var(--accent-color);

  display: inline-block;

}

.cs_service_footer a {

  margin-left: 7px;

  line-height: 28px;

}

.cs_service_footer a span {

  display: inline-block;

  margin-left: 5px;

}

.cs_service_footer a:hover {

  text-decoration: underline;

}



/*--------------------------------------------------------------

  9. Sidebar

----------------------------------------------------------------*/

.cs_sidebar.cs_style_1 {

  display: grid;

  grid-template-columns: repeat(1, 1fr);

  gap: 20px;

}

@media (max-width: 991px) {

  .cs_sidebar.cs_style_1 {

    gap: 30px;

  }

}



.cs_sidebar_widget {

  border: 1px solid var(--border-color);

  padding: 35px 30px 40px;

}

@media (max-width: 1199px) {

  .cs_sidebar_widget {

    padding: 30px 15px;

  }

}

.cs_sidebar_widget.cs_search {

  padding: 3px;

  border-radius: 0;

  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;

}

.cs_sidebar_widget.cs_search input {

  border: none;

  outline: none;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 17px;

}

.cs_sidebar_widget.cs_search .cs_search_icon {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 37px;

  height: 32px;

  cursor: pointer;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_sidebar_widget.cs_search .cs_search_icon:hover {

  background-color: var(--accent-color);

}

.cs_sidebar_widget.cs_service {

  border: none;

}

.cs_sidebar_widget .cs_sidebar_title {

  font-size: 22px;

  text-decoration: underline;

  margin-bottom: 34px;

}

.cs_sidebar_widget .cs_categories {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 8px;

}

.cs_sidebar_widget .cs_categories li:first-child {

  margin-bottom: 1px;

}

.cs_sidebar_widget .cs_categories a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

}

.cs_sidebar_widget .cs_tag_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.cs_sidebar_widget .cs_tag_list .cs_tag_link {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  padding: 5px 20px;

  border: 1px solid var(--border-color);

  font-size: 17px;

  font-weight: 400;

  color: var(--body-color);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_sidebar_widget .cs_tag_list .cs_tag_link:hover {

  background-color: var(--blue-color);

  color: var(--white);

  border-color: var(--blue-color);

}



/*--------------------------------------------------------------

  10. Hero

----------------------------------------------------------------*/

.cs_hero.cs_style_1 {

  height: 810px;

}

@media (max-width: 991px) {

  .cs_hero.cs_style_1 {

    height: initial;

    padding: 80px 0 150px 0;

  }

}

.cs_hero.cs_style_1 .cs_hero_title {

  font-size: 66px;

  margin-bottom: 12px;

}

@media (max-width: 991px) {

  .cs_hero.cs_style_1 .cs_hero_title {

    font-size: 48px;

  }

}

.cs_hero.cs_style_1 .cs_hero_title span {

  color: var(--accent-color);

  display: inline-block;

  position: relative;

}

.cs_hero.cs_style_1 .cs_hero_title span::before {

  content: "";

  position: absolute;

  height: 6px;

  width: 95%;

  left: 0;

  bottom: 5px;

  background-color: var(--accent-color);

}

.cs_hero.cs_style_1 .cs_hero_subtitle {

  font-size: 19px;

  max-width: 600px;

  margin-bottom: 25px;

}

.cs_hero.cs_style_1 .cs_hero_info {

  border-left: 5px solid var(--blue-color);

  position: relative;

  padding: 4px 0px 4px 18px;

  margin-bottom: 35px;

}

.cs_hero.cs_style_1 .cs_hero_info::before {

  content: "";

  position: absolute;

  height: 8px;

  width: 8px;

  background-color: var(--blue-color);

  left: -4px;

  top: 50%;

  margin-top: -4px;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  border-radius: 0 0 0 5px;

}

.cs_hero.cs_style_1 .cs_hero_info h3 {

  font-size: 24px;

  color: var(--blue-color);

  margin-bottom: 4px;

}

.cs_hero.cs_style_1 .cs_hero_info p {

  margin: 0;

  color: var(--blue-color);

}

.cs_hero.cs_style_1 .cs_hero_btns {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 15px;

}

.cs_hero.cs_style_1 .cs_hero_text {

  background-color: #fff;

  max-width: 825px;

  width: 100%;

  padding: 60px 70px 70px 70px;

  border-radius: 50px;

  position: relative;

}

@media (max-width: 991px) {

  .cs_hero.cs_style_1 .cs_hero_text {

    padding: 40px 30px 50px 30px;

  }

}

.cs_hero.cs_style_1 .cs_hero_text_in {

  position: relative;

  z-index: 2;

}

.cs_hero.cs_style_1 .cs_hero_shape {

  position: absolute;

  right: 75px;

  bottom: 30px;

}

@media (max-width: 575px) {

  .cs_hero.cs_style_1 .cs_hero_shape {

    right: 25px;

  }

}



.cs_hero.cs_style_2 .cs_hero_text,

.cs_hero.cs_style_3 .cs_hero_text {

  max-width: 650px;

  position: relative;

}

@media (max-width: 991px) {

  .cs_hero.cs_style_2 .cs_hero_text,

  .cs_hero.cs_style_3 .cs_hero_text {

    max-width: 550px;

  }

}

.cs_hero.cs_style_2 .cs_hero_title,

.cs_hero.cs_style_3 .cs_hero_title {

  font-size: 35px;

  margin-bottom: 12px;

}

@media (max-width: 991px) {

  .cs_hero.cs_style_2 .cs_hero_title,

  .cs_hero.cs_style_3 .cs_hero_title {

    font-size: 48px;

  }

}

.cs_hero.cs_style_2 .cs_hero_subtitle,

.cs_hero.cs_style_3 .cs_hero_subtitle {

  font-size: 19px;

  max-width: 500px;

  margin-bottom: 18px;

}

.cs_hero.cs_style_2 .cs_list.cs_style_2,

.cs_hero.cs_style_3 .cs_list.cs_style_2 {

  font-size: 18px;

  gap: 10px;

  margin-bottom: 30px;

}

.cs_hero.cs_style_2 .cs_list.cs_style_2 li i,

.cs_hero.cs_style_3 .cs_list.cs_style_2 li i {

  top: 4px;

}

.cs_hero.cs_style_2 .cs_list.cs_style_2 li:hover i,

.cs_hero.cs_style_3 .cs_list.cs_style_2 li:hover i {

  color: var(--accent-color);

}



.cs_hero.cs_style_2 {

  height: 510px;

/*  padding-bottom: 100px;

*/}

@media (max-width: 991px) {

  .cs_hero.cs_style_2 {

    height: initial;

    padding-top: 80px;

    padding-bottom: 180px;

  }

}

.cs_hero.cs_style_2 .cs_hero_shape {

  position: absolute;

  top: 15%;

  right: 100%;

  width: 135px;

  margin-right: 20px;

}

.cs_hero.cs_style_2 .cs_hero_btns {

  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;

  gap: 15px 30px;

}

.cs_hero.cs_style_2 .cs_player_btn {

  width: 50px;

  height: 50px;

}

.cs_hero.cs_style_2 .cs_video_open {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  color: #fff;

  font-size: 17px;

  font-weight: 500;

}

.cs_hero.cs_style_2 .cs_video_open:hover .cs_play_btn_text {

  letter-spacing: 0.5px;

}

.cs_hero.cs_style_2 .cs_play_btn_text {

  text-decoration: underline;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 991px) {

  .cs_hero.cs_style_2 .cs_play_btn_text {

    color: var(--blue-color);

  }

}

.cs_hero.cs_style_2 .cs_hero_card {

  position: absolute;

  right: 0;

  height: 143px;

  width: 143px;

  border: 7px solid #fff;

  background-color: var(--accent-color);

  border-radius: 50%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  text-align: center;

  color: #fff;

  position: absolute;

  top: 45%;

  right: -70px;

}

@media (max-width: 1400px) {

  .cs_hero.cs_style_2 .cs_hero_card {

    right: 10px;

  }

}

@media (max-width: 1199px) {

  .cs_hero.cs_style_2 .cs_hero_card {

    right: 80px;

  }

}

@media (max-width: 991px) {

  .cs_hero.cs_style_2 .cs_hero_card {

    display: none;

  }

}

.cs_hero.cs_style_2 .cs_hero_card h4 {

  font-size: 34px;

  color: #fff;

  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;

  gap: 5px;

  margin-bottom: 0;

}

.cs_hero.cs_style_2 .cs_hero_card h4 span {

  font-size: 14px;

  line-height: 1.6em;

}

.cs_hero.cs_style_2 .cs_hero_card p {

  margin: 0;

  font-size: 18px;

  font-weight: 700;

  font-family: var(--heading-font);

}



.cs_hero.cs_style_3 {

  height: 880px;

  position: relative;

  padding-top: 80px;

}

@media (max-width: 991px) {

  .cs_hero.cs_style_3 {

    padding-bottom: 285px;

    padding-top: 160px;

    height: initial;

  }

}

@media (max-width: 350px) {

  .cs_hero.cs_style_3 {

    padding-bottom: 255px;

  }

}

.cs_hero.cs_style_3 .cs_hero_btns {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 15px;

}

.cs_hero.cs_style_3 .cs_hero_shape {

  position: absolute;

  right: 100%;

  width: 125px;

  top: 10px;

  margin-right: 40px;

}

.cs_hero.cs_style_3 .cs_hero_title span {

  -webkit-text-stroke: 3px var(--accent-color);

}



/*--------------------------------------------------------------

  11. Iconbox

----------------------------------------------------------------*/

.cs_iconbox.cs_style_1 .cs_iconbox_head {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 13px;

  padding-bottom: 20px;

  border-bottom: 1px solid var(--border-color);

  margin-bottom: 15px;

}

.cs_iconbox.cs_style_1 .cs_iconbox_icon {

  -webkit-box-shadow: 0px 0px 49px rgba(18, 30, 59, 0.14);

          box-shadow: 0px 0px 49px rgba(18, 30, 59, 0.14);

  height: 58px;

  width: 58px;

  border-radius: 50%;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  padding: 15px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_1 .cs_iconbox_icon img {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.cs_iconbox.cs_style_1 .cs_iconbox_title {

  font-size: 22px;

}

.cs_iconbox.cs_style_1 .cs_iconbox_subtitle {

  max-width: 250px;

}

.cs_iconbox.cs_style_1:hover .cs_iconbox_icon {

  background-color: var(--blue-color);

}

.cs_iconbox.cs_style_1:hover .cs_iconbox_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}



.cs_iconbox.cs_style_2 {

  padding: 30px;

  background-color: var(--white);

  position: relative;

  overflow: hidden;

}

.cs_iconbox.cs_style_2.cs_gray_bg {

  background-color: var(--gray-color);

}

.cs_iconbox.cs_style_2 .iconbox_index {

  color: var(--blue-color);

  -webkit-text-stroke: 1px var(--white);

  font-size: 28px;

  font-weight: 700;

  line-height: 1.5em;

  position: relative;

  z-index: 1;

  opacity: 0;

}

.cs_iconbox.cs_style_2 .cs_iconbox_icon {

  width: 53px;

  height: 53px;

  position: relative;

}

.cs_iconbox.cs_style_2 .cs_iconbox_icon img {

  position: relative;

  z-index: 1;

}

.cs_iconbox.cs_style_2 .cs_iconbox_icon::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-color: var(--blue-color);

  -webkit-filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));

          filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));

  border-radius: 50%;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_2 .cs_iconbox_icon::after {

  content: "";

  width: 25px;

  height: 25px;

  position: absolute;

  top: 50%;

  right: -4px;

  -webkit-transform: translateY(-50%) rotate(45deg);

          transform: translateY(-50%) rotate(45deg);

  background-color: var(--accent-color);

  z-index: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_2 .cs_iconbox_title {

  font-size: 22px;

  margin-top: 15px;

  margin-bottom: 5px;

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_2 .cs_iconbox_subtitle {

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_2 .cs_iconbox_overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_2 .cs_iconbox_overlay::after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: var(--blue-color);

  opacity: 0.8;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_2 .cs_iconbox_shape {

  width: 56px;

  height: 56px;

  background-color: var(--accent-color);

  border-radius: 50%;

  position: absolute;

  bottom: -56px;

  right: -56px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_2:hover .cs_iconbox_overlay,

.cs_iconbox.cs_style_2:hover .iconbox_index {

  opacity: 1;

}

.cs_iconbox.cs_style_2:hover .cs_iconbox_icon::before {

  background-color: var(--accent-color);

}

.cs_iconbox.cs_style_2:hover .cs_iconbox_icon::after {

  background-color: var(--white);

}

.cs_iconbox.cs_style_2:hover .cs_iconbox_title a,

.cs_iconbox.cs_style_2:hover .cs_iconbox_subtitle {

  color: var(--white);

}

.cs_iconbox.cs_style_2:hover .cs_iconbox_shape {

  bottom: -20px;

  right: -20px;

}



.cs_iconbox.cs_style_3 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

  gap: 20px;

  border-bottom: 1px solid var(--border-color);

  border-right: 1px solid var(--border-color);

  padding: 30px 0 30px 0;

  overflow: hidden;

}

@media (max-width: 767px) {

  .cs_iconbox.cs_style_3 {

    padding: 30px 0 !important;

  }

  .cs_iconbox.cs_style_3:last-child {

    padding-bottom: 0 !important;

  }

}

.cs_iconbox.cs_style_3:nth-child(1) {

  padding-top: 0;

}

.cs_iconbox.cs_style_3:nth-child(2) {

  padding-top: 0;

}

.cs_iconbox.cs_style_3:nth-child(5) {

  padding-bottom: 0;

}

.cs_iconbox.cs_style_3:nth-child(6) {

  padding-bottom: 0;

}

.cs_iconbox.cs_style_3:nth-child(even) {

  padding-left: 50px;

  padding-right: 0;

}

@media (max-width: 767px) {

  .cs_iconbox.cs_style_3:nth-child(even) {

    padding-left: 0;

  }

}

.cs_iconbox.cs_style_3:nth-child(odd) {

  padding-right: 50px;

}

.cs_iconbox.cs_style_3 .cs_iconbox_icon {

  position: relative;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  width: 65px;

  height: 65px;

}

.cs_iconbox.cs_style_3 .cs_iconbox_icon::before {

  content: "";

  width: 100%;

  height: 100%;

  background-color: var(--white);

  border-radius: inherit;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_3 .cs_iconbox_icon::after {

  content: "";

  width: 20px;

  height: 20px;

  background-color: var(--accent-color);

  -webkit-transform: translate(-50%, -10px) rotate(45deg);

          transform: translate(-50%, -10px) rotate(45deg);

  position: absolute;

  left: 50%;

  bottom: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_3 .cs_iconbox_icon img {

  position: relative;

  z-index: 1;

  -webkit-filter: brightness(1) invert(0);

          filter: brightness(1) invert(0);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_3 .cs_iconbox_title {

  font-size: 22px;

  margin-bottom: 5px;

}

.cs_iconbox.cs_style_3 .cs_iconbox_subtitle {

  margin-bottom: 0;

}

.cs_iconbox.cs_style_3:hover .cs_iconbox_icon::before {

  background-color: var(--blue-color);

}

.cs_iconbox.cs_style_3:hover .cs_iconbox_icon::after {

  -webkit-transform: translate(-50%, 5px) rotate(45deg);

          transform: translate(-50%, 5px) rotate(45deg);

}

.cs_iconbox.cs_style_3:hover .cs_iconbox_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}



.cs_iconbox_4_wrap {

  position: relative;

  z-index: 10;

  margin-top: -100px;

}



.cs_iconbox.cs_style_4 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  padding: 50px 70px;

  gap: 30px;

  background-color: #fff;

  border-bottom: 3px solid var(--blue-color);

  -webkit-box-shadow: 0px 0px 128px rgba(0, 0, 0, 0.05);

          box-shadow: 0px 0px 128px rgba(0, 0, 0, 0.05);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 1400px) {

  .cs_iconbox.cs_style_4 {

    padding: 40px;

  }

}

@media (max-width: 1199px) {

  .cs_iconbox.cs_style_4 {

    padding: 30px;

    gap: 20px;

  }

}

@media (max-width: 575px) {

  .cs_iconbox.cs_style_4 {

    padding: 25px;

  }

}

@media (max-width: 430px) {

  .cs_iconbox.cs_style_4 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

}

.cs_iconbox.cs_style_4 .cs_iconbox_icon {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  height: 110px;

  width: 110px;

  padding: 20px;

  border-radius: 5px;

  background-color: var(--blue-color);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

@media (max-width: 1199px) {

  .cs_iconbox.cs_style_4 .cs_iconbox_icon {

    height: 90px;

    width: 90px;

  }

}

.cs_iconbox.cs_style_4 .cs_iconbox_title {

  font-size: 35px;

  margin-bottom: 7px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_4 .cs_iconbox_title {

    font-size: 30px;

  }

}

.cs_iconbox.cs_style_4 .cs_iconbox_subtitle {

  font-size: 17px;

  margin-bottom: 30px;

  color: var(--heading-color);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

@media (max-width: 430px) {

  .cs_iconbox.cs_style_4 .cs_iconbox_subtitle {

    margin-bottom: 20px;

  }

}

.cs_iconbox.cs_style_4 .cs_btn.cs_style_1 {

  border-radius: 5px;

}

.cs_iconbox.cs_style_4:hover {

  background-color: var(--blue-color);

}

.cs_iconbox.cs_style_4:hover .cs_iconbox_icon {

  background-color: var(--accent-color);

}

.cs_iconbox.cs_style_4:hover .cs_btn.cs_style_1 {

  background-color: #fff;

  color: var(--blue-color);

}

.cs_iconbox.cs_style_4:hover .cs_btn.cs_style_1:hover {

  background-color: var(--accent-color);

  color: #fff;

}

.cs_iconbox.cs_style_4:hover .cs_iconbox_title,

.cs_iconbox.cs_style_4:hover .cs_iconbox_subtitle {

  color: #fff;

}



.cs_iconbox.cs_style_5 {

  padding: 37px 50px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: start;

  gap: 30px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 1199px) {

  .cs_iconbox.cs_style_5 {

    padding: 30px;

  }

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_5 {

    -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: start;

    gap: 10px;

  }

  .cs_iconbox.cs_style_5 br {

    display: none;

  }

}

@media (max-width: 575px) {

  .cs_iconbox.cs_style_5 {

    padding: 20px;

  }

}

.cs_iconbox.cs_style_5 .cs_iconbox_icon {

  width: 53px;

  height: 53px;

  position: relative;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_5 .cs_iconbox_icon {

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

    margin-bottom: 15px;

  }

  .cs_iconbox.cs_style_5 .cs_iconbox_icon img {

    -webkit-transform: rotate(-90deg);

            transform: rotate(-90deg);

  }

}

.cs_iconbox.cs_style_5 .cs_iconbox_icon img {

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.cs_iconbox.cs_style_5 .cs_iconbox_icon::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-color: var(--white);

  -webkit-filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));

          filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));

  border-radius: 50%;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_5 .cs_iconbox_icon::after {

  content: "";

  width: 25px;

  height: 25px;

  position: absolute;

  top: 50%;

  right: -4px;

  -webkit-transform: translateY(-50%) rotate(45deg);

          transform: translateY(-50%) rotate(45deg);

  background-color: var(--accent-color);

  z-index: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_5 .cs_iconbox_title {

  font-size: 22px;

}

.cs_iconbox.cs_style_5 .cs_iconbox_line {

  width: 83px;

  height: 2px;

  background-color: var(--border-color);

  opacity: 0.3;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_5 .cs_iconbox_line {

    display: none;

  }

}

.cs_iconbox.cs_style_5 .cs_iconbox_thumbnail {

  right: 10%;

  top: 50%;

  -webkit-transform: translateY(-50%) rotate(0deg);

          transform: translateY(-50%) rotate(0deg);

  opacity: 0;

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}

.cs_iconbox.cs_style_5 .cs_iconbox_btn {

  width: 60px;

  height: 60px;

  background-color: var(--white);

  border-radius: 50%;

  font-size: 30px;

  position: absolute;

  top: 50%;

  right: 50px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 1199px) {

  .cs_iconbox.cs_style_5 .cs_iconbox_btn {

    right: 30px;

    top: 30px;

    -webkit-transform: translateY(0%);

            transform: translateY(0%);

  }

}

@media (max-width: 575px) {

  .cs_iconbox.cs_style_5 .cs_iconbox_btn {

    right: 20px;

    top: 20px;

  }

}

.cs_iconbox.cs_style_5 .cs_iconbox_btn i {

  color: var(--accent-color);

  -webkit-transform: rotate(-135deg);

          transform: rotate(-135deg);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_5:hover {

  border-style: dashed;

  border-color: var(--accent-color);

}

.cs_iconbox.cs_style_5:hover .cs_iconbox_icon:before {

  background-color: var(--accent-color);

}

.cs_iconbox.cs_style_5:hover .cs_iconbox_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.cs_iconbox.cs_style_5:hover .cs_iconbox_icon::after {

  background-color: var(--white);

}

.cs_iconbox.cs_style_5:hover .cs_iconbox_thumbnail {

  right: 15%;

  -webkit-transform: translateY(-50%) rotate(-22deg);

          transform: translateY(-50%) rotate(-22deg);

  opacity: 1;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_5:hover .cs_iconbox_thumbnail {

    display: none;

  }

}

.cs_iconbox.cs_style_5:hover .cs_iconbox_btn {

  color: var(--white);

  background-color: var(--accent-color);

}

.cs_iconbox.cs_style_5:hover .cs_iconbox_btn i {

  color: var(--white);

  -webkit-transform: rotate(0deg);

          transform: rotate(0deg);

}



.cs_iconbox_wrapper {

  max-width: 500px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 10px;

  padding-bottom: 77px;

}



.cs_iconbox.cs_style_6 {

  padding: 30px 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 28px;

  border-bottom: 1px solid rgba(221, 221, 221, 0.3);

}

@media (max-width: 575px) {

  .cs_iconbox.cs_style_6 {

    gap: 20px;

  }

}

.cs_iconbox.cs_style_6 .cs_iconbox_icon {

  width: 70px;

  height: 70px;

  background-color: var(--white);

  border-radius: 50%;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 575px) {

  .cs_iconbox.cs_style_6 .cs_iconbox_icon {

    width: 60px;

    height: 60px;

  }

}

.cs_iconbox.cs_style_6 .cs_iconbox_icon img {

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_6 .cs_iconbox_index {

  width: 24px;

  height: 24px;

  background-color: #0365d3;

  font-size: 9px;

  font-weight: 500;

  color: var(--white);

  border: 2px solid var(--white);

  border-radius: 50%;

  left: 50%;

  bottom: -10px;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_6 .cs_iconbox_title {

  font-size: 22px;

  margin-bottom: 5px;

}

.cs_iconbox.cs_style_6:hover {

  border-color: #0365d3;

}

.cs_iconbox.cs_style_6:hover .cs_iconbox_icon {

  background-color: #ea7d29;

}

.cs_iconbox.cs_style_6:hover .cs_iconbox_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.cs_iconbox.cs_style_6:hover .cs_iconbox_index {

  background-color: var(--blue-color);

}



.cs_iconbox.cs_style_7 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.cs_iconbox.cs_style_7 .cs_iconbox_thumbnail {

  border-radius: 10px;

  z-index: 2;

}

.cs_iconbox.cs_style_7 .cs_iconbox_thumbnail img {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: inherit;

}

.cs_iconbox.cs_style_7 .cs_iconbox_content {

  width: 95%;

  background-color: var(--white);

  border-radius: 0 0 10px 10px;

  position: relative;

  margin: -50px auto 0;

  padding: 70px 30px 30px;

  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;

  text-align: center;

  overflow: hidden;

}

.cs_iconbox.cs_style_7 .cs_iconbox_overlay {

  width: 100%;

  height: 100%;

  border-radius: inherit;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_7 .cs_iconbox_icon {

  width: 53px;

  height: 53px;

  background-color: var(--white);

  border-radius: 50%;

  margin: -50px 0 32px;

  position: relative;

  z-index: 3;

}

.cs_iconbox.cs_style_7 .cs_iconbox_icon img {

  position: relative;

  z-index: 1;

}

.cs_iconbox.cs_style_7 .cs_iconbox_icon::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 3px;

  left: 0;

  background-color: var(--blue-color);

  -webkit-filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));

          filter: drop-shadow(0px 0px 49px rgba(49, 82, 157, 0.14));

  border-radius: 50%;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_7 .cs_iconbox_icon::after {

  content: "";

  width: 25px;

  height: 25px;

  position: absolute;

  bottom: -8px;

  left: 50%;

  -webkit-transform: translateX(-50%) rotate(45deg);

          transform: translateX(-50%) rotate(45deg);

  background-color: var(--accent-color);

  z-index: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_7 .cs_iconbox_title {

  font-size: 22px;

  margin-bottom: 8px;

}

.cs_iconbox.cs_style_7 .cs_iconbox_subtitle {

  margin-bottom: 13px;

}

.cs_iconbox.cs_style_7 .cs_iconbox_title,

.cs_iconbox.cs_style_7 .cs_iconbox_subtitle,

.cs_iconbox.cs_style_7 .cs_iconbox_btn {

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_7 .cs_iconbox_shape_1,

.cs_iconbox.cs_style_7 .cs_iconbox_shape_2 {

  width: 40px;

  height: 40px;

  background-color: var(--blue-color);

  border-radius: 50%;

  position: absolute;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_7 .cs_iconbox_shape_1 {

  left: -20px;

  bottom: -20px;

}

.cs_iconbox.cs_style_7 .cs_iconbox_shape_2 {

  right: -20px;

  bottom: -20px;

}

.cs_iconbox.cs_style_7:hover .cs_iconbox_overlay {

  opacity: 1;

}

.cs_iconbox.cs_style_7:hover .cs_iconbox_icon::before {

  background-color: var(--accent-color);

}

.cs_iconbox.cs_style_7:hover .cs_iconbox_icon::after {

  background-color: var(--white);

}

.cs_iconbox.cs_style_7:hover .cs_iconbox_title,

.cs_iconbox.cs_style_7:hover .cs_iconbox_subtitle,

.cs_iconbox.cs_style_7:hover .cs_iconbox_btn {

  color: var(--white);

}

.cs_iconbox.cs_style_7:hover .cs_iconbox_btn {

  color: var(--white);

}

.cs_iconbox.cs_style_7:hover .cs_iconbox_btn:hover {

  color: var(--accent-color);

  letter-spacing: 0.5px;

}

.cs_iconbox.cs_style_7:hover .cs_iconbox_shape_1,

.cs_iconbox.cs_style_7:hover .cs_iconbox_shape_2 {

  background-color: var(--accent-color);

}



.cs_iconbox.cs_style_8 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 20px 40px 20px 1px;

  background-color: #fff;

  gap: 25px;

  height: 190px;

  position: absolute;

  right: 0;

  bottom: 0;

  width: 100%;

  max-width: 410px;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_8 {

    max-width: calc(100% - 65px);

    height: 170px;

    gap: 15px;

    padding-right: 15px;

  }

}

@media (max-width: 350px) {

  .cs_iconbox.cs_style_8 {

    max-width: calc(100% - 54px);

    height: 140px;

    gap: 12px;

  }

}

.cs_iconbox.cs_style_8 .cs_iconbox_icon {

  height: 120px;

  width: 120px;

  border: 7px solid #fff;

  background-color: var(--accent-color);

  margin-left: -60px;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  border-radius: 10px;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_8 .cs_iconbox_icon {

    height: 100px;

    width: 100px;

    border-width: 4px;

    margin-left: -50px;

    padding: 18px;

  }

}

@media (max-width: 350px) {

  .cs_iconbox.cs_style_8 .cs_iconbox_icon {

    height: 80px;

    width: 80px;

    margin-left: -40px;

    padding: 14px;

  }

}

.cs_iconbox.cs_style_8 .cs_iconbox_title {

  font-size: 35px;

  margin-bottom: 7px;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_8 .cs_iconbox_title {

    font-size: 28px;

  }

}

@media (max-width: 400px) {

  .cs_iconbox.cs_style_8 .cs_iconbox_title {

    font-size: 24px;

  }

}

.cs_iconbox.cs_style_8 .cs_iconbox_subtitle {

  font-size: 20px;

  margin: 0;

  color: var(--heading-color);

}

@media (max-width: 400px) {

  .cs_iconbox.cs_style_8 .cs_iconbox_subtitle {

    font-size: 18px;

  }

}



.cs_iconbox_9_wrapper {

  padding: 30px 0;

  border: 1px solid var(--border-color);

  border-radius: 10px;

  background-color: var(--white);

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .cs_iconbox_9_wrapper {

    padding: 30px 15px 0;

  }

}



.cs_iconbox.cs_style_9 {

  padding: 30px 30px 40px;

  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;

  text-align: center;

  position: relative;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_9 {

    padding: 30px 15px;

  }

}

@media (min-width: 1200px) {

  .cs_iconbox.cs_style_9 {

    padding: 30px 40px 40px;

  }

}

.cs_iconbox.cs_style_9.active {

  border: 1px dashed var(--border-color);

  border-radius: 10px;

}

.cs_iconbox.cs_style_9 .cs_index {

  font-size: 48px;

  font-weight: 700;

  color: var(--border-color);

}

.cs_iconbox.cs_style_9 .cs_iconbox_icon {

  width: 124px;

  height: 124px;

  background-color: rgb(240, 244, 246);

  padding: 10px;

  border-radius: 50%;

  position: relative;

  z-index: 1;

  margin-bottom: 30px;

  margin-top: -12px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_9 .cs_iconbox_icon img {

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_9 .cs_iconbox_icon::after {

  content: "";

  width: 104px;

  height: 104px;

  border: 1px dashed var(--border-color);

  border-radius: inherit;

  position: absolute;

  left: 50%;

  top: 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_9 .cs_iconbox_title {

  font-size: 22px;

  margin-bottom: 8px;

}

.cs_iconbox.cs_style_9 .cs_iconbox_shape {

  position: absolute;

  right: 0;

  top: 50px;

}

@media (max-width: 991px) {

  .cs_iconbox.cs_style_9 .cs_iconbox_shape {

    display: none;

  }

}

.cs_iconbox.cs_style_9 .cs_iconbox_shape.cs_left {

  left: 0;

  right: auto;

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}

.cs_iconbox.cs_style_9:hover .cs_iconbox_icon {

  background-color: var(--blue-color);

}

.cs_iconbox.cs_style_9:hover .cs_iconbox_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.cs_iconbox.cs_style_9:hover .cs_iconbox_icon::after {

  border-color: var(--white);

}



.cs_iconbox.cs_style_10 {

  width: 100%;

  height: 100%;

  padding: 25px 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 15px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_10 .cs_iconbox_icon {

  font-size: 28px;

  color: var(--accent-color);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_10 .cs_iconbox_title {

  font-size: 22px;

  margin-bottom: -2px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_10 .cs_iconbox_subtitle {

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_10:hover {

  background-color: var(--blue-color);

}

.cs_iconbox.cs_style_10:hover .cs_iconbox_icon,

.cs_iconbox.cs_style_10:hover .cs_iconbox_title,

.cs_iconbox.cs_style_10:hover .cs_iconbox_subtitle {

  color: var(--white);

}



.cs_iconbox.cs_style_11 {

  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;

  text-align: center;

}

@media (max-width: 1199px) {

  .cs_iconbox.cs_style_11 {

    padding: 30px 15px;

  }

}

.cs_iconbox.cs_style_11 .cs_iconbox_icon {

  width: 65px;

  height: 65px;

  border-radius: 5px;

  background-color: var(--accent-color);

  margin-bottom: 20px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_11 .cs_iconbox_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_11 .cs_iconbox_title {

  font-size: 22px;

  margin-bottom: 6px;

}

.cs_iconbox.cs_style_11 .cs_iconbox_subtitle {

  margin-bottom: 13px;

}

.cs_iconbox.cs_style_11 .cs_iconbox_btn {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--white);

  color: var(--accent-color);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_iconbox.cs_style_11:hover .cs_iconbox_icon {

  background-color: var(--white);

}

.cs_iconbox.cs_style_11:hover .cs_iconbox_icon img {

  -webkit-filter: brightness(1) invert(0);

          filter: brightness(1) invert(0);

}

.cs_iconbox.cs_style_11:hover .cs_iconbox_btn {

  background-color: var(--accent-color);

  color: var(--white);

}



/*--------------------------------------------------------------

  12. Posts

----------------------------------------------------------------*/

.cs_post.cs_style_1 {

  overflow: hidden;

}

.cs_post.cs_style_1 .cs_post_thumbnail {

  display: inline-block;

  padding: 0 10px;

  margin-bottom: -8px;

}

.cs_post.cs_style_1 .cs_post_thumbnail img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_post.cs_style_1 .cs_post_content {

  border: 1px solid var(--border-color);

  background-color: var(--white);

  padding: 30px 35px 10px 30px;

}

@media (max-width: 575px) {

  .cs_post.cs_style_1 .cs_post_content {

    padding: 40px 20px 30px;

  }

}

.cs_post.cs_style_1 .cs_post_category {

  padding: 5px 20px;

  background-color: var(--white);

  color: var(--accent-color);

  border-radius: 20px;

  font-size: 17px;

  font-weight: 500;

  text-transform: uppercase;

  left: 30px;

  top: 30px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_post.cs_style_1 .cs_post_meta_wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  margin-bottom: 16px;

  padding-top:20px;

}

.cs_post.cs_style_1 .cs_post_meta_item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

}

.cs_post.cs_style_1 .cs_posted_by {

  width: 65px;

  height: 57px;

  padding: 10px;

  border: 2px solid var(--white);

  background-color: var(--blue-color);

  color: var(--white);

  font-size: 16px;

  font-weight: 500;

  text-align: center;

  right: 30px;

  top: -30px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_post.cs_style_1 .cs_post_title {

  font-size: 22px;

  margin-bottom: 10px;

  color: #016eb7;



}

.cs_post.cs_style_1 .cs_post_subtitle {

  font-size: 17px;

  margin-bottom: 7px;

}

.cs_post.cs_style_1 .cs_post_btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

  font-weight: 500;

}

.cs_post.cs_style_1 .cs_post_shape {

  width: 120px;

  height: 100px;

  background-color: var(--accent-color);

  -webkit-transform: rotate(-40deg);

          transform: rotate(-40deg);

  right: -150px;

  bottom: -100px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  opacity: 0;

}

.cs_post.cs_style_1 .cs_post_shape::after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: var(--accent-color);

  opacity: 0.3;

  position: absolute;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(-30px, -15px);

          transform: translate(-30px, -15px);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_post.cs_style_1:hover .cs_post_shape {

  opacity: 1;

  right: -50px;

  bottom: -75px;

}

.cs_post.cs_style_1:hover .cs_post_category {

  background-color: var(--accent-color);

  color: var(--white);

}

.cs_post.cs_style_1:hover .cs_posted_by {

  background-color: var(--accent-color);

}



.cs_post.cs_style_2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 15px;

}

@media (max-width: 1199px) {

  .cs_post.cs_style_2 br {

    display: none;

  }

}

.cs_post.cs_style_2:not(:last-child) {

  margin-bottom: 30px;

}

.cs_post.cs_style_2 .cs_post_thumb_thumbnail {

  display: inline-block;

  width: 94px;

  height: 78px;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

}

.cs_post.cs_style_2 .cs_post_thumb_thumbnail img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_post.cs_style_2 .cs_post_meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 10px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  margin-bottom: 6px;

}

.cs_post.cs_style_2 .cs_post_title {

  font-size: 17px;

  font-weight: 600;

}



.cs_posts_grid.cs_style_1 {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

}

@media (max-width: 1199px) {

  .cs_posts_grid.cs_style_1 {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 767px) {

  .cs_posts_grid.cs_style_1 {

    grid-template-columns: repeat(1, 1fr);

  }

}



/*-------------------------------------------

 Blog Details Page Styling

----------------------------------------------*/

.cs_post_details.cs_style_1 .cs_post_thumb_thumbnail {

  margin-bottom: 24px;

}

.cs_post_details.cs_style_1 .cs_post_thumb_thumbnail img {

  width: 100%;

}

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

  gap: 25px;

  font-size: 14px;

  margin-bottom: 17px;

}

.cs_post_details.cs_style_1 .cs_post_meta li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 10px;

}

.cs_post_details.cs_style_1 .cs_reply_title {

  font-size: 22px;

}

.cs_post_details.cs_style_1 p {

  margin-bottom: 20px;

}



.cs_comment_body {

  width: 100%;

  max-width: 730px;

  padding: 35px 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  border-bottom: 1px solid var(--border-color);

}

@media (max-width: 575px) {

  .cs_comment_body {

    -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: start;

  }

}

.cs_comment_body:nth-child(even) {

  padding-left: 50px;

}

@media (max-width: 991px) {

  .cs_comment_body:nth-child(even) {

    padding-left: 0;

  }

}

.cs_comment_body h3 {

  font-size: 22px;

  margin-bottom: 6px;

}

.cs_comment_body p {

  margin-bottom: 14px;

}

.cs_comment_body .cs_comment_thumbnail {

  width: 90px;

  height: 90px;

  border-radius: 50%;

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  overflow: hidden;

}

.cs_comment_body .cs_comment_thumbnail img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_comment_body .cs_comment_meta_wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 60px;

}

.cs_comment_body .cs_reply_btn {

  font-size: 17px;

  font-weight: 500;

}



.cs_reply_heading {

  font-size: 40px;

  margin-bottom: 33px;

}



.cs_reply_form .cs_form_field {

  background-color: var(--white);

  font-size: 16px;

  font-weight: 400;

  color: var(--body-color);

}

.cs_reply_form select {

  padding: 12.3px 20px;

  font-size: 17px;

  color: var(--body-color);

}

.cs_reply_form .cs_btn.cs_style_1 {

  border: none;

  outline: none;

  padding: 11px 50px;

  margin-top: 20px;

}



/*--------------------------------------------------------------

  13. CTA

----------------------------------------------------------------*/

@media (max-width: 991px) {

  .cs_cta.cs_style_1 {

    padding: 70px 0;

  }

}

.cs_cta.cs_style_1 .cs_cta_in {

  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;

}

@media (max-width: 991px) {

  .cs_cta.cs_style_1 .cs_cta_in {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    gap: 25px 0;

  }

}

.cs_cta.cs_style_1 .cs_cta_left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 30px 70px;

}

@media (max-width: 991px) {

  .cs_cta.cs_style_1 .cs_cta_left {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    text-align: center;

  }

}

.cs_cta.cs_style_1 .cs_cta_right {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

}

.cs_cta.cs_style_1 .container {

  position: relative;

  z-index: 2;

}

.cs_cta.cs_style_1 .cs_cta_title {

  font-size: 24px;

  margin-bottom: 10px;

  color: #fff;

}

.cs_cta.cs_style_1 .cs_cta_subtitle {

  margin-bottom: 0;

  color: rgba(255, 255, 255, 0.75);

}

.cs_cta.cs_style_1 .cs_cta_thumb {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  width: 200px;

  height: 190px;

  position: relative;

}

.cs_cta.cs_style_1 .cs_cta_thumb::before {

  content: "";

  height: 110px;

  width: 110px;

  background-color: var(--accent-color);

  position: absolute;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  right: -20px;

  top: 50%;

  margin-top: -55px;

}

@media (max-width: 991px) {

  .cs_cta.cs_style_1 .cs_cta_thumb::before {

    display: none;

  }

}

.cs_cta.cs_style_1 .cs_cta_thumb img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  position: relative;

  z-index: 1;

}

.cs_cta.cs_style_1 .cs_cta_shape {

  width: 300px;

  height: 300px;

  position: absolute;

  right: -140px;

  bottom: -150px;

}

.cs_cta.cs_style_1 .cs_cta_shape::before, .cs_cta.cs_style_1 .cs_cta_shape::after {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: var(--accent-color);

  position: absolute;

  top: 0;

  right: 0;

}

.cs_cta.cs_style_1 .cs_cta_shape::before {

  -webkit-transform: scale(0);

          transform: scale(0);

  z-index: 1;

  -webkit-animation: zoom-shape1 4s linear infinite;

          animation: zoom-shape1 4s linear infinite;

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

}

.cs_cta.cs_style_1 .cs_cta_shape::after {

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-animation: zoom-shape2 4s linear infinite;

          animation: zoom-shape2 4s linear infinite;

  opacity: 0.71;

}

@media (max-width: 991px) {

  .cs_cta.cs_style_1.cs_type_1 {

    padding: 0;

  }

}

.cs_cta.cs_style_1.cs_type_1 .cs_cta_in {

  padding: 33px 0;

  position: relative;

  z-index: 1;

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

  .cs_cta.cs_style_1.cs_type_1 .cs_cta_in {

    padding: 70px 0;

  }

}

.cs_cta.cs_style_1.cs_type_1 .cs_cta_left {

  gap: 30px 60px;

}

.cs_cta.cs_style_1.cs_type_1 .cs_cta_thumb {

  width: initial;

  height: 125px;

}

.cs_cta.cs_style_1.cs_type_1 .cs_cta_thumb:before {

  height: 60px;

  width: 60px;

  margin-top: -32px;

  right: -12px;

}

.cs_cta.cs_style_1.cs_type_1 .container {

  position: relative;

  z-index: 2;

}

.cs_cta.cs_style_1.cs_type_1 .container::before {

  content: "";

  position: absolute;

  height: 100%;

  width: 100vw;

  left: -20px;

  top: 0;

  background-color: var(--blue-color);

  border-radius: 100px 0 0 100px;

}

@media (max-width: 991px) {

  .cs_cta.cs_style_1.cs_type_1 .container::before {

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    border-radius: 0;

  }

}

.cs_cta.cs_style_1.cs_type_1 .cs_cta_shape {

  z-index: 3;

}



.cs_cta.cs_style_2 {

  width: 100%;

  height: 100%;

  min-height: 600px;

  position: relative;

}

@media (max-width: 500px) {

  .cs_cta.cs_style_2 {

    min-height: 640px;

  }

}

@media (max-width: 380px) {

  .cs_cta.cs_style_2 {

    min-height: 680px;

  }

}

.cs_cta.cs_style_2 .cs_cta_btn_wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .cs_cta.cs_style_2 .cs_cta_btn_wrapper {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: start;

  }

}

.cs_cta.cs_style_2 .cs_player_btn {

  width: 43px;

  height: 43px;

  color: var(--accent-color);

}

.cs_cta.cs_style_2 .cs_player_btn:before, .cs_cta.cs_style_2 .cs_player_btn:after {

  background-color: var(--white);

}

.cs_cta.cs_style_2 .cs_play_btn_text {

  background-repeat: no-repeat;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));

  background-image: linear-gradient(90deg, currentColor 0, currentColor 100%);

  -webkit-transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out;

  transition: background-size 0.42s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out;

  background-position: 100% calc(100% - 0px);

  background-size: 0 1px;

}

.cs_cta.cs_style_2 .cs_play_btn_text:hover {

  background-size: 100% 1px;

  background-position: 0 calc(100% - 0px);

}

.cs_cta.cs_style_2 .cs_video_open {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  color: var(--white);

  font-size: 17px;

  font-weight: 500;

}

.cs_cta.cs_style_2 .cs_video_open:hover .cs_play_btn_text {

  background-size: 100% 1px;

  background-position: 0 calc(100% - 0px);

}

.cs_cta.cs_style_2 .cs_cta_text {

  max-width: 540px;

  position: relative;

  z-index: 2;

}

.cs_cta.cs_style_2 .cs_section_title {

  margin-bottom: 12px;

}

.cs_cta.cs_style_2 .cs_cta_subtitle {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 44px;

}

.cs_cta.cs_style_2 .cs_btn.cs_style_1 {

  margin-top: 1px;

}

.cs_cta.cs_style_2 .cs_cta_shape {

  right: 3%;

  bottom: 8%;

}

@media (max-width: 767px) {

  .cs_cta.cs_style_2 .cs_cta_shape {

    display: none;

  }

}



.cs_cta.cs_style_3 {

  padding: 60px 0 65px;

}

@media (max-width: 767px) {

  .cs_cta.cs_style_3 {

    padding: 40px 0;

  }

}

.cs_cta.cs_style_3 .cs_cta_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: 20px;

}
@media (max-width: 767px) {

  .cs_cta.cs_style_3 .cs_cta_in {

    -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: start;

    gap: 24px;

  }

}

.cs_cta.cs_style_3 .cs_cta_info {

  padding-left: 20px;

  position: relative;

}

.cs_cta.cs_style_3 .cs_cta_info::after, .cs_cta.cs_style_3 .cs_cta_info::before {

  content: "";

  width: 3px;

  height: 100%;

  border-radius: 2px;

  position: absolute;

  left: 0;

}

.cs_cta.cs_style_3 .cs_cta_info::before {

  background-color: var(--white);

  top: 0;

}

.cs_cta.cs_style_3 .cs_cta_info::after {

  height: 50%;

  background-color: var(--blue-color);

  bottom: 0;

}

.cs_cta.cs_style_3 .cs_cta_title {

  font-size: 24px;

  margin-bottom: 10px;

}

.cs_cta.cs_style_3 .cs_color_3:hover {

  background-color: var(--blue-color);

}



@-webkit-keyframes zoom-shape1 {

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0;

  }

}



@keyframes zoom-shape1 {

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0;

  }

}

@-webkit-keyframes zoom-shape2 {

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0;

  }

}

@keyframes zoom-shape2 {

  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0;

  }

}

/*--------------------------------------------------------------

  14. Testimonial

----------------------------------------------------------------*/

.cs_testimonial_area {

  background-repeat: no-repeat;

  background-position: right;

}



.cs_testimonial_content {

  padding-left: 75px;

  position: relative;

  margin-left: 75px;

}

@media (max-width: 991px) {

  .cs_testimonial_content {

    margin-left: 0;

    padding-left: 50px;

  }

}

@media (max-width: 575px) {

  .cs_testimonial_content {

    padding-left: 0px;

  }

}

.cs_testimonial_content::after {

  content: "";

  width: 10px;

  height: 100%;

  background-color: var(--accent-color);

  border-radius: 5px;

  position: absolute;

  top: 0;

  left: 0px;

}

@media (max-width: 575px) {

  .cs_testimonial_content::after {

    display: none;

  }

}



.cs_testimonial.cs_style_1 {

  max-width: 491px;

}

.cs_testimonial.cs_style_1.cs_type_1 {

  max-width: 100%;

  padding: 35px 35px 40px;

  background-color: #f2f6fd;

}

@media (max-width: 575px) {

  .cs_testimonial.cs_style_1.cs_type_1 {

    padding: 35px 20px;

  }

}

.cs_testimonial.cs_style_1.cs_type_1 .cs_testimonial_subtitle {

  margin-bottom: 30px;

}

.cs_testimonial.cs_style_1 .cs_rating_container {

  margin-bottom: 17px;

}

.cs_testimonial.cs_style_1 .cs_avatar.cs_style_1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

}

@media (max-width: 575px) {

  .cs_testimonial.cs_style_1 .cs_avatar.cs_style_1 {

    gap: 15px;

  }

}

.cs_testimonial.cs_style_1 .cs_avatar_thumbnail {

  width: 73px;

  height: 73px;

  border-radius: 50%;

}

.cs_testimonial.cs_style_1 .cs_avatar_thumbnail img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: inherit;

}

.cs_testimonial.cs_style_1 .cs_avatar_title {

  font-size: 22px;

  margin-bottom: 1px;

}

@media (max-width: 575px) {

  .cs_testimonial.cs_style_1 .cs_avatar_title {

    font-size: 20px;

  }

}

.cs_testimonial.cs_style_1 .cs_testimonial_subtitle {

  margin-bottom: 38px;

}

.cs_testimonial.cs_style_1 + .cs_testimonial_heading {

  margin-bottom: 16px;

}



/*--------------------------------------------------------------

  15. Counter

----------------------------------------------------------------*/

.odometer-inside {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.cs_counter_area {

  position: relative;

}

.cs_counter_area::after {

  content: "";

  width: 100%;

  height: 50%;

  background-color: var(--white);

  position: absolute;

  left: 0;

  top: 0;

}



.cs_counter_content {

  position: relative;

  z-index: 2;

  border-radius: 10px;

  overflow: hidden;

}

.cs_counter_content .cs_counter_shape {

  width: 100%;

  left: 0;

  top: -20px;

}

.cs_counter_content .cs_counter_shape img {

  display: inline-block;

  width: 100%;

}



.cs_counter_1_wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  row-gap: 40px;

  position: relative;

  z-index: 1;

  padding: 45px 0;

}

.cs_counter_1_wrap .cs_counter.cs_style_1 {

  position: relative;

  z-index: 2;

  width: 25%;

  padding: 0 45px;

  text-align: center;

}

.cs_counter_1_wrap .cs_counter.cs_style_1 .cs_counter_icon {

  width: 74px;

  height: 74px;

  background-color: var(--white);

  border-radius: 50%;

  margin-bottom: 16px;

  margin-left: auto;

  margin-right: auto;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_counter_1_wrap .cs_counter.cs_style_1 .cs_counter_icon img {

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_counter_1_wrap .cs_counter.cs_style_1 .cs_counter_nmber {

  font-size: 40px;

  font-weight: 700;

  color: var(--white);

  line-height: 1.2em;

  margin-bottom: -2px;

  font-family: var(--heading-font);

}

.cs_counter_1_wrap .cs_counter.cs_style_1 .cs_counter_title {

  font-size: 22px;

  font-weight: 500;

  color: var(--white);

}

@media (min-width: 575px) {

  .cs_counter_1_wrap .cs_counter.cs_style_1 {

    padding: 0 20px;

  }

}

@media (min-width: 575px) {

  .cs_counter_1_wrap .cs_counter.cs_style_1:not(:nth-child(4n+0))::before {

    content: "";

    height: 57%;

    width: 1px;

    background-color: var(--border-color);

    opacity: 0.3;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    z-index: 2;

  }

}

.cs_counter_1_wrap .cs_counter.cs_style_1:last-child::before {

  display: none;

}

.cs_counter_1_wrap .cs_counter.cs_style_1:hover .cs_counter_icon {

  background-color: var(--accent-color);

}

.cs_counter_1_wrap .cs_counter.cs_style_1:hover .cs_counter_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

@media (max-width: 1199px) {

  .cs_counter_1_wrap {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  .cs_counter_1_wrap .cs_counter.cs_style_1 {

    width: calc(50% - 25px);

  }

  .cs_counter_1_wrap .cs_counter.cs_style_1:nth-child(2)::before {

    display: none;

  }

}

@media (max-width: 575px) {

  .cs_counter_1_wrap {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .cs_counter_1_wrap .cs_counter.cs_style_1 {

    width: 100%;

    margin: auto;

  }

}



.cs_counter.cs_style_1 {

  gap: 17px;

}

@media (max-width: 575px) {

  .cs_counter.cs_style_1 .cs_counter_nmber {

    min-width: 70px;

  }

}



.cs_counter_2_wrap {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

}

@media (max-width: 1199px) {

  .cs_counter_2_wrap {

    grid-template-columns: repeat(2, 1fr);

    gap: 30px;

  }

}

@media (max-width: 575px) {

  .cs_counter_2_wrap {

    grid-template-columns: repeat(1, 1fr);

  }

}

.cs_counter_2_wrap .cs_counter.cs_style_2 {

  position: relative;

  width: 100%;

  padding: 48px 15px 45px;

  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 var(--border-color);

  overflow: hidden;

}

@media (min-width: 1200px) {

  .cs_counter_2_wrap .cs_counter.cs_style_2:nth-child(1) {

    border-right: 0;

    border-radius: 10px 0 0 10px;

  }

  .cs_counter_2_wrap .cs_counter.cs_style_2:nth-child(4) {

    border-radius: 0 10px 10px 0;

  }

  .cs_counter_2_wrap .cs_counter.cs_style_2:nth-child(3) {

    border-right: 0;

    border-left: 0;

  }

}

@media (max-width: 1199px) {

  .cs_counter_2_wrap .cs_counter.cs_style_2 {

    border-radius: 10px;

  }

}

.cs_counter_2_wrap .cs_counter.cs_style_2::after, .cs_counter_2_wrap .cs_counter.cs_style_2::before {

  content: "";

  width: 100%;

  height: 3px;

  background-color: transparent;

  position: absolute;

  left: 0;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cs_counter_2_wrap .cs_counter.cs_style_2::after {

  top: 0px;

}

.cs_counter_2_wrap .cs_counter.cs_style_2::before {

  bottom: 0px;

}

.cs_counter_2_wrap .cs_counter.cs_style_2 .cs_counter_icon {

  width: 74px;

  height: 74px;

  background-color: var(--blue-color);

  border-radius: 50%;

  margin-bottom: 16px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_counter_2_wrap .cs_counter.cs_style_2 .cs_counter_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.cs_counter_2_wrap .cs_counter.cs_style_2 .cs_counter_nmber {

  font-size: 40px;

  font-weight: 700;

  color: var(--heading-color);

  line-height: 1.2em;

  margin-bottom: -2px;

}

.cs_counter_2_wrap .cs_counter.cs_style_2 .cs_counter_title {

  font-size: 22px;

  font-weight: 500;

  color: var(--heading-color);

}

.cs_counter_2_wrap .cs_counter.cs_style_2:hover .cs_counter_icon {

  background-color: var(--accent-color);

}

.cs_counter_2_wrap .cs_counter.cs_style_2:hover::after, .cs_counter_2_wrap .cs_counter.cs_style_2:hover::before {

  background-color: var(--accent-color);

}



/*--------------------------------------------------------------

  16. Casestudie

----------------------------------------------------------------*/

.cs_timeline_wrapper {

  overflow-x: auto;

}



.cs_days_row {

  min-width: 1070px;

  display: grid;

  grid-template-columns: repeat(8, 1fr);

  border: 1px solid var(--border-color);

}

.cs_days_row .cs_day_col {

  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;

  padding: 24px 10px;

  text-transform: uppercase;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_days_row .cs_day_col:not(:last-child) {

  border-right: 1px solid var(--border-color);

}

.cs_days_row .cs_day_col:hover {

  background-color: var(--blue-color);

  color: var(--white);

}



.cs_content_row {

  min-width: 1070px;

  display: grid;

  grid-template-columns: repeat(8, 1fr);

  border: 1px solid var(--border-color);

  border-top: 0;

}

.cs_content_row .cs_content_col {

  padding: 30px 10px;

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

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: center;

  position: relative;

}

.cs_content_row .cs_content_col:not(:last-child) {

  border-right: 1px solid var(--border-color);

}

.cs_content_row .cs_content_col::after {

  content: "";

  width: 100%;

  height: 100%;

  background-image: url("../img/schedule_bg_1.jpg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_content_row .cs_content_col.cs_time::after {

  display: none;

}

.cs_content_row .cs_content_col:hover::after {

  opacity: 1;

}

.cs_content_row .cs_content_col:hover .cs_schedule_title,

.cs_content_row .cs_content_col:hover .cs_schedule_time,

.cs_content_row .cs_content_col:hover .cs_doctor_title {

  color: var(--white);

}

.cs_content_row .cs_time {

  font-size: 18px;

  font-weight: 600;

  color: var(--heading-color);

}

.cs_content_row .cs_schedule_wrapper {

  width: 100%;

  position: relative;

  z-index: 1;

}

.cs_content_row .cs_schedule_wrapper .cs_schedule_title {

  font-size: 20px;

  margin-bottom: 2px;

}

.cs_content_row .cs_schedule_wrapper .cs_schedule_time {

  font-size: 14px;

  color: var(--accent-color);

  margin-bottom: 0px;

}

.cs_content_row .cs_schedule_wrapper .cs_doctor_title {

  margin-bottom: 0;

}



/*--------------------------------------------------------------

  17. Team

----------------------------------------------------------------*/

.cs_team.cs_style_1 {

  width: 100%;

  max-width: 320px;

  height: 415px;

  margin: 0 auto;

  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;

  gap: 24px;

  position: relative;

  border-radius: 10px;

  overflow: hidden;

}

@media (max-width: 1400px) {

  .cs_team.cs_style_1 {

    height: 360px;

  }

}

@media (max-width: 1199px) {

  .cs_team.cs_style_1 {

    height: 400px;

  }

}

@media (max-width: 991px) {

  .cs_team.cs_style_1 {

    height: 415px;

  }

}

.cs_team.cs_style_1 .cs_team_thumbnail {

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}

.cs_team.cs_style_1 .cs_team_bio {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  -webkit-transform: translateY(20px);

          transform: translateY(20px);

  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;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_team.cs_style_1 .cs_team_title a {

  font-size: 20px;

  color: var(--white);

}

.cs_team.cs_style_1 .cs_team_subtitle {

  margin-bottom: 10px;

  color: var(--white);

}

.cs_team.cs_style_1 .cs_social_btns.cs_style_1 a {

  background-color: var(--white);

  color: var(--blue-color);

}

.cs_team.cs_style_1 .cs_social_btns.cs_style_1 a:hover {

  background-color: var(--accent-color);

  color: var(--white);

}

.cs_team.cs_style_1 .cs_social_btns.cs_style_1 a:hover.cs_blue_hover {

  background-color: var(--blue-color);

}

.cs_team.cs_style_1 .cs_team_shape {

  width: 330px;

  height: 270px;

  position: absolute;

  top: -250px;

  right: -240px;

  -webkit-transform: rotate(-30deg);

          transform: rotate(-30deg);

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}

.cs_team.cs_style_1 .cs_team_shape.cs_blue_bg {

  width: 160px;

  height: 330px;

  top: -125px;

  left: -100px;

  -webkit-transform: rotate(-48deg);

          transform: rotate(-48deg);

}

.cs_team.cs_style_1:hover .cs_team_thumbnail {

  width: 178px;

  height: 178px;

  border-radius: 50%;

  overflow: hidden;

}

.cs_team.cs_style_1:hover .cs_team_bio {

  position: initial;

  opacity: 1;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.cs_team.cs_style_1:hover .cs_team_shape {

  top: -170px;

  right: -110px;

}

.cs_team.cs_style_1:hover .cs_team_shape.cs_blue_bg {

  top: -135px;

  left: -50px;

}



.cs_team_bg_dark {

  width: 100%;

  height: 45%;

  position: absolute;

  left: 0;

  bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.cs_team_bg_dark .cs_team_bg_white {

  width: 100%;

  max-width: 1400px;

  height: 170px;

  position: absolute;

  top: -85px;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}



.cs_doctors_grid.cs_style_1 {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 30px;

}

@media (max-width: 1199px) {

  .cs_doctors_grid.cs_style_1 {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 991px) {

  .cs_doctors_grid.cs_style_1 {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 767px) {

  .cs_doctors_grid.cs_style_1 {

    grid-template-columns: repeat(1, 1fr);

  }

}



/*-------------------------------------------

 Doctor Details Page Styling

----------------------------------------------*/

.cs_doctor_details_wrapper {

  width: 100%;

  max-width: 1170px;

}

.cs_doctor_details_wrapper .cs_progress_bar_wrapper {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px 70px;

}

@media (max-width: 767px) {

  .cs_doctor_details_wrapper .cs_progress_bar_wrapper {

    grid-template-columns: repeat(1, 1fr);

  }

}



.cs_doctor_details_thumbnail {

  width: 100%;

  height: 100%;

  border-radius: 15px;

  overflow: hidden;

}

.cs_doctor_details_thumbnail img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_doctor_details_thumbnail .cs_doctor_thumbnail_shape1,

.cs_doctor_details_thumbnail .cs_doctor_thumbnail_shape2 {

  width: 160px;

  height: 160px;

  border-radius: 50%;

  -webkit-transform: scale(0.7);

          transform: scale(0.7);

  opacity: 0.5;

  -webkit-animation: scale-shape 5s linear infinite;

          animation: scale-shape 5s linear infinite;

}

.cs_doctor_details_thumbnail .cs_doctor_thumbnail_shape1 {

  left: -70px;

  top: -100px;

  z-index: 1;

}

.cs_doctor_details_thumbnail .cs_doctor_thumbnail_shape2 {

  left: -100px;

  top: -40px;

  -webkit-animation-delay: 2s;

          animation-delay: 2s;

}



.cs_doctor_details {

  width: 100%;

      padding-left: 60px;

}

@media (max-width: 991px) {

  .cs_doctor_details {

    max-width: 100%;

  }

}

.cs_doctor_details .cs_doctor_info_header {

  margin-bottom: 17px;

}

.cs_doctor_details .cs_doctor_title {

  font-size: 22px;

  margin-bottom: 3px;

}

.cs_doctor_details .cs_doctor_info_wrapper {

  width: 100%;

  border: 1px solid var(--border-color);

}

@media (max-width: 991px) {

  .cs_doctor_details .cs_doctor_info_wrapper {

    max-width: 100%;

  }

}

.cs_doctor_details .cs_doctor_info_row {

  position: relative;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  border-bottom: 1px solid var(--border-color);

}

@media (max-width: 575px) {

  .cs_doctor_details .cs_doctor_info_row {

    grid-template-columns: repeat(1, 1fr);

  }

}

.cs_doctor_details .cs_doctor_info_row:last-child {

  border-bottom: 0;

}

.cs_doctor_details .cs_doctor_info_row::after {

  content: "";

  width: 1px;

  height: 100%;

  background-color: var(--border-color);

  position: absolute;

  left: 50%;

  top: 0;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}

@media (max-width: 575px) {

  .cs_doctor_details .cs_doctor_info_row::after {

    display: none;

  }

}

.cs_doctor_details .cs_doctor_info_col {

  padding: 5px;

  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;

}

@media (max-width: 575px) {

  .cs_doctor_details .cs_doctor_info_col:first-child {

    border-bottom: 1px solid var(--border-color);

  }

}



@-webkit-keyframes scale-shape {

  50% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1;

  }

}



@keyframes scale-shape {

  50% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1;

  }

}

/*--------------------------------------------------------------

  18. Card

----------------------------------------------------------------*/

.cs_card.cs_style_1 {

  padding-bottom: 1px;

  position: relative;

}

.cs_card.cs_style_1 .cs_card_info_wrapper {

  width: 100%;

  max-width: 426px;

  padding: 30px;

  position: relative;

  margin-top: -70px;

}

@media (max-width: 480px) {

  .cs_card.cs_style_1 .cs_card_info_wrapper {

    padding: 20px 20px 20px 12px;

  }

}

.cs_card.cs_style_1 .cs_card_info_wrapper::after {

  content: "";

  width: 93%;

  height: 100%;

  background-color: var(--white);

  position: absolute;

  left: 0;

  top: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 575px) {

  .cs_card.cs_style_1 .cs_card_info_wrapper::after {

    width: 100%;

  }

}

.cs_card.cs_style_1 .cs_card_text {

  width: 100%;

  max-width: 370px;

  padding-left: 20px;

  padding-right: 50px;

  position: relative;

  z-index: 1;

}

@media (max-width: 480px) {

  .cs_card.cs_style_1 .cs_card_text {

    padding-left: 0;

  }

}

.cs_card.cs_style_1 .cs_card_text::after {

  content: "";

  width: 3px;

  height: 100%;

  background-color: var(--accent-color);

  position: absolute;

  left: 0;

  top: 0;

}

@media (max-width: 480px) {

  .cs_card.cs_style_1 .cs_card_text::after {

    display: none;

  }

}

.cs_card.cs_style_1 .cs_card_index {

  width: 47px;

  height: 47px;

  background-color: var(--blue-color);

  font-size: 18px;

  font-weight: 700;

  color: var(--white);

  position: absolute;

  top: 50%;

  right: 10px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_1 .cs_card_title {

  font-size: 22px;

  margin-bottom: 5px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_1 .cs_card_subtitle {

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_1:hover .cs_card_info_wrapper:after {

  background-color: var(--blue-color);

}

.cs_card.cs_style_1:hover .cs_card_title,

.cs_card.cs_style_1:hover .cs_card_subtitle {

  color: var(--white);

}

.cs_card.cs_style_1:hover .cs_card_index {

  background-color: var(--accent-color);

}



.cs_card.cs_style_2 {

  padding: 10px 0 10px 10px;

  border: 1px solid var(--border-color);

  border-radius: 10px;

}

@media (max-width: 991px) {

  .cs_card.cs_style_2 {

    padding: 10px 10px 40px 10px;

  }

}

.cs_card.cs_style_2 .cs_card_thumb img {

  -webkit-box-flex: 0;

      -ms-flex: none;

          flex: none;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_card.cs_style_2 .cs_card_text {

  max-width: 500px;

  margin-left: 30px;

}

.cs_card.cs_style_2 .cs_card_title {

  font-size: 30px;

  margin-bottom: 16px;

}

.cs_card.cs_style_2 .cs_card_subtitle {

  margin-bottom: 28px;

}

.cs_card.cs_style_2 .cs_list.cs_style_1 {

  margin-bottom: 35px;

}

.cs_card.cs_style_2 hr {

  margin-bottom: 40px;

}



.cs_card.cs_style_3 {

  min-height: 800px;

  overflow: hidden;

}

.cs_card.cs_style_3 .cs_solution_content {

  max-width: 550px;

  padding-right: 20px;

  position: relative;

  z-index: 2;

}

@media (max-width: 991px) {

  .cs_card.cs_style_3 .cs_solution_content {

    padding-right: 0;

    max-width: 100%;

  }

}

.cs_card.cs_style_3 .cs_section_heading.cs_style_1 {

  margin-bottom: 22px;

}

.cs_card.cs_style_3 .cs_solution_text {

  margin-bottom: 18px;

}

.cs_card.cs_style_3 .cs_solution_list_wrapper {

  margin-bottom: 42px;

}

.cs_card.cs_style_3 .cs_solution_thumbnail {

  height: 100%;

  min-height: 600px;

  width: 50vw;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: end;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: start;

  position: absolute;

  right: 0;

  top: 0;

}

@media (max-width: 991px) {

  .cs_card.cs_style_3 .cs_solution_thumbnail {

    width: 100%;

    position: initial;

    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_card.cs_style_3 .cs_player_btn_2 {

  -webkit-transform: translate(-75px, -60px);

          transform: translate(-75px, -60px);

}

@media (max-width: 991px) {

  .cs_card.cs_style_3 .cs_player_btn_2 {

    -webkit-transform: translate(0);

            transform: translate(0);

  }

}

.cs_card.cs_style_3 .cs_player_btn_wrapper {

  width: 150px;

  height: 150px;

  background-color: var(--white);

  border-radius: 50%;

  position: relative;

  z-index: 1;

}

@media (max-width: 991px) {

  .cs_card.cs_style_3 .cs_player_btn_wrapper {

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    height: -webkit-max-content;

    height: -moz-max-content;

    height: max-content;

    background-color: transparent;

  }

}

.cs_card.cs_style_3 .cs_video_open {

  -webkit-transform: scale(1.15);

          transform: scale(1.15);

}

.cs_card.cs_style_3 .cs_player_btn_column {

  width: 40px;

  height: 330px;

  background-color: var(--white);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: end;

  position: absolute;

  left: 50%;

  bottom: 70%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  z-index: 0;

  border-radius: 20px;

  padding: 10px;

}

@media (max-width: 991px) {

  .cs_card.cs_style_3 .cs_player_btn_column {

    display: none;

  }

}

.cs_card.cs_style_3 .cs_player_btn_column div {

  width: 100%;

  height: 50%;

  background-color: var(--accent-color);

  border-radius: inherit;

  -webkit-animation: thermometer-animation 3s cubic-bezier(0.52, 1.64, 0.37, 0.66) infinite;

          animation: thermometer-animation 3s cubic-bezier(0.52, 1.64, 0.37, 0.66) infinite;

}

.cs_card.cs_style_3 .cs_solution_shape {

  left: 2%;

  bottom: -20px;

  width: 16%;

}

@media (max-width: 991px) {

  .cs_card.cs_style_3 .cs_solution_shape {

    display: none;

  }

}



.cs_card.cs_style_4 {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 30px;

}

@media (max-width: 991px) {

  .cs_card.cs_style_4 {

    grid-template-columns: repeat(1, 1fr);

  }

}

.cs_card.cs_style_4 .cs_card_thumbnail {

  margin-bottom: -189px;

  margin-left: -50px;

}

@media (max-width: 1399px) {

  .cs_card.cs_style_4 .cs_card_thumbnail {

    margin-left: 0;

  }

}

@media (max-width: 1199px) {

  .cs_card.cs_style_4 .cs_card_thumbnail {

    margin-bottom: 0;

  }

}



.cs_card.cs_style_5 {

  position: relative;

}

@media (max-width: 1500px) {

  .cs_card.cs_style_5 {

    height: 450px;

  }

}

@media (max-width: 1200px) {

  .cs_card.cs_style_5 {

    height: 360px;

  }

}

.cs_card.cs_style_5 .cs_card_thumbnail {

  height: 100%;

  width: 100%;

}

.cs_card.cs_style_5 .cs_card_thumbnail img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_card.cs_style_5 .cs_card_info_wrapper {

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  max-width: calc(100% - 100px);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  padding: 30px;

  position: absolute;

  left: 50%;

  bottom: 45px;

  -webkit-transform: translate(-50%, 20px);

          transform: translate(-50%, 20px);

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 1599px) {

  .cs_card.cs_style_5 .cs_card_info_wrapper {

    width: 100%;

    max-width: calc(100% - 30px);

    bottom: 15px;

    -webkit-transform: translate(-50%, 15px);

            transform: translate(-50%, 15px);

    -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: start;

    gap: 15px;

  }

}

.cs_card.cs_style_5 .cs_card_info_wrapper::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  border-radius: 10px;

  background-color: rgba(0, 34, 97, 0.8);

  -webkit-transform: skewX(-30deg);

          transform: skewX(-30deg);

}

@media (max-width: 1599px) {

  .cs_card.cs_style_5 .cs_card_info_wrapper::before {

    -webkit-transform: skewX(0deg);

            transform: skewX(0deg);

  }

}

.cs_card.cs_style_5 .cs_card_text {

  position: relative;

  padding-left: 20px;

  position: relative;

  z-index: 2;

}

@media (max-width: 1599px) {

  .cs_card.cs_style_5 .cs_card_text {

    padding-left: 0;

  }

  .cs_card.cs_style_5 .cs_card_text::after {

    display: none;

  }

}

.cs_card.cs_style_5 .cs_card_text::after {

  content: "";

  width: 2px;

  height: 100%;

  background-color: var(--white);

  position: absolute;

  left: 0;

  top: 0;

}

.cs_card.cs_style_5 .cs_card_index {

  font-size: 28px;

  position: relative;

  z-index: 2;

}

.cs_card.cs_style_5 .cs_card_title {

  font-size: 22px;

}

.cs_card.cs_style_5 .cs_iconbox_btn {

  width: 70px;

  height: 70px;

  background-color: var(--accent-color);

  color: var(--white);

  border: 5px solid var(--white);

  border-radius: 50%;

  position: absolute;

  top: -30px;

  right: -45px;

  font-size: 30px;

  z-index: 3;

}

@media (max-width: 1599px) {

  .cs_card.cs_style_5 .cs_iconbox_btn {

    width: 60px;

    height: 60px;

    position: initial;

    font-size: 22px;

    border-width: 3px;

  }

}

.cs_card.cs_style_5:hover .cs_card_info_wrapper {

  opacity: 1;

  -webkit-transform: translate(-50%, 0px);

          transform: translate(-50%, 0px);

}



.cs_card.cs_style_6 {

  position: relative;

  padding: 50px 30px;

  background-color: var(--white);

  border-top: 5px solid var(--accent-color);

  border-radius: 10px;

  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;

  text-align: center;

}

.cs_card.cs_style_6 .cs_card_shape {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  border-radius: 6px 6px 10px 10px;
  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_6 .cs_card_thumbnail {

  width: 200px;

  height: 200px;

  border: 10px solid var(--white);

  -webkit-filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.07));

          filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 0.07));

  border-radius: 50%;

  margin: -140px 0px 30px;

}

.cs_card.cs_style_6 .cs_card_thumbnail img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cs_card.cs_style_6 .cs_card_info,

.cs_card.cs_style_6 .cs_card_thumbnail {

  position: relative;

  z-index: 1;

}

.cs_card.cs_style_6 .cs_card_title {

  font-size: 22px;

  margin-bottom: 10px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_6 .cs_card_btn {

  width: 43px;

  height: 43px;

  background-color: var(--blue-color);

  color: var(--white);

  border: 2px solid transparent;

  border-radius: 50%;

  font-size: 18px;

  position: absolute;

  left: 50%;

  bottom: -20px;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_6:hover .cs_card_btn {

  background-color: var(--accent-color);

  color: var(--white);

  border-color: var(--white);

}

.cs_card.cs_style_6:hover .cs_card_title,

.cs_card.cs_style_6:hover .cs_card_subtitle {

  color: var(--white);

}

.cs_card.cs_style_6:hover .cs_card_shape {

  opacity: 1;

}



.cs_card.cs_style_7 {

  max-height: 312px;

  background-color: #d8e6f3;

  position: relative;

  padding: 114px 40px 40px 40px;

  overflow: hidden;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_7 .cs_card_overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_7 .cs_card_thumbnail_wrapper {

  width: 257px;

  height: auto;

  position: absolute;

  top: -50px;

  right: -55px;

  visibility: visible;

  opacity: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 1199px) {

  .cs_card.cs_style_7 .cs_card_thumbnail_wrapper {

    width: 220px;

    top: -40px;

    right: -35px;

  }

}

.cs_card.cs_style_7 .cs_card_thumbnail {

  width: 257px;

  height: 257px;

  background-color: var(--white);

  border: 1px solid var(--heading-color);

  border-radius: 50%;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199px) {

  .cs_card.cs_style_7 .cs_card_thumbnail {

    width: 220px;

    height: 220px;

  }

}

.cs_card.cs_style_7 .cs_thumbnail_shape {

  position: absolute;

  left: -15px;

  bottom: -15px;

}

.cs_card.cs_style_7 .cs_card_index {

  width: 65px;

  height: 65px;

  background-color: var(--white);

  font-size: 30px;

  font-weight: 700;

  color: var(--blue-color);

  margin-bottom: 18px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_7 .cs_card_info_wrapper {

  max-width: 220px;

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_7 .cs_card_title {

  font-size: 22px;

  color: var(--heading-color);

  margin-bottom: 7px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_7 .cs_card_subtitle {

  margin-bottom: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_7 .cs_card_btn {

  width: 30px;

  height: 30px;

  background-color: var(--white);

  color: var(--accent-color);

  border-radius: 50%;

  visibility: hidden;

  opacity: 0;

  margin-top: 15px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_card.cs_style_7:hover {

  padding: 68px 20px 40px 40px;

}

.cs_card.cs_style_7:hover .cs_card_overlay {

  opacity: 1;

}

.cs_card.cs_style_7:hover .cs_card_index {

  background-color: var(--accent-color);

  color: var(--white);

}

.cs_card.cs_style_7:hover .cs_card_title,

.cs_card.cs_style_7:hover .cs_card_subtitle {

  color: var(--white);

}

.cs_card.cs_style_7:hover .cs_card_btn {

  visibility: visible;

  opacity: 1;

}

.cs_card.cs_style_7:hover .cs_card_thumbnail_wrapper {

  visibility: hidden;

  opacity: 0;

}



.cs_card.cs_style_8 .cs_card_title {

  font-size: 22px;

  margin-bottom: 15px;

}

.cs_card.cs_style_8 .cs_card_subtitle {

  margin-bottom: 20px;

}

.cs_card.cs_style_8 .cs_progress_bar_wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 10px;

}



/*--------------------------------------------------------------

  19. Card

----------------------------------------------------------------*/

.cs_tab_links.cs_style_1 {

  margin: 0;

  padding: 0;

  list-style: none;

  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: 30px;

}

@media (max-width: 991px) {

  .cs_tab_links.cs_style_1 {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: start;

  }

}

@media (max-width: 575px) {

  .cs_tab_links.cs_style_1 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.cs_tab_links.cs_style_1 li {

  border-radius: 5px;

  position: relative;

  background-color: #f1f7fc;

  color: var(--heading-color);

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 575px) {

  .cs_tab_links.cs_style_1 li {

    width: 100%;

    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_tab_links.cs_style_1 li::after {

  content: "";

  width: 30px;

  height: 30px;

  background-color: var(--blue-color);

  position: absolute;

  left: 50%;

  bottom: 0;

  -webkit-transform: translate(-50%, -10px) rotate(45deg);

          transform: translate(-50%, -10px) rotate(45deg);

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 991px) {

  .cs_tab_links.cs_style_1 li::after {

    display: none;

  }

}

.cs_tab_links.cs_style_1 li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 15px;

  padding-right: 40px;

  font-size: 23px;

  color: var(--heading-color);

  height: 69px;

  position: relative;

  border-radius: 5px;

  overflow: hidden;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

@media (max-width: 1199px) {

  .cs_tab_links.cs_style_1 li a {

    padding-right: 20px;

  }

}

@media (max-width: 575px) {

  .cs_tab_links.cs_style_1 li a {

    height: 60px;

  }

}

.cs_tab_links.cs_style_1 li a span {

  position: relative;

  z-index: 1;

  font-size: 20px;

}

.cs_tab_links.cs_style_1 li .cs_tab_link_icon {

  width: 70px;

  height: 100px;

  background-color: transparent;

  border-right: 2px solid transparent;

  border-radius: 30px 60px 60px 30px;

  margin-left: -2px;

  position: relative;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_tab_links.cs_style_1 li .cs_tab_link_icon img {

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.cs_tab_links.cs_style_1 li.active {

  background-color: var(--blue-color);

}

.cs_tab_links.cs_style_1 li.active a {

  color: var(--white);

}

.cs_tab_links.cs_style_1 li.active::after {

  -webkit-transform: translate(-50%, 14px) rotate(45deg);

          transform: translate(-50%, 14px) rotate(45deg);

  opacity: 1;

}

.cs_tab_links.cs_style_1 li.active .cs_tab_link_icon {

  background-color: var(--accent-color);

  border-color: var(--white);

}

.cs_tab_links.cs_style_1 li.active .cs_tab_link_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

@media (max-width: 575px) {

  .cs_tab_links.cs_style_1 li.active .cs_tab_link_icon {

    background-color: inherit;

    border: none;

  }

}

.cs_tab_links.cs_style_1 li:hover {

  background-color: var(--blue-color);

  color: var(--white);

}

.cs_tab_links.cs_style_1 li:hover a {

  color: var(--white);

}

.cs_tab_links.cs_style_1 li:hover::after {

  -webkit-transform: translate(-50%, 10px) rotate(45deg);

          transform: translate(-50%, 10px) rotate(45deg);

  opacity: 1;

}

.cs_tab_links.cs_style_1 li:hover .cs_tab_link_icon {

  background-color: var(--accent-color);

  border-color: var(--white);

}

.cs_tab_links.cs_style_1 li:hover .cs_tab_link_icon img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

@media (max-width: 575px) {

  .cs_tab_links.cs_style_1 li:hover .cs_tab_link_icon {

    background-color: inherit;

    border: none;

  }

}

@media (max-width: 1399px) {

  .cs_tab_links.cs_style_1 {

    gap: 15px;

  }

}



/*--------------------------------

 Tab styling

 -------------------------------*/

.cs_tab {

  display: none;

}

.cs_tab.active {

  display: block;

}/*# sourceMappingURL=style.css.map */



/*--------------------------------

 Extra css

 -------------------------------*/

.cs_hero.cs_style_1 .cs_hero_text{

    background-color: inherit;

    padding: inherit;

    border-radius: inherit;

    position: inherit;

}

.cs_tab_links.cs_style_1 li a span {

    font-size: 19px;

}

.cs_card.cs_style_2 .cs_card_text {

    max-width: 530px;

}

.cs_card.cs_style_2 .cs_card_title {

    font-size: 27px;

}

.home_form_area .cs_form_field{

  background-color: #fff;

}

.readmore{

	margin:20px 0px 10px 0px;

}

.readmore a{

	background:#ea7d29;

	padding:8px 10px;

	color:#fff;

	border-radius: 1em;

}

.readmore a:hover{

	background:#b9580e;

	padding:8px 10px;

	color:#fff;

	border-radius: 1em;

}

.cs_post_meta_item a{

	color:#164a68;

}

.cs_post_meta_item a i{

	color:#ea7d29;

}

.cs_post_meta_item a:hover{

	color:#ea7d29;

}

.box-c{

	margin:0px;

	padding:0px;

}

.box-c h5{

	font-size:16px;

	font-weight:500;

	color:#164a68;

	margin-bottom:4px !important;

}

.box-c h3{

	margin-bottom:10px !important;

}

.box-c h3 a{

	font-size:23px;

	font-weight:600;

	color:#ea7d29;

	line-height:15px !important;

}

.box-c h3 a:hover{

	font-size:23px;

	font-weight:600;

	color:#b9580e;

	line-height:15px !important;

}

.box-c h4{

	font-size:18px;

	font-weight:500;

	color:#164a68;

}

.box-c p{

	font-size:16px;

	color:#000;

}

.ebmem{

	margin:0px;

	padding:0px;

}

.ebmem ul{

	margin:0px;

	padding:0px;

}

.ebmem ul li{

	list-style:none;

	padding:10px ;

	border:2px solid #999;

	border-bottom:5px solid #999;

	margin-bottom:15px;

}

.ebmem ul li strong{

	color:#002261;

}



.ebmem ul li:hover{

	border:2px solid #ea7d29;

	border-bottom:5px solid #ea7d29;

}


.latest_articles{

}