@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,500&family=Noto+Sans:wght@400;700&display=swap&display=swap');

body{line-height:1.7;font-size:18px;padding: 0;font-family: 'Montserrat', sans-serif;}

*:focus{outline:none;}
a:hover{color:#000;text-decoration: none;}
/* a{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-decoration: none;} */
figure{margin:0;}
span,a,h1,h2,h3,h4,h5,h6{margin:0px;line-height:1.5;text-decoration: none;font-family: 'Montserrat', sans-serif;}

img{max-width:100%;}
ol, ul {list-style: none;}
.mr-auto, .mx-auto {margin-right: auto!important;}
a{text-decoration: none!important;}
label{font-family: 'Noto Sans', sans-serif;}

/*==================================================
 CSS Start Here
 ==================================================*/
header.header { position: fixed; top: 0; left: 0;  right: 0; z-index: 99;}
header.inner-header{position: static;}
header nav {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center;  -ms-flex-align: center; align-items: center; margin-top: 10px; /* transition: 0.5s; */background: transparent; padding: 5px 0px 5px 20px;justify-content: space-between;}
.inner-header a.logo {max-width: 110px;}
a.logo {max-width: 100px;  transition: 0.5s;}
header.inner-header nav.sticky { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index:98;margin-top: 0px;}
.header nav.sticky{padding: 5px 0px 5px 0px; margin-top: 0px;}
.menu-right{padding: 14px 6px 13px; background-color: #666;margin-top: 0px;}
.menu-right ul { display: flex;}
.menu-right ul>li>a { font-size: 21px; font-weight: 600; color: #fff; padding: 0px 14px;  text-transform: uppercase;}
.menu-right ul>li>a:hover{ color: #55bcfd}
.menu-right ul>li.active a {color: #55bcfd;}
nav.sticky .menu-right ul>li>a { font-size: 21px;}
.inner-menu{background-color: #fff;color: #231F20;}
.inner-menu ul li a{color: #231F20; }
.inner-menu ul li a:hover{color: #1281c7;}
.inner-menu ul li a .active{color: #1281c7;}
header.inner-header{background-color: #fff;box-shadow: 0px 3px 6px #0000000F;}
.menu-right.inner-menu .sub_menu{background:#1281c7;visibility: hidden;transform: translateY(-5rem);opacity: 0;position: absolute;top: 11.8rem;transition: 0.3s;border-radius: 0rem;z-index: 1;min-width: 20rem;/* border: 0.1rem solid var(--black); */padding: 2rem;}
.menu-right.inner-menu .sub_menu a {font: normal 1.6rem/2.6rem var(--font-poppins);color:#fff;padding-bottom: 1.4rem;display: block;}
.menu-right.inner-menu .sub_menu a:hover {color:#fff;  }
.menu-right.inner-menu .drop_menu_sub img {padding-left: 1rem;transform: rotate(88deg);padding-top: 0rem;margin-top: -16px;filter: brightness(0.5);}

.sub_menu {background:#1281c7;visibility: hidden;transform: translateY(-5rem);opacity: 0;position: absolute;top: 11.5rem;transition: 0.3s;border-radius: 0rem;z-index: 1;min-width: 20rem;/* border: 0.1rem solid var(--black); */padding: 2rem;}
.sub_menu a {font: normal 1.6rem/2.6rem var(--font-poppins);color:#fff;padding-bottom: 1.4rem;display: block;}
.sub_menu a:hover {color:#fff;  }
.drop_menu_sub:hover .sub_menu {visibility: visible;opacity: 1;}
.drop_menu_sub img {padding-left: 1rem;transform: rotate(88deg);padding-top: 0rem;margin-top: -16px;}
.sticky .menu-right ul .drop_menu_sub .sub_menu {top: 10rem;}

/*============Mobile Menu===============*/

.mobile-menu{display: none;}
.mobile-menu {position: fixed; top: 0; right: 0px; bottom: 0; background: #fff; height: 100vh; max-width:350px; width: 100%;  z-index: 999; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .5s;  transform: translateX(350px);}
.mobile-menu.side_open {transform: translateX(0px);transition: 0.5s;}
.mobile-menu h4 {font-size: 16px; color: #000; font-weight: 500; text-transform: uppercase; padding: 14px 0px; border-bottom: 1px solid #ddd; position: relative;}
.mobile-menu .sub-menu ul li a {color: #000; font-size: 15px; font-weight: 400; padding: 7px 0px 7px; display: block; /*border-bottom: 1px solid #ddd;*/}
.mobile-menu .sub-menu ul li { padding: 0px 10px; }
.mobile-menu.visiable { visibility: visible; right: 0;}
.mobile-menu .sub-menu ul {border-bottom: 1px solid #ddd; padding: 10px 0px;}
.mobile-menu .sub-menu{display: none;}
.mobile-menu h4:after {content: "+"; font-size: 26px;  position: absolute; right: 0; top: 8px; color: #666;}
.mobile-menu h4.up-aarow:after{content: "-"; top: 5px; font-size: 30px;}
.mob-menu>a{font-size: 15px; color: #000;  text-transform: uppercase; padding: 10px 0px; border-bottom: 1px solid #ddd; display: block;}
.mob-menu>a:hover,.mobile-menu .sub-menu ul li a:hover { color: #fff;}
.mob-menu {max-height: 100%; overflow: auto;}

a.closed {width: 17px; height:17px; position: absolute; top: 30px; right: 30px;display: block; text-align: center;}
.menu-right ul{margin-bottom: 0;margin-right: 20px;}
nav.sticky a.logo {max-width: 80px; transition: 0.5s;}
nav.sticky .menu-right{margin-top: 0px;}
nav.inner-stl {background: #ffffff;box-shadow: 0 0 10px #ddd;}
.header nav.sticky {padding: 5px 0px 5px 20px;background:#fff; box-shadow: inherit;box-shadow: 0 0 10px #ddd;}


/*-------comman-slider--------------*/
.comman_slider .owl-dots { position: absolute;bottom: 1%;right: 4%;width: 100%;text-align: right;}
.comman_slider .owl-dot span {width: 11px;height: 11px;background: rgb(255 255 255 / 80%);display: inline-block;margin: 0;border-radius: 100%;margin-right: 8px;}
.comman_slider .owl-dot.active span{background: #FFD500;}
.mobile-icon{display: none;}
.education_skill_img .owl-dots {
    bottom: 6%;
}

.mobile-icon {
    margin-left: 15px;
    width: 24px;
    margin-right: 25px;
}