/* Montserrat font family for heading */
@font-face{font-family:simple-line-icons;src:url('../fonts/Simple-Line-Icons.eot?v=2.4.0');src:url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'),url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'),url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'),url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'),url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');font-weight:400;font-style:normal}.icon-action-redo,.icon-action-undo,.icon-anchor,.icon-arrow-down,.icon-arrow-down-circle,.icon-arrow-left,.icon-arrow-left-circle,.icon-arrow-right,.icon-arrow-right-circle,.icon-arrow-up,.icon-arrow-up-circle,.icon-badge,.icon-bag,.icon-ban,.icon-basket,.icon-basket-loaded,.icon-bell,.icon-book-open,.icon-briefcase,.icon-bubble,.icon-bubbles,.icon-bulb,.icon-calculator,.icon-calendar,.icon-call-end,.icon-call-in,.icon-call-out,.icon-camera,.icon-camrecorder,.icon-chart,.icon-check,.icon-chemistry,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-compass,.icon-control-end,.icon-control-forward,.icon-control-pause,.icon-control-play,.icon-control-rewind,.icon-control-start,.icon-credit-card,.icon-crop,.icon-cup,.icon-cursor,.icon-cursor-move,.icon-diamond,.icon-direction,.icon-directions,.icon-disc,.icon-dislike,.icon-doc,.icon-docs,.icon-drawer,.icon-drop,.icon-earphones,.icon-earphones-alt,.icon-emotsmile,.icon-energy,.icon-envelope,.icon-envelope-letter,.icon-envelope-open,.icon-equalizer,.icon-event,.icon-exclamation,.icon-eye,.icon-eyeglass,.icon-feed,.icon-film,.icon-fire,.icon-flag,.icon-folder,.icon-folder-alt,.icon-frame,.icon-game-controller,.icon-ghost,.icon-globe,.icon-globe-alt,.icon-graduation,.icon-graph,.icon-grid,.icon-handbag,.icon-heart,.icon-home,.icon-hourglass,.icon-info,.icon-key,.icon-layers,.icon-like,.icon-link,.icon-list,.icon-location-pin,.icon-lock,.icon-lock-open,.icon-login,.icon-logout,.icon-loop,.icon-magic-wand,.icon-magnet,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-map,.icon-menu,.icon-microphone,.icon-minus,.icon-mouse,.icon-music-tone,.icon-music-tone-alt,.icon-mustache,.icon-note,.icon-notebook,.icon-options,.icon-options-vertical,.icon-organization,.icon-paper-clip,.icon-paper-plane,.icon-paypal,.icon-pencil,.icon-people,.icon-phone,.icon-picture,.icon-pie-chart,.icon-pin,.icon-plane,.icon-playlist,.icon-plus,.icon-power,.icon-present,.icon-printer,.icon-puzzle,.icon-question,.icon-refresh,.icon-reload,.icon-rocket,.icon-screen-desktop,.icon-screen-smartphone,.icon-screen-tablet,.icon-settings,.icon-share,.icon-share-alt,.icon-shield,.icon-shuffle,.icon-size-actual,.icon-size-fullscreen,.icon-social-behance,.icon-social-dribbble,.icon-social-dropbox,.icon-social-facebook,.icon-social-foursqare,.icon-social-github,.icon-social-google,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-reddit,.icon-social-skype,.icon-social-soundcloud,.icon-social-spotify,.icon-social-steam,.icon-social-stumbleupon,.icon-social-tumblr,.icon-social-twitter,.icon-social-vkontakte,.icon-social-youtube,.icon-speech,.icon-speedometer,.icon-star,.icon-support,.icon-symbol-female,.icon-symbol-male,.icon-tag,.icon-target,.icon-trash,.icon-trophy,.icon-umbrella,.icon-user,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-vector,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-wallet,.icon-wrench{font-family:simple-line-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e005"}.icon-people:before{content:"\e001"}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-login:before{content:"\e066"}.icon-logout:before{content:"\e065"}.icon-emotsmile:before{content:"\e021"}.icon-phone:before{content:"\e600"}.icon-call-end:before{content:"\e048"}.icon-call-in:before{content:"\e047"}.icon-call-out:before{content:"\e046"}.icon-map:before{content:"\e033"}.icon-location-pin:before{content:"\e096"}.icon-direction:before{content:"\e042"}.icon-directions:before{content:"\e041"}.icon-compass:before{content:"\e045"}.icon-layers:before{content:"\e034"}.icon-menu:before{content:"\e601"}.icon-list:before{content:"\e067"}.icon-options-vertical:before{content:"\e602"}.icon-options:before{content:"\e603"}.icon-arrow-down:before{content:"\e604"}.icon-arrow-left:before{content:"\e605"}.icon-arrow-right:before{content:"\e606"}.icon-arrow-up:before{content:"\e607"}.icon-arrow-up-circle:before{content:"\e078"}.icon-arrow-left-circle:before{content:"\e07a"}.icon-arrow-right-circle:before{content:"\e079"}.icon-arrow-down-circle:before{content:"\e07b"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-plus:before{content:"\e095"}.icon-minus:before{content:"\e615"}.icon-close:before{content:"\e082"}.icon-event:before{content:"\e619"}.icon-exclamation:before{content:"\e617"}.icon-organization:before{content:"\e616"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-mustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-disc:before{content:"\e022"}.icon-cursor:before{content:"\e06e"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-chemistry:before{content:"\e026"}.icon-speedometer:before{content:"\e007"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglass:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-folder-alt:before{content:"\e039"}.icon-folder:before{content:"\e089"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-doc:before{content:"\e085"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-frame:before{content:"\e038"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-like:before{content:"\e068"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}
/* Poppins font family for para */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, a, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding-left: 0;
  border: 0;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */

/* =====  01. Reset  ====== */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  background: rgb(0,0,0);
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

button:focus {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

select::-ms-expand {
  display: none;
}

label {
  font-weight: normal;
}

iframe {
  width: 100%;
  border-radius: 25px;
}

/* =====  End of 01. Reset  ====== */

/* ===== 02. Global Style ===== */

h1 {
  font-weight: 800;
  line-height: 91px;
  letter-spacing: -2px;
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(-40deg, #c90722 0%, #ffa902 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 {
  font-size: 52px;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: -2px;
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(-40deg, #ffffff 0%, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3 {
  font-size: 35px;
  font-weight: 700;
  line-height: 41px;
  font-family: 'Montserrat', sans-serif;
}

h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  font-family: 'Montserrat', sans-serif;
}

h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  font-family: 'Montserrat', sans-serif;
}

h6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  font-family: 'Montserrat', sans-serif;
}

p {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  font-family: 'Montserrat', sans-serif;
}

.p-f-s {
  font-size: 14px;
}

button {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  font-family: 'Montserrat', sans-serif;
}

a {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: 'Montserrat', sans-serif;
}

/* input area sugguseation color */

.contact-email input:-webkit-autofill, .contact-email input:-webkit-autofill:hover, .contact-email input:-webkit-autofill:focus, .contact-email input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
}

footer input:-webkit-autofill, footer input:-webkit-autofill:hover, footer input:-webkit-autofill:focus, footer input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: black !important;
}

/* button hover add background */

.btn-hover1 {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  border: 1.5px solid rgb(0,147,67);
  color: #fff;
  z-index: 1;
  padding: 16px 45px 16px 45px !important;
  transition: all 0.3s ease;
  text-align: center;
}

@media (min-width: 575.98px) and (max-width: 991.98px) {
  #hov2 {
    display: inline-block;
    width: 75%;
    position: absolute;
    right: 0%;
    overflow: hidden;
    border-radius: 50px;
    border: 1.5px solid rgb(194,12,0);
    color: #fff;
    z-index: 1;
    padding: 16px 20px 16px 20px !important;
    transition: all 0.3s ease;
    text-align: center;
  }
}

.btn-hover1::before {
  border-radius: 50px 50px 50px 50px;
  content: '';
  position: absolute;
  width: 0;
  height: 100%;
  transition: all 0.3s ease;
  background: linear-gradient(60deg, rgb(22,48,30) 0%, rgba(45,95,47,0.33) 100%);
  z-index: -1;
  top: 0;
  left: 0;
}

.btn-hover1:hover::before {
  width: 100%;
}

#backToTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  padding: 17px 20px;
  border-radius: 10px;
  transition: all 0.3s ease;
  background: linear-gradient(60deg, rgba(37, 137, 172, 1) 0%, rgba(219, 155, 30, 1) 100%);
  color: white;
}

.moving {
  position: relative;
  animation: moveUpDown 3.5s infinite alternate cubic-bezier(0.25, 0.1, 0.25, 0.2);
}

@keyframes moveUpDown {
  0%, 100% {
    top: -15px;
  }
  50% {
    top: 0px;
  }
}

/* ===== End of 02. Global Style ===== */

.first_nav_hero_about {
  /*background: radial-gradient(60.25% 73.6% at 14.86% 21.69%, #000000 0.82%, #150f0f 40%, #090909 70%, rgb(0,0,0) 100%);*/
}

/* ======== 1.1. header section ======== */

header {
  padding-top: 5px;
}

.navbar {
  padding-top: 15px;
}

.navbar-collapse {
  display: flex;
  justify-content: end;
}

.navbar .dropdown:hover .dropdown-menu {
  display: block;
  width: 220px;
  padding: 15px 0px 15px 0px;
  border-radius: 10px;
  background-color: #136165;
  margin-left: -52px;
}

.navbar ul li a {
  color: #fff !important;
  font-weight: 500;
}

.navbar ul li a:hover {
  color: #e7bc69 !important;
}

.nav-link {
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
}

.navbar-toggle {
  border: 4px solid #e7bc69;
  background-color: transparent;
  border-radius: 5px;
  display: none;
  padding: 4px 8px;
}

.navbar-toggle i {
  color: #e7bc69 !important;
}

.navbar-toggle i {
  color: white;
  font-size: 30px;
}

.navbar-brand a {
  padding: 0px !important;
}

.navbar-toggle i:hover {
  color: white;
}

.nav-item .active {
  color: #DB9B1E !important;
}

.dropdown-menu .active {
  color: #DB9B1E !important;
}

.dropdown ul li a {
  padding: 12px;
}

.dropdown ul li a:hover {
  color: #DB9B1E !important;
}

.dropdown ul {
  background-color: #082D40;
  width: 350px;
  border: 1px solid #2D6A77;
}

.dropdown-menu {
  transition: transform 2.3s ease;
}

.navbar .dropdown:hover .dropdown-menu {
  width: 200px;
  margin-left: 0px;
}

.dropdown ul li a {
  background-color: transparent !important;
}

.dropdown-btn {
  color: #FFFFFF !important;
}

.gap-lg-2 {
  gap: 1.3rem!important;
}

.search {
  width: 100%;
  animation-name: pak;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: 1;
  background-color: black;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  position: absolute;
  top: 0px;
  z-index: 5;
  left: 0;
}

@keyframes pak {
  from {
    height: 0vh;
  }
  to {
    height: 100vh;
  }
}

#remove-btn {
  position: absolute;
  top: 10%;
  right: 5%;
  background: none;
  color: white;
  border: none;
  font-size: 50px;
}

.nav-search input {
  width: 100%;
  background: transparent;
  color: white;
  border: none;
  padding-left: 20px;
  border-radius: 25px;
}

.nav-search input:focus {
  outline: none;
  background-color: transparent;
}

.nav-search {
  width: 50%;
  border: 1px solid white;
  padding: 5px;
  z-index: 10;
  margin-bottom: 80px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
}

.nav-search button {
  background-color: black;
}

/* Rigth Nav slidebar */

.right-sidbar {
  width: 355px;
  position: fixed;
  height: 100vh;
  top: 0;
  right: -355px;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 20px 25px 20px 30px;
  z-index: 4;
  background: #082D40;
}

.right-sidbar p {
  color: #E4E4E4;
}

.right-sidbar .mt-4 i {
  font-size: 25px;
  padding-right: 15px;
  color: #E4E4E4;
}

.right-sidbar .mt-4 i:hover {
  color: #e7bc69;
}

.right-sidbar h5 {
  color: #e7bc69;
}

.right-sidbar button {
  border: 3px solid #e7bc69;
  border-radius: 10px;
  padding: 7px 12px;
  font-size: 25px;
  color: #e7bc69;
  background-color: transparent;
}

.right-sidbar button:hover {
  border: 3px solid #e7bc69;
  color: #e7bc69;
}

.right-sidbar img {
  width: 161px;
}

.right-sidbar .flex-column li {
  gap: 10px;
  display: flex;
}

.right-sidbar .flex-column li i {
  font-size: 20px;
}

.right-sidbar .flex-column li a {
  color: #E4E4E4;
}

.right-sidbar .flex-column li a:hover {
  color: #e7bc69;
}

/* ===Left side-navigation-bar==== */

.sidenav {
  height: 100%;
  width: 0%;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  background-color: #136165;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 15px;
}

.sidenav a {
  padding: 30px 12px 0px 28px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #DB9B1E;
}

.side-bar-color {
  color: #bdbd01 !important;
}

.side-bar-close-btn {
  display: block;
  margin: auto;
  padding-right: 10px;
}

.sidenav i {
  color: white;
  font-size: 40px;
}

.nav-logo img {
  width: 161px;
  height: auto;
}

.a-slid {
  background-color: transparent;
  border: none;
  color: #DB9B1E;
  margin-left: 13px;
  font-size: 16px;
  padding: 0px 14px 9px 14px;
  margin-top: 12px;
  border-radius: 36px;
}

.myst {
  display: none;
}

#slid-btn i {
  color: #DB9B1E;
  font-size: 25px;
}

/* ======== End of 1.1. header section ======== */

/* ======== 1.2. hero section ======== */

.hero {
  margin: 50px 0;
  padding-bottom: 48px;
}

.hero h1 {
  letter-spacing: -1.7px;
}

.hero p {
  color: #E4E4E4;
  margin: 25px 0 35px 0;
}

.hero .position-relative {
  background-image: url(../images/bg/hero_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 120%;
  background-position: 80px -68px;
}

.hero img[alt='hero_img1'] {
  width: 90%;
}

.hero img[alt='hero_img2'] {
  width: 100px;
  position: absolute;
  left: 40px;
  bottom: 0;
}

.hero img[alt='hero_icon'] {
  width: 15px;
  top: -11px;
  left: -24px;
  position: absolute;
}

/* ======== End of 1.2. hero section ======== */

/* ======== 1.3. about section ======== */

.about {
  color: #FFFFFFFF;
  margin: 100px 0;
}

.about h3 {
  color: #E4E4E4;
  padding-bottom: 5px;
}

.about h4 {
  background: linear-gradient(21deg, #B7CEA6 0%, #ECFBFE 36.98%, #FCFEF5 69.27%, #C0D4C9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about a i:hover {
  color: #fff;
}

.about p {
  color: #E4E4E4;
  padding-top: 10px;
}

.ab_card1 {
  background-color: #031521;
  border-radius: 25px;
  padding: 40px 35px;
}

.ab_card1:hover {
  background: rgba(8, 45, 64, 0.66);
}

.ab_card1 .d-flex {
  padding-top: 25px;
}

.ab_card1 i {
  font-size: 22px;
  color: #FFFFFFFF;
  border: 1px solid #FFFFFFFF;
  padding: 8px 9px 8px 12px;
  border-radius: 50%;
  margin-right: 12px;
}

.ab_card2 {
  border-radius: 25px;
}

.ab_card2 hr {
  transform: rotate(90deg);
  color: #E4E4E4;
  width: 312px;
  height: 1px;
  margin: -35px;
  background-color: #E4E4E4;
}

.ab_card2 img {
  width: 46px;
}

.ab_card2 img[alt='about_img1'] {
  position: absolute;
  left: 19px;
}

.ab_card2 img[alt='about_img2'] {
  z-index: 1;
}

.ab_card2 i {
  color: #FFE978;
  font-size: 15px;
}

.abut-video {
  position: relative;
  width: 120px;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 16px;
  height: 27px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  border: 1px solid #fff;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: linear-gradient(60deg, rgb(71,4,0) 0%, rgb(219,41,30) 100%);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  margin: px;
  width: 0;
  height: 0;
  font-size: 30px;
  left: -4px;
  top: -3px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/* ======== End of 1.3. about section ======== */

/* ======== 1.4. finance section ======== */

.finance {
  margin: 100px 0px;
}

.finance h2 {
  padding: 0px 185px;
}

.finance p {
  color: #E4E4E4;
}

.finance .mt-0 {
  /*color: white;*/
  /*padding: 25px 140px;*/
  /*color: #E4E4E4;*/
  padding: 25px 140px;
}

.fin-card {
  padding: 40px;
  background-color: rgba(8, 45, 64, 0.74);
  border-radius: 25px;
  width: 100%;
}

.fin-card h4 {
  padding: 20px 0px;
  color: #E4E4E4;
}

.fin-card figure {
  background: linear-gradient(rgba(37, 137, 172, 1), rgba(219, 155, 30, 1));
  padding: 20px 10px;
  -webkit-text-fill-color: transparent;
  width: 118px;
  height: 100px;
  display: block;
  margin: auto;
  border-radius: 15px;
}

.fin-card figure img {
  transition: transform 0.3s ease;
}

.fin-card figure img:hover {
  transform: scale(1.1);
}

.fin-card figure img[alt='praph'] {
  width: 55px;
}

.fin-card figure img[alt='doller'] {
  width: 40px;
}

.fin-card figure img[alt='arow'] {
  width: 57px;
}

/* ======== End of 1.4. finance section ======== */

/* ======== 1.5. ispsum section ======== */

.logo_ispsum_slider {
  padding: 28px 0 15px 0;
}

.logo_ispsum_slider img {
  display: block;
  margin: 0 auto;
  width: 170px !important;
  cursor: pointer;
}

.ispsum-logo hr {
  color: #19515E;
  opacity: 1;
}

/* ======== End of 1.5. ispsum section ======== */

/* ======== 1.6. gateway section ======== */

.gateway {
  margin: 100px 0px;
}

.gateway p {
  color: white;
}

.gateway h5 {
  color: #E4E4E4;
}

.gateway-bg-img {
  background-image: url(../images/bg/gateway.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.gateway-bg-img img[alt='gate_img1'] {
  width: 85%;
  margin: auto;
  display: block;
}

.gate figure {
  border-radius: 50px;
  background: linear-gradient(161deg, #FDED5C 0%, #8ED3FF 64.16%, #08F 100%);
}

.gate img[alt='gate-img1'] {
  width: 60px;
  padding: 14px 20px;
}

.gate img[alt='gate-img2'] {
  width: 62px;
  padding: 16px 16px;
}

.gate img[alt='gate-img3'] {
  width: 60px;
  padding: 15px 20px;
}

.gate-link {
  margin-top: 50px;
}

/* ======== End of 1.6. gateway section ======== */

/* ======== 1.7. services section ======== */

.services {
  margin: 100px 0px;
}

.sevices_img {
  background: url(../images/bg/services-bg.png) no-repeat center center/cover;
  background-size: 115% 100%;
  background-position-x: 28px;
  background-position-y: -60px;
}

.services .col-lg-6 .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sevices_img img[alt='sevice_img2'] {
  position: relative;
  top: -36px;
  width: 83%;
  left: 32px;
}

.sevices_img img[alt='sevice_img3'] {
  position: relative;
  top: -402px;
  width: 8%;
  left: 477px;
}

.services p {
  color: #E4E4E4;
}

.services h5 {
  color: #E4E4E4;
}

.serives-btn {
  padding-top: 30px;
  margin-left: 10px;
}

.serives-btn .d-flex a {
  border: none;
  color: #DB9B1E;
}

.serives-btn .d-flex i {
  color: #DB9B1E;
  font-size: 16px;
}

.serives-btn .d-flex a:hover {
  color: #f5a507;
  background-color: transparent;
  transform: scale(1);
}

.offers {
  border: 1px solid #2D6A77;
  padding: 20px;
  border-radius: 25px;
  background: rgba(8, 45, 64, 0.66);
  display: flex;
  flex-direction: column;
}

.social-rating {
  background-color: #141B18;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  padding: 30px 24px;
  gap: 20px;
  width: 330px;
  position: absolute;
  z-index: 2;
  top: 277px;
  left: -30px;
}

.social-rating .d-flex {
  align-items: center;
  justify-content: space-between;
}

.text-pink p {
  color: #FF5E84;
}

.text-green p {
  color: #07C86B;
}

.social-rating .d-flex span {
  border-radius: 25px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.social-rating .d-flex:first-child span {
  background-color: #FF0000;
  font-size: 20px;
}

.social-rating .d-flex:nth-child(2) span {
  background-color: #267FD1;
  font-size: 22px;
}

.social-rating .d-flex:nth-child(3) span {
  background-color: #FA3C3C;
  font-size: 20px;
}

.social-rating .d-flex:nth-child(4) span {
  background-color: #42A4FF;
  font-size: 20px;
}

.social-rating .d-flex span i {
  color: white;
}

.social-rating h6 {
  color: #fff;
}

/* ======== End of 1.7. services section ======== */

/* ========  1.8. visa section ======== */

.visa-bg img {
  height: auto;
}

.visa {
  margin-bottom: 50px;
}

.visa h3 {
  background: linear-gradient(-40deg, #db9b1e 0%, #C0D4C9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.visa-card img {
  width: 100%;
  height: auto;
  position: absolute;
}

.visa-contant h6 {
  color: white;
}

.v-contant {
  width: 94%;
  display: block;
  margin: 0 auto;
  border-radius: 25px;
  position: relative;
  top: -110px;
}

.visa-contant p {
  color: #E4E4E4;
}

.visa-logo img {
  width: 60px;
}

.visa-logo img[alt='vica-icon1'] {
  width: 45px;
}

.visa-logo img[alt='vica-icon5'] {
  width: 42px;
}

.visa-contant p {
  margin-top: 10px;
}

.visa-btn {
  margin-top: 30px;
}

/* ======== End of 1.8. visa section ======== */

/* ======== 1.9. pricing section ======== */

.pricing {
  padding: 100px 0px;
}

.pricing-b-g {
  background-color: rgba(8, 45, 64, 0.65);
}

.pricing h2 {
  margin-bottom: 20px;
}

.pricing p {
  color: #E4E4E4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-bg {
  background-image: url(../images/bg/pricing_bg.png);
  background-size: 100% 88%;
  background-repeat: no-repeat;
  background-position: center center;
}

.pricing-bg img[alt='pric-img1'] {
  width: 88%;
  height: auto;
}

.pricing-bg img[alt='pric-img2'] {
  width: 4%;
  height: auto;
  margin-left: 10px;
}

.pric-list {
  background-color: #031521;
  border: 1px solid #0088FF;
  border-radius: 25px;
  padding: 20px;
  margin: 20px 0px;
}

.pric-list:hover {
  background-color: #031521;
}

.pricing .second {
  background-color: transparent;
}

.pricing .second:hover {
  background-color: #031521;
}

.pricing h6 {
  background: linear-gradient(180deg, #2589AC 0%, #DB9B1E 100%);
  width: 129px;
  padding: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: -20px;
  margin-bottom: 25px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #E4E4E4;
}

.pric-sup p {
  margin-top: 30px;
  margin-left: 2px;
  color: #FDBC5C;
}

.pricing i {
  background-color: #DB9B1E;
  color: white;
  border-radius: 15px;
  padding: 4px;
}

.pric-list:hover i {
  background-color: #082D40;
}

.pricing a {
  padding-top: 15px !important;
}

/* ======== End of 1.9. pricing section ======== */

/* ======== 1.10. profaessional section ======== */

.profaessional {
  margin-top: 100px;
  margin-bottom: 100px;
}

.prof-size {
  display: block;
  margin: 0 auto;
  width: 70%;
}

.profaessional h2 {
  text-transform: uppercase;
}

.profaessional p {
  color: #E4E4E4;
  padding: 20px 70px;
}

.profaessional h5 {
  background: linear-gradient(21deg, #B7CEA6 0%, #ECFBFE 36.98%, #FCFEF5 69.27%, #C0D4C9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.prof-slide {
  border: 1px solid #2D6A77;
  border-radius: 25px;
  padding: 2px 40px;
  background-color: rgba(8, 45, 64, 0.95);
  width: 99% !important;
  margin-left: 2px;
}

.prof-img-1 {
  position: relative;
  width: 55px;
  left: 86%;
  top: 10px;
}

.prof-img-2 {
  position: absolute;
  width: 80px;
  border: 1px solid blue;
  border-radius: 43px;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  -ms-border-radius: 43px;
  -o-border-radius: 43px;
}

.prof-star i {
  color: rgba(255, 233, 120, 1);
}

.prof-star {
  margin-bottom: 10px;
}

.slick-list {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.prev-arrow {
  /*position: relative;*/
  top: 150px;
  padding: 15px 19px;
  left: -26px;
  text-align: center;
  z-index: 2;
  color: white;
  border: none;
  background: linear-gradient(180deg, #8ED3FF 0%, #0088FF 100%);
}

.next-arrow {
  color: white;
  padding: 15px 19px;
  border: none;
  background: linear-gradient(180deg, #8ED3FF 0%, #0088FF 100%);
}

.slick-next:before {
  content: "→" !important;
  color: white !important;
  background: linear-gradient(180deg, #8ED3FF 0%, #0088FF 100%);
  font-size: 22px;
  font-weight: 900;
  border: none !important;
  border-radius: 50%;
  padding: 13px 16px !important;
  padding-bottom: 18px !important;
}

.slick-prev:before {
  content: "←" !important;
  color: white !important;
  background: linear-gradient(180deg, #8ED3FF 0%, #0088FF 100%);
  font-size: 22px;
  font-weight: 900;
  border: none !important;
  border-radius: 50%;
  padding: 13px 16px !important;
  padding-bottom: 18px !important;
}

.prof-slid {
  border: 1px solid #2D6A77;
  background: rgba(8, 45, 64, 0.95);
  border-radius: 25px;
  margin-bottom: 50px;
}

/* ======== End of 1.10. profaessional section ======== */

/* ======== 1.11. question section ======== */

.question {
  padding-top: 100px;
  background: linear-gradient(180deg, rgba(8, 45, 64, 0.63) 0%, rgba(8, 45, 64, 0.00) 100%);
}

.question p {
  margin: 20px 0px;
  color: #E4E4E4;
}

.accordion {
  padding: 40px;
  background-color: #fff;
  border-radius: 25px;
}

.accordion-body p {
  font-family: 'Montserrat', sans-serif;
  color: #97A9A8;
}

.accordion-button {
  font-weight: 700;
}

.accordion-button:not(.collapsed) {
}

.accordion-button:not(.collapsed) {
  color: #111111 !important;
}

.accordion-button:focus {
  border-color: white !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E") !important;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E") !important;
}

.question-collapes {
  border-radius: 40px;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
  /*background-position: center;*/
}

.accordion-item {
  border: none;
}

.question a {
  margin-top: 20px;
}

/* ======== End of 1.11. question section ======== */

/* ======== 1.12. news-cards section ======== */

.news-cards {
  margin-top: 100px;
}

.news-cards a {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.card-body {
  padding: 1.3rem 0rem 1rem 0rem !important;
}

.card-body a {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
}

.card-body a:hover {
  background: linear-gradient(10deg, #2589AC 0%, #DB9B1E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-body p {
  color: #E4E4E4;
}

.news-p {
  padding: 30px 120px;
  color: #E4E4E4;
}

.news-card-back {
  background: transparent;
  color: white !important;
  border: none !important;
  width: 100% !important;
  overflow: hidden;
  border-radius: 25px;
}

.news-card-back img {
  transition: transform 0.3s ease;
  border-radius: 25px;
}

.news-card-back img:hover {
  transform: scale(1.05) rotate(1.5deg);
}

.card-viewer {
  padding: 8px 0px;
}

.card-viewer i {
  font-size: 15px;
  background: linear-gradient(180deg, #2589AC 0%, #DB9B1E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-viewer span {
  font-size: 14px;
  background: linear-gradient(180deg, #2589AC 0%, #DB9B1E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dotted-line {
  border-top: 1px dotted #000;
}

/* ======== End of 1.12. news-cards section ======== */

/* ======== 1.13. footer section ======== */

footer {
  padding-bottom: 15px;
  background: radial-gradient(53.25% 96.6% at 53.86% 100.69%, #505861 0.82%, #4e565f 30.73%, #23282e 64.58%, rgba(3,20,33,0) 100%);
}

footer hr {
  color: white;
}

footer p {
  background: linear-gradient(rgba(183, 206, 166, 1), rgba(236, 251, 254, 1), rgba(252, 254, 245, 1), rgba(192, 212, 201, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer h4 {
  background: linear-gradient(-40deg, #db9b1e 0%, #C0D4C9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-search input {
  width: 100%;
  border: none;
  padding-left: 20px;
  border-radius: 25px;
  font-size: 16px;
}

input:focus, input:not(:placeholder-shown) {
  background-color: transparent;
  outline: none;
}

.footer-search {
  width: 50%;
  background-color: rgba(255, 255, 255, 1);
  padding: 5px;
  margin-bottom: 80px;
  border-radius: 35px;
}

.footer-search button {
  width: 200px;
  background-color: #072A36;
}

.privacy a {
  color: rgba(255, 255, 255, 1);
  padding: 0px 20px;
}

.privacy a:hover {
  color: #DB9B1E;
}

footer ul li a {
  /*padding: 10px 40px;*/
}

footer ul li a:hover {
  color: #DB9B1E;
}

.foot-facebook {
  padding: 10px 13px !important;
}

.social-icon i {
  font-size: 20px;
  background-color: #E3ECE7;
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  color: black;
  cursor: pointer;
}

.social-icon a i:hover {
  background-color: #136165;
  color: #FFFFFF;
}

.social-icon a:first-child i {
  width: 38px;
  height: 38px;
}

.social-icon a:nth-child(2) i {
  width: 38px;
  height: 38px;
  padding-left: 10px;
  padding-top: 10px;
}

.social-icon a:nth-child(3) i {
  width: 38px;
  height: 38px;
  padding-left: 11px;
  padding-top: 9px;
}

.footer-logo img {
  width: 161px;
}

.footer-nav-icon .gap-3 a:hover {
  color: #DB9B1E;
}

.slick-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.slick-slide.slick-active {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.qr-code img[alt='qr-img1'] {
  width: 79px;
}

.qr-code img[alt='qr-img2'] {
  width: 41px;
}

.qr-code img[alt='qr-img3'] {
  width: 83px;
}

/* ===form Submit massage=== */

#Succes-box {
  position: fixed;
  display: none;
  background-color: #fff;
  text-align: center;
  width: 60%;
  padding: 103px 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  top: 29%;
  z-index: 5;
  border-radius: 25px;
}

/* ===form Subscribe massage=== */

#Succes-box2 {
  position: fixed;
  display: none;
  background-color: #fff;
  text-align: center;
  width: 60%;
  padding: 103px 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  top: 29%;
  z-index: 5;
  border-radius: 25px;
}

/* ======== End of 1.13. footer section ======== */

/* ======== 2.1. hero section ======== */

.about-hero h1 {
  padding-top: 50px;
}

.about-p {
  color: #E4E4E4;
  padding: 10px 230px;
}

.about-hero .abt {
  background: url("../images/bg/services-bg.png");
  background-position: center;
  background-size: 124% 100%;
  background-repeat: no-repeat;
  background-position-x: 2px;
  background-position-y: -71px;
}

.abut-hero-img1 {
  padding-bottom: 79px;
  margin-right: -7px;
}

.abut-hero-img1 img {
  width: 90%;
}

.abut-hero-img2 {
  position: absolute;
  right: -122px;
  top: 96px;
}

.abut-hero-img2 img {
  width: 100%;
}

/* ======== End of 2.1. hero section ======== */

/* ======== 2.2. banner section ======== */

.banner-text {
  width: 500px;
  padding: 50px 50px;
}

.banner-text h3 {
  background: linear-gradient(21deg, #B7CEA6 0%, #ECFBFE 36.98%, #FCFEF5 69.27%, #C0D4C9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.banner-text .p-f-s {
  color: #E4E4E4;
  padding-top: 15px;
}

.about-banner {
  background: url('../images/bg/about-banner.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 25px;
  margin: 100px auto;
}

/* ======== End of 2.2. banner section ======== */

/* ======== 2.3. round-word section ======== */

.round-word {
  margin-top: 100px;
  margin-bottom: 20px;
}

.round-word h2 {
  padding-right: 10px;
}

.round-word h3 {
  background: linear-gradient(21deg, #B7CEA6 0%, #ECFBFE 36.98%, #FCFEF5 69.27%, #C0D4C9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.round-word p {
  color: #E4E4E4;
  padding: 20px 0px;
  padding-right: 50px;
}

.round-word span {
  color: #fff;
}

.round-word img {
  width: 100%;
  height: auto;
  border-radius: 25px;
}

.round-word .sticker {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 50px 0px;
  border: 1px solid #2D6A77;
  border-radius: 25px;
}

.round-word .gap-3 {
  width: 100%;
  height: 30%;
  margin-bottom: 15px;
}

.sticker:hover {
  background-color: rgba(8, 45, 64, 0.66);
}

.st-bg {
  background-color: rgba(8, 45, 64, 0.66);
}

.st-bg:hover {
  background-color: transparent;
}

/* ========End of 2.3. round-word section ======== */

/* ========2.4. behind section ======== */

.behind {
  padding-top: 90px;
  padding-bottom: 50px;
}

.behind img {
  display: flex;
  align-items: center;
}

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

.behind img {
  width: 100%;
  height: auto;
  border-radius: 50px;
}

.behind p {
  padding: 25px 0px;
  color: #fff;
}

.behind .b-para {
  padding: 20px 240px;
  text-align: center;
}

.b-back {
  background: rgba(8, 45, 64, 0.65);
  margin: 100px 0px;
}

.behind h4 {
  padding-top: 10px;
  color: #fff;
}

.behind .ps-4 {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.b-icon {
  display: flex;
  gap: 20px;
}

.b-icon i {
  font-size: 22px;
  border: 1px solid #2589AC;
  border-radius: 50%;
  font-size: 23px;
  background: linear-gradient(180deg, #2589AC 0%, #DB9B1E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.b-icon i:hover {
  background: linear-gradient(21deg, #B7CEA6 0%, #ECFBFE 36.98%, #FCFEF5 69.27%, #C0D4C9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 1px solid #fff;
}

.b-icon a:first-child i {
  padding: 9px 13px;
  font-size: 18px;
}

.b-icon a:nth-child(2) i {
  padding: 7px 9px;
}

.b-icon a:nth-child(3) i {
  padding: 7px 9px;
}

/* ========End of 2.4. behind section ======== */

/* ======== 3.1. hero section ======== */

.feature-hero {
  padding: 70px 0px;
}

.featur-video {
  position: absolute;
  left: 50%;
  top: 50%;
}

.feature-hero p {
  padding: 20px 0px 30px 2px;
  color: #E4E4E4;
}

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

.feature-img img {
  width: 100%;
  border-radius: 25px;
}

.feature-img2 {
  display: flex;
  align-items: end;
  justify-content: end;
  padding-top: 90px;
  position: absolute;
  bottom: -43px;
  right: -40px;
  z-index: -1;
}

.feature-img2 img {
  width: 100%;
  height: auto;
}

/* ========End of 3.1. hero section ======== */

/* ======== 3.2. core section ======== */

.core {
  margin-top: 120px;
  margin-bottom: 70px;
}

.core .row {
  background: url('../images/bg/coreFeature.png');
  background-size: 100% 150%;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: -65px;
  padding: 50px 0px;
}

.core img {
  width: 100%;
  height: auto;
}

.core-card {
  background-color: #0B2A40;
  border: 1px solid #2D6A77;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  text-align: end;
  border-radius: 25px;
}

.core-card1 {
  background-color: #0B2A40;
  border: 1px solid #2D6A77;
  padding: 30px 20px;
  border-radius: 25px;
}

.core-card h5 {
  color: #E4E4E4;
  padding-bottom: 5px;
}

.core-card p {
  color: #E4E4E4;
  padding-bottom: 10px;
}

.core-card1 p {
  color: #E4E4E4;
  padding-bottom: 5px;
}

.core-card1 h5 {
  color: #E4E4E4;
  padding-bottom: 10px;
}

.core-p {
  color: #fff;
  padding: 15px 200px;
  padding-bottom: 0px;
  text-align: center;
}

/* ========End of 3.2. core section ======== */

/* ========4.1 pricing-hero section ======== */

.pricing-hero h2 {
  padding-top: 40px;
}

.pricing-hero p {
  color: #E4E4E4;
  padding: 20px 175px;
}

.pri-padd {
  padding: 90px 0px;
}

/* ========End of 4.1 pricing-hero section ======== */

/* ======== 5.1. map help section ======== */

.contact-hero p {
  padding: 12px 140px 0px 140px;
  color: #E4E4E4;
}

.contact-hero h2 {
  padding-top: 60px;
}

.map {
  display: flex;
  justify-content: center;
  margin: 50px 0px;
}

.map iframe {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  height: 100vh;
  width: 80%;
  height: 350px;
}

.help-crd1 {
  background: linear-gradient(180deg, #2589AC 0%, #DB9B1E 100%);
  padding: 50px 25px 10px 50px;
  border-radius: 25px;
}

.help span {
  line-height: 20px;
}

.help-crd1 .gap-4 {
  margin-bottom: 20px;
  color: #fff;
}

.help-crd1 i {
  font-size: 22px;
  background: rgba(255, 255, 255, 0.30);
  padding: 12px 10px;
}

.help input::placeholder {
  color: #A8C1D2;
}

.help textarea::placeholder {
  color: #A8C1D2;
}

.help-crd1 h5 {
  margin-bottom: 20px;
  color: #fff;
}

.help {
  width: 91%;
}

.help h4 {
  color: #fff;
}

.help p {
  color: #fff;
  padding: 20px 0px;
}

.contact-email {
  background-color: #0B2A40;
  border: 1px solid #2D6A77;
  border-radius: 25px;
  padding: 40px 30px;
}

.contact-email h4 {
  padding: 5px 0px 20px 8px;
}

.contact-email input {
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #2D6A77;
  padding: 10px 0px;
  margin-bottom: 10px;
  color: #fff;
}

.contact-email textarea {
  border: 1px solid #2D6A77;
  border-radius: 25px;
  background-color: transparent;
  padding: 15px 20px;
  color: #fff;
}

.contact-email textarea:focus {
  outline: none;
}

.e-btn {
  width: 100%;
  background-color: transparent !important;
}

/* ========End of 5.1. map help section ======== */

/* ======== 6.1. team-hero section ======== */

.b-team .row {
  margin-bottom: 50px;
}

.team-hero h2 {
  margin-top: 70px;
}

.team-hero p {
  padding: 20px 200px 0px 200px;
  color: #fff;
}

.b-padd {
  padding-left: 20px;
}

/* ========End of 6.1. team-hero section ======== */

/* ======== 7.1. testimonials-hero section ======== */

.testimonials-slid {
  margin-bottom: 100px;
}

.testimon-hero h2 {
  padding-top: 70px;
  text-align: center;
}

.testimon-hero p {
  text-align: center;
  padding: 10px 200px 20px 200px;
  color: #fff;
}

/* ========End of 7.1. testimonials-hero section ======== */

/* ======== 8.1. question section ======== */

.ques-top-text h2 {
  text-align: center;
  padding-top: 50px;
}

.ques-top-text p {
  text-align: center;
  padding: 10px 200px 0px 200px;
  color: #fff;
}

.question-page {
  padding: 0px 100px;
}

.question-page h4 {
  padding-top: 40px;
  background: linear-gradient(rgba(183, 206, 166, 1), rgba(236, 251, 254, 1), rgba(252, 254, 245, 1), rgba(192, 212, 201, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-p {
  padding: 20px 0px;
  color: #E4E4E4;
}

/* ===== My accordion ====== */

.fa-plus:before {
  content: "\f067";
}

/* ===== Second accordion ====== */

.accordian-2nd h4 {
  margin-left: 110px;
  margin-top: 50px !important;
  background: linear-gradient(rgba(183, 206, 166, 1), rgba(236, 251, 254, 1), rgba(252, 254, 245, 1), rgba(192, 212, 201, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.accordian-2nd h6 {
  font-size: 1rem;
  font-weight: 700;
}

.accordian-2nd .page-p {
  margin-left: 110px;
}

.accordion1 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 82%;
  background-color: #fff;
  border-radius: 25px;
  padding: 50px 46px;
}

.accordion-item1 {
  margin-bottom: 5px;
}

.accordion-header1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}

.accordion-toggle1 {
  width: 20px;
  height: 20px;
  background-size: cover;
  transition: transform 0.3s ease-in-out;
  padding-right: 19px;
}

.accordion-toggle1.active {
  transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  margin: 5px 1px;
}

.accordion-content p {
  color: #97A9A8;
  padding: 10px 10px;
}

.accordion-item1.active .accordion-content {
  max-height: 1000px;
}

.accordion-toggle-img {
  background-image: url('../images/icon/plus.png');
}

.accordion-toggle-img.active {
  background-image: url('../images/icon/mines.png');
}

/* ========End of 8.1. question section ======== */

/* ======== 9.1. Blogs cards section ======== */

/* ========End of 9.1. Blogs cards section ======== */

/* ======== 10.1. ooops section ======== */

.bg404 {
  background-image: url(../images/bg/404bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero404 {
  padding-top: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: end;
}

.hero404 p {
  color: #fff;
  padding: 15px 250px;
}

.hero404 h4 {
  color: #fff;
  padding-top: 10px;
}

/* ========End of 10.1. ooops section ======== */

/* ======== 10.2. footer404 section ======== */

.footor404 {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  padding-top: 123px;
}

.footor404 p {
  color: #fff;
  padding-bottom: 20px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.footor404 a i {
  width: 40px;
  height: 40px;
  background-color: #E4E4E4;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-size: 18px;
  cursor: pointer;
}

.footor404 a i:hover {
  background-color: #136165;
  color: #fff;
}

/* ========End of 10.2. footer404 section ======== */

/* ======== 11.1. Coming hero  section ======== */

.coming-hero {
  padding-top: 70px;
}

.coming-hero img {
  width: 83%;
  height: auto;
}

.coming-hero h2 {
  padding-right: 200px;
}

.coming-hero h3 {
  color: #fff;
}

.coming-hero p {
  padding: 20px 192px 20px 0px;
  color: #fff;
}

/* ========End of 11.1. Coming hero  section ======== */

/* ======== 11.2. Coming footer section ======== */

.footer-coming {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  padding-top: 30px;
}

.footer-coming p {
  color: #fff;
  padding-bottom: 20px;
  padding-top: 10px;
}

.footer-coming a i {
  width: 40px;
  height: 40px;
  background-color: #E4E4E4;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-size: 18px;
  cursor: pointer;
}

.footer-coming a i:hover {
  background-color: #136165;
  color: white;
}

/* ========End of 11.2. Coming footer section ======== */

.super-font {
  font-size: 6rem;
  font-weight: 900;
  line-height: 84px;
}

@media screen and (min-width: 1920px) {
  .super-font {
    font-size: 5rem;
    font-weight: 900;
    line-height: 124px;
  }
}

@media screen and (max-width: 991.98px) {
  .super-font {
    font-size: 5rem;
    font-weight: 900;
    line-height: 94px;
  }
}

@media screen and (max-width: 767.98px) {
  .super-font {
    font-size: 6rem;
    font-weight: 900;
    line-height: 94px;
  }
}

@media screen and (max-width: 575.98px) {
  .super-font {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 86px;
  }
}

.priz {
  background: url("bp-001.png") no-repeat;
  background-size: contain;
  margin-top: -160px;
  position: relative;
}

@media screen and (max-width: 991.98px) {
  .priz {
    margin-top: -120px;
  }
}

@media screen and (max-width: 575.98px) {
  .priz {
    margin-top: 0px;
  }
}

/* Для мобильных устройств (отступ убираем или делаем минимальным) */

@media (max-width: 575.98px) {
  .kyb {
    margin-top: 0;
  }
}

/* Для планшетов (портретная ориентация) */

@media (min-width: 576px) and (max-width: 767.98px) {
  .kyb {
    margin-top: -50px;
  }
}

/* Для планшетов (ландшафтная ориентация) и небольших ноутбуков */

@media (min-width: 768px) and (max-width: 991.98px) {
  .kyb {
    margin-top: -10px;
  }
}

/* Для десктопов (ваш текущий вариант) */

/* ===== TEXT BLOCK: Обирай KYB ===== */

.choose-text {
  font-size: clamp(18px, 4cqw, 36px);
  font-weight: 500;
  color: #fff;
}

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

.choose_logo {
  height: clamp(40px, 16cqw, 120px);
  width: auto;
}

.prize img {
  height: auto;
  display: block;
  position: static;
}

.prize span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  background: red;
  color: white;
  font-weight: 700;
  border-radius: 999px;
}