@font-face {

  font-family: 'DINPro';

  font-style: normal;

  font-weight: 400;

  src: local('DINPro Regular'), local('DINPro-Regular'), url('../fonts/DINPro-Regular_13937.ttf') format('ttf');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}


@font-face {

  font-family: 'DINPro';

  font-style: normal;

  font-weight: 400;

  src: local('DINPro Regular'), local('DINPro-Regular'), url('../fonts/DINPro-Regular_13937.ttf') format('ttf');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}


@font-face {

  font-family: 'DINPro';

  font-style: normal;

  font-weight: 400;

  src: local('Ropa Sans Regular'), local('DINPro-Regular'), url('../fonts/DINPro-Regular_13937.woff2') format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}


@font-face {

  font-family: 'DINPro';

  font-style: normal;

  font-weight: 400;

  src: local('DINPro Regular'), local('DINPro-Regular'), url('../fonts/DINPro-Regular_13938.woff2') format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

html, body {max-width: 100%;overflow-x: hidden !important;color: #000;}
html, body, h1, h2, h3, h4, h5, h6, .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a{font-family: 'DINPro','Nunito', sans-serif;}
.site_title{font-size: 26px;color: /*#c51c3d*/#0779c6;font-weight: 700;font-family: 'DINPro','Nunito', sans-serif;}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a{font-size: 14px;height: /*65px*/50px;line-height: /*70px*/55px;}
.full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu > li{margin-right: 30px !important;}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a{height: /*70px*/55px;line-height: /*70px*/55px;}
.full-width-header.header-style3.home11-modify2 .rs-header .menu-area, .full-width-header.header-style3.home11-modify2 .rs-header .menu-area.sticky{background: /*#fed523*//*#7a012e*//*linear-gradient(to right, #75141b, #c51c3d, #6b1218)*//*linear-gradient(to right, #3895d3, #58cced, #3895d3)linear-gradient(to right, #0779c6, #34b2d7, #0f78bd)*/#2a52be !important;z-index: 8;}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children a:before{content: "+";}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:before{content: "";}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children a:hover::before{content: "-";}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover::before{content: "";}
.full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li a {
    color: #FFF !important;
    font-weight: 600;
}
.logo2 img {width: 125px;max-width: 100%;}
.rs-about.style1 .notice-bord.style1 li .desc{padding-right: 50px;padding-left: 20px;}
.rs-about.style1 .notice-bord.style1 li .dw{position: absolute;top: 50%;text-align: center;color: #21a7d0;right: 20px;border-left: 1px solid #21a7d0;padding-left: 10px;font-weight: 600;width: 60px;transform: translateY(-50%);}
.rs-about.style1 .notice-bord.style1 li .dw span{display: block;}
.rs-inner-blog .blog-deatails .blog-full .unorder-list li{line-height: 20px;padding-bottom: 5px;}
.rs-latest-couses .course-item .course-image a img {object-fit: unset;}
.full-width-header .rs-header .topbar-area {background: #1C335F;}
.unorder-list li{font-weight: normal !important;}
.rs-about.style1 .notice-bord.style1 a{color:#1C335F;}
.rs-about.style1 .notice-bord.style1 li .dw{border-left-color:#1C335F;}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a{padding: 5px 20px !important;}
p {margin: 0 0 10px;}
.rs-inner-blog .widget-area .widget-archives, .rs-inner-blog .blog-deatails .blog-full{padding: 15px;}

.blog-desc h2{position: relative;margin: 0 0 33px;padding-left: 20px;}
.blog-desc h2::after {background: #c00404;content: "";width: 4px;position: absolute;top: 2px;bottom: 6px;left: 0;margin: auto;}
.rs-inner-blog .blog-deatails .blog-full .blog-desc p, .why-choose-us p, .unorder-list li, td, th, ol li, ul li{font-size: 1.2rem;line-height: 1.6rem;}
.rs-inner-blog .blog-deatails .blog-full .blog-desc p, .why-choose-us p{margin-bottom: 18px;color:#000;}
h1, h2, h3, h4, h5, h6{margin: 0 0 15px;}

.full-width-header.header-style3{z-index: 999;position: relative;}
.full-width-header .rs-header .topbar-area-z{position: relative;z-index: 9999;}

.blog-desc h3{position: relative;padding-bottom: 6px;}
.blog-desc h3::before {content: "";position: absolute;border: 0;width: 50px;height: 2px;background: #0779c6;z-index: 1;bottom: 0;left: 0;right: 0;}
.blog-desc .text-center h3::before{margin: 0 auto;}

table thead tr{background: #9adfff !important;}
table tr:nth-child(even){background: #f6fce8;}
table tr:hover:nth-child(even){background: #f8fff8;}
table tr:nth-child(odd){background: #e6f4f1;}
table tr:hover:nth-child(odd){background: #ecfdf9;}
.table-bordered td, .table-bordered th {border: 1px solid #daecff;}
img {width: 100%;}
.gray-bg2 {background: #BCEDF6;}
.readon.orange-btn{background: #34b2d7;border-color: #34b2d7;}
.readon.orange-btn.main-home:hover{background: #0779c6;border-color: #0779c6;}
.rs-event.home8-style1 .rs-carousel .owl-dots .owl-dot{background: transparent;border: 1px solid #21a7d0;}
.rs-event.home8-style1 .rs-carousel .owl-dots .owl-dot.active{background: #21a7d0;}

.rs-event .event-item .event-short .featured-img img{width: 100%;}
.rs-event .event-item .event-short .content-part{background: /*#34b2d7*/ #2a52be !important;}
.rs-event .event-item .event-short .content-part .title a, .rs-event.home8-style1 .event-item .event-short .content-part a{color:#FFF;}
.rs-event .event-item .event-short .content-part .title a:hover{color: #e6f4f1;}

.color-1{background: #e9fbd5 !important;}
.color-2{background: #dcf1fd !important;}

@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    .width-35{width: 35% !important;}
}

.full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul li a:hover, .full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul li.current-menu-item > a, .full-width-header.header-style3.home11-modify2 .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover, .full-width-header.header-style3.home11-modify2 .rs-header .menu-area.sticky .categories-btn .cat-btn:hover, .full-width-header.header-style3.home11-modify2 .rs-header .menu-area.sticky .expand-btn-inner li > a:hover {
    color: #FFEB4C !important;
}

.full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul.sub-menu {
    background: /*#7A012E*/#4ba3df;
}

.rs-team.home11-style .team-item .team-thumbnail:hover .team-img::before{opacity: 0 !important;}
.rs-menu-toggle{color:#FFF !important}

/*.full-width-header .rs-header .topbar-area {
    background: transparent !important;
}*/

.responsive-mt {margin-top: -15px !important;}

.responsive-mt img{border-radius: 35px;}

.dark-blue-bg, .rs-footer.home11-style{background: /*#273c66*/#1C335F;}

.unorder-list li {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-bottom: 5px;
    font-weight: 500;
    line-height: 25px;
}
.unorder-list li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #ff5421;
    font-size: 20px;
}

.full-width-header .menu_top:after {
    width: 140%;
    position: absolute;
    right: 103%;
    top: 0;
    height: 100%;
    transform: skew(-22deg);
    z-index: -1;
    content: '';
}

.full-width-header .menu_top::after {
    position: absolute;
    content: '';
    left: -47px;
    top: 0;
    border-style: solid;
    border-color: #273c66 transparent #00f transparent;
    border-width: 50px 0 0 50px;
}

/*.topbar-area:after {
    background: #273c66;
    width: 100%;
    height: 50px;
    content: '';
    position: absolute;
    top: 0;
    left: 358px;
    z-index: -1;
}*/

.icon-box .icon-lg {
    height: 65px;
    width: 65px;
    text-align: center;
}

.icon-box .icon-circled {
    border-radius: 50%;
}

.icon-box .icon-lg i {
    font-size: 32px;
    line-height: 65px;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
}

.rs-breadcrumbs .breadcrumbs-text .page-title{font-size: 32px;}
.rs-inner-blog .blog-deatails .blog-full .unorder-list li{color: #000;}
.rs-breadcrumbs .div-content{min-height: 160px;}

.font-13 {
    font-size: 13px !important;
    line-height: 16px;
}
.font-36 {
    font-size: 36px !important;
}

.bg-theme-color-red {
    background-color: #FE4A0D !important;
}

.bg-theme-color-yellow {
    background-color: #FFD81E !important;
}

.bg-theme-color-lemon {
    background-color: #96D81F !important;
}

.rs-slider.style2 .slide-part{padding: 0px;}
/*.rs-slider.style2 .owl-carousel .owl-item img{max-height: 450px;min-height: 160px;width: 100%;}*/

.welcome_wrap .sec-title2 .title {font-size: 26px;line-height: 32px;}
.rs-cta.style7.welcome_wrap .partition-bg-wrap {background: /*#e67533*/linear-gradient(to right, #ffc500, #CF9B14, #ffc500) !important;}

.free-course-contact{background: #F9F28B !important;}
/*.full-width-header.header-style2{border-top: 5px solid #273c66;}*/
.yellow-bg{background-color: #ffc32b;}
.orange-bg, .rs-inner-blog .widget-area .widget-archives {background-color: /*#ffbc00*/#70d8f7;}
.sky-bg{background-color: #00BCD4;}
.purple-bg {background: #c701f1;}
.blue-bg {background: #065ce8 !important;}
.purple-color {color: #c701f1 !important;}
.blue-color {color: #065ce8 !important;}
.orange-color {color: #ffbc00 !important;}
.dark-blue-color{color:#273C66 !important;}
.profile-section .image-column .inner-column{padding: 10px;}
.rs-event.home8-style1 .event-item .event-short .content-part .title, .rs-event .event-item .event-short .content-part .title, .rs-popular-courses.style4 .courses-item .content-part .title {font-size: 18px;line-height: 24px;min-height: 50px;margin-bottom: 10px;}
.rs-popular-courses.style4 .courses-item .content-part{padding: 20px 25px;}

.custom-icon-part {
    width: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
    transition: all 0.3s ease;
    float: left;
    margin-right: 25px;
    margin-top: 18px;
    margin-bottom: 18px;
}

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

.custom-icon-part i {font-size: 24px;padding-top: 15px;}
.full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area{justify-content: flex-start;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button, #cssmenu2,
#cssmenu2 ul,
#cssmenu2 ul li,
#cssmenu2 ul li a,
#cssmenu2 #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after,#cssmenu2:after,
#cssmenu2 > ul:after  {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button, #cssmenu2 #menu-button {
  display: none;
}
#cssmenu, #cssmenu2 {
  width: auto;
  /*font-family: 'Open Sans', sans-serif;*/
  line-height: 1;
  background: /*#003560*//*#273c66*/#1C335F;
}
#menu-line, #menu-line2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  /*background: #ffcb0f;*/
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li, #cssmenu2 > ul > li {
  float: left;
}
#cssmenu.align-center > ul, #cssmenu2.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li, #cssmenu2.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul, #cssmenu2.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li, #cssmenu2.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul, #cssmenu2.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a, #cssmenu2 > ul > li > a {
  padding: /*20px*/12px 12px;
  font-size: 14px;
  text-decoration: none;
  /*text-transform: uppercase;*/
  color: #FFF;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a, #cssmenu2 > ul > li:hover > a,
#cssmenu2 > ul > li.active > a {
  color: /*#F2C78A*/#ffcb0f;
}
#cssmenu > ul > li.has-sub > a, #cssmenu2 > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after, #cssmenu2 > ul > li.has-sub > a::after {
  position: absolute;
  top: /*20px*/14px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #F2C78A;
  border-right: 2px solid #F2C78A;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after, #cssmenu2 > ul > li.has-sub:hover > a::after {
  border-color: #F2C78A;
}
#cssmenu ul ul, #cssmenu2 ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul, #cssmenu2 li:hover > ul {
  left: auto;
  z-index: 99;
}
#cssmenu.align-right li:hover > ul, #cssmenu2.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul, #cssmenu2 ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul, #cssmenu2.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li, #cssmenu2 ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li, #cssmenu2 ul li:hover > ul > li {
  height: /*32px*/auto;
}
#cssmenu ul ul li a, #cssmenu2 ul ul li a {
  padding: /*10px 20px*/5px 20px;
  width: 220px; 
  font-size: 14px;
  line-height: 20px;
  background: #003560;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover, #cssmenu2 ul ul li:hover > a,
#cssmenu2 ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after, #cssmenu2 ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after, #cssmenu2.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after, #cssmenu2 ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu, #cssmenu2 {
    width: 100%;
  }
  #cssmenu ul, #cssmenu2 ul {
    width: 100%;
    display: none !important;
    position: absolute;
    background: #003560;
    z-index: 7;
  }
  #cssmenu ul.open, #cssmenu2 ul.open {
        display: block !important;
    }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul, #cssmenu2.align-center > ul,
  #cssmenu2.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li, #cssmenu2 ul li,
  #cssmenu2 ul ul li,
  #cssmenu2 ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a, #cssmenu2 ul li a,
  #cssmenu2 ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li, #cssmenu2 > ul > li,
  #cssmenu2.align-center > ul > li,
  #cssmenu2.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a, #cssmenu2 ul ul li a {
    padding: /*20px 20px 20px 30px*/10px 20px 10px 20px;
    font-size: 12px;
    color: #FFF;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover, #cssmenu2 ul ul li:hover > a,
  #cssmenu2 ul ul li a:hover {
    color: #FFF;
  }
  #cssmenu ul ul ul li a, #cssmenu2 ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul, #cssmenu2 ul ul,
  #cssmenu2 ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after, #cssmenu2 > ul > li.has-sub > a::after,
  #cssmenu2 ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line, #menu-line2 {
    display: none;
  }
  #cssmenu #menu-button, #cssmenu2 #menu-button {
    display: block;
    padding: 14px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after, #cssmenu2 #menu-button::after {
    font: normal normal normal 20px/1 FontAwesome;
    content: '\f103';
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    /*background: #FFF;*/
    
  }
  #cssmenu #menu-button::before, #cssmenu2 #menu-button::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 7px;
    /*border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;*/
  }
  #cssmenu .submenu-button, #cssmenu2 .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: /*52px*/39px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after, #cssmenu2 .submenu-button::after {
    content: '';
    position: absolute;
    top: /*21px*/13px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #FFF;
    z-index: 99;
  }
  #cssmenu .submenu-button::before, #cssmenu2 .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: /*26px*/18px;
    display: block;
    width: 11px;
    height: 1px;
    background: #FFF;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after, #cssmenu2 .submenu-button.submenu-opened:after, .slick-dots li button,.slick-dots li {
    display: none;
  }
  
}

@media only screen and (max-width: 991px) {
    .rs-header .menu-area .main-menu .rs-menu ul.nav-menu {
        background: linear-gradient(to right, #0779c6, #34b2d7, #0f78bd) !important;
    }
    .full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li {
      margin-right: 0px !important;
    }
    .full-width-header.header-style3 .rs-header .menu-area .rs-menu-area .rs-menu {
      padding-left: 0;
    }
}


@media only screen and (max-width: 768px){
    .text-xs-center{text-align:center;}
    .responsive-mt{margin-top: 15px !important;}
    .topbar-area{display: block !important;}
    .welcome_wrap .title, .rs-cta.style7.welcome_wrap .partition-bg-wrap .sec-title2 .title{font-size: 16px;}
}

@media (max-width: 576px) { 
    .site_title {font-size: 14px !important;}
    .site_subtitle {font-size: 12px !important;font-weight: 500;}
    .rs-menu-toggle{height: 60px;line-height: 60px;}
    .rs-breadcrumbs .breadcrumbs-img img {min-height: 142px;}
    .rs-breadcrumbs .breadcrumbs-text .page-title {font-size: 16px;}
    .rs-breadcrumbs .breadcrumbs-text ul li{font-size: 12px;}
    .rs-services.home12-style{padding: 70px 0 !important;}
}

.blink_me {
  color:#e91e63;
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% { opacity: 0.4; }
}

.rs-services.home12-style {
  background: url(../images/activities-bg.jpg);
  /*background: url(../images/activities-bg-4.png);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 150px 0;
}

.bg8 {
  background: url(../images/counter-bg.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0 50px;
}

.rs-testimonial.home12-style {
  background: url(../images/testi-bg.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 80px 0;
}

.radius-border-none{border-radius: 0px !important;}

.full-width-header.header-style3 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container .single-megamenu{width: 25%;}
.full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu{background: /*#7a012e*/#4ba3df;}
.full-width-header.header-style3 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu .rs-mega-menu .mega-menu .mega-menu-container .single-megamenu .sub-menu{padding-right: 10px;padding-left: 10px;padding-bottom: 10px;padding-top: 15px;}
.full-width-header.header-style3.home11-modify2 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul.sub-menu li a:hover {color: #fdf251 !important;}
P{text-align: justify;}
.rs-footer .footer-social li a {
  color: #4e49a1;
  background: #ffffff;
}
.rs-footer .footer-social li a, .how-to-reach i {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  background: #21a7d0;
  color: #ffffff;
  text-align: center;
}

.how-to-reach i {font-size: 14px;}
.rs-footer.home11-style .footer-top {padding: 30px 0 30px;}
.rs-footer .footer-social li {display: inline;margin-right: 5px;}
.rs-footer.home11-style .footer-bottom {padding: 20px 0;}
#scrollUp.purple-color i {background: linear-gradient(to right, #0779c6, #34b2d7, #0f78bd);}
.for-marathi-text .unorder-list li, .for-marathi-text .blog-desc p, .marathi-times-font{font-family: 'Times New Roman';line-height: 30px !important;}
.rs-footer .footer-top .widget-title{margin-bottom: 20px;}

.rs-inner-blog .widget-area .widget-archives ul li a, .rs-inner-blog .widget-area .widget-archives ul li a::after, .rs-inner-blog .widget-area .widget-title {color: #FFF !important;}
.rs-inner-blog .widget-area .widget-archives {background-color: #1C335F;}
.modern-ticker, .mt-news, .mt-news a{background-color: #fff1c6;}
.mt-body{margin: 0px;}
.modern-ticker{height: 30px;}
.mt-label, .mt-play {background-color: #f02a48;}
.mt-prev, .mt-next {background-color: #d4001e;}
.mt-news a {font-size: 16px;line-height: 30px;}
.mt-news a:hover {color: #000;background-color: transparent;}

.rs-about.style1 .notice-bord.style1 .title{
  background: #2a52be;
}
.readon2 {
    background: #2a52be;
}
.font-20{
  font-size: 35px;
}

.br-10{border-radius: 10px;}


  /* New Desk Section */

  .leadership-vision-section {
      width: 100%;
      max-width: none;
      background: linear-gradient(135deg, #2a52be 0%, #1a3a9e 100%);
      border-radius: none;
      padding: 40px;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      position: relative;
  }
  
  .bg-shape-1 {
      position: absolute;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.05);
      top: -150px;
      right: -100px;
      animation: float 20s infinite linear;
  }
  
  .bg-shape-2 {
      position: absolute;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.03);
      bottom: -100px;
      left: -50px;
      animation: float 15s infinite linear reverse;
  }
  
  @keyframes float {
      0% { transform: rotate(0deg) translateX(0px) rotate(0deg); }
      100% { transform: rotate(360deg) translateX(0px) rotate(-360deg); }
  }
  
  .section-header {
      text-align: center;
      margin-bottom: 50px;
      position: relative;
      z-index: 2;
  }
  
  .section-title {
      color: white;
      font-size: 2.8rem;
      margin-bottom: 15px;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-weight: 800;
      text-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      animation: fadeInDown 1s ease-out;
  }
  
  .section-subtitle {
      color: rgba(255, 255, 255, 0.85);
      font-size: 1.2rem;
      max-width: 700px;
      margin: 0 auto;
      line-height: 1.6;
      animation: fadeInUp 1s ease-out 0.3s both;
  }
  
  .content-container {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      position: relative;
      z-index: 2;
  }
  
  .leadership-column {
      flex: 1;
      min-width: 300px;
  }
  
  .vision-column {
      flex: 1;
      min-width: 300px;
  }
  
  .leader-card {
      background: white;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      margin-bottom: 30px;
      transition: all 0.4s ease;
      opacity: 0;
      transform: translateY(30px);
  }
  
  .leader-card.animate-in {
      opacity: 1;
      transform: translateY(0);
  }
  
  .leader-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  }
  
  .card-header {
      display: flex;
      padding: 10px;
      align-items: center;
      border-bottom: 1px solid #f0f0f0;
  }
  
  .leader-image {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      object-fit: cover;
      border: 5px solid #f0f8ff;
      box-shadow: 0 5px 15px rgba(42, 82, 190, 0.2);
      transition: transform 0.3s ease;
  }
  
  .leader-card:hover .leader-image {
      transform: scale(1.05);
  }
  
  .leader-info {
      flex: 1;
      padding-left: 25px;
  }
  
  .leader-name {
      font-size: 1.4rem;
      color: #2a52be;
      margin-bottom: 5px;
      font-weight: 700;
  }
  
  .leader-position {
      color: #666;
      font-size: 1rem;
      margin-bottom: 10px;
      font-weight: 600;
  }
  
  .card-body {
      padding: 25px;
  }
  
  .leader-message {
      color: #555;
      line-height: 1.6;
      margin-bottom: 20px;
      font-size: 1rem;
  }
  
  .read-more-btn {
      display: inline-flex;
      align-items: center;
      background: linear-gradient(to right, #2a52be, #3a62ce);
      color: white;
      padding: 10px 20px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s ease;
      box-shadow: 0 4px 10px rgba(42, 82, 190, 0.3);
  }
  
  .read-more-btn:hover {
      background: linear-gradient(to right, #3a62ce, #4a72de);
      transform: translateX(5px);
      box-shadow: 0 6px 15px rgba(42, 82, 190, 0.4);
  }
  
  .read-more-btn i {
      margin-left: 8px;
      transition: transform 0.3s ease;
  }
  
  .read-more-btn:hover i {
      transform: translateX(5px);
  }
  
  .vision-mission-container {
      background: rgba(255, 255, 255, 0.95);
      border-radius: 16px;
      padding: 35px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease;
  }
  
  .vision-mission-container.animate-in {
      opacity: 1;
      transform: translateY(0);
  }
  
  .vision-mission-title {
      color: #2a52be;
      font-size: 1.8rem;
      margin-bottom: 25px;
      position: relative;
      padding-bottom: 15px;
  }
  
  .vision-mission-title:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 60px;
      height: 3px;
      background: linear-gradient(to right, #2a52be, #3a62ce);
      border-radius: 3px;
  }
  
  .vision-box, .mission-box {
      margin-bottom: 35px;
  }
  
  .vision-title, .mission-title {
      color: #2a52be;
      font-size: 1.4rem;
      margin-bottom: 15px;
      font-weight: 700;
      display: flex;
      align-items: center;
  }
  
  .vision-title i, .mission-title i {
      margin-right: 10px;
      background: #eef4ff;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #2a52be;
  }
  
  .vision-text, .mission-text {
      color: #444;
      line-height: 1.7;
      font-size: 1.05rem;
  }
  
  .mission-list {
      list-style-type: none;
      padding-left: 5px;
  }
  
  .mission-list li {
      margin-bottom: 12px;
      padding-left: 30px;
      position: relative;
      color: #444;
      line-height: 1.6;
  }
  
  .mission-list li:before {
      content: '✓';
      position: absolute;
      left: 0;
      top: 0;
      width: 22px;
      height: 22px;
      background: #eef4ff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #2a52be;
      font-weight: bold;
      font-size: 0.9rem;
  }
  
  /* Animations */
  @keyframes fadeInDown {
      from {
          opacity: 0;
          transform: translateY(-30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  @keyframes fadeInUp {
      from {
          opacity: 0;
          transform: translateY(30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); }
      70% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
      100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
  }
  
  /* Responsive adjustments */
  @media (max-width: 992px) {
      .content-container {
          flex-direction: column;
      }
      
      .leadership-column, .vision-column {
          width: 100%;
      }
      
      .section-title {
          font-size: 2.2rem;
      }
  }
  
  @media (max-width: 768px) {
      .leadership-vision-section {
          padding: 30px 20px;
      }
      
      .card-header {
          flex-direction: column;
          text-align: center;
      }
      
      .leader-info {
          padding-left: 0;
          padding-top: 20px;
      }
      
      .section-title {
          font-size: 1.8rem;
      }
  }