@import url('http://fonts.cdnfonts.com/css/sofia-pro');
*{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
html, body,  div,  span,  applet,  object,  iframe,  h1,  h2,  h3,  h4,  h5,  h6,  p,  blockquote,  pre,  a,  abbr,  acronym,  address,  big,  cite,  code,  del,  dfn,  em,  font,  img,  ins,  kbd,  q,  s,  samp,  small,  strike,  strong,  sub,  sup,  tt,  var,  dl,  dt,  dd,  ol,  ul,  li,  fieldset,  form,  label,  legend,  table,  caption,  tbody,  tfoot,  thead,  tr,  th,  td,  select,  input,  option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none; scroll-behavior: smooth; }
body { margin: 0; padding: 0; overflow-x: hidden;  font-size: 16px; background: #ffffff; color: #2B3F45;  font-family: 'Inter';  }  
h1{ font-family: 'Paytone One'; font-style: normal; font-weight: 400; font-size: 48px; line-height: 105%; text-align: center; color: #5D5951; margin-bottom: 20px; }
h2{ font-family: 'Paytone One'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 105%; text-align: center; color: #5D5951; margin-bottom: 20px;      display: inline-block;}
h3{  font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; text-align: center; letter-spacing: 0.01em; color: #F2EDE7;}
h4 { font-family: 'Inter'; font-style: normal; font-weight: 800; font-size: 32px; line-height: 105%; text-align: center; text-transform: uppercase; color: #FFFFFF; }
h5 {color:#FFF;  text-align: center; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom:15px; }
h6 { color:#FBB040; text-align: center; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 700; line-height: 100%; }
p { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 1.5; text-align: center; color: #5D5951; }
.h6{ font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: #F2AD33; text-shadow: 0px 0px 8px #000000; margin-top: 10px; }
.font_14 p{  font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; letter-spacing: 0.01em; color: #2B3F45; font-weight: 300;}
* + p  { margin-top: 15px; }
a:focus, button:focus {outline: none; }
img { width: 100%; }

.overflow { overflow: inherit !important; padding-right: 0 !important; }

::-webkit-input-placeholder {color: #57534C; }
::-moz-placeholder {color: #57534C;}
:-ms-input-placeholder {color: #57534C; }
:-moz-placeholder {color: #57534C; }

.mb_none { display: none; }
.mb_show { display: none; }
.upper_case{ text-transform: uppercase; }
a:hover { text-decoration: none; }
.button { margin-top: 10px; position: relative; text-align: center; }
.bold { font-weight: 700; }

.color_white { color:#fff !important; }

/*button*/
.btn_black{ font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; text-align: center; letter-spacing: 0.02em; color: #2B3F45; border: 1px solid #2B3F45; box-sizing: border-box; padding: 15px 22px; border-radius: 0; }
.btn_black:hover {background-color: #2B3F45; color: #ffffff; }
 
.btn_grey { font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; text-align: center; letter-spacing: 0.02em; color: #2B3F45; border: 1px solid #2B3F45; box-sizing: border-box; padding: 10px 35px; border-radius: 0; background: #FBB040; border: 2px solid #57534C; border-radius: 50px; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; text-transform: capitalize; color: #FFFFFF; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.btn_grey:hover {background-color: #000; color: #fff; transform:scale(1.1); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  }

.btn_grey.border_yellow { border: 2px solid #F2AD33;}
.btn_grey.border_yellow:hover {background-color: #000; color: #fff; }


.btn_white { font-style: normal; font-weight: normal; font-size: 12px; line-height: 12px; text-align: center; letter-spacing: 0.02em; color: #2B3F45; border: 1px solid #2B3F45; box-sizing: border-box; padding: 10px 35px; border-radius: 0; background: #fff; border: 2px solid #fff; border-radius: 50px; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 29px; text-align: center; text-transform: capitalize; color: #FBB040; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.btn_white:hover {background-color: #fff; color: #FBB040; transform:scale(1.1); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  }

.btn_white img { max-width:15px; margin-right:15px; }


/* white background image */

.bg_1 { background-image: url(../images/sp1.png); background-position: center; padding: 40px 0px; max-width: 690px; background-size: 100% 100%; margin: 0 auto; }

.bg_1 .txt {display: block; color: #FBB040; text-align: center; font-family: Inter; font-size: 28px; font-style: normal; font-weight: 700; line-height: 100%; /* color: #Fff; */ font-size: 24px; margin-top: 30px; }
/*yellow background image */

.bg_2 {background-image: url(../images/sp2.png); background-position: center; background-size: contain; background-repeat: no-repeat; padding: 10px 0px; }
.bg_3 {background-image: url(../images/sp3.png); background-position: 100% 100%; background-size: contain; background-repeat: no-repeat; padding: 10px 0px; margin-left: -20px; padding: 10px 20px; }
.bg_4 {background-image: url(../images/sp4.png); background-position: left; background-size: contain; background-repeat: no-repeat; padding: 10px 0px; margin-left: -20px; padding: 10px 20px; }
.bg_5 {background-image: url(../images/sp5.png); background-position: left; background-size: contain; background-repeat: no-repeat; padding: 10px 0px; margin-left: -20px; padding: 10px 20px; }

/*line1*/
.line1 { position: relative; }
.line1:before{ content: ""; background-image: url(../images/line1.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -6px; right: 0; left: 0; height: 20px; width: 100%; }

.line2 { position: relative; }
.line2:before{ content: ""; background-image: url(../images/line2.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -6px; right: 0; left: 0; height: 20px; width: 100%; }

.line3 { position: relative; }
.line3:before{ content: ""; background-image: url(../images/line3.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -6px; right: 0; left: 0; height: 20px; width: 100%; }

.line4 { position: relative; }
.line4:before{ content: ""; background-image: url(../images/line4.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -17px; right: 0; left: 0; height: 20px; width: 100%; }

.line5 { position: relative; }
.line5:before{ content: ""; background-image: url(../images/line5.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: -17px; right: 0; left: 0; height: 20px; width: 100%; }


.pd100 { padding:100px 0; }
.head_text { max-width:800px; margin:0 auto; }
.head_text h2 { display:block; text-align:center; }
header { background-color:#fff; padding:17px 0; }
header a.logo { max-width: 275px; display: block;  margin-left:50px; }
header .two_btn { margin-right:50px; }
header .two_btn a { margin: 0; color: #FBB040; border: 1px solid #FBB040; font-size: 15px; padding: 10px 30px; margin-left: 20px; margin-right: 10px; }
.dis_flx { display: flex; align-items: center; justify-content: space-between; }





.banner { height:100%; overflow:hidden; padding: 70px 0;  position: relative; }
.banner .slider_banner_div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -3; }
.banner .slider_banner_div .slick-slider { height: 100%; }
.banner .slider_banner_div .slick-list, .banner .slider_banner_div .slick-track , .banner .slider_banner_div .slick-slide img { height: 100%; }
.banner .slider_banner_div .slick-list { padding:0 !important; }
.banner .row { align-items:center; }
.banner .container,  .banner .row { height:100%; }

.banner .slider_banner_div .slick-slide img { width: 100%; height: 100vh; object-fit: cover; }

.form_sec { background: #F2AD33; border: 2px solid #5D5951; box-shadow: 4px 4px 0px #5D5951; border-radius: 26px; padding: 62px 25px; max-width: 640px; border-radius: 30px; border: 2px solid var(--Yellow, #FBB040); background: #FEEFD9; box-shadow: 4px 4px 0px 0px #F2AD33; margin: 0 auto; }
.form_sec h4 { margin-bottom:30px; color: #57534C; }
.form_sec input, .form_sec select { background: #FFFFFF; border: 1px solid #5D5951; box-shadow: 2px 2px 0px #5D5951; border-radius: 50px; padding: 10px 30px; width: 100%; margin-bottom: 12px;  font-family: 'Inter'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 22px; text-align: center; color: #5D5951;  border-radius: 10px; border: 1px solid var(--Yellow, #FBB040); background: var(--White, #FFF); box-shadow: 2px 2px 0px 0px #F2AD33; text-align: left;}
.form_sec input::-webkit-input-placeholder { /* Edge */  color: #5D5951; }
.form_sec input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #5D5951; }
.form_sec input::placeholder {color: #5D5951; }
.form_sec p { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; color: #57534C; }

.bg_img {background-size: 100%; background-position: top center; background-repeat: no-repeat; position: relative; }
.bg_img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-image: url('../images/bg_design_box.png'); z-index: -6;}

.section2 video {width: 100%; max-height: 100%; height: 570px; max-width: 320px; margin: 0 auto; display: block; }
.section2 {padding: 70px 0; }

.dis_flx { display: flex; align-items: center; justify-content: space-between; }
.dis_flx .w_50 { width:47%; }

.h_100 { height:85vh; display:flex; align-items:center; }
.max_700{ max-width:700px; margin:0 auto; }

.color_yellow { color:#FBB040 !important; }

.section2 img { max-width:500px; margin:0 auto; display:block; padding:50px 0; }
.section2 h2 { line-height: 1.5; text-align: center; display: block; font-size: 45px;}
.right_text h2, .right_text h6{ text-align:left; }
.right_text h6, .right_left h6 { font-weight: 400; color: #5D5951; }
.right_left, .right_left h2, .right_left h6 {text-align: right; }

.sec4_slider .box { background: #F2AD33; border: 2px solid #FFFFFF; box-shadow: 2px 2px 0px #5D5951; border-radius: 16px; padding: 25px; height: 100%; }
.sec4_slider .box .hr { background-color:#FFFFFF; margin-top: 10px; margin-bottom: 10px; width: 100%; height: 2px; }
.sec4_slider .box b {font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: #FFFFFF; }
.sec4_slider .box p{font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; text-align: center; color: #FFFFFF; }
.section4  .slick-track {display: flex; align-items: center; justify-content: center;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.section4  .slick-initialized .slick-slide { opacity: 0.4; transform: scale(0.8); padding: 5px;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.section4  .slick-slide.slick-current.slick-active.slick-center { opacity: 1; transform: scale(1.0);transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }

footer { padding:50px 0; }
footer .logo a{ max-width:274px; display:block;  }
footer .footer_txt p { font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #5D5951; text-align: left;}
footer .footer_txt p b { font-weight:700; }
footer .dis_box { display: flex; align-items: self-start; justify-content: inherit;  margin-left: auto; margin-bottom: 20px; }
footer .dis_box img {max-width: 17px; margin-right: 15px; margin-top: 2px; }
footer .dis_box a{font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; color: #5D5951; text-decoration: none; }
footer .dis_box a:hover { opacity:0.5; }
footer .dis_box p { font-size:16px; }
footer .footer_txt { margin-bottom: 30px; }
footer .footer_a a {color:#FBB040; font-family: Inter; font-size: 25px; font-style: normal; font-weight: 400; line-height: 125%; /* 25px */ text-decoration-line: underline; margin-bottom: 30px; }
footer .footer_a a:hover { opacity:0.5; }


.dots_for_left_right { position:relative; }
.dots_for_left_right:before { content: ""; position: absolute; left: -40px; top: -50px; width: 150px; height: 150px; background-image: url('../images/left_new_1.png'); background-repeat: no-repeat; background-size: contain; }
.dots_for_left_right:after { content: ""; position: absolute; right: -100px; top: -50px; width: 150px; height: 150px; background-image: url('../images/right_new_1.png'); background-repeat: no-repeat; background-size: contain; }
.right_none:after { display: none; }

.section3 h2 { display:block; }

.font_42 { font-size:42px !important; }

.round_img { text-align:center; margin-left: auto; }
.round_img img { max-width:500px; margin:0 auto; margin-bottom:20px; margin-left:auto; }
.round_img h6 { color: #57534C; text-align: center; font-family: Inter; font-size: 24px; margin-bottom:0; text-transform: uppercase; }
.round_img p { margin-top:0; }

.left_img_round{margin-left: 0; margin-right: auto; }
.section3 .max_700 h6 { color: #57534C; text-align: center; font-family: Paytone One; font-size: 36px; font-style: normal; font-weight: 400; line-height: 105%; }
.section3 .max_700 p { text-align: center; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.5;  }

.number_boxs { display:flex; align-items:inherit; justify-content:center; flex-wrap:wrap; }
.number_boxs .number_box { width:23%; margin:0 1%;  border-radius: 10px; padding: 15px; border-left: 10px solid #FBB040; margin-bottom: 50px; margin-top: 50px;}
.number_boxs .number_box img { max-width: 50px; width: 100%; margin-bottom:20px; }
.number_boxs .number_box h3 { color:#FBB040; font-family: Paytone One; font-size: 45px; font-style: normal; font-weight: 400; line-height: 125%; text-align:left; }
.number_boxs .number_box p { color:#57534C; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 125%; text-align:left; }

.coll_imgs p { display:none; }

.coll_imgs { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.coll_imgs .box1 { padding: 7px; width: 25%; max-width: 100%; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; height: 100px; width: 250px; height: 250px; margin-bottom: 0px }
.dis_block { display:block; }


.pd_100 { padding:100px 0; }
.mt-100 { margin-top:100px; }

.text-left h6, .text-left p { text-align:left !important; }

.mt-50 { margin-top:50px !important; }
.text_left_a a{ background-size: contain; background-repeat: no-repeat; background-image: url(../images/left_arrow_svg.svg); max-width: 400px; display: block; padding: 15px 50px; line-height: 1; color: #57534C; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 125%; text-decoration: none; }
.text_right_a a{ background-size: contain; background-repeat: no-repeat; background-image: url(../images/right_arrow_svg.svg); max-width: 400px; display: block; padding: 15px 50px; line-height: 1; color: #57534C; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 125%; text-decoration: none;     margin-left: auto; }

.voice_box { margin:0 15px; border-radius: 40px; border: 2px solid var(--Yellow, #FBB040); background: var(--White, #FFF); box-shadow: 4px 4px 0px 0px #FBB040; padding: 80px 50px; height:100%; }
.voice_box .voice_box_dis { display:flex; align-items:center; margin-bottom:30px; }
.voice_box .voice_box_dis .voice_img { width:20%; max-width: 204px; margin-right:15px; }
.voice_box .voice_box_dis .voice_img img { border-radius:50%;  }
.voice_box .voice_box_dis .voice_txt { width:80%; }
.voice_box .voice_box_dis .voice_txt h6 { text-align:left !important; font-family: Paytone One; font-weight:500; font-size: 28px;}
.voice_box .voice_box_dis .voice_txt p { color:#57534C; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; text-align:left !important; }
.voice_box  .voice_last_txt P { text-align:left; }

.section7 .slick-track { display: flex !important; } 
.section7 .slick-slide { height: inherit !important; padding: 15px; }

.voice_boxs_slide { margin-top:100px; }
.voice_boxs_slider .slick-arrow { position: absolute; top: 50%; margin: 0px 0px 0px 0px; z-index: 10; font-size: 0; width: 20px; height: 30px; border: none; background-size: contain !important; }
.voice_boxs_slider .slick-arrow.slick-prev { left: 0; background: url(../images/slider_arrow_right.svg) 0 0 / 100% no-repeat; transform: rotate(180deg); left: -50px; }
.voice_boxs_slider .slick-arrow.slick-next { right: -40px; background: url("../images/slider_arrow_right.svg") 0 0 / 100% no-repeat; }
.voice_boxs_slider .slick-arrow.slick-disabled  { opacity:0.5 }

.happening_slider a { text-decoration:none; }
.happening_slider .slick-arrow { position: absolute; top: 50%; margin: 0px 0px 0px 0px; z-index: 10; font-size: 0; width: 20px; height: 30px; border: none; background-size: contain !important; }
.happening_slider .slick-arrow.slick-prev { left: 0; background: url(../images/slider_arrow_right.svg) 0 0 / 100% no-repeat; transform: rotate(180deg); left: -50px; }
.happening_slider .slick-arrow.slick-next { right: -40px; background: url("../images/slider_arrow_right.svg") 0 0 / 100% no-repeat; }
.happening_slider .slick-arrow.slick-disabled  { opacity:0.5 }

.happening_slider .slick-dots {display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; margin-top: 50px; } 
.happening_slider .slick-dots li {margin: 0 0.25rem; } 
.happening_slider .slick-dots button {display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #FBB040; text-indent: -9999px; opacity: 0.5; } 
.happening_slider .slick-dots li.slick-active button {background-color: #FBB040; opacity: 1; }

.banner_text h6 { color: #Fff; font-size:24px; }

.banner_text .button { text-align: left; margin-top:10px; }

.mt-30 { margin-top:30px; }

.img_flx { display: flex; align-items: inherit; justify-content: inherit; flex-wrap: wrap; }

.img_flx .box1 { width:25%; }
.img_flx .box1 a { text-decoration: none; height: 100%; position: relative; display: block; margin: 0 5px; } 
.img_flx .box1 a:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--Yellow, #FBB040); mix-blend-mode: color; width: 100%; height: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } 
.img_flx .box1 a:hover:before{height: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.img_flx .box1 a:hover p { opacity:1;  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.img_flx .box1 img { object-fit:cover; height: 270px; }
.img_flx .box1 p { color: #FFF; text-align: center; text-shadow: 3px 2px 6px #000; font-family: Paytone One; font-size: 24px; font-style: normal; font-weight: 400; line-height: 125%; text-decoration: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 00%; width: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } 
/* .img_flx { display:block; } .img_flx div { float:left; }*/ /* media query started */

.dots_for_left_right h2 { margin-bottom:10px; }
.dots_for_left_right p.color_yellow { margin-top:0; font-size:30px; }

.pd_15 { padding:0 35px; }

.modal-content {background-color: transparent; } 
.modal-header{padding: 0; border-bottom: 0; } 
.modal-header {display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 0; border-bottom: 0; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } 
.modal-content {border: none; } 
.modal-body {position: relative; flex: 1 1 auto; padding: 1rem; background-color: transparent; } 
.modal-dialog {max-width: 640px; margin: 7.75rem auto 0; }
.modal-header button { font-size: 26px; right: 0; top: -40px; position: absolute; z-index: -3; background-color: transparent; border: none; }
.modal-header button span { color:#fff; }
.modal-body { position: relative; flex: 0; padding: 0; }

.team_box {border-radius: 20px; box-shadow: 2px 2px 0px 0px #FBB040; margin: 0 20px; }
.team_box img { border-radius: 20px 20px 0 0 ; }
.team_box .team_box_text {border-radius: 0px 0px 20px 20px; background: var(--Yellow, #FBB040); box-shadow: 2px 2px 0px 0px #FBB040; padding: 20px; }
.team_box .team_box_text h6 { color:#fff; }
.team_box .team_box_text p{ color:#fff; font-size:16px; }
.team_box .team_box_text p.big { font-size:20px; }

.meet_our_team_boxs {  }
.meet_our_team_boxs .slick-arrow { position: absolute; top: 50%; margin: 0px 0px 0px 0px; z-index: 10; font-size: 0; width: 20px; height: 30px; border: none; background-size: contain !important; }
.meet_our_team_boxs .slick-arrow.slick-prev { left: 0; background: url(../images/slider_arrow_right.svg) 0 0 / 100% no-repeat; transform: rotate(180deg); left: -50px; }
.meet_our_team_boxs .slick-arrow.slick-next { right: -40px; background: url("../images/slider_arrow_right.svg") 0 0 / 100% no-repeat; }
.meet_our_team_boxs .slick-arrow.slick-disabled  { opacity:0.5 }

.modal-header .btn-close { padding: 0.5rem 0.5rem rem; margin: -0.5rem -0.5rem -0.5rem auto; color: #fff !important; background: inherit !important; font-size: 30px; } 
.modal-dialog {max-width: 640px; margin: 3.75rem auto 0; }

.team { border-radius: 20px; border: 2px solid var(--Yellow, #FBB040); background: var(--White, #FFF); box-shadow: 2px 2px 0px 0px #FBB040; padding: 0; margin: 30px 0; }

/*.main { position: relative; height: 100vh; overflow: auto; scroll-snap-type: y mandatory; scroll-behavior: smooth !important; }
.section { height: 100vh; scroll-snap-align: center; scroll-behavior: smooth !important; }
*/

.vision_slider .slick-dots {display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; margin-top: -100px; margin-bottom:100px; } 
.vision_slider .slick-dots li {margin: 0 0.25rem; } 
.vision_slider .slick-dots button {display: block; width: 15px; height: 15px; padding: 0; border: none; border-radius: 100%; background-color: #FBB040; text-indent: -9999px; opacity: 0.5; }
.vision_slider .slick-dots li.slick-active button {background-color: #FBB040; opacity: 1; }


/*.vision_slider .section3 .container, .vision_slider .section3  { width:100% !important; max-width:100% !important; }*/
/*.vision_slider .slick-slide { width:100%; }*/

.social_insta .head_txt a {max-width: 500px; display: block; margin: 0 auto 50px; } 
.social_insta iframe {height: 610px; }


body.overflow.modal-open { position:relative; }
body.overflow.modal-open:before { content: ""; position: absolute; left: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0.5; z-index: 99; }

.two_btn a { margin:10px 15px; }

iframe {
    width: 100%;
    scroll-behavior: smooth;
}

.happening_slider .slick-slide { padding:0 15px; }


.banner.h_100.bg_banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.dis_none_dk{ display:none; }

.banner_text p {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0;
   	color: #000;
    padding-left: 10px;
}



@media screen and (max-width:1200px){ 
   
   .container, .container-md, .container-sm { max-width: 100%; }
   h1, .section2 h2 { font-size: 36px; }
   h6 { font-size: 20px; }
   .number_boxs .number_box h3 { font-size: 34px; }
   .img_flx .box1 { width: 33%; }
   .voice_boxs_slider .slick-arrow.slick-next { right:0; }
   .voice_boxs_slider .slick-arrow.slick-prev { left: 0; }
   .dots_for_left_right p.color_yellow { font-size:24px; }


}

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

    h1, .section2 h2, h2 {font-size: 30px; margin-bottom: 10px; } 
    h1 br{display:none; }
    h4 { font-size: 26px; }
    h6 { font-size: 18px; }

    .banner { padding: 80px 0;}    
    .form_sec {  padding: 42px 15px; }
    .form_sec h4 { margin-bottom: 20px; }
    .form_sec input { font-size: 16px; }

    .h_100 { height:100%; }
    .section2 .row { margin-top:0; }
    .round_img { text-align: center; max-width: 350px; margin-left: auto; margin: 0px auto 40px; }
    .dots_for_left_right { margin: 30px auto; }

    .number_boxs .number_box h3 { font-size:36px; }
    .number_boxs .number_box { width: 31%; }

    .section3 .max_700 h6 { font-size: 30px; }
    .section3 .max_700 p { font-size:18px; }

    .mt-100 { margin-top: 50px; }
    .right_img_dot { margin-top:50px; }
    .text_right_a a{ margin-top:15px; }
    .voice_box .voice_box_dis { flex-wrap: wrap; }
    .voice_box .voice_box_dis .voice_txt { margin-top: 30px; }

    .voice_box .voice_box_dis .voice_img { width: 100%; max-width: 94px; }
    .voice_box{ padding: 30px 20px; }

    p { font-size: 18px; }
    .font_42 { font-size: 34px !important; }

    .pd_100 { padding: 70px 0; }

    .head_txt.text-left.mx_700 { max-width: 580px; margin: 50px auto 0; }
    .happening_slider .slick-dots { margin-top: 20px; }

     .footer_a { text-align: center; margin-top: 30px; }
   	 .footer .dis_box p { font-size: 16px; text-align: center !important; }

   	 .dots_for_left_right:after, .dots_for_left_right:before {width: 50px; }
   	 .dots_for_left_right:after { right:0; }
   	 .dots_for_left_right:before { left: 0; }

   	 .vision_slider .slick-dots { margin-top: -40px; margin-bottom: 0px; }

   	 .happening_slider .max_700 h6, .happening_slider .max_700 p { text-align: center !important;  } 

   	 .modal-dialog { max-width: 640px; margin: 2.75rem auto 0; }
   	 .dots_for_left_right p.color_yellow { font-size:20px; }


   	 .dis_flx { display: block; text-align: center; }
   	 header a.logo { max-width: 215px; display: block; margin-left: auto; margin-right: auto; }





}

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

   .mt-5 { margin-top: 2rem!important; }

    h2 br { display:none; }
    h4 { font-size: 26px; }
    h6 { font-size: 16px; }
    .h6 { font-size: 18px; }

   .pd100 { padding: 50px 0; }

   .banner .slider_banner_div .slick-slide img { height: 100%; }

   .banner_text { max-width: 367px; margin: 0; }
   .form_sec {  padding: 32px 15px; margin: 30px auto 0px; }

   header a { max-width: 205px; }

   .line1:before { bottom: -13px; }
   .line2:before { bottom: -10px; }

   .form_sec input { padding: 7px 30px; }

   .section2 .row { padding-top:50px; }
   .section2 .row .col-md-6:first-child{ order:2; }
   .section2 .row .col-md-6, .section2 .row .col-md-6 h2 { text-align:center; }
   .section2 img { max-width:300px; }

   .section3.pd100 img { max-width:500px; margin: 0 auto 30px; display: block; }
   .section3.pd100 .right_text, .section3.pd100 .right_text h6, .right_left, .right_left h2, .right_left h6, .right_text h2, .right_text h6 { text-align: center; }
   .section3.pd100 .row.mt-5.align-items-center.mb_up_img .col-md-7 { order: 2; }
   .section3.pd100 .right_left, .section3.pd100 .right_text { max-width:500px; margin:0 auto; }

   .section2 video {margin: 40px auto 0; }

   .bg_5 { margin-left: 0px; }
   .line3:before { bottom: -14px; }

   .bg_3 { margin-left: 0px;}

   .btn_grey { font-size: 16px; }

   footer { max-width: 490px; margin: 0 auto;}
   footer .logo a { margin:0 auto 30px; }
   footer .footer_txt { margin-bottom:20px; }
   footer .footer_txt, footer .footer_txt p { text-align: center; }
   footer .dis_box { display: flex; align-items: center; justify-content: center; margin: 10px auto 0; }

   .number_boxs .number_box { width: 48%; }

   .section3 .max_700 p { font-size:16px; }
   .mt-100 { margin-top: 30px; }

   .font_42 { font-size: 30px !important; }
   .round_img h6{ font-size: 20px; }
   p { font-size: 16px; }
   .number_boxs .number_box { margin-bottom: 20px; margin-top: 20px; }

   .img_flx .box1 {width: 50%; }
   .img_flx .box1 a { margin:5px; margin: 5px 15px; }

   .dis_flx { flex-wrap:wrap; }
   .dis_flx .w_50 { width:100%; }

   .bg_1 { padding: 20px 0px; }

   .happening_slider .slick-arrow.slick-prev,
   .happening_slider .slick-arrow.slick-next { display:none !important; }
   .happening_slider .slick-dots { margin-top: 0px; }

   .btn  { padding: 7px 25px;}
   .btn_grey, .btn_white { font-size: 16px; }
   .bg_1 .txt { font-size: 18px; margin-top: 10px; }

   .banner.h_100.bg_banner { background-image:none !important; }
   .dis_none_dk{ display:block !important; }

   .dis_none_dk img { max-width:500px; margin:0 auto 30px; }

   .banner { padding: 40px 0; }

   header .two_btn a { padding: 6px 20px !important; margin-top: 10px; max-width: 220px; margin-left: auto; margin-right: auto; }
   header .two_btn { margin-right:0; }


}	

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

	h1, .section2 h2, h2 { font-size: 20px; }

    h4 { font-size: 22px; }
    .sec4_slider .box { max-width: 290px; margin: 0 auto; }

    .number_boxs .number_box { width: 100%; margin: 40px 0; max-width: 320px; }

    .img_flx .box1 { margin-top: 15px; width: 100%;  }

}


/* FLOATING ICON - STYLING START */

    .sticky-icon {
        position: fixed;
        top: 2vh; 
        right: 2vw; 
        z-index: 1000; 
        display: flex;
        flex-direction: column;
        font-size: 2vw;
    }

    .sticky-icon img {
        width: 15vw; 
        height: auto; 
    }
    
    #pledge-btn{
        font-size: 1vw;
    }
    
@media (max-width: 480px){
    .sticky-icon {
        position: fixed;
        top: 9vh; 
        right: 1vw; 
        z-index: 1000; 
    }

    .sticky-icon img {
        width: 21vw; 
        height: auto; 
    }
    
    #pledge-btn{
        display: none;
    }
}    

/* FLOATING ICON - STYLING END */