@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body{overflow-x:hidden;}
.header_bg{ background:#fff;
width: 100%;
z-index: 1000;
position: fixed;
top: 0;
}
.logo{ padding:10px 0;width: 150px; }
.nav_bar{ padding-top:30px; }

.header_icons{ text-align:right; padding: 10px 0;}
.header_icons a{ font-size:18px; color: #42474c; margin-left: 10px;}
.header_icons a:hover{ color:#00b0e6; }

.header_text{ text-align:right; padding-top: 12px;}
.header_text a{ font-family: 'Montserrat', sans-serif; font-size: 14px; color: #42474c; font-weight: 500; }
.header_text a:hover{ color:#00b0e6; }

.nav_btn{ margin-top:30px; float: right;}
.nav_btn a{background:#0198d1; color: #fff !important; margin-top: -11px; padding: 10px 20px !important; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #42474c; font-weight: 600;}
.nav_btn a:hover{ background:#00b9ec !important; color: #fff;}

.sikandar{ display:flex; justify-content:center; }

.carousel{
    margin-top:125px;
}

.carousel-inner>.item>img{
    width: 100%;
}

.left_menu{ margin-bottom:20px; background:#000; padding: 10px 20px ; border-radius: 25px; display: block;}
.left_menu:hover{ background:blue; }
.left_menu a{ font-family: 'Montserrat', sans-serif; font-size: 18px; color: #fff; font-weight: 500; display: block;}

.banner_texts{  }
.banner_left_text{ text-align:left !important; padding-top: 100px;}
.banner_left_text h3{ font-family: 'Roboto', sans-serif; font-size:85px; font-weight:800; color:#fff; line-height: 90px;}
.banner_left_text h3 span{ font-weight:700; }
.banner_left_text p{ font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 25px; color: #fff; line-height: 30px; margin-bottom: 40px; padding-top: 15px;}
.banner_left_text a{ background:none; border: solid 2px #fff; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-size:16px; font-weight: 400; color: #fff; padding: 10px 25px; transition: .3s ease;}
.banner_left_text a:hover{ background:none; border: solid 2px #00b0e6; color: #00b0e6; transition: .3s ease; padding: 10px 35px;}

.space-padding{ padding-left:0px !important; padding-right:0px !important; }
.box-1{ background:#0198d1; padding:24px !important; height: 450px; border-top: solid 6px #17cdfc;}
.box-2{ background: #00b9ec;padding: 24px !important;height: 450px;border-top: solid 6px #0198d1; }
.box-3{ background:#17cdfc; padding:24px !important; height: 450px; border-top: solid 6px #00b9ec; }

.box-1-content{}
.box-1-content h3{ font-family: 'Montserrat', sans-serif; font-size: 23px; color: #fff; font-weight: 600; }
.box-1-content p{ font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #fff; font-weight: 300; text-align: justify;}
.box-1-content ul li{ font-family: 'Montserrat', sans-serif; font-size: 13px; color: #fff; font-weight: 600; padding-bottom: 5px;}

.box-2-content{}
.box-2-content h3{ font-family: 'Montserrat', sans-serif; font-size: 23px; color: #fff; font-weight: 600; }
.box-2-content p{ font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #fff; font-weight: 300; text-align: justify; }
.box-2-content ul li{ font-family: 'Montserrat', sans-serif; font-size: 13px;color: #fff; font-weight: 600; padding-bottom: 5px;}

.box-3-content{}
.box-3-content h3{ font-family: 'Montserrat', sans-serif; font-size: 23px; color: #fff; font-weight: 600; }
.box-3-content p{ font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #fff; font-weight: 300;text-align: justify; }
.box-3-content ul li{ font-family: 'Montserrat', sans-serif; font-size: 13px; color: #fff; font-weight: 600; padding-bottom: 5px;}

.why_section{ padding:40px 0; }
.why_heading{ font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; color:#1e2428; padding: 10px 0; background: url(../img/line.jpg) left bottom no-repeat; margin-bottom: 40px;}

.why_1{background:url(../img/why/icon_1.jpg) left top no-repeat; padding-left: 90px; padding-bottom: 30px; margin-bottom: 30px;}
.why_1 p{ font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; color: #111; font-weight: 300; }

.why_2{background:url(../img/why/icon_2.jpg) left top no-repeat; padding-left: 90px; padding-bottom: 30px; margin-bottom: 30px;}
.why_2 p{ font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; color: #111; font-weight: 300; }

.why_3{background:url(../img/why/icon_3.jpg) left top no-repeat; padding-left: 90px; padding-bottom: 30px; margin-bottom: 30px;}
.why_3 p{ font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; color: #111; font-weight: 300; }

.why_4{background:url(../img/why/icon_4.jpg) left top no-repeat; padding-left: 90px; padding-bottom: 30px; margin-bottom: 30px;}
.why_4 p{ font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; color: #111; font-weight: 300; }

.why_5{background:url(../img/why/icon_5.jpg) left top no-repeat; padding-left: 90px; padding-bottom: 30px; margin-bottom: 30px;}
.why_5 p{ font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; color: #111; font-weight: 300; }

.why_6{background:url(../img/why/icon_6.jpg) left top no-repeat; padding-left: 90px; padding-bottom: 30px; margin-bottom: 30px;}
.why_6 p{ font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 24px; color: #111; font-weight: 300; }

.commitment_bg{ background:#fff url(../img/commitment_bg.jpg) center top no-repeat; background-size: cover; padding:150px 0; }
.commitment_text h3{ font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; color:#1e2428; padding: 10px 0; background: url(../img/line.jpg) left bottom no-repeat; margin-bottom: 40px; }
.commitment_text p{  font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 27px; color: #111; font-weight: 300; }

.commitment_bg2{ background:#fff url(../img/commitment_bg2.jpg) center top no-repeat; background-size:cover; padding:150px 0; text-align: center;}
.commitment_text1 i{ color:#fff; font-size:100px; }
.commitment_text1 h3{ font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 600; color:#fff; padding: 10px 0; background: url(../img/line2.jpg) center bottom no-repeat; margin-bottom: 40px; }
.commitment_text1 p{ font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; color:#fff; padding-bottom: 10px;}
.commitment_text1 a{ font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 600; color:#fff; }
.commitment_text1 a:hover{ color:#004d71; }

.doc_bg{ background:#f4f3f1; padding:50px 0; }
.doc_heading{ font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; color:#1e2428; padding: 10px 0; background: url(../img/line.jpg) center bottom no-repeat; margin-bottom: 40px; text-align: center;}
.doc_img{ text-align:center; padding:20px; }
.doc_img img{ border-radius:0px; width: 200px; }
.doc_detail{ font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:500; color:#000; line-height: 27px; text-align: center;}
.doc_detail span{ color:#00c3f3; }
.doc_detail p{ padding-bottom:20px; }

#team-detail p{padding:15px 0; width:75%; margin:0 auto;}

.doc_bg .owl-carousel .owl-stage {display: flex; align-items: center;}
.doc_bg .company_logo{display: flex; align-items: center; height:30rem; border:solid 1px #ccc; background: #fff; border-radius:25px; padding:15px; margin-bottom: 20px; box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 80%), 0 8.2px 8.9px -30px rgb(0 0 0 / 80%), 0 25px 40px -30px rgb(0 0 0 / 80%);}
.map{ padding-left:0px !important; padding-right:0px !important; }
.quick_contact{ background:#0198d1; padding:50px; text-align:center;}
.quick_contact h5{font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 20px; color: #fff;}
.quick_contact p{ font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; color: #fff; line-height: 30px; padding: 0px; margin: 0px;}

.footer_bg{ background:#003554; padding:30px; }
.footer_head{ font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; color: #fff; padding: 30px 0 5px 0; background:url(../img/footer_line.jpg) left bottom no-repeat; margin-bottom: 20px; }
.footer{ font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color: #d8dde4; line-height: 25px;}
.footer p{ padding: 0px; margin: 0px;}
.footer a{ color:#fff;}
.footer2{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #00b0e6; line-height: 25px; padding-bottom: 20px;}
.gallery_img{ padding-bottom:20px; }
.footer_logo{ padding:20px 0; }
.footer_med{ font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #fff; line-height: 25px; padding-bottom: 20px;}
.copy_line{ border-top:solid 1px #4b7387; }
.copy_text{ font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #fff; padding: 15px 0;}
.copy_icons{ text-align:right; padding-top:10px; }
.copy_icons a{ color:#fff; font-size:18px; margin-left:10px; }
.copy_icons a:hover{ color:#000; }

.clients_bg{ background:#fff url(../img/clients.jpg) center no-repeat; background-size: cover; padding:150px 0;}
.clients_head h3{ font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; color:#fff; padding: 10px 0; background: url(../img/line2.jpg) left bottom no-repeat; margin-bottom: 40px; }
.clients_head p{ font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; color:#fff; font-style: italic; padding-bottom: 10px; line-height: 30px;}
.clients_head span{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; color:#fff; }

.sub_banner_bg{ background:#0198d1; padding:30px 0; margin-top:125px; }
.sub_banner_head h3{ font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 700; color:#fff; }
.sub_banner_head P{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; color:#fff; }
.sub_banner_head a{ color:#fff; }
.sub_banner_head a:hover{ color:rgba(255, 255, 255, 0.5); }
#about_banner{
  height: 500px;
}
#about_banner img{
  height: 500px;
}
.about_banner_text{ background:#00b9ec;  
  height: 500px;
  padding:87px 50px; 
}
@media only screen and (max-width:768px) {
  #about_banner{
    height: auto;
  }
  #about_banner img{
    height: auto;
  }
  .about_banner_text{ background:#498362;  
    height: auto;
  }
  #team-detail p{width:100%;}
  .sub_banner_bg {margin-top: 90px;}
  .carousel {
    margin-top: 90px;}
    #why_flex{
        flex-direction:column;
    }
}

.about_banner_text h3{ font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; color:#fff; padding-bottom: 10px;}
.about_banner_text p{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; color:#fff; }

.about_banner_img{ background:#00b9ec; }

.about_us_section{ padding:50px 0; }
.right_menu_box{ background:#f9fafa; border-top:solid 7px #00b9ec; border-bottom:solid 7px #00b9ec; padding:30px; box-shadow:0px 0px 15px #e1e1e1; margin-bottom: 30px;}
.right_menu_box h3{ font-family: 'Montserrat', sans-serif; font-size: 23px; font-weight: 700; color:#00b9ec; margin: 0px; padding-bottom: 20px; }
/*.right_menu_box h5{ font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 700; color:#111; margin: 0px; padding-bottom: 20px; }*/
.right_menu_box a{ font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; color:#00b9ec; padding-bottom:5px; }

.content_head{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; color:#1e2428; padding: 10px 0; background: url(../img/line.jpg) left bottom no-repeat; margin-bottom: 40px;}
.content_text{ font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; color:#000; line-height: 27px; padding-bottom: 20px;}
.content_text .btn{background:#0198d1; color: #fff !important; margin-top: 10px; padding: 8px 16px !important; border-radius: 25px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.about_us_section .owl-carousel .owl-stage {display: flex; align-items: center;}
.about_us_section .company_logo{display: flex; align-items: center; justify-content: center; height:22rem; border:solid 1px #ccc; background: #fff; border-radius:25px; padding:15px; margin-bottom: 20px; box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 80%), 0 8.2px 8.9px -30px rgb(0 0 0 / 80%), 0 25px 40px -30px rgb(0 0 0 / 80%);}
.about_us_section .company_logo img{width: 220px !important;}

.tabs_img{ padding-bottom:20px; }
.tabs_content{ padding-bottom:20px; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; color:#000; line-height: 27px;}
.tabs_content span{ font-weight:700; }

.google_map{ padding-bottom:20px; }
.contact_box{ border:solid 4px #00c3f4; padding:30px; }
.contact_box p{ font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; color:#000; line-height: 27px; }

.input_form3{ margin-bottom:30px; background:none !important; border:none !important; border-bottom:solid 1px #00c3f3 !important; color:#000 !important; font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; }
label{ font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:700; color:#000; padding-bottom: 10px;}
.radio label, .checkbox label{ font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; color:#000; padding-bottom: 10px; }
.input_btn3{ margin-bottom: 30px; border-radius:25px !important; background: #00c3f3 !important; border: solid 1px #00c3f3; color: #fff !important; font-family: 'Poppins', sans-serif !important; font-size:16px !important; font-weight: 400 !important; text-align: center; width: 20% !important;}
.input_btn3:hover{ background:#000 !important; color:#fff !important; border:solid 1px #000; }

.input_form2{ margin-bottom:30px; background:none !important; border:none !important; border-bottom:solid 1px #000 !important; color:#000 !important; font-family: 'Montserrat', sans-serif !important; font-size: 16px !important;}
.input_btn{ border-radius:25px !important; background: #00c3f3 !important; border: solid 1px #00c3f3; color: #fff !important; font-family: 'Poppins', sans-serif !important; font-size:16px !important; font-weight: 400 !important; text-align: center; width: 20% !important;}
.input_btn:hover{ background:#000 !important; color:#fff !important; border:solid 1px #000; }

.insurance_head{ font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:700; color:#000; padding-bottom: 50px; text-align:center; }

.service_page_box{ background:#f3f3f3; padding:12px; border-radius:10px; margin-bottom:20px; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; color:#000;}
.services_banner_3{ margin:30px 0; }




/* From Bootstrap */
.dropdown-menu>li>a{ font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; font-weight: 500; padding: 10px 0 10px 10px; border-bottom: solid 1px #000;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color:#000 !important; }

.navbar-default .navbar-nav>li>a{ font-family: 'Montserrat', sans-serif; font-size: 14px; color: #42474c; font-weight: 600; margin-left: 60px; padding-bottom: 5px; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color: #00b0e6;}

.carousel-caption{ left: 0px !important; right: 0px !important; top: 1%;}
.carousel-caption img{ max-width: 100%; }
.carousel-control{ bottom: 50% !important; }

.offcanvas-header{ display:none; }
.btn-close{background: #00b0e6;margin: 0px 0px 20px 0px; outline: none !important;}
.btn-close:hover{background: #00b0e6; outline: none !important;}
.btn{padding: 8px 12px; border-radius: 0px;}
.btn img{ width: 30px; }

.mobile-menu{ display: none !important; }
.menu_1{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500;}
.menu_1 a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; }

.mobile-menu-new{ display: none; }
.mobile-menu-new ul li{ padding: 10px 0; }
.mobile-menu-new ul li a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; cursor: pointer; display: block;}
.mobile-menu-new ul li a:hover{ color: #00b0e6; text-decoration: none;}
.mobile-menu-new ul li i{ font-size: 11px; float: right; }

.mobile-menu-new-sub li{ padding: 0 !important; }
.mobile-menu-new-sub li a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; border-bottom: solid 1px #fff; padding: 8px 0;}

.sub_menu{ border-bottom: solid 1px #1f1e1e; padding: 10px 15px; }
.sub_menu a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 500; line-height: 20px !important;}
.sub_menu a:hover{ color: #fff !important; text-decoration: underline !important; }

@media (max-width: 1520px){
    .navbar-default .navbar-nav>li>a{ font-size:14px; margin-left:25px;}
    .nav_btn a{ font-size:14px; }
}
@media (max-width: 1200px){
    .navbar-default .navbar-nav>li>a{ font-size:12px; margin-left:18px;}
    .nav_btn a{ font-size:12px; padding: 10px 15px !important;}
}
@media (max-width: 768px){
    body{ overflow-x:hidden; }
    .header_text{ display:none; }
    .header_icons{ display:none; }
    .logo{width: 100px;}
    .nav_btn{ display:none; }
    #mob_height{height:110px !important;}
    
    .nav-pills>li {display:block !important;}

    .banner_left_text{ text-align:center !important; padding-top: 50px;}
    .banner_left_text h3{ font-size:30px; line-height:40px; }
    .banner_left_text p{ font-size:13px; line-height:20px; }
    .banner_left_text a{ font-size:12px; }

    .box-1{ height:auto; }
    .box-2{ height:auto; }
    .box-3{ height:auto; }

    .why_heading{ font-size:20px; }
    .commitment_bg{ background:#f4f4f4; padding:50px 0; }

    .commitment_text h3{ font-size:20px; }

    /*Mobile Banner*/
    .carousel-inner>.item{ height:550px !important; background: url(../img/banner_bg.jpg) center top no-repeat;}
    .carousel-inner>.item>img, .carousel-inner>.item>a>img{ display: none;}
    /*Navbar*/
    .nav>li{ display: none; }
    .navbar-nav{ padding: 0px 20px 0px 15px !important; }
    .mobile-menu{ display: block !important; margin: 0 30px;}
    .menu_1{ padding-bottom: 20px; }
    .menu_1 a{ color: #fff; }
    .menu_1 a:hover{ color: #00b0e6; }
    .mobile-menu-new{ display: block; margin: 0 30px;}
    /*Off Canvas*/
    .offcanvas-header{ display:block; text-align: right;}
    .navbar-collapse { position: fixed; z-index: 99999; top:0; bottom: 0;left: 100%; width: 90%; padding-right: 0;padding-left: 0;overflow-y: auto;visibility: hidden;background-color: white;transition: visibility .2s ease-in-out, transform .2s ease-in-out; transform: translateX(-100%);}
    .navbar-collapse.show {visibility: visible; transform: translateX(-100%);background: black;overflow-x: hidden;}
}

/* join chat */
.joinchat_button{background-image: url('../img/whatsapp-support.png');background-size: auto;background-repeat: no-repeat;background-position: center;width: 55px;height: 55px;background-color: transparent;box-shadow: 0px 0px 13px 1px rgb(255 255 255 / 3%); position: fixed; bottom: 36px; right: 36px; border-radius: 60px;cursor: pointer;}
.joinchat_button:hover{background-color: var(--primary-color);transition: background 1.5s linear;}
.sonar-wave { position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 9999px;background-image: linear-gradient(to right, #579544 0%, #29ac00 100%);opacity: 0;z-index: -1;pointer-events: none;}
.sonar-wave { animation: sonarWave 2s linear infinite;}
@keyframes sonarWave {from {opacity: 0.4;} to { transform: scale(3); opacity: 0;}}

/* Underline From Left */
.hvr-underline-from-left { display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.hvr-underline-from-left:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #00b0e6;height: 4px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}

#exTab1 .tab-content {
  color : white;
  padding : 0px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0px;
  color:#fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 20px 40px !important;
  background:#0198d1;
  text-align: center;
  border: 2px solid #fff;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}

.nav-pills>li.active>a{
    background:#17cdfc !important;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

.nav-pills>li {
    width: 100%;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}