* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -o-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } /*-----------------------------------------------------body-settings------------------------------------------------------*/ body { font-family: 'Nunito', sans-serif; font-weight: 400; line-height: 26px; font-size: 15px; color: #212127; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; overflow-x: hidden!important; position: relative; } .page_wapper { position: relative; overflow: hidden; } /*-----------------scroolbar-------------*/ body.scrool_bar_color::-webkit-scrollbar { width: 8px; } body.scrool_bar_color::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #f1f1f1; -moz-box-shadow: inset 0 0 6px #f1f1f1; -o-box-shadow: inset 0 0 6px #f1f1f1; -ms-box-shadow: inset 0 0 6px #f1f1f1; box-shadow: inset 0 0 6px #f1f1f1; background: #f1f1f1; } body.scrool_bar_color::-webkit-scrollbar-thumb { background: #eabe37; -webkit-box-shadow: inset 0 0 6px #eabe37; -moz-box-shadow: inset 0 0 6px #eabe37; -ms-box-shadow: inset 0 0 6px #eabe37; -o-box-shadow: inset 0 0 6px #eabe37; box-shadow: inset 0 0 6px #eabe37; } body.scrool_bar_color::-webkit-scrollbar-thumb:window-inactive { background: #eabe37; } @media (min-width: 1200px) { .container { max-width: 1170px; } } img { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } *:focus { outline: 0!important; } .btn:focus { outline: none; } h1, h2, h3, h4, h5, h6 { color: #313131; margin: 0px; padding: 0; font-style: normal; font-weight: 700; transition: .5s ease; font-family: 'Ubuntu', sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; transition: .5s ease; } a, button { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; cursor: pointer; color: #4644b6; outline: none; transition: .5s ease; box-shadow: 0px 0px 0px 0px!important; } ul { margin: 0px; padding: 0px; transition: .5s ease; } a:hover, button:hover { text-decoration: none; color: #4644b6 } button.btn.btn-link { text-decoration: none; } a:focus, button:focus { text-decoration: none; outline: none!important; border: 0px; } button:focus, input:focus, input:focus, select:focus, textarea, textarea:focus { outline: none!important; } .padding_zero { padding: 0px; } .padding_right_zero { padding-right: 0px; } .padding_left_zero { padding-right: 0px; } .theme-btn { font-family: 'Ubuntu', sans-serif; display: inline-block; min-width: 180px; line-height: 46px; min-height: 46px; text-align: center; color: #012b44; font-weight: 700; font-size: 16px; background: #fccc00; border-radius: 5px; z-index: 0; position: relative; overflow: hidden; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } ::-webkit-input-placeholder { color: #757575!important; font-weight: 400; font-size: 14px } ::-moz-placeholder { color: #757575!important; font-weight: 400; font-size: 14px; } :-ms-input-placeholder { color: #757575!important; font-weight: 400; font-size: 14px; } :-moz-placeholder { color: #757575!important; font-weight: 400; font-size: 14px; } .link { position: absolute; content: ''; background: transparent; left: 0; top: 0; width: 100%; height: 100%; } @media (min-width: 1200px) { .navbar-expand-lg .navbar-toggler { display: none!important; } } /*-------------------------------------------------------------------- ====================topbar======================== ---------------------------------------------------------------------*/ .header_outer .top_bar { position: relative; background: #012b44; padding: 13px 0px; } .top_widgets { position: relative; } .top_widgets p { font-weight: 600; color: #fff; margin-left: 30px; margin-bottom: 0px; } .top_widgets span { float: left; font-size: 22px; color: #fccc00; line-height: 26px; } .top_widgets.left { float: right; position: relative; } .top_bar .text_warp { position: relative; float: left; margin-right: 40px; } .top_bar .text_warp.last { margin: 0px; } .top_bar .text_warp::before { position: absolute; content: ''; border-right: 1px solid rgba(255, 255, 255, .3); border-spacing: 20px; height: 20px; right: -19px; top: 3px; } .top_bar .text_warp.last::before { display: none; } .header_outer .top_bar ul li { display: inline-block; position: relative; font-weight: 400; font-size: 15px; line-height: 26px; margin-right: 20px; color: #fff; } .header_outer .top_bar ul li:last-child { margin-right: 0px; } .header_outer .top_bar ul li:last-child::before { display: none; } .header_outer .top_bar ul li a { color: #fff; } @media (max-width:992px) { .top_bar { display: none; } } .text_warp_in h6 { font-size: 18px; font-weight: 700; line-height: 26px; color: #012b44; } .text_warp_in p { color: #808080; } .left_nav::before { display: none; position: absolute; content: ''; background: #fff; width: 100%; height: 71px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); top: 10px; left: -41%; border-radius: 5px; z-index: -10; } .navbar-brand:before { position: absolute; content: ''; background: #fff; width: 100%; height: 71px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); top: 9px; left: -41%; border-radius: 5px; z-index: -10; } .navbar-toggler::before { position: absolute; content: ''; background: #07a3db; width: 100%; height: 71px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); top: 0; right: -60%; border-radius: 5px; z-index: -10; top: 10px; } .right_nav { padding: 10px 0px; } @media (max-width: 1199px) { .right_nav { display: none; } .mid_content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .right_nav:before { position: absolute; content: ''; background: #07a3db; width: 100%; height: 71px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); top: 0; right: -60%; border-radius: 5px; z-index: -10; top: 10px; display: none; } @media (max-width: 1920px) and (min-width: 1600px) { .left_nav::before { top: 10px; left: -41%; display: block; } .right_nav:before { right: -60%; top: 10px; display: block; } } @media (max-width: 1600px) and (min-width: 1300px) { .left_nav::before { top: 10px; left: -39%; display: block; } .right_nav:before { right: -63%; top: 10px; display: block; } .left_nav.full-width:before { left:0px; } } @media (max-width: 1300px) and (min-width: 1200px) { .left_nav::before { top: 10px; left: -37%; display: block; } .right_nav:before { right: -65%; top: 10px; display: block; } } .navbar-brand { display: block; } .navbar-brand img { padding: 8px 15px; width: 180px; } @media (max-width: 1920px) and (min-width: 1200px) { .navbar-brand { display: none; } } .call_emergency { position: relative; text-align: right; } .call_emergency .text { float: left; margin-right: 35px; } .call_emergency .text p { font-family: 'Ubuntu', sans-serif; font-size: 12px; line-height: 24px; font-weight: 700; color: #fff; text-transform: uppercase; } .call_emergency .text a { font-weight: 700; font-size: 20px; line-height: 26px; color: #fff; } .call_emergency .icon { float: right; } .call_emergency .icon::before { position: absolute; content: ''; height: 0px; border-right: 36px solid #fccc00; border-top: 69px solid #fccc00; border-left: 36px solid #fccc00; border-bottom: 25px solid transparent; z-index: 0; right: -2px; top: -10px; } .call_emergency .icon span { font-size: 32px; line-height: 32px; color: #012b44; position: relative; padding: 0px 19px; margin-top: 9px; display: block; } @media (max-width: 3000px) and (min-width: 1200px) { .nav-item.dropdown > .dropdown-menu, .nav-item.dropdown > .dropdown-menu > li > ul { z-index: 9999; display: block; -webkit-transition: top 0.3s ease 0s, opacity 0.3s; transition: top 0.3s ease 0s, opacity 0.3s; -moz-transition: top 0.3s ease 0s, opacity 0.3s; -ms-transition: top 0.3s ease 0s, opacity 0.3s; -o-transition: top 0.3s ease 0s, opacity 0.3s; position: absolute; top: 120%; left: 0; width: 270px; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); background-color: #ffffff; margin-top: 13px; border-top: 3px solid #07a3db; padding: 0px; border-left: 0px; border-right: 0px; border-bottom: 0px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .07); } .nav-item.dropdown > .dropdown-menu > li > ul{ left:auto; right:100%; } .nav-item.dropdown .dropdown-menu::before { content: ''; width: 100%; height: 15px; position: absolute; background-color: transparent; left: 0; top: -15px; z-index: -10; } .nav-item.dropdown:hover > .dropdown-menu, .nav-item.dropdown > .dropdown-menu > li:hover >ul { opacity: 1; z-index: 9999; top: 100%; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .nav-item.dropdown > .dropdown-menu > li:hover >ul{ top:0px; } } @media (max-width: 1920px) and (min-width:1200px) { .dropdown-toggle::after { display: none; } } .navbar-nav li.nav-item ul.dropdown-menu li a { background: #fff; display:block; padding: 10px 26px; font-size: 15px; font-weight: 700; color: #012b44!important } .navbar-light .navbar-nav .nav-link { padding: 0px 26px; display: block; font-size: 16px; font-weight: 700; color: #012b44!important; position: relative; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; font-family: 'Ubuntu', sans-serif; line-height: 42px; } @media (max-width: 1200px) { .nav-item.dropdown .nav-link.dropdown-toggle::after { position: absolute; content: '\f107'; font-family: 'FontAwesome'; color: #fff; font-size: 16px; top: 0px; z-index: 10; right: 0px; background: #07a3db; padding: 5px 20px; border: 0px; margin: 0px; } .dropdown-menu { padding: 0px; border: 0px; margin: 0px; box-shadow: none; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .navbar-light .navbar-nav .nav-link { border-bottom: 1px solid #e8e8e8; padding: 5px 0px 5px; } .navbar-nav li.nav-item ul.dropdown-menu li a { background: #07a3db; color: #fff!important; } .navbar-nav li.nav-item ul.dropdown-menu li a:focus, .navbar-nav li.nav-item ul.dropdown-menu li a:hover { color: #012b44!important; background-color: #ebf1f8!important; } } @media (max-width: 1920px) and (min-width: 1200px) { .navbar-light .navbar-nav .nav-link::before { position: absolute; content: ''; background: #e0e0e0; width: 1px; height: 32px; right: 0; top: 6px; } } .navbar-light .navbar-nav .nav-item:last-child .nav-link { padding-right: 0px; } .navbar-light .navbar-nav .nav-item:last-child .nav-link::before, .navbar-light .navbar-nav .nav-item:first-child .nav-link::before { display: none; } @media (max-width: 1920px) and (min-width: 1200px) { .navbar-light .navbar-nav > .nav-item:first-child .nav-link { padding: 0px; } } .navbar-toggler { padding: 10px 15px 0px; border: 0px; color: #fff; } .navbar-toggler .flaticon-menu { font-size: 20px; color: #fff; } .flaticon-home { background: #07a3db; font-size: 22px; width: 42px; height: 42px; line-height: 42px; display: block; color: #fff; text-align: center; border-radius: 5px; } /*---------------------------------------------------------------- ==================rev_slider_wrapper=================== -----------------------------------------------------------------*/ .rev_slider { text-align: center; } .rev_slider .sd_heading p { font-size: 30px; font-weight: 700; line-height: 40px; color: #fccc00; } .rev_slider .main_heading h1 { font-size: 48px; line-height: 100px!important; color: #fff; padding-bottom: 10px; } .rev_slider .border_line { position: absolute; content: ''; height: 1.5px; width: 65%; background: rgba(255, 255, 255, .2); bottom: 0px; text-align: center; margin: 0 auto; display: block; left: 155px; z-index: 999; } .mdpblock { display: none; } .mdpnone { display: block; } .rev_slider p { font-size: 18px; line-height: 26px; color: #fff; } @media (max-width:992px) { .rev_slider .main_heading h1 { line-height: 70px!important; padding-bottom: 6px!important; } } @media (max-width:800px) { .rev_slider .main_heading h1 { font-size: 30px!important; line-height: 50px!important; padding-bottom: 6px!important; } .rev_slider .border_line { display: none; } .rev_slider .sd_heading p { font-size: 20px; } .rev_slider p { font-size: 16px; } } @media (max-width:550px) { .mdpblock { display: block; } .mdpnone { display: none; } .rev_slider .main_heading h1 { line-height: 40px!important; } } /*---------------------------------------------------------------- ==================welcome_section=================== -----------------------------------------------------------------*/ .welcome_section { position: relative; padding: 120px 0px 120px; } .welcome_left { position: relative; } .welcome_left .image_inner::before { width: 370px; height: 250px; position: absolute; content: ''; background: rgba(30, 36, 82, .8); bottom: -23px; right: -23px; border-radius: 10px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; opacity: 0; } .welcome_left:hover .image_inner::before { opacity: 1; width: 100%; height: 100%; bottom: 0px; right: 0px; } .welcome_left .image_inner { margin-right: 25px; overflow: hidden; position: relative; border-radius: 10px; } .welcome_left .image_inner img { border-radius: 10px; } .welcome_section .wel_content_left { width: 370px; height: 250px; background: url(../images/resources/welcome_video_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px; border-radius: 10px; position: absolute; bottom: -23px; right: 0px; } .welcome_section .wel_content_left h2 { font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #fff; line-height: 33px; font-size: 24px; margin-bottom: 30px; transition: all .6s ease; } .welcome_left:hover .wel_content_left h2 { color: #fccc00; } .welcome_section .video_holder_inner { position: relative; } .welcome_section .video_holder_inner .icon .flaticon-multimedia { font-size: 26px; line-height: 70px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .07); border-radius: 50px; width: 70px; height: 70px; display: inline-block; color: #07a3db; background: url(../images/resources/welcome_video-icon_bg.jpg); text-align: center; } .welcome_section .video_holder_inner .icon { position: relative; float: left; margin-left: 10px; z-index: 0; } .welcome_section .video_holder_inner .icon::before { position: absolute; z-index: -10; content: ''; width: 90px; height: 90px; background: transparent; border: 1px solid #468bd4; border-radius: 50%; top: -10px; left: -10px; } .welcome_section .video_holder_inner .text { margin-left: 105px; padding-top: 20px; position: relative; } .welcome_section .video_holder_inner .text::before { position: absolute; content: ''; width: 40px; height: 3px; background: #fff; top: 0; left: 0; } .welcome_section .video_holder_inner .text h6 { font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #fff; line-height: 26px; font-size: 18px; } .welcome_right { position: relative; } .welcome_right ul { position: relative; margin-bottom: 20px; } .welcome_right p.description { margin-bottom: 25px; font-size:16px; } .welcome_right ul.first { float: left; position: relative; margin: 0px; } .welcome_right ul.second { position: relative; margin-left: 55%; } .welcome_right ul li { font-weight: 700; list-style: none; color: #012b44; line-height: 26px; font-size: 18px; margin-bottom: 10px; } .welcome_right ul li span { color: #fec727; margin-right: 10px; } .authour { position: relative; } .authour img { float: left; margin-right: 25px; } .authour .text h2 { color: #012b44; line-height: 26px; font-size: 20px; margin-bottom: 5px; } @media(max-width:992px) { .welcome_left { margin-bottom: 70px; } } @media(max-width:600px) { .welcome_left .image_inner { margin-right: 0px; } .welcome_section .wel_content_left h2 br { display: none; } .welcome_section .video_holder_inner .text h6 br { display: none; } .welcome_right ul.first { float: none; } .welcome_right ul.second { margin-left: 0px; margin-bottom: 40px; } .authour img { display: none; } .welcome_left .image_inner::before { width: 100%; height: 100%; right: inherit!important; bottom: inherit!important; top: 50%; left: 0; opacity: 0; } .welcome_left:hover .image_inner::before { opacity: 1; top: 0; } } /*---------------------------------------------------------------- ==================heading=================== -----------------------------------------------------------------*/ .heading { position: relative; margin-bottom: 25px; } .heading h6 { font-weight: 700; color: #07a3db; line-height: 26px; font-size: 14px; text-transform: uppercase; margin-bottom: 10px } .heading .border_line { background: #fccc00; width: 180px; height: 3px; position: relative; } .heading .border_line2 { background: #fccc00; width: 105px; height: 3px; position: relative; } .heading .border_line::before, .heading .border_line2::before { position: absolute; height: 10px; width: 3px; background: #fccc00; content: ''; top: -7px; left: 0; } .heading .border_line::after,.heading .border_line2::after { position: absolute; height: 10px; width: 3px; background: #fccc00; content: ''; top: -7px; right: 0; } .sub_heading { font-weight: 700; color: #012b44; line-height: 44px; font-size: 36px; margin-bottom: 20px } /*---------------------------------------------------------------- ==================our_services =================== -----------------------------------------------------------------*/ .our_services { position: relative; padding: 110px 0px; background: url(../images/resources/ourservice-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .our_services .heading, .our_services .descrp, .our_services .sub_heading { text-align: center; } .our_services .descrp { position: relative; margin-bottom: 30px; } @media (max-width: 1920px) and (min-width: 1200px) { .our_services .descrp { padding: 0px 270px; } } .our_services .border_line { margin: 0 auto; width: 99px; } .our_services .our_service_inner { position: relative; background: #fff; padding: 40px; margin: 15px; border-top: 4px solid #fccc00; overflow: hidden; z-index: 0; } .our_services .our_service_inner::before { position: absolute; content: ''; background: #07a3db; width: 100%; height: 100%; bottom: 100%; left: 0px; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: -10; } .our_services .our_service_inner:hover::before { bottom: 0; opacity: 1; } .our_services .our_service_inner .icon { position: relative; margin-bottom: 20px; z-index: 0; height: 100px; width: 100px; } .our_services .our_service_inner .icon span { font-size: 80px; line-height: 100px; color: #07a3db; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: block; text-align: center; } .our_services .our_service_inner .icon::before { width: 100px; height: 100px; border-radius: 50%; background: #ebf1f8; position: absolute; content: ''; z-index: -10; top: 0; left: 35px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .our_services .our_service_inner:hover .icon::before { left: 0; } .our_services .our_service_inner:hover .icon span { font-size: 56px; } .our_services .our_service_inner h2 { font-weight: 700; font-size: 24px; line-height: 32px; transition: all .3s ease; margin-bottom: 10px; } .our_services .our_service_inner p { transition: all .3s ease; } .our_services .our_service_inner h2 a { color: #012b44; } .our_services .our_service_inner:hover h2 a { color: #fff; } .our_services .our_service_inner:hover p { color: #eaf1f8; } .our_services .our_service_inner .read_more a { font-family: 'Ubuntu', sans-serif; font-weight: 700; color: #012b44; font-size: 16px; line-height: 30px; background: #fccc00; width: 130px; height: 30px; display: block; text-align: center; border-top-left-radius: 30px; border-bottom-left-radius: 30px; position: absolute; top: -120px; right: 0; } .our_services .our_service_inner:hover .read_more a { top: 72px; } .our_services .owl-carousel .owl-nav.disabled { display: block; } .our_services .owl-carousel .owl-nav { display: block; position: relative; width: 100%; text-align: center; } .our_services .owl-carousel .owl-nav .owl-prev, .our_services .owl-carousel .owl-nav .owl-next { display: inline-block; padding: 0px 10px 0px; background:none; } .our_services .owl-carousel .owl-nav .owl-next { padding-right: 0px; } .our_services .owl-carousel .owl-nav .owl-prev span, .our_services .owl-carousel .owl-nav .owl-next span { display: inline-block; background: #fff; color: #808080; border-radius: 5px; font-size: 18px; transition: .5s ease-in-out; cursor: pointer; width: 40px; height: 52px; line-height: 52px; text-align: center; } .our_services .owl-carousel .owl-nav .owl-prev span:hover, .our_services .owl-carousel .owl-nav .owl-next span:hover { color: #fccc00; background: #07a3db; } @media(max-width:992px) { .our_services .our_service_inner { margin: 0px; } } .our_services_inner::before { position: absolute; content: ''; left: 100%; top: 0; background: rgba(45, 114, 187, .8); width: 100%; height: 100%; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 8; } .our_services_inner::after { position: absolute; content: ''; left: 100%; top: 0; background: #ebf1f8; width: 50%; height: 100%; opacity: 0; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 9; } .our_services_inner:hover::before { opacity: 1; left: 0; } .our_services_inner:hover::after { opacity: 1; left: 50%; } .sub_text { position: absolute; bottom: -30%; right: 46px; opacity: 0; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 10; } .our_services_inner:hover .sub_text { opacity: 1; bottom: 30px; } /*---------------------------------------------------------------- ================== facts=================== -----------------------------------------------------------------*/ .facts { position: relative; padding: 110px 0px 80px; background: url(../images/resources/counter_bg.jpg); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; } .facts .facts_inner { position: relative; text-align: center; margin-bottom: 30px; z-index: 0; } .facts_num { position: relative; text-align: center; } .facts .facts_inner h6.counter-value { font-size: 72px; line-height: 82px; margin-bottom: 15px; color: #fccc00; } .facts .facts_inner h2 { font-size: 24px; line-height: 30px; text-transform: uppercase; color: #fff; margin-bottom: 10px; } .line_bro { background: #fccc00; height: 2px; width: 100px; text-align: center; display: block; margin: 0 auto 25px; } .facts .facts_inner p { font-size: 18px; color: #b0b2c2; } /*---------------------------------------------------------------- ================== testimonial_section=================== -----------------------------------------------------------------*/ .testimonial_section { position: relative; overflow: hidden; } .testimonial_inner { padding: 100px 50px 100px 0px; position: relative; } .testimonial_inner h2 { margin-bottom: 70px; font-weight: 700; color: #012b44; line-height: 66px; font-size: 46px; } .testimonial_inner h3 { color: #7f8284; font-weight: 500; font-size: 20px; } .testimonial_inner p { font-size: 36px; color: #07a3db; font-weight: 600; margin-top: 10px; } .testimonial_inner .heading .border_line { width: 156px; } .appointment_inner { position: relative; padding: 100px 0px; } .appointment_inner p { padding-left: 10px; } .schedule_appointment::before { position: absolute; content: ''; background: #ebf1f8; width: 1200px; height: 785px; left: -53px; } .appointment_inner .topic { position: absolute; transform: rotate(-90deg); top: 50%; left: -50%; background: #ebf1f8; width: 400px; height: 50px; text-align: center; } .appointment_inner .topic::before { position: absolute; content: ''; height: 0px; border-right: 25px solid transparent; border-top: 25px solid transparent; border-left: 25px solid #ebf1f8; border-bottom: 25px solid #ebf1f8; z-index: 0; right: -49px; top: 0px; } .appointment_inner .topic::after { position: absolute; content: ''; height: 0px; border-right: 25px solid #ebf1f8; border-top: 25px solid transparent; border-left: 25px solid transparent; border-bottom: 25px solid #ebf1f8; z-index: 0; left: -49px; bottom: 0px; } .appointment_inner .topic h1 { font-size: 24px; line-height: 30px; color: #012b44; padding-top: 20px; } .appointment_inner .form_inner { position: relative; margin-top: 35px; } .appointment_inner .form_inner input, .appointment_inner .form_inner textarea { position: relative; line-height: 26px; color: #808080; min-height: 55px; font-size: 16px; width: 100%; background: #fff; padding: 10px 18px; border: 1px solid #fff; border-radius: 6px; } .appointment_inner .theme-btn { border: 0px; box-shadow: none; } .ui-selectmenu-button.ui-button { position: relative; font-size: 16px!important; color: #757575!important; font-weight: 400!important; line-height: 44px!important; width: 100%!important; border: 1px solid #fff!important; height: 55px; border-radius: 0px; padding: 5px 18px; background: #fff; border-radius: 6px; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: #fff!important; border: 1px solid #e8e8e8; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #07a3db!important; border-bottom: 1px solid #07a3db!important; } .ui-menu .ui-menu-item-wrapper { padding: 7px!important; padding: 10px 18px!important; border-bottom: 1px solid #e8e8e8!important; } .ui-widget.ui-widget-content { border-top: 1px solid #e8e8e8!important; border-left: 1px solid #e8e8e8!important; border-right: 1px solid #e8e8e8!important; border-bottom: 0px solid #e8e8e8!important; border-radius: 6px; } .ui-button .ui-icon { background: none!important; text-indent: 0!important; display: block; overflow: inherit; } .ui-button .ui-icon::before { position: absolute; content: '\f107'; font-family: 'FontAwesome'; right: 0px; color: #888888; font-size: 16px; top: -1px; } .appointment_inner .form_inner .form-group { position: relative; margin-bottom: 30px; } .appointment_inner .form_inner textarea { padding: 20px 18px; } .appointment_inner .form_inner input::placeholder, .appointment_inner .form_inner textarea::placeholder { color: #808080; font-size: 16px; font-weight: 400; } @media (max-width: 1200px) and (min-width: 992px) { .schedule_appointment::before { left: -15px; } .test_inner { margin-right: 45px; } } @media (max-width: 992px) { .testimonial_outer::before { width: 100%; height: 100%; left: -150px; top: 0; } .schedule_appointment::before { position: absolute; content: ''; background: #ebf1f8; width: 1000px; height: 100%; left: -150px; } .test_inner { margin-right: 0px; } .testimonial_inner { padding: 100px 0px 70px; } .appointment_inner { padding: 50px 0px 100px; } .padding_right_zero { padding-right: 15px; } } @media (max-width:1140px) { .appointment_inner .topic { position: relative; transform: inherit; top: inherit; left: inherit; width: 100%; height: auto; } .appointment_inner .topic::before { display: none; } .appointment_inner .topic::after { display: none; } .schedule_appointment::before { height: 100%; } .appointment_inner p { padding-left: 34px; } .news_and_updates p.descrp { padding: 0px!important; } } @media (max-width: 500px) { .testimonial_carousel { padding-left: 0px; } .testimonial_section .owl-dots { display: none !important; } } /*---------------------------------------------------------------- ================== emergency_contact=================== -----------------------------------------------------------------*/ .emergency_contact { position: relative; background: url("../images/resources/emergency_bg.jpg"); background-size: cover; background-position: 0vh; padding: 100px 0px; } .emergency_inner { position: relative; text-align: center; } .emergency_contact h1 { font-size: 36px; line-height: 46px; color: #fff; text-align: center; padding: 0px 100px; } @media(max-width:992px) { .emergency_contact h1 { padding: 0px; } .appointment_inner p { padding: 0px; } } .emergency_contact h1 span { color: #fccc00; } .contact_nuber { position: absolute; text-align: center; display: block; width: 100%; bottom: -130px; z-index:1; } .contact_nuber ul li { list-style: none; padding: 0px 15px; display: inline-block; } .contact_nuber ul { position: relative; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .07); background: #fff; height: 66px; width: 570px; margin: 0 auto; line-height: 66px; border-radius: 8px; } .contact_nuber ul li a { font-size: 20px; line-height: 26px; font-weight: 700; font-family: 'Nunito', sans-serif; color: #07a3db; } .contact_nuber ul li span { font-size: 20px; line-height: 26px; font-weight: 700; font-family: 'Nunito', sans-serif; color: #fccc00; } @media(max-width:870px) { .contact_nuber { position: relative; } .contact_nuber ul li { display: block; } .contact_nuber ul { width: auto; height: auto; line-height: 46px; padding: 10px 0px; } } .text_r { margin-left: 250px; } .text_r h2 { font-size: 30px; line-height: 38px; color: #fff; font-family: 'Ubuntu', sans-serif; } .offer_right { position: relative; text-align: right; padding-top: 11px; } .offer_right .theme-btn { width: 270px; line-height: 60px; height: 60px; } @media(max-width:992px) { .offer_right { text-align: center; } } @media(max-width:600px) { .text_r { margin-left: 0px; } } /*------------------------------------------------------------- =========================footer=========================== --------------------------------------------------------------*/ .footer { position: relative; padding: 60px 0px 30px; background: #012b44; overflow: hidden; color:#fff } .footer.p-t180{ padding-top:180px; } .contact-info-list { margin-left: -10px; list-style:none } .contact-info-list li { border-bottom: 1px solid #f7f7f7; margin-bottom: 13px; padding-bottom: 13px; padding-left: 35px; position: relative; } .contact-info-list li .icon-holder { position: absolute; top: 6px; left: 0; } .contact-info-list li .icon-holder i { color:#fff; font-size:18px;} .contact-info-list li .text-holder h5 { color: #000; font-size: 16px; font-weight: 400; line-height: 30px; } .contact-info-list li .text-holder h5 span { text-transform: uppercase; font-weight: 700; color: #000; font-family: 'Open Sans',sans-serif; font-size: 17px; } .contact-info-list li .icon-holder span::before { color: #00a5ea; font-size: 20px; line-height: 20px; font-weight: 600; } @media (max-width:1199px) { .footer { padding-top: 100px; } } .collapse.navbar-collapse{ min-height:71px; } /*================= New Style For Header ===================*/ .header_outer{ position: relative; } .new-header-middle{ position: relative; padding: 25px 0px 65px; } .new-header-middle .logo-box{ position: relative; float: left; } .new-header-middle .right-content{ position: relative; float: right; } .new-header-middle .info-boxes{ position: relative; } .new-header-middle .info-boxes .info-box{ position: relative; float: left; margin-right: 60px; } .new-header-middle .info-boxes .info-box:last-child{ margin-right: 0; } .new-header-middle .info-boxes .info-box .inner{ position: relative; padding-top: 2px; padding-left: 72px; min-height: 50px; } .new-header-middle .info-boxes .search-btn-box .inner{ top: 3px; padding-left: 54px; border-left: 1px solid #e0e0e0; padding-top: 11px; } .new-header-middle .info-boxes .search-btn-box .inner span { font-size: 30px; color: #b0b0b0; line-height: 30px; } .new-header-middle .info-boxes .info-box h6 { font-size: 18px; font-weight: 700; line-height: 26px; color: #012b44; } .new-header-middle .info-boxes .info-box p { color: #808080; margin-bottom:0px; } .new-header-middle .info-boxes .info-box span.icon{ position: absolute; left: 0; top: 0; height: 55px; width: 55px; border-radius: 4px; background: #07a3db; line-height: 55px; font-size: 30px; color: #fff; text-align: center; } .new-header-middle .info-boxes .info-box:first-child span.icon{ padding-left: 0px; } .new-header-lower{ position: absolute; left: 0; top: 100%; margin-top: -40px; width: 100%; z-index: 999; } .fixed-header .new-header-lower{ position: fixed; top: 0; margin: 0; z-index: 9999; } .new-header-lower ul, .new-header-lower ul li{ list-style: none; padding: 0; margin: 0; } .new-header-lower .new-nav-box{ position: relative; float: left; min-width: 730px; } .new-header-lower .new-nav-box:before{ content: ''; position: absolute; right: 0; top: 0; width: 3000px; height: 72px; background: #ffffff; border:1px solid #f0f0f0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); border-radius: 7px; } .new-header-lower .new-nav-box .inner{ position: relative; display: block; padding-right: 5px; } .new-header-lower .new-nav-box .dropdown-btn{ display: none; } .new-header-lower .new-nav-box .new-navigation{ position: relative; } .new-header-lower .new-nav-box .new-navigation > li{ position: relative; display: block; float: left; padding: 15px 0px; } .new-header-lower .new-nav-box .new-navigation > li:before{ position: absolute; content: ''; background: #e0e0e0; width: 1px; height: 32px; right: 0; top: 20px; } .new-header-lower .new-nav-box .new-navigation > li:last-child:before{ display: none; } .new-header-lower .new-nav-box .new-navigation > li > a{ position: relative; padding: 0px 25px; display: block; font-size: 16px; font-weight: 700; color: #012b44; font-family: 'Ubuntu', sans-serif; line-height: 40px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .new-header-lower .new-nav-box .new-navigation > li:first-child > a{ padding-left: 0px; } .new-header-lower .new-nav-box .new-navigation > li:hover > a, .new-header-lower .new-nav-box .new-navigation > li.current > a{ color:#3786ff; } .new-header-lower .new-nav-box .new-navigation > li > ul{ position: absolute; left: 0; top: 100%; display: block; width: 270px; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); background-color: #ffffff; border-top: 3px solid #07a3db; -webkit-transition: all 300ms linear; transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .07); z-index: 9999; } .new-header-lower .new-nav-box .new-navigation > li > ul > li{ position: relative; } .new-header-lower .new-nav-box .new-navigation > li > ul > li > a { display: block; width: 100%; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; background: #fff; padding: 10px 26px; font-size: 15px; font-weight: 700; color: #012b44!important; } .new-header-lower .new-nav-box .new-navigation > li > ul > li > a:active, .new-header-lower .new-nav-box .new-navigation > li > ul > li:hover > a{ background: #f8f9fa; color: #012b44!important; } .new-header-lower .new-nav-box .new-navigation > li:hover > ul{ opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .new-header-lower .lower-info-box{ position: relative; float: right; } .new-header-lower .lower-info-box .inner{ position: relative; padding-left: 30px; min-width: 370px; } .new-header-lower .lower-info-box .inner:before{ content: ''; position: absolute; left: 0; top: 0; width: 3000px; height: 72px; background: #07a3db; border:1px solid #07a3db; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); border-radius: 7px; } .new-header-lower .lower-info-box .emergency-call { position: relative; text-align: right; } .new-header-lower .lower-info-box .emergency-call .text { float: right; padding-top: 9px; margin-right: 35px; } .new-header-lower .lower-info-box .emergency-call .text p { font-family: 'Ubuntu', sans-serif; font-size: 12px; line-height: 24px; margin-bottom:0px; font-weight: 700; color: #fff; text-transform: uppercase; } .new-header-lower .lower-info-box .emergency-call .text a { font-weight: 700; font-size: 20px; line-height: 26px; color: #fff; } .new-header-lower .lower-info-box .emergency-call .icon{ position: relative; float: right; } .new-header-lower .lower-info-box .emergency-call .icon::before { position: absolute; content: ''; height: 0px; border-right: 36px solid #fccc00; border-top: 72px solid #fccc00; border-left: 36px solid #fccc00; border-bottom: 25px solid transparent; z-index: 0; right: 0px; top: 0px; } .new-header-lower .lower-info-box .emergency-call .icon span { position: relative; display: block; text-align: center; top: 12px; font-size: 32px; line-height: 32px; color: #012b44; position: relative; padding: 0px 20px; margin-top: 10px; display: block; } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .new-header-lower .new-nav-box .mobile-nav-toggler{ position: relative; display: inline-block; font-size: 32px; line-height: 50px; margin: 11px 0px; cursor: pointer; color:#07a3db; display: none; } .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999; } .mobile-menu .navbar-collapse{ display:block !important; } .mobile-menu .nav-logo{ position:relative; padding:30px 25px; text-align:left; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ opacity: 1; visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background:#3786ff; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 0.30; visibility: visible; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .menu-box{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #202020; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu .menu-box .mCSB_inside>.mCSB_container{ margin-right: 10px; } .mobile-menu-visible .mobile-menu .menu-box{ opacity: 1; visibility: visible; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .close-btn{ position: absolute; right: 10px; top: 10px; color: #fff; background: #3786ff; text-align: center; opacity: 1; padding: 5px 5px; font-size: 20px; line-height: 20px; width: 30px; cursor: pointer; z-index: 10; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .mobile-menu .close-btn:hover{ -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } .mobile-menu .mobile-navigation{ position: relative; display: block; width: 100%; float: none; } .mobile-menu .mobile-navigation li{ position: relative; display: block; border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .mobile-navigation:last-child{ border-bottom: 1px solid rgba(255,255,255,0.10); } .mobile-menu .mobile-navigation li > ul > li:first-child{ border-top: 1px solid rgba(255,255,255,0.10); } .mobile-menu .mobile-navigation li > a{ position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: #ffffff; text-transform: uppercase; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .mobile-navigation li ul li > a{ font-size: 16px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .mobile-navigation li > a:before{ content:''; position:absolute; left:0; top:0; height:0; border-left:5px solid #3786ff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .mobile-navigation li.current > a, .mobile-menu .mobile-navigation li > a:hover{ color:#3786ff; } .mobile-menu .mobile-navigation li.current > a:before{ height:100%; } .mobile-menu .mobile-navigation li.dropdown .dropdown-btn{ position:absolute; right:6px; top:6px; width:32px; height:32px; text-align:center; font-size:16px; line-height:32px; color:#ffffff; background:rgba(255,255,255,0.10); cursor:pointer; border-radius:2px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index:5; } .mobile-menu .mobile-navigation li.dropdown .dropdown-btn.open{ background:#3786ff; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .mobile-menu .mobile-navigation li > ul, .mobile-menu .mobile-navigation li > ul > li > ul{ display: none; -webkit-transition: none; -ms-transition: none; transition: none; } .mobile-menu .social-links{ position:relative; text-align:center; padding:30px 25px; } .mobile-menu .social-links li{ position:relative; display:inline-block; margin:0px 10px 10px; } .mobile-menu .social-links li a{ position:relative; line-height:32px; font-size:16px; color:#ffffff; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .social-links li a:hover, .mobile-menu .social-links li.current a{ color:#07a3db; } @media (max-width:1199px) { .new-header-lower .lower-info-box .inner, .new-header-lower .new-nav-box{ min-width: 0; } .header_outer .top_bar .container, .new-header-lower .container, .new-header-middle .container{ max-width: 100% !important; width: 100% !important; } } @media (max-width:1139px) { .new-header-lower .new-nav-box .new-navigation > li{ margin-right: 30px; } .new-header-lower .new-nav-box .new-navigation > li:after, .new-header-lower .new-nav-box .new-navigation > li:before{ display: none; } .new-header-lower .new-nav-box .new-navigation > li > a{ padding-left: 0px; padding-right: 0px; } .new-header-middle .info-boxes .info-box{ margin-right: 50px; } } @media (max-width:1023px) { .new-header-lower .new-nav-box{ float: right; width: 100px; padding: 0px 0px 0px 20px; text-align: center; } .new-header-lower .new-nav-box:before{ left: 0; right: auto; } .new-header-lower .new-nav-box .inner{ display: none; } .new-header-lower .lower-info-box{ float: left; width: 50%; padding: 0px 20px 0px 0px; } .new-header-lower .lower-info-box .inner{ padding-left: 0; } .new-header-lower .lower-info-box .inner:before{ left: auto; right: 0; } .new-header-lower .lower-info-box .emergency-call .icon{ float: left; } .new-header-lower .lower-info-box .emergency-call .text{ float: left; margin-left: 25px; margin-right: 0; text-align: left; } .new-header-lower .new-nav-box .mobile-nav-toggler{ display: block; } .new-header-middle .info-boxes .info-box .inner{ padding-left: 0; } .new-header-middle .info-boxes .info-box{ margin-left: 50px; margin-right: 0; } .new-header-middle .info-boxes .info-box:first-child { margin-left: 0; } .new-header-middle .info-boxes .search-btn-box, .new-header-middle .info-boxes .info-box span.icon{ display: none; } } @media (max-width:767px) { .new-header-middle .info-boxes .info-box{ display: none; } .new-header-middle .info-boxes .search-btn-box{ display: block; margin: 0; } .new-header-middle .info-boxes .search-btn-box .inner{ padding-left: 50px; } .new-header-lower .lower-info-box{ width: auto; } .new-header-lower .lower-info-box .inner{ padding-right: 20px; } } @media (max-width:479px) { .new-header-lower .lower-info-box .emergency-call .text{ display: none; } .new-header-lower .lower-info-box .inner{ padding-right: 0px; } .new-header-lower .new-nav-box{ width: 80px; padding-left: 15px; } .new-header-middle .info-boxes .search-btn-box .inner{ padding-left: 30px; } } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } @media(max-width: 991px) { .new-header-lower { overflow: hidden; } } @media(max-width: 375px) { .new-header-middle .info-boxes .search-btn-box .inner span { font-size: 22px; } .new-header-middle .info-boxes .search-btn-box .inner { padding-left: 18px; } } /*** ============================================= Breadcrumb area style ============================================= ***/ .breadcrumb-area { background: #f1f1f1 none repeat scroll 0 0; padding-top: 90px; padding-bottom: 63px; } .breadcrumb-area h1 { color: #1c1c1c; font-size: 36px; font-weight: 700; text-transform: capitalize; } /*** ============================================= Breadcrumb botton area style ============================================= ***/ .breadcrumb-botton-area { border-bottom: 1px solid #f9f9f9; padding: 17px 0 15px; } .breadcrumb-botton-area .left { } .breadcrumb-botton-area .left ul { overflow: hidden; display: block; } .breadcrumb-botton-area .left ul li{ display: inline-block; margin-right: 6px; color: #1c1c1c; font-size: 14px; font-weight: 500; text-transform: capitalize; font-family: 'Open Sans', sans-serif; } .breadcrumb-botton-area .left ul li a{ color: #3d3d3d; transition: all 500ms ease; } .breadcrumb-botton-area .left ul li a:hover{ color: #00a5ea; } .breadcrumb-botton-area .left ul li.active{ color: #00a5ea; } .sec-title { margin-top: -6px; padding-bottom: 43px; position: relative; } .sec-title h1::before { position: absolute; top: 19px; left: 0; width: 100%; height: 1px; content: ""; background: #f4f4f4; z-index: -1; } .sec-title h1 { position: relative; z-index: 1; } .sec-title h1 span { background: #ffffff; display: inline-block; padding-right: 20px; color: #1c1c1c; font-size: 36px; font-weight: 700; line-height: 36px; text-transform: none; margin: 0; } .about-us-area .middle-text-box .single-item h3 { color: #1c1c1c; font-size: 24px; font-weight: 700; margin: 0 0 18px; } .choose-us-area { background: #f9f9f9; border-top: 1px solid #f4f4f4; padding-top: 90px; padding-bottom: 86px; } .choose-us-area .single-item { margin-bottom: 50px; position: relative; overflow: hidden; display: block; border: 1px solid #e9e9e9; } .choose-us-area .single-item .inner-content { padding-left: 30px; padding-bottom: 20px; padding-top: 40px; transition: all 500ms ease; } .choose-us-area .single-item .inner-content .iocn-holder { margin-bottom: 29px; } .choose-us-area .single-item .inner-content .iocn-holder span::before { color: #00a5ea; font-size: 50px; line-height: 50px; } .choose-us-area .single-item .inner-content .iocn-holder span::before { color: #00a5ea; font-size: 50px; line-height: 50px; } .choose-us-area .single-item .inner-content .title-holder { padding-top: 29px; } .choose-us-area .single-item .inner-content .title-holder { padding-top: 29px; } .choose-us-area .single-item .inner-content .title-holder p { color: #00a5ea; font-size: 14px; margin: 0; } .choose-us-area .single-item .inner-content .border { height: 1px; width: 60px; display: block; background: #e9e9e9; border:1px solid #dee2e6 !important }