@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css'); 



 

 





























 


































a.cta_button{box-sizing: border-box !important;}

.btn-group{}
.btn-group > div{display:inline-block;margin:0 6px;vertical-align:middle;}
.btn-group > div:first-child{margin-left:0; margin-bottom:5px;}
.btn-group > div:last-child{margin-right:0; margin-bottom:5px;}

[class*="button-"] a{border:solid 2px; padding:7px 15px; display:inline-block;font-size:18px;font-weight:700;min-width:212px;text-align:center;border-radius:8px 0;} 

.btn_style a{background-color:#EFE9B3;color:#0D2144; border-color:; padding: 10px 20px; display: inline-block; border-radius: 10px; min-width:150px; text-align:center; }
.btn_style a:hover { background: #F8761F; color: #fff; }

.btn_style2 a { background-color:#051f46; color:#fff;padding: 10px 20px; display: inline-block; border-radius: 10px; min-width:150px; text-align:center; }
.btn_style2 a:hover { background-color:#F8761F ; color:#fff; }

.btn_style3 a { background-color:#986524; color:#ffffff;padding: 10px 20px; display: inline-block; border-radius: 10px; min-width:150px; text-align:center; }
.btn_style3 a:hover { background-color:#cccccc ; color:#ffffff; }

.btn_style4 a { border:1px solid #051f46 ; color:#051f46;padding: 10px 20px; display: inline-block; border-radius: 10px; min-width:150px; text-align:center; }
.btn_style4 a:hover { background-color:#051f46 ; color:#fff; }

.link_style a{color:#F8761F; text-transform:uppercase; font-weight:700; font-size:18px;position:relative;padding: 0 23px 0 0;display:inline-block;}
.link_style a:hover{color:#F8761F;}


@media (max-width:1199px){
    [class*="button-"] a{padding:8px 15px;}
}

@media (max-width:991px){
    .btn-group > div{display:block; margin:0 0 8px;}
}

@media (max-width:767px){
    [class*="button-"] a{font-size: 14px;}
}

form label { color:#313131; }
input , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; outline:none !important; margin:0 0 15px; border-width:0px; border-style: solid; border-color:#f2f2f2;  background:#f2f2f2; height:52px; padding:10px 15px; font-size:16px; line-height:24px; width:100%; display:inline-block; -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;; border-radius:10px; }
input[type=submit] , form button,.hs-button { width:auto; float:none; display:inline-block; font-size:20px; line-height:26px; cursor:pointer; height:auto; padding:12px 25px; min-width:180px; border:none; outline:none; color:#0D2144; background-color:#EFE9B3; border-radius:0px; -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;;  border-radius:10px; }
input[type=submit]:hover , form button:hover,.hs-button:hover { color:#ffffff; background-color:#F8761F; }

ul.hs-error-msgs { padding: 0; margin: 0; list-style: none; width: 100%; text-align: left; font-size: 16px; }
ul.hs-error-msgs label { color:#f00 !important; text-shadow:none; }

input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#313131; font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px;}
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder { color:#313131; font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px;}
input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder { color:#313131; font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px;}
input:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder { color:#313131; font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; opacity:1; font-size:19px; line-height:26px; }

.form_style { width:100%; display:inline-block; vertical-align:top; }
.form_style form { width:100%; position:relative; }

.hs_error_rollup { display: none; }
/* Homepage */




/** 
 * Box Shadow  
 *
 *  
 */




/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */



.mainmenu .hs-menu-wrapper > ul > li > a:link , .mainmenu .hs-menu-wrapper > ul > li > a:visited { padding:0 34px; line-height:19px; color:#fff; }
.mainmenu .hs-menu-wrapper > ul > li:hover > a { color:; }
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.megamenu a:after { position:absolute; content:""; display:inline-block; vertical-align:middle; top:9px; right:10px; background:url(//46356205.fs1.hubspotusercontent-na1.net/hubfs/46356205/raw_assets/public/aspire-digital/images/down-arrow.png); height:10px; width:16px; }
.mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.megamenu ul.hs-menu-children-wrapper li a:after { display:none; }

header.header { display: inline-block; width: 100%; vertical-align: top; background: var(--primary_color); position:fixed; top:0; z-index:99; }
header.header .top_strip { background: var(--color_5); padding: 10px 0; }
header.header .top_strip .strip_wrap { display: flex; align-items: center; flex-wrap: wrap; }
header.header .top_strip .strip_wrap .new { padding-right: 15px; }
header.header .top_strip .strip_wrap .new a { display: inline-block; width: auto; padding: 5px 10px; background: var(--primary_color); border-radius: 20px; font-size: 12px; color: #fff; line-height: 16px; }
header.header .top_strip .strip_cont .text a { color:var(--body_color); font-size: 15px; line-height: 20px; padding-right: 30px; position:relative; }
header.header .top_strip .strip_cont .text a:before { position: absolute; content: ""; top: 5px; right: 0; background:url(//46356205.fs1.hubspotusercontent-na1.net/hubfs/46356205/raw_assets/public/aspire-digital/images/right-arrow.png)no-repeat center/cover; width:24px; height:12px; transition:all .4s ease-in-out; }
header.header .top_strip .strip_wrap .new a:hover { background: var(--secondary_color); }
header.header .top_strip .strip_cont .text a:hover { color:var(--teritary_color); }
header.header .top_strip .strip_cont .text a:hover:before { right:-5px; }
header.header .header_main .header_wrap { display: flex; align-items: center; flex-wrap: wrap; }
header.header .header_main .header_wrap .logo a { display: flex; align-items:center; line-height: 1 }
header.header .header_main .header_wrap .logo { width: 280px; }
header.header .header_main .header_wrap .logo img { transition:all .4s ease-in-out; }
header.header .header_main .header_wrap .right_part { width: calc(100% - 300px); padding-left: 50px; display: flex; align-items: center; flex-wrap: wrap; }
header.header .header_main .right_part .menu_wrap { width: 70%; padding-right: 15px; }
header.header .header_main .right_part .sign_demo { width: 30%; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul { padding: 0; margin: 0; list-style-type: none; display: flex; align-items: center; justify-content: center; }
header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul li { display: inline-block; cursor: pointer; padding: 40px 0; height: 100%; transition:all .4s ease-in-out; }
header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul > li > a{ position: relative; }
header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul > li > ul { display: none; }
header.header .header_main .header_wrap .right_part .sign_demo .sign_in { padding-right: 15px; }
header.header .header_main .header_wrap .right_part .sign_demo a:hover { color: #fff; }

header.header .header_main .container .product_megamenu { background-color:#faf8f6; position: absolute; left: 0; right: 0; width: 100%; top: 100%;opacity: 0;visibility: hidden;pointer-events: none;padding: 30px 0; z-index: 1; transition:all .5s ease-in-out; }
header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul > li:hover .product_megamenu { opacity: 1; visibility: visible; pointer-events: inherit; }
header.header .header_main .container .product_megamenu .megamenu_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1200px; margin: 0 auto;}
header.header .header_main .container .product_megamenu .megamenu_wrap .left_part { width: 70%; padding-right: 15px; border-right: 1px solid rgba(0, 0, 0, .1); }
header.header .header_main .container .product_megamenu .right_part { width: 30%; padding-left: 20px; }
header.header .product_megamenu .megamenu_wrap .left_part .wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; }
header.header .product_megamenu .megamenu_wrap .left_part .col { width: 33.33%; padding: 0 15px; }
header.header .product_megamenu .megamenu_wrap .left_part .inner { position: relative; padding: 15px; background: transparent; transition: all .5s ease-in-out; border-radius: 10px; }
header.header .product_megamenu .megamenu_wrap .left_part .col h3 { font-size: 20px; display: inline-block; padding-right: 25px; position: relative; }
header.header .product_megamenu .megamenu_wrap .left_part .col .box_cont { font-size: 16px; display: inline-block; line-height: 26px; padding-top:15px; }
header.header .product_megamenu .megamenu_wrap .left_part .col .img { width: 100%; height: 191px; border-radius: 12px; margin-top: 15px; }
header.header .product_megamenu .megamenu_wrap .left_part .inner a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
header.header .product_megamenu .megamenu_wrap .left_part .inner:hover { background: rgb(113 113 113 / 30%); }
header.header .product_megamenu .megamenu_wrap .left_part .inner a.no_text:after { display: none; }
header.header .product_megamenu .link_wrap .inner { display: flex; flex-wrap: wrap; align-items: center; padding: 15px; transition: all .5s ease-in-out; border-radius: 10px; position: relative; }
header.header .product_megamenu .link_wrap .inner .icon { background: var(--primary_color); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 10px; }
header.header .product_megamenu .link_wrap .inner .link_quote { padding-left: 15px; width: calc(100% - 50px); }
header.header .product_megamenu .link_wrap .inner:hover { background: rgb(113 113 113 / 30%); }
header.header .product_megamenu .link_wrap .inner .link_quote .link_title { font-size: 16px; font-weight: 700; color: var(--primary_color); }
header.header .product_megamenu .link_wrap .inner .link_quote .quote { font-size: 12px; font-weight: 400; color: var(--secondary_color); }
header.header .product_megamenu .link_wrap .inner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
header.header .header_main .megamenu_wrap .left_part.icon_title_repeater .link_wrap { display: flex; flex-wrap: wrap; }
header.header .product_megamenu .right_part.cta_card { padding-right: 15px; display:inline-block; border-left: 1px solid rgba(0, 0, 0, .1); }
header.header .product_megamenu .right_part.cta_card .image { width: 100%; height: 150px; }
header.header .product_megamenu .right_part.cta_card .cta-box { padding: 15px; background: var(--primary_color); max-width: 80%; margin: 0 auto; position: relative; border-radius: 10px; }
header.header .product_megamenu .right_part.cta_card .cta-box .text { color: #fff; padding: 15px 0 0; font-size: 16px; }
header.header .product_megamenu .right_part.cta_card .cta-box a.no_text:after { display: none; }
header.header .product_megamenu .right_part.cta_card .cta-box a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
header.header .product_megamenu .link_wrap .inner a.no_text:after { display: none; }
header.header .product_megamenu .megamenu_wrap .left_part .col h3:after { background: url(//46356205.fs1.hubspotusercontent-na1.net/hubfs/46356205/raw_assets/public/aspire-digital/images/right-arrow.png) no-repeat 50% / cover; content: ""; height: 10px; position: absolute; right: 0; top: 7px; width: 20px; }
header.header .left_part.icon_title_repeater .link_wrap .link_leftbox { width: 50%; border-left: 1px solid rgba(0, 0, 0, .1); padding: 0 25px; }
header.header .left_part.icon_title_repeater .link_wrap .link_rightbox { width: 50%; display: flex; align-items: center; border-left: 1px solid rgba(0, 0, 0, .1); padding-left: 25px; }
header.header .left_part.icon_title_repeater .link_wrap .link_rightbox > div { width: 100%; }
header.header .header_main .container .product_megamenu .megamenu_wrap .left_part.icon_title_repeater { border: none; padding-right: 0; }
header.header .left_part.icon_title_repeater .link_wrap .col { width: 33.33%; padding: 0 15px; }
header.header.fixed .logo img { width: 200px; }
header.header.fixed .menu_wrap .mainmenu .hs-menu-wrapper > ul li { padding: 25px 0; }

header.header.lp_header .header_main { padding: 12px 0; }

/* footer */
footer.footer { display: inline-block; width: 100%; vertical-align: top; background: var(--primary_color); padding: 100px 0 20px; }
footer.footer .footer_top .section_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
footer .section_wrap .footer_left { width: 50%; padding-right: 15px; }
footer.footer .footer_top .section_wrap .footer_right { width: 50%; padding-left: 50px; display:flex; justify-content:flex-end; }
footer .section_wrap .footer_left .footer_news h2 { color: #fff; }
footer .section_wrap .footer_left .sub_title { color: #fff; font-weight: 700; }
footer .section_wrap .footer_left .new_part { padding-top: 30px; }
footer .section_wrap .footer_left .subscribe_text { color: #fff; padding: 15px 0; }
footer .section_wrap .footer_left form input { border-radius: 10px; }
footer .section_wrap .footer_left form input[type="submit"] { border-radius: 10; }
footer.footer .footer_top .section_wrap .footer_right .footer_menu { display: flex; flex-wrap: wrap; margin: 0 -25px; }
footer.footer .footer_right .footer_menu .menu_inner { padding: 0 25px; }
footer.footer .footer_top .section_wrap .footer_right .footer_menu .menu_inner h4 { color: #fff; font-weight: 500; }
footer.footer .footer_right .footer_menu .menu_inner ul { list-style-type: none; padding: 0; margin: 0; }
footer.footer .footer_right .footer_menu .menu_inner .menu { padding-top: 30px; }
footer.footer .footer_right .footer_menu .menu_inner ul li+li { margin-top: 10px; }
footer.footer .footer_right .footer_menu .menu_inner ul li a { color: #fff; }
footer.footer .footer_right .footer_menu .menu_inner ul li a:hover { color: var(--teritary_color); }
footer .section_wrap .footer_left .footer_social ul { display: flex; flex-wrap: wrap; align-items: center; list-style-type: none; padding: 0; margin: 0; }
footer .section_wrap .footer_left .footer_social { padding-top: 10px; }
footer .section_wrap .footer_left .footer_social ul li+li { margin-left: 15px; }
footer .section_wrap .footer_left .footer_social ul li a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .5); border-radius: 10px; padding: 5px; }
footer .section_wrap .footer_left .footer_social ul li a img { max-width: 70%; object-fit: contain; }
footer .section_wrap .footer_left .footer_social ul li a:hover { background: var(--teritary_color); border-color: var(--teritary_color); }
footer.footer .footer_btm { padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .5); margin-top: 80px; }
footer.footer .footer_btm .btm_wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap; }
footer.footer .footer_btm .btm_wrap .copyright { color: #fff; }

footer.footer.lp_footer { padding: 0; }
footer.footer.lp_footer .footer_btm { margin: 0; padding: 20px 0; }



@media(max-width: 1200px){
   
    
    header.header .header_main .header_wrap .logo { max-width: 170px; }
    header.header .header_main .header_wrap .right_part { width: calc(100% - 170px); padding-left: 30px; }
    header.header .header_main .right_part .menu_wrap { width: 60%; }
    header.header .header_main .right_part .sign_demo { width: 40%; }
    header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul > li > a { padding: 0 20px; }
    header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul li { padding: 30px 0; }
    .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.megamenu a:after { right: 0; }
    header.header .product_megamenu .megamenu_wrap .left_part .col { padding: 0 5px; }
    header.header .product_megamenu .megamenu_wrap .left_part .wrap { margin: 0 -5px; }
    header.header .product_megamenu .megamenu_wrap .left_part .inner { padding: 10px; }
    header.header .header_main .container .product_megamenu { padding: 10px; }
    
    footer.footer .footer_right .footer_menu .menu_inner { padding: 0 15px; }
    footer.footer .footer_top .section_wrap .footer_right .footer_menu { margin: 0 -15px; }
    
    


}

@media (min-width: 992px){

  a.mobile-trigger, span.child-triggerm {
      display: none !important; /* Hide button on Desktop */
  }
  
  .mainmenu .hs-menu-wrapper { 
      display: block !important;
  }
  
    .mainmenu ul > li > ul { width:auto; min-width:260px; display:none; }
    .mainmenu ul > li > ul > li { line-height:0; }
    .mainmenu ul > li > ul > li:hover { background:rgba(9,76,142,1); }
    .mainmenu ul > li > ul > li:last-child { border-bottom:0; }
    .mainmenu ul > li > ul > li > a { color:#fff; font-size:16px; font-weight:500; text-transform:none; padding:10px 20px; line-height:22px; white-space:normal !important; }
    .mainmenu ul > li > ul > li:hover > a { color:; }
    
    
    header.header .header_main .right_part .sign_demo.mbl { display: none; }
    
}

@media (max-width: 991px){
    
    .mainmenu .hs-menu-wrapper > ul > li > a:link, .mainmenu .hs-menu-wrapper > ul > li > a:visited { padding:15px; font-weight:700; }
    .mainmenu .hs-menu-wrapper > ul > li:hover > a { background:transparent; }
    .mainmenu .hs-menu-wrapper > ul > li > ul { background:#f9f9f9; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { text-indent:10px; font-weight:700; padding:15px 15px; border-bottom:1px solid; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li:last-child > a { border:0; }
	
    .mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; }
    a.mobile-trigger { display:inline-block !important; cursor:pointer; position:absolute; top:0; right:0; width:60px; height:60px; text-align:center; background:transparent; padding:12px 10px; z-index:99999999999; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; }
    a.mobile-trigger:hover { text-decoration:none; }
    a.mobile-trigger span { display:inline; }
    a.mobile-trigger span:before { position:absolute; content:'Menu'; }
    a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; }

    .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; }
    .mobile-open a.mobile-trigger span:after { opacity:1; }

    a.mobile-trigger i { display:inline; position:relative; top:-2px; margin-left:0; -webkit-transition-duration:0s; -webkit-transition-delay:.2s; -moz-transition-duration:0s; -moz-transition-delay:.2s; transition-duration:0s; transition-delay:.2s; }
    a.mobile-trigger i:before, a.mobile-trigger i:after { position:absolute; content: ''; }
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width:30px; height:3px; display:inline-block; background:#fff; }
    a.mobile-trigger i:before { margin-top:-8px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    a.mobile-trigger i:after { margin-top:8px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    .mobile-open a.mobile-trigger i { background-color:rgba(0,0,0,0.0); -webkit-transition-delay:.2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:before { margin-top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }

    span.child-triggerm { display:block !important; cursor:pointer; position:absolute; top:0px; right:0; width:60px !important; height:100% !important; padding:0 !important; }
    span.child-triggerm span { position:absolute; height:30px; width:30px; left:50%; top:13px; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);; }
    span.child-triggerm span:before { position:absolute; content:""; height:14px; width:2px; left:50%; top:50%; background:var(--primary_color); -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);; display:block; }
    span.child-triggerm span:after { position:absolute; content:""; height:2px; width:14px; left:50%; top:50%; background:var(--primary_color); -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);; display:block; }
    span.child-triggerm.child-open span { -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);; }

    .mainmenu.js-enabled .hs-menu-flow-horizontal, .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; }  
    .mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }
    
    .mainmenu.js-enabled .hs-menu-flow-horizontal { position:absolute; top:60px; left:0px; width:100%; padding:0px; background-color:#094c8e; width:100%; z-index:8888; }
  
    .mainmenu .hs-menu-flow-horizontal > ul > li { position:relative; }
    .mainmenu .hs-menu-flow-horizontal > ul > li { border-bottom:1px solid #0D2144; }
    .mainmenu .hs-menu-flow-horizontal > ul > li:last-child { border-bottom:0; } 
    
    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a { text-indent:30px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a { text-indent:50px; }
    
    header.header .header_main .right_part .sign_demo { display:none; }
    header.header .header_main .right_part .sign_demo.mbl { display: block; }

    header.header .header_main .header_wrap { display: inline-block; width: 100%; }
    header.header .header_main .header_wrap .right_part { width: 100%; padding: 0; }
    header.header .header_main .header_wrap .hs-menu-wrapper.hs-menu-flow-horizontal { position: absolute; top: 100%; z-index: 1; background: #fff; width: 100%; display: none; left: 0; overflow: hidden; overflow-y: auto; height: 500px; }
    header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul { display: inline-block; width: 100%; }
    header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul li { padding: 0; }
    header.header .menu_wrap .mainmenu .hs-menu-wrapper > ul li a { padding: 15px 35px 15px 15px; color: var(--primary_color); }
    header.header .header_main .right_part .sign_demo.mbl { width: 100%; padding: 15px; border-top: 1px solid var(--primary_color); }
    header.header .header_main .header_wrap .right_part .sign_demo .sign_in { padding: 0 0 15px 0; }
    header.header .menu_wrap .mainmenu .hs-menu-wrapper>ul>li .product_megamenu { display:none; opacity: 1; visibility: visible; pointer-events: inherit; transition: none; position: static; border-top: 1px solid var(--primary_color); }
    header.header .header_main .container .product_megamenu .megamenu_wrap .left_part { width: 100%; padding:0; border:none; }
    header.header .header_main .container .product_megamenu .right_part { width: 100%; padding: 20px 0 0 10px; display: inline-block; }
    header.header .header_main .megamenu_wrap .left_part.icon_title_repeater .link_wrap .inner { width: 100%; }
    header.header .product_megamenu .right_part.cta_card .cta-box { max-width: 50%; margin: 0; border-left:0; }
    
    header.header .header_main .container { position: static; }
    header.header .top_strip { display: inline-block; width: 100%; }
    .header_main { position: relative; display: inline-block; width: 100%; }
    header.header { position: fixed; top: 0; z-index: 999; }
    
    
    footer.footer { padding: 80px 0 20px; }
    footer.footer .footer_top .section_wrap .footer_right { width: 100%; padding: 20px 0; justify-content: flex-start; }
    footer .section_wrap .footer_left { width: 100%; padding: 0; }
    footer.footer .footer_btm { display: inline-block; width: 100%; margin-top: 50px; }
    footer.footer .footer_btm .btm_wrap .footer_logo { max-width: 200px; }
}

@media (max-width:767px){
    header.header .product_megamenu .megamenu_wrap .left_part .col { padding: 0 0 15px; width: 100%; }
    header.header .product_megamenu .megamenu_wrap .left_part .wrap { margin: 0; }
    header.header .header_main .container .product_megamenu .right_part { padding: 0; }
    header.header .product_megamenu .right_part.cta_card .cta-box a.no_text { padding: 0; }
    header.header .product_megamenu .right_part.cta_card .cta-box { max-width: 100%; }
    header.header .top_strip .strip_cont .text { padding: 10px 0 0; }
    
    footer.footer { padding: 70px 0 20px; }
    footer.footer .footer_right .footer_menu .menu_inner { width: 100%; padding: 25px 0 0; }
    footer.footer .footer_top .section_wrap .footer_right .footer_menu { margin: 0; }
    footer.footer .footer_btm .right { width: 100%; padding-top: 10px; }
    footer.footer .footer_btm { margin-top: 30px; }
    footer.footer .footer_right .footer_menu .menu_inner .menu {padding-top: 10px;}
    
    header.header .top_strip .strip_cont .text a:before { display: none; }
    
    header.header .left_part.icon_title_repeater .link_wrap .link_leftbox { border: none; width:100%; padding:0; }
    header.header .left_part.icon_title_repeater .link_wrap .link_rightbox { border: none; width:100%; padding:0; }
    header.header.fixed .menu_wrap .mainmenu .hs-menu-wrapper > ul li { padding: 0; }
    header.header .header_main .megamenu_wrap .left_part.icon_title_repeater .link_wrap { padding-bottom: 10px; }
    
    header.header .product_megamenu .megamenu_wrap .left_part .col .img { display: none; }
    header.header .top_strip { display: none; }
    
    
    
    
}
*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
a.cta_button {box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important;}

body { font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #313131;  font-size: 16px; line-height:normal; padding:0; margin:0; overflow-x:hidden; background:var(--section_bg); }

/* Paragraphs */
strong{font-weight:700;}
a{ -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;; text-decoration:none; color:#F8761F;}
a:hover{text-decoration:none; color:#F8761F; }

p{margin:0 0 15px 0;}
p:last-child{margin:0;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-uppercase{text-transform:uppercase;}

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6{color:#fff;}

.ul-style ul{list-style:none; padding:0; margin:0;}
.ul-style li{padding-left:20px;position:relative; margin-bottom:20px;list-style:none;}
.ul-style li:after{background-color:#0D2144;border-radius:100%;content:'';height:8px;left:0;position:absolute;top:11px;width:8px;}

.ul-check ul{list-style:none; padding:0; margin:0;font-size:19px;}
.ul-check li{padding-left:40px;position:relative; margin-bottom:28px;}
.ul-check li:after{background:url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px;content:'';height:21px;left:0;position:absolute;top:4px;width:26px;}

h1,h2,h3,h4,h5,h6 { font-family: Fredoka, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; margin:0; padding:0; }
h1 { font-family: Fredoka, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: ;  font-size: 44px; line-height:1.2; letter-spacing: 2px; text-transform: none;}
h2 { font-family: Fredoka, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: ;  font-size: 38px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
h3 { font-family: Fredoka, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: ;  font-size: 32px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
h4 { font-family: Fredoka, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: ;  font-size: 26px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
h5 { font-family: Fredoka, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #717171;  font-size: 20px; line-height:1.2; letter-spacing: 0px; text-transform: none;}
h6 { font-family: Fredoka, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: ;  font-size: 20px; line-height:1.2; letter-spacing: 0px; text-transform: none;} 

img { height:auto; max-width:100%; }
p { padding:10px 0; margin:0; }
a { text-decoration:none; outline:none; color:#F8761F; -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;
transition: all 400ms ease;; }
a:hover { color:#F8761F; } 


@media (max-width:1200px){
    h1 { font-size: 38px; }
    h2 { font-size: 32px; }
    h3 { font-size: 25px; }
}
@media (max-width:767px){
    h1 { font-size:30px; }
    h2 { font-size:26px; }
    h3 { font-size:24px; }
    h4 { font-size:22px; }
    h5 { font-size:20px; }
    h6 { font-size:18px; }
    
    body { font-size:16px; }
}
/*animations*/

/******************
* Bounce in right *
*******************/

.delay-250 { animation-delay:250s;}

.delay-500 { animation-delay:500s;}

.delay-750 { animation-delay:750s;}

.delay-1000 { animation-delay:1000s;}

.delay-1250 { animation-delay:1250s;}

.delay-1500 { animation-delay:1500s;}

.delay-1750 { animation-delay:1750s;}

.delay-2000 { animation-delay:2000s;}

.delay-2250 { animation-delay:2250s;}

.delay-2500 { animation-delay:2500s;}

.delay-2750 { animation-delay:2750s;}

.delay-3000 { animation-delay:3000s;}

.delay-3250 { animation-delay:3250s;}

.delay-3500 { animation-delay:3500s;}

.delay-3750 { animation-delay:3750s;}

.delay-4000 { animation-delay:4000s;}

.delay-4250 { animation-delay:4250s;}

.delay-4500 { animation-delay:4500s;}

.delay-4750 { animation-delay:4750s;}

.delay-5000 { animation-delay:5000s;}

.delay-5250 { animation-delay:5250s;}

.delay-5500 { animation-delay:5500s;}

.delay-5750 { animation-delay:5750s;}

.delay-6000 { animation-delay:6000s;}

.delay-6250 { animation-delay:6250s;}

.delay-6500 { animation-delay:6500s;}

.delay-6750 { animation-delay:6750s;}

.delay-7000 { animation-delay:7000s;}

.delay-7250 { animation-delay:7250s;}

.delay-7500 { animation-delay:7500s;}

.delay-7750 { animation-delay:7750s;}

.delay-8000 { animation-delay:8000s;}

.delay-8250 { animation-delay:8250s;}

.delay-8500 { animation-delay:8500s;}

.delay-8750 { animation-delay:8750s;}

.delay-9000 { animation-delay:9000s;}

.delay-9250 { animation-delay:9250s;}

.delay-9500 { animation-delay:9500s;}

.delay-9750 { animation-delay:9750s;}

.delay-10000 { animation-delay:10000s;}

.delay-10250 { animation-delay:10250s;}

.delay-10500 { animation-delay:10500s;}

.delay-10750 { animation-delay:10750s;}

.delay-11000 { animation-delay:11000s;}

.delay-11250 { animation-delay:11250s;}

.delay-11500 { animation-delay:11500s;}

.delay-11750 { animation-delay:11750s;}

.delay-12000 { animation-delay:12000s;}

.delay-12250 { animation-delay:12250s;}


.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Meetan */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
    opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft.go { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        transform: translateY(400px); 
    } 
    60% { 
       
        transform: translateY(-30px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInUp.go { 
    -webkit-animation-name: bounceInUp; 
    animation-name: bounceInUp; 
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn { 
    0% { 
        -webkit-transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.2); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
        opacity:1;
    } 
} 
@keyframes growIn { 
    0% { 
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        transform: scale(1.2); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
} 
.growIn { 

    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.growIn.go{
    -webkit-animation-name: growIn; 
    animation-name: growIn; 
}

/********
* Shake *
********/
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp { 
    0%, 100% {-webkit-transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
    0%, 100% {transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
    -webkit-animation-name: shakeUp; 
    animation-name: shakeUp; 
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft{ 
    opacity: 0; 
    -webkit-transform: translateX(-400px); 
    transform: translateX(-400px);
}
.fadeInLeft.go { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRight{ 
    opacity: 0; 
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
}
.fadeInRight.go { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}
.fadeInDown.go { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateIn.go { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft.go { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight.go { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownRight.go { 
    -webkit-animation-name: rotateInDownRight; 
    animation-name: rotateInDownRight; 
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn { 
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
    -webkit-animation-name: rollIn; 
    animation-name: rollIn; 
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle { 
    0% { -webkit-transform: skewX(9deg); } 
    10% { -webkit-transform: skewX(-8deg); } 
    20% { -webkit-transform: skewX(7deg); } 
    30% { -webkit-transform: skewX(-6deg); } 
    40% { -webkit-transform: skewX(5deg); } 
    50% { -webkit-transform: skewX(-4deg); } 
    60% { -webkit-transform: skewX(3deg); } 
    70% { -webkit-transform: skewX(-2deg); } 
    80% { -webkit-transform: skewX(1deg); } 
    90% { -webkit-transform: skewX(0deg); } 
    100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
    0% { transform: skewX(9deg); } 
    10% { transform: skewX(-8deg); } 
    20% { transform: skewX(7deg); } 
    30% { transform: skewX(-6deg); } 
    40% { transform: skewX(5deg); } 
    50% { transform: skewX(-4deg); } 
    60% { transform: skewX(3deg); } 
    70% { transform: skewX(-2deg); } 
    80% { transform: skewX(1deg); } 
    90% { transform: skewX(0deg); } 
    100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
    -webkit-animation-name: wiggle; 
    animation-name: wiggle; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

/********
* swing *
*********/

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.swing.go { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}

/*******
* tada *
********/

@-webkit-keyframes tada { 
    0% {-webkit-transform: scale(1);} 
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
    100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
    0% {transform: scale(1);} 
    10%, 20% {transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
    100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
    -webkit-animation-name: tada; 
    animation-name: tada; 
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
.wobble.go { 
    -webkit-animation-name: wobble; 
    animation-name: wobble; 
}

/********
* pulse *
*********/

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse.go { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 


/*******
* Flip *
*******/
@-webkit-keyframes flip { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0); 
        -webkit-animation-timing-function: ease-out; 
    } 
    40% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        -webkit-animation-timing-function: ease-out; 
    } 
    50% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
    80% { 
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
        -webkit-animation-timing-function: ease-in; 
    } 
    100% { 
        -webkit-transform: perspective(400px) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
}
@keyframes flip { 
    0% { 
        transform: perspective(400px) rotateY(0); 
        animation-timing-function: ease-out; 
    } 
    40% { 
        transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        animation-timing-function: ease-out; 
    } 
    50% { 
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        animation-timing-function: ease-in; 
    } 
    80% { 
        transform: perspective(400px) rotateY(360deg) scale(.95); 
        animation-timing-function: ease-in; 
    } 
    100% { 
        transform: perspective(400px) scale(1); 
        animation-timing-function: ease-in; 
    } 
} 
.flip.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flip; 
    backface-visibility: visible !important; 
    animation-name: flip; 
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut { 
    0% { 
        -webkit-transform: scale(1); 
    } 
    25% { 
        -webkit-transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 
} 
@keyframes bounceOut { 
    0% { 
        transform: scale(1); 
    } 
    25% { 
        transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        transform: scale(.3); 
    } 
} 
.bounceOut.goAway { 
    -webkit-animation-name: bounceOut; 
    animation-name: bounceOut; 
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes bounceOutUp { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.bounceOutUp.goAway { 
    -webkit-animation-name: bounceOutUp; 
    animation-name: bounceOutUp; 
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes bounceOutDown { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.bounceOutDown.goAway { 
    -webkit-animation-name: bounceOutDown; 
    animation-name: bounceOutDown; 
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes bounceOutLeft { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.bounceOutLeft.goAway { 
    -webkit-animation-name: bounceOutLeft; 
    animation-name: bounceOutLeft; 
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes bounceOutRight { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.bounceOutRight.goAway { 
    -webkit-animation-name: bounceOutRight; 
    animation-name: bounceOutRight; 
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut.goAway { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.fadeOutUp.goAway { 
    -webkit-animation-name: fadeOutUp; 
    animation-name: fadeOutUp; 
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.fadeOutDown.goAway { 
    -webkit-animation-name: fadeOutDown; 
    animation-name: fadeOutDown; 
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.fadeOutLeft.goAway { 
    -webkit-animation-name: fadeOutLeft; 
    animation-name: fadeOutLeft; 
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.fadeOutRight.goAway { 
    -webkit-animation-name: fadeOutRight; 
    animation-name: fadeOutRight; 
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutX { 
    0% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
.flipOutX.goAway { 
    -webkit-animation-name: flipOutX; 
    -webkit-backface-visibility: visible !important; 
    animation-name: flipOutX; 
    backface-visibility: visible !important; 
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutY { 
    0% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
.flipOutY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipOutY; 
    backface-visibility: visible !important; 
    animation-name: flipOutY; 
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
    -webkit-animation-name: lightSpeedOutRight; 
    animation-name: lightSpeedOutRight; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
    -webkit-animation-name: lightSpeedOutLeft; 
    animation-name: lightSpeedOutLeft; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 

} 

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOut { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
.rotateOut.goAway { 
    -webkit-animation-name: rotateOut; 
    animation-name: rotateOut; 
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -transform-origin: left bottom; 
        -transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpLeft.goAway { 
    -webkit-animation-name: rotateOutUpLeft; 
    animation-name: rotateOutUpLeft; 
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutDownLeft.goAway { 
    -webkit-animation-name: rotateOutDownLeft; 
    animation-name: rotateOutDownLeft; 
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpRight.goAway { 
    -webkit-animation-name: rotateOutUpRight; 
    animation-name: rotateOutUpRight; 
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(100%) rotate(120deg); 
    } 
} 
@keyframes rollOut { 
    0% { 
        opacity: 1; 
        transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(100%) rotate(120deg); 
    } 
} 
.rollOut.goAway { 
    -webkit-animation-name: rollOut; 
    animation-name: rollOut; 
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUpShort{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
}
.fadeInUpShort.go { 
    -webkit-animation-name: fadeInUpShort; 
    animation-name: fadeInUpShort; 
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDownShort{
    opacity: 0; 
    -webkit-transform: translateY(-20px); 
    transform: translateY(-20px); 
}
.fadeInDownShort.go { 
    -webkit-animation-name: fadeInDownShort; 
    animation-name: fadeInDownShort; 
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRightShort { 
    opacity: 0; 
    -webkit-transform: translateX(20px);  
    transform: translateX(20px); 
}
.fadeInRightShort.go { 
    -webkit-animation-name: fadeInRightShort; 
    animation-name: fadeInRightShort; 
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftShort { 
    opacity: 0; 
    -webkit-transform: translateX(-20px);  
    transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
    -webkit-animation-name: fadeInLeftShort; 
    animation-name: fadeInLeftShort; 
}
.blog-section { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.blog-section .top_part { display: flex; justify-content: space-between; padding-bottom: 50px; flex-wrap: wrap; align-items: flex-start; }
.blog-section .top_part .title_filter { width: 70%; padding-right: 15px; }
.blog-section .top_part .blog_social { width: 30%; display: flex; justify-content: flex-end; padding-left: 15px; padding-top: 25px; }
.blog-section .title_filter .filter_box ul { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; align-items: center; }
.blog-section .filter_wrap { padding-top: 30px; }
.blog-section .title_filter .filter_box ul li+li { margin-left: 15px; }
.blog-section .title_filter .filter_box ul li a { display: inline-block; padding: 10px 20px; border: 1px solid #ccc; border-radius: 10px; }
.blog-section .title_filter .filter_box ul li a.clear-btn:hover { background: transparent; color: var(--teritary_color); }
.blog-section .title_filter .filter_box ul li a:hover { background: var(--teritary_color); color: var(--white); border-color: var(--teritary_color); }
.blog-section .title_filter .filter_box ul li a.clear-btn { color: var(--secondary_color); font-weight: 600; text-transform: capitalize; cursor: pointer; border:none; }
.blog-section .blog_social ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; }
.blog-section .blog_social ul li a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 10px; }
.blog-section .blog_social ul li+li { margin-left: 15px; }
.blog-section .blog_social ul li a:hover { background: var(--teritary_color); border-color: var(--teritary_color); }
.blog-section .title_filter .filter_box ul li a.active { background: var(--teritary_color); border-color: var(--teritary_color); color: var(--white); }
.blog-section .title_filter .filter_box ul li a.clear-btn.active { background: transparent; color: var(--teritary_color); }

.blog_listing .blog_item.full_width { display: flex; flex-wrap: wrap; padding-bottom: 50px; width:100%; }
.blog_listing .blog_item.full_width .post-item{ width: 70%; padding-right: 15px; position:relative; }
.blog_listing .blog_item.full_width .newsletter { width: 30%; padding-left: 15px; display:block!important; padding-top:15px; }
.blog_listing .blog_item.full_width .post-item a.no_text { display: inline-block; position:absolute; top:0; left:0; width:100%; height:100%; }
.blog_listing .blog_item.full_width .post-item .post-header .img { width: 100%; height: 450px; border-radius: 10px; }

.blog_listing .newsletter .newsletter_inner { background: var(--white); padding: 70px 20px; border-radius: 10px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .2); }
.blog_listing .post-item .post-header { border-radius: 10px; }
.blog_listing .post-item img { border-radius: 10px; }
.blog_listing .newsletter .newsletter_inner .cta_cont { padding: 15px 0 0; font-size: 14px; }
.blog_listing .newsletter .newsletter_inner h3 { font-size: 27px; }
.blog_listing .newsletter .newsletter_inner .cta_img { max-height: 165px; display: flex; align-items: center; margin-bottom: 25px; }
.blog_listing .news_from { padding-top: 25px; }
.blog_listing .newsletter .news_from form label { font-size: 14px; padding-bottom: 10px; display: inline-block; }
.blog_listing .newsletter .news_from form input { border-radius: 10px; }
.blog_listing .newsletter .news_from form input::placeholder { font-size: 14px; color: #313131; }
.blog_listing .newsletter .news_from form input[type="submit"] { background: var(--primary_color); color: var(--white); }
.blog_listing .newsletter .news_from form input[type="submit"]:hover { background: var(--teritary_color); }
.blog_listing .newsletter .news_from form ul.hs-error-msgs label { color: red; }

.blog_listing .blog_item .author_wrap { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; }
.blog_listing .blog_item .author_wrap .img_name { display: flex; align-items: center; flex-wrap: wrap; }
.blog_listing .blog_item .author_wrap .img_name .hs-author-avatar { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-right: 7px; border: 1px solid #ccc; overflow: hidden; }
.blog_listing .blog_item .author_wrap .img_name .hs-author-avatar img { height: 100%; object-fit: contain; border-radius: 10px; }
.blog_listing .blog_item .author_wrap .hubspot-editable { color: #313130; line-height: 1; font-size:14px; }
.blog_listing .blog_item .author_wrap .tag_list { padding: 5px; background: var(--primary_color); color: var(--white); border-radius: 5px; font-size: 14px; }
.blog_listing .blog_item .author_wrap .tag_list p { padding: 0; }
.blog_listing .blog_item .post-body h2 a { color: #313131; }
.blog_listing .blog_item .post-body .cont { padding-top: 15px; font-size:16px; }
.blog_listing { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.blog_listing .blog_item { width: 33.33%; padding: 0 10px 50px; }
.blog_listing .blog_item .post-item { position: relative; padding: 15px; background: transparent; transition: all .5s ease-in-out; border-radius: 15px;}
.blog_listing .blog_item .post-item a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.blog_listing .blog_item .post-header .img { width: 100%; height: 200px; border-radius: 10px; }
.blog_listing .blog_item h3 a,
.blog_listing .blog_item h3 { color: #313131; font-size: 25px; }
.blog_listing .blog_item .post-item .post-body { padding-top: 15px; position: relative; padding-bottom: 40px; }
.blog_listing .blog_item .post-item .post-body .read_title { position: absolute; bottom: 0; }
.blog_listing .blog_item .post-item .author_wrap { padding: 25px 0 0px; }
.blog-section span.mobile_filter { display: none; }
.blog_listing .blog_item .post-item:hover { background: var(--white); box-shadow: 0px 0px 15px rgba(0,0,0,.2); }

.blog_post { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.blog_post .section_wrap { display: flex; flex-wrap: wrap; align-items:flex-start; }
.blog_post .section_wrap .left_part { width: 65%; padding-right: 30px; }
.blog_post .section_wrap .right_part { width: 35%; padding-left: 30px; position: sticky; top: 40px; }
.blog_post .top_part { display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; }
.blog_post .top_part .top_right { display: flex; align-items: center; flex-wrap: wrap; width: 50%; justify-content: flex-end; }
.blog_post .back_to { width: 50%; padding-right: 15px; }
.blog_post .back_to a { position: relative; color: #313131; padding-left: 40px; }
.blog_post .back_to a:before { background: url(//46356205.fs1.hubspotusercontent-na1.net/hubfs/46356205/raw_assets/public/aspire-digital/images/right-arrow.png) no-repeat 50% / cover; content: ""; height: 12px; position: absolute; left: 0; top: 7px; width: 24px; transform: rotate(180deg); transition: all .3s ease-in-out; }
.blog_post .top_part .top_right .minute_read { margin-right: 15px; }
.blog_post .top_part .post_topic { padding: 5px 10px; background: var(--primary_color); border-radius: 10px; color: var(--white); font-size: 14px; text-transform: uppercase; font-weight: 700; }
.blog_post .top_part .post_topic p { padding: 0; }
.blog_post .back_to a:hover { color: var(--teritary_color); }
.blog_post .back_to a:hover:before { left: -5px; }

.blog_post .img { padding-top: 15px; }
.blog_post .blog-post__meta { padding-top: 15px; }
.blog_post .blog-post__meta a.aurther_link { padding: 5px 10px; border-radius: 10px; background: var(--primary_color); color: var(--white); font-size: 14px; }
.blog_post .blog-post__meta a.aurther_link:hover { background: var(--secondary_color); }
.blog_post .post__body { padding-top: 30px; }
.blog_post .post__body h4 { padding-top: 15px; }
.blog_post .post__body h3 { padding-top: 15px; }
.blog_post .post__body h2 { padding-top: 15px; }
.blog_post .date_time { background: var(--section_bg); padding: 5px 10px; border-radius: 10px; font-weight: 700; margin-bottom:30px; }

.blog_post .side_bar .post_author { display: flex; align-items: flex-end; flex-wrap: wrap; padding-bottom: 20px; margin-bottom: 35px; border-bottom: 1px solid rgba(0, 0, 0, .2); justify-content: space-between; }
.blog_post .side_bar .post_author .post_auleft { width: 60%; display: flex; flex-wrap: wrap; align-items: center; }
.blog_post .side_bar .post_author .publish_date { width: 40%; display: flex; justify-content: flex-end; }
.blog_post .side_bar .post_author .hs-author-avatar { width: 50px; height: 50px; border-radius: 10px; }
.blog_post .side_bar .post_author .hubspot-editable { font-size: 14px; width: calc(100% - 50px); padding-left: 10px; color: var(--secondary_color); }
.blog_post .side_bar .post_author .hubspot-editable span { display: block; color: var(--body_color); font-weight: 700; font-size: 16px; }
.blog_post .side_bar .post_author .hs-author-avatar img { border-radius: 10px; }
.blog_post .side_bar .network { padding: 15px; background: var(--white); border-radius: 10px; box-shadow:0px 0px 15px rgba(0,0,0,.1); }
.blog_post .side_bar .network .box_logo { padding-bottom: 15px; line-height: 1; height: 125px; overflow: hidden; position: relative; border-radius: 10px; }
.blog_post .side_bar .network .box_logo img { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover; }
.blog_post .side_bar .network h4 { padding: 15px 0; }
.blog_post .side_bar .network .com_btn { padding-top: 15px; }
.blog_post .side_bar .network .com_btn a { padding: 5px 10px; border-radius: 10px; background: var(--primary_color); font-size: 14px; color:var(--white); }
.blog_post .side_bar .network .com_btn a:hover { background-color: var(--secondary_color); }

.blog_post .side_bar .right_ewsletter { margin-top: 20px; padding: 15px; background: var(--white); border-radius: 10px;  box-shadow:0px 0px 15px rgba(0,0,0,.1)  }
.blog_post .side_bar .right_ewsletter h2 { padding:0 0 15px 0; font-size:26px; }
.blog_post .side_bar .right_ewsletter .blog_subscribe { padding-top: 15px; }
.blog_post .side_bar .right_ewsletter .blog_subscribe form .input { padding-top: 10px; }
.blog_post .side_bar .right_ewsletter .blog_subscribe form input { border-radius: 10px; }
.blog_post .side_bar .right_ewsletter .blog_subscribe form input[type="submit"] { background: var(--primary_color); color: var(--white); }
.blog_post .side_bar .right_ewsletter .blog_subscribe form input[type="submit"]:hover { background: var(--secondary_color);}

.related_post { display: inline-block; width: 100%; vertical-align: top; background: var(--blog_bg); padding: 100px 0; position: relative; }
.related_post .container { position:relative; }
.related_post .right-side { position: absolute; top: -150px; right: 0; }
.blog-related-post .blog-related-posts__list { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.blog-related-post .related_wrap .blog_item { position: relative; }
.blog-related-post .blog-related-posts__list .related_wrap { width: 33.33%; padding: 0 15px; }
.blog-related-post .related_wrap .blog_item .img { border-radius: 10px; height: 200px; width: 100%; }
.related_post .title { padding-bottom: 50px; }
.blog-related-post .related_wrap .author_wrap { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; }
.blog-related-post .related_wrap .author_wrap .img_name { display: flex; align-items: center; flex-wrap: wrap; }
.blog-related-post .related_wrap .author_wrap .img_name .hs-author-avatar { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-right: 7px; border: 1px solid #ccc; overflow: hidden; }
.blog-related-post .related_wrap .author_wrap .img_name .hs-author-avatar img { height: 100%; object-fit: contain; border-radius: 10px; }
.blog-related-post .related_wrap .author_wrap .hubspot-editable { color: #313130; line-height: 1; font-size:14px; }
.blog-related-post .related_wrap .author_wrap .tag_list { padding: 5px; background: var(--primary_color); color: var(--white); border-radius: 5px; font-size: 14px; }
.blog-related-post .related_wrap .author_wrap .tag_list p { padding: 0; }
.blog-related-post .related_wrap .post-body h2 a { color: #313131; }
.blog-related-post .related_wrap .post-body .cont { padding-top: 15px; font-size:16px; }
.blog-related-post .related_wrap .blog_item .post-item { position: relative; padding: 15px; background: transparent; transition: all .5s ease-in-out; border-radius: 15px;}
.blog-related-post .related_wrap .blog_item .post-item a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.blog-related-post .related_wrap .blog_item .post-header .img { width: 100%; height: 200px; border-radius: 10px; }
.blog-related-post .related_wrap .blog_item h3 a,
.blog-related-post .related_wrap .blog_item h3 { color: #313131; font-size: 25px; }
.blog-related-post .related_wrap .blog_item .post-item .post-body { padding-top: 15px; position: relative; padding-bottom: 40px; }
.blog-related-post .related_wrap .blog_item .post-item .post-body .read_title { position: absolute; bottom: 0; }
.blog-related-post .related_wrap .blog_item .post-item .author_wrap { padding: 25px 0 0px; }
.blog-related-post .related_wrap .blog_item .post-item:hover { background: var(--white); box-shadow: 0px 0px 15px rgba(0, 0, 0, .2); }

@media (max-width:1500px){
    .blog_post .side_bar .network { padding: 15px; }
    .blog_post .side_bar .right_ewsletter { padding: 15px; margin-top: 15px; }
    .blog_post .side_bar .right_ewsletter h2 { font-size: 26px; }
    .blog_post .section_wrap .right_part { top: 40px; }
}

@media (max-width:1200px){
    .blog-section { padding: 80px 0; }
    .blog_listing .blog_item.full_width .post-item .post-header .img { height: 350px; }
    .blog_listing .newsletter .newsletter_inner { padding: 40px 15px; }
    .blog_listing .blog_item .post-header .img { height: 160px; }
    .blog_listing .blog_item h3,
    .blog_listing .blog_item h3 a { font-size: 20px; }
    .blog_listing .newsletter .newsletter_inner h3 { font-size: 20px; }
    .blog_listing .blog_item { padding: 0 10px 50px; }
    .blog_listing { margin: 0 -10px; }
    .blog_listing .blog_item.full_width .post-item{ padding-right: 10px; }
    .blog_listing .blog_item.full_width .newsletter { padding-left: 10px; }
    
    .blog_post .section_wrap .left_part { padding-right: 15px; }
    .blog_post .section_wrap .right_part { padding-left: 15px; }
    .blog-related-post .related_wrap .blog_item .post-header .img { height: 160px; }
    .blog-related-post .related_wrap .blog_item h3,
    .blog-related-post .related_wrap .blog_item h3 a { font-size: 20px; }
}

@media (max-width:991px){
    .blog_listing .blog_item { width: 50%; }
    .blog-section .top_part .title_filter { width: 80%; }
    .blog-section .top_part .blog_social { width: 20%; }
    
    .blog_post .side_bar .post_author .post_auleft { width: 100%; padding: 0 0 10px; }
    .blog_post .side_bar .post_author .publish_date { width: 100%; padding: 0; justify-content: flex-start; }
    .blog_post .side_bar .network { padding: 15px; }
    .blog_post .side_bar .right_ewsletter { padding: 15px; }
    .blog_post .side_bar .right_ewsletter .sign_cont { font-size: 14px; }
    .related_post { padding: 80px 0 30px; }
    .blog-related-post .blog-related-posts__list .related_wrap { width: 50%; padding: 0 15px 50px; }
    
    .blog_post .section_wrap .right_part { top: 0px; }
}

@media (max-width:767px){
    .blog_listing { margin: 0; }
    .blog_listing .blog_item.full_width .post-item { width: 100%; padding: 0; } 
    .blog_listing .blog_item.full_width .newsletter { padding: 30px 0 0; width: 100%; }
    .blog_listing .blog_item { width: 100%; padding: 0 0 30px; }
    .blog_listing .blog_item:last-child { padding: 0; }
    .blog_listing .blog_item .post-header .img { height: 200px; }
    .blog_listing .blog_item.full_width .post-item .post-header .img { height: 250px; }
    
    
    .blog-section span.mobile_filter { display: block; position: relative; padding: 10px 20px; border: 1px solid #ccc; cursor: pointer; }
    .blog-section span.mobile_filter:before { position: absolute; content: "\f107"; top: 15px; right: 10px; font-family: fontAwesome; }
    .blog-section .filter_wrap { position: relative; }
    .blog-section .title_filter .filter_box ul { display: inline-block; position: absolute; top: 100%; z-index: 1; background: var(--white); width: 100%; left: 0; padding: 10px; display: none; border:1px solid #ccc }
    .blog-section .title_filter .filter_box ul li.btn_style2 a { text-align:left; border: none; padding:10px 0; display:inline-block; width:100%; background:transparent; border-bottom:1px solid #ccc; border-radius:0; color:var(--body_color): }
    .blog-section .title_filter .filter_box ul li+li { margin: 0; }
    .blog-section .title_filter .filter_box ul li a.clear-btn { padding:10px 0; display:inline-block; width:100%; }
    .blog-section .title_filter .filter_box ul li.btn_style2 a:hover { background: var(--white); color: var(--primary_color); }
    
    .blog-section .top_part .title_filter { width: 100%; padding: 0; }
    .blog-section .top_part .blog_social { width: 100%; padding-left: 0; justify-content: flex-start; }
    
    .blog_post .section_wrap .left_part { width: 100%; padding: 0; }
    .blog_post .section_wrap .right_part { width: 100%; padding: 30px 0; position:static; }
    .blog-related-post .blog-related-posts__list .related_wrap { width: 100%; padding: 0 0 50px; }
    .blog-related-post .blog-related-posts__list { margin: 0; }
    .blog_post .post__body p a { word-break: break-all; }
    .blog_post .post__body { font-size: 16px; }
    
    .blog_post { padding: 80px 0; }
    .blog_post .back_to { width: 100%; padding: 0; }
    .blog_post .top_part .top_right { width: 100%; padding: 25px 0 0; justify-content: flex-start; }
    .blog_post .top_part { flex-wrap: wrap; }
}

@media (max-width:550px){
    .blog-section .top_part .title_filter { width: 100%; padding: 0; }
    .blog-section .top_part .blog_social { width: 100%; padding-left: 0; justify-content: flex-start; }
}
/* CSS variables */

:root {
  --column-gap: 2.13%;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--column-gap) * 0.0833);
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--column-gap) * 0.166);
  }

  .row-fluid .span9 {
    width: calc(75% - (var(--column-gap) * 0.25));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--column-gap) * 0.333);
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--column-gap) * 0.4166);
  }

  .row-fluid .span6 {
    width: calc(50% - var(--column-gap) * 0.5);
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--column-gap) * 0.5833);
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--column-gap) * 0.6668);
  }

  .row-fluid .span3 {
    width: calc(25% - var(--column-gap) * 0.75);
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--column-gap) * 0.8333);
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}

:root {
    --primary_color  : #0D2144;
    --secondary_color : #717171;
    --teritary_color  : #F8761F;
    --color_4         : #986524;
    --color_5         : #EFE9B3;
    --section_bg      : #f2f2f2;
    --body_color      : #313131;
    --blog_bg         :#FCFCF6;
    --white           :#fff;



}

/*-slick-*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: none; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { margin:0; padding:0; list-style:none; }

.slick-arrow { position:absolute; top:50%; padding:0; border:none; font-size:0; min-width:auto;  width:80px; height:80px; border-radius:50%; line-height:0; outline:none; background:#0D2144; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; transition:all .4s ease; }
.slick-arrow:hover { background:#011E24; color:var(--white); }
.slick-arrow:before { position:absolute; content:""; left: 50%; top: 50%; transform: translate(-50% ,-50%); }
.slick-prev { left:0; color:#011E24; }
.slick-prev:before { width:38px; height:25px; background:url('https://20236778.fs1.hubspotusercontent-na1.net/hubfs/20236778/School_Theme_4/Images/prev-arrow.png') no-repeat center center / 100% 100%; }
.slick-next { right:0;}
.slick-next:before { width:38px; height:25px; background:url('https://20236778.fs1.hubspotusercontent-na1.net/hubfs/20236778/School_Theme_4/Images/prev-arrow.png') no-repeat center center / 100% 100%; transform:translate(-50%,-50%) rotate(180deg); }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#0D2144; cursor:pointer; min-width:auto; outline:none; padding:0; border:2px solid #0D2144;width:14px; height:14px; border-radius:100%; font-size:0; text-indent:-9999; cursor:pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:transparent; }


.fancybox-stage .fancybox-content{ overflow:visible !important; padding:15px !important; text-align:center;}
.fancybox-stage .fancybox-close-small{ top:-60px !important; right:-30px}
.fancybox-stage .fancybox-close-small:after{ background:#888; color:var(--white);  }
.fancybox-stage .fancybox-button { background:#0D2144;top:0;right:0; padding:6px; border-radius:50%;min-width:auto }
.fancybox-stage .fancybox-button svg path{ fill:var(--white); color:var(--white);}

.container { width:100%; max-width:1200px; margin:0 auto; padding:0 15px; }

/* Css Start */

.hero_banner { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; background: var(--primary_color); }
.hero_banner .section_wrap { text-align: center; max-width: 1000px; margin: 0 auto; }
.hero_banner .section_wrap h1 { color: var(--white); }
.hero_banner .section_wrap h5 { color: var(--white); padding: 30px 0; font-weight: 500; }
.hero_banner .banner_logo { padding-bottom: 30px; }
.hero_banner .btn_style.pt-15 { padding-top: 15px; }

.our_goal { padding: 100px 0; display: inline-block; width: 100%; vertical-align: top; background:var(--section_bg); }
.our_goal .title { text-align: center; padding-bottom: 50px; }
.our_goal .col { width: 33.33%; padding: 0 5px; }
.our_goal .section_wrap { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.our_goal .col .inner { padding: 15px; background: transparent; transition: all .5s ease-in-out; height: 100%; position: relative; padding-bottom: 60px; border-radius:15px; text-align:center; }
.our_goal .col .inner:hover { background: var(--white); box-shadow:0px 0px 15px rgba(0,0,0,.2); }
.our_goal .col .inner .img { position: relative;  transition: all .3s ease-in-out; width: 100%; height:300px; }
.our_goal .col .inner .img img { width: 100%; height: 100% !important; object-fit: cover; object-position: center; position:absolute; top:0; left:0; border-radius:15px; }
.our_goal .col .inner .box_cont { padding-top: 30px; }
.our_goal .col .inner .btn_style2 { position: absolute; bottom: 15px; left:0; right:0; }
.our_goal .col .inner:hover .btn_style2 a { background: var(--teritary_color); color: var(--white); }

.everything_need { display: inline-block; width: 100%; vertical-align: top; padding:50px 0; background: var(--section_bg); }
/* .everything_need .title { text-align: center; padding-bottom: 50px; } */
.everything_need .tab_part .tab_col { padding: 50px; background: var(--white); border-radius: 15px; }
.everything_need .tab_part .tab_inner { display: flex; flex-wrap: wrap; align-items:flex-start; position:relative; overflow:hidden; }
.everything_need .tab_part .tab_inner .left_part { padding-right: 30px; width: 50%; }
.everything_need .tab_part .tab_inner .right_part { padding-left: 30px; width: 50%; position: absolute; inset: 0% 0% 0% auto; }
.everything_need .tab_part .tab_inner .right_part .img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.everything_need .tab_part .tab_inner .right_part .img_wrap { display: none; width: 100%; height: 100%; position:relative; }
.everything_need .tab_part .tab_inner .left_part .left_inner+.left_inner { margin-top: 25px; }
.everything_need .tab_part .tab_inner .left_part  h3 { color: var(--body_color); font-size:22px; }
.everything_need .tab_part .tab_inner .left_part .tab_cont { color: #313131; font-size: 14px; line-height: 26px; padding-top:15px; }
.everything_need .tab_part .tab_inner .left_part .tab_cont p { padding:0; }
.everything_need .tab_part .tab_inner .left_part .tab_cont p+p { padding-top:15px; }
.everything_need .tab_part .tab_inner .btn_style2 { margin-top: 15px; }
.everything_need .tab_part .tab_inner .left_part .left_inner a { opacity: .5; }
.everything_need .tab_part .tab_inner .left_part .left_inner:hover a { opacity:1; }
.everything_need .tab_part .tab_inner .left_part .left_inner.current a { opacity: 1; }
.everything_need .tab_col.right .tab_inner { flex-direction: row-reverse; }
.everything_need .tab_col+.tab_col { margin-top: 100px; }
.everything_need .tab_col.right .tab_inner .left_part { padding-right: 0; padding-left: 30px; }
.everything_need .tab_col.right .tab_inner .right_part { padding-left: 0; padding-right: 30px; inset:0 auto 0 0; }
.everything_need .tab_part .tab_inner .left_part .title_btn { padding-bottom: 50px; }

.wecan_do { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.wecan_do .title { text-align: center; padding-bottom: 50px; }
.table_wrap .main-title { display: flex; }
.table_wrap .main-title > div { width: 100%; text-align: center; background: var(--primary_color); color: #FFF; border-right: 1px solid #FFF; padding: 10px 10px; min-height: 110px; display: flex; align-items: center; justify-content: center; font-size:18px; font-weight:700; }
.table_wrap .main-title > div:nth-child(1) { width:  110px; min-width: 110px; background: transparent; }
.table_wrap .main-title > div:nth-child(2) { width: 250px; min-width: 250px; }

.table_row { display: flex; }
.table_row .ttl { width: 110px; min-width: 110px; background: var(--primary_color); text-align: center; color: #FFF; display: flex; align-items: center; justify-content:center; padding: 10px; border-bottom: 1px solid #FFF; }
.table_row .right-side { width: calc(100% - 110px); border-left:1px solid #EEEEEE; }

.table_row .right-side .in_cover { width: 100%; display: flex; border-bottom: 1px solid #EEEEEE; }
.table_row .right-side .in_cover > div { width: 100%; padding: 5px; min-height: 50px; border-right: 1px solid #EEEEEE; text-align: center; }
.table_row .right-side .in_cover > div:nth-child(1) { width: 250px; min-width: 250px; }
.table_wrap .main-title .in_cover > div:last-child { border-right: none; }
.table_row .right-side .in_cover .in_box span { position: absolute; bottom:100%; right: -30px; width: 100%; opacity: 0; transition: all .5s ease-in-out; pointer-events: none; background: var(--primary_color); border: 1px solid rgba(0, 0, 0, .2); border-radius: 10px; max-width: 100%; padding: 15px; color:var(--white); z-index:1; }
.table_row .right-side .in_cover .in_box .hover:hover span { opacity: 1; pointer-events: inherit; }
.table_row .right-side .in_cover .in_box .hover { cursor: pointer; margin-left: 4px; }
.table_row .right-side .in_cover .in_box { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; }
.wecan_do .btn_style2 { margin-top: 50px; display: flex; justify-content: center; }

.meeting { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; background:var(--section_bg); }
.meeting .section_wrap {  text-align: center; }
.meeting .section_wrap .left_part { padding-bottom: 15px; max-width: 70%; margin: 0 auto; }

.meeting .section_wrap .form { text-align: left; padding-top: 50px; max-width: 1000px; margin: 0 auto; }
.meeting .section_wrap .form form label { padding: 0 15px; }
.meeting .section_wrap .form form .hs-form-field { margin: 0 0 15px; }
.meeting .section_wrap .form form .hs-form-field input { background:#fff; }

.meeting .section_wrap .video { padding-top: 50px; position: relative; max-width: 1000px; margin: 0 auto; }


.pricing { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.pricing .title { text-align: center; padding-bottom: 50px; }
.pricing .price_wrap { display: flex; flex-wrap: wrap; }
.pricing .price_wrap .right_part { width: 25%; padding-left: 15px; }
.pricing .price_wrap .left_part { width: 100%;  }
.pricing .price_wrap .left_part .wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.pricing .price_wrap .left_part .col { width: 33.33%; padding: 0 15px; }
.pricing .price_wrap .left_part .col .inner { height: 100%; position: relative; padding-bottom: 65px; border: 1px solid rgba(0, 0, 0, .2); text-align:center; }
.pricing .price_wrap .left_part .col .inner .box_title { padding: 15px; background: var(--primary_color); text-align: center; }
.pricing .price_wrap .left_part .col .inner .box_content { padding: 30px 20px; height: 100%; }
.pricing .price_wrap .left_part .col h3 { color: var(--white); font-size: 28px; }
.pricing .price_wrap .left_part .col .inner .box_content .price { font-size: 27px; font-weight: 700; font-family: Fredoka, sans-serif; text-align: center; }
.pricing .price_wrap .left_part .col .inner .box_content .cont { padding: 25px 0; text-align:left; }
.pricing .price_wrap .left_part .col .inner .box_content ul { list-style-type: none; padding: 0; margin: 0; }
.pricing .price_wrap .left_part .col .inner .box_content ul li+li { margin-top: 15px; }
.pricing .price_wrap .left_part .col .inner .box_content ul li { padding-left: 20px; position: relative; }
.pricing .price_wrap .left_part .col .inner .box_content ul li:before { position: absolute; content: ""; top: 9px; left: 0; width: 7px; height: 7px; background: var(--body_color); border-radius: 100%; }
.pricing .price_wrap .left_part .col .inner .btn_style2 { position: absolute; bottom: 20px; left: 0; right: 0; }
.pricing .price_wrap .left_part .col .inner .box_content .sub_title { padding-bottom: 15px; }
.pricing .price_wrap.true .left_part { width: 75%; }
.pricing .price_wrap .right_part .right_inner { padding: 15px; background: var(--primary_color); color: var(--white); text-align: center; border-radius: 10px; }
.pricing .price_wrap .right_part .right_inner .btn_style { margin-top: 15px; }
.pricing .price_wrap .left_part .col .inner .box_title .sameheight { display: flex; align-items: center; }

.book-a-demo { display: inline-block; width: 100%; vertical-align: top; background: var(--primary_color); padding: 100px 0; }
.book-a-demo .section_wrap { display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; }
.book-a-demo .section_wrap .left_part { width: 70%; padding-right: 15px; color: var(--white); }
.book-a-demo .section_wrap .right_part { width: 30%; padding-left: 15px; display: flex; justify-content: flex-end; }
.book-a-demo .section_wrap .left_part .cont { padding-top: 15px; }

.from_grader { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.from_grader .section_wrap { max-width: 800px; margin: 0 auto; }
.from_grader .title { text-align: center; padding-bottom: 50px; }
.from_grader .title .sub_title { padding-top: 15px; }
.from_grader form .hs-fieldtype-booleancheckbox.hs-form-field ul li { position: relative; padding-left: 30px; }
.from_grader form .hs-fieldtype-booleancheckbox.hs-form-field ul li label input[type="checkbox"] { position: absolute; top: 5px; left: 0; width: 20px; height: 20px; margin: 0; }
.from_grader form .hs-fieldtype-booleancheckbox.hs-form-field ul { list-style-type: none; padding: 0; }

.customer_ser { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; }
.customer_ser .section_wrap { max-width: 1000px; margin: 0 auto; }
.customer_ser .title { text-align: center; padding-bottom: 50px; }
.customer_ser .col+.col { padding-top: 100px; }
.customer_ser .col .inner { display: flex; flex-wrap: wrap; align-items: center; }
.customer_ser .col .inner .left_part { width: 50%; padding-right: 50px; }
.customer_ser .col .inner .right_part { width: 50%; padding-left: 50px; }
.customer_ser .col .inner .left_part .img { width: 400px; height: 400px; display: flex; align-items: center; justify-content: center; }
.customer_ser .col .inner .left_part .img img { object-fit: contain; height:100%; }
.customer_ser .col .inner .right_part .cont { padding-top: 25px; }
.customer_ser .col .inner .right_part .cont p { padding: 0; }
.customer_ser .col .inner .right_part .cont p+p { margin-top: 10px; }
.customer_ser .col.right_image_left_content .inner { flex-direction: row-reverse; }
.customer_ser .col.right_image_left_content .inner .left_part { padding-right: 0; padding-left: 50px; }
.customer_ser .col.right_image_left_content .inner .right_part { padding-left: 0; padding-right: 50px; }
.book-a-demo .section_wrap.full_width .left_part { width: 100%; text-align: center; max-width: 1000px; margin: 0 auto; }
.customer_ser .btn_wrap { padding-top: 50px; display: flex; justify-content: center; }

.our_goal.testimonial { background: var(--white); }
.our_goal.testimonial .col .inner .img { height: 93px; display: flex; align-items: flex-end; }
.our_goal.testimonial .col .inner .img img { object-fit: contain; position: static; }
.our_goal.testimonial .col .inner { text-align: left; }
.our_goal.testimonial .col .inner .box_cont { padding-top: 15px; }
.our_goal.testimonial .col .inner .aurther_info { padding-top: 15px; }
.our_goal.testimonial .col .inner .aurther_info .name { font-weight: 600; }

.table-marketing { display: inline-block; width: 100%; vertical-align: top; padding:100px 0; }
.table-marketing .title { text-align: center; padding-bottom: 50px; }
/* .table-marketing .table .table_inner { width: 25%; } */
.table-marketing .table ul { list-style-type: none; padding: 0; margin: 0; display:flex; }
.table-marketing .table .table_heading ul li { display: flex; align-items: center; justify-content: center; text-align:center; font-weight: 700; background: var(--primary_color); height: 89px; color: var(--white); border-right: 1px solid #fff; padding: 10px; }
.table-marketing .table .table_heading ul li h4 { font-size: 22px; }
.table-marketing .table .table_content ul li { text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 80px; display: flex; align-items: center; justify-content: center; padding: 10px; }
.table-marketing .table .table_inner .table_content ul li:first-child { border-left: 1px solid #ccc; }
.table-marketing .btn_wrap { display: flex; justify-content: center; padding-top: 50px; }
.table-marketing .table .table_heading ul li:last-child {border-right: 0;}

.faqs { display: inline-block; width: 100%; vertical-align: top; padding:0 0 100px 0; }
.faqs .title { text-align: center; padding-bottom: 50px; }
/* .faqs .col+.col { margin-top: 30px; } */
.faqs .col { padding: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.faqs .col .faqs_title { display: inline-block; width: 100%; padding-right: 40px; font-size: 20px; cursor: pointer; position: relative; }
.faqs .col .faqs_content { display: none; padding-top: 20px; }
.faqs .col .faqs_title:before { position: absolute; content: "\f067"; top: 5px; right: 0; font-family: 'FontAwesome'; }
.faqs .col .faqs_title.active:before { content: "\f068"; }

/* Landing Pages */
.landing_pages { background: #f2f2f2; }
.landing_pages .hs-form { padding: 0 15px; }
.landing_pages .hs-form h2, .landing_pages .hs-form-field { margin-bottom: 30px; }
.landing_pages textarea, .landing_pages select, .landing_pages input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { background: #fff; margin: 0; }
.landing_pages .hs-form-field .input ul.inputs-list { padding: 0; }
.landing_pages .hs-form-field .input ul.inputs-list li.hs-form-checkbox,
.landing_pages .hs-form-field .input ul li.hs-form-booleancheckbox { list-style-type: none; }
.landing_pages .hs-form-field .input ul.inputs-list li .hs-form-checkbox-display, 
.landing_pages .hs-form-field .input ul.inputs-list li .hs-form-booleancheckbox-display { display: flex; align-items: flex-start; }
.landing_pages .hs-form-field .input ul.inputs-list li .hs-form-checkbox-display > input[type="checkbox"],
.landing_pages .hs-form-field .input ul.inputs-list li .hs-form-booleancheckbox-display > input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; margin: 2px 15px 0 0; }
.landing_pages .hs-form-field .input ul.inputs-list li .hs-form-checkbox-display > span, 
.landing_pages .hs-form-field .input ul.inputs-list li .hs-form-booleancheckbox-display > span { width: calc(100% - 35px); }
.landing_pages .hs-form-field > label { display: block; margin-bottom: 10px; }

/* Media Query */

@media (max-width:1400px){
    .container { max-width:1170px; }

    .wecan_do .table .table_body .right_table .inner .part:first-child,
    .wecan_do .table .table_headeing .heading:nth-child(2) {    /* width: 220px; */ }
    .wecan_do .table .table_headeing .heading:nth-child(3) { width: 322px; }
    .wecan_do .table .table_body .right_table .inner .part:nth-child(2) { width: 322px; }
    .wecan_do .table .table_body .right_table .inner ul li { font-size: 13px; }
}

@media (max-width:1200px){
    .container { max-width:950px; }

    .hero_banner { padding: 80px 0; }
    .our_goal { padding: 80px 0; }

    .everything_need { padding-top: 80px; }
    .everything_need .tab_part .tab_inner .left_part { padding-right: 20px; }
    .everything_need .tab_part .tab_inner .right_part { padding-left: 20px; }
    .everything_need .tab_col:nth-child(even) .tab_inner .right_part { padding-right: 20px; }
    .everything_need .tab_col:nth-child(even) .tab_inner .left_part { padding-left: 20px; }

    .wecan_do .table .table_headeing .heading:nth-child(3) { width: 200px; }
    .wecan_do .table .table_headeing .heading { width: 200px; font-size: 16px; }
    .wecan_do .table .table_headeing .heading:nth-child(2) { width: 200px; }
    .wecan_do .table .table_body .right_table .inner .part:first-child,
    .wecan_do .table .table_headeing .heading:nth-child(2) { width: 200px; }
    .wecan_do .table .table_body .right_table .inner .part:nth-child(2) { width: 200px; }
    .wecan_do .table .table_body .right_table .inner .part { width: 200px; }
    .wecan_do .table .table_body .right_table .inner ul li { font-size: 12px; }

    .from_grader { padding: 80px 0; }

    .table-marketing { padding: 80px 0; }
    .pricing .price_wrap .right_part .right_inner h2 { font-size: 24px; }
    .pricing .price_wrap .right_part { width: 30%; }
    .pricing .price_wrap.true .left_part { width: 100%; }
    .pricing .price_wrap .right_part { width: 100%; padding: 0; }
}
@media (min-width:992px){
    .pricing .price_wrap .left_part .wrap {
        row-gap: 30px;
        justify-content: center;
    }
}
@media (max-width:991px){
    .container { max-width:750px; }


    .our_goal .col { width: 50%; padding: 0 5px 30px; }
    .our_goal .section_wrap { justify-content: center; }
    .everything_need .tab_part .tab_inner .left_part { padding-right: 10px; }
    .everything_need .tab_part .tab_inner .right_part { padding-left: 10px; }
    .everything_need .tab_col.right .tab_inner .right_part { padding-right: 10px; }
    .everything_need .tab_col.right .tab_inner .left_part { padding-left: 10px; }
    .wecan_do { padding: 80px 0; }
    .meeting { padding: 80px 0 50px; }

    .wecan_do > .container { overflow: auto; }
    .wecan_do .table_wrap .table { min-width: 840px; }
    .table_wrap .main-title > div { font-size: 16px; }
    .table_row .ttl { font-size: 14px; }
    .table_row .right-side .in_cover > div { font-size: 14px; }
    .table_row .right-side .in_cover > div:first-child { border-left: 1px solid #eee; width:220px; min-width:220px; }
    .table_wrap .main-title > div:nth-child(2) { width:220px; min-width:220px; }
    .table_row .ttl { position: sticky; z-index: 1; left: 0;width: 110px; min-width: 110px; }
    .everything_need .tab_part .tab_col { padding: 20px; }

    .pricing { padding: 80px 0; }
    .pricing .price_wrap .left_part .col { width: 50%; padding: 0 15px 30px; }
    .pricing .price_wrap .left_part .wrap { justify-content: center; }
    .book-a-demo { padding: 80px 0; }

    .customer_ser { padding: 80px 0; }
    .customer_ser .col .inner .left_part .img { width: 100%; height: auto; position: relative;}
    .customer_ser .col .inner .left_part .img img { object-fit: cover; width: 50%;}
    .customer_ser .col .inner .left_part { padding-right: 30px; }
    .customer_ser .col .inner .right_part { padding-left: 15px; }
    .customer_ser .col.right_image_left_content .inner .right_part { padding-right: 15px; }
    .customer_ser .col.right_image_left_content .inner .left_part { padding-left: 30px; }
    .customer_ser .col+.col { padding-top: 80px; }

    .faqs { padding-bottom: 80px; }
}

@media (max-width:767px){
    .container { max-width:100%; }

    .our_goal { padding: 70px 0; }
    .our_goal .col { width: 100%; padding: 0 0 30px; }
    .our_goal .section_wrap { margin: 0; }
    .our_goal .col:last-child { padding: 0; }
    .our_goal .col .inner { background: var(--white); box-shadow: 0px 0px 15px rgba(0,0,0,.2); }
    .our_goal .col .inner .btn_style2 { position: static; }


    .everything_need { padding:50px 0; }
    .everything_need .tab_part .tab_col { padding: 15px; } 
    .everything_need .tab_col+.tab_col { margin-top:50px; }
    .everything_need .tab_part .tab_inner .left_part { width: 100%; padding: 0; }
    .everything_need .tab_part .tab_inner .right_part .img_wrap { min-height: 300px; }
    .everything_need .tab_part .tab_inner .right_part { width: 100%; padding: 50px 0 0; position:static; }
    .everything_need .tab_part .tab_inner .left_part .title_btn { padding-bottom:50px; }

    .meeting { overflow-x:hidden; }
    .meeting .section_wrap .left_part { max-width: 100%; }

    .pricing { padding: 70px 0; }
    .pricing .price_wrap .left_part .wrap { margin: 0; }
    .pricing .price_wrap .left_part .col { width: 100%; padding: 0 0 30px; }
    .pricing .price_wrap .left_part .col:last-child { padding: 0; }
    .pricing .title { padding-bottom: 30px; }
    .pricing .price_wrap .left_part .col h3 { font-size: 24px; }
    .pricing .price_wrap .left_part .col .inner .box_content .price { font-size: 20px; }

    .book-a-demo { padding: 70px 0; }
    .book-a-demo .section_wrap .left_part { width: 100%; padding: 0 0 15px; }
    .book-a-demo .section_wrap .right_part { width: 100%; justify-content: flex-start; padding: 0; }

    .from_grader .section_wrap { max-width:100%; }

    .customer_ser .col .inner .left_part { width: 100%; padding: 0; }
    .customer_ser .col .inner .right_part { width: 100%; padding: 25px 0 0; }
    .customer_ser .col+.col { padding-top: 50px; }
    .customer_ser .col.right_image_left_content .inner .left_part { padding: 0; }
    .customer_ser .col.right_image_left_content .inner .right_part { padding-right: 0; }

    .table-marketing .table {overflow: hidden;overflow-x: auto;}
    .table-marketing .table_inner {min-width: 800px;}
    .table-marketing .table .table_heading ul li:first-child { position: sticky; left: 0; }
    .table-marketing .table .table_content ul li:first-child { position: sticky; left: 0; z-index: 1; background: #fff; }
    .table-marketing .table .table_heading ul li h4 { font-size: 18px; }
    .table-marketing .table .table_heading ul li { height: 50px; }
    .table-marketing .table .table_content ul li { height: 50px; font-size: 14px; }

    .faqs .col { padding: 15px 0; }
    .faqs .col .faqs_title { font-size: 18px; padding-right: 20px; }



}
@media (max-width:500px){
    .customer_ser .col .inner .left_part .img { width: 100%; height: auto; position: relative;}
    .customer_ser .col .inner .left_part .img img { object-fit: cover; width: 100%;}
}


/* Css End */