* {
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
    list-style: disc;
}

ul{margin:0;}
.yash{color: green}

a:hover,
a:focus {
    text-decoration: none;
}
@font-face {
    font-family: proxima-nova;
    src: url(../fonts/ProximaNova-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: proxima-nova-semibold;
    src: url(../fonts/ProximaNova-Semibold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/fontsfree-net-proxima-nova-bold-webfont.woff2') format('woff2'),
    url('../fonts/fontsfree-net-proxima-nova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/fontsfree-net-proxima-nova-xbold-webfont.woff2') format('woff2'),
         url('../fonts/fontsfree-net-proxima-nova-xbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.top-section {
    margin-top: 0px!important;
}
.read-more-btn{text-align: center;
    display: inline-block;
    box-sizing: border-box;
    text-rendering: auto;
    font-size: 17px;
    display: inline-block;
    border-radius: 60px !important;
    font-weight: 500;
    font-family: 'proxima-nova', sans-serif;
    padding: 11px 48px;
    color: #ffffff;
    background-color: #0D91FE;
    border: none;
    cursor: pointer;
    transition: all 0.6s;
    background-color: rgba(255,255,255,0.25);
    background-color: #0D91FE;
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    box-shadow: inset 0px 0px 0px 0 rgb(255 255 255 / 50%), inset 0px 0px 0px 0 rgb(255 255 255 / 50%), 0px 2px 3px #929291;}


.read-more-btn:hover{box-shadow: none; background-color: #43a9fd;;}


    .know-more-btn{padding: 6px 15px;font-size: 15px}

  body{font-family: proxima-nova, sans-serif;}

h1,h2,h3,h4,h5,h6{font-family: proxima-nova, sans-serif;}
   
.main-heading{
    color: #535A6D;
    font-size: 54px;
    margin-bottom: 30px;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 53px;
    font-family: 'proxima-nova', sans-serif!important;
    font-weight: 600;
    }


.sticky {
    position: fixed;
    top: 0;
    padding: 9px 0!important;
    background: #fff;
    z-index: 9999;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition: 0.4s all ease-in-out;
    box-shadow: 0 0 10px #6b6868;
  
}
.bg-rgba{background: rgb(234 244 255)}
.bg1{background:#e4e9ff}
.bg2{background: #caf8e0}
.bg3{background: #fdeecb}
.bg4{background:#fce1e1}
.bg6{background: #edfff7!important}
.bg5{background:#edfff7}
.bg7{background: #0d91fe}
.head-bg1{background: #69a1d0}
.head-bg2{background: #54b869}
.head-bg3{background: #d19427}
.head-bg4{background: #e56363}
.padd {
    padding: 70px 0;
}
.marg{ margin-top: 70px; 
}
.marg-b{ margin-bottom: 30px; 
}
.margin-l{margin-left: 50px;}
.mr-b-5{margin-bottom: 5px}
.mr-b-10{margin-bottom: 10px}

.mr-b-20{margin-bottom: 20px}

.mr-b-15{margin-bottom: 15px}

.mr-b-30{margin-bottom: 30px}

.mr-t-10{margin-top:  10px}

.mr-t-20{margin-top: 20px}

.mr-t-15{margin-top: 15px}

.mr-t-30{margin-top: 30px!important}
.mr-t-50{margin-top: 50px}


.mar-o{margin:0;}

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


.section-margin{margin: 50px 0; }
.color1{color: #535a6d}
/* .color2{color:#535a6d}  */
.white{color: #fff!important}
.font-16{font-size: 16px!important;font-family: proxima-nova-semibold;}
.font-18{font-size: 18px;font-family: proxima-nova-semibold;color: #535a6d;}
.font-32{font-size: 32px}
.font-24{font-size: 26px}
.font-w-5{font-weight: bold}



/******************HEARDER CSS START HERE ***********************/

.navbar-collapse {
    justify-content: flex-end;
}
header .container{max-width: 95%}

header .nav-header {
    width: 100%;
    z-index: 9999;
    padding: 40px 0;
    top: 0;
    background: #fff;
    top: 0;
    left: 0;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0!important;
}
.top-section {
    margin-top: 0px!important;
}
header .nav-header .navbar {
    padding: 0
}

header .nav-header .navbar .logo-img {
    width: 173px;
}


header .nav-header .navbar ul li a img {
    width: 10px;
    margin-left: 2px;
}

header .nav-header .navbar ul li a {
   color: #959595!important;
    font-family: proxima-nova, sans-serif;
    text-transform: capitalize;
    font-size: 16px;
}
header .nav-header .navbar ul li a:hover{color:rgba(0,0,0,.7)!important}
header .nav-header .navbar ul li a.active {
    color: #959595!important;
}

.header-social-icon ul {
    display: flex;
}
.header-social-icon ul li{
   padding: 0 10px!important;
}
.header-social-icon ul li a i {
    font-size: 16px;
}
.header-social-icon ul li:first-child  a i{ border-right: 2px solid #bfb3b3;
    padding-right: 21px;
}

a.visit-btn {
    font-weight: 500;
    border: 1px solid #007bff;
    padding: 5px 19px;
    color: #007bff;
    border-radius: 50px;
}
/******************HEARDER CSS END HERE ***********************/



/************service section  css  start here***************/

.service-section .service-div {
    display: flex;
}
.service-grid {
    text-align: center;
    position: relative;
    background: #000;
    margin-right: 10px;
}

.ser-text {
    position: absolute;
    bottom: 0;
    color: #0e0e0e;
    background: rgba(255,255,255,0.8);
    width: 100%;
    min-height: 231px;
    padding: 17px 0;
}

.ser-text h2{font-size: 27px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 12px;}

.ser-text a{color: #0d91fe;
    font-size: 16px;
    margin-bottom: 7px;
    display: block;}


/************service section  css end here***************/


/************form section  css start here***************/

section.serach-section {
   
      background: url(../images/bg-banner.webp)no-repeat;
      background-size: contain; 
     background-position: -27px -27px;    
}
.left-div{
    text-align: center;
   }
.left-div h2 {
    font-size: 54px;
    line-height: 57px;
    text-transform: capitalize;
    font-family: 'proxima-nova', sans-serif!important;
    font-weight: 600;
}
.left-div p{
    font-size: 25px;
    line-height: 26px;
    font-weight: 600;
    display: inline-block;
    }
.serach-section-iner {
  padding:15px 0px 0 0;
}
.serach-section .serach-section-iner h2,.serach-section .serach-section-iner h3,.serach-section .serach-section-iner p{color: #535a6d;}
.form-div {
    position: relative;
    display: flex;
    max-width: 700px;
    margin: 25px auto;
    align-items: self-end;
}
.form-div a{position: absolute;
    right: 0px;
    background: #ff7f42;
    display: block;
    padding: 15px 39px;
    top: 0px;
    font-size: 17px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;}
    .form-div a i{color: #fff}
.form-input {
    border: 1px solid #0d91fe;
    padding: 10px 18px !important;
    border-radius: 10px;
    outline: none;
    box-shadow: none;
	margin-right: 25px;
}
.form-div button {
    padding: 9px 41px;
    border-radius: 50px;
    background: #0d91fe;
    margin-left: 25px;
}
.form-button:hover{box-shadow: none;color: #fff}


/************form section  css end here***************/


/*************** directory stucture start ****************************************/


.grid {
    display: flex;
    align-items: self-end;
   
}
.box-1 {
       padding: 38px;
       border-radius: 12px;
       margin-top: 35px;
       min-height: 320px;
       transition: all 0.5s;
}
.box-1:hover{transform: scale(1.03, 1.03);transition:all 0.5s}
.grid-text h2 {
    font-size: 34px;
    font-family: 'proxima-nova', sans-serif!important;
    font-weight: 600;
}

.grid img {
    width: 117px;
    margin-right: 49px;
}
.grid-text p {
    font-size: 16px;
}

.grid-listing {
    display: flex;
    margin-top: 17px;
    margin-left: 9px;
    justify-content: space-between;
}

.grid-list a {
    display: block;
    color: #535a6d;
    font-size: 14px;
}

.grid-list {
}

.grid-list a i {
    margin-right: 8px;
}

.director-stucture .col-md-6:last-child  .box-1{    padding: 30px 72px; }

.director-stucture .col-md-6:last-child  .box-1 .grid-list{ margin-right: 39px }


/*************** directory stucture end ****************************************/



/************subscribe form css start here***************/


section.join-section {
    text-align: center;
    padding: 41px 0 70px;
}

.subscribe_form_iner h3 {
    font-size: 54px;
    margin: 0;
    font-weight: 600;
    
}
.subscribe_form_iner p {
    font-size: 19px;
    width: 76%;
    margin: 0 auto 47px auto;
    font-family: proxima-nova-semibold;
}

.subscribe_form_iner {
    max-width: 800px;
    margin: auto;
}

.bottom-form-div {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.bottom-form-div input {
    margin: 0 15px;
}

.bottom-form-div input a {
    margin: 0 15px;
}

.bottom-form-div a {
    margin: 0 15px;
}

/************subscribe form css end here***************/

/************ category  section  css start here***************/


.category-menu {
    padding: 30px 38px;
}

.category-menu ul {
    display: flex;
    justify-content: space-around;
    margin: 0;
}

.category-menu li  {
    color: #535a6d;
    line-height: 32px;
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    font-family: proxima-nova-semibold;
}
.category-menu li a.active{border-bottom: 2px solid #4aadfe;color: #4aadfe;}
.category-menu ul li {
    line-height: 17px;
     cursor: pointer;
}


.insight-btn {
    background: #ffb95a;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    margin: 3px 0 14px;
    display: inline-block;
}

.industry-grid h3 {
    font-size: 22px;
    color: #535a6d;
    font-family: proxima-nova-semibold;
}
.industry-head:hover {
    color: rgba(0,0,0,.7)!important;}
.industry-img{overflow: hidden;
   }
   .industry-img:hover{
    transform: scale(1.03, 1.03);
    transition: all 0.5s;
}
.industry-img{ box-shadow: 0 9px 14px 0px #c4ccc8;
    display: block;
    border-radius: 10px;}
.industry-img{transform: scale(1);display: block;transition:all 0.5s;height:234px;}


.reader-list{display: flex;
list-style: none;
    margin-bottom: 13px;}


.reader-list li{margin-right: 23px;color: #535a6d;font-size: 13px;}
.reader-list li img {
    margin-right: 9px;
    display: inline!important;
    width: auto!important;
}
.reader-list li a{color:#535a6d}
.industry-insight .owl-carousel .owl-dots{text-align: center;
    margin-top: 30px;}
.industry-insight .owl-carousel .owl-dots button.active{background: #cacaca;outline: none;}
.industry-insight .owl-carousel .owl-dots button{
       width: 12px;
       border-radius: 50px;
       border: 1px solid #cacaca;
       height: 12px;
       margin-right: 9px;
       outline: none;
       }

.how-div {
  padding: 37px 29px 38px;
  background: url(../images/bg-banner2.jpg)
  
}
.how-text h2 {font-family: 'proxima-nova', sans-serif!important;font-size: 36px;font-weight: 600;}
.how-div p {
    font-size: 30px;
}

.how-div p {
    font-size: 26px;
}

.how-div img{position: absolute;
    right: 17px;
    bottom: 0;
    width: 160px;}


/************ category section  end end here***************/


/***************** content section css start here *******************************/

.sub-head {
    font-weight: bold;
    font-size: 29px;
    font-family: 'proxima-nova', sans-serif!important;
    font-weight: 600;
}

.webinar-div{padding: 40px 102px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 0px 0 rgb(255 255 255 / 50%), inset 0px 0px 0px 0 rgb(255 255 255 / 50%), 0px 1px 3px #929291;}

    .webinar-img img {
    border-radius: 16px;
    
}
 .webinar-img{position: relative;}
.overlay{position: absolute;
    top: 0;
    width: 100%;
    border-radius: 20px;
    height: 100%;
    background: rgb(90 85 85 / 50%);}

    .video-icon{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;}
.webinar-grid{cursor: pointer;}

.webinar-grid p {
    font-size: 18px;
    font-weight: bold;
}
.webinar-img{transition: all 0.5s;border-radius: 0px}
.webinar-img .overlay{overflow: hidden;}
.webinar-img:hover{transform: scale(1.02, 1.02);transition: all 0.5s;transition: all 0.5s}

    .webinar-div .owl-nav .owl-prev{
       position: absolute;
       top: 10%;
       width: 33px;
       height: 33px;
       left: -117px;
       transform: translateY(-50%);
    }

    .webinar-div .owl-nav .owl-prev:before{
     content: "\f104";
     font-family: 'FontAwesome';
     font-size: 51px;
     color: transparent;
     }
    .webinar-div .owl-nav .owl-next {
    position: absolute;
    top: 2%;
    width: 30px;
    height: 30px;
    right: -43px;
  }
    .webinar-div .owl-nav .owl-next:before{
     content: "\f105";
     font-family: 'FontAwesome';
     font-size: 51px;
     color: transparent;
     }

  .owl-nav button:focus{outline: none}

.slide-blog {
    margin: 40px 0;
}


.left-slide-grid {
    padding: 30px 38px;
    border-radius: 11px;
       height: 297px;
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 0px 0 rgb(255 255 255 / 50%), inset 0px 0px 0px 0 rgb(255 255 255 / 50%), 0px 1px 3px #929291;

}
.left-slide-grid h3 {
    margin: 13px 0px;
    color: #535a6d;
    font-weight: 600;
    font-size: 28px;
    font-family: 'proxima-nova', sans-serif!important;
}

.left-slide-grid p {
    color: #535a6d;
}


.left-slide-grid > img {

    text-align: center;
   
}


.slide-btn {
    border: 1px solid #0d91fe;
    padding: 7px 16px;
    border-radius: 50px;
    color: #0d91fe;
    font-size: 15px;
    display: inline-block;
}
.left-slide-grid p {
        font-size: 15px;
        margin: 0;
        height: 82px;
        font-family: proxima-nova-semibold;
}
.examples {
     position: absolute;
    right: 8px;
    top: 3px;

}
img.img-fluid.template-img {
    position: absolute;
    right: 21px;
    top: -30px;
}



/***************** grab section css end here *******************************/


/********************* footer css start here *****************************/


.pt-foot-bg {
    background: url(../images/footer-v2.webp) no-repeat;
    background-size: cover;
    background-position: top 0 right 0;
    background-color: #fbfbf9;
    padding: 5rem 3.5rem 4.2rem;
}
.mar-rt-4 {
    margin-right: 4px;
}
.pt-footer a:hover {
    color: #828282;
}

.alinksupp:hover {
    color: #908d8d;
    text-decoration: underline!important;
}
#suppLinkFoot:hover {
    text-decoration: underline!important;
}

.pt-footer a {
    color: #656565;
    cursor: pointer;
    line-height: 1.6;
}

canvas, img, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}


.pt-footer a {
    color: #656565;
    cursor: pointer;
    line-height: 1.6;
    font-size: 16px;
}

.f-bold {
    font-weight: 700;
}
.font-24 {
    font-size: 24px;
}

.pt-footer ul li {
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
}
.mar-bot-10 {
    margin-bottom: 10px;
	margin-top:20px;
}

address, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 20px 0;
}

.pt-phone-no-foot button {
    font-size: 14px!important;
    background: transparent;
    border: 0;
    padding: 0;
    color: #736e6a;
}

.mar-top-10 {
    margin-top: 10px;
}
.font-15 {
    font-size: 15px;
}
.pt-foot-bg ul{padding-left: 0px;
list-style: none;}
.pt-footer span img {
    padding: 0 0 15px 15px;
    padding-left: 0px;
}

/********************* footer css end here *****************************/



/*============================
yograj designer css start here
==============================*/
.grid-list a:hover {
       color: #0f6ecd;
    text-decoration: underline;
}
.category-menu li a:hover {
    color: #4aadfe;
}

.form-input:focus {
    outline: none;
    box-shadow: none;
}

.more-view a:hover {
   color: #6fb7f3;
    border: 1px solid #6fb7f3;
}
.insight-btn:hover {
    color: #fff;
}
.slide-btn:hover {
   color: #6fb7f3;
    border: 1px solid #6fb7f3;
}
.industry-grid p {
    font-size: 19px;
}
.pt-footer a:hover {
    color: #828282;
}
.category-menu ul.nav {
    border: none;
}
.category-menu ul.nav li button {
    border: none;
    background: none;
}

.category-menu ul.nav li button.active {
    background: none;
    border-bottom: 2px solid #0d91fe;
}
.category-menu ul.nav li button:focus {
    outline: none;
}
.category-menu ul.nav li button {
    font-size: 19px;
    color: #535a6d;
    font-family: 'proxima-nova-semibold';
}
.category-menu .nav-link {
    padding: 0px;
    line-height: 30px;
}
.uix-tabs__content {
    display: none;
    padding: 1.3125rem;
    text-align: left;
}
.uix-tabs__content.active {
    display: block;
}
.category-menu ul li a.activelink {
    background: none;
    border-bottom: 2px solid #0d91fe;
}
section.content-section .owl-nav button.owl-prev span {
    font-size: 90px;
    color: #f19393;
}

section.content-section .owl-nav button.owl-next span {
    font-size: 90px;
    color: #f19393;
}
.dropdown-menu-wrap {
    position: absolute;
    background: #fff;
    top: 100%;
    right: 0;
    width: 700px;
    padding: 26px 49px;
    border: 1px solid rgba(0,0,0,.15);
    display: none;
}

li.nav-item.dropdown {
    position: relative;
}
.dropdown-menu-wrap .col-md-6:nth-child(1) {
   border-right: 1px solid #ececec;
}
.dropdown-menu-wrap .col-md-6:nth-child(2) {
   padding-left: 49px;
}

.dropdown-menu-wrap .col-md-6:nth-child(3) {
    border-right:1px solid #ececec;
}

.dropdown-menu-wrap .col-md-6:nth-child(4) {
    margin-top: 15px;
    padding-left: 49px;

}

.dropdown-menu-wrap .category-menu-list ul.mega-menu li.dropdown-item-heading {
    font-size: 20px;
    color: #EF8D8D!important;
    font-family: 'proxima-nova-semibold';
    margin-bottom: 3px;
    line-height: 20px;
    border-spacing: 15px;
}

.dropdown-menu-wrap .category-menu-list ul.mega-menu li a {
   color: #1e87f0!important;
    font-size: 14px;
}

.dropdown-menu-wrap .category-menu-list ul.mega-menu li a:hover{color: #0f6ecd!important;text-decoration: underline;}
.dropdown-menu-wrap .category-menu-list ul.mega-menu li {
    padding: 0px 0px;
        line-height: 20px;
}

ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu-wrap {
    display: block;
    opacity: 1;
}

/*============================
yograj designer css end here
==============================*/

.first-modal{top: 44px!important;}
.category-menu-2 ul {
    display: flex;
    justify-content: center;
    margin: 0;
}
.category-menu-2 ul li.activelink {
    background: #cacaca;
    border-bottom:none!important;
    width: 11px;
    height: 11px;
    border-radius: 50px;
}
.category-menu-2 li {
    color: #535a6d;
    width: 11px;
    height: 11px;
    border-radius: 50px;
    display: inline-block;
    font-family: proxima-nova-semibold;
    border: 1px solid #cacaca;
    margin: 0 7px;
}


/*******************inner page css start here ******************/


/* .child-left {
        max-width: 290px;
}
 */
.top-section .breadcrumb-div {
    padding: 13px 0;
}
section.top-section {
    border-bottom: 1px solid #f7f7f7;
}

section.top-section .breadcrumb{
    background: none;
    padding: 0;
    margin: 0;
    }
.top-section h2{color: #fff}
section.top-section .breadcrumb li a{
   color: #858585;
   font-size: 13px;
   }
   section.top-section .breadcrumb li {
   color: #858585;
   font-size: 13px;
   }
    section.top-section .breadcrumb li a:hover {
    	text-decoration: underline;
   }

section.top-section .breadcrumb li.active{
   color: #858585;
   }

top-section .breadcrumb-item::before{color: #ffffff!important;}

.breadcrumb-item+.breadcrumb-item::before{ display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #858585;
    font-family:   "Font Awesome 5 Free";
    font-weight:bold;
    content: '\f105';}

    .resource-center .form-div{width: 100%}
  .search-icon {
    position: absolute;
	  padding:0!important;
	      border: none;
	  border-radius: 0!important;
    cursor: pointer;
    right: 1px;
     text-align: center;
     border-bottom-right-radius: 10px!important;
    top: 50%;
    width: 51px;
    height: 46px;
    border-top-right-radius: 10px!important;
    transform: translateY(-50%);
    background: #0d91fe;
    display: inline-block;
}

.search-icon img {
   margin-top: 12px;
}


.mb-0 > a {
  display: block;
  position: relative;
}
.mb-0 > a:after {
 font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    color: #535a6d;
    font-size: 11px;
   left: -13px;
     content: "\f067";
}
.child-left .card-body ul li{position: relative;margin: 2px 0;}
.child-left .card-body ul li a{ color: #535a6d;}
.child-left .card-body ul li a:hover{text-decoration: underline;}

.child-left .card-body ul li:after {
 font-family: 'Font Awesome 5 Free';
 font-weight: bold;
 position: absolute;
 color: #535a6d;
 font-size: 6px;
 left: -14px;
 top: 7px;
 content: "\f111";
}
.mb-0 > a[aria-expanded="true"]:after {
  content: "\f068"; /* fa-chevron-up */
}
.child-left .card {
    border: none;
    margin-left: 7px;
}
.child-left .card-header {
        background: none;
    border: none;
}
.child-left .card-header a {
       font-size: 16px;
       padding: 6px 10px;
       color: #535a6d;
}

.child-left .card-header {
    background: none;
    border: none;
    padding: 6px;
    border-radius: 3px;
}
.child-left .card-header a:hover{text-decoration: underline;}

.child-left .card-body {
padding: 0;
    margin-left: 56px;
}

.sub-grid {
    display: flex;
    padding: 19px;
    border-radius: 8px;
    width: 70%;
    align-items: self-end;
     transition: all 0.5s;
}
.sub-grid:hover {
    transform: scale(1.03, 1.03);
   
}
.sub-grid-text {
    margin-right: 12px;
}

.sub-grid-text h3 {
    margin: 0;
    font-weight: bold;
    font-size: 22px;
}

.sub-grid-text  a i{  margin-left: 8px;}

.more-view a {
    border: 1px solid #0d91fe;
    padding: 8px 98px;
    border-radius: 50px;
    color: #0d91fe;
    font-size: 15px;
    display: inline-block;
}
.sub-grid-text p {
    font-size: 13px;
    margin: 7px 0;
}

.sub-grid img {
    width: 64px;
    margin-top: 17px;
}
.side-form .side-img1{padding: 6px 6px 0 10px;
    background: #bdc8f6;
    border-radius: 10px;}
    .side-form .side-img2{padding: 6px 6px 0 10px;
    background: #89e5b5;
    border-radius: 10px;}

.side-form-text {
    text-align: center;
    padding: 20px;
}

.side-form-text h3 {
    font-size: 23px;
    font-weight: bold;
}
.submit-btn {
    border: 1px solid #0d91fe;
    padding: 7px 0px;
    border-radius: 50px;
    color: #0d91fe;
    font-size: 15px;
    width: 100%;
    display: inline-block;
}
.submit-btn:hover{color: #6fb7f3;
    border: 1px solid #6fb7f3;}

.comment-form {
    border: 1px solid #0d91fe;
    padding: 20px;
    border-radius: 10px;
}
.comment-form .submit-btn{box-shadow: inset 0px 0px 0px 0 rgb(255 255 255 / 50%), inset 0px 0px 0px 0 rgb(255 255 255 / 50%), 0px 2px 3px #929291}

 .comment-form .submit-btn:hover{box-shadow: none;
    background-color: #43a9fd;}
.comment-form .form-input {
    border: 1px solid #ced0d2;
    padding: 10px 10px 10px 20px!important;
	background:#fff;
    border-radius: 10px;
}
.comment-form textarea{height: 177px}

.review-box{
    text-align: center;
    border: 1px solid #ced0d2;
    padding: 20px 0;
    transition: all 0.5s;
}
.review-box:hover{transform:scale(1.03, 1.03)}
.star {
    color: #fbb101;
    margin: 10px  0;
}

.star i {
    font-size: 25px;
}

.right-div h2{font-size: 34px;}
.right-div p{color: #535a6d}

li.mar-bot-10 a {
    color: #666666!important;
    font-size: 22px;
    font-family: 'proxima-nova', sans-serif!important;
    font-weight: 600;
}


.table-heading {
    display: flex;
    justify-content: space-between;
    background: #ef8d8e;
    padding: 12px 25px;
    cursor: pointer;
    border-radius: 5px;
	align-items: center;
}

.table-heading i {
   font-size: 26px;
    color: #fff;
    margin-right: 13px;
}

.table-content {
    background: #fce1e1;
    border-radius: 5px;
}
.table-content span p{top:5px;right:20px;font-size:20px;color:white;}
.table-heading h2 {
    font-size: 34px;
    margin: 0;
    color: #ffff;
}
.table-content ul{padding: 30px;}


.table-content ul li a{color: #535a6d;}

.table-content ul li a:hover{text-decoration: underline;padding-bottom: 4px}




.table-content ul li {
    margin: 5px 0;
    color: #535a6d;
    font-size: 16px;

}

.plan-list ul li {list-style: inside; font-size: 16px;}

.plan-list ul li::marker {
    color: #ffb95a;

}

.right-div p{font-size: 17px}
.score{overflow: auto;
    padding: 27px 34px;}
.score img{
        float: right;
    width: 170px;}

.score ul li i {
    font-size: 13px;
    margin-right: 9px;
    color: #00a63a;
}
.score h3{font-family: 'proxima_novaextrabold'}
.score .more-view a{padding: 8px 49px;}
.pricing{padding: 35px 40px;}
.book-seller {
    border-left: 3px solid #00a63a;
    padding: 20px 30px;
}



.table-div table th {
    border-top: none;
}

.width-27{width: 27%}
.table-div table tr td:first-child {
    border-right: 1px solid #dee2e6;
    ;font-weight: bold;
}
.table-div table tr td{font-size: 15px;color: #535a6d}
.promte-div .fa-times, .promte-div .fa-check {
    float: left;
    margin-right: 11px;
    margin-top: 6px;
    color: #00a63a;
}

.promte-div p {
    overflow: auto;
}

.tabing {
    display: none;
    text-align: left;
    padding: 27px 20px;
}
.tabing.activetab {
    display: block;
}
.essay-tabs .essay-ul li a.activeessay {
    background: none;
    border-bottom: 2px solid #ef8d8e;

}
.essay-tabs{transition: 0.5s}
.essay-tabs:hover{transform:scale(1.03, 1.03);}
.essay-tabs .essay-ul {
    display: flex;
    background: #e4e9ff;
    padding: 17px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.essay-tabs .essay-ul li {
    margin: 0 19px;
}
.essay-tabs .essay-ul li a {
    color: #535a6d;
    font-weight: bold;
    font-size: 17px;
}

.essay-grid {
    padding: 15px;
    border-left: 4px solid #0d91fe;
}
.essay-tabs {
    border: 1px solid #0d91fe;
    border-radius: 10px;
}
ul.thesis-ul {
    margin-left: 20px;
}

ul.thesis-ul li i {
    margin-right: 11px;
}
ul.thesis-ul li:first-child  i{color:#f44336}
ul.thesis-ul li i{color:#00a63a
    font-size: 15px;
}
.twitter-div{padding: 35px;transition: all 0.5s}
.twitter-div:hover{transform: scale(1.03, 1.03);}
.twitter-div h3 i {
    font-size: 24px;
    margin-right: 10px;
}

.lastly-grid{padding: 35px;
    border-left: 4px solid #0d91fe;}


    .academic-check-div label{margin-left: 10px;
    line-height: 24px;}

    .academic-check-div .custom-checkbox .custom-control-label::before{top: -1px;
    width: 25px;
    height: 25px;
    background-color: #f9f9f9;}

    .academic-check-div .custom-control-label::after{width: 25px;
    height: 25px; top: -1px;}
    .academic-check-div {
    border: 1px solid #efefef;
    padding: 26px;
}

.quiz-head {
    background: #ff9b38;
    padding: 11px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.quiz-head img {
    width: 31px;
    margin-right: 8px;
}

.quiz-head h3 {
    margin: 0;
}

.quiz-head h3 {
    color: #fff;
    font-weight: bold;
}

.quiz-grid.text-center {
    background: #ffb95a;
    border-radius: 10px;
    margin-bottom: 55px;
    transition: all 0.5s;

}

.quiz-grid:hover{transform: scale(1.03, 1.03)}
.text-quiz{padding: 36px 82px}
.text-quiz .more-view  a{ border: 1px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;}

 {
    padding: 40px 84px;
    color: #fff;
}

.text-quiz p {
    color: #fff;

}
.frequently-ques {
    margin-bottom: 55px;
}
.frequently-ques .card{border: none;}
.frequently-ques .card-header{border-bottom: none}
.frequently-ques .card-header, .card-link,.card-link:hover{background-color: #f9f9f9;
    text-align: left;
    color: #535a6d;
    display: block;}
    .frequently-ques .card-header, .card-link,.card-link p b{color:#535a6d }
.frequently-ques .card-body{padding:10px 10px;}
.frequently-ques p{position:absolute;top:10px;right:20px;font-size:20px;color:white;
-webkit-animation: minus 0.5s;}

@keyframes minus {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {display: none;}

.share-social-meadia .share-grid .read-more-btn{padding: 10px 24px;color: #fff}
.share-social-meadia .share-grid .read-more-btn i{ margin-right: 8px;}
.share-social-meadia .share-grid a {
    margin: 0 8px;
}
.share-social-meadia {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f3eeee;
    padding-bottom: 20px;
}
.share-social-meadia .share-grid a {
    margin: 0 8px;
    color: #c4bac4;
}

.pagination .pagination-btn{background: #e4e9ff;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 50px}

    .pagination .pagination-btn i{    line-height: 50px;
    color: #fff;}

    .pagination span{margin: 16px 11px 0 11px;
    color: #535a6d;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;}

    .editor-img {
    float: left;
    margin-right: 26px;
}
.active-menu{
    background: none;
    border-bottom: 2px solid #0d91fe;
    padding-bottom: 10px;
}
section.tabs {
    overflow: hidden;
}
.active-tab
  {
     transform: translateX(0)!important;
      display:block!important;
      animation: moveLeft 600ms ease}
  
@keyframes moveLeft
{

  0%
   { transform: translateX(100vw);
    opacity: 0;transition:0.5s;}
  100%
   { transform:translateX(0);
    opacity: 1;transition:0.5s;}
}
   
  
.tab-content .container
 {position: relative;}

.tab-content{min-height: 715px}
.slide
  {transform: translateX(100vw);
  position: absolute;    padding: 0 3px;
}


.editor-text{ overflow: auto;
    margin-left: 30px;}
    .editor-text h4 {
    font-size: 19px;
}

    .article-author {
    display: flex;
    justify-content: space-between;
}
.contributor-grid span {
    margin-right: 15px;
}

.contributor-grid img {
    width: 36px;
    margin-right: 10px
}
.editor-bg {
    background: #f9f9f9;
    padding: 20px 30px;
    box-shadow: 0px 10px 6px -5px #ececec;
}
.suggestions-box{ width: 100%;
    border: none;
    padding: 30px 29px 63px 37px;
    box-shadow: none;
    background: #f9f9f9;}

    .editor-text button{ float: right;
    padding: 9px 41px;
    border-radius: 50px;
    background: #0d91fe;
    margin-left: 25px;}

    .comment-box .comment{
    border-bottom: 1px solid #f3eeee;
    display: block;
    padding-bottom: 5px;
}
.comment-box .inner{display: none;}
.comment-box .show{display: block!important;}
.line{border-bottom: 1px solid #f3eeee;
    padding: 25px 0;}


    .comment-box .editor-img img {
    width: 49px;
}

.comment-box .editor-text p {
    font-size: 15px;
    margin: 0;
}

.comment-box .editor-text h4 {
    font-size: 19px;
}
    

.like-comment a {
    margin-right: 13px;
    color: #afbbd4;
}
   .like-comment a:nth-child(2) i{ position: relative;
    top: 4px;
    }
    .like-comment a i{margin-right: 8px;}

.helful-div {
    justify-content: center;
    display: flex;
    padding: 26px 0;
}

.helpful-text {
    margin-right: 15px;
}
.helpful-text p{line-height: 39px;
    margin-right: 25px;}

.social-img-grid a {
    display: block;
    margin-top: 10px;
}

.social-img-grid {
    margin-top: 33px;
    position: fixed;
    z-index: 9999;
}


.smily-grid a {
    background: #befde1;
    display: inline-block;
}


.reading-box .col-md-3{margin-top: 40px}
.continue-reading .main-heading{margin: 0}
.continue-reading p{ font-family: 'proxima-nova-semibold';font-size: 19px}
.table-sticky{
    position: fixed;
    z-index: 999999;
    top: 75px;
    width: 730px;
}
.continue-reading .bg1{background: #00a63a}
.continue-reading .bg2{background: #235884}
.continue-reading .bg3{background: #e9444a}
.continue-reading .bg4{background: #ffb95a}

.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target{background: #edfff7!important}
      

.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-1.bellows-active > .bellows-target{background: #edfff7!important}

.bellows.bellows-skin-blue-material .bellows-nav  .bellows-item-level-1 >.bellows-target{margin-top: 8px}

.child-left .card-body ul li a.active {
    color: #0d91fe!important;
}
ol.comment-list li {
    list-style: none;
}


footer.comment-meta .comment-author b.fn {
    font-size: 19px;
    color: #535a6d;
}
p#breadcrumbs a {
    color: #0d91fe !important;
} 

.grid {
    align-items: flex-start !important;
}

 /** new optimize css **/
@media(max-width:600px){
	section.serach-section {
     background: url(../images/bg-banner-mobile.webp)no-repeat;  
}
}
#mega-menu-item-19220 ul.mega-sub-menu {
    max-width: 100% !important;
    min-width:250px!important;
}
/** foregroud css **/
header .nav-header .navbar ul li a {
    color: #545454 !important;
}
.read-more-btn{
   background-color: #014689;
}
.moreviewtab.text-center,.more-view a,.slide-btn {
    border: 1px solid #014689;
    color: #014689;
}
.moreviewtab.text-center{
	border: 1px solid #014689 !important;
}
.moreviewtab.text-center a {
    color: #014689;
}
.moreviewtab.text-center:hover,.more-view a:hover,.slide-btn:hover {
    border: 1px solid #0d91fe;
    color: #0d91fe;
}
.moreviewtab.text-center:hover a {
    color: #0d91fe;
}
.moreviewtab.text-center:hover{
	border: 1px solid #0d91fe !important;
}
/** foregroud css **/