body {font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal; font-optical-sizing: auto; font-size: 14px; scroll-behavior: smooth;  overflow-x: hidden; line-height: 24px; letter-spacing: .5px;}

.main-btn{padding: 14px 20px; font-size: 15px; font-weight: 500; background-color: #ff7e23; color: #fff; text-transform: capitalize; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 10px; text-decoration: none; display: inline-block}
.main-btn:hover{background-color: #0195ff; color: #fff;}

.main-heading{font-size: 26px; font-weight: bold; padding-bottom: 15px; margin-bottom: 25px; position: relative; color: #0195ff;}
.main-heading::after{content: ""; position: absolute; display: block; width: 50px; height: 3px; background:#ff8132; left: 0; right: 0; bottom: 0; margin: auto;} 
.heading-bottontext {max-width: 850px; margin: 0px auto 24px; text-align: center; line-height: 26px;}

.page-heading{text-align: left; margin-bottom: 16px; font-size: 16px; font-weight: bold; position: relative;}
/* .page-heading::after{content: ""; position: absolute; display: block; width: 35px; height: 3px; background:#0195ff; bottom: 0; margin: auto;} */

.noafter{margin-bottom: 18px; padding-bottom: 0;}
.noafter::after{display: none;}


.mymt{margin-top: 60px;}
.error {color: red;}
.success-message {text-align: center; color: #0d8100;} 
.responsive-img{width: 100%; height: auto;}

.loader {text-align: center; margin-top: 14px;}
.loader .spinner-grow.text-muted {color: #ff7e23 !important; width: 12px !important; height: 12px !important;}
.loader .spinner-grow.text-muted:nth-child(odd) {color: #0092fa !important;}
.section-head-info{max-width: 800px; margin: 0 auto;}


.head-tfn {margin-left: 2%;}
.head-tfn .call-icon {width: 40px; height: auto; display: inline-block; margin-right: 8px;}
.head-tfn .call-icon img {width: 100%; height: auto;}
.head-tfn a {color: #000; text-decoration: none; font-weight: 600; display: flex; align-items: center;}
.callustext {font-size: 18px; letter-spacing: .5px; color: #ed6815;}
.callustext .head-callus {display: block; font-size: 13px; color: #000; margin-bottom: -3px; text-align: center; font-weight: 500; letter-spacing: 2px;}



.myowl-style .owl-nav {position: absolute; top: 42%; width: 100%; display: flex; justify-content: space-between;}
.myowl-style .owl-nav button span {background: #0092fa; color: #fff !important; padding:6px 12px 11px; font-size: 42px; border-radius: 3px; display: block; line-height: 22px;}
.myowl-style .owl-nav button:hover span {background: #ff8132;}
.myowl-style .owl-nav .owl-prev {margin-left: -20px;}
.myowl-style .owl-nav .owl-next {margin-right: -20px;}
.myowl-style .fun-slide-img img{width: 100%; height: auto;}


/***************** Navbar Css Start **********************/

header {position: sticky; top: 0; left: 0; width: 100%; z-index: 10; background-color: #fff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);}


.mynavbar .navbar {padding: 0px 0; position: relative;}
.mynavbar .navbar-brand img {width: 120px; height: auto;} 
.mynavbar ul.navbar-nav li.nav-item {margin: 0 2px;}
.mynavbar ul.navbar-nav a.nav-link {color: #000000; font-size: 15px; padding: 18px 24px; text-transform: capitalize; font-weight: 500; border-radius: 0px;}
.mynavbar ul.navbar-nav a.nav-link:hover{color: #0195ff;}
.mynavbar ul.navbar-nav a.nav-link.active {color: #fff; background: #0195ff;}
.mynavbar ul.navbar-nav a.nav-link.active:hover {color: #fff;}

.mynavbar ul.navbar-nav li.contact-menu a {background: #0092fa; padding: 8px 15px; margin-top: 10px; border-radius: 30px; color: #fff;}
.mynavbar ul.navbar-nav li.contact-menu a .right-icon {background: #fff; color: #154b67; border-radius: 100%; padding: 2px 5px 4px;}
.mynavbar ul.navbar-nav li.contact-menu a:hover{background: #464749; color: #fff;}

.mynavbar .navbar-toggler {background: #0195ff; padding: 5px 12px;}
.mynavbar .navbar-toggler span {background-image: none; background-color: #fff; width: 22px; height: 2px; margin: 6px 0; display: block;}
.mynavbar .navbar-brand {padding: 0;}

.mynavbar .navbar .dropdown-menu {line-height: initial;}
.mynavbar .dropdown .dropdown-menu {display: none;}
.mynavbar .dropdown:hover > .dropdown-menu,
.mynavbar .dropend:hover > .dropdown-menu {display: block;}
.mynavbar .dropdown:hover > .dropdown-menu {margin-top: -0.5rem;}
.mynavbar .dropend:hover > .dropdown-menu {position: absolute; top: -0.5rem; left: 100%; margin-left: 0;}

/* .mynavbar .dropdown .mega-dropdown .dropdown-item:hover {background: transparent; color: #008ff5;} */
.mynavbar .dropdown:hover > .mega-dropdown {display: flex; flex-wrap: wrap; gap: 2%; left: -110px;}
.mega-dropdown {border-top: 4px solid #0092fa; padding: 0; width: 450px;}
.mega-dropdown li {border-bottom: 1px solid #e1e1e1; width: 49%;}
.mega-dropdown .dropdown-item {padding: 15px 5px 15px 12px; font-size: 15px;}
.mega-dropdown .dropdown-item:hover {color: #fff; background-color: #0092fa;}
.mega-dropdown li:last-child{border-bottom:none}

/***************** Navbar Css End **********************/


/***************** Main Banner Css Start **********************/
.main-banner-section {height: 600px; position: relative; overflow: hidden; z-index: 1; background-image: url(../images/main-banner.webp); background-repeat: no-repeat;  background-size: cover; background-position: top center;}
.main-banner-section:before{content: ''; width: 100%; height: 100%; background-color: rgba(0, 146, 250, .85); position: absolute;}

.main-banner-section .container, .inner-banner-section .container {display: flex; align-items: center; justify-content: center; height: 100%;}

/* .main-banner-section:before {content: ""; background: rgba(196, 106, 201, 0.12); position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 1;}  */
.banner-content {z-index: 9; text-align: center; color: #fff; max-width: 700px; margin: 0 auto;  padding: 10px 10px; }

.banner-heading {font-size: 60px; font-weight: 600; text-transform: capitalize; color: #fff; letter-spacing: 1px;}
.banner-content p {font-weight: 400; margin-top: 24px; font-size: 28px; color: #fff; letter-spacing: 2px;}
.banner-content p a{color: #fff; text-decoration: none; letter-spacing: 1px; font-weight: 700;}
.banner-content .main-btn {margin-top: 40px; font-size: 18px; font-weight: 600; border: 1px solid #fff; border-radius: 12px; padding: 14px 30px;}
.banner-content .main-btn:hover{background-color: #464749;}
/***************** Main Banner Css End **********************/


/***************** Social Reviews Section Start **********************/
.social-reviews-sec .social-reviews-col {text-align: center; margin-bottom: 50px;}
.social-reviews-sec .social-reviews-col .socialreviews-icon {width: 185px; height: auto;}
.social-reviews-sec .review-star {font-size: 22px; color: #6c6d70; font-weight: 600; display: block; margin: 12px 0 12px;}
.social-reviews-sec .review-star svg{color: #ffb232; width: 18px; height: 18px; margin-right: -2px;}
.social-reviews-sec .review-rating{font-size: 20px; color: #575757; font-weight: 600; display: block;} 
/***************** Social Reviews Section End **********************/


/***************** Top Rated Section Start **********************/
.top-rated-sec .top-rated-row{align-items: center; margin-top: 50px;}
.top-rated-sec .top-rated-row .top-rated-colright {text-align: center;}
.top-rated-sec .top-rated-row img {width: 60%; height: auto;}
.top-rated-sec .top-rated-row .main-btn {text-transform: uppercase; margin-top: 10px; font-size: 16px;}
/***************** Top Rated Section End ***********************/


/***************** Month To Month Section Start **********************/
.monthtomonth-row {align-items: center;}
.monthtomonth-colleft ul, .monthtomonth-colleft ol {padding-left: 15px;}
.monthtomonth-colleft ul li, .monthtomonth-colleft ol li {margin-bottom: 5px;}
.queryform {background-color: #c8e8ff; padding: 24px 30px 3px; border-radius: 8px;}
.queryform .form-title {text-align: center; background-color: #0195ff; padding: 10px 42px; color: #fff; font-size: 20px; font-weight: bold; line-height: 30px;   border-radius: 5px; margin-bottom: 22px;}
.queryform .form-floating textarea {height: calc(6.5rem + 2px);}
.queryform .form-floating>label {position: static;}
.queryform .form-floating .field-label{position: absolute;}

.queryform .form-floating label.error {color: red; padding: 7px 7px 0; display: block;}
.form-floating>.form-control:not(:placeholder-shown)~label.field-label{transform: scale(0.85) translateY(-0.8rem) translateX(.15rem);}
.queryform .form-floating>.form-control:focus~label.error, .queryform .form-floating>.form-control:not(:placeholder-shown)~label.error {opacity: 1; transform: none;}
.queryform .main-btn {padding: 10px 50px; font-size: 18px; letter-spacing: .9px; border-radius: 6px; margin-top: 6px; width: 100%;}
.queryform select {height: 58px;}
.queryform .formselectbox label.error {display: block; margin: 8px 0 0 8px;}
.queryform .iti {width: 100%;}
.queryform .iti__flag-container{height: calc(3.5rem + 2px);}
.queryform .iti--allow-dropdown input, .queryform .iti--allow-dropdown input[type=text], .queryform .iti--allow-dropdown input[type=tel], .queryform .iti--separate-dial-code input, .queryform .iti--separate-dial-code input[type=text], .queryform .iti--separate-dial-code input[type=tel]{
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}


.queryform .captcha-row {display: flex; align-items: center; gap: 2%;}
.queryform .captcha-code .btn{background: #424548; padding: 5px; color: #fff; border-radius: 6px; font-weight: bold;}
.queryform .captcha-code .btn svg {width: 25px; height: 25px;}
.queryform .captcha-code #captcha-box {letter-spacing: 2px; font-size: 20px; background: #ffeadd; padding: 12px 10px; margin: 0 12px 0 2px; display: inline-block; border-radius: 5px; font-style: italic;}
.queryform .captcha-code {display: flex; align-items: center;}
    

/***************** Month To Month Section End **********************/


/***************** Our Service Section Start **********************/
.ourservice-col {background-color: #0195ff; color: #fff; text-align: center; padding: 10px 5% 25px; border-radius: 10px; margin-top: 30px; box-shadow: 0px 2px 9px -2px rgba(159, 159, 159, 1);}


.ourservice-col .icon {width: 75px; height: auto; display: inline-block;}
.ourservice-col .icon img{width: 100%; height: auto;}
.ourservice-heading {font-weight: 600; font-size: 18px; margin: 22px 0 15px;}
.ourservice-col .ourservice-desc {min-height: 145px;}
.ourservice-col .main-btn {padding: 7px 24px; border-radius: 20px; background-color: #fff; color: #e55f00; margin-top: 5px;}
.ourservice-col .main-btn:hover{background-color: #e55f00; color: #fff;}

/***************** Our Service Section End **********************/

.bookyourappointmentbanner-sec {text-align: center;}
.bookyourappointmentbanner-sec img {height: auto; width: 1000px;}

/***************** We Built Section Start **********************/
.webuilt-sec .section-head-info {max-width: 600px; font-size: 22px; background-color: #ff6900; color: #fff; padding: 15px; border-radius: 8px;}
.webuilt-sec .section-head-info p {margin-bottom: 0;}
.webuilt-sec .section-head-info span {display: block; margin-top: 12px;}
.webuilt-sec .section-head-info .best-trained-text{font-size: 28px; padding: 10px 0; margin-top: 0; font-weight: 600;}

.webuilt-sec .webuilt-banner{max-width: 1000px; margin: 0 auto;}
.webuilt-sec .webuilt-banner img{width: 100%; height: auto;}
/***************** We Built Section End **********************/

/***************** Our Partners Section Start **********************/
.partners-logos {background: #0092fa; padding: 10px 0;}
.partners-logos ul {list-style: none; display: flex; justify-content: center; gap: 8%; align-items: center; margin-bottom: 0; padding-left: 0;}
.partners-logos ul li {width: 15%;}
.partners-logos ul li img {width: 100%; height: auto;}
/***************** Our Partners Section End **********************/


/***************** Premiereads Section Start **********************/
.premiereads-hourstext {text-align: center; background-color: #0195ff; color: #fff; padding: 22px 0;}
.premiereads-hourstext p{margin-bottom: 0; font-weight: 500; font-size: 16px; line-height: 26px;}
.premiereads-hourstext .president-name {display: block; text-align: center; font-size: 13px; margin-top: 8px;}

.premiereads-sec .premiereads-row{align-items: center; margin-top: 80px;}
.premiereads-colleft ul {list-style: none; padding-left: 0; margin-bottom: 0;}
.premiereads-colleft ul li {display: flex; gap: 4%; align-items: center; margin-top: 40px; font-size: 15px;}
.premiereads-colleft ul li .listsocial-icon {width: 10%; height: auto;}
.premiereads-colleft ul li .listsocial-icon img {width: 100%; height: auto; background: #e56719; border-radius: 100%; padding: 7px;}
.premiereads-colleft ul li .premiereads-listtext {width: 80%;}

.premiereads-colright img {width: 100%; height: auto; border-radius: 8px;}
/***************** Premiereads Section End **********************/


/***************** callat Section Start **********************/
.callat-sec{background-color: #e56719; max-width: 800px; margin: 30px auto 0px; text-align: center; color: #fff; font-size: 25px; padding: 30px 15px; border-radius: 10px; font-weight: 600;}
.callat-sec p{margin-bottom: 0;}
.callat-sec .main-btn {background-color: #fff; color: #ff7e23; padding: 15px 15px; border-radius: 5px; text-transform: lowercase; font-size: 24px; font-weight: 600;}
.callat-sec .main-btn:hover {background-color: #464749; color: #fff;}
.callat-sec p .callat-tfnemail {margin-left: 2%; display: inline-block;}
/***************** callat Section End **********************/


/***************** Our Work Includes Section Start **********************/
.ourwork-includes-sec{background-image: url(../images/ourwork-includes-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: top center; padding: 35px; }
.ourwork-includes-sec .main-heading {color: #fff; letter-spacing: 1px;}

.ourwork-includes-sec .ourwork-list {list-style: none; padding-left: 0; display: flex; gap: 2%; margin-bottom: 0; justify-content: space-between;}
.ourwork-includes-sec .ourwork-list li {color: #fff; font-size: 20px; font-weight: 600; text-align: center; margin-top: 40px;}
.ourwork-includes-sec .ourwork-list li a {color: #fff; text-decoration: none;}
.ourwork-includes-sec .ourwork-list li a:hover{color: #ff7e23;}
.ourwork-includes-sec .ourwork-list li .ourwork-icon {display: block; width: 90px; height: auto; background: #ffffff; border-radius: 100%; text-align: center; padding: 15px;
    margin: 0px auto 22px;}

.ourwork-includes-sec .ourwork-list li .ourwork-icon img {width: 100%; height: auto;}    
/***************** Our Work Includes Section End **********************/


/***************** Learn About Section Start **********************/
.learn-about-sec .result-slider {margin-top: 155px; position: relative;}
.result-slider .testi-inner-col {display: flex; align-items: center; justify-content: center; gap: 4%;}
.result-slider .testi-inner-col .testiuser-img{width:50% }
.result-slider .testi-inner-col .testiuser-img img{width: 100%; height: auto;}
.result-slider .testi-inner-col .testiuser-content{width:45%; font-size: 15px;}
.result-slider .testi-inner-col .testiuser-content .heading {margin-bottom: 22px; font-size: 24px; line-height: 34px;}


.result-slider .owl-carousel .owl-dots {display: flex; gap: 5%; justify-content: center; position: absolute; top: -120px; width: 100%;}
.result-slider .owl-carousel button.owl-dot{width: 150px; height: 70px; background-repeat: no-repeat; background-size: 100%; background-position: center center; filter: grayscale(85%);}

.result-slider .owl-carousel button.owl-dot.active{ filter: grayscale(0);}

.result-slider .owl-carousel button.owl-dot:nth-child(1) {background-image: url(../images/result-studyunicorn-logo.webp);}
.result-slider .owl-carousel button.owl-dot:nth-child(2) {background-image: url(../images/result-lowtickets-logo.webp);}
.result-slider .owl-carousel button.owl-dot:nth-child(3) {background-image: url(../images/result-ebooktrip-logo.webp);}
.result-slider .owl-carousel button.owl-dot:nth-child(4) {background-image: url(../images/result-assigmentgenius-logo.webp);}
.result-slider .owl-carousel button.owl-dot:nth-child(5) {background-image: url(../images/result-cheapcruisefare-logo.webp);}

.get-prequalifeied-sec {background: #ff6900; color: #fff; margin-top: 50px;}
.prequalifeied-cta{display: flex; justify-content: space-between; align-items: center; padding: 20px 10px; gap: 2%;}
.prequalifeied-cta .cta-left {width: 75%;}
.prequalifeied-cta .cta-left p {margin-bottom: 0; font-weight: 500; font-size: 15px;}
.prequalifeied-cta .cta-right a {background-color: #fff; color: #ff6c1d; border-radius: 5px; font-size: 16px; font-weight: 600;}

/***************** Learn About Section End **********************/


/***************** Our Clients Says Section Start **********************/
 .our-clients-sec .myowl-style .item { padding: 10px;}
 .our-clients-sec .myowl-style .testi-inner-col {box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, 0.22); padding: 20px; border-radius: 8px;}
 .our-clients-sec .myowl-style .item .testiuser-name {display: inline-block; color: #ff6c1d; font-weight: 600; font-size: 15px;}
 .our-clients-sec .myowl-style .item .testiuser-name img {display: inline-block; width: 50px; height: auto; margin-right: 8px;}
 .our-clients-sec .myowl-style .quote-icon {display: inline-block; margin-bottom: 12px; color: #0092fa;}
 .our-clients-sec .myowl-style .quote-icon svg {width: 32px; height: auto;}
/***************** Our Clients Says Section End **********************/


/***************** Social Number Of Reviews Section Start **********************/
.social-reviewscount-sec {background: #0092fa; padding: 25px 0; color: #fff;}
.social-reviewscount-sec ul {list-style: none; display: flex; gap: 2%; justify-content: space-around;  margin-bottom: 0; padding-left: 0; align-items: center;}
.social-reviewscount-sec ul li {text-align: center;}
.social-reviewscount-sec ul li img{width: 150px; height: auto;}
.social-reviewscount-sec ul li .star {display: block; color: #fd8b0f; margin: 12px 0;}
.social-reviewscount-sec ul li .star svg {width: 20px; height: auto;}
.social-reviewscount-sec ul li .numberreviews{display: block; font-size: 16px; letter-spacing: 1px;}
/***************** Social Number Of Reviews Section End **********************/


/***************** What Can We Do Section Start **********************/
.whatcando-img img {width: 100%; height: auto; border-radius: 6px;}
.whatcando-content .whatcando-heading {color: #0195ff; font-size: 28px; margin-bottom: 15px; font-weight: 600;}
.whatcando-content p {font-size: 15px;}
.whatcando-sec .whatcando-digital {margin: 60px 0;}
/***************** What Can We Do Section End **********************/


/***************** Our Location Section Start **********************/
.ourlocation-sec .ourlocation-img img{width: 100%; height: auto;}
/***************** Our Location Section End **********************/



/***************** Inner Page css Start **********************/
.inner-banner-section {height: 300px; position: relative; overflow: hidden; z-index: 1; background-image: url(../images/inner-banner.webp); background-repeat: no-repeat;
    background-size: cover; background-position: top center;}
.inner-banner-section:before{content: ''; width: 100%; height: 100%; background-color: rgba(0, 146, 250, .5); position: absolute;}

.inner-banner-section .banner-heading{font-size: 45px;}

.static-page-content {margin-top: 24px; line-height: 24px;}
.static-page-content ul, .static-page-content ol {padding-left: 25px;}
.static-page-content ul li, .static-page-content ol li {margin-bottom: 10px;}
.static-content-section address {line-height: 26px;}
.policy-subheading{font-size: 16px; font-weight: 600;}

/***************** Inner Page css End **********************/



/***************** About Us Page css Start **********************/
.abouttop-row {align-items: center;}
.abouttop-sec .abouttop-right-col img {width: 100%; height: auto; padding-left: 8%;}

.callus-cta {background: #ff6900; color: #fff; text-align: center; font-size: 25px; padding: 25px 15px; font-weight: 600;}
.callus-cta p{margin-bottom: 0;}
.callus-cta p .callat-tfnemail {margin-left: 2%; display: inline-block;}
.callus-cta .main-btn {background-color: #fff; color: #ff7e23; padding: 15px 15px; border-radius: 5px; text-transform: lowercase; font-size: 24px; font-weight: 600;}
.callus-cta .main-btn:hover{background-color: #464749; color: #fff;}

.ourvision-img img {width: 100%; height: auto; border-radius: 15px;}
.ourvision-content p{font-size: 15px;}
.ourvision-content .ourvision-heading {color: #0195ff; font-size: 28px; margin-bottom: 15px; font-weight: 600;}

.ourvision-mission-sec .mission-row {margin: 60px 0;}

/***************** About Us Page css End **********************/


/***************** Contact Us Page css Start **********************/
.contact-details-row {margin-top: 25px;}
.contact-details-row .heading {color: #101010; font-size: 22px; font-weight: 600; margin-top: 15px;}
.contact-details-inner {width: 80%; margin-top: 25px;}
.info-contact-details {width: 100%;background-color: #0092fa; margin-bottom: 15px; padding: 12px; border-radius: 10px; color: #fff; display: flex; align-items: center;}
.contact-icon i {font-size: 20px; color: #fff; float: left; width: 52px; height: 52px; background-color: rgba(255, 255, 255, 0.2); display: flex;
    justify-content: center; align-items: center; border-radius: 100%; transition: all 0.3s ease-in-out; margin-right: 10px;}
.contact-icon-text strong {margin: 3px 0; font-size: 15px; display: block;}
.contact-icon-text a {color: #fff; font-size: 17px;}
.contact-icon i svg {width: 22px; height: 22px;}
.contact-form .queryform {margin-top: 20px; padding: 12px 20px 5px;}
/***************** Contact Us Page csss End ***********************/


/***************** Appointment Us Page css Start ********************/

.book-appointment-banner{background-image: url(../images/book-appointment.webp);}
.appointment-top-sec h2 {font-size: 24px; margin-bottom: 15px;}
.appointment-details-row{display:flex; gap: 1%; align-items: center; max-width: 1200px; margin: 35px auto 0; box-shadow: 0px 2px 9px -2px rgba(159, 159, 159, 1); padding: 2px; border-radius: 8px;}
.appointment-details-row .heading {font-size: 22px; font-weight: 600; margin: 15px 0 22px;}
.appointment-details-row .appointment-form {width: 55%;  padding: 6px 15px 3px;}
.appointment-details-row .appointment-form .row {align-items: center;}
.appointment-details-row .appointment-form .heading {text-align: center;}
.appointment-details-row .whyappointment-details{width: 44%;}
.appointment-details-row .whyappointment-details img {width: 100%; height: auto;}
.app
.appointment-details-row .appointment-feature{margin-top: 20px;}
.appointment-details-row .appointment-feature h4 {font-size: 18px;}


.datepicker.datepicker-dropdown {padding: 10px; width: 270px;}
.datepicker table.table-condensed {width: 100%;}
.datepicker td, .datepicker th{font-size: 14px;}
.datepicker table tr td.today {background-image: none; background-color: #c8f0ff;}
.datepicker table tr td.active.day {background-color: #004c7e; background-image: none;}

/***************** Appointment Us Page css End **********************/

/***************** Service Page Css Start **********************/

.servicepage  ul, .servicepage ol {padding-left: 16px;} 

.serviceinfo-sec {margin-top: 50px;}
.serviceinfo-sec .row{align-items: center;}
.serviceinfo-colright img {width: 100%; height: auto; border-radius: 15px; box-shadow: 0px 2px 9px -2px rgb(191 191 191);}
.servicepage .page-heading{margin-bottom: 10px;}

/***************** Service Page Css End **********************/

.thankyou-container {margin-top: 40px;}
.thankyou-container .mycard {border: 1px solid #c5e0f3; max-width: 600px; border-radius: 5px; margin: 0 auto; font-size: 16px;}
.thankyou-container p {line-height: 30px;}
.thankyou-backbtn {color: #fff; background: #ff8033; padding: 10px 26px; font-size: 16px; font-weight: 500;}
.thankyou-backbtn:hover{background: #008ff5; color: #fff;}

/***************** footer Css Start **********************/
footer {background: #464749; padding: 30px 0 15px; color: #fff;}
.foot-logo-sec {margin-top: 18px;}
.footlogo-img {display: inline-block; margin-bottom: 10px; width: 130px;}
.footlogo-img img{width: 100%; height: auto;}
.foot-logo-sec p {font-size: 13px; margin-bottom: 18px; padding-right: 12px;}

.foot-nav-head {font-size: 16px; font-weight: bold; margin-bottom: 12px; margin-top: 15px; position: relative;}
/* .foot-nav-head:after {content: ""; width: 10px; height: 2px; background: #0195ff; position: absolute; bottom: -5px; left: 0;} */
footer ul {padding-left: 0; list-style: none; margin-top: 20px;}
footer ul li {margin: 8px 0;}
footer ul li a{text-decoration: none; color: #fff;}
footer ul li a:hover {color: #ff8c45;}
.foot-info {margin-top: 20px;}
.foot-info p {margin-bottom: 12px; display: flex;}
.foot-info p a {color: #fff; text-decoration: none;}
.foot-info p i {font-size: 13px; color: #fff; margin-right: 8px;}

.foot-servicelist ul {display: flex; flex-wrap: wrap; gap: 4%; align-items: flex-start;}
.foot-servicelist ul li {width: 48%; margin-top: 0;}

.foot-disclaimer {text-align: center; line-height: 22px; color: #fff; font-size: 13px; margin-top: 20px;}

.foot-certified {text-align: center; margin: 20px 0 0;}
.foot-certified img {width: 400px; height: auto;}

.socialmedia-icons {display: flex; gap: 1%; margin: 0;}
.socialmedia-icons li{margin: 0 8px;}
.socialmedia-icons li a svg {width: 25px; height: 25px;}
.socialmedia-icons li .social-face:hover{color: #3078a9;}
.socialmedia-icons li .social-insta:hover{color: #d13b71;}
.socialmedia-icons li .social-twitter:hover{color: #000;}
.socialmedia-icons li .social-youtube:hover{color: #FF0000;}

.copyright-sec {border-top: 1px solid #a2a2a2; padding-top: 22px; display: flex; justify-content: space-between;}
.copyright-sec .copyrighttext {margin: 0px 0 0; font-size: 11px; letter-spacing: .8px; color: rgba(255, 255, 255, 0.7);}
/***************** footer Css End **********************/




@media only screen and (max-width: 1199px) {
    .whatcando-sec .whatcando-digital {margin: 40px 0;}
    .ourservice-col .ourservice-desc {min-height: 195px;}
    .callustext{display: none;}
}


@media only screen and (max-width: 991px) {
    header{padding: 4px 0;}
    .mynavbar .navbar {padding: 0px 0;}
    .mynavbar ul.navbar-nav {background: #0195ff; border-radius: 7px; margin: 10px 0 10px;}
    .mynavbar ul.navbar-nav a.nav-link {padding: 12px 12px; border-bottom: 1px solid #006ebd; color: #fff; border-radius: 0; font-size: 16px;}
    .mynavbar ul.navbar-nav a.nav-link:hover {color: #fff;}
    .mynavbar ul.navbar-nav li.contact-menu a{margin-top: 0px;}
    .mynavbar ul.navbar-nav li.contact-menu a .right-icon{display: none;}
    .mynavbar ul.navbar-nav a.nav-link.active{background: transparent;}
    .mynavbar ul.navbar-nav li.contact-menu a:hover{background: transparent;}
    .mynavbar ul.navbar-nav li:last-child a.nav-link {border-bottom: none;}
    /* .mynavbar .navbar-brand img{width: 120px;} */
    .mynavbar .dropdown:hover > .mega-dropdown{display: none; height: 300px; overflow-y: scroll;}
    .mynavbar .dropdown-menu.mega-dropdown.show {display: block !important;}
    .mega-dropdown{width: 100%;}
    .mega-dropdown li{width: 100%;}
    .head-tfn{position: absolute; right: 60px; top: 8px;}
    .head-tfn .call-icon {width: 45px;}
    
    .main-banner-section {height: 400px;}
    .banner-heading{font-size: 45px;}
    .inner-banner-section .banner-heading {font-size: 45px;}
    .banner-content p{font-size: 22px; letter-spacing: 3px;}
    .banner-content .main-btn {margin-top: 25px;}

    .top-rated-sec .top-rated-row img {width: 100%;}
    
    .partners-logos ul{gap: 6%;}
    .partners-logos ul li {width: 22%;}

    .premiereads-sec .premiereads-row {align-items: center; margin-top: 50px;}
    .premiereads-colleft ul li{margin-top: 25px;}

    .ourservice-col .ourservice-desc {min-height: 168px;}

    .learn-about-sec .result-slider {margin-top: 135px;}
    .result-slider .testi-inner-col{flex-wrap: wrap;}
    .result-slider .testi-inner-col .testiuser-img {width: 100%;}
    .result-slider .testi-inner-col .testiuser-content {width: 100%; margin-top: 40px;}
    .result-slider .owl-carousel .owl-dots{top:-100px}

    .prequalifeied-cta .cta-left {width: 70%;}

    .callat-sec{padding: 22px 15px 30px;}
    .callat-sec p{line-height: 32px;}
    .callat-sec p .callat-tfnemail{display: block; margin-top: 20px; margin-left: 0;}

    .whatcando-sec .whatcando-img {margin-bottom: 30px;}
    .whatcando-sec .whatcando-content {text-align: center;}

    .abouttop-sec .abouttop-left-col{text-align: center;}
    .abouttop-sec .abouttop-right-col img{padding-left: 0; margin-bottom: 32px;}
    .ourvision-mission-sec .ourvision-content {text-align: center; margin-top: 30px;}
    .ourvision-mission-sec .mission-row {margin: 25px 0;}

    .serviceinfo-sec {margin-top: 25px;}
    .serviceinfo-sec .serviceinfo-colright {margin: 25px 0;}

    .footlogo-img {width: 120px;}
    .foot-servicelist ul{margin-bottom: 5px;}
    .foot-servicelist ul li {width: 100%; padding: 2px 0;}

    .appointment-details-row{flex-wrap: wrap;}
    .appointment-details-row .heading{text-align: center;}
    .appointment-details-row .appointment-form{width: 100%; }
    .appointment-details-row .whyappointment-details {width: 100%; margin-top: 30px; display: none;}

}

@media only screen and (max-width: 767px) {
.mymt{margin-top: 40px;}

.top-rated-sec .top-rated-row {margin-top: 20px;}
.top-rated-sec .top-rated-row img {width: 75%;}
.top-rated-sec .top-rated-row .top-rated-colright {margin-bottom: 25px;}
.top-rated-sec .top-rated-row .top-rated-colleft {text-align: center;}

.monthtomonth-colright {margin-top: 25px;}
.queryform{padding: 20px 20px 5px;}
.queryform .form-title{font-size: 18px; padding: 10px 22px;}
.contact-details-inner {width: 100%;}

.partners-logos{margin-top: 30px;}

.ourwork-includes-sec .ourwork-list{flex-wrap: wrap;}
.ourwork-includes-sec .ourwork-list li{width: 32%;}

.prequalifeied-cta{flex-wrap: wrap; justify-content: center;}
.prequalifeied-cta .cta-left { width: 100%; text-align: center; margin-bottom: 22px;}
.prequalifeied-cta .cta-right a{font-size: 18px;}

.webuilt-sec .section-head-info .best-trained-text{font-size: 22px; padding: 4px 0;}

.ourservice-col .ourservice-desc {min-height: auto;}

.our-clients-sec .myowl-style .testi-inner-col .testiuser-content{text-align: center;}
.our-clients-sec .myowl-style .item .testiuser-name{text-align: center; display: block;}
.our-clients-sec .myowl-style .quote-icon{margin-bottom: 8px;}
.myowl-style .owl-nav button span{padding: 5px 9px 10px; font-size: 35px;}
.myowl-style .owl-nav .owl-prev {margin-left: -5px;}
.myowl-style .owl-nav .owl-next {margin-right: -5px;}

.social-reviewscount-sec ul{gap: 8%;}
.social-reviewscount-sec ul li img { width: 100%; height: auto;}

.ourlocation-sec .ourlocation-content {text-align: center; margin-top: 35px;}

.callus-cta p .callat-tfnemail{display: block; margin-top: 18px; margin-left: 0; padding: 13px 18px;}

.seoservice .monthtomonth-colright, .emailmarket-service .monthtomonth-colright {margin-top: 0px;}

.foot-logo-sec {margin-top: 0; margin-bottom: 25px;}
.foot-usefull-sec.footr-importantlinks .foot-nav-head {margin-top: 0;}
.foot-certified img {width: 80%;}

}


@media only screen and (max-width: 480px) {
.banner-heading {font-size: 36px; letter-spacing: 1px;}
.banner-content p {font-size: 18px; letter-spacing: 1px; margin-top: 20px;}
.banner-content .main-btn {margin-top: 15px; font-size: 16px; padding: 12px 25px;}

.partners-logos ul {gap: 10%; flex-wrap: wrap; row-gap: 22px;}
.partners-logos ul li {width: 42%;}

.webuilt-sec .section-head-info{font-size: 20px;}

.premiereads-colleft ul li .listsocial-icon {width: 12%;}

.callat-sec p .callat-tfnemail{margin-top: 20px;}
.callat-tfnemail .main-btn{margin: 0 2px;}
.callat-tfnemail .tfn {display: block; margin-bottom: 14px;}

.ourwork-includes-sec .ourwork-list {flex-wrap: wrap; align-items: center;}
.ourwork-includes-sec .ourwork-list li {width: 47%; margin-top: 30px;}

.social-reviewscount-sec ul {flex-wrap: wrap;row-gap: 22px;}
.social-reviewscount-sec ul li {width: 100%;}
.social-reviewscount-sec ul li img{width: 45%; height: auto;}

.whatcando-content .whatcando-heading{font-size: 24px;}

.socialmedia-icons {width: 100%; justify-content: center;}
.copyright-sec { flex-wrap: wrap; justify-content: center;}
.copyright-sec .copyrighttext {width: 100%; text-align: center; margin-top: 15px; order: 2;}
}


@media only screen and (max-width: 414px) {

}